.field-collection-container section {
  margin-bottom: 0px;
}

div.event-list__detail a.No :hover{
  color: #4a4a4a!important;
}

figure.content-breaker-img img {
  width: 390px;
  height: 390px;
  margin-top: 5px;
  margin-bottom: 5px;
}

.mez.research .slider__dots {
  right: 55px;
  bottom: 40px;
}

.mez.slider.research .slider__dots {
  width: 100%;
  bottom: 40px;
  right: 55px;

}

.mez.life_at_hbku .slider__dots {
  right: 55px;
  bottom: 40px;
}

.mez.slider.life_at_hbku .slider__dots {
  width: 100%;
  bottom: 40px;
  right: 55px;

}

@media (max-width: 992px){
  figure.content-breaker-img img {
    width: auto;
    height: auto;
  }
}

body.node-type-hbku-blog .l-content {
  margin-bottom: 0;
}

.l-content section {
  /*margin-bottom: 0px;*/

}

.l-admission-block:hover li a {
  color: #f4f3f3 !important;
}

.l-admission-block li a:hover {
  color: #5BC6E8 !important;
}

body.front section.l-bg-white {
  margin-top: 100px;
}

body.node-type-research section.l-bg-white .mez.link-block {
  margin-top: 0;
}

.mez.degree-program .l-admission-block .l-tag--sm {
  border-bottom: 0px;
  padding-bottom: 0px;
  margin-bottom: 0px;
}

.qcri-social-blog {
  margin-top: 60px;
}

body.page-node-657 .mez.slider--home {
  height: calc(80vh - 146px)!important;
}

.slider__content {
  /* z-index: 10;*/
}
ul.blog-sidebar {
  display: none;
}
.blog-sidebar-hide {
  display: none;
}

div.slider__detail a.l-btn-play {
  top: 20%;
}

@media (max-width: 992px) {
  body.node-type-staff div.l-wid {
    /*display: none;*/
  }

  div.slider__detail a.l-btn-play {
    background-size: 22px 31px;
    background-position: 26px 21px;
    height: 74px;
    width: 74px;
    top: -100%;
  }
}

th .management_related a:hover {
  color: #333;
}

.mez.calendar-list h3.event-not-clickable {
  color: #606060;
}

/** Video in slider  **/
.mez.spotlight_video video {
  vertical-align: bottom;
}

.mez.spotlight_video .l-btn-play {
  background-image: url(../images/icons-svg/icon-play.svg);
}

.mez.spotlight_video.is-playing .l-btn-play {
  background-image: url(../images/icons-svg/icon-pause.svg);
}

/** Video Slider CSS END */

/** Media Header */

.media_video_section_sidebar {
  width: 100%;
}

.media_video_section {
  width: 100%;
  float: left;
}
.media_video_section.full-width {
  width: 100%;
  float:none;
}

.media_video_content_right {
  width: 100%;
  float: left;
  margin-top: 30px;
}

.media_video_section.divide-width{
  margin-bottom: 30px;
}

.media_video_info_right h2{
  color: #27a6de;
  font-family: "robotobold";
}

@media (min-width: 992px) {
  .media_video_section.divide-width{
    width: 48%;
    float: left;
    margin-bottom: 0;
  }
  .media_video_info_right.divide-width{
    width: 48%;
    float: right;
  }

  .media_video_info_right h2{
    font-size: 3.6666666667rem;
    margin-bottom: 2rem;
    font-weight: normal;
  }
}

/*video info css start here*/
.ourprograms__smblock{

}
.ourprograms__smblock ul{

}
.ourprograms__smblock ul li{
  float: left;
  width: 33.33%;
  text-align: center;
}
.ourprograms__smblock ul li h3{
  color: #066CC1;
  font-size: 2.2rem;
  font-family: "robotomedium";
  margin-bottom: 16px;
}
.ourprograms__smblock ul li p{
  font-family: "robotomedium";
  color: #011F3C;
  font-size: 1.2rem;
  margin:0;
}


@media (min-width: 768px) {
  .ourprograms__smblock ul li h3{
    font-size: 3.5rem;
  }
  .ourprograms__smblock ul li p{
    font-size: 1.5rem;
  }

}

/*video info css end here*/

section.header-summery {
  margin-bottom: 30px;
  background-color: #0d56b4;
}

section.header-summery p.summery-content {
  color: #ffffff;
  text-align: center;
  text-align: left;
  padding-top: 30px;
}

video {
  object-fit: cover;
  background-size: cover;
  overflow: hidden;
  width: 100%;
}

section.header-summery .mez.highlight {
  border-bottom:0;
}

body.node-type-media .mez.spotlight:after {
  border-width:0;
}

div.hbku-press-title {
  padding-top: 10px;
}

div.hbku-press-title span a{
  color: #333;
  font-weight: bold;
  font-size: 18px;
}
div.hbku-press-content {
  padding-top: 7px;
}
.hbku-press-readmore {
  padding-bottom: 15px;
}
.media_video_content_right .mez.testimonial h5 span {
  font-size: 15px;
  padding-left: 0;
}

div.media-usefull-links div.item-list ul > li {
  padding: 10px 0;
}

.l-nomargin.getting-around .mez.center{
  padding: 0;
}

.group-left a.l-btn--tertiary {
  display: none;
}
.program-facuty-title {
  padding-bottom: 10px;
  text-align: center;
}

@media (max-width: 992px) {
  .media_video_section {
    width: 100%;
    float: right;
  }
  .media_video_content_right {
    width: 100%;
    float: left;
    margin-top: 18px;
  }
  .l-wid--block.media-sidebar {
    margin-top: 20px;
  }
}

@media (max-width: 767px) {
  section.getting-around .center__block {
    padding: 15px 20px;
  }
}

body.node-type-publications-listing .calendar-list__block {
  padding-top: 40px;
}

div.publication-title h4 {
  color: #333333;
  font-family: "robotomedium";
  font-size: 1.2rem;
  margin-bottom: 1.6666666667rem;
  line-height: 1.6rem;
}

.ng-scope .ng-scope__left{
  margin-bottom: 30px;
}
@media (min-width: 540px) {
  .ng-scope .publication__row{ padding-left:15px; }
  .ng-scope .ng-scope__left{
    width: 95px;
    float: left;
    margin-bottom: 0;
  }
  .ng-scope .ng-scope__right{
    float: left;
    margin-left: 30px;
    width: calc(100% - 125px);
  }

}

#media-program-quote .mez.testimonial i.l-icon {
  display: none;
}

#media-program-quote .mez.testimonial p {
  padding-left: 0;
}
/** */

.research-team-title {
  text-align: left;
}
section.graduation .thumb__list, .thumb__list{
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

section.graduation .div.hbku-press-title {
  padding-top: 15px;
  padding-bottom: 10px;
}
section.graduation .press-image {
  padding-top: 18px;
}
body.node-type-graduation section.l-nomargin.getting-around {
  padding-top: 20px;
}

.graduation-gallery {
  padding-top: 10px;
  padding-bottom: 10px;
  /*padding: 30px;
  background-color: rgba(12, 12, 12, 0.92);*/
}

.gallery-slider-nav .slick-current::before {
  content: "";
  position: absolute;
  width: 5.3%;
  height: 100%;
  border: 6px solid rgba(6, 108, 193, 0.5);
}

body.node-type-graduation .mez.slider.graduation {
  padding-top: 20px;
}

body.node-type-graduation #stcpDiv, body.front #stcpDiv {
  display: none;
}

body.front a.colorbox-load {
  display: none;
}

@media (max-width: 1500px) {
  .media_video_section {
    width: 100%;
    float: right;
  }

  .media_video_content_right {
    width: 100%;
    float: left;
    margin-top: 18px;
  }
}

.media-newsletter-wrap .email.form-email{
  margin: 10px 0px;
}

body.node-type-hbku-photo-gallery .container {
  max-width: 1320px;
}

body.node-type-hbku-photo-gallery .stcpDiv {
  display: none;
}

body.node-type-reason-study-landing .l-btn--secondary{
  margin-right: 1px;
}

h3.reason-to-study-title {
  padding: 0 11px 40px 0;
  font-size: 36px;
}

/**  EEC CSS  **/
.text--center{ text-align:center;}
.text--left{ text-align:left;}
.text--right{ text-align:right;}
.mez.spotlight--eec .row {
  height: calc(100vh - 146px);
}
.eec_video_content_right .mez.testimonial blockquote {
  border: 0px;
  margin-bottom:0;
}
.eec_video_content_right .mez.testimonial blockquote:before {
  border-top: 0;
}

.eec_left_video .eec_video_section { width: 100%; }
.eec_left_video .eec_video_content_right{ width: 100%; margin-bottom: 20px; margin-top: 20px;}

/*======EEC new section css start here ======*/
.eec-news-container{}
.eec-news-list, .eec-news-list li{ padding:0; margin:0; list-style:none;}
.eec-news-list li{ margin-bottom: 25px; text-align: left; padding-bottom: 20px; border-bottom: 1px solid #f6f5f5; }
.eec-news-list li:before{ display:none;}
.eec-news-list li img{  margin-bottom:15px; width:100%}
.eec-news-list li span a{ font-size:14px;}
/*======EEC new section css end here ======*/

/* ===== GDPR POPUP ====*/
#sliding-popup .popup-content #popup-text p{ font-size:1rem; font-weight: normal; font-family: "robotoregular";}
#sliding-popup .popup-content #popup-text h2{font-family: "robotomedium"; font-weight:normal;}
#sliding-popup .popup-content #popup-buttons{ margin-bottom:0;}
#sliding-popup.sliding-popup-bottom{  padding-top: 10px; padding-bottom: 10px; background-color: #1f1957;}

#sliding-popup .popup-content #popup-buttons button{ text-transform: uppercase; font-family: "robotoregular"; font-size: 15px; border-radius: 0; padding: 10px 15px; background-color:transparent; border: 1px solid #fff; box-shadow:none; background-image: none; text-shadow: none; color: #fff; font-weight: normal; margin-right: 10px; position: relative; transition: all 0.2s ease;}

#sliding-popup .popup-content #popup-buttons button:before{
    border-bottom: 1px solid #27a6de;
    border-left: 1px solid #27a6de;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
}
#sliding-popup .popup-content #popup-buttons button:after{
    border-top: 1px solid #27a6de;
    border-right: 1px solid #27a6de;
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
}

#sliding-popup .popup-content #popup-buttons button:before, #sliding-popup .popup-content #popup-buttons button:after{
    width: 100%;
    height: 100%;
    z-index: 3;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    transition: 0.8s;
    box-sizing: border-box;
}


#sliding-popup .popup-content #popup-buttons button{ text-transform: uppercase; font-family: "robotoregular"; font-size: 14px; border-radius: 0; padding: 10px 15px; background-color: #1E1656; box-shadow: none; border: none; background-image: none; text-shadow: none; color: #fff; font-weight: normal;}
#sliding-popup .popup-content #popup-buttons button:last-child{ margin-right:0;}
#sliding-popup .popup-content #popup-buttons button:hover{
  background-image:none;
border: 1px solid rgba(255, 255, 255, 0);
    color: #27a6de !important;
    background: rgba(255, 255, 255, 0);
    transition: all 0.2s ease;
}

#sliding-popup .popup-content #popup-buttons button:hover:before, #sliding-popup .popup-content #popup-buttons button:hover:after {
    -webkit-transform: scale(1);
    transform: scale(1);
}

/* ===== END GDPR ====*/
.block-title {
  padding-bottom: 15px;
}
.global-tag {
  border-bottom: none;
  justify-content: flex-start;
}

.global-tag .global-tag--title{
  margin-right: 20px;
}

.hbku-tag{
  margin-bottom: 8px;
}
.hbku-tag .tag{
  padding: 3px 15px 6px;
  background-color: #0076bc;
  display: inline-block;
  color:#fff;
}
@media (max-width: 767px){
  .l-wid--block.eec-sidebar { padding: 20px 30px; }
}

@media screen and (min-width:768px){
  .mez.eec_left_video{ margin-bottom:25px;}
  .eec_left_video .eec_video_section { width: 50%; float:left; }
  .eec_left_video .eec_video_content_right{ width: 50%; float:left; margin-bottom: 0px; margin-top: 0px;}
  .eec_left_video .eec_video_content_right .mez.testimonial p{padding-top: 30px;}
  .eec_left_video.full-width .eec_video_section { width:100%;}
  .eec_left_video.full-width .eec_video_content_right{width:100%;}

  /*======EEC new section css start here ======*/
  .eec-news-list{display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
  .eec-news-list li{ width:33.3%; float:left;  padding-right: 30px; border-bottom:none;}
}

@media (min-width: 1200px) and (max-width: 1439px) {
  body.node-type-reason-study-landing .mez.excerpt article { overflow: initial; }
}

@media (max-width: 960px){
  #sliding-popup .popup-content #popup-text{ width: 100%; float: none;}
  #sliding-popup .popup-content #popup-buttons{ max-width: 100%; float: none;}
}

/*====== about landing css start here ======*/
/*@media (min-width: 992px) {
  .about_landing .media_video_section {
    width: 50%;
    float: left;
  }
  .about_landing .media_video_content_right {
    float: left;
    width: 50%;
    padding-left: 30px;gallery-slider-nav
    margin-top: 0;
  }
}
*/
/*====== about landing css start here ======*/

/*====== Map css start here ======*/
@media (min-width: 540px){
  .node-type-utility-map-landing .mez.facilitymap .facilitymap__block{ height: 100vh;}
  .node-type-utility-map-landing .mez.facilitymap .facilitymap__filter{ height: 100%;}
}
@media (min-width: 768px){
  .node-type-utility-map-landing .mez.facilitymap .facilitymap__block:first-child{ width: 450px;}
  .node-type-utility-map-landing .mez.facilitymap .facilitymap__block:first-child ul li{ font-size: 24px;}
}

/*====== Map css start here ======*/

/*====== innovation center css start here ======*/

body.node-type-innovation-center h2 {
  font-family: "robotobold";
  font-weight: bold;
}
/*.mez.header .header__menu li a.menu-item-for-scroll.scroll-active{
  color: #27a6de;
}
.mez.header .header__menu li a.menu-item-for-scroll.scroll-active:before{
  background: #066cc1;
}*/
.mez.header .header__menu li a.menu-item-for-scroll.scroll-active {
  color: #27a6de;
}
.mez.header .header__menu li a.menu-item-for-scroll.scroll-active:before {
  background:#066cc1;
  width: 100%;
}
.mez.header .header__menu li.active-trail a.menu-item-for-scroll {
  color: #FFF;
}
.mez.header .header__menu li.active-trail a.menu-item-for-scroll:before {
  background: none;
}
.mez.header .header__menu li.active-trail:hover a.menu-item-for-scroll:before {
  background: #066cc1;
}
.mez.header .header__menu li.active-trail:hover a.menu-item-for-scroll {
  color:#27a6de;
}
.mez.header .header__menu li.active-trail a.menu-item-for-scroll.scroll-active {
  color:#27a6de;
}
.mez.header .header__menu li.active-trail a.menu-item-for-scroll.scroll-active:before {
  background: #066cc1;
}

/*====== innovation center css start here ======*/

/*====== CIS css start here ======*/

aside .mez.center{ background: none; padding: 0; }

@media (min-width: 992px){
  body.node-type-college .mez.link-block figcaption h2 {
    font-size: 3.0rem;
  }
  body.node-type-college .mez.link-block figure:hover h2 {
    font-size: 2.3333333333rem;
  }
  body.node-type-college .mez.link-block figcaption h2 { margin-top:0;  top: 30%;  -webkit-transform: translateY(30%); transform: translateY(30%);}
  body.node-type-college .mez.link-block figcaption:hover h2, body.node-type-college .mez.link-block figure:hover figcaption h2{transform: none;}
}

@media (min-width: 992px) and (max-width: 1439px) {

  body.page-node-256 .mez.link-block figcaption h2 {
    font-size: 2.4rem;
  }

}

/*====== CIS css end here ======*/


/*====== QCRI css start here ======*/
body.page-node-4215 .mez.slider--home {  height: calc(90vh - 146px)!important; }
.mez.aside-info li { padding-left: 30px; padding-bottom: 15px; position: relative; }
.mez.aside-info li:last-child { padding-bottom: 0;}
.mez.aside-info li:before { content: ""; width: 5px; height: 5px; background: #fff; position: absolute; top: 8px; left: 0;}
.mez.aside-info li ul { margin-top: 15px; margin-bottom: 0;}
.mez.aside-info.aside-info--light li:before{background: #399BD6;}

@media (max-width: 1440px) {
  body.page-node-4215 .mez.slider--home .slider__caption:after, body.page-node-4215 .mez.slider--overview .slider__caption:after {
    border-width: 0 260px 340px 280px;
  }
}
/*====== QCRI css end here ======*/

/*====== QEERI css start here ======*/
body.node-type-node-gallery-gallery #gallery-popup .container{ padding-top:30px;}
body.node-type-node-gallery-gallery #gallery-popup .container .l-btn--secondary{ display: none; }
body.node-type-node-gallery-gallery .wrapper .mez.thumbslider .slick-arrow.slick-prev {left: -25px;}
body.node-type-node-gallery-gallery .wrapper .mez.thumbslider .slick-arrow.slick-next {right: -25px;}
/*====== QEERI css end here ======*/

/* ====CSS for Menu item for scroll ===*/

/*====== HBKU Librar css start here ======*/


@media all and (min-width: 993px){
  .remove_bannner-icon .mez.slider--home {  height: calc(80vh - 146px)!important; }
}

/*=== search field section css end here ===*/
.library-search .l-select-custm{
  background-color:#ffffff;
  min-width: 150px;
  text-align: left;
  border:1px solid #066cc1;
  border-right: none;
}
.library-search .l-select > .l-select{
  border:none;
}
.library-search .l-select > .l-select::after{
  display: none;

}
.library-search .l-select:after{
  border: 6px solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(13, 86, 180, 0);
  border-top-color: #0d56b4;
  margin-top: 3px;
  right: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.library-search .search-section input.search_place_icon{
  border-color: #066cc1;
  border-left: none;
  font-size: 14px;
  line-height: 1.3;
  width: 100%;
  margin: 0;
  background-size: 20px 20px;
}

.group-header{ position: relative; }
.library_banner .mez.slider--home h3{ margin-bottom: 10px; }
.library-search.l-wrap{ background-color:#27a6de; text-align: center; padding: 20px;}
.library-search .search-section{ display: -webkit-flex; display: -ms-flexbox; display: flex; max-width: 600px;}

/* old css*/
/*.library-search .search-section input.search_place_icon{*/
/*border-color: #066cc1;*/
/*padding-left: 50px;*/
/*font-size: 14px;*/
/*line-height: 1.3;*/
/*background: #ffffff url(../images/icon-search-black.svg) no-repeat left top;*/
/*background-repeat: no-repeat;*/
/*background-position: 14px center;*/
/*width: 100%;*/
/*margin: 0;*/
/*background-size: 20px 20px;*/
/*}*/

.library-search .library-search-button{ min-width:100px;  line-height: 2.1;}
.library-search .library-search-button:hover{ background-color: #066cc1; }
.library-search .search-links ul, .library-search .search-links ul li{ padding: 0;  margin: 0; list-style: none;}
.library-search .search-links{ margin-top:30px;}
.library-search .search-links ul{ text-align: left; }
.library-search .search-links ul li{ display: inline-block; margin-right:30px; margin-bottom: 10px;}
.library-search .search-links ul li.no-show{ display: none;}
.library-search .search-links ul li:last-child{ margin-right:0;}
.library-search .search-links ul li a, .library-search .search-links ul li a:hover{ text-decoration: underline; color:#fff;}

.library-search .search__related li input[type="radio"] + label:before{ box-shadow: 0 0 0 1px #066cc1; background: #ffffff; border: 5px solid #ffffff;}
.library-search .search__related li input[type="radio"]:checked + label:before{ background: #066cc1; }
.library-search .search__related li input[type="radio"] + label{ cursor: pointer; color: #fff;}
.contact-map-wrapper{ margin-top:30px;}
.mez.department .l-wid--block.eec-sidebar ul{ margin-bottom: 0; }

@media (max-width: 479px) {
  .library-search .search-section{
    display: inherit;
  }
  .library-search .l-select-custm{
    border-right:1px solid #066cc1;
    margin-bottom: 5px;
  }
  .library-search .search-section input.search_place_icon{
    border-left:1px solid #066cc1;
    margin-bottom: 5px;
  }
  .library-search .library-search-button{
    width: 100%;
  }
}

@media (min-width: 993px) {
  .remove_bannner-icon.library_banner .mez.slider--home .slider__detail{ width: 100%; text-align: center; }
  .library-search.l-wrap{ background-color:transparent; position: absolute;  width: 100%;  top: 50%;
    margin-top: -40px; z-index: 2;  }
  .library_banner .mez.slider--home .slider__caption{ height: auto; bottom: 45%; }
  .library-search .search-section{ width: 50%; margin-left: auto; margin-right: auto;}
  .library-search .library-search-button{ min-width:150px;  line-height: 1.5;}
  .library-search .search-links ul{ text-align: center; }
  .library-search .search-links ul li{ margin-bottom: 0px;}
}
@media (min-width: 993px) and (max-width: 1400px) {
  /* .library-search.l-wrap{bottom: 10%; } */
}
@media (min-width: 993px) {

  .remove_bannner-icon.library_banner .mez.slider--home{
    height: calc(60vh - 146px)!important;
  }
}
@media (min-width: 1401px) {

  /* .library-search.l-wrap{bottom: 18%; } */

}
/*=== search field section css end here ===*/

/*=== advance search field section css start here ===*/

.advance-search{ margin-top: 30px;}
.advance-search .clearform-btn{ margin-bottom: 30px; display:inline-block;}
.advance-search .l-select{ background-color: #fff; text-align: left;}
.advance-search .form-item{ text-align: left;}
.advance-search .form-item .within-from{ width:46%; float: left;}
.advance-search .form-item .within-to{ width:46%; float: right;}
/*.advance-search .form-item .search--btn{ width: 100%;}*/

@media (min-width: 768px){

  .mez.form ul.form__field.three_fields > li{ width:30%; margin-right: 5%;}
  .mez.form ul.form__field.three_fields > li:nth-child(even){margin-right: 5%;}
  .mez.form ul.form__field.three_fields > li:nth-child(3){margin-right: 0;}

}


/*=== advance search field section css end here ===*/


/*=== working hours section css start here ===*/
.remove_bannner-icon .mez.slider--home .slider__caption:after{ display: none;}
.remove_bannner-icon .mez.slider--home .slider__detail{ margin-left: 0;}
.work__time_container { background-color: #2494d6; position: inherit; padding: 20px 0; color:#fff; }
.work__time_container .hours__cont h3 { font-size: 1.2rem; text-transform: uppercase; font-family: "robotomedium";}
.work__time_container .hours__cont ul, .work__time_container .hours__cont ul li{ padding:0; margin: 0; list-style: none;}
.work__time_container .hours__cont ul{ margin-top: 20px;}
.work__time_container .hours__cont ul li a, .work__time_container .hours__cont ul li a:hover, .hours__cont ul li a:visited{ color:#fff;}
.work__time_container .hours__cont ul li{ margin-bottom: 10px; padding-left: 35px; color: #fff; position: relative; font-size: 14px;}
.work__time_container .separater--line{ margin: 20px 0; border-color: rgba(255,255,255,0.3);}
.work__time_container .hours__cont ul li.clock:before{
  content: '';
  width: 20px;
  height: 20px;
  background: url(../images/icon-clock-white.svg) no-repeat left top;
  background-repeat: no-repeat;
  background-position: 0 0;
  position: absolute;
  left: 0;
}
.work__time_container .hours__cont ul li.day:before{
  content: '';
  width: 20px;
  height: 20px;
  background: url(../images/icon-calendar-white.svg) no-repeat left top;
  background-repeat: no-repeat;
  background-position: 0 0;
  position: absolute;
  left: 0;
}
.work__time_container .hours__cont ul li.office:before{
  content: '';
  width: 20px;
  height: 20px;
  background: url(../images/icon-location-white.svg) no-repeat left top;
  background-repeat: no-repeat;
  background-position: 0 0;
  position: absolute;
  left: 0;
}
.work__time_container .hours__cont ul li.email:before{
  content: '';
  width: 20px;
  height: 20px;
  background: url(../images/icon-mail-white.svg) no-repeat left top;
  background-repeat: no-repeat;
  background-position: 0 0;
  position: absolute;
  left: 0;
}
.work__time_container .hours__cont .contact-map-wrapper{ text-align: center; }
.work__time_container .hours__cont .l-btn:hover{background: #066CC1; color: #fff; }
.work__time_container .hours__cont .l-btn{ min-width: 250px;}
@media (min-width: 993px) {
  .work__time_container { padding: 0; background-color: inherit;}
  .work__time_container .container{ position: relative;}
  .work__time_container .hours__cont{ position: absolute; right: 0; bottom: 0; z-index: 2; width: 100%; max-width: 400px;   background-color: #2494d6; padding: 30px;}
}
@media all and (min-width: 993px) and (max-width: 1200px){

  .remove_bannner-icon .mez.slider--home .slider__detail{ width: 55%; }

}
/*=== working hours section css End here ===*/
/*====== HBKU Librar css end here ======*/

/*====== top promotion-alert section css start here ======*/

.wrapper.h-promotion{ padding-top: 210px; }
@media (min-width: 992px) {
  .node-type-event-listing-2019 .h-promotion .l-wrap.l-wrap.section-dynamic {
      padding: 250px 0 120px;
  }
}
@media (max-width: 992px) {
  .wrapper.h-promotion{ padding-top: 200px; }
}
@media (max-width: 767px){
  .wrapper.h-promotion{ padding-top: 150px; }
}
.mez.header.h-promotion{max-height: 245px;}
.mez.header.h-promotion.sticky{max-height: 245px;}
.h-promotion .promotion-alert{background-color: #fff2ba; padding: 8px 0; color: #000; z-index: 9; position: relative; display: block;}
.h-promotion .promotion-alert .l-icon{  width: 22px; margin-right: 10px; float: left; height:22px; }
.h-promotion .promotion-alert .l-icon svg{fill: #333; stroke-width: 0.1px;}
.h-promotion .promotion-alert .l-icon svg path{fill: #333; stroke: #333;}
.h-promotion .promotion-alert__content p{ padding:0; margin: 0; color:#000; font-size: 14px; float: left; width: calc(100% - 38px);}
.promotion-alert{ display: none;}

@media (max-width: 767px) {
  .h-promotion .promotion-alert__content { max-height: 65px; overflow-y: scroll;}
  .promotion-alert__content-two p{
    border-top: 1px solid #333;
    padding-top: 5px !important;
    margin-top: 5px !important;
  }
}
@media (min-width: 768px) {
    .h-promotion .promotion-alert__content .h-promotion-b-top{
  border-top: 1px solid #cec292;
    margin-top: 5px;
    padding-top: 5px;
}
  .mez.header.h-promotion.sticky .promotion-alert { -webkit-transform: translateY(56px); transform: translateY(56px); }
}
@media all and (min-width: 768px) and (max-width: 993px){
  .mez.header.h-promotion.sticky .promotion-alert { -webkit-transform: translateY(40px); transform: translateY(40px); }
}

@media (max-width: 440px) and (min-width: 376px) {
  .h-promotion .promotion-alert__content.promotion-alert__content p {
    font-size: 12px;
}
  .h-promotion .promotion-alert__content{
    max-height: inherit;
  }
  .wrapper.h-promotion {
      padding-top: 233px;
  }
  .front .wrapper.h-promotion {
    padding-top: 175px;
  }
  .mez.header.h-promotion {
      max-height: 260px;
  }
  .mez.header.h-promotion.sticky {
      max-height: 265px;
  }
}


@media (max-width: 375px) and (min-width: 321px) {
  .h-promotion .promotion-alert__content{
    max-height: inherit;
  }
  .mez.header.h-promotion {
      max-height: 350px;
  }
  .mez.header.h-promotion.sticky {
      max-height: 300px;
  }
   .wrapper.h-promotion {
      padding-top: 265px;
  }
  .front .wrapper.h-promotion {
      padding-top: 220px;
  }
}
@media (max-width: 320px) {
  .h-promotion .promotion-alert__content{
    max-height: inherit;
  }
  .wrapper.h-promotion {
      padding-top: 265px;
  }
  .mez.header.h-promotion {
      max-height: 340px;
  }
  .mez.header.h-promotion.sticky {
      max-height: 350px;
  }
}
/*====== top promotion-alert section css end here ======*/


/*====== dropdown menu for right sidebar css start here ======*/

.mez.aside-block-nav{ padding: 0; margin: 0; background-color: #093c7e; padding-top: 20px;}
.mez.aside-block-nav ul, .mez.aside-block-nav ul li{ padding: 0; margin: 0;}
.mez.aside-block-nav ul ul{ background-color: #164b90;}
.mez.aside-block-nav ul ul ul{ background-color: #235ba5; border-top: 1px solid #174d93;}
.mez.aside-block-nav ul ul ul ul ul{ background-color: #1e5093;}
.mez.aside-block-nav ul ul ul ul ul ul{ background-color: #1b4884;}
.mez.aside-block-nav ul li{padding: 0; border-bottom: 1px solid #174d93; color: #fff;}
.mez.aside-block-nav ul li:last-child{ padding-bottom: 0; border-bottom: none;}
.mez.aside-block-nav ul li a, .mez.aside-block-nav ul li span.nolink{ color: #fff; padding: 0; margin: 0; font-size: 1.0666666667rem; font-family: robotomedium;}
.mez.aside-block-nav li:hover a{ color: inherit;}
.mez.aside-block-nav li:hover a:hover{ color: #2495d6;}

.mez.aside-block-nav ul li span.nolink, .mez.aside-block-nav ul li a{padding: 21px 30px; cursor: pointer; display: block;}
.mez.aside-block-nav ul li ul li span.nolink, .mez.aside-block-nav ul li ul li a{ padding-left: 40px;}
.mez.aside-block-nav ul li ul li{ border-color:#093c7e;}
.mez.aside-block-nav ul li ul li ul li span.nolink, .mez.aside-block-nav ul li ul li ul li a{ padding-left: 50px;}
.mez.aside-block-nav ul li ul li ul li{ border-color:#2a66b6;}
.mez.aside-block-nav ul li ul li ul li ul li ul li span.nolink, .mez.aside-block-nav ul li ul li ul li ul li ul li a{ padding-left: 60px;}
.mez.aside-block-nav ul li ul li ul li ul li ul li ul li span.nolink, .mez.aside-block-nav ul li ul li ul li ul li ul li ul li a{ padding-left: 70px;}

.mez.aside-block-nav ul li.expanded > span{ position: relative; display: block;}

.mez.aside-block-nav ul li.expanded > span.nolink:after, .mez.aside-block-nav ul li.expanded > span.nolink:before {
  background: #fff;
  content: "";
  height: 2px;
  right: 20px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 10px;
}
.mez.aside-block-nav ul li.expanded > span.nolink:after{
  -webkit-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);
}
.mez.aside-block-nav ul li.expanded.active > span.nolink:after{ opacity: 0;}
/*=== dropdown ===*/
.mez.aside-block-nav ul ul{ display: none;}
.mez.aside-block-nav ul ul.show{ display: block;}

/*==== display menu in mobile or desktop css ===*/
.show-desktop-sidenav{ display: none; }
.show-mobile-sidenav{ margin-bottom: 30px; }

@media (min-width: 992px) {
  .show-desktop-sidenav{ display: block; }
  .show-mobile-sidenav{ display: none; }
}
/*====== dropdown menu for right sidebar css end here ======*/
/*====== event and video css start here ======*/
.singleEvent__section.singleEvent__section{
  padding:50px 0;
}
.singleEvent__section video{
  width:100%;
}
.singleEvent__section .mez.event-list h2{
  color:#fff;
}
.singleEvent__section .mez.event-list .event-list__detail a.title strong{
  color:#fff;
}
.singleEvent__section .mez.event-list .l-btn{
  top:0;
  position:relative;
  margin-bottom:10px;
  margin-left: 10px;
}
@media (min-width: 992px){
  .singleEvent__section video{
    margin-top: -150px;
    z-index: 999;
    position: relative;
  }
}
@media (min-width: 1200px){
  .singleEvent__section video{
    margin-top: -200px;
  }
}
/*====== event and video css end here ======*/

.full-width{ width:100%;}
.width460{ width:460px !important;}
.full-height { height: 100%;}
@media (max-width:540px){
  .full-width-xs{ width:100% !important;}
}
@media (max-width:767px){
  .full-width-sm{ width:100% !important;}
}
@media (max-width:992px){
  .full-width-md{ width:100% !important;}
}
@media (max-width:1200px){
  .full-width-lg{ width:100% !important;}
}

.pointer-none{ cursor:default; }
.outside-shadow-gray{box-shadow: 0 0 10px #cecece;}
.subtitle{
  display: block;
  font-size: 1rem;
  margin-bottom: 10px;
}

.slow-up-down, .slow-up-down:hover, .animation, .animation:hover{
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  transition: all 500ms ease;
}
.animation200, .animation200:hover{
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  transition: all 200ms ease;
}
.slow-up-down:hover{
  -moz-box-shadow: 0 5px 20px rgba(0,0,0,0.1);
  -webkit-box-shadow: 0 5px 20px rgba(0,0,0,0.1);
  box-shadow: 0 5px 20px rgba(0,0,0,0.1);
  -webkit-transform: translateY(-4px);
  -moz-transform: translateY(-4px);
  transform: translateY(-4px);
}
.overlay{ position:relative;}
.overlay:before {
  content: "";
  background: rgba(0,0,0,0.5);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.7;
  transition: all 0.3s;
  z-index: 2;
}

.overlayblue{
  position:relative;
}
.overlayblue:before{
  content: "";
  background: rgba(6,108,193,0.3);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.7;
  transition: all 0.3s;
  z-index: 2;
}
.overlayblue:hover:before{
  background: rgba(6,108,193,0.6);
}
.overlayblue8{
  position:relative;
}
.overlayblue8:before{
  content: "";
  background: rgba(6,108,193,0.8);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all 0.3s;
  z-index: 2;
}
.overlayblue8:hover:before{
  background: rgba(6,108,193,1);
}

/*Ripple Effect*/
.ripple-effect {
  position:relative;
  overflow:hidden;
}
.ripple-effect:after {
  position: absolute;
  top: 0;
  left: -200%;
  z-index: 2;
  display: block;
  content: '';
  width: 50%;
  height: 100%;
  background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.2) 100%);
  -webkit-transform: skewX(45deg);
  -ms-transform: skewX(45deg);
  transform: skewX(45deg);
}
.ripple-effect:hover:after {
  -webkit-animation: shine 3s;
  animation: shine 3s;
  left:200%
}
.ripple-effect:before, .ripple-effect:hover:after {
  -webkit-transition: all 1000ms ease;
  -moz-transition: all 1000ms ease;
  -o-transition: all 1000ms ease;
  -ms-transition: all 1000ms ease;
  transition: all 1000ms ease;
}
/*Ripple Effect*/

/*slide effect*/
.slide-left{
  overflow: hidden;
}
.slide-left img{
  margin-left: 30px;
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
.slide-left:hover img{
  margin-left: 0;
}

.slide-arrow::before{
  content:'';
  position: absolute;
  right: -30px;
  width: 30px;
  height: 100%;
  background-color:#2394d6;
  opacity: 0;
  z-index: 3;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  transition: all 500ms ease;
}
.slide-arrow::after{
  background: url(../images/icons-svg/icon-arw-direction--white.svg) no-repeat left center;
  content: "";
  width: 18px;
  height: 14px;
  z-index: 3;
  position: absolute;
  top: 50%;
  right: -30%;
  margin-top: -7px;
  -webkit-transform: translate(0%,-50%);
  transform: translate(0%,-50%);
  opacity: 0;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  transition: all 500ms ease;
}
.slide-arrow:hover::before{
  right: 0;
}
.slide-arrow:hover::after{
  right: 6px;
}
.slide-arrow:hover::before,
.slide-arrow:hover::after{
  opacity: 1;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  transition: all 500ms ease;
}

@media (max-width: 768px){
  .slide-arrow::before, .slide-arrow::after{
    opacity: 1;
    right: 0;
  }
  .slide-arrow::after{
    right: 6px;
  }
}

/*slide effect*/

/*==================== QBRI website css start here ==================*/

.page-node-7258 .mez.aside-result h3, .page-node-7258 .mez.aside-result .aside-result__terms{
  display: none;
}

@media (min-width: 1200px){
  .page-node-2966 .mez.card-list ul{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .page-node-2966 .mez.card-list ul li{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.menu-qbri-menu.wrapper { padding-top: 216px; }

@media (max-width: 992px) {
  .menu-qbri-menu.wrapper { padding-top: 173px; }

}

@media (max-width: 767px) {

  .menu-qbri-menu.wrapper { padding-top: 55px; }

}

@media (min-width:993px){
  .small-banner .mez.slider--home {
    height: calc(80vh - 146px)!important;
  }
}

@media (min-width: 992px) and (max-width: 1404px) {

  .small-banner .mez.slider--home .slider__caption{
    height: auto;
    bottom: 10%;
  }
  .small-banner .mez.slider--home .slider__detail{
    width: 80%;
    margin-left: 140px;
  }
}

.menu-qbri-menu.menu-enabled .mez.alert{
  padding-top: 0;
}

.zoom{
  overflow:hidden;

}
.zoom img{
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  transition: all 500ms ease;
}
.zoom:hover img{
  transform-orgin: center;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  transition: all 500ms ease;

}

.border-effect:before {
  content: "";
  width: 90%;
  height: 90%;
  border: 3px solid #fff;
  z-index: 1;
  position: absolute;
  left: 50%;
  top: 50%;
  opacity: 0;
  -webkit-transform: translate(-50%,-50%) scale(0.7);
  transform: translate(-50%,-50%) scale(0.7);
  transition: all .8s;
}
.border-effect:hover:before {
  -webkit-transform: translate(-50%,-50%) scale(1);
  transform: translate(-50%,-50%) scale(1);
  opacity: 0.5;
}

/*===== home page metro and event page css start here  ======*/
@media (min-width: 993px){
  .event__section.l-wrap{ padding-top: 50px; }
}

.event__section .mez.event-list:first-child{
  border: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 30px;
  padding-bottom: 30px;
}

.metroGallery{
  margin-bottom: 40px;
}
.metroGallery .mg__list{
  position:relative;
  margin-bottom:15px;
}
.metroGallery .mg__list a{
  display:block;
}
.metroGallery .mg__list figure img{
  min-height:150px;
  width: 100%;
}
.metroGallery .mg__list__info{
  position: absolute;
  bottom: 0;
  padding: 20px;
  width: 100%;
}
.metroGallery .mg__list--title h1, .metroGallery .mg__list--title h2, .metroGallery .mg__list--title h3, .metroGallery .mg__list--title h4, .metroGallery .mg__list--title h5, .metroGallery .mg__list--title h6, .metroGallery .mg__list--title p{
  color:#fff;
  margin:0;
}

.metroGallery .mg__list--btn{
  width:30px;
  height:30px;
  border:2px solid #fff;
  display:inline-block;
  border-radius:50%;
  text-align:center;
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 2;
  color: #fff;
  display: none;
}
.metroGallery .mg__list--btn i{
  content: "";
  position: relative;
  left:0;
  top: 2px;
  display: inline-block;
  transition: all 0.5s ease;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 0 6px 6px;
  border-color: transparent transparent transparent #fff;
}

@media (min-width: 640px){
  .metroGallery{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .metroGallery .mg__list.mg__sm{
    width:35%;
    float:left;
  }
  .metroGallery .mg__list.mg__md{
    width:calc(65% - 20px);
    float:left;
  }
  .metroGallery .mg__list{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    overflow: hidden;
    background-size: cover;
    background-position: center center;
    margin-right:20px;
    margin-bottom:20px;
  }
  .metroGallery .mg__list:nth-child(2n+0){
    margin-right:0;
  }
  .metroGallery .mg__list figure img{
    opacity:0;
  }
  .metroGallery .mg__list__info{
    bottom:20px;
  }
}

@media (min-width: 768px){
  .metroGallery .mg__list, .metroGallery .mg__list:hover, .metroGallery .mg__list .mg__list--btn, .metroGallery .mg__list:hover .mg__list--btn, .metroGallery .mg__list .mg__list__info, .metroGallery .mg__list:hover .mg__list__info{
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    transition: all 500ms ease;
  }

  /*hover*/
  .metroGallery .mg__list:hover{
    background-position:right bottom;
  }
  .metroGallery .mg__list:hover .mg__list--btn{
    left:60px;
    border-color:#48c5fc;
    color:#48c5fc;
  }
  .metroGallery .mg__list:hover .mg__list--btn i{
    border-color: transparent transparent transparent #48c5fc;
  }
  .metroGallery .mg__list:hover .mg__list__info{
    bottom:40px;
  }
}

@media (min-width: 1200px) and (max-width: 1440px){

  .event__section .mez.event-list > ul > li{
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
  .event__section .mez.event-list:first-child{
    margin-bottom: 10px;
    padding-bottom: 10px;
  }
  .event__section .mez.event-list h2{
    margin-bottom: 1rem;
  }
}
@media (min-width: 1200px){
  .metroGallery {
    margin-bottom: 0px;
  }
}
/*===== home page metro and event page css end here  ======*/

/*====== home page block gallery css start here ======*/
.block-gallery .bgallery__list{
  width:100%;
  position:relative;
  margin-bottom:20px
}
.block-gallery .bgallery__list:last-child{
  margin-bottom:0;
}
.block-gallery .bgallery__list--title h1, .block-gallery .bgallery__list--title h2, .block-gallery .bgallery__list--title h3, .block-gallery .bgallery__list--title h4, .block-gallery .bgallery__list--title h5, .block-gallery .bgallery__list--title h6, .block-gallery .bgallery__list--title p{
  color:#fff;
}
.block-gallery .bgallery__list__info{
  position:absolute;
  z-index:2;
  width:100%;
  top:50%;
  text-align:center;
  padding:30px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.block-gallery .bgallery__list--image:before {
  content: "";
  background-color: rgba(1,31,60,0.4);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all 0.3s;
  z-index: 2;
}

.bgallery__list:hover .bgallery__list--image:before {

  background-color: rgba(6,108,193,0.6);

}

@media (min-width: 640px){
  .block-gallery .bgallery__list{
    width:50%;
    float:left;

  }
}

@media (min-width: 768px){
  .block-gallery .bgallery__list__info{
    padding:10%;
  }
}

@media (min-width: 992px){
  .block-gallery .bgallery__list__info{
    padding:20%;
  }
}
/*====== home page block gallery css end here ======*/

/*===== our research page css start here  ======*/
.rc__overlay{ position:relative;}
.rc__overlay:before {
  content: "";
  background: rgba(0,0,0,0.3);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity:0.3;
  transition: all 0.3s;
  z-index: 2;
}

.rc__content ul, .rc__content ul li{ padding:0; margin:0;}
.rc__content ul li{
  width:100%;
  float:left;
  position:relative;
  overflow:hidden;
  margin-bottom:15px;
}

.rc__content ul li .rc__list--image img{
  width: 100%;
}
.all-rc-center.rc__content ul li {
  width:100%;
  margin-top:40px;
}
.all-rc-center.rc__content .rc__list--image img{
  min-height:260px;
}
.rc_list .rc__list__info{
  position: absolute;
  top: 0;
  z-index: 2;
  height: 100%;
  width: 100%;
}
.rc_list .rc__list--title{
  padding:20px;
  text-align:center;
}
.rc_list .rc__list--title h4{
  color:#fff;
}
.rc_list .rc__list--content{
  padding:20px 15px;
  text-align:center;
  top: 50%;
  width:100%;
  position: absolute;
  z-index: 2;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.rc_list .rc__list--content p{
  color:#fff;
  padding:0;
  margin:0;
}
.rc_list .rc__list--readmore{
  bottom:0%;
  position: absolute;
  width: 100%;
  z-index: 2;
}
.rc_list .rc__list--readmore a, .rc_list .rc__list--readmore button{
  width:100%;
  text-align:center;
  padding: 15px 20px;
}
.rc_list .rc__list--readmore a:hover, .rc_list .rc__list--readmore button:hover{
  background-color:#0088CE;
  color:#fff;
}

@media (min-width: 700px){
  .rc__content ul li{
    width:33.33%;
    float:left;
    position:relative;
    overflow:hidden;
    margin-bottom:0;
  }
}
@media (min-width: 768px){

  .rc_list .rc__list--title{
    padding: 30px 20px;
  }
  .rc_list .rc__list--title h4{
    font-size:2rem;

  }
  .rc__overlay:before {
    opacity:0;
  }
  .rc_list .rc__list--readmore{
    bottom: -50%;
  }
  .rc_list .rc__list--content{
    top:-50%;
    padding:20%;
  }
  /*hover*/
  .rc__content ul li .rc__list--readmore, .rc__content ul li:hover .rc__list--readmore,
  .rc_list .rc__list--content, .rc__content ul li:hover .rc__list--content, .rc__content ul li:hover .rc__overlay:before, .rc__content ul li:hover .rc__list--title h4, .rc_list .rc__list--title h4{
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    transition: all 500ms ease;
  }
  .rc__content ul li:hover .rc__list--title h4{
    font-size:1.5rem;
    padding-top:30px;

  }
  .rc__content ul li:hover .rc__list--readmore{
    bottom:0;
  }
  .rc__content ul li:hover .rc__list--content{
    top:50%;
  }
  .rc__content ul li:hover .rc__overlay:before{
    opacity: 0.8;
  }
}
/*===== our research page css end here  ======*/


/*====== image slideshow css start here ======*/
.mez.slideshow__slider .slider__dots {
  right: 20px;
  bottom: 80px;
}

.mez.slider.slideshow__slider .slider__dots {
  width: 100%;
  bottom: 80px;
  right: 20px;

}
@media (min-width: 768px){
  .mez.slider.slideshow__slider .slider__dots {
    bottom: 20px;
    width: auto;
  }
}
.slideshow__overlay{ position:relative;}
.slideshow__overlay:before {
  content: "";
  background: rgba(0,0,0,0.3);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all 0.3s;
  z-index: 2;
}
.slideshow__content{}
.slideshow__content .slideshow__group, .slideshow__content .slideshow__group .slideshow_list{ padding:0; margin:0;}
.slideshow__content .slideshow__group .slideshow_list{
  width:100%;
  float:left;
  position:relative;
  overflow:hidden;
  margin-bottom:15px;
  border-right: 1px solid #9ccfed;
}

.slideshow_list .slideshow__list__info{
  position: absolute;
  top: 0;
  z-index: 2;
  height: 100%;
  width: 100%;
}
.slideshow_list .slideshow__list--title{
  padding:30px 20px;
  text-align:center;
}
.slideshow_list .slideshow__list--title h4{
  color:#fff;
  text-transform:uppercase;
}
.slideshow_list .slideshow__list--content{
  padding:20px;
  text-align:center;
  top: 50%;
  width:100%;
  position: absolute;
  z-index: 2;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.slideshow_list .slideshow__list--content p{
  color:#fff;
  padding:0;
  margin:0;
}
.slideshow_list .slideshow__list--readmore{
  bottom:0%;
  position: absolute;
  width: 100%;
  z-index: 2;
}
.slideshow_list .slideshow__list--readmore a, .slideshow_list .slideshow__list--readmore button{
  width:100%;
  text-align:center;
  padding: 15px 20px;
  display: block;
}
.slideshow_list .slideshow__list--readmore a:hover, .slideshow_list .slideshow__list--readmore button:hover{
  background-color:#0088CE;
  color:#fff;
}


@media (min-width: 700px){
  .slideshow__content .slideshow__group .slideshow_list{
    width:33%;
    float:left;
    position:relative;
    overflow:hidden;
    margin-bottom:0;
  }
}
@media (min-width: 768px){
  .slideshow_list .rc__list--title h4{
    font-size:2rem;
  }
  .slideshow__overlay:before {
    opacity:1;
  }
  .slideshow_list .slideshow__list--readmore{
    bottom: -50%;
  }
  .slideshow_list .slideshow__list--content{
    top:-50%;
  }
  /*hover*/
  .slideshow__content .slideshow__group .slideshow_list .slideshow__list--readmore, .slideshow__content .slideshow__group .slideshow_list:hover .slideshow__list--readmore, .slideshow_list .slideshow__list--content, .slideshow__content .slideshow__group .slideshow_list:hover .slideshow__list--content, .slideshow__content .slideshow__group .slideshow_list:hover .slideshow__overlay:before, .slideshow__content .slideshow__group .slideshow_list:hover .slideshow__list--title h4, .slideshow_list .slideshow__list--title h4{
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    transition: all 500ms ease;
  }
  .slideshow__content .slideshow__group .slideshow_list:hover .slideshow__list--title h4{
    font-size:1.5rem;
    padding-top:30px;
  }
  .slideshow__content .slideshow__group .slideshow_list:hover .slideshow__list--readmore{
    bottom:0;
  }
  .slideshow__content .slideshow__group .slideshow_list:hover .slideshow__list--content{
    top:50%;
  }
  .slideshow__content .slideshow__group .slideshow_list:hover .slideshow__overlay:before{
    opacity: 0.8;
  }
}
.contentHidden {
  display: none;
}
.contentShow {
  display: block;
}
/*====== image slideshow css end here ======*/
#myTab.QBRI{
  display: none;
}
.l-view-wrap li.pdf-QBRI, .l-view-wrap li.cal-QBRI{
  display:none;
}


/* Responsive embedded Video CSS Start */
.embedded-video .player {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}
.embedded-video .player iframe,
.embedded-video .player object,
.embedded-video .player embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.with-video {
  max-width: 650px;
  min-width: 450px;
}
.video-thumbnail-listing {
  position: relative;
}
.video-thumbnail-listing .l-btn-play {
  pointer-events: none;
}
/* Responsive embedded Video CSS End */


.mainpage .mez.slider--news .tag{ display:none;}
#sitecontent .mez.highlight{
  margin-bottom: 20px;
  padding-bottom: 20px;
}
#sitecontent .quote {
  width: 100%;
  position: relative;
  font-size: 16pt;
  font-weight: bold;
  font-style: italic;
  color: #00759a;
  text-align: center;


}

#sitecontent .phrase {
  font-size: 16pt;
  color: #3b7fca;
  padding-bottom: 10px;
  margin: 0;
  text-align: left;

}
#sitecontent .phrase-author{
  font-size: 14px;
  text-align: left;
  font-style: italic;
  color: #00759a;
}
.page-node-2482 .connect__office h3{
  text-transform: capitalize;
}

/*====== image Gallery thumbnail css start here ======*/
.imggallery .imggallery_list{
  width:100%;
  float:left;
  position:relative;
  overflow:hidden;
  margin-bottom:15px;
  padding:0;
  margin:0;
}

.imggallery_list .imggallery__list__info{
  height: 100%;
  width: 100%;
}
.imggallery_list .imggallery__list--title{
  padding:30px 20px;
  text-align:center;
}
.imggallery_list .imggallery__list--title h4{
  text-transform:uppercase;
}

@media (min-width: 700px){
  .imggallery .imggallery_list{
    width:50%;
    float:left;
    position:relative;
    overflow:hidden;
    margin-bottom:0;
    padding-left:4%;
    padding-right:4%;
  }
}
/*====== image Gallery thumbnail css end here ======*/

/*====== event image section css start here ======*/
.imagethumb__group .imagethumb_list{
  margin-bottom:30px;
  padding-left: 15px;
  padding-right: 15px;
}

.imagethumb__group .imagethumb__item{
  background-color: #efefef;
  text-align: center;
  padding: 0px;
  border-radius: 4px;
  border: 1px solid #e2e2e2;

}
.imagethumb__group .imagethumb__item:hover{
  border-color: #0088CE;
}
.imagethumb__group .imagethumb__item--img{
  max-height: 270px;
  overflow: hidden;
  position: relative;
}
.imagethumb__group .imagethumb__item--img a{
  display:block;
}
.imagethumb__group .imagethumb__item__details{
  padding:15px;
}
.imagethumb__group .imagethumb__item__details .item--title{
  font-size:1.2rem;
  margin-bottom:0px;
}

@media (min-width: 540px){
  .imagethumb__group{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .imagethumb__group .imagethumb_list{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .imagethumb__group .imagethumb__item {
    height: 100%;
  }
}

@media (min-width: 768px){
  .imagethumb__group .imagethumb__item{
    height:100%;
  }
  .imagethumb__group .imagethumb__item__details{
    padding:15px 10px;
  }
}


/*====== event image section css End here ======*/

/*====== under Facilities table responsive css start here ======*/
@media (max-width: 480px){

  .ct-table-4c-r h5 {
    font-size: 0.8rem;
  }.library-search .search-links ul li
   .ct-table-3c-r h5 {
     font-size: 0.9rem;
   }
}
/*====== under Facilities table responsive css end here ======*/
.mez.card-list li.groupTitle {
  width: 100%;
}

.qbri-srp-video-res iframe{
  width: 100%;
  margin-bottom: 20px;
}
@media (min-width: 768px){
  .qbri-srp-video-res iframe{
    width: 560px;
    padding-left: 30px;
  }

}

/*==================== QBRI website css end here ==================*/


/*====================CHLS css start here ====================*/

/*====== CHLS menu css start here ======*/

.mez.header .nav-login.cr-nav-login{
  float: left;
  padding-left: 0;
  padding-right: 0;
}
.mez.header .nav-login.cr-nav-login:before{
  display: none;
}
@media (max-width: 767px) {
  .mez.header .nav-login.cr-nav-login ul{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .mez.header .nav-login.cr-nav-login ul li{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #f2f2f2;
    margin-left: 1px;
    margin-bottom: 1px;
    width: 49%;
  }
  .mez.header .nav-login.cr-nav-login ul li a{
    margin: 0;
  }

}

.mez.header .nav-main.nav-btn ul li.l-btn{
  padding:0;
  border: none;
  background-color:transparent;
  margin-left: 20px;
}
.mez.header .nav-main.nav-btn ul li.l-btn .nav-link{
  display: none;
}
.mez.header .nav-main.nav-btn ul li.l-btn:before, .mez.header .nav-main.nav-btn ul li.l-btn a:before{
  background:none;
}
/*.mez.header .nav-main.nav-btn > ul > li > a:before{
  display: none;
}*/
.mez.header .nav-main.nav-btn ul li.l-btn:after, .mez.header .nav-main.nav-btn ul li.l-btn:before{
  display: none;
  padding: 0;
}
.mez.header .nav-main.nav-btn ul li.l-btn a{
  margin-top:0;
}

.mez.header .nav-main.nav-btn ul li.l-btn a{
  position: relative;
  vertical-align: middle;
  color: #fff;
  display: inline-block;
  cursor: pointer;
  border: 1px solid #fff;
  font-family: "robotoregular";
  /* rtl: tahoma */
  font-size: 0.9333333333rem;
  letter-spacing: 2px;
  /* rtl: 0px */
  padding: 10px 20px;
  text-align: center;
  text-transform: uppercase;
  transition: 0.8s;
}

@media (min-width: 993px) {
  .sticky .mez.header .nav-main.nav-btn ul li.l-btn a{
    margin-bottom: 17px;
  }
}
@media (max-width: 992px) {
  .mez.header .nav-main.nav-btn ul li.l-btn a{
    padding: 8px 15px;
  }
}

@media (max-width: 767px) {
  .mez.header .nav-main.nav-btn ul li.l-btn a{
    padding: 5px 15px;
  }

  .mez.header .nav-main.nav-btn ul li.l-btn{
    margin-bottom: 20px;
    margin-bottom: 10px;
    text-align: left;
    margin-left: 0;
  }
}

.mez.header .nav-main.nav-btn ul li.l-btn a:before, .mez.header .nav-main.nav-btn ul li.l-btn a:after{
  width: 100%;
  height: 100%;
  z-index: 3;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
  transition: 0.8s;
  box-sizing: border-box;
}
.mez.header .nav-main.nav-btn ul li.l-btn a:before{
  border-bottom: 1px solid #27a6de;
  border-left: 1px solid #27a6de;
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
}

.mez.header .nav-main.nav-btn ul li.l-btn a:after{
  border-top: 1px solid #27a6de;
  border-right: 1px solid #27a6de;
  -webkit-transform-origin: 100% 0%;
  transform-origin: 100% 0%;
}

.mez.header .nav-main.nav-btn ul li.l-btn a:hover, .mez.header .nav-main.nav-btn ul li.l-btn.l-btn--secondary a:hover{
  border: 1px solid rgba(255, 255, 255, 0);
  color: #27a6de;
  background: rgba(255, 255, 255, 0);
}

.mez.header .nav-main.nav-btn ul li.l-btn a:hover:before, .mez.header .nav-main.nav-btn ul li.l-btn a:hover:after{
  -webkit-transform: scale(1);
  transform: scale(1);
}

.mez.header .nav-main.nav-btn ul li.l-btn a:focus{
  color: #27a6de;
}

.mez.header .nav-main.nav-btn ul li.l-btn.l-btn--secondary a{
  border-color: #066cc1;
  color: #066cc1;
}

.mez.header .nav-main.nav-btn ul li.l-btn--tertiary a{
  border-color: #066cc1;
  background: #066cc1;
}

.mez.header .nav-main.nav-btn ul li.l-btn.l-btn--tertiary a:focus{
  color: #27a6de;
}


@media (min-width: 768px) and (max-width: 991px) {
  .mez.header .nav-login.cr-nav-login{
    padding:10px 0;
  }
  .mez.header .nav-login.cr-nav-login li{
    padding-left: 3px;
  }
  .mez.header .nav-login.cr-nav-login li:first-child{
    padding-left: 0;
  }
  .mez.header .nav-login.cr-nav-login li a{
    font-size: 0.7rem;
  }
  .cph-menu .mez.header .nav-global{
    padding-left: 10px;
    padding-right: 10px;

  }
}

/*====== CHLS menu css end here ======*/
.section-glance.section-glance{
  background: #efefef;
}


@media (min-width: 993px) {
  .v-center-row, .v-bottom-row, .v-top-row{
    position: relative;
  }
  .v-center{
    top: 50%;
    width:100%;
    position: absolute;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .v-bottom{
    bottom: 0%;
    width:100%;
    position: absolute;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
  .v-top{
    top: 0%;
    width:100%;
    position: absolute;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
}

/*====== alert info css start here ======*/
.alert-info{
  background: #066cc1;
  padding-top: 20px;
  padding-bottom: 20px;
}
.alert-info__cont--btn{
  position: relative;
}
#alert-close{
  width: 20px;
  height:20px;
  display: inline-block;
  position: absolute;
  top: -15px;
  right: 0;
  z-index: 5;
  cursor: pointer;
}
#alert-close .l-icon{
  display: block;
}
#alert-close svg{
  fill: #fff;
}
.alert-info, .alert-info p, .alert-info h1, .alert-info h2, .alert-info h3, .alert-info h4, .alert-info h5, .alert-info h6{
  color:#fff;
}
.alert-info__cont--text .l-icon{
  width: 25px;
  height: 25px;
  margin-right: 25px;
  float: left;
}
.alert-info__cont--text .l-icon svg{
  fill: #fff;
  stroke-width: 0.1px;
}
@media (min-width: 992px) {
  .alert-info__cont{
    display:flex;
  }
  #alert-close{
    top: 15px;
  }
  .alert-info__cont--text{
    padding-right:20px;
    width: 100%;
  }
  .alert-info__cont--btn{
    min-width:200px;
  }
  .alert-info p{
    margin-bottom:0;
  }

}

/*====== alert info css end here ======*/

.slide-section-cont.l-wrap.l-wrap{
  background-size: cover;
  background-repeat: no-repeat;
}
/*====== explore section css start here ======*/
.slide-col-title{
  margin-bottom: 30px;
}
.slide-col-title h2, .slide-col-title, .slide-col-title p{
  color: #fff;
}

/*======slideM2 css start here ======*/
.slideM2 .mez.slider.slideshow__slider .slider__dots {
  right: 10px;
  bottom: 20px;
}

.slideM2 .slideM2_list{
  width:100%;
  float:left;
  position:relative;
  overflow:hidden;
  margin-bottom:15px;
  background-color: #fff;
  margin-right: 5px;
  margin-left: 5px;
}
.slideM2 .slick-track{
  display: flex !important;
}
.slideM2 .slick-track .slideM2_list{
  height: inherit !important;
}
.slideM2 .slideM2__list__info{
  padding: 20px;
}
.slideM2 .slideM2__list--content{
  margin-bottom: 20px;
}

.slideM2 .slick-slider .slick-arrow{
  width: 50px;
  height: 50px;
  z-index: 2;
  border-color: #efefef;
}
.slideM2 .slick-slider .slick-arrow.slick-prev{
  left: -25px;
}
.slideM2 .slick-slider .slick-arrow.slick-next{
  right: -25px;
}

@media (min-width: 768px) and (max-width: 1440px){
  .slideM2 .slick-slider .slick-arrow{
    top: 38%;
  }
}
@media (min-width: 992px){
  .slide-col-title{
    margin-bottom: 0px;
  }
}

/*====== slideM2 css end here ======*/


/*====== event css start here ======*/
.event-bg-blue .l-event-date strong{
  color: #fff;
}
.event-bg-blue .l-event-date span{
  color: #fff;
}
.event-bg-blue .l-event-date:before{
  background: #1e85dc;
}
.event-bg-blue .l-event-date{
  background: #1e85dc;
}

.mez.eventM2-list .eventM2-list__title{
  margin-bottom: 30px;
}
.mez.event-list .eventM2-list, .mez.event-list .eventM2-list li{
  padding: 0;
  margin: 0;
}

.eventM2-list p{
  margin-bottom: 15px;
}
.mez.event-list .eventM2-list li{
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-color: #e0e0e0;
}
.mez.event-list .eventM2-list li:last-child{
  margin-right: 0;
}
.mez.event-list .eventM2-list li .l-event-date{
  float: none;
  margin-bottom: 20px;
}

@media (min-width: 993px){

  .mez.eventM2-list .eventM2-list__title{
    margin-bottom: 60px;
  }
  .mez.event-list .eventM2-list li{
    width: 31%;
    float: left;
    margin-right: 3.5%;
  }
  .mez.event-list .eventM2-list li{
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
  }

}
/*====== event css end here ======*/

/*====== explore section css end here ======*/

/*======slideM3 css start here ======*/
.slideM3 .overlay{ position:relative;}
.slideM3 .slideM3__list--image figure a:after {
  content: "";
  background: rgba(0,0,0,0.5);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: all 0.3s;
}
.slideM3 .slideM3__list--image figure a:hover:after {
  opacity: 0.7;
}

.slideM3 .mez.slider.slideshow__slider .slider__dots {
  right: 10px;
  bottom: -20px;
  width: 100%;
  text-align: center;
}
.slideM3 .slideM3__title{
  margin-bottom: 30px;
}

.slideM3 .slideM3_list{
  width:100%;
  float:left;
  position:relative;
  overflow:hidden;
  margin-bottom:15px;
  background-color: #fff;
}
.slideM3 .slideM3__list--image figure{
  position: relative;
}
.slideM3 .slideM3__list--image figure a{
  display:block;
}
.slideM3 .slideM3__list--image .l-event-date{
  position: absolute;
  bottom: 0px;
  left: 0px;
  z-index: 5;
}
.slideM3 .slideM3__list--image:hover .l-event-date{
  bottom: 15px;
  left: 15px;
}

.slideM3 .slideM3__list__info{
  padding: 20px 0px 0;
}
.slideM3 .slick-slider .slick-arrow{
  border-color: #efefef;
}
.slideM3 .slick-slider .slick-arrow{
  width: 50px;
  height: 50px;
}
@media (min-width: 768px){
  .slideM3 .slideM3__title{
    margin-bottom: 60px;
  }
  .slideM3 .slideM3__list__info{
    padding: 40px 10px 0;
  }
  .slideM3 .slideM3_list{
    margin-right: 15px;
    margin-left: 15px;
  }
  .slideM3 .mez.slider.slideshow__slider .slider__dots {
    bottom: -30px;
  }
}

@media (min-width: 768px) and (max-width: 1440px){
  .slideM3 .slick-slider .slick-arrow{
    top: 38%;
  }
}
/*====== slideM3 css end here ======*/

/*====== social media section css start here ======*/
.home-news__header-center h2 {
  color: #27a6de;
  font-size: 2rem;
  line-height: 1.2;
  margin-bottom: 1rem;
  font-weight: normal;
  text-transform: uppercase;
}

.mez.home-news .home-news__box .home-news__date{
  padding: 0;
  margin: 0 0 10px;
  overflow: hidden;
  font-size: 1.2666666667rem;
  color: #0393d6;
}

.mez.home-news .home-news__detail {
  /*margin-top: 30px;
  background: #efefef;*/
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.mez.home-news .home-news__box {
  position: relative;
  width: 50%;
  border-bottom: 1px solid rgba(230, 223, 223, 0.69);
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: justify;
  justify-content: flex-start;
  padding-bottom: 40px;
  padding-right: 25px;
  padding-left: 25px;
  margin-bottom: 40px;
  overflow: hidden;
  background-size: cover;
  background-position: center center;
}

/*large box*/
.mez.home-news .home-news__box.large-news__box{
  width: 100%;
  padding: 0 0 20px;
  margin-bottom: 20px;

}
.mez.home-news .large-news__box figure{
  max-height: 340px;
  overflow: hidden;
  margin-bottom: 30px;
}
.mez.home-news .large-news__box figure img{
  opacity: 1;
}

@media (max-width: 1200px) {
  .mez.home-news .home-news__box {
    width: 50%;
  }
}

@media (max-width: 992px) {
  .mez.home-news .home-news__box {
    width: 50%;
  }
}
@media (min-width: 992px) {
  .mez.home-news .home-news__box.large-news__box, .mez.home-news .home-news__box:last-child, .mez.home-news .home-news__box:nth-last-child(2){
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
  }

}

@media (max-width: 767px) {
  .mez.home-news .home-news__box {
    padding:0 0 20px;
    margin-bottom: 20px;
  }

}

@media (max-width: 767px) {
  .mez.home-news .home-news__box {
    width: 100%;
  }
}

.mez.home-news .home-news__box:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  background: url(../images/bg-grey-gradient.png) repeat-x left bottom;
  background-size: 3%;
  display: none;
}
.mez.home-news .home-news__box.newsimage:before {
  display: block;
  z-index: 3;
}

@media (max-width: 992px) {
  .mez.home-news .home-news__box:before {
    background-size: 2%;
  }
}
.mez.home-news .home-news__box .home-news__desc{
  margin-bottom: 20px;
}
.mez.home-news .home-news__box .home-news__desc, .mez.home-news .home-news__box .home-news__desc p {
  font-size: 1.3333333333rem;
}

@media (max-width: 992px) {
  .mez.home-news .home-news__box .home-news__desc, .mez.home-news .home-news__box .home-news__desc p {
    font-size: 1.2rem;
  }
}

@media (max-width: 767px) {
  .mez.home-news .home-news__box .home-news__desc, .mez.home-news .home-news__box .home-news__desc p{
    font-size: 1rem;
  }
}


.mez.home-news .home-news__box.newsimage .home-news__btm {
  position: absolute;
  left: 0;
  bottom: 40px;
  padding: 0 40px;
  z-index: 4;
}

@media (max-width: 767px) {
  .mez.home-news .home-news__box.newsimage .home-news__btm {
    bottom: 20px;
    padding: 0 20px;
  }
}

.mez.home-news figure {
  margin: 0;
}

.mez.home-news figure .l-btn-play {
  z-index: 3;
}

.mez.home-news figure img {
  display: block;
  opacity: 0;
}

@media (max-width: 540px) {
  .mez.home-news figure img {
    width: 100%;
  }
}

.mez.home-news figure img + img {
  display: none;
}

.mez.home-news .home-news__btm {
  width: 100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.mez.home-news .home-news__btm .l-circle-md {
  width: 55px;
  height: 55px;
  float: left;
  margin-right: 22px;
  text-indent: 0;
  font-size: 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  overflow: visible;
  transition: all 0.3s;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.mez.home-news .home-news__btm .l-circle-md:after, .mez.home-news .home-news__btm .l-circle-md:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  transition: all 0.5s;
  -webkit-transform-origin: center;
  transform-origin: center;
}

.mez.home-news .home-news__btm .l-circle-md:before {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
  z-index: 1;
  background: #0081e7;
}

.mez.home-news .home-news__btm .l-circle-md:hover:before {
  opacity: .6;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.mez.home-news .home-news__btm .l-circle-md:hover:after {
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
}

.mez.home-news .home-news__btm i {
  fill: #fff;
  position: relative;
  z-index: 2;
  width: 25px;
  height: 25px;
}

.mez.home-news .home-news__btm p {
  padding: 0;
  margin: 0;
  overflow: hidden;
  font-size: 1.2666666667rem;
  color: #0393d6;
}

@media (max-width: 767px) {
  .mez.home-news .home-news__btm p {
    font-size: 1rem;
  }
}

.mez.home-news .home-news__btm p small {
  display: block;
  color: rgba(0, 38, 72, 0.6);
  font-size: 0.8666666667rem;
  direction: ltr;
  /*rtl:ignore*/
}

.mez.home-news .home-news__box.newsimage .home-news__btm .l-circle-md--news + p small {
  color: #FFF;
}
.mez.home-news .home-news__btm .l-circle-md--news{
  background-color: #5bc6e8;
}
.mez.home-news .home-news__btm .l-circle-md--news:before {
  background:#0088ce;
}


@media (min-width: 767px){
  .home-news__header-center h2 {
    font-size: 2.8rem;
    margin-bottom: 2rem;
  }
}
/*====== social media section css end here ======*/

/*====================CHLS css end here ====================*/



/*==================== News new page design css start here ====================*/

/*======= new design 3 in one section block design css End here =======*/
.section-ev-vi-au.section-ev-vi-au{
  background: #f7fcff;
  margin:0;
}
.ev-vi-au__container .slideM2 .slideM2_list{
  margin: 0;
}
.video_slideshow .l-btn-play, .audio_slideshow .l-btn-play-audio{
  position: relative;
  display: inline-block;
  top: 0;
  left: 0;
  transform: none;
  background-color: rgba(9, 60, 126, 0.8);
}
.video_slideshow .l-btn-play:hover, .audio_slideshow .l-btn-play-audio:hover{
  background-color: #27a6de;
}
.overlay__container{
  position: relative;
}
.overlay__container--item{
  position:absolute;
  top: 50%;
  left: 0;
  z-index: 2;
  color: #fff;
  webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.overlay__container--item.bottom{
  top: inherit;
  bottom: 20px;
  transform: none;
  padding:20px 30px;
}
.white--content.white--content, .white--content.white--content p, .white--content.white--content a{
  color:#fff;
}
.white--content.white--content p{
  margin-bottom: 15px;
}

.bottom-shadow-cont{
  position: relative;
}
.bottom-shadow:after{
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  background: url(../images/bg-grey-gradient.png) repeat-x left bottom;
  background-size: 1.5%;
  opacity: 0.8;
}
.video_slideshow .slideM2 .slideM2__list--image figure .mob-view, .audio_slideshow .slideM2 .slideM2__list--image figure .mob-view{
  display: none;
}
.helpbox{
  display: inline-block;
  position: absolute;
  bottom: 30px;
  right: 30px;
  z-index: 99;
}
@media (min-width: 992px) and (max-width: 1300px) {
  .audio_slideshow .l-btn-play-audio, .video_slideshow .l-btn-play{
    background-size: 18px 14px;
    background-position: 10px 12px;
    height: 38px;
    width: 38px;
  }
  .video_slideshow .overlay__container--item.bottom, .audio_slideshow .overlay__container--item.bottom{
    bottom: 0;
  }
}
@media (max-width: 991px){
  .overlay__container--item.bottom{
    position: relative;
    background-color:#efefef;
    bottom: 0;
  }
  .white--content.white--content, .white--content.white--content p, .white--content.white--content a{
    color: #333;
  }
  .video_slideshow .slideM2 .slideM2__list--image figure .desk-view, .audio_slideshow .slideM2 .slideM2__list--image figure .desk-view{
    display: none;
  }
  .video_slideshow .slideM2 .slideM2__list--image figure .mob-view, .audio_slideshow .slideM2 .slideM2__list--image figure .mob-view{
    display: block;
  }
}
@media (min-width: 568px){
  .event_slide .overlay__container--item.bottom{
    position: absolute;
    background-color:transparent;
    bottom: 60px;
  }
  .event_slide .white--content.white--content, .event_slide .white--content.white--content p, .event_slide .white--content.white--content a{
    color: #fff;
  }
}

/*======= new design 3 in one section block design css end here =======*/


/*====== filter program section css start here ======*/

.section__prog{
  border-top:1px solid #eaeaea;
  border-bottom:1px solid #eaeaea;
}
.section__prog .pro-filter{
  width: 100%;
}
.section__prog .pro-filter .pro-filter--title{
  float: left;
  line-height: 2.8rem;
  padding-top: 10px;
  margin:0;
  width: 100%;

}
.section__prog .pro-filter .form-item{
  float: left;
  margin: 10px 0px;
  width:100%;
  position:relative;
}

.section__prog .pro-filter .form-item:after {
  border: 10px solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(13, 86, 180, 0);
  border-top-color: #0d56b4;
  margin-top: 5px;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.section__prog .pro-filter .l-styled{
  background-color: rgba(2498, 249, 249, 0.6);
  border: 1px solid #066cc1;
}
.section__prog .pro-filter-btn{
  padding-top: 10px;
  padding-bottom: 10px;
  float: left;
}
@media (min-width: 767px){
  .section__prog .pro-filter .pro-filter--title{
    float: left;
    line-height: 2.8rem;
    width: auto;
  }
  .section__prog .pro-filter .form-item{
    width:25%;
  }
  .section__prog .pro-filter .form-item{
    margin: 10px 30px;
  }
}
/*====== filter program section css end here ======*/

/*====== HBKU in depth section css start here ======*/
.side-largthumb .slideshow__list__info{
  top: auto;
  bottom: 30px;
  height: auto;
}

/*====== HBKU in depth section css end here ======*/
/*====== tab section css start here ======*/
.large-feature ul li {
  background: none;
  line-height: 1.2rem;
  margin-bottom: 1rem;
  padding: 0 0 .5em 1.5em;
}
.large-feature ul li:after {
  background: url(../images/icons-svg/icon-arw-sm.svg) no-repeat 50%/6px;
  padding-right: 2rem;
  content: " ";
}
/*====== tab section css end here ======*/

/*==================== News new page design css end here ====================*/

/*==================== News details page design css start here ====================*/

@media (min-width: 768px){
  .section-onsection{
    position:absolute;
    top: -100%;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    z-index: 3;
    width: 100%;
  }
}
.img-3section{
  margin-top: 30px;
}
.img-3section .block_left{
  margin-bottom:10px;
}
.img-3section .img-3block{
  position:relative;
  background-color: #efefef;
  padding: 4px;
  border-radius: 4px;
  border: 1px solid #e2e2e2;
}
.img-3section .img-3block:hover{
  border-color:#0088CE;
}

.img-3section .img-3block--title{
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 2;
  color: #fff;
  padding: 30px;
  text-align: right;
}
.img-3section .img-3block .overlay:before{
  background: rgba(6,108,193,0.3);
}
.img-3section .img-3block:hover .overlay:before{
  background: rgba(6,108,193,0.6);
}
.img-3section .img-3block figure{
  overflow:hidden;
}
.img-3section .img-3block:hover img{
  transform-orgin: center;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);

}
.img-3section .img-3block, .img-3section .img-3block:hover,
.img-3section .img-3block figure img,
.img-3section .img-3block:hover img {
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  transition: all 500ms ease;
}

@media (min-width: 992px){
  .img-3section .block_right{
    margin-left: 10px;
  }
  .img-3section .block_left.block_left--bottom{
    margin-bottom:0;
  }
  .img-3section .img-3block--title{ padding:50px;}
  .img-3section .img-3block--title h4{
    font-size:2.1rem;
    margin-bottom:20px;
  }
}

/*====== latest article block css start here ======*/
.mez.l-art{

}

.mez.l-art .l-art-block{
  position: relative;
}
.mez.l-art .figcaption{
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  padding: 25px 30px;
}
.mez.l-art .l-art-block .overlay:before{
  opacity: 1;
}
.mez.l-art .l-art-block:hover .overlay:before{
  background: rgba(0,0,0,0.6);
}
.mez.l-art .l-art-block-arw{
  position: relative;
}
.slide-arrow::before{
  content:'';
  position: absolute;
  right: -30px;
  width: 30px;
  height: 100%;
  background-color:#2394d6;
  opacity: 0;
  z-index: 3;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  transition: all 500ms ease;
}
.slide-arrow::after{
  background: url(../images/icons-svg/icon-arw-direction--white.svg) no-repeat left center;
  content: "";
  width: 18px;
  height: 14px;
  z-index: 3;
  position: absolute;
  top: 50%;
  right: -30%;
  margin-top: -7px;
  -webkit-transform: translate(0%,-50%);
  transform: translate(0%,-50%);
  opacity: 0;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  transition: all 500ms ease;
}
.slide-arrow:hover::before{
  right: 0;
}
.slide-arrow:hover::after{
  right: 6px;
}
.slide-arrow:hover::before,
.slide-arrow:hover::after{
  opacity: 1;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  transition: all 500ms ease;
}
.mez.l-art .l-art-block__info{
  padding: 25px 30px;
}

@media (max-width: 768px){
  .mez.l-art [class^="l-art-block"]{
    margin-bottom:1px;
  }

  .mez.l-art .l-art-block__info, .mez.l-art .figcaption{
    padding-right: 35px;
    padding-left: 20px;
  }
  .slide-arrow::before, .slide-arrow::after{
    opacity: 1;
    right: 0;
  }
  .slide-arrow::after{
    right: 6px;
  }
}

/*====== latest article block css end here ======*/

/*===Start Time css =====*/
.clockwrapper{
  font-family: sans-serif;
  color: #fff;
  display: inline-block;
  text-align: center;
  font-size: 50px;
  font-weight:bold;
  /* background:rgba(0, 118, 188, 0.8); */
  padding-left: 10px;
  padding-right: 10px;
  border-radius: 4px;
  /*border: 4px solid rgba(255, 255, 255, 0.3);*/
}
.clockwrapper > div{
  padding: 10px;
  border-radius: 0;
  float:left;
}
.clockwrapper div > span{
  padding: 0px;
  border-radius: 0;
  /*background: #00816A;*/
  display: inline-block;
}
/* .clockwrapper .smalltext{
  padding-top: 5px;
  font-size: 16px;
  font-weight:600;
} */

.clockwrapper .smalltext{
  padding-top: 5px;
  font-size: 25px;
  font-weight: 400;
}
/*===End Time css =====*/
.l-event-subtitle{
  display: block;
  text-transform: uppercase;
  margin-bottom: 5px;
  color: #066cc1;
  font-size: 1.3rem;
}
/*==================== News details page design css end here ====================*/
@media (max-width: 321px) {
  .mez.header .logo.logo-text .logo-mob {
    font-size: 0.760em;
  }
}

/* hide apply button */
.no-apply .header .btn-apply {
  display: none;
}


@media (min-width: 1100px) and (max-width: 1700px) {
  .mez.slider--home .spotlight_video video {
    height: 767px !important;
  }
}

/* Safari 11+ */
@media not all and (min-resolution: .001dpcm) {
  @supports (-webkit-appearance:none) and (stroke-color:transparent) {

    .mez.slider--home .spotlight_video video {
      height: 820px !important;
    }
  }
}
.cl2019degree-program .a-r-btn {
  display: none;
}
.cl2019degree-program .admission-btn{
  text-align: right;
}

@media (max-width: 767px){
  .cl2019degree-program .admission-btn{
    text-align: left;
  }
}

@media (max-width: 991px){
  .group-left .apply-now-left-side{
    text-align: center;
  }
  .group-left .apply-now-left-side a.l-btn{
    display: inline-block;
    margin-bottom: 30px;
    height: auto;
    min-width: 200px;
    text-align: center;
    padding: 12px 15px;
  }
  .group-left .apply-now-left-side a.l-btn span{
    display: inline-block;
    text-align: center;
  }
}

/*====== srp2021 css start here=====*/
@media (min-width: 992px){
  .page-node-19840 .group-header .l-nomargin.l-nomargin{
    height: 460px;
    overflow: hidden;
  }
  .page-node-19840 .group-header .mez.slider--home .slider__detail{
    padding-top: 0;
  }
  .page-node-19840 .group-header .mez.slider--home .slider__caption{
    top: 100px;
  }
}


/*====== srp2021 css end here=====*/