body {
  font-size: 16px;
  min-width: 320px;
  position: relative;
  line-height: 29px;
  font-weight: 400;
  font-family: 'Comfortaa';
  color: #283657;
  background-color: #fff;
}
body:after{
    display:none;
    content:  url("../img/sub-menu-backgr-on.png") url("../img/sub-menu-backgr.png")  url(../img/top-backgr.gif);
}

.hidden {
  display: none;
}

p {
    margin-top: 15px;
    margin-bottom: 15px;
    font-weight: 400;
}

strong, b {
  font-weight: 800;
}

a {
  font-weight: 500;
  color: #CB4E00;
  text-decoration: underline dotted;
  text-underline-offset: 5px;
  transition: all 0.6s ease;
  font-family: 'Comfortaa';
  cursor: pointer;


}
a:hover, a:focus {
  color: #5071B0;
  text-decoration: none;
  text-underline-offset: 5px;
  transition: all 0.6s ease;
  font-weight: 500;
}

a.contains-image, a.contains-image:hover, a.contains-image:focus, a.contains-image img, a.contains-image:hover img, a.contains-image:focus img { 
  border: none !important; 
  color: transparent;
  outline: none !important;
}

.noborder {
  border: none !important;
  text-decoration: none;
  border-radius: 0 !important;
}

.heb_text {
    direction: rtl;
    font-family: Arial;
}


#main {
  min-height: 508px;
}


.editor_content {
    min-height: 370px;
    padding-bottom: 10px;
    margin-top: 50px;
}

/*                         */


/*  Header   */
header {
    background-color: #93e208;
}

.top_line {
    width: 100%;
    height: 10px;
    background-image: url(../img/top-line-backgr.png);
    background-position: top center;
    clear: both;
    background-color: #496cae;
}

.top_bg {
    width: 100%;
    height: 195px;
    background-image: url(../img/top-backgr.png);
    background-position: top center;
    background-color: #fff;
    position: relative;
    z-index: 1;
    background-repeat: repeat-x;
}

.main_logos_wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-content: flex-start;
    padding-top: 20px;
    padding-left: 0;
    padding-right: 0;
    align-items: flex-start;
}
.h_main_page img {
    margin-top: 4px;
}
.main_left_logo {

}
.main_left_logo img {
    margin-top: 68px;
}
.main_right_logos {
    padding-top: 0;
}
.right_logos_wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    padding-top: 24px;
}
.logo_sep {
    padding-left: 17px;
    padding-right: 10px;
    margin-top: 0;
}
.logo_sep img {
    height: 150px;
    min-width: 2px;
}

.top_small_menu_wrapper {
    width: 100%;
    height: 45px;
    background-image: url(../img/small-menu-backgr.png);
    background-position: top center;
    background-color: transparent;
    position: relative;
    z-index: 1;
    background-repeat: repeat-x;
    margin-top: -45px;
}
.top_nav_wrapper {
    width: 100%;
    height: 45px;
    background-color: #e65400;
    background-image: url(../img/menu-backgr.png);
    background-position: top center;
    position: relative;
    z-index: 3;
}

/* icon nav */
.nav_icons {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0;
    justify-content: space-between;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    width: 634px;
    padding-top: 6px;
}
.nav_icons a {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
}
.nav_icons li {
    margin: 0;
    padding: 0;
    display: inline-block;
}
.nav_icons img {
    height: 34px;
    width: auto;
    margin-right: 0;
}
.nav_icons span {

}
.nav_icons a span {
    color: #fff;
    font-size: 18px;
    font-weight: 300;
    text-decoration: none;
    text-underline-offset: 5px;
    transition: all 0s ease;
    line-height: 18px;
    margin-left: 9px;
}
.nav_icons a:hover span, .nav_icons a:focus span {
    text-decoration: underline;
    text-decoration: underline dotted;
    text-underline-offset: 5px;
    transition: all 0s ease;
    color:#240041;
}

.menu_lang_sel {
    flex-grow: 0;
}
.menu_wrapper {
    flex-grow: 1;
}

.nav_main_wrap {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}
.hsm_item a img {
    min-width: 39px;
    min-height: 39px;
    height: 39px;
    margin-top: 3px;
}

/* /icon nav */

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

.top_bg {
    height: auto;
    background-image: url(../img/top-backgr-adaptive.png);
    background-position: top center;
    padding-bottom: 13px;
}

.right_logos_wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    padding-top: 24px;
    margin-top: 20px;
}

.main_logos_wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    padding-top: 14px;
    padding-left: 0;
    padding-right: 0;
    align-items: center;
    flex-direction: column-reverse;
}
    .main_left_logo {
        margin-bottom: 0px;
    }    
.main_left_logo img {
    margin-top: 0;
    margin-left: 25px;
}

}


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




}

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



}

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

.main_logos_wrapper {
    padding-left: 14px;
    padding-right: 14px;
}

}
/*  Header   */


/* Footer */

.footer_wrapper {
    width: 100%;
    height: 445px;
    background-image: url(../img/bottom-backgr.png);
    background-position: top center;
    position: relative;
    z-index: 1;
    background-repeat: repeat-x;
    padding-top: 50px;
    margin-top: 100px;
}

.footer_w {
    display: flex;
    /* width: 600px; */
    align-items: flex-start;
    align-content: flex-start;
    margin-bottom: 0;
    margin-top: 9px;
}
.footer_l {
    margin-right: 15px;
    margin-left: 19px;
}
.footer_r {

}
.footer_r span {
    margin-top: 10px;
    display: inline-block;
}

.ftt1 {
    font-size: 26px;
    margin-bottom: 30px;
}
.ftt2 {
    font-size: 18px;
    margin-bottom: 0px;
}


.ft_wrapper {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
}

.ft_col {
    color: #fff;
    width: 605px;
    min-width: 605px;
}
.ft_icons {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    width: 160px;
    margin-bottom: 41px;
    margin-top: 48px;
    align-items: center;
}
.ft_row a {
    color: #b9d5ff;
}
.ft_row a:hover,  .ft_row a:focus {
    color: #fff;
}

.rftcol {
    font-size: 15px;
}

.ft_email {
    margin-left: 0;
    padding-top: 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 217px;
    margin-bottom: 5px;
}
.ft_app {
    margin-top: 14px;
    font-size: 17px;
    font-style: italic;
}
.ft_eml_r {
    font-size: 18px;
}
.ft_copy {
    font-weight: 400;
    font-size: 14px;
    margin-top: 20px;
    line-height: 20px;
}
.ft_ai {
    margin-top: 43px;
}

.ft_int {
    margin-top: 46px;
}
.ft_int span {
  color: #fff;  
}


/* int page */
.footer_wrapper_pg {
  width: 100%;
  height: 386px;
  background-image: url(../img/page-bottom-backgr.png);
  background-position: top center;
  background-color: transparent;
  position: relative;
  z-index: 1;
  background-repeat: repeat-x;  
}

.footer_wrapper_pg .footer_txt {
    padding-top: 180px;
}

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

.ft_col {
    color: #fff;
    width: auto;
    min-width: 501px;
}
.ft_icons {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    width: 160px;
    margin-bottom: 15px;
    margin-top: 48px;
    align-items: center;
}

}

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

.ft_col {
    color: #fff;
    width: auto;
    min-width: 480px;
}


}



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

.footer_wrapper {
    width: 100%;
    height: auto;
    background-image: url(../img/bottom-backgr-adaptive.png);
    background-position: top center;
    position: relative;
    z-index: 1;
    background-repeat: repeat-x;
    padding-top: 71px;
}

.ft_wrapper {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
}
.ft_row {
    max-width: 445px;
}

.ft_col {
    width: auto;
    min-width: auto;
}

.ftt1 {
    font-size: 26px;
    margin-bottom: 30px;
    text-align: center;
}

.ft_icons {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    width: 160px;
    margin-bottom: 15px;
    margin-top: 21px;
    align-items: center;
    margin-right: auto;
    margin-left: auto;
}
.ft_st1 {
    text-align: center;
}
.ft_ai {
    margin-top: 9px;
}
.ft_int {
    margin-top: 10px;
    margin-bottom: 36px;
}
.footer_l {
    margin-right: 15px;
    margin-left: 19px;
    min-width: 39px;
}
.footer_r span {
    margin-top: 10px;
    display: inline-block;
    text-align: left;
}



}



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

.footer_r span {
    margin-top: 10px;
    display: inline-block;
    text-align: left;
}


}

/* /Footer */

/* Page */
.main_page_header_wrapper {
    width: 100%;
    background-image: url(../img/page-top-backgr.png);
    background-position: top center;
    z-index: -10;
    background-repeat: repeat-x;
    position: relative;
    margin-top: -1px;
    padding-top: 0;
    padding-bottom: 0;
    height: auto;
    margin-bottom: 0;
    border: 1px solid transparent;
    min-height: 192px;
}

.pg_header {
    margin-top: 0;
    width: 100%;
    /* border: 1px solid green; */
}


.pg_header h1 {
    margin: 0;
    padding: 0;
    letter-spacing: 0px;
    
}

.pg_header img {
    vertical-align: -3px;
    margin-left: 17px;
    margin-right: 11px;
    height: auto;
}

.pg_parent {
    font-size: 29px;
    line-height: 32px;
    font-weight: 200;
    color: #d2d6de;
    font-style: italic;
    display: inline-block;
}
.pg_title {
    font-size: 29px;
    line-height: 32px;
    font-weight: 200;
    color: #fff;
    font-style: italic;
    display: inline-block;
}


.editor_content h2 {
    font-size: 33px;
    line-height: 36px;
    font-weight: 300;
    color: #fa6500;
    width: 100%;
    clear: both;
    background-image: url(../img/sub-title-backgr.png);
    /* background-size: 32px 39px; */
    background-position: 0px bottom;
    background-repeat: no-repeat;
    margin-top: 45px;
    margin-bottom: 15px;
    padding-left: 4px;
    padding-top: 0px;
    padding-bottom: 15px;
    letter-spacing: -1px;
    display: inline-block;
    font-style: italic;
}
.editor_content h3 {
    font-size: 28px;
    line-height: 32px;
    font-weight: 300;
    color: #5071b0;
    width: 100%;
    clear: both;

    margin-top: 25px;
    margin-bottom: 14px;
    padding-left: 0;
    background-image: url(../img/sub-sub-title-backgr.png);
    /* background-size: 32px 39px; */
    background-position: 0px bottom;
    background-repeat: no-repeat; 
    font-style: italic;  
}

/*  hb  */
.heb_page, .heb_page a  {
    direction: rtl;
    font-family: Arial;
}

.editor_content.heb_page h2 {
    font-size: 34px;
    line-height: 40px;
    font-weight: 300;
    color: #5b96b4;
    width: 100%;
    min-height: 37px;
    background-image: url(../img/heb-sub-title-backgr.png);
    background-position: 100% 3px;
    background-repeat: no-repeat;
    margin-top: 45px;
    margin-bottom: 15px;
    padding-left: 0px;
    /* padding-right: 49px; */
    direction: rtl;
}
.editor_content.heb_page ul li {
    padding-left: 0;
    background-image: url(../img/icon-text.gif);
    background-position: 100% 11px;
    background-size: 17px 20px;
    margin-bottom: 5px;
    background-repeat: no-repeat;
    font-weight: 400;
    height: auto;
    padding-top: 3px;
    padding-right: 34px;
}
.editor_content.heb_page ul {
    list-style: outside none none;
    margin-bottom: 30px;
    margin-left: 0;
    margin-top: 0;
    padding-left: 21px;
    margin-right: 4px;
    padding-right: 21px;
}
/*  /hb  */

/* /Page */

/* List */

.editor_content ul {
    list-style: outside none none;
    margin-bottom: 30px;
    margin-left: 9px;
    margin-top: 0;
    padding-left: 21px;
}
.editor_content ul li {
    padding-left: 27px;
    background-image: url(../img/icon-text.gif);
    background-position: 0px 11px;
    background-size: 17px 10px;
    margin-bottom: 5px;
    background-repeat: no-repeat;
    font-weight: 400;
    height: auto;
    padding-top: 3px;
}

/* /List */






/*  News  */

.custom_news_wrapper {
    padding-top: 60px;
}

.grid-news {
    margin-top: 32px;
}
.news-card {
    margin-bottom: 74px;
    padding-left: 58px;
    padding-right: 58px;
    padding-bottom: 20px;
    position: relative;
    text-align: center;
}
.news-card h2 {
    margin: 0;
    padding: 0;
    margin-top: 20px;
    background-image: none;
    text-align: center;
    font-size: 26px;
    line-height: 32px;
    color: #76849f;
    font-style: normal;
    font-weight: 400;
    clear: both;
}
.n_date {
    font-size: 22px;
    font-weight: 500;
}
a.nrm {
    font-style: italic;
}
.bti {
    margin-bottom: 70px;
}
.news-card img {
    margin-left: auto;
    margin-right: auto;
    display: block;
    border: 1px solid #b6cef2;
    margin-top: 15px;
    margin-bottom: 20px;
    min-width: 100%;
    border-top-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
.news-card p {
    margin-top: 15px;
    margin-bottom: 15px;
    font-weight: 400;
    line-height: 26px;
    font-size: 16px;
}
.pdate {
    height: auto;
    width: 229px;
    padding: 0;
    margin: 0;
    margin-top: 0px;
    display: flex;
    background-repeat: no-repeat;
    background-position: 0 0;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    color: #fff;
}
.dwrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: center;
    width: 201px;
    height: 42px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 9px;
    padding-bottom: 7px;
    color: #fff;
    font-size: 26px;
    line-height: 26px;
    font-weight: 400;
    word-spacing: 6px;
    background-position: 0 0px;
    background-repeat: no-repeat;
    text-transform: uppercase;
}

.bg_news_1 {
    background-color: transparent;
    background-image: url(../img/news-box-backgr.gif);
    background-position: 0 0;
    background-repeat: repeat-x;    
    border: 1px solid #e1eaf7;
    border-top: 4px solid #5679bb;
}
.bg_date_1 {
    background-color: transparent;
    background-image: none;
    margin-top: -31px;
}
.bg_news_1 .date-day {
    background-color: transparent;
    background-image: url(../img/news-date-backgr-2-day.gif);
    background-position: 0 0;
    background-repeat: no-repeat;
    width: 55px;
    height: 64px;
    font-size: 28px;
    font-weight: 300;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
}

.bg_news_1 .date-month {
    background-color: transparent;
    background-image: url(../img/news-date-backgr-2-month.gif);
    background-position: 0 0;
    background-repeat: no-repeat;
    width: 76px;
    height: 64px;
    font-size: 28px;
    font-weight: 300;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
}

.bg_news_1 .date-year {
  background-color: transparent;
  background-image: url(../img/news-date-backgr-2-year.gif);
  background-position: 0 0;
  background-repeat: no-repeat;
  width: 98px;
  height: 64px;
    font-size: 28px;
    font-weight: 300;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;  
}




.bg_news_2 {
    background-color: transparent;
    background-image: url(../img/news-box-backgr.gif);
    background-position: 0 0;
    background-repeat: repeat-x;    
    border: 1px solid #e1eaf7;
    border-top: 4px solid #ff7c00;
}
.bg_date_2 {
    background-color: transparent;
    background-image: none;
    margin-top: -31px;
}
.bg_news_2 .date-day {
    background-color: transparent;
    background-image: url(../img/news-date-backgr-1-day.gif);
    background-position: 0 0;
    background-repeat: no-repeat;
    width: 55px;
    height: 64px;
    font-size: 28px;
    font-weight: 300;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
}

.bg_news_2 .date-month {
    background-color: transparent;
    background-image: url(../img/news-date-backgr-1-month.gif);
    background-position: 0 0;
    background-repeat: no-repeat;
    width: 76px;
    height: 64px;
    font-size: 28px;
    font-weight: 300;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
}

.bg_news_2 .date-year {
  background-color: transparent;
  background-image: url(../img/news-date-backgr-1-year.gif);
  background-position: 0 0;
  background-repeat: no-repeat;
  width: 98px;
  height: 64px;
    font-size: 28px;
    font-weight: 300;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;  
}





.page-numbers.current {
    color: #2f6fa0;
}

.page-link {
    margin-left: 7px;
    margin-right: 7px;
}

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

  .news-card img {
      min-width: 100%;
  }

}


@media only screen and (max-width : 600px) {
  .news-card {
      margin-bottom: 54px;
      padding-left: 10px;
      padding-right: 10px;
      padding-bottom: 20px;
  }  


}


/*  /News  */

/* Prj */
.hdr_prj {
    width: 610px;
    min-height: 200px;
    background-position: 0 0;
    padding-bottom: 64px;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
}
.bg_hdr_1 {
    background-image: url(../img/projects-box-backgr-1.gif);
}
.bg_hdr_2 {
    background-image: url(../img/projects-box-backgr-2.gif);
}
.prjc-card {
    margin-bottom: 54px;
    /* padding-left: 58px; */
    /* padding-right: 58px; */
    padding-bottom: 0px;
    position: relative;
    text-align: center;
    z-index: 0;
}
.prjc-card h2 {
    margin: 0;
    padding: 0;
    margin-top: 20px;
    background-image: none;
    text-align: center;
    font-size: 28px;
    line-height: 36px;
    color: #fff;
    font-weight: 400;
    clear: both;
    z-index: 0;
    padding-left: 30px;
    padding-right: 30px;
}

.hdr_prj_cnt {
    position: relative;
}
.cnt_prj_cnt {
    padding-left: 71px;
    padding-right: 71px;
}

.cnt_prj_cnti {
    font-style: italic;
    margin-top: 15px;
    text-align: center;
    padding-left: 71px;
    padding-right: 71px;
}

.hdr_prj_cnt img {
    border: 1px solid #9edef8;
    border-bottom: 6px solid #9edef8;
    /* position: absolute; */
    margin-top: -60px;
}
.hdr_prj_ftr {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    background-color: #fff;
    flex-wrap: wrap;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    align-items: center;
    min-height: auto;
    padding-top: 8px;
    padding-bottom: 8px;
}
.hdr_prj_ftr a {
    margin-right: 12px;
    margin-left: 12px;
    font-style: italic;
    background-image: url(../img/icon-text.gif);
    background-repeat: no-repeat;
    background-position: 0 11px;
    padding-left: 14px;
}

.cnt_prj_stud {
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
}

@media only screen and (max-width : 1400px) {
    .hdr_prj {
        width: auto;
        min-height: 200px;
        background-position: 0 0;
        padding-bottom: 64px;
        display: flex;
        flex-wrap: wrap;
        align-content: center;
        justify-content: center;
    }
}

@media only screen and (max-width : 1200px) {
    .cnt_prj_cnt {
        padding-left: 21px;
        padding-right: 21px;
    }
    .cnt_prj_cnti {
        font-style: italic;
        margin-top: 15px;
        text-align: center;
        padding-left: 21px;
        padding-right: 21px;
    }
}

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

    .bg_hdr_1 {
        background-image: url(../img/projects-box-backgr-1-330.gif);
    }
    .bg_hdr_2 {
        background-image: url(../img/projects-box-backgr-2-330.gif);
    }

}


/* /Prj */

/*  Collab  */

.collab_wrapper {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-top: 20px;
}
.collab-card {
    margin-bottom: 44px;
    width: 300px;
    margin-right: 21px;
}
.collab-card img {
    width: 300px;
    height: 190px;
    margin-left: 1px;
    margin-top: 1px;
    border: 1px solid #d5e9fc;
    border-top-left-radius: 0;
    border-bottom-right-radius: 0;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

    .collab-card a img {
        display: inline-block;
        transition: transform 0.8s ease-in-out;
        transform: rotateY(0deg);
    }

    .collab-card a:focus img,
    .collab-card a:hover img {
        transform: rotateY(180deg);
        transition: transform 0.8s ease-in-out;
    }

.collab_name {
    width: 100%;
    text-align: center;
    font-size: 18px;
    color: #2f6fa0;
    border: none;
    text-decoration: none !important;
}
a .collab_name {
    border: none;
    text-decoration: none !important;
}

@media only screen and (max-width : 768px) {
  .collab_wrapper {
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: center;
  }
}


/*  /Collab  */


/* Gallery   */

.gal_wrapper {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

.gal_card {
    margin-bottom: 40px;
    width: 384px;
    height: auto;
}
.gal_bg_1 {
    background-image: url(../img/gallery-box-backgr-1.gif);
}
.gal_bg_2 {
    background-image: url(../img/gallery-box-backgr-2.gif);
}
.gal_bg_3 {
    background-image: url(../img/gallery-box-backgr-3.gif);
}
.gal_card img {
    width: 384px;
    height: 280px;
    margin-left: 0px;
    margin-top: 0px;
    margin-bottom: -10px;
}
.gal_card .gal_title {
    color: #6f18ba;
    text-align: center;
    font-size: 30px;
    font-weight: 300;
    line-height: 34px;
    padding-top: 8px;
    background-position: center top;
    min-height: 87px;
}

@media only screen and (max-width : 1400px) {
  .gal_wrapper {
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: space-evenly;
  }
}

@media only screen and (max-width : 992px) {
    .gal_wrapper {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
    }
}

@media only screen and (max-width : 445px) {
    .gal_card img {
        width: auto;
        height: auto;
        margin-left: auto;
        margin-top: auto;
    }
}


.hr-anim_trans   {
    transition: transform 0.96s; 
    transform-style: preserve-3d;
    display: inline-block; 
}

.hr-anim_trans:hover, .hr-anim_trans:focus {
    transform: scale(0.9);
}


/* /Gallery   */



/* Slider  */

.main_slider {
    margin-top: 0;
    /* background-color: #722ba9; */
    padding-bottom: 0px;
    padding-top: 0;
}
.swiper {
    width: 100%;
    height: 510px;
}

.swiper-slide {
  background-size: cover;
  background-position: center;
  position: relative;
}

.slide-link {
  display: block;
  width: 100%;
  height: 100%;
}

.slide-text {
    position: absolute;
    bottom: 0;
    width: 100%;
    color: #fff;
    font-size: 52px;
    letter-spacing: -1px;
    line-height: 58px;
    font-weight: 300;
    padding: 10px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.95s ease-in-out;
    /*text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5), -2px -2px 3px rgba(255, 255, 255, 0.7);*/
    text-shadow: 0px 0px 25px rgba(7, 7, 30, 1);



}

/*  */
.slide-text-visible {
    opacity: 1; /* */
}


/*  */
.fade-in {
    animation: fadeIn 0.85s ease-in-out forwards;
}

.slide-up {
    animation: slideUp 0.85s ease-in-out forwards;
}

/*  */
@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes slideUp {
    from { transform: translateY(20px); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}


/* Common arrow */
.swiper-button-next, .swiper-button-prev {
    background-color: rgba(29, 47, 86, 0.10);
    color: #fff;
    width: 40px;
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    padding: 0px;
    box-sizing: border-box;
}

/* hover  */
.swiper-button-next:hover, .swiper-button-prev:hover,
.swiper-button-next:focus, .swiper-button-prev:focus {
    background-color: rgba(255, 255, 255, 0.15); /*  */
    color: #5071B0; /*  */
    outline: none; /*  */
}

/* position */
.swiper-button-next {
    right: 10px;
}

.swiper-button-prev {
    left: 10px;
}

/* wcag */
.swiper-button-next:focus-visible, .swiper-button-prev:focus-visible {
    box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.5); 
    background-color: rgba(255, 255, 255, 0.5);
}


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

  .slide-text {
      font-size: 42px;
      line-height: 48px;
  }

}

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

  .slide-text {
      font-size: 36px;
      line-height: 40px;
  }

}

/* /Slider  */



/* Projects  */

.prj_wrapper {
    margin-top: -30px;
}
.hdr_prj_w_marg {
    margin-bottom: 20px;
}
.prj_card {
    border-right: 1px solid #e4f7fb;
    border-bottom: 1px solid #e4f7fb;
    border-top: none;
    width: 100%;
    /*min-height: 200px;*/
    margin-bottom: 55px;
    box-shadow: 0 4px 8px 0px rgba(0, 0, 0, 0.05);
}
.prj_ttl {
    min-height: 55px;
    width: 100%;
    background-position: top left;
    background-repeat: no-repeat;
    font-weight: 400;
    font-size: 29px;
    line-height: 30px;
    display: flex;
    align-items: center;
    padding-left: 0px;
    padding-right: 15px;
    position: relative;
}
.prj_bg_1 {
    background-image: url(../img/proj-box-title-backgr-1.gif);
    color: #bd159f;
}
.card_bg1 {
    border-left: 5px solid #dd019d;
    border-bottom: 1px solid #fbf1fd;
    border-right: 1px solid #fbf1fd;

}

.prj_bg_2 {
    background-image: url(../img/proj-box-title-backgr-2.gif);
    color: #1579a6;
}
.card_bg2 {
    border-left: 5px solid #35a3c2;
    border-bottom: 1px solid #e4f7fb;
    border-right: 1px solid #e4f7fb;    
}

.prj_bg_3 {
    background-image: url(../img/proj-box-title-backgr-3.gif);
    color: #8f3dc2;
}
.card_bg3 {
    border-left: 5px solid #8f3dc2;
    border-bottom: 1px solid #f3f2ff;
    border-right: 1px solid #f3f2ff;     
}

.prj_t_edit a.orderid {
    font-size: 14px;
    font-weight: 300;
    margin-left: 10px;
    margin-right: 5px;
    text-decoration: none;
}
.prj_t_award {
    display: inline-block;
    height: 55px;
    width: 39px;
    min-width: 39px;
    margin-right: 16px;
    margin-left: -5px;
}
.prj_img img {
    width: 380px;
    min-width: 380px;
    height: auto;
    border: 1px solid #c7c4e4;
}
.prj_int_wrapper {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    padding-right: 50px;
    padding-left: 50px;
    padding-top: 38px;
    padding-bottom: 38px;
}
.prj_content {
    width: 100%;
    padding-left: 55px;

}
.prj_main_txt div {

}
.prj_top_wrapper {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
.prj_top_left {
    max-width: 400px;
}
.prj_top_right {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: flex-start;
    align-content: flex-start;
}
.prj_stud {
    padding-left: 21px;
    background-image: url(../img/icon-text.gif);
    background-position: 0px 2px;
    background-size: 8px 19px;
    background-repeat: no-repeat;
    margin-bottom: 8px;
}
.prj_stud b {
    font-size: 18px;
}
.prj_top_right img {
    width: 108px;
    height: auto;
    border: 1px solid #e2e0f3;
    margin-right: 20px;
    margin-bottom: 10px;
}
.prj_main_txt {
    padding-top: 12px;
}
.prj_t_award img {
    position: absolute;
    top: 0;
    left: -5px;
}


@media only screen and (max-width : 1200px) {
    .prj_ttl {
        font-size: 29px;
        line-height: 30px;
        padding-top: 6px;
        padding-bottom: 6px;
    }
}

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

    .prj_int_wrapper {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        justify-content: space-between;
        flex-direction: row;
        padding-right: 15px;
        padding-left: 22px;
        padding-top: 8px;
        padding-bottom: 34px;
        flex-wrap: wrap;
    }

    .prj_content {
        width: 100%;
        padding-left: 0;
    } 
    .prj_img {
        width: 100%;
        margin-bottom: 35px;
        margin-top: 20px;
    }
   .prj_img img {
        width: auto;
        min-width: auto;
        height: auto;
        border: 1px solid #c7c4e4;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }


}



/* /Projects  */



/* Project page */

.proj_page_wrapper {
    min-height: 300px;
}
.proj_page_main {
    padding-top: 25px;
    padding-bottom: 40px;
}
.proj_page_top {
    border-left: 2px solid #68cff9;
    padding-left: 26px;
    margin-top: 35px;
}
.proj_page_str img {
    height: 21px;
    width: auto;
    vertical-align: 0px;
}
.proj_page_poster {
    margin-bottom: 4px;
}
.proj_page_poster a img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    border:1px solid #c7c4e4;
}
.ppage_btn {
    width: 100%;
}
.ppage_btn img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
}
.proj_page_str b {
    font-size: 18px;
}
.proj_page_collab {
    display: flex;
    margin-bottom: 50px;
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}
.proj_page_collab img {
    width: 150px;
    height: auto;
    border: 1px solid #e2e0f3;
    margin-left: 10px;
    margin-right: 10px;
}
.proj_page_collab_txt {
    text-align: center;
    border-bottom: 2px solid #68cff9;
    width: 100%;
    margin-bottom: 15px;
}
.coll_mini_wrap {
    text-align: center;
}
.coll_txt {
    font-weight: 500;
    margin-top: -7px;
}

/* /Project page */


/*  Projects Main & Search  */

.sform_wrapper {
    width: 700px;
    height: 51px;
    background-image: url(../img/search-backgr.gif);
    background-position: center center;
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    padding: 0;
    border: 1px solid #c7b2f9;
    align-items: flex-start;
    align-content: flex-start;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}
#custom_search {
    width: 570px;
    padding-left: 6px;
    padding-right: 6px;
    border: 1px solid #c7b2f9;
    display: block;
    margin-left: 38px;
    color: #701085;
    font-weight: 500;
}
#custom_search:focus {
    border-color: #4A90E2; 
    outline: 2px solid #c7b2f9;/*none; */
}


#custom_search::placeholder {
    color: #9b56b9; 
    opacity: 1; 
    font-style: italic;
    font-weight: 300;
}

img.search-icon {
    display: block;
    width: 51px;
    height: 51px;
    min-width: 51px;
    margin-top: -1px;
}
.search-button {
    border: none;
    outline: none;
    padding: 0;
    margin: 0;
    cursor: pointer;
}
#project_search {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-content: flex-start;
    align-items: center;
    margin-top: 0px;
}
.s_string {
    margin-bottom: 29px;
    margin-top: 25px;
    font-size: 20px;
}




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

    .sform_wrapper {
        width: auto;
    }
    #custom_search {
        width: 100%;
        margin-right: 30px;
    }

}

/* Modal window  */

.modal {
    display: none;
    position: fixed;
    z-index: 10000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(31, 0, 83, 0.75); /*  */
    align-items: center;
    justify-content: center;
    animation: fadeIn 0.85s; 
}

.modal-content {
    background-color: #8e0495;
    margin: auto;
    padding: 20px;
    border: 1px solid #eb79fb;
    width: 80%;
    max-width: 500px;
}
.modal-body {
    color: #fff;
    font-size: 22px;
    font-weight: 400;
    text-align: center;
}
.modal-title {
    font-size: 20px;
    margin-bottom: 15px;
}

.modal-close {
    color: #520057;
    float: none;
    font-size: 20px;
    font-weight: 400;
    padding-left: 35px;
    padding-right: 35px;
    border: 1px solid #520057;
    background-color: #eb79fb;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    cursor: pointer;
}

.modal-close:hover,
.modal-close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

@keyframes fadeIn {
    from {opacity: 0;}
    to {opacity: 1;}
}

/* /Modal window  */


/*  TimeLine   */
    .event_wrapper {

    }

.timeline_wrap {
    padding-top: 0px;
}


    .container_tm {
        width: calc(100% - 1.25em);
        width: calc(100% - 2*var(--component-padding));
        margin-left: auto;
        margin-right: auto;
    }
    .js .cd-h-timeline__dates::before {
        background: linear-gradient(to right, hsl(0, 0%, 100%), hsla(0, 0%, 97%, 0));
    }
    .js .cd-h-timeline__dates::after {
        background: linear-gradient(to left, hsl(0, 0%, 100%), hsla(0, 0%, 97%, 0));
    }
    .js .cd-h-timeline__line {
        background-color: #93e208;
    }
.js .cd-h-timeline__navigation {
    border-color: #3e845a;
}
    .js .cd-h-timeline__navigation--inactive:hover {
        border-color: #3e845a;
    }    

.js .cd-h-timeline__date {
    font-size: 18px;
    color: #3e845a;
    margin-bottom: 0px;
    padding-bottom: 7px;
}
.js .cd-h-timeline__date--selected {
    pointer-events: none;
    font-weight: 600;
    font-size: 26px;
    color: #2F6FA0;
}
    :root {
        --cd-color-1: #fff;
        --cd-color-1-h: 0;
        --cd-color-1-s: 0%;
        --cd-color-1-l: 22%;
        --cd-color-2: #93e208;
        --cd-color-2-h: 74;
        --cd-color-2-s: 93%;
        --cd-color-2-l: 32%;
        --cd-color-3: #3e845a;
        --cd-color-3-h: 0;
        --cd-color-3-s: 0%;
        --cd-color-3-l: 97%;
        --font-primary: 'Fira Sans', sans-serif;
        --font-secondary: 'Playfair Display', serif;
    }    

    .js .cd-h-timeline__event-content {
        margin-top: 10px;
        max-width: 100%;
    } 

.js .cd-h-timeline__dates {
    position: relative;
    height: 100%;
    margin: -40px 40px;
    overflow: hidden;
}


    .js .cd-h-timeline__event--selected {
        position: relative;
        z-index: 0;
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        padding: 0;
    }

.js .cd-h-timeline__container {
    position: relative;
    height: 100px;
    max-width: 1080px;
    margin-left: auto;
    margin-right: auto;
}
    .cd-h-timeline__events {
        min-height: 800px;
    }

/*    
.js .cd-h-timeline__navigation::after {
    height: 16px;
    width: 16px;
    top: 50%;
    left: 50%;
    background: url(../img/cd-arrow.gif) no-repeat 0 0;
}
*/

.js .cd-h-timeline__date::after {
    content: '';
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -5px;
    height: 12px;
    width: 12px;
    border-radius: 50%;
    border-width: 2px;
    border-style: solid;
    border-color: #3e845a;
    /* background-color: hsl(0, 0%, 97%); */
    background-color: #fff;
    transition: background-color 0.3s, border-color .3s;
} 

.js .cd-h-timeline__filling-line {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: hsl(74, 93%, 32%);
    background-color: #3e845a;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}
.js .cd-h-timeline__navigation--inactive {
    cursor: not-allowed;
    opacity: 0.45;
}
.js .cd-h-timeline__date--older-event::after {
    border-color: hsl(74, 93%, 32%);
    border-color: #3e845a !important;
    background-color: #93e208;
}

.research_areas_filters {





}

.loader {
    display: none;
    position: fixed;
    left: 50%;
    top: 70%;
    transform: translate(-50%, -50%);
    font-size: 20px;
    color: #333;
    background-color: rgba(0, 0, 0, 0.14);
    padding: 14px;
    /*width: 100%;*/
    /*height: 100%;*/
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    z-index: 40;
}

/*  /TimeLine   */




/**/


.prj_card.compact_mode {
    margin-bottom: 16px;
    box-shadow: none;
    border-bottom: none;
    border-right: none;
    padding-left: 20px;
}

.prj_card.full_mode {

}


.view_wrapper {
    width: 100%;
    margin-top: 16px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: flex-start;
}
.pr_sum_wrapper {
    width: auto;
    text-align: center;
    color: #bf33c6;
    font-size: 16px;
    font-style: italic;
    margin-bottom: 0;
    margin-right: 24px;
    line-height: 26px;
}

#toggleViewBtn {
    font-size: 16px;
    background-image: url(../img/button-mode-1.gif);
    background-position: center center;
    background-repeat: no-repeat;
    width: 88px;
    height: 21px;
    color: white;
    border: none;
    cursor: pointer;
    /* background-color: #0056b3; */
    transition: background-color 0.3s ease;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

#toggleViewBtn:focus, #toggleViewBtn:hover  {
    box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.12);
    /*background-color: #0056b3;*/
}

#toggleViewBtn[aria-pressed="true"], #toggleViewBtn[aria-pressed="true"]:hover {
    background-image: url(../img/button-mode-2.gif);
    box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.32);
    /*background-color: #28a745;*/
}
.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.pt_yr_wrapper {
    width: 100%;
    height: auto;
    background-image: url(../img/year-title-backgr.gif);
    background-position: left center;
    background-repeat: repeat-x;
    margin-bottom: 20px;
}
.pt_yr_txt {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    background-color: #fff;
    width: 225px;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    justify-content: space-between;
    padding-right: 16px;
}
.pt_aj_y {
    color: #6f18ba;
    font-size: 38px;
    line-height: 38px;
    font-weight: 300;
    display: block;
}
.pt_aj_p {
    font-style: italic;
    color: #bf33c6;
    font-weight: 400;
    font-size: 16px;
}
.p_sep {
    color: #BE18C6;
    margin-left: 12px;
    margin-right: 12px;

}
/*  /Projects Main & Search  */


/* publ  */

.buttons_wrap {
    width: auto;
    clear: both;
    margin-top: 0px;
    margin-bottom: -18px;
}

.research_areas_button {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    min-height: 200px;
    background-image: url(../img/publ-ra-backgr.gif);
    background-position: top center;
    width: 100%;
    margin-bottom: 12px;
    border-bottom: 1px solid #C3F3C1;
}

.button_ra_wrap {
    width: 190px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-content: center;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: -20px;
}
.button_ra_wrap span {
    text-align: center;
    display: block;
    width: 190px;
    line-height: 21px;
    padding-top: 4px;
    font-size: 14px;
    font-weight: 800;
}


.filter-button.research_areas_b {
    background-color: transparent;
    border-width: 0;
    cursor: pointer;
    width: 80px;
    height: 66px;
    background-image: url(../img/graphic-code-backgr.png);
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
}


.filter-button.active.research_areas_b, .filter-button.research_areas_b:hover {
    background-image: url(../img/graphic-code-backgr-on.png);
    background-position: center center;
}

.filter-button {
    position: relative; 

}

.filter-button span {
    position: absolute;
    bottom: 10px; 
    width: 100%; 
    text-align: center; 
}





.category_filters {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    max-width: 1080px;
    margin: auto;
    margin-left: auto;
}

.filter-button.category_b {
    cursor: pointer;
}

.filter-button.category_b {
    background-color: #fff;
    width: 141px;
    height: 41px;
    background-image: url(../img/publ-button-backgr.gif);
    background-position: center center;
    border: 0px solid #ccc;
    cursor: pointer;
    font-size: 18px;
    font-weight: 500;
    color: #244908;
    text-transform: lowercase;
}

.filter-button.active.category_b,  .filter-button.category_b:hover {
    color: #fff;
    background-image: url(../img/publ-button-backgr-on.gif);
    background-position: center center;    
}



.publ_unit {
    margin-top: 0;
    padding-bottom: 36px;
    display: flex;
}
.pwr1 {
    min-width: 30px;
    width: auto;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    height: auto;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    padding-top: 0px;
    margin-right: -5px;
}
.pwr1 img {
    width: 30px;
    height: auto;
    margin-bottom: -5px;
    margin-left: -5px;
}
.orderid {
    font-size: 12px;

}
.pbl_buttons_sep {
    display: inline-block;
    width: 40px;
}
.pbl_buttons_area a {
    font-style: italic;
}
.custom_expand {
    border: 1px solid #D7CFFE;
    background-color: #f9f8ff;
    margin: 0;
    padding-left: 16px;
    padding-right: 16px;
    font-size: 14px;
    color: #59208A;
    margin-bottom: 20px;
    margin-top: 10px;
    font-style: italic;
}
.to_exp_close {
    color: #59208A;
}
.pb_spn {
    color: #2F6FA0;
    font-style: italic;
    font-weight: 600;
    font-size: 15px;
}
.copytc {
    color: #2d6205;
}
.copytc:hover, .copytc:focus {
    color: #fff;
}
.publ_medium {
    font-weight: 600;
}

.remodal-overlay {
    background: rgba(255, 255, 255, 0.75);
}
.remodal {
    border: 1px solid #55a400;
    box-shadow: 0 4px 8px 0px rgba(0, 0, 0, 0.05);
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 10px;
    padding: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    color: #2a2e64;
    background: #93e208;
}
.remodal_content_header_wrap {
    padding-top: 20px;
    padding-bottom: 25px;
    padding-left: 20px;
    padding-right: 20px;
    background-color: #fff;
}
.remodal_content_header_wrap h2 {
    color: #2a2e64;
    text-align: center;
    font-size: 26px;
    line-height: 35px;
}
.publ_remodal_content_wrap {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 20px;
    padding-bottom: 20px;
}
.remodal-close {
    position: absolute;
    top: 0;
    left: auto;
    right: 2px;
    display: block;
    overflow: visible;
    width: 43px;
    height: 50px;
    margin: 0;
    padding: 0;
    cursor: pointer;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
    text-decoration: none;
    color: #144908;
    border: 0;
    outline: 0;
    background: transparent;
}
.btn_close {
    color: transparent;
}
.remodal-close:before {
    font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
    font-size: 30px;
    line-height: 38px;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 36px;
    content: "\00d7";
    text-align: center;
}
.rm_ads_ttl {
    text-align: center;
    font-size: 25px;
    line-height: 24px;    
}

.pbl_button {
    margin-right: 30px;
    font-style: italic;
}




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

.category_filters {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    max-width: 100%;
    margin: auto;
    margin-left: auto;
    align-items: baseline;
}

.filter-button.category_b {
    background-color: #fff;
    width: 141px;
    height: 41px;
    background-image: url(../img/publ-button-backgr.gif);
    background-position: center center;
    border: 0px solid #ccc;
    cursor: pointer;
    font-size: 18px;
    font-weight: 500;
    color: #244908;
    margin-bottom: 15px;
}    

}

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

.research_areas_button {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    min-height: 200px;
    height: auto;
    padding-top: 40px;
    padding-bottom: 15px;
    background-image: url(../img/publ-ra-backgr.gif);
    background-position: top center;
    width: 100%;
    margin-bottom: 12px;
    border-bottom: 1px solid #C3F3C1;
    flex-wrap: wrap;
}
.button_ra_wrap {
    width: 190px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-content: center;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 25px;
}

}


@media only screen and (max-width : 768px) {
    
    /*Disable Animation on Mobile Devices*/
    .animated {
        /*CSS transitions*/
        -o-transition-property: none !important;
        -moz-transition-property: none !important;
        -ms-transition-property: none !important;
        -webkit-transition-property: none !important;
        transition-property: none !important;
        /*CSS transforms*/
        -o-transform: none !important;
        -moz-transform: none !important;
        -ms-transform: none !important;
        -webkit-transform: none !important;
        transform: none !important;
        /*CSS animations*/
        -webkit-animation: none !important;
        -moz-animation: none !important;
        -o-animation: none !important;
        -ms-animation: none !important;
        animation: none !important;
    }


.button_ra_wrap {
    width: 150px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-content: center;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 25px;
}

.filter-button.category_b {
    background-color: #fff;
    width: 141px;
    height: 41px;
    background-image: url(../img/publ-button-backgr.gif);
    background-position: center center;
    border: 0px solid #ccc;
    cursor: pointer;
    font-size: 18px;
    font-weight: 500;
    color: #244908;
    margin-bottom: 15px;
    margin-left: 6px;
    margin-right: 6px;
}

}



/* publ  */





/*  award  */

.awards-listing {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: space-between;
    align-items: flex-start;
    padding-top: 30px;
    width: 100%;
    clear: both;
}
.award_wrapper {
    width: 625px;
    height: 300px;
    background-position: top left;
    background-repeat: no-repeat;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.04);
    margin-bottom: 45px;
    position: relative;
}
.bg1 {
    background-image: url(../img/award-box-backgr-1.gif);
    border-right: 1px solid #dce4f7;
    border-bottom: 1px solid #dce4f7;
    color: #6f18ba;
}
.bg2 {
    background-image: url(../img/award-box-backgr-2.gif);
    border-right: 1px solid #d1eff7;
    border-bottom: 1px solid #d1eff7;
    color: #1579a6;
}

.award_wrapper h3 {
    font-size: 24px;
    line-height: 26px;
    font-weight: 400;
    background: none;
    padding: 0;
    margin: 0;
    padding-top: 16px;
    padding-left: 80px;
    height: 96px;
    overflow: hidden;
    padding-right: 30px;
}
.bg1 h3 {
    color: #6f18ba;
}
.bg2 h3 {
    color: #1579a6;
}
.awy {
    position: absolute;
    top: 11px;
    left: 8px;
    color: #fff;
    font-size: 23px;
    font-weight: 400;
}
.info {
    padding-top: 0px;
    padding-right: 30px;
    padding-left: 30px;
    color: #363253;
}
.info ul {
    list-style: outside none none;
    margin-bottom: 10px;
    margin-left: 0;
    margin-top: 0;
    padding-left: 0;
}
.info ul li {
    padding-left: 21px;
    background-image: url(../img/icon-text.gif);
    background-position: 0px 5px;
    background-size: 8px 19px;
    margin-bottom: 5px;
    background-repeat: no-repeat;
    font-weight: 400;
    height: auto;
    padding-top: 3px;
}

@media only screen and (max-width : 1400px) {
    .awards-listing {
        align-content: flex-start;
        justify-content: center;
        align-items: flex-start;
        padding-top: 30px;
        width: 100%;
        clear: both;
    }
    .award_wrapper {
        height: auto;
    }    
    .award_wrapper h3 {
        font-size: 24px;
        line-height: 26px;
        font-weight: 400;
        background: none;
        padding: 0;
        margin: 0;
        padding-top: 16px;
        padding-left: 80px;
        padding-bottom: 0px;
        margin-bottom: 10px;
        height: auto;
        overflow: hidden;
        padding-right: 30px;
    } 
    .info {
        padding-bottom: 12px;
    }
}
@media only screen and (max-width : 500px) {
    .info {
        padding-top: 0px;
        padding-right: 8px;
        padding-left: 8px;
    }
}
/*  award  */


/* Team  */

.tcat_wrapper {
    width: 100%;
}
ul.navMenu {
    padding-left: 0;
    background-image: none;
    margin-bottom: 5px;
    background-repeat: no-repeat;
    font-weight: 400;
    height: auto;
    padding-top: 0;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
ul.navMenu li {
    padding-left: 0;
    background-image: none;
    margin-bottom: 5px;
    background-repeat: no-repeat;

    height: auto;
    padding-top: 0;

}
ul.navMenu li a {
    font-size: 20px;
    font-weight: 400;
}
.navMenu span {
    display: inline-block;
    margin-left: 15px;
    margin-right: 15px;
    color: #f17be5;
    font-size: 20px;
}

.tm_wrapp {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start;
    margin-top: 25px;
}

.team-member-card_wrap {
    background: none;
    height: auto;
    width: 395px;
    margin-bottom: 80px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    position: relative;
    border: none;
    margin-right: 34px;
}
.tc_content {
    border-left: 1px solid #E5F6E3;
    border-right: 1px solid #E5F6E3;
    min-height: 362px;
}

.tc_content_al {
    border-left: 1px solid #E5F6E3;
    border-right: 1px solid #E5F6E3;
    min-height: 250px;
}
.tc_info {
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 18px;
    padding-bottom: 29px;
    overflow: hidden;
    max-height: 222px;
}
.tc_info p {
    margin-top: 5px;
    margin-bottom: 8px;
    line-height: 22px;
    font-size: 16px;
    text-align: center;
}


.tm_cur {
    min-height: 120px;
    margin-bottom: 20px;
}
.bg_fc_1 {
    background-image: url(../img/team-box-top-backgr-1.png);
}
.bg_fc_2 {
    background-image: url(../img/team-box-top-backgr-2.png);
}
.bg_fc_3 {
    background-image: url(../img/team-box-top-backgr-3.png);
}

.tm_footer_bg {
    width: 395px;
    height: 32px;
    position: absolute;
    left: 0;
    bottom: -2px;
    display: flex;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 395px 29px;
    align-items: flex-start;
}

.bg_ftc_1 {
    background-image: url(../img/team-box-bottom-1.gif);
}
.bg_ftc_2 {
    background-image: url(../img/team-box-bottom-2.gif);
}
.bg_ftc_3 {
    background-image: url(../img/team-box-bottom-3.gif);
}

.tm_footer_icons {
    margin-left: auto;
    margin-right: auto;
    padding-left: 6px;
    padding-right: 6px;
    width: auto;
    background-color: #fff;
}
.tm_footer_icons img {
    margin-left: 5px;
    margin-right: 5px;
}

.team-fc-card_wrap {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    margin-top: 50px;
}
.team-fc-card_img {
    min-width: 280px;
}
.team-fc-card_img img {
    width: 278px;
    height: 315px;
    border: 1px solid #a5e3a0;
    border-top-left-radius: 54px;
    border-bottom-right-radius: 54px;
}
.team-fc-card_content {
    padding-left: 64px;
}
.team-fc-card_name {
    font-size: 32px;
    font-weight: 500;
    line-height: 34px;
    color: #5b96b4;
}
.team-fc-card_pos {
    font-size: 22px;
    font-weight: 500;
    line-height: 28px;
    margin-top: 10px;
    margin-bottom: 30px;
}
.team-fc-card_txt {

}
.team-fc-card_icons {
    display: flex;
    width: auto;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.team-fc-card_icons img {
    margin-right: 20px;
}

.al_footer_th {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: space-around;
    align-items: center;
    margin-top: -31px;
    padding-left: 0;
    padding-right: 0;
    width: 330px;
    margin-right: auto;
    margin-left: auto;
}
.al_footer_th a {
    display: inline-block;  
}

.tc_header {
    color: #fff;
    font-size: 28px;
    line-height: 30px;
    font-weight: 300;
    text-align: center;
    margin-bottom: 0;
    height: auto;
    padding-top: 8px;
    padding-bottom: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}
.tc_img {
    text-align: center;
    clear: both;
    padding-top: 22px;
    padding-bottom: 12px;
    background-image: url(../img/team-pic-backgr.gif);
    background-repeat: no-repeat;
    background-position: bottom center;
}
.tc_img img {
    width: 214px;
    height: 250px;
    border: 1px solid #a5e3a0;
    display: block;
    margin-left: auto;
    margin-right: auto;
    border-top-left-radius: 54px;
    border-bottom-right-radius: 54px;
}
.tc_txt {
    margin-top: 0;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    /* padding-top: 11px; */
    /* padding-bottom: 11px; */
    clear: both;
    height: 78px;
    margin-top: 4px;
}

.tm_pos {
    font-size: 20px;
    line-height: 26px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 11px;
}
.tc_icons {
    width: 100%;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    align-items: flex-start;
    justify-content: center;
}
.tc_icons img {
    margin-left: 12px;
    margin-right: 12px;
}
.tc_icons_f {
    width: 100%;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    align-items: flex-start;
    justify-content: flex-start;
    height: auto;
    padding-left: 22px;
}
.tc_icons_f img {
    margin-left: 0;
    margin-right: 12px;
}
.tm_wrapp_former {
    padding-left: 22px;
    padding-top: 15px;
    padding-bottom: 5px;
}
.team-member-card_wrap_former {
    margin-bottom: 20px;
}
.tc_former_wrap {

}
.tc_former_h {
    padding-left: 21px;
    background-image: url(../img/icon-text.gif);
    background-position: 0px 5px;
    background-size: 8px 19px;
    margin-bottom: 5px;
    background-repeat: no-repeat;
    font-weight: 400;
    height: auto;
    padding-top: 3px;
    margin-right: 12px;
}
.tc_former_h {
    font-weight: 500;
}
.tc_former_i {

}

.navMenu img {
    display: inline;
    vertical-align: -7px;
}

@media only screen and (max-width : 1400px) {
    .tm_wrapp {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-evenly;
        align-content: flex-start;
        align-items: flex-start;
    }
}

@media only screen and (max-width : 992px) {
.tm_wrapp {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: flex-start;
    align-items: flex-start;
    margin-top: 0;
}
}


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

    ul.navMenu {
        padding-left: 0;
        background-image: none;
        margin-bottom: 5px;
        background-repeat: no-repeat;
        font-weight: 400;
        height: auto;
        padding-top: 0;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }
.team-fc-card_wrap {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    margin-top: 50px;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    align-content: flex-start;
}
.team-fc-card_content {
    padding-left: 0;
    margin-top: 33px;
}

}




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

    .tm_cur {
        text-align: center;
        line-height: 24px;
    }
    .tc_txt {
        margin-top: 9px;
    } 
    .tc_icons {
        margin-top: 6px;
        margin-bottom: 7px;
    }

.team-member-card_wrap {
    background-position: 0 0;
    background-repeat: no-repeat;
    height: auto;
    width: 330px;
    margin-bottom: 50px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 17px;
    margin-right: 0;
}

    ul.navMenu {
        padding-left: 0;
        background-image: none;
        margin-bottom: 5px;
        background-repeat: no-repeat;
        font-weight: 400;
        height: auto;
        padding-top: 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }




.tm_footer_bg {
    width: 330px;
    /* max-width: 259px; */
    height: auto;
    /* position: absolute; */
    /* left: 0; */
    /* bottom: -2px; */
    display: flex;
    background-repeat: no-repeat;
    background-position: center center;
    /* background-size: 395px 29px; */
    align-items: flex-start;
    /* margin-left: 25px; */
}
.tc_info {
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 18px;
    padding-bottom: 29px;
    overflow: hidden;
    max-height: unset;
}
.tc_header {
    color: #fff;
    font-size: 28px;
    line-height: 30px;
    font-weight: 300;
    text-align: center;
    margin-bottom: 0;
    height: auto;
    padding-top: 8px;
    padding-bottom: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    padding-left: 8px;
    padding-right: 8px;
}

.team-fc-card_pos {
    font-size: 22px;
    font-weight: 500;
    line-height: 24px;
    margin-top: 10px;
    margin-bottom: 30px;
    text-align: center;
}
.team-fc-card_name {
    font-size: 32px;
    font-weight: 500;
    line-height: 34px;
    color: #5b96b4;
    text-align: center;
}
.navMenu img {
    display: none;
    vertical-align: -7px;
}

.tm_wrapp {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: flex-start;
    align-items: flex-start;
    margin-top: 0;
}

.ft_allu {
    height: 10px;
}

}




/*   RA      */

.ra_ic_bacgr {
    background-color: transparent;
    border-width: 0;
    width: 80px;
    height: 66px;
    background-image: url(../img/graphic-code-backgr.png);
    background-position: center center;
    background-repeat: no-repeat;
    padding-top: 6px;
    padding-left: 9px;
    padding-right: 9px;
    padding-bottom: 0px;
}

.ra_wrap {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    margin-bottom: 60px;
    padding-top: 30px;
}
.ra_img {
    min-width: 615px;
}
.ra_img img {
    width: 615px;
    height: auto;
    border: 1px solid #a5e3a0;
    padding: 0px;
    border-top-left-radius: 54px;
    border-bottom-right-radius: 54px;        
}

.ra_hdr_wrap {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    padding-left: 70px;
}
.ra_descr {
    padding-left: 70px;
}
.ra_line {
    border-bottom: 1px solid #c8f4a7;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 30px;
}
.ra_title {
    color: #5b96b2;
    padding-left: 15px;
    font-size: 32px;
    font-weight: 300;
    line-height: 38px;
    padding-top: 1px;
}
.ra_links {
    padding-left: 70px;
}
.ra_links a {
    margin-right: 32px;
}

.sp_team_wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.sp_fc_team_wrap {
    margin-bottom: 60px;
}

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

.ra_wrap {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    margin-bottom: 60px;
    padding-top: 30px;
    flex-wrap: wrap;
    justify-content: center;
}
.ra_hdr_wrap {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    padding-left: 0px;
    justify-content: center;
    margin-top: 22px;
    margin-bottom: 18px;
}
.ra_links {
    padding-left: 0px;
    text-align: center;
}
.ra_descr {
    padding-left: 0px;
}



}

@media only screen and (max-width : 992px) {
    .sp_team_wrap {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
}



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


.ra_img img {
    width: 100%;
    height: auto;
    border: 1px solid #a5e3a0;
    padding: 0px;
    border-top-left-radius: 54px;
    border-bottom-right-radius: 54px;
}
.ra_img {
    min-width: 100%;
}
.ra_descr {
    padding-left: 0px;
    text-align: center;
}
.ra_hdr_wrap {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    padding-left: 0px;
    justify-content: center;
    margin-top: 22px;
    margin-bottom: 18px;
    flex-wrap: wrap;
}
.ra_title {
    color: #5b96b2;
    padding-left: 15px;
    font-size: 32px;
    font-weight: 300;
    line-height: 38px;
    padding-top: 1px;
    text-align: center;
}
       
}


@media only screen and (max-width : 470px) {
    .team-fc-card_icons {
        display: flex;
        width: auto;
        flex-wrap: wrap;
        justify-content: center;
    }
}



/*   /RA      */



/* Talks */


.tstring_wrap {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    margin-bottom: 3px;
}
.ts_date_wrap {
    background-image: url(../img/talks-icon-date.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    padding-left: 48px;
    min-width: 342px;
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 0px;
    min-height: 42px;
}
.ts_date_wrap  span {
    background-color: #e4f7ff;
    display: flex;
    min-height: 40px;
    align-content: center;
    align-items: center;
    padding-left: 16px;
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
    padding-right: 17px;
    padding-top: 7px;
    padding-bottom: 7px;    
}

.ts_pls_wrap {
    background-image: url(../img/talks-icon-place.png);
    background-position: 4px 0;
    background-repeat: no-repeat;
    padding-left: 52px;
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 0px;
    min-height: 42px;
}
.ts_pls_wrap  span {
    background-color: #e4f7ff;
    display: flex;
    min-height: 40px;
    align-content: center;
    align-items: center;
    padding-left: 16px;
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
    padding-right: 12px;
    padding-top: 7px;
    padding-bottom: 7px;
}

.tsti_wrap {
    margin-bottom: 30px;
}
.btn_wrap {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
}
.btn_wrap img {
    margin-left: 10px;
}

.editor_content.ttlk h2 {

    margin-top: 16px;

}
.editor_content.ttlk {

    padding-top: 26px;

}


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

.tstring_wrap {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    margin-bottom: 8px;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.ts_pls_wrap {
    background-image: none;
    background-position: 4px 0;
    background-repeat: no-repeat;
    padding-left: 0;
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 0px;
    min-height: 42px;
}
.ts_date_wrap {
    background-image: none;
    background-position: 0 0;
    background-repeat: no-repeat;
    padding-left: 0;
    min-width: auto;
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 0px;
    min-height: 42px;
}

       
}

/* /Talks */


/*  Proj  */

.grid-news {
    margin-top: 32px;
}
.news22-card {
    margin-bottom: 54px;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 20px;
    position: relative;
    text-align: center;
    background-position: 0px 0;
    background-repeat: no-repeat;
    margin-bottom: 5px;
}
.bg_news22_h_1 {
    background-image: url(../img/proj-box-title-backgr-2.jpg);
}
.bg_news22_h_2 {
    background-image: url(../img/proj-box-title-backgr-1.jpg);
}

.news22-card h2 {
    margin: 0;
    padding: 0;
    margin-top: 10px;
    background-image: none;
    text-align: center;
    font-size: 26px;
    line-height: 34px;
    color: #fff;
    font-weight: 300;
    clear: both;
    padding-top: 15px;
    padding-bottom: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 8px;
    padding-left: 15px;
    padding-right: 15px;
    min-height: 75px;
}
.news22-card img {
    margin-left: auto;
    margin-right: auto;
    display: block;
    border: 1px solid #a5e3a0;
    margin-top: 15px;
    margin-bottom: 20px;
    /* min-width: 100%; */
    max-width: 450px;
        border-top-left-radius: 54px;
    border-bottom-right-radius: 54px;
}

.news22-card-wrap {
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 35px;
    padding-top: 12px;
    position: relative;
}
img.pr_st_img {
    position: absolute;
    top: -16px;
    right: 0;
    border: none !important;
    width: 91px;
    height: 92px;
    min-width: 91px !important;
        border-top-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;    
}

.news22-cnt {
    text-align: left;
    padding-left: 12px;
    padding-right: 12px;
}

.bg_news22_2 {
  background-color: #fff;
  border: 1px solid #e5f6e3;
  border-bottom: 6px solid #277F54;
}


.bg_news22_1 {
  background-color: #fff;
  border: 1px solid #e5f6e3;
  border-bottom: 6px solid #1E686B;
}


.page-numbers.current {
    color: #2f6fa0;
}

.pr_prq {
    font-style: italic;
    color:#277F54;
}

.news22-di-wrap div {
    border-bottom: 1px solid #93e208;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5px;
}
.news22-di-wrap span {
    font-weight: 600;
}
.news22-di-wrap div {
    border-bottom: 1px solid #93e208;
}

a.orderid22 {
    color: #AAFC01;
    font-size: 15px;
    text-decoration: none;
}
a.orderid22:hover {
    color: #fff;
}

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


}

@media only screen and (max-width : 768px) {
.news22-card img {
    margin-left: auto;
    margin-right: auto;
    display: block;
    border: 1px solid #a5e3a0;
    margin-top: 0;
    margin-bottom: 20px;
    min-width: 100%;
    max-width: 100%;
}
.news22-card-wrap {
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 22px;
    padding-top: 27px;
    position: relative;
}
img.pr_st_img {
    position: absolute;
    top: 0px;
    right: 0;
    border: none !important;
    width: 91px;
    height: 92px;
    min-width: 91px !important;
}



}


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

    .news22-card {
        margin-bottom: 54px;
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 20px;
        position: relative;
        text-align: center;
    }

.news22-cnt {
    text-align: center;
    padding-left: 0px;
    padding-right: 0px;
}


}




/*  /Proj  */


.npost_date {
    margin-top: 40px;
    font-size: 20px;
    font-style: italic;
}


/* Index   */

.first_home_wrap {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    margin-top: 60px;
}
.main_cnt_hp {
    max-width: 618px;
    border: 0px dotted red;
}
.home_video {
     max-width: 605px;
     width: 605px;
     border: 0px dotted blue;
}
.main_cnt_hp {
    
}

.hv_img_wrap img {
    border: 1px solid #b6cef2;
}

.hv_img_wrap {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    padding-top: 20px;
}

.video_button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); 
    transition: transform 0.3s ease, opacity 0.3s ease; 
    opacity: 1.0; 
}

.video_button img {
    width: 85px; 
    height: 84px;
    border: none;
}

.video_button:hover,
.video_button:focus-within {
    transform: translate(-50%, -50%) scale(1.1); 
    opacity: 0.99; 
    cursor: pointer;
}

.hv_img_wrap a {
    outline: none; 
}

.hv_img_wrap a:focus img {

}

.hv_txt_wrap {
    color: #5071b0;
    text-align: center;
    font-size: 21px;
    font-weight: 500;
    line-height: 24px;
    padding-top: 14px;
    padding-bottom: 4px;
}

.second_home_banner_wrap {
    width: 100%;
    margin-top: 15px;
    margin-bottom: 20px;
    min-height: 15px;
}
.second_home_banner_wrap img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}


/* tst */

.testim_wrapper {
    width: 100%;
    min-height: 200px;
    padding-top: 5px;
    padding-bottom: 0;
    clear: both;
    background-color: #dee4ed;
    position: relative;
    overflow: hidden;
    font-family: 'Comfortaa' !important;

}


.swiper-pagination-bullet-active {
    background: #5071b0;
}
.swiper-pagination-bullet {
    background: #5071b0;
}

.swiper-container {
    width: 100%;
    padding: 20px 0;
    padding-bottom: 5px;
}


.swiper-wrapper {
    display: flex;
}

.swiper-slide {
    display: flex;
    justify-content: center;
}


.testimonial-card {
    width: 572px;
    min-width: 572px;
    height: 242px;
    padding: 0;
    padding-left: 14px;
    padding-right: 27px;
    background-color: #f9f9f9;
    box-shadow: 0 4px 4px rgba(68, 84, 114, 0.2);
    border-radius: 0;
    text-align: center;
    background-image: url(../img/testim-card-backgr.gif);
    background-position: 0 0;
    background-repeat: no-repeat;
    position: relative;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    padding-top: 25px;
    overflow: hidden;
}

.tm_img_wrap {
    width: 196px;
    height: 194px;
    background-position: 0 0;
    background-repeat: no-repeat;
    padding-top: 8px;
    padding-left: 1px;
}
.tbg1 {
    background-image: url(../img/testim-pic-backgr-1.gif);
    padding-top: 6px;
    padding-right: 2px;
}
.tbg2 {
    background-image: url(../img/testim-pic-backgr-2.gif);
    margin-top: -8px;
}
.tm_img_wrap img {
    width: 180px;
    height: 180px;
    border: 1px solid #b6cef2;
    border-radius: 50%;
}
.tm_right {
    width: 336px;
    /* min-width: 296px; */
    padding-left: 14px;
}
.tm_right_name {
    text-align: left;
    color: #828ea5;
    font-size: 24px;
    line-height: 24px;
    font-weight: 500;
    margin-bottom: 5px;
}

.tm_right_pos {
    text-align: left;
    color: #283657;
    font-size: 18px;
    line-height: 21px;
    font-weight: 400;
    margin-bottom: 8px;
}

.tm_right_info {
    text-align: left;
    font-style: italic;
    color: #283657;
    font-size: 15px;
    line-height: 19px;
    font-weight: 300;
    height: 111px;
    overflow: hidden;
}




/* Common arrow */

.swiper-pagination1 {
    text-align: center;
    margin-top: 3px;
}
.swiper-container .swiper-button-next, .swiper-container .swiper-button-prev {
    background-color: rgba(29, 47, 86, 0.050);
    color: #5071B0;
    width: 40px;
    height: 80px;
}
/* hover */
.swiper-container .swiper-button-next:hover, .swiper-container .swiper-button-prev:hover, 
.swiper-container .swiper-button-next:focus, .swiper-container .swiper-button-prev:focus {
    background-color: rgba(255, 255, 255, 0.5);
    color: #1C376B;
    outline: none;
}


/* wcag */
.swiper-container .swiper-button-next:focus-visible, .swiper-container .swiper-button-prev:focus-visible {
    box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.5); 
    background-color: rgba(29, 47, 86, 0.50);
}


/*  */
@media (max-width: 600px) {

    .testimonial-card {
        width: 340px;
        min-width: 340px;
        height: 482px;
        padding: 0;
        padding-left: 14px;
        padding-right: 27px;
        padding-bottom: 25px;
        background-color: #fff;
        box-shadow: 0 4px 4px rgba(68, 84, 114, 0.2);
        border-radius: 0px;
        text-align: center;
        background-image: url(../img/testim-card-backgr-adaptive.gif);
        background-position: bottom center;
        background-repeat: no-repeat;
        position: relative;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        padding-top: 25px;
        flex-wrap: wrap;
        justify-content: center;
        align-items: flex-start;
    }



    .swiper-button-next1,
    .swiper-button-prev1 {
        width: 36px;
        height: 36px;
    }
    .swiper-button-next1 {
        right: 10px;
    }
    .swiper-button-prev1 {
        left: 10px;
    }
}

/*      */


.hp_scnd_wrapper {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    margin-top: 70px;
    margin-bottom: 129px;
    flex-wrap: wrap;
    justify-content: space-between;
    font-family: 'Comfortaa' !important;
    direction: ltr;
}

.hp_scnd_wrapper a {
    font-family: 'Comfortaa' !important;
    direction: ltr;
}

.hp_scnd_lt {
    border: 0px dotted red;
    width: 605px;
    height: 609px;
    position: relative;

}



.hp_scnd_lt .hpe_header {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.hp_scnd_lt .hpe_header > div {
    flex: 1; 
    border-bottom: 2px solid #fa6500; 
}

.hp_scnd_lt .hp_hdr_txt {
    display: inline-block;
    text-align: center;
    border: none;
    border-bottom: none !important;
    font-size: 36px;
    line-height: 36px;
    font-weight: 500;
    color: #fa6500;
    max-width: max-content;
    margin-bottom: -6px;
}

.hp_scnd_lt .hpe_content {
    border: 1px solid #e6f0f8;
    border-top: 0px solid #fa6500;
    width: 100%;
    height: 600px;
    position: relative;
}

.hp_scnd_rt .hpe_content {
    border: 1px solid #5071b0;
    border-top: 0px solid#5071b0;
    width: 100%;
    height: 600px;
}

/**/

.hp_scnd_rt {
    border: 0px dotted blue;
    width: 605px;
    height: 609px;
    position: relative;
}
.hp_scnd_rt .hpe_header {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.hp_scnd_rt .pn_wrapp {
    background-color: #5679bb;
    color: #fff;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 11px;
    padding-bottom: 6px;
    text-align: center;
}

.hp_scnd_rt .hpe_header > div {
    flex: 1;
    border-bottom: 2px solid #5071b0;
}

.hp_scnd_rt .hp_hdr_txt {
    display: inline-block;
    text-align: center;
    border: none;
    border-bottom: none !important;
    font-size: 36px;
    line-height: 36px;
    font-weight: 500;
    color: #5071b0;
    max-width: max-content;
    margin-bottom: -6px;
}

.hp_scnd_rt .hpe_content {
    border: 1px solid #e6f0f8;
    border-top: 0px solid #5071b0;
    width: 100%;
    height: 600px;
}

.hpe_links {
    text-align: center;
}
.hpe_links a {
    font-style: italic;
    font-family: 'Comfortaa' !important;
}
.allt {
    margin-top: 10px;
}
.tkr_wrap {
    width: 525px;
    height: 550px;
    overflow: hidden;
    margin-left: 41px;
    padding-top: 41px;
}

.hp_ticker_item_wrap {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}
.pn_wrapp {
    background-color: #f46301;
    color: #fff;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 11px;
    padding-bottom: 6px;
    text-align: center;
}
.pn_day {
    font-size: 30px;
    line-height: 26px;
    font-weight: 400;
}
.pn_mth {
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
}
.hp_ndate {
    padding-left: 15px;
    line-height: 22px;
    font-size: 16px;
}
.hp_ticker_img_wrap {
    margin-top: 10px;
}
.hp_ticker_item {
    padding-bottom: 30px;
}
.hp_ticker_img_wrap img {
    width: 525px;
    height: auto;
    border: 1px solid #b6cef2;
}
.hp_ndate a {
    text-decoration: none;
    color: #283657;
    font-size: 17px;
    line-height: 24px;
}
.hp_ndate a:hover, .hp_ndate a:focus {
    text-decoration: dotted underline;
    color: #cb4e00;
    
}


.hpnews_btn_wrap {
    width: 34px;
    position: absolute;
    height: 532px;
    bottom: 30px;
    right: -17px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.hp_scnd_rt .hpnews_btn_wrap {
    width: 34px;
    position: absolute;
    height: 511px;
    bottom: 30px;
    right: -17px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/*  */

.hp_bottom_baner_big img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
}

.hp_bottom_baner_small img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
}
.hp_bottom_baner_small {
    display: none;
}

@media (max-width: 992px) {

    .hp_bottom_baner_big {
        display: none;
    }
    
    .hp_bottom_baner_small {
        display: block;
    }
}

/*  /Index  */

/**/



.hp_scnd_wrap {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 60px;
    margin-bottom: 100px;
}

.sw_left {
    min-width: 425px;
    border: 1px dotted red;
    min-height: 400px;
}
.sw_right {
    min-width: 765px;
    border: 1px dotted green;
    min-height: 400px;
}




.hp_scnd_wrap h2 {
    padding: 0;
    margin: 0;
    font-size: 42px;
    line-height: 46px;
    font-weight: 300;
    color: red;
    border-bottom: 1px solid #57b5ef;
    width: 100%;
    padding-bottom: 4px;
    text-align: center;
}
.hp_scnd_wrap .hph1 h2 {
    color: #3f9fb6;
    border-bottom: 1px solid #40fbce;
}
.hp_scnd_wrap .hph2 h2 {
    color: #449acf;
    border-bottom: 1px solid #57b5ef;
}


.hp_ac {
    width: 100%;
    text-align: center;
    margin-bottom: 15px;
    margin-top: 5px;
}
.hp_ac a {
    font-style: italic;
}
.hp_pr_title {
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
    text-align: center;
    font-size: 22px;
    font-weight: 400;
    line-height: 28px;
    /* color: #183e5a; */
}







.std_wrap {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    margin-top: 73px;
}
.student-card {
    display: flex;
    border: 0px solid #eaeaea;
    border-radius: 0px;
    padding: 0px;
    /* margin: 20px 0; */
    /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); */
    width: 624px;
    align-content: flex-start;
    margin-bottom: 60px;
}

.student-image {
    margin-right: 20px;
    width: 276px;
    min-width: 276px;
    height: 263px;
    background-repeat: no-repeat;
}

.student-image img {
    width: 251px;
    height: auto;
    border-radius: 50%;
    border: 1px solid #b8d0f3;

    display: block;
}
.tbgs2 {
    background-image: url(../img/student-pic-backgr-blue.gif);
    padding-left: 15px;
    padding-top: 1px;
}
.tbgs1 {
    background-image: url(../img/student-pic-backgr-orange.gif);
    padding-right: 0;
    padding-left: 12px;
    padding-top: 11px;
}

.st_name {
    color: #828ea5;
    font-weight: 400;
    line-height: 34px;
    font-size: 30px;
    letter-spacing: -1px;
}
.st_deg {
    font-weight: 700;
    line-height: 30px;
    font-size: 18px;
    margin-top: 10px;
}
.st_fc {
    margin-top: 12px;
}

.st_prof {
    margin-top: 18px;
}

.student-profile .st_line {
    margin-left: auto;
    margin-right: auto;
    width: 122px;
}
.student-image_prof {
    width: 322px;
    min-width: 322px;
    height: 323px;
    background-repeat: no-repeat;
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
}
.student-image_prof img {
    width: 310px;
    height: auto;
    border-radius: 50%;
    border: 1px solid #b8d0f3;
    display: block;
}
.tbgs22 {
    background-image: url(../img/student-pic-backgr-blue.gif);
    padding-left: 15px;
    padding-top: 1px;
}
.tbgs12 {
    background-image: url(../img/profile-pic-backgr.gif);
    padding-right: 0;
    padding-left: 12px;
    padding-top: 11px;
}

.profile-dg {
    text-align: center;
    font-weight: 500;
    font-size: 22px;
    line-height: 30px;
    margin-top: 20px;
}
.profile-fc {
    text-align: center;
    margin-top: 10px;
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
}
.profile-ys {
    text-align: center;
    font-weight: 500;
    margin-top: 10px;
    font-size: 18px;
    font-style: italic;
}
.profile-yg {
    text-align: center;
    font-weight: 500;
    margin-top: 10px;
}
.bbi {
    text-align: center;
    margin-top: 30px;
}
.bbi a {
    font-style: italic;
}

.alumni-year-group {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 50px;
}
.st_years {
    margin-top: 8px;
    font-size: 18px;
    font-style: italic;
}


/* tst  */

.members-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.member-card {
    border-left: 1px solid #e1eaf7;
    border-right: 1px solid #e1eaf7;
    border-bottom: 1px solid #e1eaf7;
    width: 610px;
    height: auto;
    margin-bottom: 50px;
    background-image: url(../img/test-box-bakgr.gif);
    background-position: -24px 0;
    background-repeat: no-repeat;
}

.member-card.mbgt1 {
    border-top: 4px solid #ff7c00;
}
.member-card.mbgt2 {
    border-top: 4px solid #5679bb;
}

.member-image  {
    width: 322px;
    min-width: 220px;
    position: relative;
    background-color: transparent;

}
.member-image.mbg1 {
    width: 231px;
    min-width: 231px;
    background-image: url(../img/test-pic-backgr-1.gif);
    background-position: 0 0;
    background-repeat: no-repeat;    
}
.member-image.mbg1 img {
    margin-top: 9px;
    margin-left: 10px;
}
.member-image.mbg2 {
    width: 231px;
    min-width: 231px;
    background-image: url(../img/test-pic-backgr-2.gif);
    background-position: 0 0;
    background-repeat: no-repeat;    
}
.member-image.mbg2 img {
    margin-top: 1px;
    margin-left: 2px;
}

.member-image img {
    width: 220px;
    min-width: 220px;
    border: 1px solid #b6cef2;
    height: auto;
    border-radius: 50%;
}


        .member-details {

        }

.member-name {
    color: #76849f;
    font-size: 28px;
    line-height: 38px;
}

.member-position {
    font-size: 20px;
    font-weight: 400;
    line-height: 29px;
    margin-top: 7px;
}

.member-citation {
    
    padding-left: 38px;
    padding-right: 29px;
    padding-bottom: 40px;
    font-style: italic;
}
.member-top {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    padding-left: 29px;
    padding-top: 30px;
    align-content: center;
    align-items: center;
}
.member-top-info {
    padding-left: 32px;
    padding-right: 29px;
}

.upev {
    width: 100%;
    height: 21px;
    background-image: url(../img/news-title-upcoming-backgr.gif);
    background-position: center center;
    background-repeat: no-repeat;
    clear: both;
    margin-bottom: 60px;
    margin-top: 0px;
}
.pev {
    width: 100%;
    height: 21px;
    background-image: url(../img/news-title-past-backgr.gif);
    background-position: center center;
    background-repeat: no-repeat;
    clear: both;
    margin-bottom: 60px;
    margin-top: 0px;
}



/* Pict Gal  */
.editor_content h3.gallery-card-title {
    margin: 0;
    padding: 0;
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
    line-height: inherit;
    text-transform: none;
    text-align: center;
    background-image: none;
    font-size: 27px;
    line-height: 32px;
    font-style: normal;
    color: #CB4E00;
}

.gallery-cards {
    display: flex;
    gap: 57px;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding-top: 30px;
}

.gallery-card {
    width: 392px;
    border: 0px solid #ddd;
    border-radius: 0px;
    overflow: hidden;
    text-align: center;
    position: relative;
    margin-bottom: 27px;
}


.gallery-card-link {
    text-decoration: none;
    color: inherit;
    display: block;
    transition: transform 0.3s ease-in-out, color 0.3s ease-in-out;
}

/* Изображение и оверлей */
.gallery-card-image {
    position: relative;
    width: 100%;
    height: 272px;
    overflow: hidden;
}

.gallery-card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease-in-out;
    border: 1px solid #b6cef2;
}

.gallery-card-image .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 21, 61, 0.55);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    border: 1px solid #b6cef2;
}

.gallery-card-image .overlay-text {
    color: #fff;
    font-size: 16px;
    text-align: center;
    padding: 20px;
}


.gallery-card-content {
    padding: 10px 0;
    background: #fff;
    padding-top: 17px;
}

.gallery-card-title {
    margin: 0;
    font-size: 18px;
    font-weight: bold;
    color: #FF7C00;
}


.gallery-card-date {
    font-size: 18px;
    margin: 0;
    margin-top: 10px;
}


.gallery-card:hover .gallery-card-link,
.gallery-card:focus-within .gallery-card-link {
    color: #D65A00;
    text-decoration: none;
}

.gallery-card-link:hover .gallery-card-image img,
.gallery-card-link:focus .gallery-card-image img {
    transform: scale(1.05);
}

.gallery-card-link:hover .gallery-card-title,
.gallery-card-link:focus .gallery-card-title {
    color: #D65A00;
    text-decoration: underline dotted #D65A00 1px;
}

.gallery-card-link:hover .overlay,
.gallery-card-link:focus .overlay {
    opacity: 1;
}


.gallery-post-content .popup-gallery-grid-item img {
    border: 1px solid #b6cef2;
}


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

.sec_wrapper {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    margin-top: 50px;
    flex-wrap: wrap;
}
.mc_lft {
    min-width: 782px;
    width: 782px;
    min-height: auto;
    height: auto;
    margin-bottom: 20px;
}
.l_sec_wr {
    margin-bottom: 50px;
}
.main_cnt_hp {
        max-width: 484px;
        border: 0px dotted red;
    }

.hp_scnd_wrapper {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    margin-top: 70px;
    margin-bottom: 129px;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-direction: column;
    align-content: center;
}
.hp_scnd_lt {
    border: 0px dotted red;
    width: 605px;
    height: 609px;
    position: relative;
    margin-bottom: 100px;
}

.student-card {
    display: flex;
    border: 0px solid #eaeaea;
    border-radius: 0px;
    padding: 0px;
    /* margin: 20px 0; */
    /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); */
    width: 534px;
    align-content: flex-start;
    margin-bottom: 60px;
}

.member-card {
    border-left: 1px solid #e1eaf7;
    border-right: 1px solid #e1eaf7;
    border-bottom: 1px solid #e1eaf7;
    width: 522px;
    height: auto;
    margin-bottom: 50px;
    background-image: url(../img/test-box-bakgr.gif);
    background-position: right 0;
    background-repeat: no-repeat;
}


}

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

  .home_video {
    max-width: 605px;
    width: 410px;
    border: 0px dotted blue;
}  

.std_wrap {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    margin-top: 73px;
}

.student-card {
    display: flex;
    border: 0px solid #eaeaea;
    border-radius: 0px;
    padding: 0px;
    /* margin: 20px 0; */
    /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); */
    width: 624px;
    align-content: flex-start;
    margin-bottom: 60px;
}

.alumni-year-group {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.members-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.gallery-cards {
    display: flex;
    gap: 57px;
    justify-content: space-around;
    flex-wrap: wrap;
    padding-top: 30px;
}


}

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

.mc_lft {
    min-width: 100%;
    width: 100%;
    min-height: auto;
    margin-bottom: 20px;
}
.mc_rt {
    min-width: 690px;
    width: 690px;
    min-height: 200px;
}
.team_cnt_wrap {
    width: 690px;
    padding-left: 76px;
}

.logo_sep {
    display: none;
}

.first_home_wrap {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    margin-top: 60px;
    flex-wrap: wrap;
}
.main_cnt_hp {
    max-width: 100%;
    border: 0px dotted red;
}
.home_video {
    max-width: 605px;
    width: auto;
    border: 0px dotted blue;
}


   
}


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

.pg_header img {
    vertical-align: 0px;
    margin-left: 11px;
    margin-right: 11px;
    visibility: hidden;
}

.mc_rt {
    width: 330px;
    padding-left: 0px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    min-width: 330px;
}
.team_cnt_wrap {
    width: 330px;
    padding-left: 0px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.hpt_img {
    background-position: bottom center;
    background-repeat: no-repeat;
    width: 214px;
    padding-bottom: 12px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.ht_team_crt_wrap span {
    width: 214px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.hp_scnd_lt, .hp_scnd_rt {
    border: 0px dotted red;
    width: auto;
    position: relative;
    margin-bottom: 80px;
}
.hp_scnd_lt .hpe_content {
    border: 0px solid #e6f0f8;
    border-top: 0px solid #fa6500;
    width: 100%;
    height: 585px;
    position: relative;
}
.hp_scnd_rt .hpe_content {
    border: 0px solid #e6f0f8;
    border-top: 0px solid #fa6500;
    width: 100%;
    height: 585px;
    position: relative;
}
.hp_ticker_item {
    padding-bottom: 20px;
}
.tkr_wrap {
    min-width: 300px;
    width: 100%;
    overflow: hidden;
    margin-left: 0px;
    padding-top: 41px;
}
.hp_ndate {
    padding-left: 15px;
    line-height: 22px;
    font-size: 16px;
    max-width: 236px;
}
.hp_ticker_img_wrap img {
    width: auto;
    height: auto;
    max-width: 295px;
}

.hp_scnd_wrapper {
    margin-top: 45px;
    margin-bottom: 50px;
}
.hp_bottom_baner_small img {
    margin-top: -30px;
}

.hpnews_btn_wrap {
    width: 34px;
    position: absolute;
    height: 532px;
    bottom: 0;
    right: -17px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.hp_scnd_rt .hpnews_btn_wrap {
    width: 34px;
    position: absolute;
    height: 511px;
    bottom: 0px;
    right: -17px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.student-card {
    display: flex;
    border: 0px solid #eaeaea;
    border-radius: 0px;
    padding: 0px;
    /* margin: 20px 0; */
    /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); */
    width: 100%;
    align-content: flex-start;
    margin-bottom: 60px;
    flex-wrap: wrap;
    justify-content: center;
}

.st_name {
    color: #828ea5;
    font-weight: 400;
    line-height: 30px;
    font-size: 30px;
    letter-spacing: -1px;
    margin-top: 19px;
    text-align: center;
}

.st_line img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
}
.st_deg {
    text-align: center;
    font-weight: 700;
    line-height: 30px;
    font-size: 18px;
    margin-top: 10px;
}
.st_fc {
    margin-top: 12px;
    text-align: center;
}
.st_prof img {
    display: block;
    margin-left: auto;
    margin-right: auto;    
}
.st_years {
    text-align: center;
    margin-top: 11px;
}


.member-card.mbgt1 {
    border-top: 4px solid #ff7c00;
    width: 100%;
}
.member-card.mbgt2 {
    border-top: 4px solid #5679bb;
    width: 100%;
}
.member-image {
    /* width: 322px; */
    /* min-width: 220px; */
    /* position: relative; */
    /* background-color: transparent; */
    margin-bottom: 11px;
}
.member-citation {
    text-align: center;
}
.member-top {
    display: flex;
    justify-content: center;
    padding-left: 0;
    padding-top: 30px;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.member-name {
    color: #76849f;
    font-size: 28px;
    line-height: 38px;
    text-align: center;
}
.member-position {
    font-size: 20px;
    font-weight: 400;
    line-height: 29px;
    margin-top: 7px;
    text-align: center;
}


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

.swiper-container .swiper-button-next, .swiper-container .swiper-button-prev {
    visibility: hidden;
}
.member-citation {
    padding-left: 14px;
    padding-right: 14px;
    padding-bottom: 40px;
    font-style: italic;
}
       
}