.thumb-row--img{
  width: 100px;
}
@media (min-width: 767px){
  .thumb-row{
    display: flex;
    flex-flow: row wrap;
  }
  .thumb-row--title{
    width: calc(100% - 120px);
    padding-left: 20px;
  }
}

.collegeLay2019 .l-btn + .l-btn{
  margin-left: 20px;
}
.collegeLay2019 .btn-group .l-btn{
  margin-right: 10px;
  margin-left: 10px;
}
.btn-group.small a{
  font-size: 12px;
}
.collegeLay2019 aside .l-btn + .l-btn{
  margin-left:0px;
}
@media (max-width: 767px){
  .collegeLay2019 aside .l-btn--lg.l-btn--lg {
      margin-left: auto;
      margin-right: auto;
  }
}
@media (max-width: 540px){
  .collegeLay2019 .l-btn + .l-btn{
    margin-left: 0px;
  }
}

/*===Logo Text ===*/
.mez.header .logo.logo-text{
  text-transform: uppercase;
  font-size: 24px;
  font-family: "robotomedium";
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
}
.mez.header .logo.logo-text.m-logo{
  font-size: 21px;
}
.mez.header .logo.logo-text.s-logo{
  font-size: 18px;
}
.mez.header .logo.logo-text a{
  color: #fff;
  display: inline-block;
  height: auto;
}
.mez.header .logo.logo-text i{
  font-style: inherit;
}
.mez.header .logo.logo-text .logo-desk{
  display: inline-block;
}
.mez.header .logo.logo-text .logo-mob{
  display: none;
}
.sticky .mez.header .logo.logo-text.one-logo .logo-desk{
  line-height: 2.6;
}
@media (min-width: 992px) and (max-width: 1200px){
  .sticky .mez.header .logo.logo-text.one-logo .logo-desk{
    line-height: 1.5;
  }
}
.sticky .mez.header .logo.logo-text{
  font-size: 20px;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
}
.mez.header .logo.logo-text a .university-name{
  font-size: 16px;
  color:#fff;
  font-family: "robotomedium";
  display: block;
  width: 100%;
  margin-top:5px;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
}
.sticky .mez.header .logo.logo-text a .university-name{
  font-size: 14px;

  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
}
@media (max-width: 767px){
  .mez.header .logo.logo-text .logo-mob{
    display: block;
  }
  .mez.header .logo.logo-text .logo-desk{
    display: none;
  }
  .mez.header .logo.logo-text, .sticky .mez.header .logo.logo-text{
    font-size: 12px;
    line-height: 10px;
    padding: 15px 0;
  }
  /* .mez.header .logo.logo-text a .university-name,
  .sticky .mez.header .logo.logo-text a .university-name{
    font-size: 10px;
  } */

}
@media (max-width: 991px){
  .mez.header .logo.logo-text, .sticky .mez.header .logo.logo-text{
    font-size: 18px;
  }
  .mez.header .logo.logo-text a .university-name, .sticky .mez.header .logo.logo-text a .university-name {
    font-size: 14px;
    line-height: 1.2;
  }
}
@media (min-width: 992px){
  .mez.header .logo.logo-text a{
     padding-top: 10px;
  }
  .sticky .mez.header .logo.logo-text a{
     padding-top:0px;
  }
}

.collegeLay2019 .section-dynamic, .collegeLay2019 .inner-banner{
  margin-top: -146px;
}
.collegeLay2019 .h-promotion .section-dynamic, .collegeLay2019 .h-promotion .inner-banner{
  margin-top: -146px;
}

.l-btn.big{
  font-size: 1.2rem;
}
/*====================== CHLS landing new design page css start here ===================*/
.pointer-hide {
  pointer-events: none;
}
.title-xl {
  font-size: 2.5rem;
  font-family: "robotomedium";
}
.title-md {
  font-size: 2rem;
  font-family: "robotomedium";
}
.title-sm {
  font-size:1.8rem;
  font-family: "robotomedium";
}
.openSans .title-xl {
  font-size: 2.5rem;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
}
.openSans .title-md {
  font-size: 2rem;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
}
.openSans .title-md-m {
  font-size: 1.8rem;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
}
.openSans .title-sm {
  font-size:1.8rem;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
}
@media (min-width: 992px) {
  .title-xl {
    font-size: 3.5rem;
  }
  .title-md {
    font-size: 2.8rem;
  }
  .title-sm {
    font-size: 2rem;
  }

  .openSans .title-xl {
    font-size: 42px;
  }
  .openSans .title-md {
    font-size: 34px;
  }
  .openSans .title-md-m {
    font-size: 32px;
  }
  .openSans .title-sm {
    font-size: 28px;
  }
}

@media (max-width: 768px) {
  .fadeInUpShort {
      -webkit-animation-name: fadeInUpShort;
      animation-name: fadeInUpShort;
  }
  .fadeInDownShort{
    -webkit-animation-name: fadeInDownShort;
    animation-name: fadeInDownShort;
  }
}


/*=== slide arrow and dots design start ===*/

.arrowformat .slick-slider .slick-arrow {
  font-size: 0;
  background: transparent;
  border: none;
  width: 50px;
  height: 30px;
}
.arrowformat .slick-slider .slick-arrow:after {
  display: none;
}
.arrowformat .slick-slider .slick-arrow.slick-prev {
  left: -50px;
  border-radius: 0;
  padding: 0;
  margin: 0;
  text-align: right;
}
.arrowformat .slick-slider .slick-arrow.slick-next {
  padding: 0;
  margin: 0 0 8px 0;
  text-align: right;
  right: -50px;
}
.arrowformat .slick-slider .slick-arrow:before {
  background: none;
  content: "\f054";
  display: inline-block;
  font: normal normal normal 24px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  color: #1e1656;
}
.arrowformat .slick-slider .slick-arrow:hover:before {
  color: #27a6de;
}

.arrowformat .slider__dots {
  position: absolute;
  padding: 0;
  margin: 0;
  font-size: 0;
  list-style: none;
  width: 100%;
  text-align: center;
  bottom: 0px;
  z-index: 2;
}
.arrowformat .slider__dots li {
  color: #fff;
  width: 20px;
  transition: transform 0.2s;
  position: relative;
  display: inline-block;
  list-style: none;
}
.arrowformat .slider__dots li button{
  border: none;
  background: #85c8ff;
  font-size: 0;
  padding:0;
  border-radius: 50%;
  width: 12px;
  height: 12px;

}
.arrowformat .slider__dots li.slick-active button{
  background: #066cc1;
}
/*=== slide arrow and dots design end ===*/
/*====== accordion1 css start here ======*/
.l-accordion.l-accordion1 .l-accordion__title > span{
  text-transform: initial;
  font-size: 1.02rem;
  color: #1e1656;
  height: 60px;
}
.l-accordion.l-accordion1 .l-accordion__content{
  padding-top:30px;
}
/*====== accordion1 css end here ======*/

/*====== accordion2 css start here ======*/
.l-accordion.l-accordion2{
  background-color: #1e1656;
  padding: 5px;
  border-radius: 7px;
}
.l-accordion.l-accordion2 .l-accordion__title{
  background: #1e1656;
  border-top: 2px solid #595959;
}
.l-accordion.l-accordion2 .l-accordion__title:first-child{
  border-top:none;
}
.l-accordion.l-accordion2 .l-accordion__title > span{
  text-transform: initial;
  font-size: 1.03rem;
  color: #fff;
  height: 60px;
}
.l-accordion.l-accordion2 .l-accordion__content{
  padding-top:30px;
}
.l-accordion.l-accordion2 .l-accordion__content:last-child{
   padding-bottom:20px;
}
.l-accordion.l-accordion2 .l-accordion__title:after, .l-accordion.l-accordion2 .l-accordion__title:before{
  background-color:#fff;
}
.l-accordion.l-accordion2 .l-article li:before{
  background-color: #fff;
}
/*====== accordion2 css end here ======*/
/*====== responsivetablev2 css start here =====*/
.responsivetablev2 table {
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
}


.responsivetablev2 table tr {
  background-color: #f8f8f8;
  /* border: 1px solid #ddd; */
  padding: 5px;
}
.responsivetablev2 table th{
    background: #5BC6E8;

}
.responsivetablev2 table th,
.responsivetablev2 table td {
  padding: 15px 10px;
  text-align: center;
  border: 1px solid #ddd;
}

.responsivetablev2 table th {
  font-size: .85em;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.responsivetablev2 table tr:nth-child(odd) {background-color: #e7f4fc;}
.responsivetablev2 table td.mob-view{
    display:none;
}

@media screen and (max-width: 600px) {
  .responsivetablev2 table {
    border: 0;
  }

  .responsivetablev2 table caption {
    font-size: 1.3em;
  }

  .responsivetablev2 table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }

  .responsivetablev2 table tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: .625em;
  }

  .responsivetablev2 table td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: .8em;
    text-align: right;
  }

  .responsivetablev2 table td::before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }

  .responsivetablev2 table td:last-child {
    border-bottom: 0;
  }
  .responsivetablev2 table td.mob-view{
    display:block;
    }
}



/* striped table*/
.t-striped .table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 1rem;
  background-color: transparent;
  border-collapse: collapse;
}
.t-striped .bluedark-thead{
}
.t-striped .bluedark-thead thead th{
  background-color:#1f1957;
  color: #fff;
}
.t-striped .table thead th{
  vertical-align: bottom;
  border-bottom: 2px solid #dee2e6;
  font-size: 1.2rem;
  font-weight: normal;
}

.t-striped tbody {
  display: table-row-group;
  vertical-align: middle;
  border-color: inherit;
}
.t-striped .table td, .t-striped .table th {
  padding: 1rem 1.5rem;
  vertical-align: top;
  border-top: 1px solid #dee2e6;
}
.t-striped .table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0,0,0,.05);
}
.table-hover tbody tr:hover {
  background-color: rgba(0,0,0,.075);
}



/*====== responsivetablev2 css end here =====*/
/*====== hbku contact us table css start here =====*/
.hbku-contactTable.smtab-tab .nav-tabs{
  margin: 0;
  padding: 0;
}
.hbku-contactTable.smtab-tab .nav-tabs .nav-item{
  padding: 0;
  list-style: none;
  white-space: normal;
  display: inline-block;
  float: none;
}
.hbku-contactTable.smtab-tab .nav-tabs .nav-item:before{
  display: none;
}
.hbku-contactTable .inner .l-article{
  -ms-overflow-style: scrollbar;
    overflow-x: auto;
    overflow-y: hidden;
}
.hbku-contactTable table {
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
}

.hbku-contactTable table tr {
  background-color: #f8f8f8;
  padding: 5px;
}
.hbku-contactTable table th{
    background: #5BC6E8;
    
}
.hbku-contactTable table th,
.hbku-contactTable table td {
  padding: 15px 10px;
  text-align: left;
  border: 1px solid #ddd;
}

.hbku-contactTable .table th {
  font-size: .85em;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.hbku-contactTable table tr:nth-child(odd) {background-color: #e7f4fc;}

.hbku-contactTable .table-hover tbody tr:hover {
  background-color: rgba(0,0,0,.075);
}

@media (max-width: 992px) {
  .hbku-contactTable .l-article .table{
    width: 992px;
  }
}

.cts-spotlight__rtl{
  position: relative;
}
.cts-spotlight__aside{
  padding: 20px 0px;
  border-radius: 6px;
}
@media (min-width: 768px) {
  .cts-spotlight__aside{
    background-color: #2494d6;
    /* background-color: #1e1656; */
    position:absolute;
    padding: 42px 32px;
    top: 40px;
    right: 0;
    border-radius: 6px;
  }
}
@media (min-width: 992px) {
  .cts-spotlight__aside{
    top: 100px;
  }
}
@media (min-width: 1200px) {
  .cts-spotlight__aside{
    top:0px;
  }
}
/*====== hbku contact us table css end here =====*/

/*====== Header css start here =====*/
.mez.header .logo img.hbkulogo_white{
  display:none;
}
.mez.header.header-transprent .logo img.hbkulogo_white{
  display: block;
}
.mez.header.header-transprent .logo img.hbkulogo_white + img{
  display:none;
}

.collegeLay2019 .mez.header {
  background: transparent;
}
.collegeLay2019 .mez.header .header__top{
  background: transparent;
}
.collegeLay2019 .wrapper {
  position: relative;
}
.collegeLay2019 .wrapper .mez.alert{
  position: absolute;
  top: 0;
  z-index: 9999;
  width: 100%;
}

.collegeLay2019 .mez.header.sticky {
  background: #066cc1;
}
/* .sticky .mez.header.header-transprent .logo {
  height: 50px;
} */

/*=== top menu css start here === */
.mez.header.header-transprent .nav-global a, .mez.header.header-transprent .nav-login a{
  color: #fff;
}
.mez.header.header-transprent .nav-global a:hover, .mez.header.header-transprent .nav-login a:hover{
  color:#8AD1F0;
}
.mez.header.header-transprent .nav-login:before{
  background: #fff;
}

.mez.header .cl2019-nav-login {
  float: left;
  padding-left: 0;
}
.mez.header .cl2019-nav-login:before {
  display: none;
}

.mez.header.header-transprent .nav-login li.profile-general a:before {
  background: none;
  content: "\f013";
  display: inline-block;
  font-family: FontAwesome;
  font-size: 14px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  color: #8ad1f0;
  padding-right: 4px;
}
/*
.mez.header.header-transprent .header__wrap {
  padding-top: 20px;
} */
@media (max-width: 767px) {

  /*.mez.header.header-transprent .header__wrap {
    padding-top: 0px;
  } */
}

/*=== top menu css end here === */

/*===menu css start here === */
.mez.header.header-transprent .nav-main > ul > li > a {
  color: #fff;
  text-transform: uppercase;
}
.mez.header.header-transprent .nav-main > ul > li > a + .nav-link{
  display: none !important;
}
.mez.header.header-transprent .nav-main > ul > li > a[data-place] + .nav-link{
  display:inline-block !important;
  background-color: transparent;
}
.mez.header.header-transprent .nav-main > ul > li > a + .nav-link:before{
    background: url(../images/icons-svg/icon-arw-down-white.svg) no-repeat right top transparent;
}
.mez.header.header-transprent .nav-main > ul > li.home .l-icon .st0{
  fill: #fff;
}
.mez.header.header-transprent .nav-main > ul > li > a:hover:before {
  background: #ffffff;
}
.mez.header.header-transprent .nav-main > ul > li.active-trail a:before{
  background: #ffffff;
  display: none;
}
.mez.header.header-transprent .nav-main > ul > li{
  padding-left: 16px;
}
.mez.header.header-transprent .nav-main > ul > li.link-reset {
  margin-left: 6px;
  margin-right: 0;
  text-align: center;
  background-color:#1e1656;
  padding:8px 12px !important;
  cursor: pointer;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
}
.mez.header.header-transprent .nav-main > ul > li.link-reset:hover,
.mez.header.header-transprent .nav-main > ul > li.link-reset:hover .menu-icon:after{
  background-color: #045090;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
}
.mez.header.header-transprent .nav-main > ul > li.link-reset .nav-link{
  display: none !important;
}
.mez.header.header-transprent .nav-main > ul > li.link-reset {
  font-size: 0;
  line-height: 0;
  color: transparent;
}
.mez.header.header-transprent .nav-main > ul > li.link-reset .menu-icon:after {
  color: #fff;
  background-color: #1e1656;
  padding: 0px;
  line-height: 26px;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
}
.sticky .mez.header.header-transprent .nav-main > ul > li.link-reset .menu-icon:after,
.sticky .mez.header.header-transprent .nav-main > ul > li.link-reset{
  background-color: #045090;
  min-width: auto;
}
.sticky .mez.header.header-transprent .nav-main > ul > li.link-reset{
  padding:6px 12px !important;
}

.sticky .mez.header.header-transprent .nav-main > ul > li.grid-icon .menu-icon:after,
.sticky .mez.header.header-transprent .nav-main > ul > li.burger-icon .menu-icon:after{
    font-size: 24px;
}
/*.mez.header.header-transprent .nav-main > ul > li.link-reset:hover a::after {
  transform: scale(1.1);
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
} */

.mez.header.header-transprent .nav-main > ul > li.link-reset:hover:before{
  display: none;
}
.mez.header.header-transprent .nav-main > ul > li.link-reset span.nolink{
  display: block;
  color:#fff;
  font-size: 11px;
  line-height: 1;
}
.sticky .mez.header.header-transprent .nav-main > ul > li.link-reset span.nolink{
  display: none;
}

.mez.header.header-transprent .nav-main > ul > li.grid-icon .menu-icon:after {
  content: "\f00a";
  display: inline-block;
  font-family: FontAwesome;
  font-size: 24px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
.mez.header.header-transprent .nav-main > ul > li.search-icon .menu-icon:after {
  content: "\f002";
  display: inline-block;
  font-family: FontAwesome;
  font-size: 24px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
.mez.header.header-transprent .nav-main > ul > li.burger-icon .menu-icon:after {
  content: "\f0c9";
  display: inline-block;
  font-family: FontAwesome;
  font-size: 24px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}

@media (min-width: 993px) {
  /* .mez.header.header-transprent .nav-main > ul > li.burger-icon .menu-icon:after,
  .mez.header.header-transprent .nav-main > ul > li.burger-icon .menu-icon:after{
    font-size: 30px;
  } */
.mez.header.header-transprent .nav-main > ul > li.link-reset {
    min-width: 76px;
    padding: 12px !important;
  }
.mez.header.header-transprent .nav-main > ul > li.link-reset span.nolink{
    margin-top:4px;
  }
}

@media (min-width: 768px) {
  .mez.header.header-transprent .nav-main > ul > li > a {
    font-size: 1.0333333333rem;
  }
}
@media (max-width: 767px) {
  .mez.header.header-transprent .nav-main > ul > li.link-reset{
    padding-top: 10px;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  .mez.header.header-transprent .logo {
    height: 75px;
    padding:20px;
  }
 .mez.header.header-transprent .logo.logo-text{
    padding-left: 0;
    padding-right: 0;
  }
}

/*burger*/
.cl19burger, .cl19burger--two, .cl19burger--three{
  display: none;
  width: 34px;
  height: 34px;
  padding: 10px;
  margin-left: 10px;
  cursor: pointer;
  float: right;
  border:none;
  /* border-radius: 50%; */
  z-index: 12;
  position: absolute;
  right: 20px;
  top: 11px;
  background: #1e1656;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  transition: all 0.3s;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}
.cl19burger--two{
  right: 70px;
}
.cl19burger--three{
  right: 120px;
}
.cl19burger i, .cl19burger--two i, .cl19burger--three i{
  color:#fff;
}
@media (max-width: 767px) {
  .header-transprent .cl19burger, .header-transprent .cl19burger--two, .header-transprent .cl19burger--three{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}

@media (max-width: 375px) {
  .cl19burger{
    right: 15px;
  }
  .cl19burger--two {
    right: 55px;
  }
  .cl19burger--three {
    right: 95px;
  }
}


/*sm menu*/

.collegeLay2019.sm-menu-main .mez.header .nav-main > ul > li.link-reset .link-reset--text{
  display: none;
}
.collegeLay2019.sm-menu-main .mez.header .nav-main > ul > li.link-reset {
    padding: 6px 12px !important;
    min-width: auto;
}

@media (min-width: 993px){
  .collegeLay2019.sm-menu-main .mez.header .nav-main > ul > li.grid-icon a:after,
  .collegeLay2019.sm-menu-main .mez.header .nav-main > ul > li.burger-icon a:after{
    font-size: 24px;
  }
}
/*=== menu css end here === */

/*=== slide menu start here ===*/
.slide-menu{
  background: #ccc;
  display: block;
  height: 100%;
  overflow: auto;
  position: fixed;
  right:0;
  top: 0;
  width: 30em;
  z-index: 2000;
  padding: 30px;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  transition: all 0.3s;
}
body.nav-expanded .slide-menu {
  right: 0;
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
  transition: all 0.3s;
}
.slide-menu .slide-menu-top{
  position: relative;
  margin-bottom: 30px;
}
.slide-menu #nav-close {
  font-size: 1.3rem;
  position: absolute;
  top: 50%;
  right: 0;
  line-height: 1;
  padding: 5px 15px;
  margin-top:-15px;
  cursor: pointer;
}
.slide-menu-top .sm-menu--icon{
  font-size: 24px;
  padding: 5px;
}
.slide-menu .slide-menu-title{
  margin-bottom: 20px;
}
.slide-menu li {
  font-size: 18px;
}

.slide-menu ul ul{
  margin-left: 20px;
  display: none;
  transition: all 0.2s;

}
.slide-menu ul ul.show {
  display: block;
  transition: all 0.2s;
}
.slide-menu li a, .slide-menu li span.nolink {
  color: #333;
  text-decoration: none;
  padding: 12px;
  display: block;
  font-family: "robotoregular";
}
.slide-menu li a.first{
  padding-top:12px !important ;
}
.slide-menu li a.last{
  padding-bottom:12px !important ;
}
.slide-menu li a:hover, .slide-menu li a.active-trail{
  background-color:#ccc;
}
.slide-menu li:hover a{
  color: #000;
  text-decoration: none;
}
.slide-menu ul li.expanded > span{
  position: relative;
}
.slide-menu.menuDropdown ul li.expanded > span.nolink:after{
  background: none;
  content: "\f105";
  right: 20px;
  position: absolute;
  top: 50%;
  width: 10px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: inline-block;
  font-family: FontAwesome;
  font-size: 24px;
  line-height: 17px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  transition: all 0.1s;
}
.slide-menu.menuDropdown ul li.expanded.active > span.nolink:after{
  margin-top: -7px;
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transition: all 0.1s;
}
@media (max-width:460px) {
  .slide-menu {
    width: 100%;
    padding: 20px;
  }
}

.slide-menu .nav-global, .slide-menu .nav-login{
  display: none;
}

@media (max-width:767px) {
  .slide-menu .nav-global, .slide-menu .nav-login{
    display: block;
  }
}

/*=== main menu start here ===*/

.slide-menu.mainMenu{
  background: #181445;
  display: block;
  height: 100%;
  overflow: auto;
  position: fixed;
  right:0;
  top: 0;
  width: 30em;
  z-index: 2000;
  padding: 0;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  transition: all 0.3s;
  box-shadow: none;
}
.slide-menu.mainMenu .slide-menu-top{
  padding:20px 30px 20px 40px;
  margin: 0;
  background-color:#012a58;
}
body.mainMenu-expanded .slide-menu.mainMenu{
  right: 0;
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
  transition: all 0.3s;
}
.slide-menu.mainMenu ul.menu{
  clear: both;
}
.slide-menu.mainMenu li a, .slide-menu.mainMenu li span.nolink{
  color:#fff;
  padding: 18px 30px 18px 40px;
}
.slide-menu.mainMenu ul ul.show{
  margin-left: 0;
}
.slide-menu.mainMenu ul ul li a, .slide-menu.mainMenu ul ul li span.nolink{
  padding-left: 65px;
}
.slide-menu.mainMenu ul ul ul li a, .slide-menu.mainMenu ul ul ul li span.nolink{
  padding-left: 85px;
}
.slide-menu.mainMenu .slide-menu-top .sm-menu--icon{
  color:#fff;
}
.slide-menu.mainMenu #nav-close{
  color:#fff;
  right: 20px;
}
.slide-menu.mainMenu li a:hover, .slide-menu.mainMenu li.expanded:hover, .slide-menu.mainMenu li.expanded.active,
.slide-menu.mainMenu li.active-trail, .slide-menu.mainMenu li a.active{
  background-color:#043a7b;
}
.slide-menu.mainMenu li li a:hover, .slide-menu.mainMenu li li.expanded:hover, .slide-menu.mainMenu li li.expanded.active,
.slide-menu.mainMenu li li.active-trail, .slide-menu.mainMenu li li a.active{
  background-color:#00479d;
}

.slide-menu.mainMenu li li li a:hover, .slide-menu.mainMenu li li li.expanded:hover, .slide-menu.mainMenu li li li.expanded.active,
.slide-menu.mainMenu li li li.active-trail, .slide-menu.mainMenu li li li a.active-trail{
  background-color:#066cc1;
}

@media (max-width:460px) {
  .slide-menu.mainMenu {
    width: 100%;
  }
}

/*=== main menu start here ===*/

/*=== icon menu start here ===*/

.slide-menu.menuIcon{
  background: #fff;
  display: block;
  height: 100%;
  overflow: auto;
  position: fixed;
  right:0;
  top: 0;
  width: 30em;
  z-index: 2000;
  padding: 30px;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  transition: all 0.3s;
  box-shadow: -2px 0px 2px 0px #cecece;
}
body.navIcon-expanded .slide-menu.menuIcon {
  right: 0;
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
  transition: all 0.3s;
}
.slide-menu.menuIcon li{
  display: block;
}
.slide-menu.menuIcon li a, .slide-menu.menuIcon li span.nolink {
  padding-left: 0;
  padding-right: 0;
  font-size: 1.3rem;
}
.slide-menu.menuIcon ul ul{
  display: block;
  margin-left: 0;
}
.slide-menu.menuIcon li ul li{
  width: 47%;
  display: inline-block;
  padding-right: 5%;
}
.slide-menu.menuIcon li li a{
  position: relative;
  color:#333;
}
.slide-menu.menuIcon li li a img,
.slide-menu.menuIcon li li a .l-icon{
  width:30px;
  height: 30px;
  margin-right: 8px;
  transition: all 0.3s;
}
.slide-menu.menuIcon li li a.active img, .slide-menu.menuIcon li li a:hover img,
.slide-menu.menuIcon li li a:hover .l-icon{
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  transition: all 0.3s;
}
.slide-menu.menuIcon li li a .menu--text{
  font-style: normal;
  top: 50%;
  width:auto;
  position: absolute;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.slide-menu.menuIcon li li a:hover, .slide-menu.menuIcon li li span.nolink:hover,
.slide-menu.menuIcon li li a.active{
  color:#066cc1;
  background-color:transparent;
}
.slide-menu.menuIcon li li a, .slide-menu.menuIcon li li span.nolink {
  font-size: 1.1rem;
}
.slide-menu.menuIcon li ul li:nth-child(2n){
  padding-right: 0%;
}
.slide-menu.menuIcon .nav-global{
  padding: 0;
  padding-bottom: 20px;
}
.slide-menu.menuIcon .nav-global a{
  color: #333;
}
.slide-menu.menuIcon .nav-global li.hbku_site{
  background-color: #023b95;
  border: 3px solid #023b95;
}
.slide-menu.menuIcon .nav-global a {
    font-size: 1rem;
}

@media (max-width:460px) {
  .slide-menu.menuIcon {
    width: 100%;
    padding: 20px;
  }
}
/*=== icon menu end here ===*/

/*slide menu nav-global start here*/
.slide-menu .nav-global ul ul{  display: block;}
.slide-menu .nav-global {padding: 18px 30px 18px 40px;  transition: all 0.50s ease; }
.slide-menu .nav-global li {display: inline-block; }
.slide-menu .nav-global li.lang{padding-right: 10px; margin-right: 8px; border-right: 1px solid #b1b1b1;}
.slide-menu .nav-global li.lang ul{ margin-left: 0;}
.slide-menu .nav-global li.lang a{padding: 2px;}
.slide-menu .nav-global li.lang a:hover{background-color:transparent; color:#8ad1f0;}
.slide-menu .nav-global li.size a{ display: inline-block; padding: 2px;}
.slide-menu .nav-global li.size a:hover{ background-color:transparent; color:#8ad1f0;}
.slide-menu .nav-global li:first-child {  margin-left: 0;}
.slide-menu .nav-global a {font-size: 1rem; text-transform: uppercase;  color: #fff;}
.slide-menu .nav-global a:nth-child(2) {font-size: 1.3rem;}
.slide-menu .nav-global .lang-switcher li { display: block; margin: 0;}
.slide-menu .nav-global .lang-switcher li.active { display: none;}

/*HBKU Icon start here*/
.slide-menu .nav-global li.hbku_site{
  position: relative;
  transition: all 0.3s;
  margin-left: 20px;
  float: none;
  display: inline-block;
}
.slide-menu .nav-global li.hbku_site a{
  padding: 0;
}
.slide-menu .nav-global li.hbku_site:hover{
  border-color:#066cc1 ;
  transition: all 0.3s;
  background-color: #066cc1;
}
.slide-menu .nav-global li.hbku_site img{
  max-width: 26px;
}
.slide-menu .nav-global li.hbku_site span{
  display: none;
}
/*HBKU Icon start end*/



/*slide menu nav-global end here*/

/*slide menu top menu start here */
.slide-menu .nav-login {padding: 0; margin: 0 0 30px 0; float: left; width: 100%; height: auto;}
.slide-menu .nav-login li { float: none; display: block; padding-left: 0; width: 50%; float: left; }
.slide-menu .nav-login li a {display: block; padding: 6px 5px; background: #f2f2f2;text-align: center; margin: 1px; color: #333; font-size: 1rem;}
.slide-menu .nav-login li a:hover{ background-color:#d8d6d6;}
/*slide menu top menu start here */

/*=== slide menu end here ===*/

/*=== Search model popup start here ===*/
/* .mez.header.header-transprent .searchbox{
  display: none;
} */
.modal-search .modal__contact-area {
  position: absolute;
  z-index: 999;
  width: 100%;
  top: 50%;
  margin-top: -80px;
}
.modal-search form {
  padding: 3.5rem 0 1.5rem 1.5rem;
  /* float: right; */
  max-width: 70%;
  margin: 0 auto;
  -webkit-animation: slideFromTop .2s backwards;
  animation: slideFromTop .2s backwards;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.modal-search .searchbox input[type="text"] {
    min-width: 15rem;
    height: 45px;
    margin: 0;
    padding: .45rem 1rem;
    border-radius: 3px 0 0 3px;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(30, 22, 86, .4);
    -webkit-box-shadow: 1px 1px 3px rgba(30, 22, 86, .1) inset;
    box-shadow: 1px 1px 3px rgba(30, 22, 86, .1) inset;
    vertical-align: top;
}
.modal-search .searchbox__btn{
  min-width: 44px;
}
.modal-search .searchbox-submit{
    height: 45px;
    margin: 0;
    padding: .45rem 1rem;
    border-width: 1px;
    border-style: solid;
    border-radius: 0 3px 3px 0;
    border-color: rgba(30, 22, 86, .1);
    background-color:#1e1656;
    color: rgb(255, 255, 255);
    vertical-align: top;
}
.modal-search .searchbox-submit{
  font-size: 21px;
}
.modal-search .modal__close{
    display: inline-block;
    margin: -5px 0 0 20px;
    padding: 0;
    color: #1e1656;
    font-size: 12px;
    line-height: 1.5;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    vertical-align: top;
    position: static;
    border-radius: 0;
    min-width: 44px;

}
.modal-search .modal__close i{
  display: block;
  color:#1e1656;
  font-size: 30px;
}
.modal-search .modal__close:hover, .modal-search .modal__close:focus, .modal-search .modal__close:visited{
  color:#1e1656;
}
.modal-search .modal__mask{
  background-color:rgba(255, 255, 255, .9);
}
@media (min-width:992px) {
  /* .modal-search form {
    padding: 5.5rem 3rem 1.5rem 1.5rem;
  } */
}
@media (max-width:767px) {
  /* .modal-search form {
    padding:1.5rem 0 1.5rem 1.5rem;
  } */
}
@media (max-width:460px) {
  .modal-search .searchbox input[type="text"] {
    min-width: 12rem;
  }
.modal-search form{
  max-width: 100%;
}

}
/*=== Search model popup end here ===*/

/*====== Header css start here =====*/

/*====== main Banner02 css start here ======*/
.mez.slider.slider--home02 .slider__content .slick-slide img{
  min-height: 250px;
}
.mez.slider.slider--home02 .slider--home02__content{
  background-color: #023b95;
  padding-top: 30px;
  padding-bottom: 30px;
}
.mez.slider.slider--home02 .slider__dots li{
  margin-right: 8px;
}
.mez.slider.slider--home02 .slider__dots li button{
  height: 10px;
  width: 10px;
  background-color: #fff;
  border:none;
}
.mez.slider.slider--home02 .slider__dots li.slick-active button{
   background-color: #011f3c;
   padding-bottom: 0;
}
.mez.slider--home02 .slider__dots{
  bottom: 20px;
  right: 20px;
}

@media (min-width:992px) {
  .slider--home02{
    position: relative;
  }
  .mez.slider.slider--home02 .slider__content .slick-slide img{
    opacity: 0;
  }
  .mez.slider.slider--home02 .slider__content .slick-slide {
    background-size: cover;
  }
  .slider--home02 .slider--home02__content{
    position: absolute;
    width: 100%;
    bottom: 60px;
  }
  .mez.slider--home02 .slider__dots{
    bottom: 40px;
    right: 50px;
  }
  .mez.slider.slider--home02 .slider--home02__content{
    background-color:transparent;
  }
}
@media (min-width:993px) and (max-width:1200px){
  .mez.slider.slider--home02 .slider__content .slick-slide {
    padding-top: 80px;
  }
  .slider--home02 .slider--home02__content{
    bottom: 0px;
  }
  .mez.slider--home02 .slider__dots {
    bottom: 20px;
  }
}
/*====== main Banner02 css end here ======*/

/*====== main Banner03 css start here ======*/
.mez.slider.slider--home03 .slider__content .slick-slide > img{
  min-height: 250px;
}
.mez.slider.slider--home03 .slider--home03__content{
  background-color: #023b95;
  padding-top: 30px;
  padding-bottom: 30px;
  position: relative;
  z-index: 4;
}

.mez.slider.slider--home03 .slider__dots li{
  margin-right: 8px;
}
.mez.slider.slider--home03 .slider__dots li button{
  height: 10px;
  width: 10px;
  background-color: #fff;
  border:none;
}
.mez.slider.slider--home03 .slider__dots li.slick-active button{
   background-color: #011f3c;
   padding-bottom: 0;
}
.mez.slider--home03 .slider__dots{
  bottom: 20px;
  left: 20px;
}
@media (max-width:991px) {
  .mez.slider.slider--home03 .sliderrow:before{
    opacity: 0.3;
  }
}
@media (min-width:992px) {
  .slider--home03{
    position: relative;
    background: #1e1656;
  }

  .mez.slider.slider--home03 .slider__content .slick-slide > img{
    opacity: 0;
  }
  .mez.slider.slider--home03 .slider__content .slick-slide {
    background-size: cover;
    position: relative;
  }
  /* .slider--home03 .slider--home03__contentInner{
    position: absolute;
    width: 100%;
    bottom: 60px;
    left: 0;
  } */
  .mez.slider--home03 .slider__dots{
    bottom: 100px;
    left: 50px;
  }
  .mez.slider.slider--home03 .slider--home03__content{
    background-color:transparent;
    position: absolute;
    width: 100%;
    top: 240px;
    left: 0;
  }
  .slider--home03 .slider--home03__contentInner .cl2019s2{
    position: relative;
  }
.slider--home03 .slider--home03__content .sdright-block .videoBorder{
  text-align: center;
}

}
@media (min-width:993px) and (max-width:1200px){
  .mez.slider.slider--home03 .slider__content .slick-slide {
    padding-top: 80px;
  }
  .mez.slider.slider--home03 .slider__content .slick-slide .slick-slide{
    padding-top: 0px;
  }
  .slider--home03 .slider--home03__contentInnerInner{
    bottom: 0px;
  }
  .mez.slider--home03 .slider__dots {
    bottom: 20px;
  }
}

/*====== main Banner03 css end here ======*/

/*====== main Banner video css start here ======*/
.mez.slider.slider--video .slider__content .slick-slide > img{
  min-height: 250px;
}
.mez.slider.slider--video .slider--video__content{
  background-color: #023b95;
  padding-top: 30px;
  padding-bottom: 30px;
}
.mez.slider.slider--video .slider__dots li{
  margin-right: 8px;
}
.mez.slider.slider--video .slider__dots li button{
  height: 10px;
  width: 10px;
  background-color: #fff;
  border:none;
}
.mez.slider.slider--video .slider__dots li.slick-active button{
   background-color: #011f3c;
   padding-bottom: 0;
}
.mez.slider--video .slider__dots{
  bottom: 20px;
  right: 20px;
}

@media (min-width:992px) {
  .slider--video{
    position: relative;
  }
  .mez.slider.slider--video .slider__content .slick-slide > img{
    opacity: 0;
  }
  .mez.slider.slider--video .slider__content .slick-slide {
    background-size: cover;
  }
  .mez.slider--video .slider__dots{
    bottom: 40px;
    right: 50px;
  }
  .mez.slider.slider--video .slider--video__content{
    background-color:transparent;
  }
}
@media (min-width:993px) and (max-width:1200px){
  .mez.slider.slider--video .slider__content .slick-slide {
    padding-top: 80px;
  }
  .mez.slider.slider--video .slider__content .slick-slide .slick-slide{
    padding-top: 0px;
  }
  .slider--video .slider--video__contentInnerInner{
    bottom: 0px;
  }
  .mez.slider--video .slider__dots {
    bottom: 20px;
  }
}
/*====== main Banner video css end here ======*/

/*====== inner Banner css start here ======*/
.collegeLay2019 .mez.spotlight img{
  min-height: 420px;
}
@media (max-width: 992px) {
  .collegeLay2019 .mez.spotlight img {
    height: auto;
  }
}
@media (max-width: 767px) {
  .collegeLay2019 .mez.spotlight img {
    min-height: 280px;
  }
}

.collegeLay2019 .mez.spotlight{
  /* height: 420px; */
  height: 456px;
}
.collegeLay2019 .tab-banner .mez.spotlight{
  height: 602px;
}
.collegeLay2019 .mez.spotlight.spotlight-md{
  height: 520px;
}
@media (max-width: 992px) {
  .collegeLay2019 .mez.spotlight {
    height: 376px;
  }
  .collegeLay2019 .mez.spotlight.spotlight-md{
    height: 450px;
  }
}
@media (max-width: 767px) {
  .collegeLay2019 .mez.spotlight {
    height: auto;
  }
  .collegeLay2019 .mez.spotlight.spotlight-md{
    height: auto;
  }
  .collegeLay2019 .tab-banner .mez.spotlight{
    height: auto;
  }
}


.collegeLay2019 .inner-banner .spotlight__content{
  padding-top: 150px;
  background-color: rgba(0, 0, 0, 0.3);
}
.collegeLay2019 .mez.spotlight:after{
  display: none;
}
.collegeLay2019 .mez.spotlight .spotlight__title{
  max-width: 75%;
  padding: 0;
}
.collegeLay2019 .mez.spotlight .spotlight__title.half{
  max-width: 60%;
}
.collegeLay2019 .mez.spotlight .spotlight__title.one_third{
  max-width: 75%;
}
.collegeLay2019 .mez.spotlight .spotlight__title.center{
    margin-right: auto;
    margin-left: auto;
}
.collegeLay2019 .mez.spotlight .spotlight__title.full{
  max-width: 100%;
}
.collegeLay2019 .mez.spotlight h1 {
  font-size: 2.1333333333rem;
  color: #fff;
  padding-bottom: 20px;
  margin: 0;
  text-transform: uppercase;
  padding: 0 0 20px;
  max-width: 100%;
}
.collegeLay2019 .mez.spotlight h1.big{
  font-size: 3.1333333333rem;
  line-height: 1.4;
  /* font-family:'robotomedium'; */
  font-family: 'robotobold';
}
.collegeLay2019 .mez.spotlight h1.small{
  font-size: 2.0rem;
  line-height: 1.4;
  font-family: 'robotomedium';
  text-transform: unset;
}
.collegeLay2019 .mez.spotlight .l-breadcrumb{
  padding-top: 60px;
}
@media (max-width: 767px){
  .collegeLay2019 .mez.spotlight h1 {
    font-size: 1.4666666667rem;
  }
   .collegeLay2019 .mez.spotlight h1.big{
      font-size: 1.4666666667rem;
      line-height: 1.2;
    }
  .collegeLay2019 .mez.spotlight h1.small{
  font-size: 2.0rem;
  line-height: 1.4;
  font-family: 'robotomedium';
}
.collegeLay2019 .mez.spotlight .l-breadcrumb{
  padding-top: 80px;
}
  .collegeLay2019 .mez.spotlight h1 {
    padding-top:20px;
  }
  .collegeLay2019 .mez.spotlight .spotlight__content {
    background: #0d56b4;
    height: auto;
    padding-top: 0;
}
}
@media (max-width: 992px){
  .collegeLay2019 .mez.spotlight .spotlight__title,
  .collegeLay2019 .mez.spotlight .spotlight__title.half {
    max-width: 100%;
  }

  .collegeLay2019 .mez.spotlight .l-breadcrumb{
    padding-top: 40px;
  }
  .collegeLay2019 .mez.spotlight h1.big{
    font-size: 2.4666666667rem;
    line-height: 1.2;
  }
   .collegeLay2019 .mez.spotlight h1.small{
    font-size: 1.4666666667rem;
  }
}

section.spotlight_thinner{
  margin-bottom: 0;
}

@media (min-width: 768px){
  .collegeLay2019 .spotlight_thinner .mez.spotlight .l-breadcrumb {
  padding-top: 30px;
}
.collegeLay2019 .spotlight_thinner .mez.spotlight{
  height: 320px;
}
.spotlight_thinner + .s-wrap.s-wrap{
  padding: 20px 0;
}
}
/*=== Center Inner Banner css start here ===*/
.collegeLay2019 .centerMode .mez.spotlight .l-breadcrumb{
  padding-top: 50px;
}
.collegeLay2019 .centerMode .mez.spotlight .spotlight__title{
  text-align: center;
}
.collegeLay2019 .centerMode .mez.spotlight:before{
  background:none;
}
.collegeLay2019 .centerMode .mez.spotlight h1{
  font-size: 36px;
  line-height: 1.3;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;

}
.collegeLay2019 .centerMode .mez.spotlight p{
  font-size: 18px;
  line-height: 1.3;
 text-shadow: 1px 1px #333;
}
@media (max-width: 767px){
   .collegeLay2019 .centerMode .mez.spotlight h1 {
    font-size: 1.8666666667rem;
  }
  .collegeLay2019 .centerMode .mez.spotlight p{
    font-size: 1.2666666667rem;
    line-height: 1.3;
}
}

.collegeLay2019 .centerMode.inner-banner .spotlight__content{
  padding-top: 190px;
}
.collegeLay2019 .centerMode .mez.spotlight{
  height: 500px;
}

@media (max-width: 992px) {
  .collegeLay2019 .centerMode .mez.spotlight {
    /* height: 376px; */
  }
}
@media (max-width: 767px) {
  .collegeLay2019 .centerMode .mez.spotlight {
    height: auto;
  }
  .collegeLay2019 .centerMode.inner-banner .spotlight__content{
    padding-top: 0;
  }
  .collegeLay2019 .centerMode .tab-banner .mez.spotlight{
    height: auto;
  }
}

/*=== Center inner Banner css end here ===*/


/*====== inner Banner css end here ======*/
/*====== tab Banner css start here ======*/
section.tab-banner{
  margin-bottom:0px;
}
.tab-banner .mez.spotlight:before{
  display: none;
}

.tab-banner .mez.spotlight .spotlight__title{
  max-width: 100%;
}
.tab-banner .spotlight .spotlight__title h1{
  text-align: center;
  font-size: 3rem;
  margin: 0;
  padding: 50px 0;
  max-width: 100%;
  color: #1e1656;
}
.sportlight__tabs .stabs{
    width:80%;
    height:auto;
    margin:0 auto;
}
.sportlight__tabs .stabs .stabs-list{
    list-style:none;
    margin:0px;
    padding:0px;
}
.sportlight__tabs .stabs .stabs-list li{
  float:left;
  margin:0px;
  padding:18px 35px;
  text-align: center;
  background-color:#e9f7fe;
  color: #1f1957;
}
.sportlight__tabs .stabs .stabs-list li:hover{
    cursor:pointer;
}
.sportlight__tabs .stabs .stabs-list li a{
  text-decoration: none;
  color:#1f1957;
  font-size: 16px;
}
.sportlight__tabs .stabs .stab{
  display:none;
  width:100%;
  height:auto;
  padding:35px;
  background-color:#1f1957;
  clear:both;
  color: #fff;
}
.sportlight__tabs .stabs .stab a,
.sportlight__tabs .stabs .stab p{
  color: #fff;
}
.sportlight__tabs .stabs .stab h6{
    font-weight:normal;
  margin-bottom: 20px;
  font-size: 1.1rem;
  font-family: "robotoregular";
}
.sportlight__tabs .stabs .stab p{
  line-height:20px;
  letter-spacing: 1px;
}
.sportlight__tabs .stabs .active{
  display:block !important;
}
.sportlight__tabs .stabs .stabs-list li.active{
  background-color:#1f1957;
  color:#fff;
}
.sportlight__tabs .stabs .stabs-list li.active a{
  color:#fff;
}

@media screen and (max-width:360px){
  .sportlight__tabs .stabs{
      margin:0;
      width:96%;
  }
  .sportlight__tabs .stabs .stabs-list li{
      width:80px;
  }
}
.sportlight__tabs .email-sub__container .email-sub__form{
  max-width: 100%;
}
.sportlight__tabs .email-sub__container .email-sub__form .l-btn{
  min-width: 100px;
}
.sportlight__tabs .email-sub__container .email-sub__form form > div{
  width:100%;
}
.sportlight__tabs .searchlink{
  margin-top: 20px;
}
.sportlight__tabs .searchlink a:hover{
  text-decoration: underline;
}
@media (min-width: 767px){
  .tab-banner .mez.spotlight .spotlight__content{
    background-color: transparent;
  }
}
@media screen and (max-width:767px){
  .sportlight__tabs{
    margin-bottom: 30px;
  }
  .sportlight__tabs .stabs .stabs-list li{
    float: none;
    display: block;
    border: 1px solid #d0e4ef;
    width: 100%;
  }
  .sportlight__tabs .stabs{
    width: 100%;
  }
  .tab-banner .spotlight .spotlight__title h1{
    font-size: 2rem;
    padding: 20px 0;
  }
  .sportlight__tabs .stabs .stabs-list li,
  .sportlight__tabs .stabs .stab{
    padding-left: 20px;
    padding-right: 20px;
  }
}
/*====== tab Banner css end here ======*/


/*====== banner css start here ======*/
.section-dynamic.section-dynamic {
  background-size: cover;
  background-repeat: no-repeat;
}
.l-wrap.l-wrap.section-dynamic {
  padding: 200px 0 40px;
}
.section-dynamic .sd-info--title {
  font-family: robotobold;
  font-size: 2.5rem;
}
.section-dynamic .sd-buttons {
  margin-bottom: 30px;
}
.section-dynamic .sd-buttons a {
  font-size: 1.2rem;
  font-family: robotomedium;
  margin-bottom: 15px;
}
.section-dynamic .sd-buttons a:last-child {
  margin-bottom: 0;
}
.section-dynamic .sd-buttons .l-btn-simple {
  color: #fff;
  text-decoration: underline;
  position: relative;
  padding: 10px 20px;
  margin-left: 20px;
  display: block;
}
.section-dynamic .sd-buttons .l-btn-simple:before {
  content: "";
  position: absolute;
  left: -20px;
  top: 50%;
  margin-top: -10px;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-left: 20px solid #066cc1;
}

.section-dynamic .right-block {
  height: 100%;
}
@media (min-width: 768px) {
  .l-wrap.l-wrap.section-dynamic {
    padding: 200px 0 60px;
  }
  .section-dynamic .sd-buttons .l-btn-simple {
    display: inline-block;
    margin-left: 46px;
  }
}
@media (min-width: 992px) {
  .l-wrap.l-wrap.section-dynamic {
    padding: 200px 0 120px;
  }
  .section-dynamic .sd-buttons .l-btn-simple {
    margin-left: 20px;
  }
}
@media (min-width: 1200px) {

  .section-dynamic .sd-buttons a {
    float: left;
    font-size: 1.1rem;
  }
  .section-dynamic .sd-buttons .l-btn-simple {
    margin-left: 40px;
  }
}
@media (min-width: 1400px) {
  .section-dynamic .sd-info--title {
    font-size: 3.5rem;
  }
  .l-wrap.l-wrap.section-dynamic {
    padding-top: 240px;
  }
}
@media (min-width: 1700px) {
  .section-dynamic .sd-buttons a {
    font-size: 1.2rem;
  }
  .section-dynamic .sd-buttons .l-btn-simple {
    margin-left: 46px;
  }
}

/*=== cl2019 social media css start here ===*/
.cl2019social-media {
  white-space: nowrap;
}
.cl2019social-media ul {
  position: absolute;
  bottom: 0;
  height: auto;
  width: 20px;
  margin: auto;
  -webkit-transform-origin: 0 50%;
  -moz-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%;
  -webkit-transform: rotate(-90deg) translate(-50%, 50%);
  -moz-transform: rotate(-90deg) translate(-50%, 50%);
  -ms-transform: rotate(-90deg) translate(-50%, 50%);
  left: -10%;
}

.cl2019social-media ul li {
  display: inline;
  padding: 0 30px;
  font-size: 13px;
}
.cl2019social-media ul li a {
  color: #c5e9ff;
}
.cl2019social-media ul li a:hover {
  text-decoration: underline;
}
.cl2019social-media ul li:first-child {
  padding-left: 0;
}

.cl2019social-media ul li:last-child {
  padding-right: 0;
}
@media (max-width: 991px) {
  .cl2019social-media {
    display: none;
  }
}
@media (min-width: 992px) and (max-width: 1040px) {
  .cl2019social-media ul {
    left: -9%;
  }
}
@media (min-width: 1200px) and (max-width: 1240px) {
  .cl2019social-media ul {
    left: -9%;
  }
}
@media (min-width: 1700px) {
  .cl2019social-media ul {
    left: -17%;
  }
}
/*=== cl2019 social media css end here ===*/

/*=== cl2019 social media bottom with Icon css start here ===*/
.socialmedia-right .videoBorder{
  text-align: right;
}
.socialmedia-right .cl2019social-media-bottom ul {
  text-align: right;
}
.cl2019social-media-bottom {
  white-space: nowrap;
  margin-top: 3rem;
  display: none;

}
.cl2019social-media-bottom ul {
  height: auto;
  margin: auto;
}

.cl2019social-media-bottom ul li {
  display: inline-block;
  padding: 0 30px;
  font-size: 13px;
}
.cl2019social-media-bottom ul li a,
.cl2019social-media-bottom ul li i {
  color: #fff;
  font-size: 1rem;
}
.cl2019social-media-bottom ul li i{
  margin-right: 5px;
}
.cl2019social-media-bottom ul li a:hover {
  text-decoration: underline;
}
.cl2019social-media-bottom ul li:first-child {
  padding-left: 0;
}

.cl2019social-media-bottom ul li:last-child {
  padding-right: 0;
}
@media (max-width: 767px) {
  .cl2019social-media-bottom ul {
    text-align: center;
  }
  .cl2019social-media-bottom ul li{
        padding: 0 15px;
  }
}
/* @media (min-width: 992px) and (max-width: 1040px) {
  .cl2019social-media ul {
    left: -9%;
  }
}
@media (min-width: 1200px) and (max-width: 1240px) {
  .cl2019social-media ul {
    left: -9%;
  }
}
@media (min-width: 1700px) {
  .cl2019social-media ul {
    left: -17%;
  }
} */
/*=== cl2019 social media bottom with Icon css end here ===*/

/*=== side pipe card css start here ===*/
.side-pipeCard{
  position: absolute;
  top:-40px;
  height: auto;
  margin: auto;
  -webkit-transform-origin: 0 50%;
  -moz-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%;
  -webkit-transform: translate(-50%, 50%);
  -moz-transform: translate(-50%, 50%);
  -ms-transform: translate(-50%, 50%);
  left: -10%;
  pointer-events: none;
}
.side-pipeCard .pipeCard-img{
  float: left;
  position: relative;
}
.side-pipeCard .pipeCard-text{
  float: left;
  color: #fff;
  font-size: 1.5rem;
  line-height: 20px;
  padding-left: 20px;
  text-transform: uppercase;
}

.dotbadge {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    padding: 0;
    position: relative;
    background: #fff;
    display: inline-block;
    position: absolute;
    top: 3px;
    left: 3px;
}

.dotpulse {
    animation: dotpulse 2s infinite;
  }

@-webkit-keyframes dotpulse {
    0% {
      box-shadow: 0 0 0 0 rgba(0,172,240, 0.8);
    }
    70% {
      box-shadow: 0 0 0 20px rgba(0,172,240, 0);
    }
    100% {
      box-shadow: 0 0 0 0 rgba(0,172,240, 0);
    }
  }
  @keyframes dotpulse {
    0% {
      box-shadow: 0 0 0 0 rgba(0,172,240, 0.8);
    }
    70% {
      box-shadow: 0 0 0 20px rgba(0,172,240, 0);
    }
    100% {
      box-shadow: 0 0 0 0 rgba(0,172,240, 0);
    }
}
.bouncebox{
  animation: bouncebox 1s infinite alternate;
  -webkit-animation: bouncebox 1s infinite alternate;
}
@keyframes bouncebox {
  from {
    transform: translateY(0px);
  }
  to {
    transform: translateY(-15px);
  }
}
@-webkit-keyframes bouncebox {
  from {
    transform: translateY(0px);
  }
  to {
    transform: translateY(-15px);
  }
}
@media (max-width: 992px) {
  .side-pipeCard.hide-sm{
    display: none;
  }
}
@media (max-width: 768px) {
  .side-pipeCard.hide-xs{
    display: none;
  }
}

/*=== side pipe card css end here ===*/

/*=== cl2019 scroll css start here ===*/
.scroll {
  position: absolute;
  right: -12%;
  top: -43px;
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  -webkit-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
}
.scroll .scroll-inner {
}
.scroll span {
  display: inline-block;
}
.scroll .s-icon {
}
.scroll .s-icon img {
  display:inline-block;
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
}
.scroll .s-line {
  position: relative;
  width: 120px;
}
.scroll .s-line:before {
  content: "";
  position: absolute;
  top: -5px;
  left: 16px;
  width: 100px;
  height: 1px;
  background-color: #fff;
}
.scroll .s-text {
  color: #fff;
  font-family: "robotoregular";
  text-transform: capitalize;
}

@media (max-width: 1260px) {
  .scroll {
    display: none;
  }
}
@media (min-width: 1260px) and (max-width: 1290px) {
  .scroll {
    right: -10%;
  }
}
@media (min-width: 1440px) and (max-width: 1500px) {
  .scroll {
    right: -8%;
  }
}
@media (min-width: 1700px) and (max-width: 1760px) {
  .scroll {
    right: -9%;
  }
}
@media (min-width: 1761px) {
  .scroll {
    right: -12%;
  }
}

/*=== cl2019 scroll css end here ===*/
/*====== banner css end here ======*/

/*====== banner bottom css start here ======*/
.section-dynamic-bottom {
  position: relative;
  margin-bottom: 0;
}

.dynamic-bottom {
  background-color: #1e1656;
  padding: 30px;
  position: absolute;
  width: 100%;
  z-index: 9;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.section-dynamic-bottom.section-dynamic-bottom + section > div {
  padding-top: 100px;
}

@media (max-width: 991px) {
  .section-dynamic-bottom.section-dynamic-bottom + section > div {
    padding-top: 0;
  }
  .section-dynamic-bottom {
    background-color: #1e1656;
  }
  .dynamic-bottom {
    position: relative;
    transform: none;
    margin: 0;
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 1200px) {
  .section-dynamic-bottom.section-dynamic-bottom + section > div {
    padding-top: 60px;
  }
}

/*====== banner bottom css end here ======*/
/*====== cl2019 search layout css start here ======*/
.clsearch__title{
  margin-bottom: 30px;
}
.section-cl2019search .search--title{
  font-family: "robotomedium";
}
.section-cl2019search .l-select-custm {
    background-color: #ffffff;
    min-width: 150px;
    text-align: left;
    border: none;
    border-right: none;
    margin-bottom: 10px;
}
.section-cl2019search .search_place{
 margin-bottom: 10px;
}

.section-cl2019search .l-styled{
  border:none;
}
.section-cl2019search .search-button{
  display: block;
  padding-top: 10px;
  padding-bottom: 10px;
  width:100%
}
@media (min-width: 768px){
  .section-cl2019search .search-section {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
  }
  .section-cl2019search .search_place, .section-cl2019search .l-select-custm{
    margin-bottom: 0;
  }
  .section-cl2019search .search-button{
    padding-top: 10px;
    padding-bottom: 10px;
    min-width: 100px;
    width:auto;
  }
}
@media (min-width: 992px){
  .clsearch__title{
    margin-bottom: 0;
  }
}
@media (min-width: 1200px){
  .section-cl2019search .search-button {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .section-cl2019search .l-select .l-select__holder{
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
@media (min-width: 1440px){
  .section-cl2019search .l-select-custm{
    min-width: 180px;
    margin-right: 20px;
    border: 1px solid #066cc1;
  }
  .section-cl2019search .search-button{
    min-width: 150px;
  }
}
/*====== cl2019 search layout css end here ======*/


/*====== slider css start here ======*/

/*=== cl19smSlide start here ===*/
.db-leftside {
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #78739a;
}
.cl19smSlide-list .cl19smSlide--image {
  float: left;
}
.cl19smSlide-list .cl19smSlide__detail {
  float: left;
  width: calc(100% - 120px);
  padding-left: 20px;
}
.cl19smSlide-list .cl19smSlide__detail a, .cl19smSlide-list .cl19smSlide__detail a:active,
.cl19smSlide-list .cl19smSlide__detail a:hover, .cl19smSlide-list .cl19smSlide__detail a:visited{
  color:#fff;
}
.cl19smSlide-list .cl19smSlide__detail h4 {
  font-size: 1.4rem;
  font-family: robotoregular;
}
.cl19smSlide-list .cl19smSlide__detail h4 strong {
  font-weight: normal;
  font-family: robotomedium;
}
.cl19smSlide .slick-slider .slick-arrow {
  font-size: 0;
  background: transparent;
  border: none;
  width: 50px;
  height: 30px;
}
.cl19smSlide .slick-slider .slick-arrow:after {
  display: none;
}
.cl19smSlide .slick-slider .slick-arrow.slick-prev {
  right: 50px;
  left: auto;
  border-left: 1px solid #ccc;
  border-radius: 0;
  padding: 0;
  margin: 0;
  top: 2%;
  text-align: right;
}
.cl19smSlide .slick-slider .slick-arrow.slick-next {
  padding: 0;
  margin: 0;
  top: 2%;
  text-align: right;
}
.cl19smSlide .slick-slider .slick-arrow:before {
  background: none;
  content: "\f054";
  display: inline-block;
  font: normal normal normal 21px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
.cl19smSlide .slick-slider .slick-arrow:hover:before {
  color: #27a6de;
}
.cl19smSlide .hbku-tag {
  margin-bottom: 4px;
}
.cl19smSlide .hbku-tag .tag {
  border: 1px solid #39aaf0;
  background-color: transparent;
  color: #39aaf0;
  padding: 0px 8px 2px;
}
@media (max-width: 568px) {
  .cl19smSlide-list .cl19smSlide--image {
    display: none;
  }
  .cl19smSlide-list .cl19smSlide__detail {
    padding-left: 0;
    width: 100%;
  }
}

@media (min-width: 992px) {
  .db-leftside {
    border-right: 1px solid #78739a;
    padding-right: 30px;
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
  }
}
/*=== cl19smSlide end here ===*/

/*=== cl19social-mediaSlide start here ===*/
.cl19social-mediaSlide-list--item .row-eq-height {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.cl19social-mediaSlide-list .cl19social-mediaSlide--image {
  float: left;
}
.cl19social-mediaSlide-list .cl19social-mediaSlide--image i {
  font-size: 51px;
  color: #39aaf0;
  position: relative;
  /* top: 50%;
  margin-top: -25px; */
  padding-left: 5px;
}

@media all and (-ms-high-contrast: none) {
  .cl19social-mediaSlide-list .cl19social-mediaSlide--image i {
    margin-top: 0;
  }
  *::-ms-backdrop,
  .cl19social-mediaSlide-list .cl19social-mediaSlide--image i {
    margin-top: 0;
  }
}

.cl19social-mediaSlide-list .cl19SmediaSlide__detail {
  float: left;
  width: calc(100% - 55px);
  padding-left: 30px;
}
.cl19social-mediaSlide-list .cl19SmediaSlide__detail h4 {
  font-size: 1.4rem;
  font-family: robotoregular;
}

.cl19social-mediaSlide-list .cl19SmediaSlide__detail h4 strong {
  font-weight: normal;
  font-family: robotomedium;
}
.cl19social-mediaSlide .slick-slider .slick-arrow {
  font-size: 0;
  background: transparent;
  border: none;
  width: 50px;
  height: 30px;
}
.cl19social-mediaSlide .slick-slider .slick-arrow:after {
  display: none;
}
.cl19social-mediaSlide .slick-slider .slick-arrow.slick-prev {
  right: 50px;
  left: initial;
  border-left: 1px solid #ccc;
  border-radius: 0;
  padding: 0;
  margin: 0;
  text-align: right;
}
.cl19social-mediaSlide .slick-slider .slick-arrow.slick-next {
  padding: 0;
  margin: 0;
  text-align: right;
}
.cl19social-mediaSlide .slick-slider .slick-arrow:before {
  background: none;
  content: "\f054";
  display: inline-block;
  font: normal normal normal 21px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
.cl19social-mediaSlide .slick-slider .slick-arrow:hover:before {
  color: #27a6de;
}
@media (max-width: 568px) {
  .cl19social-mediaSlide-list .cl19social-mediaSlide--image {
    float: none;
  }
  .cl19social-mediaSlide-list .cl19social-mediaSlide--image i {
    font-size: 21px;
    top: 0;
    margin-top: 0;
  }
  .cl19social-mediaSlide-list .cl19SmediaSlide__detail {
    padding-left: 0;
    width: 100%;
  }
}

@media (min-width: 992px) {
  .db-rightside {
    padding-left: 30px;
  }
}
/*=== cl19social-mediaSlide end here ===*/

/*=== videoUPbanner css start here ===*/
.videoUPbanner.videoUPbanner {
  padding: 50px 0;
  position: relative;
  z-index: 9;
}
.videoUPbanner video {
  width: 100%;
}

@media (min-width: 992px) {
  .videoUPbanner video {
    max-width: 500px;
  }
}
@media (min-width: 992px) {
  .videoUPbanner video {
    margin-top: -170px;
    z-index: 999;
    position: relative;
    float: right;
  }
  .videoUPbanner.videoUPbanner {
    padding: 0;
  }
}
/*border*/
.videoBorder video{
    display: inline-block;
    border: 5px solid #066cc1
}
.videoBorder .img-border, .videoBorder img{
    display: inline-block;
    border: 5px solid #066cc1
}
.videoBorder img.no-border{
  border: none;
}
/*=== videoUPbanner css end here ===*/

/*=== cl2019s1 css start here ===*/
.cl2019s1 .cl2019s1__slider .slider__dots {
  right: -10.5%;
  bottom: 20px;
  counter-reset: my-awesome-counter;
  width: 25px;
  position: absolute;
}
.cl2019s1 .cl2019s1__slider .slider__dots li button {
  visibility: hidden;
  opacity: 0;
}
.cl2019s1 .cl2019s1__slider .slider__dots li {
  counter-increment: my-awesome-counter;
  font-size: 24px;
  color: #fff;
  font-family: "robotobold";
  width: 20px;
  transition: transform 0.2s;
  position: relative;
}
.cl2019s1 .cl2019s1__slider .slider__dots li:before {
  content: "0" counter(my-awesome-counter);
  position: absolute;
  padding: 2px;
}
.cl2019s1 .cl2019s1__slider .slider__dots li.slick-active {
  transform: scale(1.3);
  -webkit-transform: scale(1.3);
  -moz-transform: scale(1.3);
  -o-transform: scale(1.3);
  -ms-transform: scale(1.3);
  transition: transform 0.2s;
}
.cl2019s1 .cl2019s1_list {
}
.cl2019s1 .cl2019s1_list {
  width: 100%;
  float: left;
  position: relative;
  overflow: hidden;
  margin-bottom: 15px;
  background-color: #fff;
  margin-right: 10px;
  margin-left: 10px;
  box-shadow: 0px 0 5px #808080;
}
.cl2019s1 .slick-track {
  display: flex !important;
}
.cl2019s1 .cl2019s1__one .slick-track {
  margin: 0 auto;
}
.cl2019s1 .slick-track .cl2019s1_list {
  height: inherit !important;
}
.cl2019s1 .cl2019s1__list__info {
  padding: 25px;
}
.cl2019s1 .cl2019s1__list__info .item--title {
  font-family: "robotomedium";
  color: #1e1656;
  margin-bottom: 20px;
}
.cl2019s1 .cl2019s1__list__info p {
  padding-bottom: 0;
  margin-bottom: 0;
}
.cl2019s1 .cl2019s1__list--readmore {
  font-family: "robotomedium";
}

.cl2019s1 .slick-slider .slick-arrow {
  font-size: 0;
  background: transparent;
  border: none;
  width: 50px;
  height: 30px;
}
.cl2019s1 .slick-slider .slick-arrow:after {
  display: none;
}
.cl2019s1 .slick-slider .slick-arrow.slick-prev {
  left: -40px;
  border-radius: 0;
  padding: 0;
  margin: 0;
  text-align: right;
}
.cl2019s1 .slick-slider .slick-arrow.slick-next {
  padding: 0;
  margin: 0;
  text-align: right;
  right: -40px;
}
.cl2019s1 .slick-slider .slick-arrow:before {
  background: none;
  content: "\f054";
  display: inline-block;
  font: normal normal normal 30px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  color: #fff;
}
.cl2019s1 .slick-slider .slick-arrow:hover:before {
  color: #27a6de;
}
@media (max-width: 767px) {
  .cl2019s1 .cl2019s1__slider .slider__dots {
    display: block;
    position: relative;
    right: inherit;
    text-align: center;
    margin: 0 auto;
    width: 100%;
    bottom: 0;
  }
  .cl2019s1 .cl2019s1__slider .slider__dots li {
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    width: initial;
    max-width: 60px;
  }
}
/*=== cl2019s1 css end here ===*/

/*=== cl2019s2 css start here ===*/

.cl2019s2 .cl2019s2__slider .slider__dots {
  right: -10.5%;
  bottom: 20px;
  counter-reset: my-awesome-counter;
  width: 25px;
  position: absolute;
}
.cl2019s2 .cl2019s2__slider .slider__dots li button {
  visibility: hidden;
  opacity: 0;
}
.cl2019s2 .cl2019s2__slider .slider__dots li {
  counter-increment: my-awesome-counter;
  font-size: 24px;
  color: #fff;
  font-family: "robotobold";
  width: 20px;
  transition: transform 0.2s;
  position: relative;
}
.cl2019s2 .cl2019s2__slider .slider__dots li:before {
  content: "0" counter(my-awesome-counter);
  position: absolute;
  padding: 2px;
}
.cl2019s2 .cl2019s2__slider .slider__dots li.slick-active {
  -moz-transform: scale(1.3);
  -ms-transform: scale(1.3);
  -o-transform: scale(1.3);
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
  transition: transform 0.2s;
}
.cl2019s2 .cl2019s2_list {
  float: left;
  position: relative;
  overflow: hidden;
  margin-bottom: 15px;
  margin-right: 5px;
  margin-left: 5px;
  padding: 10px;
}
.cl2019s2 .slick-track {
  display: flex !important;
}

.cl2019s2 .slick-track .cl2019s2_list {
  height: inherit !important;
}
.cl2019s2 .cl2019s2_list .cl2019s2__list--image img {
  width: 100%;
}
.cl2019s2 .cl2019s2_list .cl2019s2__list--image {
  transition: all 300ms ease;
  box-shadow: 0px 0 3px #97afd5;
}
.cl2019s2 .cl2019s2_list.slick-current .cl2019s2__list--image {
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  transition: all 300ms ease;
}
.cl2019s2 .slick-slider .slick-arrow {
  font-size: 0;
  background: transparent;
  border: none;
  width: 42px;
  height: 48px;
  background-color: #fff;
  border-radius: 0;
  -webkit-transition: 2s;
  transition: 2s;
}
.cl2019s2 .slick-slider .slick-arrow:after {
  display: none;
}
.cl2019s2 .slick-slider .slick-arrow.slick-prev {
  left: -125px;
  padding: 0;
  margin: 0;
  text-align: right;
}
.cl2019s2 .slick-slider .slick-arrow.slick-next {
  padding: 0;
  margin: 0;
  text-align: right;
  left: -70px;
}
.cl2019s2 .slick-slider .slick-arrow:before {
  background: none;
  content: "\f054";
  display: inline-block;
  font: normal normal normal 21px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  color: #1e1656;
  -webkit-transition: 1s;
  transition: 1s;
}
.cl2019s2 .slick-slider .slick-arrow:hover {
  background-color: #1e1656;
  -webkit-transition: 1s;
  transition: 1s;
}
.cl2019s2 .slick-slider .slick-arrow:hover:before {
  color: #fff;
  -webkit-transition: 1s;
  transition: 1s;
}
@media (max-width: 767px) {
  .cl2019s2 .cl2019s2__slider .slider__dots {
    display: block;
    position: relative;
    right: inherit;
    text-align: center;
    margin: 0 auto;
    width: 100%;
    bottom: 0;
  }
  .cl2019s2 .cl2019s2__slider .slider__dots li {
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    width: initial;
    max-width: 60px;
  }
}
@media (max-width: 567px) {
  .cl2019s2 {
    max-width: 300px;
    margin: 0 auto;
  }
}
@media (min-width: 568px) {
  .cl2019s2 {
    max-width: 500px;
    margin: 0 auto;
  }
}
@media (min-width: 993px) {
  .cl2019s2 {
    position: absolute;
    right: 0;
    bottom: 0;
  }
}
/*=== cl2019s2 css end here ===*/

/*=== cl2019s3 css start here ===*/

.cl2019s3 .cl2019s3_list {
  width: 100%;
  float: left;
  position: relative;
  overflow: hidden;
  margin-bottom: 15px;
  background-color: #fff;
  margin-right: 5px;
  margin-left: 5px;
  box-shadow: 0px 0 5px #808080;
}
.cl2019s3 .cl2019list1__list--image {
  position: relative;
}
.cl2019s3 .hbku-live-tag, .hbku-live-tag {
  position: absolute;
  z-index: 9;
  top: 20px;
  right: 20px;
}
.cl2019s3 .hbku-live-tag .tag, .hbku-live-tag .tag {
  padding: 3px 15px 6px;
  background-color: #ff0000;
  display: inline-block;
  color: #fff;
  line-height: 1;
}
.cl2019s3 .slick-track {
  display: flex !important;
}
.cl2019s3 .cl2019s3__one .slick-track {
  margin: 0 auto;
}
.cl2019s3 .slick-track .cl2019s3_list {
  height: inherit !important;
}
.cl2019s3 .cl2019s3__list__info {
  padding: 25px;
}
.cl2019s3 .cl2019s3__list__info .item--title {
  font-family: "robotobold";
  color: #1e1656;
  margin-bottom: 20px;
}
.cl2019s3 .cl2019s3__list__info .item--sub-title {
  font-family: "robotomedium";
  color: #066cc1;
  margin-bottom: 20px;
}

.cl2019s3 .cl2019s3__list__info p {
  padding-bottom: 0;
  margin-bottom: 0;
}
.cl2019s3 .cl2019s3__list--readmore {
  font-family: "robotobold";
}

.cl2019s3 .cl2019s3__slider .slider__dots {
  right: -10.5%;
  bottom: 20px;
  counter-reset: my-awesome-counter;
  width: 25px;
  position: absolute;
}
.cl2019s3 .cl2019s3__slider .slider__dots li button {
  visibility: hidden;
  opacity: 0;
}
.cl2019s3 .cl2019s3__slider .slider__dots li {
  counter-increment: my-awesome-counter;
  font-size: 24px;
  color: #fff;
  font-family: "robotobold";
  width: 20px;
  transition: transform 0.2s;
  position: relative;
}
.cl2019s3 .cl2019s3__slider .slider__dots li:before {
  content: "0" counter(my-awesome-counter);
  position: absolute;
  padding: 2px;
}
.cl2019s3 .cl2019s3__slider .slider__dots li.slick-active {
  -moz-transform: scale(1.3);
  -ms-transform: scale(1.3);
  -o-transform: scale(1.3);
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
  transition: transform 0.2s;
}
.cl2019s3 .slick-slider .slick-arrow {
  font-size: 0;
  background: transparent;
  border: none;
  width: 50px;
  height: 30px;
}
.cl2019s3 .slick-slider .slick-arrow:after {
  display: none;
}
.cl2019s3 .slick-slider .slick-arrow.slick-prev {
  left: -40px;
  border-radius: 0;
  padding: 0;
  margin: 0;
  text-align: right;
}
.cl2019s3 .slick-slider .slick-arrow.slick-next {
  padding: 0;
  margin: 0;
  text-align: right;
  right: -40px;
}
.cl2019s3 .slick-slider .slick-arrow:before {
  background: none;
  content: "\f054";
  display: inline-block;
  font: normal normal normal 30px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  color: #fff;
}
.cl2019s3 .slick-slider .slick-arrow:hover:before {
  color: #27a6de;
}
@media (max-width: 767px) {
  .cl2019s3 .cl2019s3__slider .slider__dots {
    display: block;
    position: relative;
    right: inherit;
    text-align: center;
    margin: 0 auto;
    width: 100%;
    bottom: 0;
  }
  .cl2019s3 .cl2019s3__slider .slider__dots li {
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    width: initial;
  }
}
/*=== cl2019s3 css end here ===*/

/*=== cl2019s4 css start here ===*/

.cl2019s4 .slick-list[style]{
  padding:0 80px 0 0 !important;
}
.cl2019s4 .cl2019s4_list {
  width: 100%;
  float: left;
  position: relative;
  overflow: hidden;
  margin-bottom: 15px;
  background-color: #fff;
  margin-right: 5px;
  margin-left: 5px;
  box-shadow: 0px 0 5px #808080;
}
.cl2019s4 .cl2019list4__list--image {
  position: relative;
}
.cl2019s4 .hbku-tag{
  position: absolute;
  z-index: 9;
  top: 20px;
  right: 20px;
}
.cl2019s4 .hbku-tag .tag{
  padding: 3px 15px 6px;
  display: inline-block;
  color: #fff;
  line-height: 1;
}
.cl2019s4 .slick-track {
  display: flex !important;
}
.cl2019s4 .cl2019s4__one .slick-track {
  margin: 0 auto;
}
.cl2019s4 .slick-track .cl2019s4_list {
  height: inherit !important;
}
.cl2019s4 .cl2019s4__list__info {
  padding: 25px;
}
.cl2019s4 .cl2019s4__list__info .item--title {
  font-family: "robotobold";
  color: #1e1656;
  margin-bottom: 20px;
}
.cl2019s4 .cl2019s4__list__info .item--sub-title {
  font-family: "robotomedium";
  color: #066cc1;
  margin-bottom: 20px;
  font-size: 1.3rem;
}

.cl2019s4 .cl2019s4__list__info p {
  padding-bottom: 0;
  margin-bottom: 0;
}
.cl2019s4 .cl2019s4__list--readmore {
  font-family: "robotobold";
}

.cl2019s4 .cl2019s4__slider .slider__dots {
  width: 100%;
    text-align: center;
}
.cl2019s4 .cl2019s4__slider .slider__dots li {
  color: #fff;
  width: 20px;
  transition: transform 0.2s;
  position: relative;
  display: inline-block;
}
.cl2019s4 .cl2019s4__slider .slider__dots li button{
  border: none;
  background: #066cc1;
  border-radius: 0;
  width: 10px;
  height: 10px;
}
.cl2019s4 .cl2019s4__slider .slider__dots li.slick-active button{
  background: #fff;
}

.cl2019s4 .slick-slider .slick-arrow {
  font-size: 0;
  background: transparent;
  border: none;
  width: 50px;
  height: 30px;
  top: auto;
  bottom: 30px;
}
.cl2019s4 .slick-slider .slick-arrow:after {
  display: none;
}
.cl2019s4 .slick-slider .slick-arrow.slick-prev {
  left: -110px;
  border-radius: 0;
  padding: 0;
  margin: 0;
  text-align: right;
}
.cl2019s4 .slick-slider .slick-arrow.slick-next {
  padding: 0;
  margin: 0;
  text-align: right;
  right: auto;
  left: -60px;
}
.cl2019s4 .slick-slider .slick-arrow:before {
  background: none;
  content: "\f054";
  display: inline-block;
  font: normal normal normal 30px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  color: #d8e5f3;
  height: 27px;
}
.cl2019s4 .slick-slider .slick-arrow:hover:before {
  color: #27a6de;
}


@media (max-width: 767px) {
  .cl2019s4 .cl2019s4__slider .slider__dots {
    display: block;
    position: relative;
    right: inherit;
    text-align: center;
    margin: 0 auto;
    width: 100%;
    bottom: 0;
  }
  .cl2019s4 .cl2019s4__slider .slider__dots li {
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    width: initial;
  }
  .cl2019s4 .slick-list[style]{
  padding:0 50px 0 0 !important;
}
}
/*=== cl2019s4 css end here ===*/


/*=== cl2019s5 css start here ===*/

.cl2019s5 .slick-list[style]{
  padding:0 80px 0 0 !important;
}
.cl2019s5 .cl2019s5_list {
  width: 100%;
  float: left;
  position: relative;
  overflow: hidden;
  margin-bottom: 15px;
  margin-right: 12px;
  margin-left: 12px;
}
.cl2019s5 .cl2019list5__list--image {
  position: relative;
}

.cl2019s5 .slick-track {
  display: flex !important;
}
.cl2019s5 .cl2019s5__one .slick-track {
  margin: 0 auto;
}
.cl2019s5 .slick-track .cl2019s5_list {
  height: inherit !important;
}
.cl2019s5 .cl2019s5__list--image img{
  border-radius: 6px;
}
.cl2019s5 .cl2019s5__list__info {
  padding: 25px 0 10px;
}
.cl2019s5 .cl2019s5__list__info .item--title {
  font-family: "robotobold";
  color: #1e1656;
}
.cl2019s5 .cl2019s5__list__info .item--sub-title {
  font-family: "robotomedium";
  color: #066cc1;
  margin-bottom: 20px;
  font-size: 1.3rem;
}

.cl2019s5 .cl2019s5__list__info p {
  padding-bottom: 0;
  margin-bottom: 0;
}
.cl2019s5 .cl2019s5__list--readmore {
  font-family: "robotobold";
}

.cl2019s5 .cl2019s5__slider .slider__dots {
  width: 100%;
    text-align: center;
}
.cl2019s5 .cl2019s5__slider .slider__dots li {
  color: #fff;
  width: 20px;
  transition: transform 0.2s;
  position: relative;
  display: inline-block;
}
.cl2019s5 .cl2019s5__slider .slider__dots li button{
  border: none;
  background: #066cc1;
  border-radius: 0;
  width: 10px;
  height: 10px;
}
.cl2019s5 .cl2019s5__slider .slider__dots li.slick-active button{
  background: #011f3c;
}

.cl2019s5 .slick-slider .slick-arrow {
  font-size: 0;
  background: transparent;
  border: none;
  width: 50px;
  height: 30px;
  top: auto;
  bottom: 30px;
}
.cl2019s5 .slick-slider .slick-arrow:after {
  display: none;
}
.cl2019s5 .slick-slider .slick-arrow.slick-prev {
  left: 0px;
  border-radius: 0;
  padding: 0;
  margin: 0;
  text-align: right;
  bottom: -40px;
}
.cl2019s5 .slick-slider .slick-arrow.slick-next {
  padding: 0;
  margin: 0;
  text-align: right;
  right: auto;
  left: 40px;
  bottom: -40px;
}
.cl2019s5 .slick-slider .slick-arrow:before {
  background: none;
  content: "\f061";
  display: inline-block;
  font: normal normal normal 21px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  color: #011f3c;
  height: 22px;
}
.cl2019s5 .slick-slider .slick-arrow:hover:before {
  color: #27a6de;
}


@media (max-width: 767px) {
  .cl2019s5 .cl2019s5__slider .slider__dots {
    display: block;
    position: relative;
    right: inherit;
    text-align: center;
    margin: 0 auto;
    width: 100%;
    bottom: 0;
  }
  .cl2019s5 .cl2019s5__slider .slider__dots li {
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    width: initial;
  }
  .cl2019s5 .slick-list[style]{
    padding:0 50px 0 0 !important;
  }
}
/*=== cl2019s5 css end here ===*/

/*=== cl2019s6 css start here ===*/

.cl2019s6 .cl2019s6__slider .slider__dots {
  width: 100%;
    text-align: center;
}
.cl2019s6 .cl2019s6__slider .slider__dots li {
  color: #fff;
  width: 20px;
  transition: transform 0.2s;
  position: relative;
  display: inline-block;
}
.cl2019s6 .cl2019s6__slider .slider__dots li button{
  border: none;
  background: #066cc1;
  border-radius: 0;
  width: 10px;
  height: 10px;
  text-indent: 999px;
}
.cl2019s6 .cl2019s6__slider .slider__dots li.slick-active button{
  background: #011f3c;
}

.cl2019s6 .cl2019s6_list {
  width: 100%;
  float: left;
  position: relative;
  overflow: hidden;
  margin-bottom: 15px;
  background-color: #fff;
  margin-right: 10px;
  margin-left: 10px;
  /* box-shadow: 0px 0 5px #808080; */

}
.cl2019s6 .slick-track {
  display: flex !important;
}
.cl2019s6 .cl2019s6__one .slick-track {
  margin: 0 auto;
}
.cl2019s6 .slick-track .cl2019s6_list {
  height: inherit !important;
}
.cl2019s6 .cl2019s6__list__info {
  padding: 25px;
}
.cl2019s6 .cl2019s6__list__info .item--title {
  margin-bottom: 20px;
  font-size: 1.2rem;
}
.cl2019s6 .cl2019s6__list__info .item--title-month{
  font-size: 22px;
  font-family: "robotobold";
  margin-bottom: 20px;
}
.cl2019s6 .cl2019s6__list__info p {
  padding-bottom: 0;
  margin-bottom: 0;
}
.cl2019s6 .cl2019s6__list--readmore {

}
.cl2019s6 .slick-slider .slick-arrow {
  font-size: 0;
  background: transparent;
  border: none;
  width: 50px;
  height: 30px;
  top: auto;
  bottom: 30px;
}
.cl2019s6 .slick-slider .slick-arrow:after {
  display: none;
}
.cl2019s6 .slick-slider .slick-arrow.slick-prev {
  left: 0px;
  border-radius: 0;
  padding: 0;
  margin: 0;
  text-align: right;
  bottom: -40px;
}
.cl2019s6 .slick-slider .slick-arrow.slick-next {
  padding: 0;
  margin: 0;
  text-align: right;
  right: auto;
  left: 60px;
  bottom: -40px;
}
.cl2019s6 .slick-slider .slick-arrow:before {
  background: none;
  content: "\f178";
  display: inline-block;
  font: normal normal normal 21px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  color: #011f3c;
  height: 22px;
}
.cl2019s6 .slick-slider .slick-arrow:hover:before {
  color: #27a6de;
}
@media (max-width: 767px) {
  .cl2019s6 .cl2019s6__slider .slider__dots {
    display: block;
    position: relative;
    right: inherit;
    text-align: center;
    margin: 0 auto;
    width: 100%;
    bottom: 0;
  }
  .cl2019s6 .cl2019s6__slider .slider__dots li {
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    width: initial;
    max-width: 60px;
  }
}
/*=== cl2019s6 css end here ===*/


/*=== cl2019s7 css start here ===*/

.cl2019s7 .slick-list[style]{
  padding:0 80px 0 0 !important;
}
.cl2019s7 .cl2019s7_list {
  width: 100%;
  float: left;
  position: relative;
  overflow: hidden;
  margin-bottom: 15px;
  margin-right: 10px;
  margin-left: 10px;
}
.cl2019s7 .cl2019list7__list--image {
  position: relative;
}

.cl2019s7 .slick-track {
  display: flex !important;
}
.cl2019s7 .cl2019s7__one .slick-track {
  margin: 0 auto;
}
.cl2019s7 .slick-track .cl2019s7_list {
  height: inherit !important;
}

.cl2019s7 .cl2019s7__list__info {
  padding: 25px 0 10px;
}
.cl2019s7 .cl2019s7__list__info .item--title {
  font-family: "robotobold";
  color: #1e1656;
}
.cl2019s7 .cl2019s7__list__info .item--title a {
  color: #1e1656;
}
.cl2019s7 .cl2019s7__list__info .item--sub-title {
  font-family: "robotomedium";
  color: #066cc1;
  margin-bottom: 20px;
  font-size: 1.3rem;
}

.cl2019s7 .cl2019s7__list__info p {
  padding-bottom: 0;
  margin-bottom: 0;
}
.cl2019s7 .cl2019s7__list--readmore {
  font-family: "robotobold";
}

.cl2019s7 .cl2019s7__slider .slider__dots {
  width: 100%;
    text-align: center;
}
.cl2019s7 .cl2019s7__slider .slider__dots li {
  color: #fff;
  width: 20px;
  transition: transform 0.2s;
  position: relative;
  display: inline-block;
}
.cl2019s7 .cl2019s7__slider .slider__dots li button{
  border: none;
  background: #066cc1;
  border-radius: 0;
  width: 10px;
  height: 10px;
}
.cl2019s7 .cl2019s7__slider .slider__dots li.slick-active button{
  background: #011f3c;
}

.cl2019s7 .slick-slider .slick-arrow {
  font-size: 0;
  background: transparent;
  border: none;
  width: 50px;
  height: 30px;
  top: auto;
  bottom: 30px;
}
.cl2019s7 .slick-slider .slick-arrow:after {
  display: none;
}
.cl2019s7 .slick-slider .slick-arrow.slick-prev {
  left: 0px;
  border-radius: 0;
  padding: 0;
  margin: 0;
  text-align: right;
  bottom: -40px;
}
.cl2019s7 .slick-slider .slick-arrow.slick-next {
  padding: 0;
  margin: 0;
  text-align: right;
  right: auto;
  left: 40px;
  bottom: -40px;
}
.cl2019s7 .slick-slider .slick-arrow:before {
  background: none;
  content: "\f061";
  display: inline-block;
  font: normal normal normal 21px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  color: #011f3c;
  height: 22px;
}
.cl2019s7 .slick-slider .slick-arrow:hover:before {
  color: #27a6de;
}


@media (max-width: 767px) {
  .cl2019s7 .cl2019s7__slider .slider__dots {
    display: block;
    position: relative;
    right: inherit;
    text-align: center;
    margin: 0 auto;
    width: 100%;
    bottom: 0;
  }
  .cl2019s7 .cl2019s7__slider .slider__dots li {
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    width: initial;
  }
  .cl2019s7 .slick-list[style]{
    padding:0 50px 0 0 !important;
  }
}
/*=== cl2019s7 css end here ===*/
/*=== cl2019s7a css start here ===*/

.cl2019s7a .slick-list[style]{
  padding:0 80px 0 0 !important;
}
.cl2019s7a .cl2019s7a_list {
  width: 100%;
  float: left;
  position: relative;
  overflow: hidden;
  margin-bottom: 15px;
  margin-right: 10px;
  margin-left: 10px;
}
.cl2019s7a .cl2019list7a__list--image {
  position: relative;
}

.cl2019s7a .slick-track {
  display: flex !important;
}
.cl2019s7a .cl2019s7a__one .slick-track {
  margin: 0 auto;
}
.cl2019s7a .slick-track .cl2019s7a_list {
  height: inherit !important;
}

.cl2019s7a .cl2019s7a__list__info {
  padding: 25px 0 10px;
}
.cl2019s7a .cl2019s7a__list__info .item--title {
  font-family: "robotobold";
  color: #1e1656;
}
.cl2019s7a .cl2019s7a__list__info .item--title a{
  color: #1e1656;
}
.cl2019s7a .cl2019s7a__list__info .item--sub-title {
  font-family: "robotomedium";
  color: #066cc1;
  margin-bottom: 20px;
  font-size: 1.3rem;
}

.cl2019s7a .cl2019s7a__list__info p {
  padding-bottom: 0;
  margin-bottom: 0;
}
.cl2019s7a .cl2019s7a__list--readmore {
  font-family: "robotobold";
}

.cl2019s7a .cl2019s7a__slider .slider__dots {
  width: 100%;
    text-align: center;
}
.cl2019s7a .cl2019s7a__slider .slider__dots li {
  color: #fff;
  width: 20px;
  transition: transform 0.2s;
  position: relative;
  display: inline-block;
}
.cl2019s7a .cl2019s7a__slider .slider__dots li button{
  border: none;
  background: #066cc1;
  border-radius: 0;
  width: 10px;
  height: 10px;
}
.cl2019s7a .cl2019s7a__slider .slider__dots li.slick-active button{
  background: #011f3c;
}

.cl2019s7a .slick-slider .slick-arrow {
  font-size: 0;
  background: transparent;
  border: none;
  width: 50px;
  height: 30px;
  top: auto;
  bottom: 30px;
}
.cl2019s7a .slick-slider .slick-arrow:after {
  display: none;
}
.cl2019s7a .slick-slider .slick-arrow.slick-prev {
  left: 0px;
  border-radius: 0;
  padding: 0;
  margin: 0;
  text-align: right;
  bottom: -40px;
}
.cl2019s7a .slick-slider .slick-arrow.slick-next {
  padding: 0;
  margin: 0;
  text-align: right;
  right: auto;
  left: 40px;
  bottom: -40px;
}
.cl2019s7a .slick-slider .slick-arrow:before {
  background: none;
  content: "\f061";
  display: inline-block;
  font: normal normal normal 21px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  color: #011f3c;
  height: 22px;
}
.cl2019s7a .slick-slider .slick-arrow:hover:before {
  color: #27a6de;
}


@media (max-width: 767px) {
  .cl2019s7a .cl2019s7a__slider .slider__dots {
    display: block;
    position: relative;
    right: inherit;
    text-align: center;
    margin: 0 auto;
    width: 100%;
    bottom: 0;
  }
  .cl2019s7a .cl2019s7a__slider .slider__dots li {
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    width: initial;
  }
  .cl2019s7a .slick-list[style]{
    padding:0 50px 0 0 !important;
  }
}
/*=== cl2019s7a css end here ===*/

/*=== cl2019s8 css start here ===*/
.cl2019s8 .cl2019s8__slider .slider__dots {
 width: 100%;
  text-align: center;
}
.cl2019s8 .cl2019s8__slider .slider__dots li {
  color: #fff;
  width: 20px;
  transition: transform 0.2s;
  position: relative;
  display: inline-block;
}
.cl2019s8 .cl2019s8__slider .slider__dots li button {
   border: none;
  background: #066cc1;
  border-radius: 0;
  width: 10px;
  height: 10px;
}

.cl2019s8 .cl2019s8__slider .slider__dots li.slick-active button {
  background: #fff;
}
.cl2019s8 .cl2019s8_list {
}
.cl2019s8 .cl2019s8_list {
  width: 100%;
  float: left;
  position: relative;
  overflow: hidden;
  margin-bottom: 15px;
  background-color: #fff;
  margin-right: 10px;
  margin-left: 10px;
}
.cl2019s8 .slick-track {
  display: flex !important;
}
.cl2019s8 .cl2019s8__one .slick-track {
  margin: 0 auto;
}
.cl2019s8 .slick-track .cl2019s8_list {
  height: inherit !important;
}
.cl2019s8 .cl2019s8__list__info {
  padding: 25px;
}
.cl2019s8 .cl2019s8__list__info .item--title {
  font-family: "robotomedium";
  color: #333;
  margin-bottom: 20px;
  font-size: 1.1rem;
  text-decoration: underline;
}
.cl2019s8 .cl2019s8__list__info p {
  padding-bottom: 0;
  margin-bottom: 0;
  font-size: 0.9rem;
}
.cl2019s8 .cl2019s8__list--readmore {
}

.cl2019s8 .slick-slider .slick-arrow {
  font-size: 0;
  background: transparent;
  border: none;
  width: 50px;
  height: 30px;
}
.cl2019s8 .slick-slider .slick-arrow:after {
  display: none;
}
.cl2019s8 .slick-slider .slick-arrow.slick-prev {
  left: -40px;
  border-radius: 0;
  padding: 0;
  margin: 0;
  text-align: right;
}
.cl2019s8 .slick-slider .slick-arrow.slick-next {
  padding: 0;
  margin: 0;
  text-align: right;
  right: -40px;
}
.cl2019s8 .slick-slider .slick-arrow:before {
  background: none;
  content: "\f054";
  display: inline-block;
  font: normal normal normal 30px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  color: #fff;
}
.cl2019s8 .slick-slider .slick-arrow:hover:before {
  color: #27a6de;
}
@media (max-width: 767px) {
  .cl2019s8 .cl2019s8__slider .slider__dots {
    display: block;
    position: relative;
    right: inherit;
    text-align: center;
    margin: 0 auto;
    width: 100%;
    bottom: 0;
  }
  .cl2019s8 .cl2019s8__slider .slider__dots li {
    display: inline-block;
    width: initial;
    max-width: 60px;
  }
}

.newArrowformat {

}

.newArrowformat .cl2019s8 .cl2019s8__slider .slider__dots {
  width: 100%;
  text-align: center;
}
.newArrowformat .cl2019s8 .cl2019s8__slider .slider__dots li {
  color: #fff;
  width: 20px;
  transition: transform 0.2s;
  position: relative;
  display: inline-block;
}
.newArrowformat .cl2019s8 .cl2019s8__slider .slider__dots li button{
  border: none;
  background: #066cc1;
  border-radius: 0;
  width: 10px;
  height: 10px;
  font-size: 0;
}
.newArrowformat .cl2019s8 .cl2019s8__slider .slider__dots li.slick-active button{
  background: #011f3c;
}

.newArrowformat .cl2019s8 .slick-slider .slick-arrow {
  font-size: 0;
  background: transparent;
  border: none;
  width: 50px;
  height: 30px;
  top: auto;
  bottom: 30px;
}
.newArrowformat .cl2019s8 .slick-slider .slick-arrow:after {
  display: none;
}
.newArrowformat .cl2019s8 .slick-slider .slick-arrow.slick-prev {
  left: 0px;
  border-radius: 0;
  padding: 0;
  margin: 0;
  text-align: right;
  bottom: -40px;
}
.newArrowformat .cl2019s8 .slick-slider .slick-arrow.slick-next {
  padding: 0;
  margin: 0;
  text-align: right;
  right: auto;
  left: 40px;
  bottom: -40px;
}
.newArrowformat .cl2019s8 .slick-slider .slick-arrow:before {
  background: none;
  content: "\f061";
  display: inline-block;
  font: normal normal normal 21px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  color: #011f3c;
  height: 22px;
}
.newArrowformat .cl2019s8 .slick-slider .slick-arrow:hover:before {
  color: #27a6de;
}

@media (max-width: 767px) {
  .newArrowformat .cl2019s8 .cl2019s8__slider .slider__dots {
    display: block;
    position: relative;
    right: inherit;
    text-align: center;
    margin: 0 auto;
    width: 100%;
    bottom: 0;
  }
  .newArrowformat .cl2019s8 .cl2019s8__slider .slider__dots li {
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    width: initial;
  }
  .newArrowformat .cl2019s8 .slick-list[style]{
    padding:0 50px 0 0 !important;
  }
}

/*no slide*/
.cl2019s8 .cl2019s8__noslider{
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.cl2019s8 .cl2019s8__noslider .cl2019s8_list{
  width: 30%;
  margin-top: 20px;
  margin-bottom: 20px;
  display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
@media (max-width: 640px) {
  .cl2019s8 .cl2019s8__noslider .cl2019s8_list{
  width: 45%;
}
}
@media (max-width: 480px) {
  .cl2019s8 .cl2019s8__noslider .cl2019s8_list{
  width: 100%;
}
}
/*=== cl2019s8 css end here ===*/


/*=== cl2019s9 css start here ===*/

.cl2019s9 .cl2019s9_list {
}
.cl2019s9 .cl2019s9_list {
  width: 100%;
  float: left;
  position: relative;
  overflow: hidden;
  margin-bottom: 15px;
  background-color: #fff;
  margin-right: 10px;
  margin-left: 10px;
}
.cl2019s9 .slick-track {
  display: flex !important;
}
.cl2019s9 .cl2019s9__one .slick-track {
  margin: 0 auto;
}
.cl2019s9 .slick-track .cl2019s9_list {
  height: inherit !important;
  background-color: #f5f8fd;
  padding: 20px;
  border-radius: 4px;
  transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    -webkit-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
}
.cl2019s9 .slick-track .cl2019s9_list:hover{
  background-color: #1f1957;
  color:#fff;
  transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    -webkit-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
}
.cl2019s9 .slick-track .cl2019s9_list:hover .item--title,
.cl2019s9 .slick-track .cl2019s9_list:hover p,
.cl2019s9 .slick-track .cl2019s9_list:hover .view__count{
  color: #fff;
}
.cl2019s9__list--image img{
  border-radius: 4px;
}
.cl2019s9 .cl2019s9__list__info {
  padding: 20px 0 0;
}
.cl2019s9 .cl2019s9__list__info .item--title {
  font-family: "robotomedium";
  margin-bottom: 20px;
  font-size: 1.2rem;
  line-height: 1.2;
  color: #333;
}
.cl2019s9 .cl2019s9__list__info p {
  padding-bottom: 0;
  margin-bottom: 0;
  font-size: 0.9rem;
}
.cl2019s9 .cl2019s9__list--readmore {
  font-family: "robotomedium";
}

.cl2019s9__bottom{
  border-top: 1px solid #d2d4d7;
  padding-top: 20px;
  margin-top: 20px;
}
.cl2019s9__bottom .view__count{
  font-size: 14px;
  color: #066cc1;
}
.cl2019s9__bottom .view__count i{
  padding-right: 5px;
}

.cl2019s9 .cl2019s9__slider .slider__dots {
  width: 100%;
  text-align: center;
}
.cl2019s9 .cl2019s9__slider .slider__dots li {
  color: #fff;
  width: 20px;
  transition: transform 0.2s;
  position: relative;
  display: inline-block;
}
.cl2019s9 .cl2019s9__slider .slider__dots li button{
  border: none;
  background: #066cc1;
  border-radius: 0;
  width: 10px;
  height: 10px;
  font-size: 0;
}
.cl2019s9 .cl2019s9__slider .slider__dots li.slick-active button{
  background: #011f3c;
}
.cl2019s9 .slick-slider .slick-arrow {
  font-size: 0;
  background: transparent;
  border: none;
  width: 50px;
  height: 30px;
  top: auto;
  bottom: 30px;
}
.cl2019s9 .slick-slider .slick-arrow:after {
  display: none;
}
.cl2019s9 .slick-slider .slick-arrow.slick-prev {
  left: 0px;
  border-radius: 0;
  padding: 0;
  margin: 0;
  text-align: right;
  bottom: -40px;
}
.cl2019s9 .slick-slider .slick-arrow.slick-next {
  padding: 0;
  margin: 0;
  text-align: right;
  right: auto;
  left: 40px;
  bottom: -40px;
}
.cl2019s9 .slick-slider .slick-arrow:before {
  background: none;
  content: "\f061";
  display: inline-block;
  font: normal normal normal 21px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  color: #011f3c;
  height: 22px;
}
.cl2019s9 .slick-slider .slick-arrow:hover:before {
  color: #27a6de;
}

@media (max-width: 767px) {
.cl2019s9 .cl2019s9__slider .slider__dots {
    display: block;
    position: relative;
    right: inherit;
    text-align: center;
    margin: 0 auto;
    width: 100%;
    bottom: 0;
  }
.cl2019s9 .cl2019s9__slider .slider__dots li {
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    width: initial;
  }
.cl2019s9 .slick-list[style]{
    padding:0 50px 0 0 !important;
  }
}

/*list item css start here*/

.cl2019s9-column .cl2019s9-column_list {
  width: 100%;
  float: left;
  position: relative;
  overflow: hidden;
  margin-bottom: 15px;
  background-color: #fff;
  margin-right: 10px;
  margin-left: 10px;
}

.cl2019s9-column .cl2019s9-column_list {
  height: inherit !important;
  background-color: #f5f8fd;
  padding: 20px;
  border-radius: 4px;
  transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    -webkit-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
}
.cl2019s9-column .cl2019s9-column_list:hover{
  background-color: #1f1957;
  color:#fff;
  transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    -webkit-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
}
.cl2019s9-column .cl2019s9-column_list:hover .item--title,
.cl2019s9-column .cl2019s9-column_list:hover p,
.cl2019s9-column .cl2019s9-column_list:hover .theme__list,
.cl2019s9-column .cl2019s9-column_list:hover .theme__list i{
  color: #fff;
}
.cl2019s9-column__list--image img{
  border-radius: 4px;
}
.cl2019s9-column .cl2019s9-column__list__info {
  padding: 20px 0 0;
}
.cl2019s9-column .cl2019s9-column__list__info .item--title {
  font-family: "robotomedium";
  margin-bottom: 20px;
  font-size: 1.2rem;
  line-height: 1.2;
  color: #333;
}
.cl2019s9-column .cl2019s9-column__list__info p {
  padding-bottom: 0;
  margin-bottom: 0;
  font-size: 0.9rem;
}
.cl2019s9-column .cl2019s9-column__list--readmore {
  font-family: "robotomedium";
}

.cl2019s9-column__bottom{
  border-top: 1px solid #d2d4d7;
  padding-top: 20px;
  margin-top: 20px;
  display: flex;
}
.cl2019s9-column__bottom .theme__list{
  font-size: 11px;
  color: #333;
  padding-right: 12px;
}
.cl2019s9-column__bottom .theme__list:last-child{
  padding-right: 0;
}
.cl2019s9-column__bottom .theme__list i{
  font-size: 15px;
  color: #666;
}
.cl2019s9-column__bottom .theme__tag{

}
.cl2019s9-column__bottom .theme__tag i{
  padding-left: 5px;
  transform: rotate(90deg);
}
.cl2019s9-column__bottom .theme__time{}
.cl2019s9-column__bottom .theme__time i{}

.cl2019s9-column__bottom .theme__available{

}
.cl2019s9-column__bottom .theme__available span{
  background-color: #25af47;
  display: inline-block;
  color: #fff;
  border-radius: 4px;
  padding: 2px 5px;
  min-width: 80px;
  text-align: center;
}
.cl2019s9-column__bottom .theme__available.not span{
  background-color: #f53e36;
}
.cl2019s9-column__bottom .theme__available i{
  color:#fff;
  font-size: 10px;
}
@media (min-width: 600px) {
  .cl2019s9-column__content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .cl2019s9-column .cl2019s9-column_list{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 30px;
  }
  .cl2019s9-column .cl2019s9-column_list {
    width: 46%;
  }

}
@media (min-width: 992px) {
  .cl2019s9-column .cl2019s9-column_list {
    width: 30%;
  }
}

@media (min-width: 1200px) {
  .cl2019s9-column .cl2019s9-column_list {
    width: 23%;
  }
}
/*list item css end here*/

/*=== cl2019s9 css end here ===*/
/*=== cl2019s10 css start here ===*/

.cl2019s10 .cl2019s10_list {
}
.cl2019s10 .cl2019s10_list {
  width: 100%;
  float: left;
  position: relative;
  overflow: hidden;
  margin-bottom: 15px;
  background-color: #fff;
  margin-right: 10px;
  margin-left: 10px;
}
.cl2019s10 .slick-track {
  display: flex !important;
}
.cl2019s10 .cl2019s10__one .slick-track {
  margin: 0 auto;
}
.cl2019s10 .slick-track .cl2019s10_list {
  height: inherit !important;
  background-color: #ffffff;
  padding: 20px;
  border-radius: 4px;
  transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    -webkit-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
}
.cl2019s10 .slick-track .cl2019s10_list a{
  display: block;
}
.cl2019s10 .slick-track .cl2019s10_list:hover{
  background-color: #1f1957;
  color:#fff;
  transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    -webkit-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
}
.cl2019s10 .slick-track .cl2019s10_list:hover .item--title,
.cl2019s10 .slick-track .cl2019s10_list:hover p,
.cl2019s10 .slick-track .cl2019s10_list:hover .view__count{
  color: #fff;
}
.cl2019s10__list--image img{
  border-radius: 4px;
}
.cl2019s10 .cl2019s10__list__info {
  padding: 20px 0 0;
}
.cl2019s10 .cl2019s10__list__info .item--title {
  font-family: "robotobold";
  margin-bottom: 20px;
  font-size: 0.9rem;
  line-height: 1.2;
  color: #333;
}
.cl2019s10 .cl2019s10__list__info p {
  padding-bottom: 0;
  margin-bottom: 0;
  font-size: 0.9rem;
}
.cl2019s10 .cl2019s10__list--readmore {
  font-family: "robotomedium";
}

.cl2019s10__bottom{
  border-top: 1px solid #cecece;
  padding-top: 20px;
  margin-top: 20px;
}
.cl2019s10__bottom .view__count{
  font-size: 14px;
  color: #066cc1;
}
.cl2019s10__bottom .view__count i{
  padding-right: 5px;
}

.cl2019s10 .cl2019s10__slider .slider__dots {
  width: 100%;
  text-align: center;
}
.cl2019s10 .cl2019s10__slider .slider__dots li {
  color: #fff;
  width: 20px;
  transition: transform 0.2s;
  position: relative;
  display: inline-block;
}
.cl2019s10 .cl2019s10__slider .slider__dots li button{
  border: none;
  background: #066cc1;
  border-radius: 0;
  width: 10px;
  height: 10px;
  font-size: 0;
}
.cl2019s10 .cl2019s10__slider .slider__dots li.slick-active button{
  background: #011f3c;
}
.cl2019s10 .slick-slider .slick-arrow {
  font-size: 0;
  background: transparent;
  border: none;
  width: 50px;
  height: 30px;
  top: auto;
  bottom: 30px;
}
.cl2019s10 .slick-slider .slick-arrow:after {
  display: none;
}
.cl2019s10 .slick-slider .slick-arrow.slick-prev {
  left: 0px;
  border-radius: 0;
  padding: 0;
  margin: 0;
  text-align: right;
  bottom: -40px;
}
.cl2019s10 .slick-slider .slick-arrow.slick-next {
  padding: 0;
  margin: 0;
  text-align: right;
  right: auto;
  left: 40px;
  bottom: -40px;
}
.cl2019s10 .slick-slider .slick-arrow:before {
  background: none;
  content: "\f061";
  display: inline-block;
  font: normal normal normal 21px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  color: #011f3c;
  height: 22px;
}
.cl2019s10 .slick-slider .slick-arrow:hover:before {
  color: #27a6de;
}
.cl2019s10 .slick-list[style]{
    padding:0 80px 0 0 !important;
  }
@media (max-width: 767px) {
.cl2019s10 .cl2019s10__slider .slider__dots {
    display: block;
    position: relative;
    right: inherit;
    text-align: center;
    margin: 0 auto;
    width: 100%;
    bottom: 0;
  }
.cl2019s10 .cl2019s10__slider .slider__dots li {
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    width: initial;
  }

}

/*=== cl2019s10 css end here ===*/


/*====== slider css end here ======*/

/*====== Item List css start here ======*/

/*=== cl2019list1 css start here ===*/
.section-cl2019event.section-cl2019event{
  background:#e6edf3 url(../images/cl2019Event-bg.jpg);
  background-repeat: no-repeat;
}
.cl2019list1 .cl2019list1__filter {
  margin-bottom: 40px;
  text-align: right;
}
.cl2019list1 .cl2019list1__filter li {
  text-transform: uppercase;
  font-size: 1.1rem;
  padding-right: 25px;
}
.cl2019list1 .cl2019list1__filter li:last-child {
  padding-right: 0;
}
.cl2019list1 .cl2019list1__filter li a,
.cl2019list1 .cl2019list1__filter li i {
  color: #1e1656;
}
.cl2019list1 .cl2019list1__filter li a {
  font-family: "robotomedium";
}
.cl2019list1 .cl2019list1__filter li i {
  padding-right: 10px;
  font-size: 21px;
}
.cl2019list1 .cl2019list1__slider {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.cl2019list1 .cl2019list1_list {
  margin-right: 10px;
  margin-left: 10px;
  margin-bottom: 30px;
  width: 25.5%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  background-color: #fff;
}
@media (min-width: 768px) {
  .cl2019list1 .cl2019list1_list {
   justify-content: flex-start;
   -webkit-justify-content: flex-start;
  }
}
.cl2019list1 ul.cl2019list1__slider .cl2019list1_list:first-child{
  background-color: transparent;
}
.cl2019list1 .cl2019list1_list.hide,
.cl2019list1 .cl2019list1__content .hide {
  display: none;
}

.cl2019list1 .cl2019list1_list.width-half {
  width: 42%;
}
.cl2019list1 .cl2019event-title {
  padding-right: 10%;
}
.cl2019list1 .cl2019list1__list--image {
  position: relative;
}
.cl2019list1 .hbku-tag {
  position: absolute;
  z-index: 9;
  top: 20px;
  right: 20px;
}
.cl2019list1 .cl2019list1__list__info {
  background-color: #fff;
  padding: 30px 15px;
}
.cl2019list1 .cl2019list1__list__info a {
  display: inline-block;
}
.cl2019list1 .cl2019list1__list--td {
  color: #b3b3b3;
  font-size: 1.06rem;
  font-family: "robotomedium";
  padding-bottom: 10px;
}
.cl2019list1 .cl2019list1__list--title .item--title {
  font-family: "robotobold";
  text-transform: uppercase;
  color: #1e1656;
  font-size: 1.3rem;
  /* min-height: 42px; */
  overflow: hidden;
}
.cl2019list1 .cl2019list1__list--content {
  min-height: 72px;
  overflow: hidden;
}
.cl2019list1 .cl2019list1__list__info p:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}

@media (min-width: 1200px) {
  .cl2019list1 .cl2019list1_list {
    width: 26%;
  }
}
@media (min-width: 1700px) {
  .cl2019list1 .cl2019list1_list {
    width: 27%;
  }
}
@media (max-width: 992px) {
  .cl2019list1 .cl2019list1_list {
    margin-left: 1%;
    margin-right: 1%;
    width: 26%;
  }
}
@media (max-width: 767px) {
  .cl2019list1 .cl2019list1_list,
  .cl2019list1 .cl2019list1_list.width-half {
    width: 48%;
  }
}
@media (max-width: 540px) {
  .cl2019list1 .cl2019list1__filter li {
    display: block;
    text-align: left;
    margin-bottom: 15px;
  }
  .cl2019list1 .cl2019list1__filter li:last-child {
    margin-bottom: 0;
  }

  .cl2019list1 .cl2019list1_list,
  .cl2019list1 .cl2019list1_list.width-half {
    width: 100%;
  }
}
/*=== cl2019list1 css end here ===*/

/*=== cl2019list2 css start here ===*/

.cl2019list2 .cl2019list2__slider {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.cl2019list2 .cl2019list2_list {
  padding-right: 10px;
  padding-left: 10px;

}
.cl2019list2 .cl2019list2_list.hide,
.cl2019list2 .cl2019list2__content .hide {
  display: none;
}

.cl2019list2 .cl2019list2_list.width-half {
  /* width: 42%; */
}
.cl2019list2 .cl2019event-title {
  padding-right: 10%;
}
.cl2019list2 .cl2019list2__list--image {
  position: relative;
  border-radius: 6px;
}
.cl2019list2 .cl2019list2__list--image img{
  border-radius: 6px;
}
.cl2019list2 .cl2019list2__list__info {
  background-color: #fff;
  padding: 30px 0px;
}
.cl2019list2 .cl2019list2__list__info a {
  display: inline-block;
}
.cl2019list2 .cl2019list2__list--td {
  color: #1f1757;
  font-size: 1.06rem;
  font-family: "robotomedium";
  padding-bottom: 10px;
}
.cl2019list2 .cl2019list2__list--title .item--title {
  font-family: "robotomedium";
  color: #1e1656;
  font-size: 1.3rem;
  /* min-height: 42px; */
  overflow: hidden;
}
.cl2019list2 .cl2019list2__list--content {
  min-height: 72px;
  overflow: hidden;
}
.cl2019list2 .cl2019list2__list__info p:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}

@media (max-width: 540px) {
  .cl2019list2 .cl2019list2__filter li {
    display: block;
    text-align: left;
    margin-bottom: 15px;
  }
  .cl2019list2 .cl2019list2__filter li:last-child {
    margin-bottom: 0;
  }


}
/*=== cl2019list2 css end here ===*/

/*=== cl2019event css start here ===*/

.cl2019event-title .h1 {
  color: #1e1656;
  line-height: 1;
}
/* .cl2019event-title a {
  font-size: 1.2rem;
} */

/*=== cl2019event css `end here ===*/
/*====== Item List css end here ======*/

/*====== Timer css start here ======*/

.grad22-video #clock-timer{
  position: absolute;
    left: 0;
    right: 0;
    bottom: 50px;
    z-index: 99;
}
.grad22-video .clockwrapper{
  background-color: transparent;
}

#clock-timer {
  color: #1e1656;
  display: inline-block;
  text-align: center;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 50px;
}
#clock-timer .clock-timer__list {
  padding-right: 50px;
  border-radius: 0;
  float: left;
}
#clock-timer .clock-timer__list:last-child {
  padding-right: 0;
}
#clock-timer .clock-timer__list span {
  padding: 0px;
  border-radius: 0;
  display: inline-block;
  font-size: 48px;
  line-height: 1.2;
  font-family: "robotobold";
}
#clock-timer .clock-timer__list--text {
  font-size: 1.3rem;
  font-family: "robotoregular";
  line-height: 1.2;
}
@media (max-width: 480px) {
  .bigEvent-info h1.big,
  .bigEvent-info .h1.big {
    font-size: 2rem;
    text-shadow: 0 0 2px #000;
  }
  #clock-timer .clock-timer__list {
    padding-right: 20px;
  }
  #clock-timer .clock-timer__list span {
    font-size: 32px;
    text-shadow: 0 0 2px #000;
  }
  #clock-timer .clock-timer__list--text {
    font-size: 1rem;
    text-shadow: 0 0 2px #000;
  }
}
@media (min-width: 993px) and (max-width: 1199px) {
  .bigEvent-info h1.big,
  .bigEvent-info .h1.big {
    font-size: 2rem;
    text-shadow: 0 0 2px #000;
  }
  #clock-timer .clock-timer__list {
    padding-right: 40px;
  }
}

/*====== Timer css End here ======*/

/*====== SL Timer css start here ======*/

.slcountdown {
  color: #fff;
  display: inline-block;
  text-align: center;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 50px;
}
.slcountdown li {
  padding-right: 50px;
  border-radius: 0;
  display: inline-block;
  font-size: 1.3rem;
  font-family: "robotoregular";
  line-height: 1.2;
}
.slcountdown li:last-child {
  padding-right: 0;
}
.slcountdown li span {
  padding: 0px;
  border-radius: 0;
  display: block;
  font-size: 48px;
  line-height: 1.2;
  font-family: "robotobold";
}

@media (max-width: 480px) {

  .slcountdown li {
    padding-right: 20px;
  }
  .slcountdown li span {
    font-size: 32px;
    text-shadow: 0 0 2px #000;
  }
  .slcountdown li {
    font-size: 1rem;
    text-shadow: 0 0 2px #000;
  }
}
@media (min-width: 993px) and (max-width: 1199px) {

  .slcountdown li {
    padding-right: 40px;
  }
}

/*====== SL Timer css End here ======*/

/*====== subscribe section css start here ======*/
.email-sub__container .email-sub__header h3 {
  color: #27a6de;
  font-family: "robotobold";
  font-size: 2rem;
  line-height: 1.2;
  margin-bottom: 1rem;
  font-weight: normal;
  text-transform: uppercase;
}
.email-sub__header {
  display: flex;
  margin-bottom: 20px;
}
.email-sub__header i.l-icon {
  padding-top: 6px;
  margin-right: 20px;
}
.email-sub__header .l-icon svg use {
  fill: #fff;
}
.email-sub__container .email-sub__form {
  max-width: 500px;
}
.email-sub__container .email-sub__form .field-btn-group {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -o-flex;
  display: flex;

  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
}
.email-sub__container .email-sub__form .field-btn-group .webform-component--search{
  width: calc(100% - 150px);
}
.email-sub__container .email-sub__form .field-btn-group .webform-component-email {
    width: calc(100% - 150px);
}
.email-sub__container .webform-component input{
  border-color: #27a6de;
}
.email-sub__container .email-sub__form .l-btn {
  /* min-width: 150px; */
  height:100%;
}
.email-sub__container .email-sub__form .l-btn:hover {

}

@media (max-width: 540px) {
  .email-sub__container .email-sub__form .l-btn {
    min-width: 120px;
    line-height: 2.3;
  }
}
@media (min-width: 767px) {
  .email-sub__container .email-sub__header h3 {
    /* font-size: 2.5rem; */
    margin-bottom: 1rem;
  }
}
@media (min-width: 992px) {
  .email-sub__header {
    margin-bottom: 0;
  }
  .email-sub__container .email-sub__form {
    margin: 15px 0 0 auto;
  }
}

/*=== popup start===*/
.emailsub-model .modal__body {
  padding: 0;
}
.emailsub-model .modal__body .col-sm-32 + .col-sm-16 {
  float: right;
}
.emailsub-model .emailsub-popup-content {
  padding: 40px;
}
.emailsub-model .emailsub-popup-field {
  display: flex;
}
.emailsub-model .emailsub-popup-field .webform-component-email input{
  height: 100%;
}
.emailsub-model .emailsub-popup-field .webform-component-email{
  width: calc(100% - 48px);
}
.emailsub-model .emailsub-popup-field--btn {
  width: 48px;
  height: 43px;
  background-color: #066cc1;
  border: none;
  position: relative;
  text-indent: -9999px;
}
.emailsub-model .emailsub-popup-field .form-actions{
  position: relative;
  text-align: center;
}

.emailsub-model .emailsub-popup-field i {
  color: #fff;
  font-size: 21px;
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
  top: 9px;
  pointer-events: none;
}
.emailsub-model .webform-component--dont-show > label{
  display: none;;
}
.emailsub-model #edit-submitted-dont-show .option{
  color: #1083cd;
}
@media (max-width: 767px) {
  .emailsub-model .emailsub-popup-image {
    display: none;
  }
  .emailsub-model .emailsub-popup-content {
    padding: 20px;
  }
}

/*=== popup end===*/
/*====== newsletter section css end here ======*/

/*====== cl2019 quote section css start here  ======*/
.cl2019quote blockquote .l-icon {
  fill: #1e1656;
}
.cl2019quote .cl2019quote__person {
  display: flex;
}
.cl2019quote .cl2019quote__person--img {
  padding-right: 20px;
  margin-bottom: 0;
}
.cl2019quote .cl2019quote__person--img img {
  max-width: 60px;
  border: 4px solid rgba(63, 163, 217, 0.5);
}

.cl2019quote .cl2019quote__person--img:hover img {
  border: 4px solid rgba(63, 163, 217, 1);
}
.cl2019quote .person-name {
  color: #1e1656;
  font-size: 16px;
  margin-bottom: 5px;
}
.cl2019quote .person-designation {
  margin-bottom: 5px;
}

.cl2019quote .person-social ul {
  margin-bottom: 0;
  padding-left: 0;
}
.cl2019quote .person-social li {
  padding-left: 0;
  padding-bottom: 0;
  padding-right: 5px;
}
.cl2019quote .person-social li:before {
  display: none;
}
.cl2019quote .person-social li i {
  color: #525252;
}
.cl2019quote .person-social li:hover i {
  color: #27a6de;
}

.cl2019quote .cl2019quote__person--img img,
.cl2019quote .cl2019quote__person--img:hover img,
.cl2019quote .person-social li:hover i,
.cl2019quote .person-social li i {
  transition: all ease 0.5s;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  -ms-transition: all ease 0.5s;
}

/*=== cl2019 quote glance start css here ===*/
.cl2019quote-info__glance {
}
.cl2019quote-info__glance ul {
  padding-left: 0;
  margin-bottom: 0;
}
.cl2019quote-info__glance ul li {
  text-align: center;
  font-family: "robotobold";
  padding-right: 25px;
  margin-bottom: 20px;
  padding-left: 0;
  padding-bottom: 0;
}
.cl2019quote-info__glance ul li:before {
  display: none;
}
.cl2019quote-info__glance ul li span {
  color: #066cc1;
  font-size: 36px;
}
.cl2019quote-info__glance ul li span i {
  color: #1e1656;
  font-size: 36px;
}
.cl2019quote-info__glance ul li h4 {
  margin-bottom: 0;
  font-size: 21px;
}
.cl2019quote-info__glance ul li p {
  margin-bottom: 0;
  font-size: 16px;
}

@media (min-width: 420px) {
  .cl2019quote-info__glance ul li {
    width: 32%;
    padding-right: 0%;
  }
}
@media (max-width: 540px){
  .cl2019quote-info__glance ul li{
    padding-right: 10px;
  }
  .cl2019quote-info__glance ul li span {
    font-size: 24px;
  }
   .cl2019quote-info__glance ul li span img{
     max-width: 30px;
   }
  .cl2019quote-info__glance ul li h4{
    font-size: 16px;
  }
  .cl2019quote-info__glance ul li p{
    font-size: 14px;
  }
}
@media (min-width: 360px) and (max-width: 540px) {
  .cl2019quote-info__glance ul li {
    width: 31%;
  }
}

@media (min-width: 768px) {
  .cl2019quote-info__glance ul li span {
    font-size: 3rem;
  }
  .cl2019quote-info__glance ul li h4 {
    font-size: 1.6rem;
  }
}
/*=== cl2019 quote glance start css here ===*/

/*=== home-glance2 start css here ===*/
.glance-year .years-list{
  display: inline-block;
  background-color: #1f1757;
  color: #fff;
  padding: 10px 20px;
  font-size: 18px;
}
.home-glance__title{
  margin-bottom: 40px;
}

@media (min-width: 992px){
  .glance-year .years-list{
    padding: 15px 30px;
    font-size: 24px;
  }
  .home-glance__title{
    margin-bottom: 60px;
  }
}

@media (min-width: 568px){
  .home-glance__title h3 {
    padding-top: 9px;
    width: calc(100% - 220px);
  }
  .home-glance__title .glance-year {
    position: absolute;
    right: 0;
    top: 12px;
    font-size: 1.2rem;
  }
}
.home-glance2 ul {
  padding-left: 0;
  margin-bottom: 0;
  padding-bottom: 30px;
}
.home-glance2 ul li {
  text-align: center;
  font-family: "robotobold";
  padding-right: 25px;
  margin-bottom: 20px;
  padding-left: 0;
  padding-bottom: 0;
}
.home-glance2 ul li:before {
  display: none;
}
.home-glance2 ul li span {
  color: #066cc1;
  font-size: 36px;
}
.home-glance2 ul li span i {
  color: #1e1656;
  font-size: 36px;
}
.home-glance2 ul li h4 {
  margin-bottom: 0;
  font-size: 21px;
}
.home-glance2 ul li p {
  margin-bottom: 0;
  font-size: 16px;
}
.home-glance2 .slick-slider .slick-arrow {
  font-size: 0;
  background: transparent;
  border: none;
  width: 50px;
  height: 30px;
  top: auto;
  bottom: 30px;
}
.home-glance2 .slick-slider .slick-arrow:after {
  display: none;
}
.home-glance2 .slick-slider .slick-arrow.slick-prev {
  left: 0px;
  border-radius: 0;
  padding: 0;
  margin: 0;
  text-align: right;
  bottom: 0px;
}
.home-glance2 .slick-slider .slick-arrow.slick-next {
  padding: 0;
  margin: 0;
  text-align: right;
  right: auto;
  left: 40px;
  bottom: 0px;
}
.home-glance2 .slick-slider .slick-arrow:before {
  background: none;
  content: "\f061";
  display: inline-block;
  font: normal normal normal 21px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  color: #011f3c;
  height: 22px;
}
.home-glance2 .slick-slider .slick-arrow:hover:before {
  color: #27a6de;
}

@media (max-width: 991px) {
  .home-glance2 .slick-slider .slick-arrow.slick-next,
  .home-glance2 .slick-slider .slick-arrow.slick-prev{
    bottom: -20px;
  }
}

.home-glance2 .glance-slider .slider__dots {
  width: 100%;
  text-align: center;
  bottom: -20px;
}
.home-glance2 .glance-slider .slider__dots li {
  color: #fff;
  width: 20px;
  transition: transform 0.2s;
  position: relative;
  display: inline-block;
}
.home-glance2 .glance-slider .slider__dots li button{
  border: none;
  background: #066cc1;
  border-radius: 0%;
  width: 10px;
  height: 10px;
}
.home-glance2 .glance-slider .slider__dots li.slick-active button{
  background: #011f3c;
}

@media (max-width: 767px) {
  .home-glance2 .glance-slider .slider__dots {
    display: block;
    position: relative;
    right: inherit;
    text-align: center;
    margin: 0 auto;
    width: 100%;
    bottom: -20px;
  }
  .home-glance2 .glance-slider .slider__dots li {
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    width: initial;
  }
  .home-glance2 .slick-list[style]{
    padding:0 50px 0 0 !important;
  }
}

@media (min-width: 540px) {
  .home-glance2 ul li {
    width: 24%;
    padding-right: 0%;
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  .home-glance2 ul li span {
    font-size: 3rem;
    margin-bottom: 20px;
    display: block;
  }
  .home-glance2 ul li h4 {
    font-size: 1.6rem;
    margin-bottom: 5px;
  }
}

/*=== home-glance2 end css here ===*/


/*====== cl2019 quote section css end here  ======*/

/*====== cl2019 news section css start here  ======*/
.cl2019filter-nav ul {
  text-align: left;
}
.cl2019filter-nav ul li {
  font-size: 1.5rem;
  color: #1e1656;
  padding-right: 1.5rem;
  cursor: pointer;
  margin-bottom: 1rem;
}
.cl2019filter-nav ul li a {
  color: #1e1656;
}
.cl2019filter-nav ul li .btn-link {
  border: none;
  background: none;
}
.cl2019filter-nav ul li.active .btn-link{
  text-decoration: underline;
}
.cl2019filter-nav ul li:last-child {
  padding-right: 0;
}
.cl2019filter-nav ul li:hover,
.cl2019filter-nav ul li.active {
  text-decoration: underline;
}
@media (min-width: 768px) {
  .cl2019filter-nav ul {
    text-align: right;
  }
  .cl2019filter-nav ul li {
    padding-right: 3rem;
  }
}

.cl2019-4section .cl2019-4section__list {
  position: relative;
  padding: 2px;
}
.cl2019-4section .cl2019-4section__list--info {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 20px;
  z-index: 5;
}
.cl2019-4section .cl2019-4section__list--info h3 {
  font-size: 1.4rem;
}
.cl2019-4section .cl2019-4section__list--info .hbku-tag .tag {
  /* background-color: transparent;
  padding-left: 0;
  padding-right: 0; */
  padding-bottom: 3px;
}
@media (max-width: 480px) {
  .cl2019-4section .cl2019-4section__list--info h3 {
    font-size: 1.2rem;
  }
}
@media (min-width: 768px) {
  .cl2019-4section .cl2019-4section__list--info {
    padding: 30px;
  }
  .cl2019-4section .cl2019-4section__list--info h3 {
    font-size: 1.75rem;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .cl2019-4section .cl2019-4section__list--info {
    padding: 20px;
  }
  .cl2019-4section .cl2019-4section__list--info h3 {
    font-size: 1.4rem;
  }
}

@media (min-width: 1200px) and (max-width: 1440px) {
  .cl2019-4section .cl2019-4section__list--info h3 {
    font-size: 1.3rem;
    text-transform: initial;
  }
  .cl2019-4section .cl2019-4section__list--info .hbku-tag .tag{
    font-size: 12px;
  }
}

/*====== cl2019 news section css end here  ======*/

/*====== cl2019-4section2 css start here  ======*/

.cl2019-4section2 .cl2019-4section2__list {
  position: relative;
  margin: 10px;
}
.cl2019-4section2 .cl2019-4section2__list--image{
  margin-bottom: 5px;
  border-radius: 5px;
}
.cl2019-4section2 .cl2019-4section2__list--image img{
  border-radius: 5px;
}

.cl2019-4section2 .cl2019-4section2__list--info {
  width: 100%;
}
.cl2019-4section2 .cl2019-4section2__list--info h3 {
  font-size: 1rem;
  color: #201858;
}
.cl2019-4section2 .cl2019-4section2__list--info .hbku-tag .tag {
  background-color: transparent;
  padding-left: 0;
  padding-right: 0;
  color: #0076bc;
  font-size: 0.9rem;
}
.cl2019-4section2-fullheight{
   position: relative;
}
.cl2019-4section2-fullheight .cl2019-4section2__list--info{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 20px;
  z-index: 5;
}
.cl2019-4section2-fullheight .cl2019-4section2__list--info h3{
  font-size:2.2rem;
 }
/*====== cl2019-4section2 css end here  ======*/

/*====== cl2019 news section3 css start here  ======*/

.cl2019-4section3 .cl2019-4section3__list {
  position: relative;
  margin: 6px;
}
.cl2019-4section3 .cl2019-4section3__list-big .cl2019-4section3__list--info h3{
  font-size: 1.5rem;
}
.cl2019-4section3 .cl2019-4section3__list .cl2019-4section3__list--image{
  border-radius: 6px;
}
.cl2019-4section3 .cl2019-4section3__list .cl2019-4section3__list--image img{
  border-radius: 6px;
}
.cl2019-4section3 .cl2019-4section3__list--info {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 20px;
  z-index: 5;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
  border-radius: 0 0 8px 8px;
}
.cl2019-4section3 .cl2019-4section3__list--info h3 {
  font-size: 2rem;
  line-height: 1.4;
  font-weight: 600;
}
.cl2019-4section3 .cl2019-4section3__list--info .hbku-tag .tag {
  background-color: transparent;
  padding-left: 0;
  padding-right: 0;
}
@media (max-width: 480px) {
  .cl2019-4section3 .cl2019-4section3__list--info h3 {
    font-size: 1rem;
  }
  .cl2019-4section3 .cl2019-4section3__list-big .cl2019-4section3__list--info h3{
   font-size: 1.5rem;
  }
  .cl2019-4section3 .cl2019-4section3__list--info p{
    display: none;
  }
}
@media (min-width: 768px) {
  .cl2019-4section3 .cl2019-4section3__list--info {
    padding: 25px;
  }
  .cl2019-4section3 .cl2019-4section3__list--info p{
    font-size: 14px;
    line-height: 1.4;
  }
  .cl2019-4section3 .cl2019-4section3__list--info h3 {
    font-size: 1.3rem;
  }
    .cl2019-4section3 .cl2019-4section3__list-big .cl2019-4section3__list--info h3{
    font-size: 2rem;
  }
}
@media (min-width: 992px) {
  .cl2019-4section3 .cl2019-4section3__list--info {
    padding: 20px;
  }
  .cl2019-4section3 .cl2019-4section3__list--info h3 {
    font-size: 1rem;
  }
}

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

}

/*====== cl2019 news section3 css end here  ======*/

/*====== cl2019 Degree Program section css start here  ======*/
.mez.degree-program.cl2019degree-program {
  background-color: #f4f5f5;
  background-image: none;
}
.mez.cl2019degree-program .degree-program__header,
.mez.cl2019degree-program .mez.filter,
.mez.cl2019degree-program .degree-program__detail {
  background-color: transparent;
}
.mez.cl2019degree-program .mez.filter ul.filter__check {
  padding-left: 0;
  padding-right: 0;
}

.mez.cl2019degree-program .mez.filter ul.filter__check > li {
  font-size: 1.5rem;
  color: #1e1656;
}

.mez.cl2019degree-program .degree-program__detail {
  padding-left: 0;
  padding-right: 0;
}
.mez.cl2019degree-program .admission-block {
  margin-bottom: 20px;
  padding-left: 10px;
  padding-right: 10px;
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
}
.mez.cl2019degree-program .l-admission-block {
  padding: 0;
  box-shadow: 0 0 20px #eaeaea;
}
.mez.cl2019degree-program .l-admission-block:hover {
  background-color: #e6eef5;
  -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);
}
.mez.cl2019degree-program .l-admission-block--info {
  padding: 30px;
}
.mez.cl2019degree-program .l-admission-block img {
  width: auto;
  height: auto;
  border: none;
  margin-bottom: 0;
}
.mez.cl2019degree-program .l-admission-block h4 {
  font-size: 1.5rem;
  color: #1e1656;
}

.mez.cl2019degree-program .l-admission-block .l-tag--sm[class*="l-tag"] li a {
  border-radius: 0;
  font-size: 1rem;
  padding: 10px;
  display: block;
}

.mez.cl2019degree-program .l-admission-block,
.mez.cl2019degree-program .l-admission-block: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;
}

@media (min-width: 768px) {
  .mez.cl2019degree-program .mez.filter ul.filter__check {
    padding-top: 0;
    padding-bottom: 0;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  .mez.cl2019degree-program .admission-block {
    max-width: inherit;
  }
  .mez.cl2019degree-program .l-admission-block h4 {
    font-size: 1.7rem;
  }
  .mez.cl2019degree-program .l-admission-block .l-tag--sm[class*="l-tag"] li {
    display: block;
    width: 100%;
  }
  .mez.cl2019degree-program .l-admission-block .l-tag--sm[class*="l-tag"] li a {
    font-size: 1.2rem;
    padding: 10px 25px;
  }
}

@media (max-width: 480px){
  .mez.cl2019degree-program .mez.filter ul{
    display: grid;
    grid-template-columns: auto auto;
    grid-gap:5px 15px;
    justify-content: inherit;
  }
  .mez.cl2019degree-program .mez.filter ul li{
    padding-right: 0;
    margin-right: 0;
    margin-bottom: 0;
  }
  .cl2019filter-nav ul li .btn-link{
    padding: 0;
    margin:0;
  }
}

/*====== cl2019 Degree Program section css end here  ======*/

/*====== cl2019 our partners section css start here  ======*/
.cl2019partners .cl2019partners__info{
  pointer-events: none;
}
.cl2019partners .cl2019partners__info--image {
  margin-bottom: 20px;
}

.cl2019partners__membership--image {
  text-align: right;
}

.cl2019partners .cl2019partners__list ul li {
  display: inline-block;
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: left;
  width: 48%;
  pointer-events: auto;
}

@media (max-width: 580px) {
  .cl2019partners .cl2019partners__list ul li {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
  }

  .cl2019partners__membership--image {
    text-align: center;
  }
}

@media (min-width: 768px) {
  .cl2019partners .cl2019partners__info--image {
    float: left;
    padding-right: 5%;
    width: 46%;
  }
  .cl2019partners .cl2019partners__list ul li {
    width: 23%;
    padding-right: 10px;
  }
}
@media (min-width: 1200px) {
  .cl2019partners .cl2019partners__info--image {
    max-width: 47%;
    margin-bottom: 0;
  }
}
/*====== cl2019 our partners section css end here  ======*/

/*====== cl2019 our partners2 section css start here  ======*/
.cl2019partners2 .cl2019partners__info{
  pointer-events: none;
}
.cl2019partners2 .cl2019partners__info p{
  font-size: 1.2rem;
  line-height: 1.5;
  color: #1f1757;
  margin-bottom: 0;
}
.cl2019partners2 .cl2019partners__info--image {
  margin-bottom: 20px;
}
.cl2019partners2 .cl2019partners__list ul li {
  display: inline-block;
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: center;
  width: 48%;
  pointer-events: auto;
}
.cl2019partners2 .cl2019partners__list{
  float: none;
}

@media (max-width: 580px) {
  .cl2019partners2 .cl2019partners__list ul li {
     width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
  }
}

@media (min-width: 768px) {
  .cl2019partners2 .cl2019partners__info--image {
    float: left;
    padding-right: 5%;
    width: 50%;
  }
  .cl2019partners2 .cl2019partners__info {
    float: left;
    width: 50%;
}
  .cl2019partners2 .cl2019partners__list ul li {
    width: 23%;
    padding-right: 10px;
  }
}
@media (min-width: 1200px) {
  .cl2019partners2 .cl2019partners__info--image {
    max-width: 47%;
    margin-bottom: 0;
  }
}
/*====== cl2019 our partners2 section css end here  ======*/

/*====== cl2019 testimonial section css start here  ======*/
.cl2019testimonial.cl2019testimonial {
  background-image: url("../images/map-transparent.png");
  background-position: left top;
}


.single-blockquote{
  display: none;
}
#cl2019testimonial.singlequote .single-blockquote{
  display: block;
}
#cl2019testimonial.singlequote{
  position: relative;
}
#cl2019testimonial.singlequote .slider__dots{
  top: 100px;
}

@media (max-width: 568px){
  #cl2019testimonial.singlequote .slider__dots{
    top: 60px;
  }
}

@media (min-width: 568px) and (max-width: 1200px){
  #cl2019testimonial.singlequote .slider__dots{
    top:40px;
  }
}

.cl2019testimonial__container {
  margin-top: 110px;
}
.cl2019testimonial__content {
  padding: 20px;
  margin-top: 20px;
  background-color: #0095fc;

  text-align: center;
}
.cl2019testimonial__container blockquote {
  transition: transform 0.2s;
}

.cl2019testimonial .slider__dots li:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 20px solid #0095fc;
  position: absolute;
  bottom: -15px;
  left: 0;
  right: 0;
  margin: 0 auto;
  opacity: 0;
}
.cl2019testimonial .slider__dots li.slick-active:before {
  opacity: 1;
}
.cl2019testimonial__content--text {
  position: relative;
  text-indent: 30px;
  padding-left: 20px;
}
.cl2019testimonial__content--text p {
  font-size: 1.2rem;
}

.cl2019testimonial__content--text:before {
  left: -30px;
  top: -15px;
  position: absolute;
  background: none;
  content: "\f10d";
  display: inline-block;
  font-family: FontAwesome;
  font-size: 32px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  color: #86ceff;
  padding-right: 4px;
}

.cl2019testimonial__content,
.cl2019testimonial__content p,
.cl2019testimonial__content span {
  color: #fff;
}
.cl2019testimonial__content--caption {
  text-align: center;
}
.cl2019testimonial__content--caption span {
  text-transform: uppercase;
  display: block;
  color: #c6e2f5;
}
.cl2019testimonial__content .cl2019testimonial__content__caption--name {
  font-size: 1.4rem;
  color: #fff;
}
.cl2019testimonial .slider__dots {
  text-align: center;
  position: absolute;
  top: -100px;
  width: 100%;
}
.cl2019testimonial .slider__dots li {
  display: inline-block;
  position: relative;
  margin-left: 10px;
  margin-right: 10px;
  width: 80px;
  height: 80px;
}
.cl2019testimonial .slider__dots li button {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  border: 3px solid #ccc;
  background-repeat: no-repeat;
  background-size: cover;
  transition: all 0.3s ease-in-out 0s;
  display: inline-block;
  text-indent: -9999px;
}

.cl2019testimonial .slider__dots li:hover button {
  opacity: 0.5;
  border-color: #0095fc;
}
.cl2019testimonial .slider__dots li.slick-active,
.cl2019testimonial .slider__dots li.slick-active:hover {
  transform: scale(1.3);
  -webkit-transform: scale(1.3);
  -moz-transform: scale(1.3);
  -o-transform: scale(1.3);
  -ms-transform: scale(1.3);
  transition: transform 0.2s;
  -webkit-transition: transform 0.2s;
  -moz-transition: transform 0.2s;
  -o-transition: transform 0.2s;
  -ms-transition: transform 0.2s;
}
.cl2019testimonial .slider__dots li.slick-active button,
.cl2019testimonial .slider__dots li.slick-active:hover button {
  border-color: #0095fc;
  opacity: 1;
}
@media (max-width: 568px) {
  .cl2019testimonial .slider__dots li.slick-active,
  .cl2019testimonial .slider__dots li.slick-active:hover {
    transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  }
  .cl2019testimonial .slider__dots li:before {
    bottom: 21px;
  }
  .cl2019testimonial .slider__dots li {
    margin-left: 5px;
    margin-right: 5px;
    width: 45px;
  }
  .cl2019testimonial .slider__dots li button {
    width: 45px;
    height: 45px;
  }

  .cl2019testimonial .slider__dots {
    top: -60px;
  }
}
@media (min-width: 768px) {
  .cl2019testimonial__content {
    padding: 60px;
  }
  .cl2019testimonial__content--text {
    text-indent: 0;
    padding-left: 30px;
  }
  .cl2019testimonial__content--text:before {
    left: 0px;
  }
}
/*====== cl2019 testimonial section css end here  ======*/
/*====== cl2019 testimonial2 section css start here  ======*/

.cl2019testimonial2__content--text {
  position: relative;
  text-indent: 30px;
  padding-left: 20px;
  min-height: 250px;
}
.cl2019testimonial2__content--text p {
  /* font-size: 1.8rem; */
  font-size: 1.5rem;
  line-height: 1.5;
  color: #1f1757;
  margin-bottom: 0;
}

.cl2019testimonial2__content--text:before {
  left: -30px;
  top: -6px;
  position: absolute;
  background: none;
  content: "\f10d";
  display: inline-block;
  font-family: FontAwesome;
  font-size: 32px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  color: #1f1757;
  padding-right: 4px;
}
.cl2019testimonial2 .slick-slider .slick-arrow {
  font-size: 0;
  background: transparent;
  border: none;
  width: 50px;
  height: 30px;
  top: auto;
  bottom: 30px;
}
.cl2019testimonial2 .slick-slider .slick-arrow:after {
  display: none;
}
.cl2019testimonial2 .slick-slider .slick-arrow.slick-prev {
  left: 0px;
  border-radius: 0;
  padding: 0;
  margin: 0;
  text-align: right;
  bottom: 0px;
}
.cl2019testimonial2 .slick-slider .slick-arrow.slick-next {
  padding: 0;
  margin: 0;
  text-align: right;
  right: auto;
  left: 40px;
  bottom: 0px;
}
.cl2019testimonial2 .slick-slider .slick-arrow:before {
  background: none;
  content: "\f061";
  display: inline-block;
  font: normal normal normal 21px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  color: #011f3c;
  height: 22px;
}
.cl2019testimonial2 .slick-slider .slick-arrow:hover:before {
  color: #27a6de;
}
.cl2019testimonial2 .cl2019quote__person--img img{
  width: 140px;
}

.qbri-test .cl2019testimonial2 .cl2019quote__person--img img{
  width: 200px;
}
 .qbri-test .cl2019testimonial2 .cl2019quote__person__info{
    padding-left: 10%;
  }
@media (min-width: 992px){

  .cl2019testimonial2 .slick-slider .slick-arrow.slick-next, .cl2019testimonial2 .slick-slider .slick-arrow.slick-prev{
    bottom: -15px;
  }
  .qbri-test .cl2019testimonial2 .slick-slide{
    padding-top: 30px;
  }

}

@media (max-width: 991px){
  .cl2019testimonial2__content--text p{
    margin-bottom: 30px;
  }
  .cl2019testimonial2 .slick-slider .slick-arrow.slick-next,
  .cl2019testimonial2 .slick-slider .slick-arrow.slick-prev{
    bottom: -20px;
  }
}

/*====== cl2019 testimonial2 section css start here  ======*/

/*====================== CHLS landing new design page css end here ===================*/

/*====================== model css start here ===================*/
.clearfix::before,
.clearfix::after {
  display: table;
  content: "";
}
.open-modal {
  overflow: hidden;
}
.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
  outline: 0;
  height: 100%;
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  display: none;
}
@media (min-width: 768px) {
  .modal--center .modal__contact-area{
    width: 100%;
    height: 100%;
    position: relative;
  }
  .modal--center .modal__content {
    position: absolute;
    top: 50%;
    margin: 0 auto;
    left: 50%;
    -webkit-transform: translate(0%,-50%);
    transform: translate(-50%,-50%);
  }
}
.modal__mask {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99;
  background: rgba(19, 20, 27, 0.8);
}
.modal__contact-area {
  position: relative;
  z-index: 999;
}
.modal__content {
  width: auto;
  background: #fff;
  color: #797979;
  margin: 50px auto;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.5);
  border: 3px solid #066cc1;
}
.modal__content a {
  color: #1083cd;
}
.modal--sm {
  width: 400px;
}
.modal--md {
  width: 600px;
}
.modal--lg {
  width: 800px;
  margin: 30px auto;
}
.modal--xl,
.modal--xxl {
  width: 970px;
  margin: 30px auto;
}
.modal--xxl {
  width: 1160px;
}
.modal--xxl.expanded {
  width: 100%;
  margin: 0;
  border: none !important;
  border-radius: 0 !important;
}
.modal--warning {
  width: 544px;
  margin: 30px auto;
}
@media all and (max-width: 1200px) {
  .modal--xxl {
    width: 970px;
  }
}

@media all and (max-width: 992px) {
   .modal--lg,
  .modal--xl,
  .modal--xxl {
    width: 600px;
  }
}
@media all and (max-width: 480px) {
  .modal--sm {
    width: 300px;
  }
}
@media all and (max-width: 600px) {
  .modal--md,
   .modal--lg,
  .modal--xl,
  .modal--xxl {
    width: auto;
    margin-left: 10px;
    margin-right: 10px;
  }
}
.modal__header {
  display: block;
  position: relative;
  padding: 20px;
  background: #f7f7f7;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom: 1px solid #d1d1d1;
}
.modal__header--title {
  margin: 0;
  line-height: 1.5;
  font-weight: 500;
  color: #1e1656;
}
.modal__header--desc {
  font-size: 1.6rem;
  line-height: 1.5;
  margin-bottom: 0;
}
.modal__header--cont {
  font-size: 1.4rem;
  line-height: 1.5;
  margin-bottom: 0;
}

.modal__close {
  color: #fff;
  display: block;
  text-align: center;
  font-size: 1.4rem;
  line-height: 0;
  border-radius: 50%;
  position: absolute;
  right: 3px;
  top: 1px;
  z-index: 999;
}
.modal__close i {
  color: #fff;
  font-size: 18px;
}

.modal__close:hover,
.modal__close:focus,
.modal__close:visited {
  color: #797979;
}
.modal__body:before {
  content: "";
  width: 0;
  height: 0;
  border-top: 30px solid transparent;
  border-bottom: 30px solid transparent;
  border-left: 30px solid #066cc1;
  position: absolute;
  top: -20px;
  right: -5px;
  z-index: 9;
  transform: rotate(-44deg);
}

.modal__body {
  display: block;
  padding: 20px;
  overflow: hidden;
  position: relative;
}
.modal__body .form__row {
  width: 100%;
  padding-bottom: 20px;
}
.modal__body .form__row.last {
  padding-bottom: 0;
}
.modal__body input[type="text"] {
  border: 1px solid #bcbcbc;
  padding: 10px 15px;
  width: 100%;
  color: #d1d1d1;
  border-radius: 5px;
}
.modal__body input[type="text"]:focus {
  color: #333333;
}

.modal__body p {
  margin: 0;
}
.modal__body p.big {
  font-size: 1.6rem;
}
.modal__body p.small {
  font-size: 1.2rem;
}
.modal__body p.top--ten {
  margin-top: 10px;
}

/*====================== model css end here ===================*/


/*====================== event page css start here ===================*/

.section-upcoming-event{

}
.upcoming-event .side-pipeCard{
  left: -30px;
}
@media all and (max-width: 767px) {
  .sdleft-event-block .button-group a:last-child{
    margin-left: 5px;
  }
}
@media all and (min-width: 992px) {
  /* .section-upcoming-event + section > div {
      padding-top: 60px;
  } */
.section-upcoming-event > div  {
      padding-bottom: 80px;
  }
  .upcoming-event {
      position: absolute;
      width: 100%;
      z-index: 9;
      top: 80%;
      -webkit-transform: translateY(-80%);
      transform: translateY(-80%);
  }

}

/*======upcoming event slider css start here =======*/
.btnBox .btnBox-list .slick-list[style]{
  padding:0 50px 0 0 !important;
}
.btnBox .btnBox-thumbnail {
  display: inline-block;
  position: relative;
  margin-right: 7px;
  margin-left: 7px;
  line-height: 0;
  border: 3px solid rgba(0, 136, 206, 0.5);
  box-sizing: content-box;
  transition: 0.8s;
  overflow: hidden;
}

.btnBox .btnBox-thumbnail a {
  display: block;
}
.btnBox .btnBox-thumbnail:before {
  content: "";
  background-color: rgba(0, 136, 206, 0.2);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  transition: 0.8s;
  z-index: 5;
}

.btnBox .btnBox-details {
  position: absolute;
  z-index: 9;
  text-align: center;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  padding: 10px;
  -moz-transition: opacity 0.1s ease-out;
  -webkit-transition: opacity 0.1s ease-out;
  -o-transition: opacity 0.1s ease-out;
  transition: opacity 0.1s ease-out;
  box-sizing: border-box;
}

.btnBox .btnBox-thumbnail img {
  transition: 0.8s;
}
.btnBox-details .btnBox-header h5 {
  color: #fff;
  font-family: 'robotomedium';
  font-weight: 500;
  font-size: 2rem;
  line-height: 1.2;
  text-shadow: 1px 0 2px #333;
}
.btnBox-details .btnBox-text {
  color: #fff;
  line-height: 1.2;
  opacity: 0;
  transition: 0.8s;
}
/*===hover===*/
.btnBox .btnBox-thumbnail:hover {
  border-color: rgba(0, 136, 206, 1);
  transition: 0.8s;
}
.btnBox .btnBox-thumbnail:hover img {
  transform: scale(1.1);
  transition: 0.8s;
}
.btnBox .btnBox-thumbnail:hover:before {
  background-color: rgba(0, 136, 206, 0.5);
  transition: 0.8s;
}
.btnBox .btnBox-thumbnail:hover .btnBox-text {
  opacity: 1;
  transition: 0.8s;
}


.btnBox .btnBox-list .slider__dots {
  width: 100%;
  text-align: center;
  bottom: -5px;
}
.btnBox .btnBox-list .slider__dots li {
  color: #fff;
  width: 20px;
  transition: transform 0.2s;
  position: relative;
  display: inline-block;
}
.btnBox .btnBox-list .slider__dots li button{
  border: none;
  background: #85c8ff;
  border-radius: 50%;
  width: 12px;
  height: 12px;
}
.btnBox .btnBox-list .slider__dots li.slick-active button{
  background: #066cc1;
}

.btnBox .slick-slider .slick-arrow {
  font-size: 0;
  background: transparent;
  border: none;
  width: 50px;
  height: 30px;
}
.btnBox .slick-slider .slick-arrow:after {
  display: none;
}
.btnBox .slick-slider .slick-arrow.slick-prev {
  left: -50px;
  border-radius: 0;
  padding: 0;
  margin: 0;
  text-align: right;
}
.btnBox .slick-slider .slick-arrow.slick-next {
  padding: 0;
  margin: 0 0 8px 0;
  text-align: right;
  right: -50px;
}
.btnBox .slick-slider .slick-arrow:before {
  background: none;
  content: "\f054";
  display: inline-block;
  font: normal normal normal 24px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  color: #1e1656;
}
.btnBox .slick-slider .slick-arrow:hover:before {
  color: #27a6de;
}

@media (min-width: 768px) {
  .btnBox .btnBox-list .slick-list[style]{
    padding:0 120px 0 0 !important;
  }

}
@media (min-width: 1440px) {
  .btnBox-details .btnBox-header h5 {
    font-size: 2.5rem;
  }
}
@media (max-width: 992px) {
  .btnBox .btnBox-list{
    padding-bottom: 30px;
  }
}
/*======upcoming event slider css end here =======*/

/*======upcoming Timer bloick css start here =======*/
.posterSlide .posterSlide-inner{
  padding-bottom: 20px;
}
.poster-info__details{
  padding: 30px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.poster-info__details:before{
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-image: linear-gradient(to left, transparent 0%, #1e1656 45%, #1e1656 70%);
  background-image: -webkit-linear-gradient(to left, transparent 0%, #1e1656 45%, #1e1656 70%);
  background-image: -moz-linear-gradient(to left, transparent 0%, #1e1656 45%, #1e1656 70%);
  background-image: -ms-linear-gradient(to left, transparent 0%, #1e1656 45%, #1e1656 70%);
  background-image: -o-linear-gradient(to left, transparent 0%, #1e1656 45%, #1e1656 70%);
}

.poster-info__details__inner .poster__subTitle{
  font-size: 2rem;
}
.poster-info__details__inner .poster__title{
  font-size: 2rem;
}

.poster-info__details .poster-btn a{
  margin-top: 15px;
  margin-bottom: 15px;
}
.eTimer #clock-timer{
  padding-bottom:30px;
}
.eTimer #clock-timer .clock-timer__list span{
  font-size: 36px;
}
@media (min-width: 768px) {
  .poster-info__details__inner .poster__title{
    font-size: 2.5rem;
  }
  .poster-info__details{
    min-height: 250px;
  }
}
@media (min-width: 992px) {

  .poster-info__details{
    padding: 60px;
    min-height: 350px;
  }
  .poster-info__details__inner .poster__title{
    font-size: 3rem;
  }
  .eTimer #clock-timer{
    padding-bottom: 0;
  }
  .poster-info__details .poster-btn a{
    font-size: 1.2rem;
    margin-bottom: 0;
  }
}

@media (min-width: 1440px) {
  .poster-info__details__inner .poster__title{
    font-size:4rem;
  }
}
/*======upcoming Timer bloick css end here =======*/

/*====================== event page css end here ===================*/



/*====================== conference event page css start here ===================*/
/*====== conference banner css start here ======*/
.conference{}
.event-register__details{
  margin-bottom: 30px;
}
.event-register__details__list li{
  margin-bottom: 10px;
  font-size: 1.2rem;
  font-family: "robotoregular";
  color:#00adee;
  padding-left: 30px;
  position: relative;
}
.event-register__details__list li i{
  padding-right: 10px;
  font-size: 18px;
  position: absolute;
  left: 0;
  top: 2px;
}
.event-register__details__list li span{
  font-family: 'robotomedium';
  color:#fff;
  letter-spacing: 0.5px;
}
.event-register__details__list li:last-child{
  margin-bottom: 0;
}
.event-register__details__list li i,
.event-register__details__list li i svg{
  color:#dedede;
  fill:#dedede;
}
.event-register__details__list li i svg{
  margin-bottom: 8px;

}
.event-register__date.mez.registration{
  border-bottom: none;
}
.event-register__date.mez.registration .registration__btns{
  float: none;
  max-width: 400px;
}
.event-register__date.mez.registration .registration__btns a{
  width: 100%;
}
.event-register__date .registration__onofdate{
  display: flex;
  margin-bottom: 30px;
}
.event-register__date.mez.registration .l-event-date{
  border:1px solid #fff;
  margin-bottom: 0;
}

.event-register__date.mez.registration .registration__date:last-child{
  margin-right: 0;
}
.event-register__date .l-event-date:before,
.event-register__date .l-event-date--lg span em:last-child:before{
  display: none;
}
.event-register__date .l-event-date--lg .l-event-date-title{
  display:block;
  text-transform: capitalize;
  font-size: 21px;
  margin-bottom: 25px;
  font-family: "robotomedium";
}
.event-register__date .l-event-date--lg strong{
  margin-bottom: 25px;
}
.event-register__date .l-event-date--lg span em{
  font-family: "robotomedium";
}

@media (max-width: 540px) {
  .event-register__date.mez.registration .registration__date {
    margin-right: 20px;
  }
}

@media (min-width: 767px){
  .event-register__date .l-event-date--lg strong{
    font-family: 'robotobold';
  }
  .event-register__date.mez.registration .registration__btns .l-btn{
    font-size: 1.2rem;
    max-width: 410px;
  }

  .event-register__date.mez.registration .registration__btns .l-btn,
  .event-register__date.mez.registration .registration__btns{
    width: 410px;
  }

}

@media (min-width: 992px){
  .event-register__details{
    margin-bottom: 0;
  }
}
/*====== conference banner css end here ======*/

/*====== Agenda css start here ======*/
.agenda__title{
  margin-bottom: 40px;
}
.agenda__title h3{
  color: #27a6de;
}
.agenda__title i svg{
  fill: #066cc1;
}
.agenda-tab .nav-tabs .nav-link{
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border: none;
    background: transparent;
    color: #27a6de;
    padding:10px 35px;
    position: relative;
    border:1px solid #27a6de;
    font-size: 16px;
}
.agenda-tab .nav-tabs{
  border-bottom: none;
}
.agenda-tab .nav-tabs .nav-item{
  margin: 2px;
}
.l-article .agenda-tab .nav-tabs{
  margin-left: 0;
  padding-left: 0;
}
.l-article .agenda-tab .nav-tabs .nav-item{
  margin: 4px;
  padding: 0;
}
.l-article .agenda-tab .nav-tabs .nav-item:before{
  display: none;
}
.l-article .agenda-tab .session--lecturer .lecturer--img{
  min-width: 80px;
}
.agenda-tab .nav-tabs .nav-link.active{
  background-color:#27a6de;
  color:#fff;
}
.l-article .agenda-tab .session--lecturer a{
  color: #1e1656;
}
.agenda-tab .tab-content{
  padding-top:20px;
}
.agenda-tab .inner{
  background-color:#ededed;
  padding:30px;
}
.session-row__cell{
  border-left:4px solid #bed9e7;
  padding-bottom: 30px;
  padding-left: 20px;
  position: relative;
}
.session-row__cell:before{
  content:'';
  position: absolute;
  top: 0;
  left: -10px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: #0088ce;
}

.session-row__cell .session--time{
  margin-bottom: 5px;
}
.session-row__cell .session--time span{
  color:#27a6de;
  font-size:18px ;
  line-height: 0;
}
.session-row__cell .session--title h3{
  font-size:1.5rem ;
  color:#1e1656;
}
.session-row__cell .session--info p{
  color:#1e1656;
}


.session--lecturer .lecturer--img {
  padding-right: 20px;
  margin-bottom:10px;
}
.session--lecturer .lecturer--img a{
  display: inline-block;
}
.session--lecturer .lecturer--img img {
  max-width: 50px;
  border: 2px solid #27a6de;
}

.session--lecturer .lecturer__info a{
  display: inline-block;
}
.session--lecturer .lecturer-name {
  color: #1e1656;
  font-size: 18px;
  margin-bottom: 5px;
  font-family: 'robotobold';
}
.session--lecturer .lecturer-designation {
  margin-bottom: 5px;
  color: #1e1656;
}

.session--lecturer .lecturer-social ul {
  margin-bottom: 0;
  padding-left: 0;
}
.session--lecturer .lecturer-social li {
  padding-left: 0;
  padding-bottom: 0;
  padding-right: 5px;
}
.session--lecturer .lecturer-social li:before {
  display: none;
}
.session--lecturer .lecturer-social li i {
  color: #525252;
}
.session--lecturer .lecturer-social li:hover i {
  color: #27a6de;
}

.session--lecturer .lecturer--img img,
.session--lecturer .lecturer--img:hover img,
.session--lecturer .lecturer-social li:hover i,
.session--lecturer .lecturer-social li i {
  transition: all ease 0.5s;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  -ms-transition: all ease 0.5s;
}

@media (min-width: 568px){
  .agenda__title h3{
    padding-top: 9px;
    width: calc(100% - 220px);
  }
  .agenda__title .l-btn{
    position: absolute;
    right: 0;
    top: 12px;
    font-size: 1.2rem;
  }
  .session--lecturer {
    display: flex;
  }
  .session--lecturer .lecturer--img {
    margin-bottom: 0;
  }
  .session--lecturer .lecturer--img img{
    max-width: 70px;
  }
}

@media (min-width: 767px){
  .session-row__cell{
    padding-bottom: 60px;
    padding-left: 40px;
  }
  .agenda__title{
    margin-bottom: 40px;
  }
  .agenda-tab .inner{
    padding:60px;
  }
  .agenda-tab .nav-tabs .nav-link{
    font-size: 18px;
  }
  .session-row__cell .session--time span{
    font-size: 21px;
  }
  .session-row__cell .session--info p{
    font-size: 21px;
    line-height: 1.4;
  }
  .session-row__cell .session--title h3{
    font-size:2rem ;
  }
}

@media (min-width: 1200px){
  .agenda-tab .inner{
    padding:80px;
  }
  .l-article .agenda-tab .inner{
    padding:60px;
  }
}

/*====== Agenda css end here ======*/

/*====== Menu tab css start here ======*/
.menuTab-whitebg{
  position: relative;
}
.menuTab-whitebg:after{
  content: "";
  width:100%;
  height:20px;
  position: absolute;
  bottom: 0px;
  background-color: #fff;
  z-index: 1;
}
.menuTab-container{
  position: relative;
  z-index: 2;
}
.menu-tab .nav-tabs{
  border-bottom: none;
  white-space: nowrap;
  overflow: hidden;
  box-sizing: border-box;
  margin: 0 50px;
  padding-bottom: 20px;
}
.menu-tab .nav-tabs .nav-item {
    white-space: normal;
    /* display: inline-grid;
    display: -ms-inline-grid;
    display: --moz-inline-grid;
    display: -webkit-inline-grid;
    display: -o-inline-grid; */
    display: inline-block;
    float: none;
}

.menu-tab .nav-tabs .nav-link {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border: none;
    background: transparent;
    color: #fff;
    padding: 15px 35px;
    position: relative;
    border: none;
    font-size: 18px;
    opacity: 0.7;
    display: inline-block;

}
.menu-tab .nav-tabs .nav-link:before {
    content: "";
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #1e1656;
    position: absolute;
    bottom: -13px;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 2;
    opacity: 0;
   transition: all 1s;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -o-transition: all 1s;
  -ms-transition: all 1s;
}
.menu-tab .nav-tabs .nav-link.active:before, .menu-tab .nav-tabs .nav-link:hover:before{
  opacity: 1;
  transition: all 1s;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -o-transition: all 1s;
  -ms-transition: all 1s;
}

.menu-tab .nav-tabs .nav-link:hover, .menu-tab .nav-tabs .nav-link.active:hover, .menu-tab .nav-tabs .nav-link.active, .menu-tab .nav-tabs .nav-link.active:focus{
  background-color:transparent;
  color:#fff;
  opacity:1;
}
.menu-tab .tab-content{
  padding: 0;
}
.menu-tab .tab-content .inner{
  padding: 40px 35px;
}

.menuTab-container #btn-nav-previous, .menuTab-container #btn-nav-next{
  text-align: center;
  color: white;
  cursor: pointer;
  font-size: 32px;
  padding: 12px 8px;
  line-height: 0;
  display: none;
}
#btn-nav-previous {
    position: absolute;
    left: 0px;
}
#btn-nav-next{
    text-align: center;
    color: white;
    cursor: pointer;
    font-size: 24px;
    position: absolute;
    right: 0px;

}
.bg-info-light .menuTab-container #btn-nav-previous, .bg-info-light .menuTab-container #btn-nav-next{
  color: #1e1656;
}
.colorbgunder.colorbgunder{
  margin-top: -20px;
  position: relative;
  z-index: 1;
}
@media (max-width: 767px){
  .colorbgunder.colorbgunder{
    margin-top: 0px;
  }
}
@media (max-width: 992px){
  .menu-tab .nav-tabs .nav-link{
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (min-width: 992px){
  .menu-tab .nav-tabs{
    margin: 0 80px;
  }
}

/*=== Mobile Views start here ===*/
.menuTab-toggle{ display: none;}
@media (max-width: 767px){
.menuTab-toggle{ display:block; width: 100%; padding-bottom: 20px;}

.menuTab-toggle__btn {
    display: block;
    overflow: auto;
    padding: 15px 10px;
    background-color: #27a6de;
}
.menuTab-toggle__btn--text {
    float: left;
    font-size: 1.4rem;
    font-weight: ;
    color: #ffffff;
    clear: left;
    text-transform: uppercase;
    line-height: 1;
}
.menuTab-toggle__btn--icon {
    float: right;
    clear: right;
    display: inline-block;
    cursor: pointer;
}
.menuTab-toggle__btn--icon .icon-bar {
    margin: 3px 0;
    display: block;
    width: 25px;
    padding: 1.5px;
    background: #ffffff;
}
.menuTab-toggle__btn--icon .icon-bar:last-child {
    margin-bottom: 0px;
}
.menu-tab .nav-tabs{
    margin:0;
    padding: 0;
    display: none;

  }
.menuTab-toggle__btn .icon-bar{
  transition: all 0.3s ease-out 0s;
}
.menuTab-toggle__btn.active .icon-bar:first-child{
    opacity: 0;
    transition: all 0.3s ease-out 0s;
}
.menuTab-toggle__btn.active .icon-bar:nth-child(2) {
  -webkit-transform: rotate(47deg);
  -moz-transform: rotate(47deg);
  -o-transform: rotate(47deg);
  transform: rotate(47deg);
  transition: all 0.3s ease-out 0s;
}
.menuTab-toggle__btn.active .icon-bar:nth-child(3){
  -webkit-transform: rotate(-47deg);
  -moz-transform: rotate(-47deg);
  -o-transform: rotate(-47deg);
  transform: rotate(-47deg);
  margin-top: -6px;
  transition: all 0.3s ease-out 0s;
}

.menu-tab .nav-tabs.active{
  display: block;
}
.menu-tab .nav-tabs .nav-link:before{
  border-bottom: 10px solid transparent;
  border-left: 12px solid #27a6de;
  border-top: 10px solid transparent;
  border-right: none;
  top: 18px;
  bottom: auto;
  left: 0;
  right: auto;
}
.menuTab-whitebg:after{
    display: none;
  }
  .menu-tab .nav-tabs .nav-item{
    padding: 0;
    margin: 0;
  }
  .menu-tab .nav-tabs .nav-item, .menu-tab .nav-tabs .nav-item .nav-link{
    display: block;
  }
  .menuTab-container #btn-nav-previous, .menuTab-container #btn-nav-next{
    display: none !important;
  }


}
/*=== Mobile Views end here ===*/
/*===reverse tab menu css start===*/
.menu-tab.menu-tab-reverse .nav-tabs .nav-link:before{
  top: -13px;
  border-bottom: 15px solid #1e1656;
  border-top:none;
}
.menu-tab.menu-tab-reverse .nav-tabs{
  padding-top: 20px;
  padding-bottom: 0;
}
.menu-tab.menu-tab-reverse .menuTab-whitebg:after{
  top: 0;
}
.menu-tab.menu-tab-reverse .menuTab-container #btn-nav-previous, .menu-tab.menu-tab-reverse .menuTab-container #btn-nav-next{
  bottom: 0;
}
@media (max-width: 767px){
  .menu-tab.menu-tab-reverse .nav-tabs .nav-link:before {
    top: 25px;
    border-top: 15px solid transparent;
    border-bottom: 10px solid transparent;
}
}
/*===reverse tab menu css end ===*/

/*====== Menu tab css end here ======*/
/*====== card block css start here ======*/
.card-block .l-card figure{
  border-radius: 0;
  width: inherit;
  height: inherit;
  background-color: #fff;
  padding: 5px;
  transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  -webkit-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
}
.card-block .l-card figure:hover{
  background-color: #cecece;
  transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  -webkit-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
}
.card-block .l-card figure a:before{
  display: none;
}
.card-block .card-block-list{
  overflow: inherit;
}
.card-block .card-block-list li {
  padding-left: 10px;
  padding-right: 10px;
  float: left;
}
.card-block .l-card h4 a{
  color:#fff;
  font-size: 18px;
  line-height: 1.4;
}
.card-block .card-block-list .slider__dots li{
  float:none;
  padding: 0;
  margin: 0;
}
.arrowformat.card-block-slide .slider__dots{
  bottom: -10px;
}
.arrowformat.card-block-slide .slick-slider .slick-arrow:before{
  color: #fff;
  opacity: 0.5;
}
.arrowformat.card-block-slide .slick-slider .slick-arrow:hover:before{
  opacity: 1;
}
.card-block .slick-slider .slick-arrow{
  top: 170px;
}
.card-block .social-icon{
  padding-bottom: 10px;
}
.card-block .social-icon li{
  padding-left: 5px;
  padding-right: 5px;
  margin: 0;
  display: inline-block;
  float: none;
}
.card-block .social-icon li i{
  font-size: 18px;
}
/*====== card block css end here ======*/

/*====== card1 block css start here ======*/
/*slide view .slide*/
.card1-block .card1-block-list--item{
  border:1px solid #d9d8dd;
  padding: 20px;
  /* width: 30%;
  float: left; */
  box-sizing: border-box;
  border-radius: 10px;
  margin: 0 10px;
   transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
}
.card1-block .card1-block-list--item:hover{
  border-color:#bbd4f7;
  box-shadow: 0px 0px 10px rgba(187, 212, 247, 0.5);
   transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
}
.card1-block .card1-block-list--item h4{
  margin:0;
}
.card1-block .l-card figure{
  border-radius: 0;
  width: inherit;
  height: inherit;
  background-color: #fff;
  padding: 0px;
  position: relative;
  transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  -webkit-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
}
.card1-block .l-card figure:hover{
  background-color: #cecece;
  transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  -webkit-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
}
.card1-block .l-card figure a:before{
  display: none;
}
.card1-block .card-block-list{
  overflow: inherit;
}
.card1-block .card1-block__post{
  font-size: 0.9rem;
}

.card1-block .card-block-list li {
  padding-left: 10px;
  padding-right: 10px;
  float: left;
}
.card1-block .l-card h4 a{
  color:#333;
  font-size: 18px;
  line-height: 1.4;
  display: block;
}

.card1-block .slider__dots {
  width: 100%;
  text-align: center;
   bottom: -20px;
}
.card1-block .slider__dots li {
  color: #fff;
  width: 20px;
  transition: transform 0.2s;
  position: relative;
  display: inline-block;
}
.card1-block .slider__dots li button{
  border: none;
  background: #066cc1;
  border-radius: 0;
  width: 10px;
  height: 10px;
  font-size: 0;
}
.card1-block .slider__dots li.slick-active button{
  background: #011f3c;
}

@media (max-width: 767px) {
.card1-block .slider__dots {
    display: block;
    position: relative;
    right: inherit;
    text-align: center;
    margin: 0 auto;
    width: 100%;
    bottom: -20px;
  }
.card1-block .slider__dots li {
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    width: initial;
  }
.card1-block .slick-list[style]{
    padding:0 50px 0 0 !important;
  }
}

.arrowformat.card1-block .slide .slick-slider .slick-arrow:before{
  color: #fff;
  opacity: 0.5;
}
.arrowformat.card1-block .slide .slick-slider .slick-arrow:hover:before{
  opacity: 1;
}
.card1-block .slick-slider .slick-arrow{
  top: 170px;
  opacity: 0.5;
}
.card1-block .slick-slider .slick-arrow:hover{
  opacity: 1;
}
.card1-block .social-icon{
  position: absolute;
  top: 40%;
  left: 0;
  right: 0;
  z-index: 99999;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  transition: all .6s ease-in-out;
  -moz-transition: all .6s ease-in-out;
  -o-transition: all .6s ease-in-out;
  -webkit-transition: all .6s ease-in-out;
  -ms-transition: all .6s ease-in-out;
  -webkit-transform: translateY(-80%) rotateX(60deg);
    -moz-transform: translateY(-80%) rotateX(60deg);
    -ms-transform: translateY(-80%) rotateX(60deg);
    -o-transform: translateY(-80%) rotateX(60deg);
    transform: translateY(-80%) rotateX(60deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    margin: 0;
    opacity: 0;
    filter: alpha(opacity=0);
}
.card1-block .card1-block-list--item:hover .social-icon{
  /* top: 50%; */
  transition: all .6s ease-in-out;
  -moz-transition: all .6s ease-in-out;
  -o-transition: all .6s ease-in-out;
  -webkit-transition: all .6s ease-in-out;
  -ms-transition: all .6s ease-in-out;
      -webkit-transform: translateY(0) rotateX(0deg);
    -moz-transform: translateY(0) rotateX(0deg);
    -ms-transform: translateY(0) rotateX(0deg);
    -o-transform: translateY(0) rotateX(0deg);
    transform: translateY(0) rotateX(0deg);
    opacity: 1;
    filter: alpha(opacity=100);
}
.card1-block .social-icon li{
  padding-left: 5px;
  padding-right: 5px;
  margin: 0;
  display: inline-block;
  float: none;
}
.card1-block .social-icon li a{
  width: 35px;
  height: 35px;
  background-color: #1f1957;
}
.card1-block .social-icon li i{
  font-size: 18px;
  color: #fff;
  line-height: 2;
}
/*list view .slide-list*/

.card1-block .slide-list .card1-block-list--item{
    width: auto;
    float: none;
    margin-top: 10px;
    margin-bottom: 10px;
}
@media (min-width: 540px){
  .card1-block .slide-list{
  display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
  .card1-block .slide-list .card1-block-list--item{
     width: 46%;
    float: left;
  }
  .card1-block .slide-list .card1-block-list--item{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media (min-width: 640px){
  .card1-block .slide-list .card1-block-list--item{
     width: 30%;
    float: left;
  }
}

/*====== card1 block css end here ======*/

/*====== card2 block css start here ======*/
 .card2-block{
   border:1px solid #ccc;
   padding: 20px;
   border-radius: 6px;
 }
 .card2-block .card2-block-list{
  text-align: center;
  clear: both;
  overflow: hidden;
}
 .card2-block .card2-block-list li{
  display: inline-block;
  float: none;
  width:100%;
  /* border-bottom: 1px solid #ccc; */
}

.card2-block .l-card figure{
  margin-bottom: 10px !important;
  width: auto;
  height: auto;
  border-radius: 0;
}
.card2-block .l-card:hover figure img{
  filter: gray;
  -webkit-filter: grayscale(1);
  -moz-filter: grayscale(1);
  -o-filter: grayscale(1);
  -ms-filter: grayscale(1);
 transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
}
.card2-block .l-card{
  padding: 10px;
}
.card2-block .l-card figure:hover{
  /* background-color:#cecece ; */
}
.card2-block .l-card figure a:before{
  display: none;
}
@media (max-width: 767px){
  /* .card2-block .card2-block-list li:nth-child(2n+0){
    border-right: none;
  } */
}
@media (min-width: 640px){
   .card2-block .card2-block-list li{
     /* float: left; */
     width: 50%;
   }
   /* .card2-block .card2-block-list li{
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
} */
}

@media (min-width: 768px){
   .card2-block .card2-block-list li{
     width: 33%;
   }
    /* .card2-block .card2-block-list li:nth-child(3n+0){
      border-right: none;
    }
  .card2-block .card2-block-list li:last-child, .card2-block .card2-block-list li:nth-last-child(2){
    border-bottom: none;
  } */
}
@media (min-width: 992px){
   .card2-block .card2-block-list li{
     width: 19%;
   }
   /* .card2-block .card2-block-list li:nth-child(3n+0){
      border-right: 1px solid #ccc;
    }
  .card2-block .card2-block-list li:nth-child(4n+0){
    border-right: none;
  } */

  /* .card2-block .card2-block-list li:last-child, .card2-block .card2-block-list li:nth-last-child(2){
    border-bottom: none;
  } */
}
@media (min-width: 1200px){
   .card2-block .card2-block-list li{
     width: 19%;
   }
}

/*====== card2 block css end here ======*/
/*====== card3 block css start here ======*/
.card3-block .card3-block-list--item{
  border:1px solid #d9d8dd;
  padding: 20px;
  box-sizing: border-box;
  border-radius: 10px;
  margin: 0 10px;
   transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
}
.card3-block .card3-block-list--item:hover{
  border-color:#bbd4f7;
  box-shadow: 0px 0px 10px rgba(187, 212, 247, 0.5);
   transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
}
.card3-block .card3-block-list--item h4{
  margin:0;
}
.card3-block .l-card figure{
  border-radius: 0;
  width: inherit;
  height: inherit;
  background-color: #fff;
  padding: 0px;
  margin-bottom: 20px;
  position: relative;
  transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  -webkit-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
}
.card3-block .l-card figure:hover{
  background-color: #cecece;
  transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  -webkit-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
}
.card3-block .l-card figure a:before{
  display: none;
}
.card3-block .card-block-list{
  overflow: inherit;
}
.card3-block .card3-block__post{
  font-size: 0.9rem;
}

.card3-block .card-block-list li {
  padding-left: 10px;
  padding-right: 10px;
  float: left;
}
.card3-block .l-card h4 a{
  color:#333;
  font-size: 16px;
  line-height: 1.4;
  display: block;
  font-weight: 600;

}
.card3-block .l-card h4 span{
  font-size: 1rem;
}

.card3-block .slide-list .card3-block-list--item{
    width: auto;
    float: none;
    margin-top: 10px;
    margin-bottom: 10px;
}
@media (min-width: 540px){
  .card3-block .slide-list{
  display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.card3-block.content-left .slide-list{
  justify-content: left;
}
  .card3-block .slide-list .card3-block-list--item{
     width: 46%;
    /* float: left; */
  }
  .card3-block .slide-list .card3-block-list--item{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}


@media (min-width: 640px){
  .card3-block .slide-list .card3-block-list--item{
     width: 30%;
    /* float: left; */
  }
}
@media (min-width: 767px){
  .card3-block .slide-list .card3-block-list--item{
     width: 22%;
    /* float: left; */
  }
}

/*Dean profile*/
.card3-block .dean-profile .card3-block-list--item{
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}
.card3-block .dean-profile .card3-block-list--item img{
  border-radius: 10px 10px 0 0;
}
@media (min-width: 640px){
  .card3-block .slide-list.dean-profile .card3-block-list--item{
     width: 33%;
  }
}

/*====== card3 block css end here ======*/



/*====== card4 block css start here ======*/
.card4-block .card4-block-list--item{
  padding: 0px;
  box-sizing: border-box;
  border-radius: 10px;
  margin: 0 20px;
   transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
}
.card4-block .card4-block-list--item:hover{
  /* box-shadow: 0px 0px 10px rgba(187, 212, 247, 0.5);
   transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out; */
}
.card4-block .card4-block-list--item h4{
  margin:0;
}
.card4-block .l-card figure{
  border-radius:50%;
  /* min-height: 150px; */
  width: inherit;
  height: inherit;
  background-color: #fff;
  padding: 0px;
  margin-bottom: 20px;
  position: relative;
  transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  -webkit-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
}
.card4-block .l-card figure img{
  border-radius:50%;
}
.card4-block .l-card figure:hover{
  background-color: transparent;
  transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  -webkit-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
}
.card4-block .l-card figure a:before{
  display: none;
}
.card4-block .card-block-list{
  overflow: inherit;
}
.card4-block .card4-block__post{
  font-size: 0.9rem;
}

.card4-block .card-block-list li{
  padding-left: 10px;
  padding-right: 10px;
  float: left;
}
.card4-block .l-card h4 a{
  color:#333;
  font-size: 16px;
  line-height: 1.4;
  display: block;
  font-weight: 600;

}
.card4-block .l-card h4 span{
  font-size: 1rem;
}

.card4-block .slide-list .card4-block-list--item{
    width: auto;
    float: none;
    margin-top: 10px;
    margin-bottom: 10px;
}
.card4-block .slide-list .card4-block-list--item:before{
  display: none;
}
 .card4-block .slide-list{
    padding-left: 0;
    margin-left: 0;
  }
@media (min-width: 540px){
  .card4-block.content-left .slide-list{
    align-items: self-start;
    justify-content: left;
  }
}

@media (min-width: 540px){
  .card4-block.content-left .slide-list{
    align-items: self-start;
    justify-content: left;
  }
  .card4-block .slide-list{
  display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: self-start;
    justify-content: center;
}
  .card4-block .slide-list .card4-block-list--item{
     width: 40%;
    /* float: left; */
  }
  .card4-block .slide-list .card4-block-list--item{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}


@media (min-width: 640px){
  .card4-block .slide-list .card4-block-list--item{
     width: 25%;
    /* float: left; */
  }
}
@media (min-width: 767px){
  .card4-block .slide-list .card4-block-list--item{
     width: 19%;
    /* float: left; */
  }
}


/*====== card4 block css end here ======*/

/*====== Speakers css start here ======*/
.card-block .l-card figure{
  border-radius: 0;
  width: inherit;
  height: inherit;
  background-color: #fff;
  padding: 5px;
  transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  -webkit-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
}
.card-block .l-card figure:hover{
  background-color: #cecece;
  transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  -webkit-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
}
.card-block .l-card figure a:before{
  display: none;
}
.card-block .card-block-list{
  overflow: inherit;
}
.card-block .card-block-list li {
  padding-left: 10px;
  padding-right: 10px;
  float: left;
}
.card-block .l-card h4 a{
  color:#fff;
  font-size: 18px;
  line-height: 1.4;
}
.card-block .card-block-list .slider__dots li{
  float:none;
  padding: 0;
  margin: 0;
}
.arrowformat.card-block-slide .slider__dots{
  bottom: -10px;
}
.arrowformat.card-block-slide .slick-slider .slick-arrow:before{
  color: #fff;
  opacity: 0.5;
}
.arrowformat.card-block-slide .slick-slider .slick-arrow:hover:before{
  opacity: 1;
}
.card-block .slick-slider .slick-arrow{
  top: 170px;
}
.card-block .social-icon{
  padding-bottom: 10px;
}
.card-block .social-icon li{
  padding-left: 5px;
  padding-right: 5px;
  margin: 0;
  display: inline-block;
  float: none;
}
.card-block .social-icon li i{
  font-size: 18px;
}
/*====== Speakers css end here ======*/

/*====== Sponsors css start here ======*/
.card-block-sponsor .card-block-list {
  text-align: center;
}
 .card-block.card-block-sponsor .card-block-list li{
  display: inline-block;
  float: none;
}
.card-block.card-block-sponsor .l-card figure {
  margin-bottom: 10px !important;
  background-color: #f5f5f5;
  transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
}
.card-block.card-block-sponsor .l-card figure:hover{
  filter: gray;
  -webkit-filter: grayscale(1);
  -moz-filter: grayscale(1);
  -o-filter: grayscale(1);
  -ms-filter: grayscale(1);
 transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
  background-color:#cecece ;
}
@media (min-width: 640px){
   .card-block.card-block-sponsor .card-block-list li{
     float: left;
     width: 50%;
   }
}

@media (min-width: 768px){
   .card-block.card-block-sponsor .card-block-list li{
     width: 33%;
   }
}
@media (min-width: 992px){
   .card-block.card-block-sponsor .card-block-list li{
     width: 25%;
   }
}
@media (min-width: 1200px){
   .card-block.card-block-sponsor .card-block-list li{
     width: 20%;
   }
}

/*====== Sponsors css end here ======*/

/*====== glance css start here ======*/
.glance-item{
  position: relative;
}
.glance-item .glance-item--inner{
  display: inline-block;
}
.glance-item .glance-name{
    color: #fff;
    font-size: 21px;
}
/* .glance-item .glance-name:before{
  content:'';
  height: 1px;
  width:50px;
  background-color:#066cc1;
  position: absolute;
  right: 100%;
  top: 50%;
} */
.glance-item .glance-number{
  font-size: 2.5rem;
  color: #fff;
  font-family: "robotoregular";
}

.arrowformat.glance-slide .slick-slider .slick-arrow:before{
  color: #fff;
  opacity: 0.5;
}
.arrowformat.glance-slide .slick-slider .slick-arrow:hover:before{
  opacity: 1;
}
.arrowformat.glance-slide .slider__dots{
  bottom: -20px;
}
.arrowformat.glance-slide .slider__dots li button{
  background: #045090;
}
.arrowformat.glance-slide .slider__dots li.slick-active button {
    background: #066cc1;
}

@media (min-width: 640px){
  .glance-item .glance-number{
    font-size: 3rem;
  }
}
@media (max-width: 767px){
  .glance-block{
    padding-bottom: 20px;
  }
  .glance-item{
    text-align: center;
  }
}
@media (min-width: 768px){
  .glance-item .glance-number{
    font-size: 3.8rem;
  }
  .glance-item .glance-name{
    position: absolute;
    left:100%;
    top:0px;
}
}
@media (min-width: 1440px){
  .glance-item .glance-number{
    font-size: 4.8rem;
  }
}
/*====== glance css end here ======*/


/*====== glance1 css start here ======*/
.glance1-item{
  position: relative;
  display: inline-block;
  padding: 0 30px;
  text-align: center;
  display: block;
  max-width: 140px;
  float: left;
}
.glance1-item .glance1-item--inner{
  display: inline-block;
}
.glance1-item .glance1-name{
  color: #333;
  font-size: 16px;
  line-height: 1.5;
}
/* .glance-item .glance-name:before{
  content:'';
  height: 1px;
  width:50px;
  background-color:#066cc1;
  position: absolute;
  right: 100%;
  top: 50%;
} */
.glance1-item .glance1-number{
  font-size: 2.5rem;
  color: #1e1656;
  font-family: "robotobold";
  margin-bottom: 10px;
}

.arrowformat.glance1-slide .slick-slider .slick-arrow:before{
  color: #1e1656;
  opacity: 0.5;
}
.arrowformat.glance1-slide .slick-slider .slick-arrow:hover:before{
  opacity: 1;
}
.arrowformat.glance1-slide .slider__dots{
  bottom: -20px;
}
.arrowformat.glance1-slide .slider__dots li button{
  background: #045090;
}
.arrowformat.glance1-slide .slider__dots li.slick-active button {
    background: #066cc1;
}

@media (min-width: 640px){
  .glance1-item .glance1-number{
    font-size: 2.5rem;
  }
}
@media (max-width: 767px){
  .glance1-block{
    padding-bottom: 20px;
  }
  .glance1-item{
    text-align: center;
  }
}
@media (min-width: 768px){
  .glance1-item .glance1-number{
    font-size: 3rem;
  }

}
@media (min-width: 1440px){
  .glance1-item .glance1-number{
    font-size: 3.5rem;
  }
}
/*====== glance1 css end here ======*/


/*====== glance3 css start here ======*/
.glance3-item{
  position: relative;
  display: inline-block;
  padding: 0 30px;
  text-align: center;
  display: block;
  /* max-width: 130px; */
  float: left;
}
.glance3-item .glance3-item--inner{
  display: inline-block;
}
.glance3-item .glance3-name{
  color: #333;
  font-size: 16px;
  line-height: 1.5;
}
/* .glance3-item .glance3-name:before{
  content:'';
  height: 1px;
  width:50px;
  background-color:#066cc1;
  position: absolute;
  right: 100%;
  top: 50%;
} */
.glance3-item .glance3-number{
  font-size: 2.5rem;
  color: #1e1656;
  font-family: "robotobold";
  margin-bottom: 10px;
}

.arrowformat.glance3-slide .slick-slider .slick-arrow:before{
  color: #1e1656;
  opacity: 0.5;
}
.arrowformat.glance3-slide .slick-slider .slick-arrow:hover:before{
  opacity: 1;
}
.arrowformat.glance3-slide .slider__dots{
  bottom: -20px;
}
.arrowformat.glance3-slide .slider__dots li button{
  background: #045090;
}
.arrowformat.glance3-slide .slider__dots li.slick-active button {
    background: #066cc1;
}

@media (min-width: 640px){
  .glance3-item .glance3-number{
    font-size: 2.5rem;
  }
}
@media (max-width: 767px){
  .glance3-block{
    padding-bottom: 20px;
  }
  .glance3-item{
    text-align: center;
  }
}
@media (min-width: 768px){
  .glance3-item .glance3-number{
    font-size: 3rem;
  }

}
@media (min-width: 1440px){
  .glance3-item .glance3-number{
    font-size: 3.5rem;
  }
}
/*====== glance3 css end here ======*/

/*====== glance4 css start here ======*/
.glance4-item{
  position: relative;
  padding-right: 25px;
  margin-right:40px;
  text-align: left;
  display: block;
  width: 28%;
  float: left;
  border-right: 1px solid #f6f4f3;
}
.glance4-item .glance4-item--inner{
  display: inline-block;
}
.glance4-item .glance4-name{
  color: #333;
  font-size: 18px;
  line-height: 1.5;
  margin-bottom: 20px;
  font-family: "robotobold";
}
/* .glance-item .glance-name:before{
  content:'';
  height: 1px;
  width:50px;
  background-color:#066cc1;
  position: absolute;
  right: 100%;
  top: 50%;
} */
.glance4-item .glance4-number{
  font-size: 2.5rem;
  color: #27a6de;
  font-family: "robotobold";
}

.glance4-block .slider__dots {
  width: 100%;
  text-align: center;
}
.glance4-block .slider__dots li {
  color: #fff;
  width: 20px;
  transition: transform 0.2s;
  position: relative;
  display: inline-block;
}
.glance4-block .slider__dots li button{
  border: none;
  background: #066cc1;
  border-radius: 0;
  width: 10px;
  height: 10px;
  font-size: 0;
}
.glance4-block .slick-slider .slick-list{
  padding-bottom: 20px;
}
.glance4-block .slider__dots li.slick-active button{
  background: #011f3c;
}
.glance4-block .slick-slider .slick-arrow {
  font-size: 0;
  background: transparent;
  border: none;
  width: 50px;
  height: 30px;
  top: auto;
  bottom: 30px;
}
.glance4-block .slick-slider .slick-arrow:after {
  display: none;
}
.glance4-block .slick-slider .slick-arrow.slick-prev {
  left: 0px;
  border-radius: 0;
  padding: 0;
  margin: 0;
  text-align: right;
  bottom: -60px;
}
.glance4-block .slick-slider .slick-arrow.slick-next {
  padding: 0;
  margin: 0;
  text-align: right;
  right: auto;
  left: 40px;
  bottom: -60px;
}
.glance4-block .slick-slider .slick-arrow:before {
  background: none;
  content: "\f061";
  display: inline-block;
  font: normal normal normal 21px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  color: #011f3c;
  height: 22px;
}
.glance4-block .slick-slider .slick-arrow:hover:before {
  color: #27a6de;
}

@media (max-width: 767px) {
.glance4-block .slider__dots {
    display: block;
    position: relative;
    right: inherit;
    text-align: center;
    margin: 0 auto;
    width: 100%;
    bottom: 0;
  }
.glance4-block .slider__dots li {
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    width: initial;
  }
.glance4-block .slick-list[style]{
    padding:0 50px 0 0 !important;
  }
}

@media (min-width: 640px){
  .glance4-item .glance4-number{
    font-size: 2.5rem;
  }
}
@media (max-width: 767px){
  .glance4-block{
    padding-bottom: 20px;
  }
  .glance4-item{
    text-align: center;
  }
}
@media (min-width: 768px){
  .glance4-item .glance4-number{
    font-size: 3.5rem;
  }

}

/*====== glance4 css end here ======*/


/*====== glance5 css start here ======*/
.glance5-block{
  padding-bottom: 40px;
}
.glance5-item.empty{
  width:0 !important;
  border:none !important;
  display:none;
}
.glance5-item{
  position: relative;
  padding-right: 15px;
  padding-left: 15px;
  text-align: left;
  display: block;
  width: 25%;
  float: left;
}
.glance5-item .glance5-item--inner{
  display: inline-block;
}
.glance5-item .glance5-name{
  color: #fff;
  font-size: 18px;
  line-height: 1.5;
  margin-bottom: 20px;
}
/* .glance-item .glance-name:before{
  content:'';
  height: 1px;
  width:50px;
  background-color:#066cc1;
  position: absolute;
  right: 100%;
  top: 50%;
} */
.glance5-item .glance5-number{
  font-size: 2rem;
  color: #fff;
  font-family: "robotomedium";
}
.glance5-item .glance5-details{
  font-size: 0.9rem;
  line-height: 1.5;
}
.glance5-block .slider__dots {
  width: 100%;
  text-align: center;
}
.glance5-block .slider__dots li {
  color: #fff;
  width: 20px;
  transition: transform 0.2s;
  position: relative;
  display: inline-block;
}
.glance5-block .slider__dots li button{
  border: none;
  background: #066cc1;
  border-radius: 0;
  width: 10px;
  height: 10px;
  font-size: 0;
}
.glance5-block .slick-slider .slick-list{
  padding-bottom: 20px;
}
.glance5-block .slider__dots li.slick-active button{
  background: #ffffff;
}
.glance5-block .slick-slider .slick-arrow {
  font-size: 0;
  background: transparent;
  border: none;
  width: 50px;
  height: 30px;
  top: auto;
  bottom: 30px;
}
.glance5-block .slick-slider .slick-arrow:after {
  display: none;
}
.glance5-block .slick-slider .slick-arrow.slick-prev {
  left: 0px;
  border-radius: 0;
  padding: 0;
  margin: 0;
  text-align: right;
  bottom: -60px;
}
.glance5-block .slick-slider .slick-arrow.slick-next {
  padding: 0;
  margin: 0;
  text-align: right;
  right: auto;
  left: 40px;
  bottom: -60px;
}
.glance5-block .slick-slider .slick-arrow:before {
  background: none;
  content: "\f061";
  display: inline-block;
  font: normal normal normal 21px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  color: #fff;
  height: 22px;
}
.glance5-block .slick-slider .slick-arrow:hover:before {
  color: #27a6de;
}

@media (max-width: 767px) {
.glance5-block .slider__dots {
    display: block;
    position: relative;
    right: inherit;
    text-align: center;
    margin: 0 auto;
    width: 100%;
    bottom: 0;
  }
.glance5-block .slider__dots li {
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    width: initial;
  }
.glance5-block .slick-list[style]{
    padding:0 50px 0 0 !important;
  }
}

@media (min-width: 640px){
  .glance5-item .glance5-number{
    font-size: 2.3rem;
  }
}
@media (max-width: 767px){
  .glance5-block{
    padding-bottom: 20px;
  }
  .glance5-item{
    text-align: center;
  }
}

/*====== glance5 css end here ======*/


/*====== gallery css start here ======*/
.gallerySlide.btnBox .btnBox-thumbnail{
  border:none;
}
.gallerySlide.btnBox .btnBox-thumbnail:before{
  display: none;
}
.gallerySlide.btnBox .btnBox-list .slick-list[style] {
      padding: 0 50px !important;
  }
@media (min-width: 768px){
.gallerySlide.btnBox .btnBox-list .slick-list[style] {
      padding: 0 120px !important;
  }
}
/*====== gallery css end here ======*/

/*====== full blok css start here ======*/
.block-venue, .block-address{
  padding: 20px;
}

@media (min-width:992px){
  .block-venue, .block-address{
    padding: 50px;
  }
}
@media (min-width:1200px){
  .block-venue, .block-address{
    padding: 100px;
  }
}

@media (min-width:1440px){
  .block-venue, .block-address{
    padding: 130px;
  }
}
/*====== full blok  css end here ======*/
/*====== brochure and menu block css start here ======*/

.brochure-block i svg{
  fill: #066cc1;
}
.topUpperFooter{
  padding-top: 120px;
}
.topUpperFooter .footer__nav li{
  padding-bottom: 12px;
}
.topUpperFooter .footer__nav li a{
  font-size: 1.1333333333rem;
  font-family: "robotolight";
  color: #fff;
  position: relative;
}

@media (max-width:766px){
  .topUpperFooter{
    padding-top: 60px;
    text-align: center;
  }
  .topUpperFooter--title{
    margin-bottom: 30;
  }
  .topUpperFooter .footer__nav li{
    padding-bottom: 0px;
    border-bottom: 1px solid #39345d;
  }
  .topUpperFooter .footer__nav li a {
    padding: 5px 0;
    display:block
}

}

/*====== brochure and menu block css end here ======*/

/*====================== conference event page css end here ===================*/



/*==================== News home page design css start here ====================*/
.news-group{
 padding-top: 2px;
}
.block_list-sizer,
.block_list { width: 25%; }
.block_list{ padding: 3px; }
.block_list--full { width: 100%; }
.block_list--width2 { width: 100%; }
.block_list--width3 { width: 33.33%;  }
.block_list--width4 { width: 100%; }

	@media (min-width: 768px){
    .block_list--width4 { width: 50%; }
    .block_list--width2 { width: 50%; }
  }

	@media (min-width: 992px){
	  .block_list--width4 { width: 25%; }
  }
  .bl-bg-dark{
    background-color:#13141b;
  }
  .section-ev-board, .article_board{
		box-shadow: 0 0 6px #eaeaea;
		-webkit-transition: all 200ms ease;
		-moz-transition: all 200ms ease;
		-o-transition: all 200ms ease;
		-ms-transition: all 200ms ease;
		transition: all 200ms ease;
	}
	.section-ev-board:hover, .article_board: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(-3px);
		-moz-transform: translateY(-3px);
		transform: translateY(-3px);*/
		-webkit-transition: all 200ms ease;
		-moz-transition: all 200ms ease;
		-o-transition: all 200ms ease;
		-ms-transition: all 200ms ease;
		transition: all 200ms ease;
	}
	.section-ev-board.no-up:hover, .article_board.no-up:hover{
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		transform: translateY(0px);
	}
.hbku-tag{
  margin-bottom: 8px;
}
.hbku-tag .tag {
  padding: 3px 15px 6px;
  background-color: #0076bc;
  display: inline-block;
  color: #fff;
}

.hbku-tag .tag.transparent {
  background: transparent
}
.hbku-tag .tag.reverse-text{
  color:#0076bc;
}
.hbku-tag1 .tags{
  padding: 5px 15px;
  background-color: transparent;
  color: #ffffff;
  position: absolute;
  top: 5px;
  z-index: 999;
  width: 100%;
  font-size: 0.8rem;
  /* text-shadow: 1px 1px 1px #000; */
}
.hbku-tag1 .tags_news:after {
  content: '\f03e';
  font-family: 'fontawesome';
  right: 20px;
  position: absolute;
}
.hbku-tag1 .tags_video:after {
    content: '\f04b';
    font-family: 'fontawesome';
    right: 20px;
    position: absolute;
}
.hbku-tag1 .tags_blog:after {
    content: '\f06e';
    font-family: 'fontawesome';
    right: 20px;
    position: absolute;
}
/*====== filter code start here ======*/
.filter-section .ajax-progress-throbber {
  background:rgba(0, 0, 0, 0.7);
  z-index: 9;
}
.filter-menu{
  text-align: right;
  width:100%;
  overflow: hidden;
}
.filter-menu .filter-menu__list{
  float: right;
}
.filter-menu .filter-menu__list--item{
  float: left;
  margin-right: 30px;
}
.filter-menu .filter-menu__list--item a{
  display:inline-block;
}
.filter-menu .filter-menu__list--item.f-m-icon{
  padding-top: 5px;
}
.filter-menu .filter-menu__list--item:last-child{
  margin-right: 0;
}
.filter-menu .filter-menu__list--item i, .filter-menu .filter-menu__list--item i path{
  fill: #d1d1d1;
}
.filter-menu .filter-menu__list--item.f-event-btn svg{
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transition: all .2s ease-in-out;
}
.filter-menu .filter-menu__list--item.open svg{
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transition: all .2s ease-in-out;
}
.filter-entry{
  display: none;
}
.searchAdvanced--filter select {
  border-radius: 0;
  -webkit-appearance: none;
  height: 36px;
  font-size: 1.2rem;
  color: #dfdee4;
  border: none;
  font-family: 'robotolight';
  border-bottom: 1px solid #5bc6e8;
  position: relative;
  background: #1e1656 url(../images/icons-svg/icon-select-arrow.svg) no-repeat 100%;
  margin: 0;
  padding: 0 20px 0 0;
}
.searchAdvanced--filter .SelectList label{
  font-size: 1.5rem;
  font-family: 'robotolight';
  color:#fff;
}
.searchAdvanced--filter .SelectList {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-flow: column;
  flex-flow: column;
  width: 100%;
  margin-bottom: 28px;
}

.SearchAdvanced-input{
  position: relative;
}
.SearchAdvanced-input input::-webkit-input-placeholder {
  color: #dfdee4 !important;
}

.SearchAdvanced-input input:-moz-placeholder {
  color: #dfdee4 !important;
}

.SearchAdvanced-input input::-moz-placeholder {
  color: #dfdee4 !important;
}

.SearchAdvanced-input input:-ms-input-placeholder {
  color: #dfdee4 !important;
}

.SearchAdvanced-input .SearchAdvanced-input--Field{
  outline: none;
  width: 100%;
  font-size: 20px;
  color: #dfdee4;
  font-family: 'robotolight';
  border: none;
  border-bottom: 1px solid #5bc6e8;
  background-color: transparent;
  padding: 12px 40px 12px 0;
  -webkit-appearance: none;
  border-radius: 0;
}
.SearchAdvanced-input .SearchAdvanced-input--submitButton,
.SearchAdvanced-input .form-type-textfield + .l-btn{
  -webkit-transition: opacity .8s;
  transition: opacity .8s;
  position: absolute;
  right: 0;
  display: block;
  background: url(../images/icons-svg/icon-search.svg) no-repeat 100%;
  background-size: 25px 25px;
  width: 21px;
  height: 21px;
  padding: 16px 0 20px 20px;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  top: 0;
  overflow: hidden;
  text-indent: -9999px;
  border:none;
}
.SearchAdvanced-input .SearchAdvanced-input--submitButton:hover,
.SearchAdvanced-input .form-type-textfield + .l-btn:hover{
  border:none;
}

#SearchAdvancedBtnBox .SearchAdvanced-btn{
  margin-top: 30px;
}

@media (min-width: 767px){
  #SearchAdvancedBox{
  margin-top: 22px;
  }
  .searchAdvanced--filter .SelectList {
      width: 32%;
      padding-right: 50px;
  }
  #SearchAdvancedBtnBox .SearchAdvanced-btn{
    margin-top: 58px;
  }
}

@media (min-width: 993px){
  #SearchAdvancedBtnBox{
    /* position: absolute;
      bottom: 28px; */
  }
}
@media (min-width: 767px) and (max-width: 992px){
  #SearchAdvancedBtnBox .l-btn + .l-btn{
    margin-left: 15px;
  }
}
@media (min-width: 1200px) and (max-width: 1439px){
  .SearchAdvanced-btn .l-btn + .l-btn{
    margin-left: 16px;
  }
}
/*====== filter code end here ======*/

/*event board section css start here*/

.section-ev-board .ev-b{
  position: relative;
}
.section-ev-board .ev-b .ev-b_image{
  position: relative;
}
.section-ev-board .ev-b .ev-b_image:before{
  content: "";
  background: rgba(0,0,0,0.4);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.7;
  transition: all 0.3s;
  z-index: 2;
}
.section-ev-board .ev-b .ev-b_info{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding:20px;
  /* text-transform: uppercase; */
  z-index:5;
}
.section-ev-board .ev-b .ev-b_info h3{
  font-family: "robotomedium";
  font-size: 1.6666666667rem;
  margin-bottom:0;
  font-weight: normal;
}

@media (min-width: 768px){
  .section-ev-board .ev-b .ev-b_info{
    padding: 40px;
  }
  .section-ev-board .ev-b .ev-b_info h3{
    font-size: 1.6rem;
  }

}
@media (min-width: 768px) and (max-width: 992px){
  .section-ev-board .ev-b .ev-b_info h3{
    font-size: 2rem;
  }
}
@media (min-width: 1440px){
  .section-ev-board .ev-b .ev-b_info{
    padding: 50px;
  }
  .section-ev-board .ev-b .ev-b_info h3{
    font-size: 2.6666666667rem;
  }
}

/*event board section css start here*/

.article_board .ar-innovation{
  margin: 0;
  box-shadow: 5px 5px 10px #eaeaea;
  padding: 15px;
  border: 1px solid #eaeaea;
}
.article_board .block-info{
  padding:20px 15px;
}

.g-gall-board .slick-slider .slick-prev,
.g-gall-board .slick-slider .slick-next{
  width: 30px;
  height: 32px;
  background: rgba(1, 110, 213, 0.8);
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 0;
}
.g-gall-board .slick-slider .slick-prev:hover,
.g-gall-board .slick-slider .slick-next:hover{
  background-color:#016ed5;
}
.g-gall-board .slick-slider .slick-prev:after,
.g-gall-board .slick-slider .slick-next:after{
  display:none;
}
.g-gall-board .slick-slider .slick-arrow:before {
  background: url(../images/icons-svg/icon-arw-right-white.svg) no-repeat left center;
  content: "";
  width: 100%;
  height: 100%;
  z-index: 1;
  background-size: 34px;
}

.outerlink{
  position: relative;
}
.outerlink .block-info{
  position: absolute;
  top:50%;
  left: 0;
  z-index: 5;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);

}
.outerlink_link{
  margin-top: 15px;
}
.outerlink_link a{
  color:#fff;
  display: flex;
}
.outerlink_link i.l-icon{
  margin-right: 15px;
  width: 30px;
  padding-top: 10px;
}
.outerlink_link span{
  width: calc(100% - 40px);
}

@media (min-width: 768px){
  .article_board .ablock-left{
    margin-right: 15px;
  }
  .article_board .ablock-right{
    margin-left: 15px;
  }
}

/*======testimonial slide css start here======*/

.t--quote{
  padding: 15px;
  overflow: hidden;
}
.t--quote .quote-img{
  padding-bottom: 15px;
}
.t--quote .quote-img img{
  margin: 0 auto;
}
.t--quote .quote-des{
  font-size: 1.2rem;
}
.t--quote .quote-des, .t--quote .quote-name{
  font-family: 'robotoregular';
}
.t--quote .mez.slider .slider__dots{
  bottom: 10px;
}
.t--quote .mez.slider .slider__dots li button{
  border-left-color: #2394d6;
}
.t--quote .mez.slider .slider__dots li.slick-active button{
  border-left-color: #b1e2ff;
}
.t--quote .mez.slider .quote_bottom{
  font-size: 1.4rem;
}
.t--quote .mez.slider .hidden:first-child{
  display: block !important;
}

@media (min-width: 768px){
  .t--quote{
    padding: 15px 30px;
  }
}

.t--quote.media-slide .mez.slider .slider__dots{
  top: 10px;
  right: 10px;
}

/*======testimonial slide css start here ======*/
/*====== Load More Button css start here ======*/
.infinite-scroll-button li a:before, .infinite-scroll-button li 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;
}
.infinite-scroll-button li a:before{
  border-bottom: 1px solid #27a6de;
  border-left: 1px solid #27a6de;
  -webkit-transform-origin: 0 100%;
          transform-origin: 0 100%;
}
.infinite-scroll-button li a:after{
  border-top: 1px solid #27a6de;
  border-right: 1px solid #27a6de;
  -webkit-transform-origin: 100% 0%;
          transform-origin: 100% 0%;
}
.infinite-scroll-button li a:hover{
  border: 1px solid rgba(255, 255, 255, 0);
  color: #27a6de;
  background: rgba(255, 255, 255, 0);
}

.infinite-scroll-button li a:hover:before, .infinite-scroll-button li a:hover:after{
  -webkit-transform: scale(1);
          transform: scale(1);
}
.infinite-scroll-button li a:focus{
  color: #27a6de;
}

.infinite-scroll-button li a{
  position: relative;
  vertical-align: middle;
  display: inline-block;
  cursor: pointer;
  font-family: "robotoregular";
  font-size: 0.9333333333rem;
  letter-spacing: 2px;
  text-align: center;
  text-transform: uppercase;
  transition: 0.8s;
  border:1px solid #066cc1;
  color: #fff;
  margin: 0 auto;
  display: block;
  width: 200px;
  padding: 15px;
}

.infinite-scroll-button li a{
  border-color: #066cc1;
  background: #066cc1;
}

.infinite-scroll-button li a:focus{
  color: #27a6de;
}
/*====== Load More Button css end here ======*/

/*======youtube board css start here=====*/
.youtube_board{
  padding-top: 0;
  padding-bottom: 0;
}
.youtube_board .yb__list{
  padding-top: 50px;
  padding-bottom: 50px;
  float: left;
  padding-right: 20px;
}
.youtube_board .yb__list iframe{
  width: 100%;
}
.youtube_board .vb__title{
  margin-bottom: 20px;
}
.youtube_board .vb__title h4{
  font-size: 1.3rem;
  text-transform: uppercase;
}
.youtube_board .vb__title i{
  display: inline-block;
  margin-right: 10px;
}
.youtube_board .vb__title i img{
  width:25px;
}
.youtube_board .vb__des{
  padding: 20px 0 0;
  font-style: italic;
}

@media (max-width: 1400px){
  .youtube_board .vb__title h4{
    font-size: 1rem;
  }
}
@media (max-width: 1200px){
  .youtube_board .block_list--width4 {
    width: 50%;
  }
  .youtube_board .yb__list {
    border-bottom: 1px solid #353535;
  }
}
@media (max-width: 768px){
  .youtube_board .yb__list{
    padding-top: 25px;
    padding-bottom: 25px;
  }
  .youtube_board .block_list--width4 {
    width: 100%;
  }
}

/*======youtube board css start here=====*/
/*====== subscribe section HTML start here ======*/
.email-sub__container .email-sub__header h3{
  color: #27a6de;
  font-family: "robotobold";
  font-size: 2rem;
  line-height:1.2;
  margin-bottom: 1rem;
  font-weight: normal;
  text-transform: uppercase;
}
.email-sub__header{ display:flex; margin-bottom: 20px;}
.email-sub__header i.l-icon{padding-top: 6px; margin-right: 20px;}
.email-sub__header .l-icon svg use{ fill:#fff;}
.email-sub__container .email-sub__form{ max-width:500px;}
.email-sub__container .email-sub__form form{ display:flex;}
.email-sub__container .email-sub__form input{ border-color:#27a6de;}
.email-sub__container .email-sub__form .l-btn{ min-width:150px;}
.email-sub__container .email-sub__form .l-btn:hover{border:none;}

@media (max-width: 540px){
	.email-sub__container .email-sub__form .l-btn{ min-width:120px;}
}
@media (min-width: 767px){
	.email-sub__container .email-sub__header h3{
		font-size: 2.5rem;
		margin-bottom: 1rem;
	}
}
@media (min-width: 992px){
  .email-sub__header{ margin-bottom: 0;}
  .email-sub__container .email-sub__form{ margin: 15px 0 0 auto;}
}
/*====== newsletter section HTML end here ======*/

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

/*====== Audio section start here ====== */
.section-audio{
  transition: all 0.3s ease;
}
.section-audio.bottom-sticky{
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 9;
  transition: all 0.3s ease;
  transform: translate(0, 0);
}

.audio-player-btn{
  display: flex;
  justify-content: center;
  align-items: center;
  height: 90%;
}

.audio-player-btn i{
  background-color: rgba(255, 255, 255, 0.5);
  padding: 14px 15px;
  font-size: 36px;
  border-radius: 50%;
  border: 5px solid rgba(255, 255, 255, 0.5);
  cursor: pointer;
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.1s ;
  -webkit-transition: all 0.5s ;
  -ms-transition: all 0.5s ;
}
.audio-player-btn i:hover, .audio-player-btn[title=Pause] i{
  background-color: rgba(6, 108, 193, 0.5);
  border-style: dotted ;
  color: #e6edf3;
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.1s ;
  -webkit-transition: all 0.5s ;
  -ms-transition: all 0.5s ;
}
@media (max-width: 766px){
  .audio-player-btn{
    margin-top:30px;
  }
}

.audio-player__info{
  display: flex;
}
.player-cover{
  max-width: 100px;
  margin-right: 20px;
}
.player-name{
  display: inline-block;
}
.audio-player__controls{
  padding-top: 14px;
}

@media (max-width: 766px){
  .audio-player__info{
    margin-bottom: 30px;
  }
  .audio-player__controls{
    padding-top: 0px;
  }
}
.close-audioBlock{
  position: absolute;
  top: -20px;
  right: -10px;
}
.close-audioBlock i{
  font-size: 18px;
  color: #333;
}

.audioplayer {
  height: 2.5em;
  color: #fff;
  position: relative;
  z-index: 1;
}
.audioplayer-mini {
  width: 2.5em;
  margin: 0 auto;
}
.audioplayer > div{
  position: absolute;
  color:#333;
}
.audioplayer-playpause {
  width: 2.5em;
  height: 100%;
  text-align: left;
  text-indent: -9999px;
  cursor: pointer;
  z-index: 2;
  top: 0;
  left: 0;
}
.audioplayer:not(.audioplayer-mini) .audioplayer-playpause {
  background-color: #c8cdd2;
  border-radius: 50%;
}
.audioplayer-mini .audioplayer-playpause{
    width: 100%;
  }
.audioplayer-playpause:hover,
.audioplayer-playpause:focus{
  background-color: #222;
}
.audioplayer-playpause a{
  display: block;
}
.audioplayer:not(.audioplayer-playing) .audioplayer-playpause a{
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-right: none;
  border-left-color: #066cc1;
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  margin:-10px 0 0 -2px;
}
.audioplayer-playing .audioplayer-playpause a {
  width: 10px;
  height: 17px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -8px 0 0 -0.375em;
}
.audioplayer-playing .audioplayer-playpause a:before,
.audioplayer-playing .audioplayer-playpause a:after{
  width: 40%;
  height: 100%;
  background-color: #066cc1;
  content: '';
  position: absolute;
  top: 0;
}
.audioplayer-playing .audioplayer-playpause a:before{
  left: 0;
}
.audioplayer-playing .audioplayer-playpause a:after{
  right: 0;
}
.audioplayer-time {
  width: 4.375em;
  height: 100%;
  line-height: 2.375em;
  text-align: center;
  z-index: 2;
  top: 0;
}
.audioplayer-time-current {
  left: 2.5em;
}
.audioplayer-time-duration {
  border-right: 1px solid #555;
  border-right-color: rgba(255, 255, 255, .1);
  right: 2.5em;
}
.audioplayer-novolume .audioplayer-time-duration{
  border-right: 0;
  right: 0;
}
.audioplayer-bar {
  height: 0.875em;
  cursor: pointer;
  z-index: 1;
  top: 50%;
  right: 6.875em;
  left: 6.875em;
  margin-top: -0.438em;
  border: 1px solid #a5a5a5;
}
.audioplayer-novolume .audioplayer-bar {
  right: 4.375em;
}
.audioplayer-bar div{
  width: 0;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.audioplayer-bar-loaded{
  /* background-color: #a5a5a5; */
  z-index: 1;
}
.audioplayer-bar-played{
  background: #007fd1;
  z-index: 2;
}
.audioplayer-volume {
  width: 2.5em;
  height: 100%;
  /* border-left: 1px solid #111; */
  border-left-color: rgba(0, 0, 0, .25);
  text-align: left;
  text-indent: -9999px;
  cursor: pointer;
  z-index: 2;
  top: 0;
  right: 0;
  background-color: #c8cdd2;
  border-radius: 50%;
}
.audioplayer-volume:hover,
.audioplayer-volume:focus{
  background-color: #b7b7b7;
}
.audioplayer-volume-button{
  width: 100%;
  height: 100%;
}
.audioplayer-volume-button a{
  width: 0.313em; /* 5 */
  height: 0.375em; /* 6 */
  background-color: #333;
  display: block;
  position: relative;
  z-index: 1;
  top: 40%;
  left: 35%;
}
.audioplayer-volume-button a:before,
.audioplayer-volume-button a:after{
  content: '';
  position: absolute;
}
.audioplayer-volume-button a:before{
  width: 0;
  height: 0;
  border: 0.5em solid transparent; /* 8 */
  border-left: none;
  border-right-color: #333;
  z-index: 2;
  top: 50%;
  right: -0.25em;
  margin-top: -0.5em;
}
.audioplayer:not(.audioplayer-mute) .audioplayer-volume-button a:after {
  width: 0.313em;
  height: 0.313em;
  border: 0.25em double #333;
  border-width: 0.25em 0.25em 0 0;
  left: 0.563em;
  top: -0em;
  -webkit-border-radius: 0 0.938em 0 0;
  -moz-border-radius: 0 0.938em 0 0;
  border-radius: 0 0.938em 0 0;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.audioplayer-volume-adjust{
  height: 6.25em;
  cursor: default;
  position: absolute;
  left: 0;
  right: -1px;
  top: -9999px;
  -webkit-border-top-left-radius: 2px;
  -webkit-border-top-right-radius: 2px;
  -moz-border-radius-topleft: 2px;
  -moz-border-radius-topright: 2px;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
.audioplayer-volume:not(:hover) .audioplayer-volume-adjust{
  opacity: 0;
}
.audioplayer-volume:hover .audioplayer-volume-adjust{
  top: auto;
  bottom: 100%;
}
.audioplayer-volume-adjust > div{
  width: 30%;
  height: 80%;
  /* background-color: #222; */
  border:1px solid #a5a5a5;
  cursor: pointer;
  position: relative;
  z-index: 1;
  margin: 30% auto 0;
}
.audioplayer-volume-adjust div div{
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #066cc1;

}
.audioplayer-novolume .audioplayer-volume{
  display: none;
}
.audioplayer-play,
.audioplayer-pause,
.audioplayer-volume a{
  -webkit-filter: drop-shadow( 1px 1px 0 #000 );
  -moz-filter: drop-shadow( 1px 1px 0 #000 );
  -ms-filter: drop-shadow( 1px 1px 0 #000 );
  -o-filter: drop-shadow( 1px 1px 0 #000 );
  filter: drop-shadow( 1px 1px 0 #000 );
}
.audioplayer-bar,
.audioplayer-bar div,
.audioplayer-volume-adjust div{}
.audioplayer-bar,
.audioplayer-volume-adjust > div{}
.audioplayer-volume-adjust div div,
.audioplayer-bar-played{}
.audioplayer-volume-adjust{}

.audioplayer *,
.audioplayer *:before,
.audioplayer *:after{
  -webkit-transition: color .25s ease, background-color .25s ease, opacity .5s ease;
  -moz-transition: color .25s ease, background-color .25s ease, opacity .5s ease;
  -ms-transition: color .25s ease, background-color .25s ease, opacity .5s ease;
  -o-transition: color .25s ease, background-color .25s ease, opacity .5s ease;
  transition: color .25s ease, background-color .25s ease, opacity .5s ease;
}

/*====== Audio section start here ====== */

/*====== video banner start here ====== */

.video-player-btn{
  display: flex;
  justify-content: center;
  align-items: center;
  height: 90%;
}

.video-player-btn i{
  background-color: rgba(6, 108, 193, 0.3);
  color:#fff;
  padding: 14px 14px 14px 23px;
  font-size: 36px;
  border-radius: 0;
  border: 5px solid rgb(6, 108, 193, 0.5);
  cursor: pointer;
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.1s ;
  -webkit-transition: all 0.5s ;
  -ms-transition: all 0.5s ;
}
.video-player-btn i.fa-pause{
  padding-left: 18px;
  padding-right: 18px;
}
.video-player-btn i:hover, .video-player-btn[title=Pause] i{
  background-color: rgba(6, 108, 193, 0.5);
  border-style: dotted ;
  color: #e6edf3;
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.1s ;
  -webkit-transition: all 0.5s ;
  -ms-transition: all 0.5s ;
}
.video-player-btn.noborder i:hover{
  border-style:solid ;
}
@media (max-width: 766px){
  .video-player-btn{
    margin-top:30px;
  }
}

@media (max-width: 767px){
  .banner--video video{
    min-height: 560px;
    height: auto;
  }
}
.mainBanner__video{
  position: relative;
  padding-bottom: 0;
  margin-bottom: 0;
}

.blue-light-grad:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 0.9;
    background-image: linear-gradient(to left, transparent 10%, #003a96 60%, #003a96 70%);
    background-image: -webkit-linear-gradient(to left, transparent 10%, #003a96 60%, #003a96 70%);
    background-image: -moz-linear-gradient(to left, transparent 10%, #003a96 60%, #003a96 70%);
    background-image: -ms-linear-gradient(to left, transparent 10%, #003a96 60%, #003a96 70%);
    background-image: -o-linear-gradient(to left, transparent 10%, #003a96 60%, #003a96 70%);
}
.blue-dark-grad:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 0.7;
    background-image: linear-gradient(to left, transparent 0%, #1e1656 45%, #1e1656 70%);
    background-image: -webkit-linear-gradient(to left, transparent 0%, #1e1656 45%, #1e1656 70%);
    background-image: -moz-linear-gradient(to left, transparent 0%, #1e1656 45%, #1e1656 70%);
    background-image: -ms-linear-gradient(to left, transparent 0%, #1e1656 45%, #1e1656 70%);
    background-image: -o-linear-gradient(to left, transparent 0%, #1e1656 45%, #1e1656 70%);
}
.blue-darker-grad:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 0.9;
    background-image: linear-gradient(to left, transparent 0%, #1e1656 45%, #1e1656 70%);
    background-image: -webkit-linear-gradient(to left, transparent 0%, #1e1656 45%, #1e1656 70%);
    background-image: -moz-linear-gradient(to left, transparent 0%, #1e1656 45%, #1e1656 70%);
    background-image: -ms-linear-gradient(to left, transparent 0%, #1e1656 45%, #1e1656 70%);
    background-image: -o-linear-gradient(to left, transparent 0%, #1e1656 45%, #1e1656 70%);
}

.white-grad:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 1;
    background-image: linear-gradient(to left, transparent 25%, #ffffff 55%, #ffffff 70%);
    background-image: -webkit-linear-gradient(to left, transparent 25%, #ffffff 60%, #ffffff 70%);
    background-image: -moz-linear-gradient(to left, transparent 25%, #ffffff 60%, #ffffff 70%);
    background-image: -ms-linear-gradient(to left, transparent 25%, #ffffff 60%, #ffffff 70%);
    background-image: -o-linear-gradient(to left, transparent 25%, #ffffff 60%, #ffffff 70%);
}
.white-grad:after{
content: '';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 156px;
  /* opacity: 0.7; */
  background-image: linear-gradient(to top, transparent 0%,  rgba(21, 62, 150, 0.7) 30%, rgba(21, 62, 150, 1));
  background-image: -webkit-linear-gradient(to top, transparent 0%,  rgba(21, 62, 150, 0.7) 30%, rgba(21, 62, 150, 1));
  background-image: -moz-linear-gradient(to top, transparent 0%,  rgba(21, 62, 150, 0.7) 30%, rgba(21, 62, 150, 1));
  background-image: -ms-linear-gradient(to top, transparent 0%,  rgba(21, 62, 150, 0.7) 30%, rgba(21, 62, 150, 1));
  background-image: -o-linear-gradient(to top, transparent 0%,  rgba(21, 62, 150, 0.7) 30%, rgba(21, 62, 150, 1));
}
/* .white-grad:after{
content: '';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 156px;
  opacity: 0.7;
  background-image: linear-gradient(to top, transparent -20%, #153e96 60%, #153e96 70%);
  background-image: -webkit-linear-gradient(to top, transparent -20%, #153e96 60%, #153e96 70%);
  background-image: -moz-linear-gradient(to top, transparent -20%, #153e96 60%, #153e96 70%);
  background-image: -ms-linear-gradient(to top, transparent -20%, #153e96 60%, #153e96 70%);
  background-image: -o-linear-gradient(to top, transparent -20%, #153e96 60%, #153e96 70%);
} */


.section-dynamic .white-grad .sd-buttons .l-btn-simple{
  color: #1e1656;
}
.section-dynamic .white-grad .sd-buttons a{
    color: #1e1656;
    border-color: #1e1656;
}
.section-dynamic .white-grad .sd-buttons a:hover{
  border-color: transparent;
}
.section-dynamic .white-grad .sd-buttons .l-btn-simple:before{
  border-left-color:#1e1656 ;
}

@media (max-width: 991px){
  .mez.slider.slider--home03 .white-grad .slider--home03__content{
  background-color: #fff;
}
}
.mainBanner__video.mainBanner__video video{
  padding-top:0;
  padding-bottom:0;
  margin-bottom: -7px;
  object-position: right;
}
@media (min-width: 768px) and (max-width: 992px){
  .mainBanner__video.mainBanner__video video{
    min-height: 860px;
  }
}

.mainBanner__video .mainBanner__video__info .l-btn{
  margin-bottom: 10px;
}
div.popup-video.popup-video a.l-btn-play{
  top:50%;
}
.page-node-24197 .section-dynamic.section-dynamic{
  background-color: #011f3c;
}
@media (min-width: 1200px) and (max-width: 1700px){
  .page-node-24197 .mainBanner__video .mainBanner__video__info{
    bottom: 40px;
  }
}
@media (max-width: 768px){
  .mainBanner__video .mainBanner__video__info{
    background-color: #023b95;
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .page-node-24197 .mainBanner__video .mainBanner__video__info{
    background-color: transparent;
    padding-top: 0px;
    position: absolute;
    width: 100%;
    bottom: 0;
  }
  .page-node-24197 .mainBanner__video.mainBanner__video video{
    height: 100%;
    min-height: 760px;
  }
  .mainBanner__video video{
    height: auto;
    min-height: 320px;
  }
}

@media (min-width: 769px){
   .mainBanner__video .mainBanner__video__info{
    position: absolute;
    width: 100%;
    bottom: 80px;
  }
}
@media (min-width: 992px){
  .mainBanner__video .mainBanner__video__info{
    bottom: 120px;
  }
  .mainBanner__video.mainBanner10hbku .mainBanner__video__info{
    bottom: 60px;
  }
}

@media (min-width: 1670px){

  /* .mainBanner__video.mainBanner10hbku .mainBanner__video__info{
    bottom: 280px;
  } */
}

@media (min-width: 1700px){

  .mainBanner__video.mainBanner10hbku .mainBanner__video__info{
    bottom: 280px;
  }
}
.popup-video{
  max-width: 350px;
}
.model-v-popup video{
  margin-bottom: -5px;
}
@media (max-width: 767px){
  .popup-video{
    max-width: 300px;
  }
  .model-v-popup video{
    height: auto;
  }
  .modal.model-v-popup{
    max-width: 300px;
    margin:0 auto;
  }
}
@media (min-width: 992px){
  .popup-video{
    max-width: 400px;
  }
}
/*====== video banner end here ====== */

/*========================== Qeeri page css start here ==========================*/
/*====== banner section start here ====== */
.cl2019s4-wide.cl2019s4{
  padding-bottom: 30px;
}
.cl2019s4-wide.cl2019s4 .cl2019s4_list{
    margin-right: 8px;
    margin-left: 8px;
    background-color: transparent;
    box-shadow: none;
    border-radius: 6px;
}
.cl2019s4-wide.cl2019s4 .cl2019s4_list img{
  border-radius: 6px;
}
.cl2019s4-wide.cl2019s4 .cl2019s4_list .cl2019s4__list--image{
  transition: all 300ms ease;
  padding: 10px;
  box-shadow: 0px 0 5px #808080;
  border-radius: 6px;
}
.cl2019s4-wide.cl2019s4 .cl2019s4_list.slick-current .cl2019s4__list--image{
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  transition: all 300ms ease;
}
.cl2019s4-wide.cl2019s4 .cl2019s4_list figure{
  position: relative;
}
.cl2019s4-wide.cl2019s4 .cl2019s4_list figure:before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.7;
  transition: all 0.3s;
  z-index: 2;
  pointer-events: none;
  background-image: linear-gradient(to bottom, transparent 0%, #000000 60%, #000000 70%);
    background-image: -webkit-linear-gradient(to bottom, transparent 0%, #000000 60%, #000000 70%);
    background-image: -moz-linear-gradient(to bottom, transparent 0%, #000000 60%, #000000 70%);
    background-image: -ms-linear-gradient(to bottom, transparent 0%, #000000 60%, #000000 70%);
    background-image: -o-linear-gradient(to bottom, transparent 0%, #000000 60%, #000000 70%);
}
.cl2019s4-wide.cl2019s4 .cl2019s4__list__info{
  position: absolute;
  width: 100%;
  height: auto;
  bottom: 0;
  left: 0;
  z-index: 3;
  pointer-events: none;

}
.cl2019s4-wide.cl2019s4 .cl2019s4__list__info .item--title{
  font-size: 1.3rem;
}
.cl2019s4-wide.cl2019s4 .slick-slider .slick-arrow.slick-prev{
  left: 0;
  bottom: -55px;
}
.cl2019s4-wide.cl2019s4 .slick-slider .slick-arrow.slick-next{
  left: 60px;
  bottom: -55px;
}
.cl2019s4-wide.cl2019s4 .slick-slider .slick-arrow:before{
  content: "\f061";
  font-size: 24px;
}
@media (min-width: 768px) {
  .cl2019s4-wide.cl2019s4 .cl2019s4__list__info{
    opacity: 0;
    transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.1s ;
  -webkit-transition: all 0.5s ;
  -ms-transition: all 0.5s ;
  }
  .cl2019s4-wide.cl2019s4 .cl2019s4_list:hover .cl2019s4__list__info{
    opacity: 1;
    transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.1s ;
  -webkit-transition: all 0.5s ;
  -ms-transition: all 0.5s ;
  }
}

/*====== banner section end here ====== */

/*====== eventm3 css start here ======*/
.mez.eventM3-list .eventM3-list__title{
  margin-bottom: 30px;
}
.mez.event-list .eventM3-list li{
  border:none;
  float: left;
  margin-right:30px;
}
.mez.event-list .eventM3-list li:last-child{
  margin-right: 0;
}
.mez.event-list .eventM3-list li .l-event-date{
  float: none;
  background: none;
}
.mez.event-list .eventM3-list li .l-event-date:before{
  display: none;
}
.mez.event-list .eventM3-list li strong{
  font-family: "robotobold";
}
.mez.event-list .eventM3-list li strong,
.mez.event-list .eventM3-list li span em{
  color: #1e1656;
  padding-bottom: 3px;
  text-align:left;
}
.mez.event-list .eventM3-list li span em:last-child{
  color: #7BC8FF;
}
.mez.event-list .eventM3-list li span em:last-child:before{
  display: none;
}
.mez.event-list .eventM3-list li div:last-child:before{
  background-color: #1e1656;
}

.eventM3-list .event-list__detail h3 {
  color: #201858;
  line-height: 1.5;
}

.eventM3-list .event_tag {
  margin-bottom: 15px;
}

.eventM3-list .event_tag a {
  padding: 0 5px;
}
.eventM3-list .event_image img{
  border-radius: 6px;
}
.eventM3 .eventM3__slider .slider__dots {
  width: 100%;
    text-align: center;
}
.eventM3 .eventM3__slider .slider__dots li {
  color: #fff;
  width: 20px;
  transition: transform 0.2s;
  position: relative;
  display: inline-block;
}
.eventM3 .eventM3__slider .slider__dots li button{
  border: none;
  background: #066cc1;
  border-radius: 0;
  width: 10px;
  height: 10px;
}
.eventM3 .eventM3__slider .slider__dots li.slick-active button{
  background: #011f3c;
}
.eventM3 .slick-slider .slick-arrow {
  font-size: 0;
  background: transparent;
  border: none;
  width: 50px;
  height: 30px;
  top: auto;
  bottom: 30px;
}
.eventM3 .slick-slider .slick-arrow:after {
  display: none;
}
.eventM3 .slick-slider .slick-arrow.slick-prev {
  left: 0px;
  border-radius: 0;
  padding: 0;
  margin: 0;
  text-align: right;
  bottom: -60px;
}
.eventM3 .slick-slider .slick-arrow.slick-next {
  padding: 0;
  margin: 0;
  text-align: right;
  right: auto;
  left: 40px;
  bottom: -60px;
}
.eventM3 .slick-slider .slick-arrow:before {
  background: none;
  content: "\f061";
  display: inline-block;
  font: normal normal normal 21px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  color: #011f3c;
  height: 22px;
}
.eventM3 .slick-slider .slick-arrow:hover:before {
  color: #27a6de;
}

@media (max-width: 767px) {
  .eventM3 .eventM3__slider .slider__dots {
    display: block;
    position: relative;
    right: inherit;
    text-align: center;
    margin: 0 auto;
    width: 100%;
    bottom: -10px;
  }
  .eventM3 .eventM3__slider .slider__dots li {
    display: inline-block;
    padding: 0;
    margin: 0;
    float: none;
  }
  .eventM3 .slick-list[style]{
    padding:0 50px 0 0 !important;
  }
}

/*====== eventm3 css end here ======*/

/*====== eventm3a css start here ======*/
.mez.eventM3a-list .eventM3a-list__title{
  margin-bottom: 30px;
}
.mez.event-list.eventM3a{
  padding-bottom: 60px;
}
.mez.event-list .eventM3a-list li{
  border:none;
  float: left;
  margin-right:30px;
}
.mez.event-list .eventM3a-list li:last-child{
  margin-right: 0;
}
.mez.event-list .eventM3a-list li .l-event-date{
  float: none;
  background: none;
  position: relative;
}
.mez.event-list .eventM3a-list li .l-event-date:before{
  display: none;
}
.mez.event-list .eventM3a-list li strong{
  font-family: "robotobold";
}
.mez.event-list .eventM3a-list li strong,
.mez.event-list .eventM3a-list li span em{
  color: #1e1656;
  padding-bottom: 3px;
  text-align: left;
}
.mez.event-list .eventM3a-list li span em:last-child{
  color: #7BC8FF;
}
.mez.event-list .eventM3a-list li span em:last-child:before{
  display: none;
}
.mez.event-list .eventM3-list li div:last-child:before{
  background-color: #1e1656;
  left: -50%;
    margin-left: 8px;
}
.eventM3a-list .event-list__detail h3{
  color: #201858;
  line-height: 1.5;
  /* min-height: 80px; */
  margin-bottom: 20px;
  font-size: 1.5rem;
}

.eventM3a-list .event-list__detail h3 a {
  color: #201858;
}

.eventM3a-list .event_tag {
  margin-bottom: 15px;
}

.eventM3a-list .event_tag a {
  padding: 0 5px;
}
.eventM3a-list .event_image img{
  border-radius: 6px;
}
.eventM3a .eventM3a__slider .slider__dots {
  width: 100%;
    text-align: center;
}
.eventM3a .eventM3a__slider .slider__dots li {
  color: #fff;
  width: 20px;
  transition: transform 0.2s;
  position: relative;
  display: inline-block;
}
.eventM3a .eventM3a__slider .slider__dots li button{
  border: none;
  background: #066cc1;
  border-radius: 0;
  width: 10px;
  height: 10px;
}
.eventM3a .eventM3a__slider .slider__dots li.slick-active button{
  background: #011f3c;
}
.eventM3a .slick-slider .slick-arrow {
  font-size: 0;
  background: transparent;
  border: none;
  width: 50px;
  height: 30px;
  top: auto;
  bottom: 30px;
}
.eventM3a .slick-slider .slick-arrow:after {
  display: none;
}
.eventM3a .slick-slider .slick-arrow.slick-prev {
  left: 0px;
  border-radius: 0;
  padding: 0;
  margin: 0;
  text-align: right;
  bottom: -80px;
}
.eventM3a .slick-slider .slick-arrow.slick-next {
  padding: 0;
  margin: 0;
  text-align: right;
  right: auto;
  left: 40px;
  bottom: -80px;
}
.eventM3a .slick-slider .slick-arrow:before {
  background: none;
  content: "\f061";
  display: inline-block;
  font: normal normal normal 21px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  color: #011f3c;
  height: 22px;
}
.eventM3a .slick-slider .slick-arrow:hover:before {
  color: #27a6de;
}

@media (max-width: 767px) {
  .eventM3a .eventM3a__slider .slider__dots {
    display: block;
    position: relative;
    right: inherit;
    text-align: center;
    margin: 0 auto;
    width: 100%;
    bottom: -10px;
  }
  .eventM3a .eventM3a__slider .slider__dots li {
    display: inline-block;
    padding: 0;
    margin: 0;
    float: none;
  }
  .eventM3a .slick-list[style]{
    padding:0 50px 0 0 !important;
  }
}

/*====== eventm3a css end here ======*/
/*====== eventm4 css start here ======*/
.mez.eventM4-list .eventM4-list__title{
  margin-bottom: 30px;
}

.mez.event-list .eventM4-list li{
  border:none;
  float: left;
  margin-right:30px;
}
.mez.event-list .eventM4-list li:last-child{
  margin-right: 0;
}
.mez.event-list .eventM4-list li .l-event-date{
  float: none;
  background: none;
  position: relative;
  height: auto;
  margin-bottom: 20px;
}

.mez.event-list .eventM4-list li .l-event-date:before{
  display: none;
}
.mez.event-list .eventM4-list li strong{
  font-family: "robotobold";
  font-size: 2.3rem;
  margin-bottom: 15px;
  line-height: 1;
}
.mez.event-list .eventM4-list li strong,
.mez.event-list .eventM4-list li span em{
  color: #1e1656;
  padding-bottom: 3px;
  text-align: left;
}
.mez.event-list .eventM4-list li span em{
  width:auto;

}
.mez.event-list .eventM4-list li span{
  text-align: left;
}
.mez.event-list .eventM4-list li span em:last-child{
  color: #7BC8FF;
  padding-left: 10px;
}
.mez.event-list .eventM4-list li span em:last-child:before{
  display: none;
}
.mez.event-list .eventM4-list li div:last-child:before{
  background-color: #1e1656;
  left: -50%;
    margin-left: 8px;
}
.eventM4-list .event-list__detail h6{

  line-height: 1.5;
  /* min-height: 80px; */
  margin-bottom: 10px;
  font-family: "robotobold";
}
.eventM4-list .event-list__detail h6 a{
  color: #201858;
}
.eventM4-list .event-list__detail .event_des,
.eventM4-list .event-list__detail .event_des p{
font-size: 0.9rem;
}


.eventM4-list .event_tag {
  margin-bottom: 15px;
}

.eventM4-list .event_tag a {
  padding: 0 5px;
}
.eventM4-list .event_image img{
  border-radius: 6px;
}
.eventM4 .eventM4__slider .slider__dots {
  width: 100%;
    text-align: center;
}
.eventM4 .eventM4__slider .slider__dots li {
  color: #fff;
  width: 20px;
  transition: transform 0.2s;
  position: relative;
  display: inline-block;
}
.eventM4 .eventM4__slider .slider__dots li button{
  border: none;
  background: #066cc1;
  border-radius: 0;
  width: 10px;
  height: 10px;
}
.eventM4 .eventM4__slider .slider__dots li.slick-active button{
  background: #011f3c;
}
.eventM4 .slick-slider .slick-arrow {
  font-size: 0;
  background: transparent;
  border: none;
  width: 50px;
  height: 30px;
  top: auto;
  bottom: 30px;
}
.eventM4 .slick-slider .slick-arrow:after {
  display: none;
}
.eventM4 .slick-slider .slick-arrow.slick-prev {
  left: 0px;
  border-radius: 0;
  padding: 0;
  margin: 0;
  text-align: right;
  bottom: -80px;
}
.eventM4 .slick-slider .slick-arrow.slick-next {
  padding: 0;
  margin: 0;
  text-align: right;
  right: auto;
  left: 40px;
  bottom: -80px;
}
.eventM4 .slick-slider .slick-arrow:before {
  background: none;
  content: "\f061";
  display: inline-block;
  font: normal normal normal 21px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  color: #011f3c;
  height: 22px;
}
.eventM4 .slick-slider .slick-arrow:hover:before {
  color: #27a6de;
}

@media (max-width: 767px) {
  .eventM4 .eventM4__slider .slider__dots {
    display: block;
    position: relative;
    right: inherit;
    text-align: center;
    margin: 0 auto;
    width: 100%;
    bottom: -10px;
  }
  .eventM4 .eventM4__slider .slider__dots li {
    display: inline-block;
    padding: 0;
    margin: 0;
    float: none;
  }
  .eventM4 .slick-list[style]{
    padding:0 50px 0 0 !important;
  }
}

/*====== eventm4 css end here ======*/

/*====== eventm5 css Start here ======*/
.eventM5{
  margin-top:20px;
}
.eventM5--title{
  margin-bottom: 20px;
}
.eventM5-list--item{
  /* width:50%;
  float: left; */
}
.eventM5 .event5-period {
    display: table;
    margin-bottom: 15px;
    float: left;
}
.eventM5 .event5-period .date {
    display: table-cell;
    vertical-align: top;
    color: #fff;
    font-family: "robotomedium";
    font-size: 2.6666666667rem;
    line-height: 100%;
    position: relative;
}
.eventM5 .event5-period__date {
    display: table-cell;
    vertical-align: top;
    padding-left: 10px;
}
.eventM5 .event5-period__date span {
    display: block;
    color: #fff;
    text-transform: uppercase;
}
.eventM5 .event5-period__date .year {
    font-family: "robotoregular";
    font-size: 0.9333333333rem;
    color: #fff;
    margin-top: -5px;
    display: block;
}
.eventM5 .eventM5__detail{
  width: calc(96% - 203px);
  padding-left: 20px;
  float: left;
}
.eventM5 .eventM5__detail h6{
  line-height: 1.2;
}
.eventM5 .eventM5__detail h6 a{
  color:#fff;
}
/*====== eventm5 css end here ======*/

/*====== new joinees block css start here ======*/
.joinees_block{
  max-height: 600px;
  overflow-x: hidden;
  overflow-y: scroll;
}
.joinees_block__list{
  margin-bottom: 15px;
  padding: 10px;
}
.joinees_block__list--image img{
  border-radius: 6px;
}
.joinees_block__list--title{
  padding: 10px 0;
  color:#1e1656;
}

@media (min-width: 580px) {
  .joinees_block .block_list--width2 {
    width: 50%;
}
}

/*====== new joinees block css start here ======*/

/*====== Screen Center Menu css start here ======*/
.screenCenterMenu{
    position: fixed;
    left: 0;
    bottom: 20px;
    transform: translate(0%, -50%);
    margin: 0 auto;
    top: 50%;
    max-width: 200px;
    width: 100%;
    z-index: 99;
    opacity: 0;
}
.mez.screenSide-nav {
  background-color: #1e1656;
  padding: 40px 0 0;

}
.mez.screenSide-nav li {
  padding: 0 32px 20px;
  position: relative;
}

.mez.screenSide-nav li:last-child {
  padding-bottom: 0;
}

.mez.screenSide-nav li:last-child a {
  border: none;
}
.mez.screenSide-nav li a {
  color: #fff;
  border-bottom: 1px solid #312584;
  display: block;
  padding: 0 0 20px 5px;
  font-size: 1rem;
}

.mez.screenSide-nav li:before {
  content: "";
  position: absolute;
  height: 24px;
  width: 6px;
  left: 0;
  display: none;
}

.mez.screenSide-nav li:last-child a {
  border: 0;
}

.mez.screenSide-nav li:hover a {
  color: #2495d6;
}

.mez.screenSide-nav.nav-fixed {
  position: fixed;
  top: 60px;
  width: 21%;
}
@media (max-width: 1440px) {
 .screenCenterMenu{
   max-width: 180px;
 }
  .mez.screenSide-nav li a {
   font-size: 1rem;
 }
}
@media (max-width: 1200px) {
  .screenCenterMenu{
    display: none;
 }
}
/*====== Screen Center Menu css end here ======*/

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

.history-menu-tab{}
.menu-tab.history-menu-tab .nav-tabs .nav-link{
  padding: 25px 35px;
  font-size: 21px;
}
.menu-tab.history-menu-tab .bg-darkblue{
  border-radius: 6px;
}
.menu-tab.menu-tab-reverse.history-menu-tab .menuTab-container #btn-nav-previous,
.menu-tab.menu-tab-reverse.history-menu-tab .menuTab-container #btn-nav-next{
  bottom: 13px;
  left: 20px;
}
.menu-tab.menu-tab-reverse.history-menu-tab .menuTab-container #btn-nav-next{
  right: 20px;
  left: inherit;
}
.menu-tab.menu-tab-reverse.history-menu-tab .menuTab-whitebg:after{
  background-color: #f4f8fe;
}
.menu-tab.menu-tab-reverse.history-menu-tab .tab-content{
  background-color: #f4f8fe;
}
.menu-tab.menu-tab-reverse.history-menu-tab .tab-content .inner{
  padding: 40px;
}
.menu-tab.menu-tab-reverse.history-menu-tab .tab-content > .tab-pane.active{
  height: auto;
}
.menu-tab.menu-tab-reverse.history-menu-tab .tab-content > .tab-pane{
    height: 0;
    display: inherit;
    overflow: hidden;
}
@media (max-width: 992px) {
  .menu-tab.menu-tab-reverse.history-menu-tab .tab-content .inner{
    padding: 20px;
  }
}
@media (max-width: 767px){
  .menu-tab.menu-tab-reverse.history-menu-tab .menuTab-toggle{
    padding-bottom:0 ;
  }
}
.cl2019s6 .cl2019s6_list {
    width: 31%;
}
/*====== history filter section css end here ======*/

/*====== person new layout start ======*/

.mez.person.person-newlayout{
  overflow: hidden;
  position: relative;
  border-bottom: 0;
}

@media (max-width: 992px) {
  .mez.person.person-newlayout {
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
}

.mez.person.person-newlayout .l-article {
  overflow: hidden;
}

.mez.person.person-newlayout .l-article p:last-child:not(:only-child) {
  margin-bottom: 40px;
}

@media (max-width: 992px) {
  .mez.person.person-newlayout .l-article p:last-child:not(:only-child) {
    margin-bottom: 20px;
  }
}

.mez.person.person-newlayout figure {
  float: right;
  margin: 0 0 0 30px;
  width: 55%;
}
.mez.person--flip.person.person-newlayout figure{
  float: left;
  margin: 0 30px 0 0;
}

@media (max-width: 1440px) {
  .mez.person.person-newlayout figure {
    max-width: inherit;
    width: 55%;
  }
}

@media (max-width: 767px) {
  .mez.person.person-newlayout figure {
    float: none;
    width: 70%;
    margin: 0 0 20px 0;
  }
  .mez.person--flip.person.person-newlayout figure {
    margin-bottom:20px;
}
}

@media (max-width: 540px) {
  .mez.person.person-newlayout figure {
    width: 100%;
  }
}

.mez.person.person-newlayout figure img {
  width: 100%;
}

.mez.person.person-newlayout h2 span {
  color: #333333;
  display: block;
  font-family: "robotomedium";
  /* rtl: tahoma */
  font-size: 1.4rem;
  margin-bottom: 15px;
  margin-top: 0px;
  text-transform: capitalize;
  /* rtl: 10px */
}

.mez.person.person-newlayout h2 a {
  color: #333;
}

.mez.person.person-newlayout h2 a:hover {
  color: #27a6de;
}

.mez.person.person-newlayout p {
  color: #383838;
  font-family: "robotoregular";
  /* rtl: tahoma */
  font-size: 1.0666666667rem;
  line-height: 1.5rem;
  margin-bottom: 40px;
}

@media (max-width: 992px) {
  .mez.person.person-newlayout p {
    margin-bottom: 20px;
  }
}
/*====== person new layout end ======*/
/*====== discover Qatar start here ======*/
.d-qatar__info_about ul, .d-qatar__info_about ul li {
  padding: 0;
  margin: 0;
}

.d-qatar__info_about ul li, .d-qatar__info_about ul li p {
  margin-bottom: 20px;
  font-size: 1.3rem;
  font-family: "robotoregular";
}

.d-qatar__info_about ul li span {
  font-family: "robotobold";
  font-size: 1.3rem;
}
.d-q__gallery{
  display: flex;
  flex-wrap: wrap;
}
.d-q__gallery .d-q__gallery__list{
  width: 50%;
  position: relative;
}
.d-q__gallery .d-q__gallery__list--image{
  margin: 10px;
}
.d-q__gallery .d-q__gallery__list--image.v-bottom {
    bottom: 0%;
    width: auto;
    position: absolute;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
}
@media (max-width: 767px) {
  .d-qatar__info_about ul li{
    font-size: 1.3rem;
  }
  .d-qatar__info_about ul li span{
    font-size: 1.3rem;
  }
}
/*====== discover Qatar end here ======*/
/*====== information starts here ======*/
.mez.information1 {
  position: relative;
  width: 100%;
  margin: 0 auto;
}
.mez.information1 h2 {
  z-index: 9;
  margin: 0;
  color: #27a6de;
  font-family: "robotobold";
  font-size: 3.0666666667rem;
  font-weight: normal;
}

@media (max-width: 1200px) {
  .mez.information1 h2 {
    font-size: 2.8rem;
  }
}

@media (max-width: 992px) {
  .mez.information1 h2 {
    font-size: 2.5333333333rem;
  }
}

@media (max-width: 767px) {
  .mez.information1 h2 {
    font-size: 2rem;
  }
  .mez.information1 .information__title{
    margin-bottom: 30px;
  }
}

.mez.information1 p {
  font-family: "robotoregular";
  /* rtl: tahoma */
  font-size: 1.0666666667rem;
  line-height: 1.4rem;
  margin-bottom: 42px;
}

@media (max-width: 1200px) {
  .mez.information1 p {
    margin-bottom: 30px;
  }
}

@media (max-width: 992px) {
  .mez.information1 p {
    margin-bottom: 20px;
  }
}

@media (max-width: 767px) {
  .mez.information1 p {
    margin-bottom: 10px;
  }

}

.mez.information1 .l-btn{
  font-size: 0.8rem;
}

.mez.information1 li {
  margin-bottom: 30px;
}

@media (max-width: 1200px) {
  .mez.information1 li {
    margin-bottom: 20px;
  }
}

@media (max-width: 540px) {
  .mez.information1 li {
    margin-bottom: 15px;
  }
  .mez.information1 ul{
    margin-bottom: 15px;
  }
}

.mez.information1 li:last-of-type {
  margin-bottom: 0;
}

.mez.information1 li a {
  font-size: 1.1666666667rem;
  color: #333;
  position: relative;
}

.mez.information1 li a:hover {
  color: #27a6de;
}


.mez.information1 .information__block {
  overflow: hidden;
  padding: 100px 0px 75px;
}

@media (max-width: 1440px) {
  .mez.information1 .information__block {
    display: block;
    width: 100%;
  }
}

@media (max-width: 1200px) {
  .mez.information1 .information__block {
    height: 100%;
    padding: 40px 0;
  }
}

@media (max-width: 992px) {
  .mez.information1 .information__block {
    padding: 0 0 40px;
  }
}

@media (max-width: 767px) {
  .mez.information1 .information__block {
    padding: 0 0 20px;
  }
}

.mez.information1 figure {
  margin-right: 32px;
  float: left;
  width: 60%;
}

@media (max-width: 1200px) {
  .mez.information1 figure {
    width: 50%;
    margin-right: 20px;
  }
}

@media (max-width: 540px) {
  .mez.information1 figure {
    width: 100%;
    margin-bottom: 20px;
  }
  .mez.information1 figure img {
    width: 100%;
  }
}

.mez.information1 .information__details {
  display: table-cell;
}

@media (max-width: 1440px) {
  .mez.information1 .information__details {
    margin-top: 30px;
  }
}

@media (max-width: 540px) {
  .mez.information1 .information__details {
    display: block;
  }
}

/*====== information ends here ======*/

/*====== resources-info start here ======*/
.resources-block  .resources-info .cl2019s1 .cl2019s1_list, .resources-block  .resources-info .cl2019s1 .cl2019s1_list .cl2019s1__list--image img{
  border-radius: 10px 10px 0 0;
  background-color: transparent;
}
.resources-block  .resources-info__inner .block-map{
  margin-bottom: 40px;
}
.resources-block .cl2019s1 .cl2019s1__list__info .item--title{
  min-height: 42px;
}
.resources-block .cl2019s1 .cl2019s1__list__info{
  background-color: #fff;
}
.resources-block .cl2019s1 .cl2019s1__slider .slider__dots {
  width: 100%;
  text-align: center;
}
.resources-block .cl2019s1 .cl2019s1__slider .slider__dots li {
  color: #fff;
  width: 20px;
  transition: transform 0.2s;
  position: relative;
  display: inline-block;
  transform: none;
}
.resources-block .cl2019s1 .cl2019s1__slider .slider__dots li:before{
  display:none;
}
.resources-block .cl2019s1 .cl2019s1__slider .slider__dots li button{
  border: none;
  background: #066cc1;
  border-radius: 0;
  width: 10px;
  height: 10px;
  visibility: visible;
  overflow: hidden;
  opacity: 1;
}
.resources-block .cl2019s1 .cl2019s1__slider .slider__dots li.slick-active button{
  background: #fff;
}
.resources-block .cl2019s1 .slick-slider .slick-arrow {
  font-size: 0;
  background: transparent;
  border: none;
  width: 50px;
  height: 30px;
  top: auto;
  bottom: 30px;
}
.resources-block .cl2019s1 .slick-slider .slick-arrow:after {
  display: none;
}
.resources-block .cl2019s1 .slick-slider .slick-arrow.slick-prev {
  left: 0px;
  border-radius: 0;
  padding: 0;
  margin: 0;
  text-align: right;
  bottom: -40px;
}
.resources-block .cl2019s1 .slick-slider .slick-arrow.slick-next {
  padding: 0;
  margin: 0;
  text-align: right;
  right: auto;
  left: 40px;
  bottom: -40px;
}
.resources-block .cl2019s1 .slick-slider .slick-arrow:before {
  background: none;
  content: "\f061";
  display: inline-block;
  font: normal normal normal 21px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  color: #066cc1;
  height: 22px;
}
.resources-block .cl2019s1 .slick-slider .slick-arrow:hover:before {
  color: #27a6de;
}

@media (max-width: 767px) {

  .resources-block .cl2019s1 .cl2019s1__slider .slider__dots {
    display: block;
    position: relative;
    right: inherit;
    text-align: center;
    margin: 0 auto;
    width: 100%;
    bottom: 0;
  }
  .resources-block .cl2019s1 .cl2019s1__slider .slider__dots li {
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    width: initial;
  }
  .resources-block .cl2019s1 .slick-list[style]{
    padding:0 50px 0 0 !important;
  }
}


@media (min-width: 992px) {
   .resources-block .cl2019s1 .slick-slider .slick-arrow.slick-prev,
  .resources-block .cl2019s1 .slick-slider .slick-arrow.slick-next{
     bottom: -60px;
  }
  .resources-block  .resources-info .cl2019s1 .cl2019s1_list,
  .resources-block  .resources-info .cl2019s1 .cl2019s1_list .cl2019s1__list--image img{
    box-shadow: none;
  }
  .resources-block .resources-title{
    padding-bottom: 18rem;
  }
  .resources-block .resources-info{
    padding-bottom:13rem;
  }
  .resources-block .resources-info__inner{
    position: absolute;
    width: 100%;
    z-index: 9;
    top: 50px;
    -webkit-transform: translateY(-18rem);
    transform: translateY(-18rem);
  }
  .resources-info__inner .block-map{
    margin-bottom: 0px;
    max-height: 375px;
  }
}

/*====== resources-info start end ======*/

/*====== Leadership tabs start here ======*/
.leadership-tab .nav-pills li.nav-item a, .leadership-tab .nav-pills li.nav-item span{
  background-color: #f4f8fe;
  border-left: 1px solid #dbe2ec;
  color:#1f1957;
  text-transform: capitalize;
  font-size: 1.2rem;
  height: 80px;
}
.leadership-tab .nav-pills li.nav-item:first-child a, .leadership-tab .nav-pills li.nav-item:first-child span {
  border: none;
}
.leadership-tab .nav-pills li.nav-item a.active, .leadership-tab .nav-pills li.nav-item a.active:focus, .leadership-tab .nav-pills li.nav-item a.active:hover, .leadership-tab .nav-pills li.nav-item span.active, .leadership-tab .nav-pills li.nav-item span.active:focus, .leadership-tab .nav-pills li.nav-item span.active:hover{
  background-color: #1f1957;
  color:#fff;
}
.leadership-tab .nav-pills li.nav-item a.active:after, .leadership-tab .nav-pills li.nav-item span.active:after{
  border-top-color: #1f1957;
}

@media (max-width: 767px){
  .leadership-tab .nav-pills li.nav-item a, .leadership-tab .nav-pills li.nav-item span {
    height: auto;
    display: block;
    border: none;
    border-top: 1px solid #dbe2ec;
  }
}

/*new leadership list css start*/
.leadership-tab .mez.card-list ul{
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.leadership-tab .mez.card-list li{
  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;
}
.leadership-tab .l-card figure,
.leadership-tab .l-card figure a:before{
  border-radius: 0;
}
.leadership-tab .l-card:hover figure a:before {
  opacity: 1;
  border-radius: 0;
}
.leadership-tab .l-card h4{
  text-align: left;
}
.leadership-tab .l-card h4 a{
  font-size: 1.3rem;
  line-height: 1.3;
  color: #1f1957;
}
.leadership-tab .l-card h4 span{
  margin: 20px 0;
  font-size: 1.1rem;
}
@media (max-width: 767px){
  .leadership-tab .l-card h4{
    text-align: center;
  }
  .leadership-tab .card-list-lg .l-card figure {
    width: 200px;
    height: auto;
    margin: 0 auto 20px;
  }
}
@media (max-width: 540px) {
  .leadership-tab .card-list-lg .mez.card-list li {
    width: 90%;
    float: none;
    border-bottom: 1px solid #ccc;
    margin: 0 auto 20px auto;
    padding: 0 0 20px 0;
  }
  .leadership-tab .card-list-lg .mez.card-list li:last-child{
    border-bottom: none;
  }
}
/* card-list md start here */

.leadership-tab .card-list-md .mez.card-list ul {
  margin-left: -45px;
  overflow: hidden;
}

@media (max-width: 1200px) {
  .leadership-tab .card-list-md .mez.card-list ul {
    margin-left: -40px;
  }
}

@media (max-width: 767px) {
  .leadership-tab .card-list-md .mez.card-list ul {
    margin: 0;
  }
}

.leadership-tab .card-list-md .mez.card-list li {
  width: 33.33%;
  float: left;
  padding-left: 45px;
}

@media (max-width: 1200px) {
  .leadership-tab .card-list-md .mez.card-list li {
    width: 50%;
    padding-left: 40px;
  }
}

@media (max-width: 767px) {
  .leadership-tab .card-list-md .mez.card-list li {
    width: 90%;
    float: none;
    border-bottom: 1px solid #ccc;
    margin: 0 auto 20px auto;
    padding: 0 0 20px 0;
  }
  .leadership-tab .card-list-md .mez.card-list li:last-child{
    border-bottom: none;
  }
  .leadership-tab .card-list-md .l-card figure {
    width: 400px;
    height: auto;
    margin: 0 auto 20px;
  }
}

@media (max-width: 540px) {
  .leadership-tab .card-list-md .l-card figure {
    width: 250px;
  }
}


/*sm font size css start here*/
.leadership-tab .card-list-md.sm-font .mez.card-list li{
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 15px;
}
.leadership-tab .sm-font .l-card h4 a{
  font-size: 0.85rem;
}
.leadership-tab .sm-font .l-card h4 span{
  font-size: 0.85rem;
  margin: 10px 0;
}
.leadership-tab .card-list-md.sm-font .mez.card-list ul{
  margin: 0;
}
.leadership-tab .sm-font .l-card figure{
  margin-bottom: 15px;
}
@media (max-width: 1440px){

}
/*sm font size css end here*/
.separator_violet {
  clear: both;
  margin: 20px 0;
  padding: 0;
  width: 100%;
  border: 0;
  border-top: 1px solid #444178;
}

/* card-list md end here */

/*new leadership list css end*/

/*====== Leadership tabs end here ======*/

/*========================== Qeeri page css end here ==========================  */


/*====== video ads start css here ======*/
.video-ads{
  max-width:350px ;
  z-index: 999;
  position: fixed;
  bottom: 30px;
  right: 30px;
  transform: scale(1);
  transform-origin: right bottom 0px;
  border: 3px solid #066cc1;
  display: none;
}
.video-ads video{
  margin-bottom: -5px;
}
.video-ads .video-ads--close{
  position: absolute;
  right: 5px;
  top: 0;
  z-index: 1000;
  color: #fff;
  font-size: 12px;
  display: inline-block;
}
@media (max-width: 767px) {
  .video-ads{
    max-width:250px ;
  }
}
/*====== video ads start css end ======*/


/*====== poster banner css start here ======*/
.poster__head{}
.poster__head--info{}
.poster__filter{
  text-align: right;
}
.poster__filter .poster__filter__list--item{
  margin-right:10px;
}
.poster__filter__list--item:last-child{
  margin-right: 0;
}
.poster__filter__list--item a{
  color: #1e1656;
}
.poster__details{
  position: relative;
}
.poster__details__inner{
  top: 50%;
  width: 100%;
  position: absolute;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  padding: 60px;
}
@media (max-width: 767px) {
  .poster__details__inner{
    padding: 30px;
  }
  .poster__details__inner .poster__title{
    font-size: 1.5rem;
  }
}
@media (max-width: 480px) {
  .poster__details__inner .poster__title{
    font-size: 1.2rem;
  }
}

/*video block start*/
.videoPoster__filter{
  text-align: right;
}
.videoPoster__filter .videoPoster__filter__list--item{
  margin-right:10px;
}
.videoPoster__filter__list--item:last-child{
  margin-right: 0;
}
.videoPoster__filter__list--item a{
  color: #1e1656;
}
.videoPoster__details{
  position: relative;
}
.videoPoster__details__inner{
  top: 50%;
  width: 100%;
  position: absolute;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  padding: 60px;
}
@media (max-width: 767px) {
  .videoPoster__details__inner{
    padding: 30px;
  }
  .videoPoster__details__inner .videoPoster__title{
    font-size: 1.5rem;
  }
}
@media (max-width: 480px) {
  .videoPoster__details__inner .videoPoster__title{
    font-size: 1.2rem;
  }
}
.video-aside{
  background-color: #fff;
  border-radius: 4px;
  max-width: 230px;
  padding: 25px;
}
.video-aside h6{
  padding-bottom: 15px;
  color: #1e1656;
}
.video-aside .video-icon span{
  display: inline-block;
  border: 1px solid #066cc1;
  border-radius: 50%;
  padding:8px 9px 8px 10px;
  line-height: 0;
  margin-right: 10px;
}
.video-aside .video-icon i{
  color: #1e1656;
}

/*video block end*/

.thumbnail-list{

}
.thumbnail-list__item{
  display:inline-block;
  max-width: 33%;
}
.thumbnail-list__item a{
  display: flex;
  padding-left: 10px;
  padding-right: 10px;
}
.thumbnail-list--image{
  min-width: 70px;
  margin-right: 20px;
}
.thumbnail-list--title{
  color:#066cc1;
  font-size: 0.8rem;
}
.thumbnail-list__info p{
  font-size: 13px;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .thumbnail-list__item{
    margin-bottom: 30px;
  }
}
.mez.slider.poster-thumbnail .slider__dots {
    display: block;
    position: relative;
    right: inherit;
    text-align: center;
    margin: 0 auto;
    width: 100%;
    bottom: -20px;
  }
.mez.slider.poster-thumbnail .slider__dots li {
    display: inline-block;
    padding: 0;
    margin: 0;
    float: none;
  }
.mez.slider.poster-thumbnail .slider__dots {
  width: 100%;
    text-align: center;
}
.mez.slider.poster-thumbnail .slider__dots li {
  color: #fff;
  width: 20px;
  transition: transform 0.2s;
  position: relative;
  display: inline-block;
}
.mez.slider.poster-thumbnail .slider__dots li button{
  border: none;
  background: #066cc1;
  border-radius: 0;
  width: 10px;
  height: 10px;
}
.mez.slider.poster-thumbnail .slider__dots li.slick-active button{
  background: #011f3c;
}
/*====== poster banner css end here ======*/

/*====== links block css start here ======*/
.links__block__list .links__block--title{
  color: #1e1656;
  font-size: 1.1rem;
  font-family: robotobold;
  margin-bottom: 20px;
}
.links__block__list ul{}
.links__block__list ul li{
  margin-bottom: 10px;
  font-size: 0.9rem;
}
.links__block__list ul li a:hover{
  text-decoration: underline;
}
/*====== links block css end here ======*/



/*====== annual event css start here ======*/
.annual-event{

}
.annual-event__image{
clear: both;
}
.annual-event__image--img{
  margin-bottom: 30px;

}
.annual-event__award{
  clear: both;
}
.annual-event__image--img,
.annual-event__image--img img{
  border-radius: 5px;
}

.annual-event .annual-event_slider .slider__dots {
  width: 100%;
  text-align: center;
}
.annual-event .annual-event_slider .slider__dots li {
  color: #fff;
  width: 20px;
  transition: transform 0.2s;
  position: relative;
  display: inline-block;
}
.annual-event .annual-event_slider .slider__dots li button{
  border: none;
  background: #066cc1;
  border-radius: 0;
  width: 10px;
  height: 10px;
}
.annual-event .annual-event_slider .slider__dots li.slick-active button{
  background: #011f3c;
}
.annual-event .slick-slider .slick-arrow {
  font-size: 0;
  background: transparent;
  border: none;
  width: 50px;
  height: 30px;
  top: auto;
  bottom: 30px;
}
.annual-event .slick-slider .slick-arrow:after {
  display: none;
}
.annual-event .slick-slider .slick-arrow.slick-prev {
  right: 25px;
  left: auto;
  border-radius: 0;
  padding: 0;
  margin: 0;
  text-align: right;
  bottom: 50px;
}
.annual-event .slick-slider .slick-arrow.slick-prev:before{
  right: 0;
}
.annual-event .slick-slider .slick-arrow.slick-next {
  padding: 0;
  margin: 0;
  text-align: right;
  right: -10px;
  bottom: 50px;
}
.annual-event .slick-slider .slick-arrow:before {
  background: none;
  content: "\f061";
  display: inline-block;
  font: normal normal normal 21px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  color: #011f3c;
  height: 22px;
}
.annual-event .slick-slider .slick-arrow:hover:before {
  color: #27a6de;
}

@media (max-width: 767px) {
  .annual-event .annual-event_slider .slider__dots {
    display: block;
    position: relative;
    right: inherit;
    text-align: center;
    margin: 0 auto;
    width: 100%;
    bottom: -10px;
  }
  .annual-event .annual-event_slider .slider__dots li {
    display: inline-block;
    padding: 0;
    margin: 0;
    float: none;
  }
  .annual-event .slick-slider .slick-arrow.slick-prev,
  .annual-event .slick-slider .slick-arrow.slick-next{
    margin-bottom: -80px;
  }

}
/*====== annual event css end here ======*/
/*====== services category css start here ======*/
.services-category .col-inner{
  padding: 10px;
}
.services-category .col-inner a{
  display: block;
}
.services-category .box-image,
.services-category .box-image img{
  border-radius: 5px;
}
.services-category .box-text--title{
  font-size: 1rem;
  padding: 15px 0;
  color: #1e1656;
  margin: 0;
}
.services-category .box-image{
  position: relative;
 }

.services-category .box-image:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 0%;
    height: 100%;
    background-color: rgba(6,108,193,0.7);
    opacity: 0;
    visibility: hidden;
    transition: 0.8s;
}
.services-category .box-image:hover:before {
    opacity: 1;
    width: 100%;
    visibility: visible;
    -webkit-animation: animate-in 0.5s cubic-bezier(0.17, 0.67, 0.83, 0.67) forwards;
    -moz-animation: animate-in 0.5s cubic-bezier(0.17, 0.67, 0.83, 0.67) forwards;
    animation: animate-in 0.5s cubic-bezier(0.17, 0.67, 0.83, 0.67) forwards;
}
.services-category .box-image:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 0%;
    height: 20px;
    background-color: rgba(6,108,193,1);
    opacity: 0;
    visibility: hidden;
    transition: 0.8s;
}
.services-category .box-image:hover:after {
    opacity: 1;
    width: 100%;
    visibility: visible;
    -webkit-animation: animate-in 0.5s cubic-bezier(0.17, 0.67, 0.83, 0.67) forwards;
    -moz-animation: animate-in 0.5s cubic-bezier(0.17, 0.67, 0.83, 0.67) forwards;
    animation: animate-in 0.5s cubic-bezier(0.17, 0.67, 0.83, 0.67) forwards;
}
.box-category:hover .box-text--title{
  color: rgba(6,108,193,1);
}
.info__block__row .title{
  margin-bottom: 30px;
}
.info__block__row--details{
  padding-left: 20px;
}
/*====== services category css end here ======*/


/*====== hbku alumni slider css start here ======*/
.hbku-alumni .slick-slider .slick-arrow {
  font-size: 0;
  background: transparent;
  border: none;
  width: 50px;
  height: 30px;
  top: auto;
  bottom: 30px;
}
.hbku-alumni .slick-slider .slick-arrow:after {
  display: none;
}
.hbku-alumni .slick-slider .slick-arrow.slick-prev {
  left: -25px;
  border-radius: 0;
  padding: 0;
  margin: 0;
  text-align: right;
  bottom: -80px;
}
.hbku-alumni .slick-slider .slick-arrow.slick-prev:before{
  right: 0;
}
.hbku-alumni .slick-slider .slick-arrow.slick-next {
  padding: 0;
  margin: 0;
  text-align: right;
  left: 10px;
  bottom: -80px;
}
.hbku-alumni .slick-slider .slick-arrow:before {
  background: none;
  content: "\f061";
  display: inline-block;
  font: normal normal normal 21px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  color: #011f3c;
  height: 22px;
}
.hbku-alumni .slick-slider .slick-arrow:hover:before {
  color: #27a6de;
}
@media (max-width: 992px) {
  .hbku-alumni .slick-slider .slick-arrow.slick-prev,
  .hbku-alumni .slick-slider .slick-arrow.slick-next{
    bottom: -40px;
  }
}

/*====== hbku alumni slider css end here ======*/

/*====== Center Excellence start css here ======*/
.excellence-tabmenu .nav-tabs .nav-link:hover, .excellence-tabmenu .nav-tabs .nav-link.active:hover, .excellence-tabmenu .nav-tabs .nav-link.active, .excellence-tabmenu .nav-tabs .nav-link.active:focus,
.excellence-tabmenu .nav-tabs .nav-link{
  color: #1e1656;
}
.menu-tab .excellence-tabmenu .nav-tabs .nav-link:before{
  border-top: 15px solid #e9f7fe;
}
.menu-tab .excellence-tabmenu .nav-tabs .nav-link{
  padding: 15px 20px;
  font-size: 16px;
}

@media (max-width: 540px){
.dangerAlertCont .hu.alert .close {
    right: 0;
}
}
/*=== btn links start here ===*/

.btn__links{}
.btn__links ul{}
.btn__links ul li{
  display: inline-block;
  width: 30%;
  margin: 10px;
}
.btn__links ul li a{
  display: inline-block;
  border:1px solid #fff;
  width: 100%;
  font-size: 16px;
  color:#fff;
  padding:15px 20px;
  text-align: center;
  letter-spacing: 0;
}

@media (max-width: 720px) {
  .btn__links ul li{
    width: 45%;
  }
}
@media (max-width: 520px) {
  .btn__links ul li{
    width: 95%;
  }
}
/*=== btn links end here ===*/
/*=== filter links start here ===*/
.filter__links{
  text-align: right;
}
.filter__links .filter__links__list--item{
  margin-right:10px;
}
.filter__links__list--item:last-child{
  margin-right: 0;
}
.filter__links__list--item a{
  color: #1e1656;
}
@media (max-width: 540px) {
  .filter__links{
    text-align: left;
  }
}
/*=== filter links end here ===*/
/*=== event new design css start here ===*/
.eventList{

}
.eventList__item{
  margin: 10px 10px 15px 10px;
  padding: 15px;
  background-color: #fff;
  border:1px solid #e0dedd;
  border-radius: 4px;
  /* width: 100%;
  height: auto; */
  clear: both;
  overflow: hidden;
  transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    -webkit-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
}
.eventList__item a{
  color:#333;
 }
.eventList__info{
  float: left;
  width: 60%;
}
.eventList__info .eventList--title{
  font-family: robotomedium;
  font-weight: bold;
  line-height: 1.5;
  font-size: 0.9rem;
}
.eventList__info .eventList--time,
.eventList__info  .eventList--address{
  display: inline-block;
  background-color: #f6f4f3;
  border-radius: 10px;
  padding: 1px 10px;
  font-size: 12px;
  margin: 4px 0;
  border:1px solid transparent;
}
.eventList__info  .eventList--address{

}
.eventList__date{
  float: right;
}
.eventList__date--list{
  background-color: #e9f7fe;
  border-radius: 4px;
  text-align: center;
  padding: 8px 13px;
  float: left;
  margin-right: 10px;
}
.eventList__date--list:last-child{
  margin-right: 0;
}
.eventList__date--list span{
  display: block;
  color: #1e1656 ;
  font-size: 12px;
}
.eventList__date--list .date{
  font-weight: bold;
  font-size: 16px;
}
.eventList__date--list .month{}
.eventList__date--list .year{}
.eventList__details{
  clear: both;
  width: 100%;
  padding-top: 25px;
}
.eventList__details p{
  font-size: 14px;
}
.eventList__details p:last-child{
  margin-bottom: 0;
  padding-bottom: 0;
}
@media (max-width: 420px) {
  .eventList__info{
    float:none;
    width:100%;
    margin-bottom: 15px;
  }
  .eventList__date{
    float: none;
  }
}
/*active event*/
.eventList__item.active-event,
.eventList__item:hover{
  background-color: #0764e3;
  border-color:#0764e3;
  color: #fff;
  transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    -webkit-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
}
.active-event .eventList--title, .active-event .eventList__details p,
.eventList__item:hover .eventList--title, .eventList__item:hover .eventList__details p{
  color: #fff;
}
.active-event .eventList--title,
.eventList__item:hover .eventList--title{
  font-weight: normal;
}
.active-event .eventList__date--list,
.eventList__item:hover .eventList__date--list{
  background-color: #f6f4f3;
}
.active-event .eventList__date--list span,
.eventList__item:hover .eventList__date--list span{
  color: #333;
}
.active-event  .eventList__info .eventList--time,
.eventList__item:hover  .eventList__info .eventList--time,
.active-event  .eventList__info .eventList--address,
.eventList__item:hover  .eventList__info .eventList--address{
  background-color: transparent;
  border:1px solid #fff;
  color: #fff;
}
/*=== event new design css end here ===*/
/*=== publications new list css start here ===*/
.publications__block{
  overflow: hidden;
  clear: both;
}
.publications__block__list{
  margin: 10px;
  padding: 20px;
  background-color: #fff;
  border: 1px solid #e0dedd;
  border-radius: 4px;
  width: 30%;
  float: left;
  transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    -webkit-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
}
.publications__block__list:hover{
  background-color:#e9f7fe;
  transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    -webkit-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
}
.publications--header{
   border-bottom: 1px solid #e0dedd;
   padding-bottom: 20px;
   margin-bottom: 20px;
}
.publications--header, .publications--footer{
  font-size: 14px;
}
@media (max-width: 640px) {
  .publications__block__list{
    width: auto;
    float: none;
  }
  .publications--header{
  padding-bottom: 10px;
   margin-bottom: 10px;
  }
}
/*=== publications new list css start here ===*/

/*====== Center Excellence end css here ======*/
/*====== HBKU Edx start css here ======*/

@media (min-width: 767px){
  .filter-edx .searchAdvanced--filter .SelectList {
      width: 24%;
      padding-right: 50px;
  }
}
/*====== HBKU Edx end css here ======*/

/*====== UTS start css here ======*/
/*==== Icon Links start here ====*/
.IconLiks ul,
.IconLiks ul li{
  padding: 0;
  margin: 0;
  list-style: none;
}
.IconLiks ul li{
  margin-bottom: 8px;
}
.IconLiks ul li:last-child{
  /* margin-bottom: 0; */
}
.IconLiks ul li i{
  color:#7ed321;
  padding-right: 10px;
}
.IconLiks ul li i.red{
  color:#d0021b;
}
.IconLiks ul li i.yellow{
  color:#f8e71c;
}

.IconLiks ul li a{
  /* color:#fff; */
  font-family: 'robotoregular';
}
.IconLiks ul li a:hover, .IconLiks ul li a:hover i{
  color:#0088ce;
}

/*icon 1*/

.IconLiks1 ul,
.IconLiks1 ul li{
  padding: 0;
  margin: 0;
  list-style: none;
}
.IconLiks1 ul li{
  margin-bottom: 8px;
}
.IconLiks1 ul li:before{
  display: none;
}
.IconLiks1 ul li:last-child{
  /* margin-bottom: 0; */
}
.IconLiks1 ul li i{
  color:#174d93;
  padding-right: 10px;
  font-size: 18px;
}
.IconLiks1 ul li i.red{
  color:#d0021b;
}
.IconLiks1 ul li i.yellow{
  color:#f8e71c;
}

.IconLiks1 ul li a{
  color:#174d93;
  font-family: 'robotomedium';
}
.IconLiks1 ul li a:hover, .IconLiks1 ul li a:hover i{
  color:#0088ce;
}
/*==== Icon Links end here ====*/

/*=== smTab css start here ===*/
.smtab-tab .nav-tabs .nav-link,
.smtab-tab .nav-tabs .nav-link:hover{
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    color: #27a6de;
    padding:10px 35px;
    position: relative;
    border:1px solid #27a6de;
    font-size: 16px;
}
.smtab-tab .nav-tabs .nav-link.active:before,
.smtab-tab .nav-tabs .nav-link::before{

}
.smtab-tab .nav-tabs{
  border-bottom: none;
}
.smtab-tab .nav-tabs .nav-item{
  margin: 2px;
}
.smtab-tab .nav-tabs .nav-link.active,
.smtab-tab .nav-tabs .nav-link:hover{
  background-color:#1e1656 ;
  color:#fff;
}

.menu-tab .smtab-tab .nav-tabs .nav-link:hover,
.menu-tab .smtab-tab .nav-tabs .nav-link.active:hover,
.menu-tab .smtab-tab .nav-tabs .nav-link.active,
.menu-tab .smtab-tab .nav-tabs .nav-link.active:focus{
  background-color:#1e1656 ;
  color:#fff;
}
.smtab-tab .tab-content{
  padding-top:20px;
}
@media (min-width: 992px){
  .menu-tab .smtab-tab .nav-tabs {
      margin: 0;
  }
}
@media (max-width: 767px){
.menu-tab .smtab-tab .nav-tabs {
    margin: 0;
    padding: 0;
    display: block;
}
.smtab-tab .nav-tabs .nav-link.active:before,
.smtab-tab .nav-tabs .nav-link::before{
 display: none;
}
}
/*=== smTab css end here ===*/

/*====== UTS End css here ======*/

/*====== orientation css start here ======*/

.liveinfosession:after{
  top: 0;
  left: 0;
  padding: 0;
  z-index: -1;
  box-shadow: 0 0 0 2px #066cc1;
  opacity: 0;
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9);
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 0%;
  content: '';
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.liveinfosession:after{
    -webkit-animation: sonarEffect 3s ease-in-out infinite;
    -moz-animation: sonarEffect 3s ease-in-out infinite;
    animation: sonarEffect 3s ease-in-out infinite;
    /* animation-delay: 1s;
    -webkit-animation-delay: 1s; */
}

@-webkit-keyframes sonarEffect {
	0% {
		opacity: 0;
	}
	30% {
		opacity: 0.5;
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #066cc1, 0 0 0 10px rgba(255,255,255,0.5);
	}
	60% {
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 8px 8px #066cc1, 0 0 0 10px rgba(255,255,255,0.5);
		-webkit-transform: scale(1.1);
		opacity: 0;
  }
  61% {
    opacity: 0;
  }
}
@-moz-keyframes sonarEffect {
	0% {
		opacity: 0;
	}
	30% {
		opacity: 0.5;
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #066cc1, 0 0 0 10px rgba(255,255,255,0.5);
	}
	60% {
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 8px 8px #066cc1, 0 0 0 10px rgba(255,255,255,0.5);
		-moz-transform: scale(1.1);
		opacity: 0;
  }
  61% {
    opacity: 0;
  }
}
@keyframes sonarEffect {
	0% {
		opacity: 0;
	}
	30% {
		opacity: 0.5;
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #066cc1, 0 0 0 10px rgba(255,255,255,0.5);
	}
	60% {
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 8px 8px #066cc1, 0 0 0 10px rgba(255,255,255,0.5);
		transform: scale(1.1);
		opacity: 0;
  }
  61% {
    opacity: 0;
  }
}
/*=== list timer css end here ===*/

.timers .timers_list {
  width: 100%;
  float: left;
  position: relative;
  overflow: hidden;
  margin-bottom: 15px;
  background-color: #fff;
  margin-right: 10px;
  margin-left: 10px;
}

.timers .timers_list {
  height: inherit !important;
  background-color: #f5f8fd;
  border-radius: 4px;
  transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    -webkit-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
}
/* .timers .timers_list:hover{
  background-color: #1f1957;
  color:#fff;
  transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    -webkit-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
} */

.timers__list--image img{
  border-radius: 4px;
}
.timers .timers__list__info {
    padding: 20px;
}
.timers .timers__list__info .item--title {
  font-family: "robotomedium";
  margin-bottom: 20px;
  font-size: 1.5rem;
  line-height: 1.2;
  color: #333;
}

.timers .timers__list__info p {
  padding-bottom: 0;
  margin-bottom: 0;
  font-size: 0.9rem;
}


@media (min-width: 600px) {
  .timers__content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .timers .timers_list{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 30px;
  }
  .timers .timers_list {
    width: 46%;
  }

}
@media (min-width: 992px) {
  .timers .timers_list {
    width: 30%;
  }
}

@media (min-width: 768px){
  .timers .timers__list__info .timers__list--title{
  min-height: 110px;
}
}

#timer{
  margin-top: 20px;
}
#timer span {
   font-size: 1rem;
  font-family: "robotoregular";
  line-height: 1.2;
  display: block;
}

#days, #hours, #minutes, #seconds {
  padding: 0px;
  border-radius: 0;
  display: inline-block;
  font-size: 24px;
  line-height: 1.2;
  font-family: "robotobold";
  padding-right: 20px;
  color:#066cc1;
}
#seconds {
  padding-right: 0px;
}


/*=== list timer css end here ===*/
/*=== Advisor block css start here ===*/
.adviser-section .explore-degree{
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.adviser-section .explore-degree .adviser-block{
display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.adviser-block{
  border: 1px solid #e0dedd;
  border-radius: 5px;
  padding: 20px 30px;
  margin-right: 5%;
  width: 45%;
  float: left;
  margin-top: 10px;
  margin-bottom: 10px;
  min-height: 170px;
}
.adviser-block:last-child{
  margin-right: 0;
}
.adviser-name{
  font-size: 13px;
  margin-bottom: 5px;
  color: #616161;
}
.adviser-title{
  font-size: 21px;
  margin-bottom: 10px;
}
.adviser-datetime{
  font-size: 14px;
  margin-bottom: 10px;
}
.adviser-datetime span{
  background-color: #f6f4f3;
  display: inline-block;
  color: #444;
  border-radius: 4px;
  padding: 2px 8px;
  min-width: 80px;
  text-align: center;
  font-size: 12px;
}
.adviser-link{
   background-color: #e8f0fc;
  display: inline-block;
  color: #0764e3;
  border-radius: 4px;
  padding: 3px 20px;
  min-width: 80px;
  text-align: center;
  font-size: 14px;
  max-width: 150px;
}
@media (max-width: 767px) {
  .adviser-block{
    width:100%;
    margin-right:0;
  }
}

/*=== Advisor block css end here ===*/

/*=== New tab design css start here ===*/
.adviser-section .tab-content{
  padding: 30px 0 0;
}
/* .nav-pills.adivisor-tab li.nav-item a{
  background-color: transparent;
  color: #003971;
  font-family: robotobold;
  border: 1px solid #ccc;
}
.nav-pills.adivisor-tab li.nav-item a.active{
  background-color:#003971;
  color:#fff;
}
.nav-pills li.nav-item a.active:after{
  border-top-color: #003971;
} */
@media (min-width: 768px) {
  .nav-pills.adivisor-tab li.nav-item{
    width: 16.66%;
  }
}
/*=== New tab design css end here ===*/

/*====== orientation css start here ======*/

/*====================== post-covid19 css start here ======================*/
@media (min-width: 992px) {
  .post19eventM5{
    padding-left: 30px;
  }
}

/*=== dieBlock new list css start here ===*/
.dieBlock__block{
  overflow: hidden;
  clear: both;
  display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.dieBlock__block__list{
  margin: 15px;
  padding:40px 30px;
  background-color: #fff;
  border-radius: 4px;
  width: 29%;
  float: left;
  transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    -webkit-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
}
.dieBlock__block__list{
  border:1px solid transparent;
      display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
}
.dieBlock__block__list:hover{
  border-color:#066cc1;
}


.dieBlock--header{
   padding-bottom: 20px;
   margin-bottom: 20px;
}
.dieBlock--header{
  font-size: 17px;
  word-break: break-word;
  line-height: 1.2;
  font-family: robotobold;
}
.dieBlock--header span{
  border-bottom: 2px solid #333;
  line-height: 1.4;
}
.dieBlock--footer{
  font-size: 13px;
}
@media (max-width: 640px) {
  .dieBlock__block__list{
    width: auto;
    float: none;
  }
  .dieBlock--header{
  padding-bottom: 10px;
   margin-bottom: 10px;
  }
}
/*=== dieBlock new list css start here ===*/
/*=== dieBlock2 new list css start here ===*/
.dieBlock2__block{
  overflow: hidden;
  clear: both;
  display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.dieBlock2__block__list{
  margin: 15px;
  background-color: #fff;
  border-radius: 6px 6px 0 0;
  width: 29%;
  float: left;
  transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    -webkit-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
}
.dieBlock2__block__list.center-block{
  margin-left: auto;
  margin-right: auto;
}
.dieBlock2--image img{
  border-radius: 6px 6px 0 0;
}
.dieBlock2__content-info{
  padding:30px 20px;
}

.dieBlock2__block__list{
  border:1px solid transparent;
      display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
}
.dieBlock2__block__list:hover{
  border-color:#066cc1;
}
.dieBlock2__block__list img{
  transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    -webkit-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
}
.dieBlock2__block__list:hover img{
  opacity: 0.8;
  transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    -webkit-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
}
.dieBlock2__block__list a .dieBlock2--header span{
   color: #1f1757;
}
.dieBlock2__block__list a .dieBlock2--footer{
  color: #373a3c;
  padding-top: 20px;
}
.dieBlock2__block__list a .dieBlock2--footer p{
  font-size: 14px;
}
.dieBlock2--header{
   padding-bottom: 20px;
   margin-bottom: 20px;
}
.dieBlock2--header{
  font-size: 18px;
  word-break: break-word;
  line-height: 1.2;
  font-family: 'robotobold';
}
.openSans .dieBlock2--header{
  /* font-family: 'Open Sans', sans-serif;
  font-weight: 700; */
}
.dieBlock2--header span{
  border-bottom: 2px solid #1f1757;
  line-height: 1.4;
}
.dieBlock2--header span.no-border{
  border-bottom: none;
}
.dieBlock2--footer{
  font-size: 14px;
  font-weight: 600;
}
@media (max-width: 640px) {
  .dieBlock2__block__list{
    width: auto;
    float: none;
  }
  .dieBlock2--header{
  padding-bottom: 10px;
   margin-bottom: 10px;
  }
}

.dieBlock2__block_noborder .dieBlock2__block__list{
  border-color: #1e1656;
  border-radius: 0;
}
.dieBlock2__block_noborder .dieBlock2__block__list:hover{
  border-color:#066cc1;
}
.dieBlock2__block_noborder .dieBlock2--image img{
  border-radius: 0;
}
.dieBlock2__block_noborder .dieBlock2--header{
  font-size: 17px;
}
/*=== dieBlock2 new list css start here ===*/
/*=== dieBlock3 new list css start here ===*/
.dieBlock3__block{
  overflow: hidden;
  clear: both;
  display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.dieBlock3__block__list{
  margin: 15px;
  background-color: #fff;
  border-radius: 6px 6px 0 0;
  width: 29%;
  float: left;
  transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    -webkit-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
}
.dieBlock3__block__list.center-block{
  margin-left: auto;
  margin-right: auto;
}
.dieBlock3--image img{
  border-radius: 6px 6px 0 0;
}
.dieBlock3__content-info{
  padding:30px 20px;
}

.dieBlock3__block__list{
  border:1px solid transparent;
      display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
}
.dieBlock3__block__list:hover{
  border-color:#066cc1;
}
.dieBlock3__block__list img{
  transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    -webkit-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
}
.dieBlock3__block__list:hover img{
  opacity: 0.8;
  transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    -webkit-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
}
.dieBlock3__block__list a .dieBlock3--header{
   color: #1f1757;
}
.dieBlock3__block__list a .dieBlock3--footer{
  color: #373a3c;
}

.dieBlock3--header{
  font-size: 16px;
  word-break: break-word;
  line-height: 1.4;
  font-family: 'robotobold';
  color: #1e1656;
  padding-bottom: 10px;
}
.openSans .dieBlock3--header{
  /* font-family: 'Open Sans', sans-serif;
  font-weight: 700; */
}

.dieBlock3--footer{
  font-size: 14px;
}
@media (max-width: 640px) {
  .dieBlock3__block__list{
    width: auto;
    float: none;
  }

}
@media (min-width: 992px) {
  .dieBlock3--header{
    min-height: 95px;
  }
}
/*=== dieBlock3 new list css start here ===*/

/*=== dieBlock4 new list css start here ===*/
.dieBlock4__block{
  overflow: hidden;
  clear: both;
  display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;

}
.dieBlock4__block__list{
  margin: 15px;
  background-color: #fff;
  width: 29%;
  float: left;
  transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    -webkit-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    margin-top: 60px;
}
.dieBlock4__block__list.center-block{
  margin-left: auto;
  margin-right: auto;
}
.dieBlock4--image figure{
  margin-top: -50px;
  max-width: 100px;
  margin-left:auto;
  margin-right:auto;
  position: relative;
}
.dieBlock4--image figure:before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 100%;
  border: 6px solid #27a6de;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  transition: all ease 1s;
}
.dieBlock4__block__list:hover figure:before {
    opacity: 1;
}
.dieBlock4--image img{
  border-radius:100%;
  max-width: 100px;
  border: 4px solid #c5daf7;
}
.dieBlock4__content-info{
  padding:30px 20px;
}

.dieBlock4__block__list{
  border:1px solid transparent;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    position: relative;
}
.dieBlock4__block__list:hover{
  border-color:#27a6de;
}
.dieBlock4__block__list img{
  transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    -webkit-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
}
.dieBlock4__block__list:hover img{
  transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    -webkit-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
}
.dieBlock4__block__list a .dieBlock4--header span{
   color: #1f1757;
}
.dieBlock4__block__list a .dieBlock4--footer{
  color: #373a3c;
}
.dieBlock4--header{
   padding-bottom: 20px;
   margin-bottom: 20px;
}
.dieBlock4--header{
  font-size: 18px;
  word-break: break-word;
  line-height: 1.2;
  font-family: 'robotobold';
}
.openSans .dieBlock4--header{
  /* font-family: 'Open Sans', sans-serif;
  font-weight: 700; */
}
.dieBlock4--header span{
  border-bottom: 2px solid #1f1757;
  line-height: 1.4;
}
.dieBlock4--header span.no-border{
  border-bottom: none;
}
.dieBlock4--footer{
  font-size: 14px;
  font-weight: 600;
}
@media (max-width: 640px) {
  .dieBlock4__block__list{
    width: auto;
    float: none;
  }
  .dieBlock4--header{
  padding-bottom: 10px;
   margin-bottom: 10px;
  }
}

.dieBlock4__block_noborder .dieBlock4__block__list{
  border-color: #1e1656;
  border-radius: 0;
}
.dieBlock4__block_noborder .dieBlock4__block__list:hover{
  border-color:#066cc1;
}
.dieBlock4__block_noborder .dieBlock4--image img{
  border-radius: 0;
}
.dieBlock4__block_noborder .dieBlock4--header{
  font-size: 17px;
}
/*=== dieBlock4 new list css start here ===*/
/*=== dieBlock5 new list css start here ===*/
.dieBlock5__block{
  overflow: hidden;
  clear: both;
  display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.dieBlock5__block.two-block{
      justify-content: center;
}
.dieBlock5__block__list{
  margin: 10px;
  background-color: #fff;
  border-radius: 6px 6px 0 0;
  width: 22%;
  float: left;
  transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    -webkit-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
}
.col3 .dieBlock5__block__list{
  width: 30%;
}
.dieBlock5__block__list.center-block{
  margin-left: auto;
  margin-right: auto;
}
.dieBlock5--image img{
  border-radius: 6px 6px 0 0;
}
.dieBlock5__content-info{
  padding:25px 20px;
}

.dieBlock5__block__list{
  border:1px solid transparent;
      display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: left;
}
.dieBlock5__block__list:hover{
  border-color:#066cc1;
}
.dieBlock5__block__list img{
  transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    -webkit-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
}
.dieBlock5__block__list:hover img{
  opacity: 0.8;
  transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    -webkit-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
}
.dieBlock5__block__list a .dieBlock5--header{
   color: #1f1757;
}
.dieBlock5__block__list a .dieBlock5--footer{
  color: #373a3c;
}

.dieBlock5--header{
  font-size: 14px;
  word-break: break-word;
  line-height: 1.4;
  font-family: 'robotobold';
  color: #1e1656;
  padding-bottom: 10px;
}
.openSans .dieBlock5--header{
  /* font-family: 'Open Sans', sans-serif;
  font-weight: 700; */
}

.dieBlock5--footer{
  font-size: 14px;
  padding-top:20px;
}
.dieBlock5--footer .l-article ul {
    margin-bottom: 0px;
    padding-left: 0px;
}
.dieBlock5--footer .l-article li {
    padding-left: 15px;
    padding-bottom: 2px;
    font-size: 0.85rem;
}
.dieBlock5--footer .l-article li:before {
    content: "";
    width: 3px;
    height: 3px;
    background: #333;
}

@media (max-width: 767px) {
  .dieBlock5__block__list{
    width: 29%;
  }
}
@media (max-width: 640px) {
  .dieBlock5__block__list{
    width: 44%;
  }
   .col3 .dieBlock5__block__list{
    width: 44%;
  }
}
@media (max-width: 420px) {
  .dieBlock5__block__list{
    width: 100%;
  }
  .col3 .dieBlock5__block__list{
    width: 100%;
  }

}

@media (min-width: 992px) {
  .dieBlock5--header{
    /* min-height: 95px; */
  }
}
@media (min-width: 1200px) {
  .col3 .dieBlock5__block__list{
    width: 31%;
  }
}
/*=== dieBlock5 new list css End here ===*/


/*=== dieBlock6 new list css start here ===*/
.dieBlock6__block{
  overflow: hidden;
  clear: both;
  display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.dieBlock6__block__list{
  margin: 15px;
  background-color: #fff;
  border-radius: 0;
  width: 29%;
  float: left;
  transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
}
.dieBlock6__block__list{
  /* border:1px solid transparent; */
      display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: left;
     box-shadow: 0 0px 1px #ccc;
}
.dieBlock6__block__list:hover{
  /* border-color:#066cc1; */
  box-shadow: 0 5px 17px #ccc;
  margin-top: 12px;
}
.dieBlock6__block__list.center-block{
  margin-left: auto;
  margin-right: auto;
}
.dieBlock6--image img{
  border-radius:0;
}
.dieBlock6--image{
  position: relative;
}
.dieBlock6--image:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-image: linear-gradient(to bottom, transparent 50%, #fff 100%, #fff 0%);
    background-image: -webkit-linear-gradient(to bottom, transparent 50%, #fff 100%, #fff 0%);
    background-image: -moz-linear-gradient(to bottom, transparent 50%, #fff 100%, #fff 0%);
    background-image: -ms-linear-gradient(to bottom, transparent 50%, #fff 100%, #fff 0%);
    background-image: -o-linear-gradient(to bottom, transparent 50%, #fff 100%, #fff 0%);
    z-index: 9;
}
.dieBlock6__content-info{
  padding:25px;
}


.dieBlock6__block__list img{
  transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    -webkit-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
}
.dieBlock6__block__list:hover img{
  opacity: 0.8;
  transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    -webkit-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
}
.dieBlock6__block__list .dieBlock6--header{
   color: #1f1757;
   line-height: 1.3;
}
.dieBlock6__block__list .dieBlock6--footer{
  color: #1f1757;
  padding-top: 10px;
}
.dieBlock6__block__list .dieBlock6--footer p{
  font-size: 14px;
}
.dieBlock6--header{
   padding-bottom: 20px;
   margin-bottom: 20px;
}
.dieBlock6--header{
  font-size: 18px;
  word-break: break-word;
  line-height: 1.2;
  font-family: 'robotobold';
}

.dieBlock6--header span{
  border-bottom: 2px solid #1f1757;
  line-height: 1.4;
}
.dieBlock6--header span.no-border{
  border-bottom: none;
}
.dieBlock6--footer{
  font-size: 14px;
  font-weight: 500;
}
.dieBlock6--morelink{
  margin-top: 15px;
}
@media (max-width: 640px) {
  .dieBlock6__block__list{
    width: auto;
    float: none;
  }
  .dieBlock6--header{
  padding-bottom: 10px;
   margin-bottom: 10px;
  }
}

/*=== dieBlock6 new list css start here ===*/

/*=== dieBlock7 new list css start here ===*/
.dieBlock7__block{
  overflow: hidden;
  clear: both;
  display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.dieBlock7__block__list{
  margin: 15px;
  background-color: #fff;
  border-radius: 0;
  width: 45%;
  float: left;
  transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
}
.dieBlock7__block__list{
  /* border:1px solid transparent; */
      display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: left;
     box-shadow: 0 0px 1px #ccc;
}
.dieBlock7__block__list:hover{
  /* border-color:#066cc1; */
  box-shadow: 0 5px 17px #ccc;
  margin-top: 12px;
}
.dieBlock7__block__list.center-block{
  margin-left: auto;
  margin-right: auto;
}

.dieBlock7__content-info{
  padding:25px;
}
.dieBlock7--image{ position: relative;}
.dieBlock7--image .dieBlock7-icon{
  position: absolute;
    right: 20%;
    bottom: -35px;
}
.dieBlock7__block__list img{
  border-radius:0px;
  transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    -webkit-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
}
.dieBlock7__block__list:hover img{
  opacity: 0.8;
  transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    -webkit-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
}
.dieBlock7__block__list .dieBlock7-icon {
    width: 70px;
    height: 70px;
    display: inline-block;
    border-radius: 50%;
    background-color: #0088ce;
    border: 3px solid #d8d8d8;
    text-align: center;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.dieBlock7__block__list .dieBlock7-icon img {
    display: inline-block;
    padding: 14px;
}

.dieBlock7__block__list .dieBlock7--header{
   color: #1f1757;
   line-height: 1.3;
}
.dieBlock7__block__list .dieBlock7--footer{
  color: #222;
  padding-top: 10px;
}
.dieBlock7__block__list .dieBlock7--footer p{
  font-size: 14px;
}
.dieBlock7--header{
   padding-bottom: 20px;
   margin-bottom: 20px;
}
.dieBlock7--header{
  font-size: 18px;
  word-break: break-word;
  line-height: 1.2;
  font-family: 'robotobold';
}

.dieBlock7--footer{
  font-size: 14px;
  font-weight: 500;
}
.dieBlock7--morelink{
  margin-top: 15px;
}

@media (max-width: 640px) {
  .dieBlock7__block__list{
    width: auto;
    float: none;
  }
  .dieBlock7--header{
  padding-bottom: 10px;
   margin-bottom: 10px;
  }
}

/*=== dieBlock7 new list css start here ===*/

/*=== block-profile css start here ===*/
.block-profile{

}
.block-profile__list{

}
.block-profile__list--item{
  border:1px solid #ccc;
  border-radius: 6px;
  padding: 2px;
  margin: 8px;
  clear: both;
  overflow: hidden;
  width: 31%;
  display: inline-block;
}
.block-profile__list--item .profile--img{
  float: left;
  max-width: 100px;
}
.block-profile__list--item .profile--img img{
  border-radius: 6px;
}
.block-profile__list--item .profile-details{
  float: left;
  padding: 18px;
  width: calc(100% - 100px);
}
.block-profile__list--item .person-name{
 font-size: 16px;
 color: #1e1656;
}
.block-profile__list--item .person-designation{
  font-size: 13px;
  line-height: 1.2;
}
@media (max-width: 992px) {
  .block-profile__list--item{
    width: 47%;
  }
}
@media (max-width: 640px) {
  .block-profile__list--item{
    width: 100%;
  }
}
/*=== block-profile css end here ===*/
.banner-registration{

}
.banner-registration.mez.registration {
  border: none;
}
.banner-registration .l-event-date:before{
  display: none;
}
.banner-registration.mez.registration .l-event-date--sec{
  background-color: transparent;
  padding: 0;
  height: auto;
  margin-bottom: 0;
}
.banner-registration .l-event-date--xl strong{
  font-family: "robotoregular";
  font-size: 1.6rem;
  margin-bottom: 8px;
}
.banner-registration .l-event-date--xl span em:last-child{
  text-transform: capitalize;
  color: #fff;
  font-family: "robotoregular";
  font-size: 1.2rem;
}
.banner-registration.mez.registration .registration__date{
  width: 130px;
  border: 1px solid #b5b5b5;
  padding: 12px 10px;
  margin-bottom: 30px;
}
.banner-registration .l-event-date--xl div:last-child:before{
  background-color: #fff;
  width: 10px;
  left: -5px;
}
@media (max-width: 767px) {
  .banner-registration.mez.registration .registration__date {
    margin-bottom: 5px;
  }
}
@media (max-width: 991px){
  .hidden_991{
    display: none;
  }
}
/*====================== post-covid19 css end here ======================*/

/*====================== QBRI Research css start here ======================*/
.menu-tab.menu-tab_v2 .excellence-tabmenu .nav-tabs .nav-link {
  padding: 15px 12px;
  font-size: 13px;
}

.menu-tab.menu-tab_v2 .excellence-tabmenu .nav-tabs .home .nav-link .l-icon {
  display: none;
}

@media (min-width: 768px) {
  .menu-tab.menu-tab_v2 .excellence-tabmenu .nav-tabs .home .nav-link .l-icon {
    display: inline-block;
  }

  .menu-tab.menu-tab_v2 .excellence-tabmenu .nav-tabs .home .nav-link .icon-title {
    display: none;
  }
}

@media (max-width: 767px) {
  .menu-tab.menu-tab_v2 .excellence-tabmenu .nav-tabs .nav-link {
    padding: 15px;
  }

  .menu-tab.menu-tab_v2 .excellence-tabmenu .nav-tabs .nav-link:before {
    top: 9px;
  }
}
.list-status{
  background-color:#fff;
  border-radius: 6px;
  border:1px solid #d9d8dd;
  padding:22px;
  max-height: 445px;
  overflow-y: scroll;
}
.list-status__group{

}
.list-status__group--item{
  border-radius: 6px;
  transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
}

.list-status__group--item:nth-child(odd){
  background-color:#f5f4f2;
}
.list-status__group--item a{
    padding: 18px 30px;
    display: block;
    color:#444;
    font-size: 14px;
}
.list-status__group--item:hover, .list-status__group--item.active{
  background-color:#4990e2;
  transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
}
.list-status__group--item:hover a, .list-status__group--item.active a{
  color:#fff;
}
@media (max-width: 767px) {
  .list-status__group--item a{
    padding: 15px;
  }
}

/*====== filter research css start here  ======*/
.s-filterDropdown .l-select .l-select__holder{
  text-align: left;
}
.s-filterDropdown ul.form__field{
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
}
.s-filterDropdown .form-item{
  background-color: #fff;
}
.s-filter ul{
  text-align: center;
}
.s-filter ul, .s-filter ul li{
  padding: 0;
  margin: 0;
  list-style: none;
}
.s-filter .s-filter__list--item{
  display: inline-block;
  padding:8px 25px 8px 20px;
  margin: 10px;
  background-color: #e8f0fb;
  border-radius: 6px;
  color: #1e1656;
  font-family: 'robotobold';
  font-size: 14px;
  line-height: 1.4;
  cursor: pointer;
}
.s-filter .s-filter__list--item a{
  color: #1e1656;
}
.s-filter .s-filter__list--item img{
  margin-top: -2px;
  margin-right:0;
  opacity: 0;
  width:0px;
  transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  -webkit-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
}

.s-filter .s-filter__list--item.active{
  background-color: #1e1656;
  color:#fff;
}
.s-filter .s-filter__list--item.active a{
  color:#fff;
}
.s-filter .s-filter__list--item.active img{
  opacity: 1;
  width:15px;
  transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  -webkit-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
}
/*====== filter research css end here  ======*/

/*====== Two block listing design css start here ======*/
.cf-s-block{}
.cf-s-block .cf-s-block__list{
  background-color: #309fd7;
  border-radius: 8px;
  width: 100%;
  margin-bottom: 20px;
  background-size: cover;
  position: relative;
  transition: all 0.3s;
  overflow: hidden;
}
.cf-s-block .cf-s-content{
  padding:20px 25px;
  width: 100%;
  min-height:290px;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 6;
  overflow: hidden;
  transition: all 0.3s;
}
.cf-s-block .cf-s-block__list:last-child{
  margin-right: 0;
}
.cf-s-block .cf-s-block__list .cf-s-img{
  transition: all 0.3s;
  min-height: 290px;
  height: 100%;
  width: 100%;
}

.cf-s-block .cf-s-block__list:hover .cf-s-img{
  transition: all 0.3s;
 transform-origin: center;
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}

.cf-s-block .cf-s-content:before {
    content: "";
    background: #309fd7;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.85;
    transition: all 0.3s;
    border-radius: 8px;
}
.cf-s-block .cf-s-content:hover:before {
  opacity: 0.95;
}

.cf-s-block .cf-s-block__list--title{
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 2px solid #fff;
  z-index: 10;
  position: relative;
}
.cf-s-block .cf-s-block__list--title h5{
  color: #fff;
  font-weight: 600;
  padding: 0;
  margin: 0;
}
.cf-s-block .cf-s-block__list__info ul,
.cf-s-block .cf-s-block__list__info ul li{
  color: #fff;
}
.cf-s-block .cf-s-block__list__info ul li{
  margin-bottom:4px;
  margin-left: 25px;
  position: relative;
}
.cf-s-block .cf-s-block__list__info ul li:before{
  content: '';
   position: absolute;
   border-right:2px solid #fff;
   border-bottom:2px solid #fff;
   width:8px;
   height:8px;
   top: 12px;
   left: -25px;
   transform: translateY(-50%) rotate(-45deg);
}
.cf-s-block .cf-s-block__list__info ul li:last-child{
  margin-bottom: 0;
}
@media (min-width: 767px) {
  .cf-s-block{
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
  .cf-s-block .cf-s-block__list{
    margin-right: 30px;
     margin-bottom: 0px;
    width: 47%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

@media (max-width: 420px) {
  .cf-s-block .cf-s-block__list .cf-s-img{
    display: none;
  }
  .cf-s-block .cf-s-content{
    position: relative;
    transform:none;
    top: 0;
    left: 0;
    min-height: auto;
  }
}

@media (min-width: 992px) {
  .cf-s-block .cf-s-block__list{
    margin-right: 40px;

  }
}
@media (min-width: 1200px) {
  .cf-s-block .cf-s-block__list{
    margin-right: 50px;

  }
}
/*====== Two block listing design css end here ======*/

/*====================== QBRI Research css end here ======================*/

@media (max-width: 991px) {
  .desk-view {
    display: none;
  }
}
.title-md-m.title-p p {
  font-size: 1.8rem;
  font-family: "robotomedium";
  line-height: 1.2;
}
@media (min-width: 992px) {
  .title-md-m.title-p p {
    font-size: 2.3rem;
  }
}

/*====== filter 5row design css end here ======*

/*====== filter 5row design css start here ======*/
.filter-5row .mez.form label{
  display: block;
}
.filter-5row .mez.form .element-invisible{
  display: none;
}
.filter-5row .mez.form ul.form__field > li{
  width:100%;
  padding: 0;
}
.filter-5row .mez.form ul.form__field > li:last-child{
  margin-right: 0;
}
.filter-5row .form-actions{
    margin-top: 20px;
}
.filter-5row .form-type-select {
  position: relative;
}
.filter-5row .form-type-select::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: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.expose-form-btn.filter-5row .views-exposed-form .views-exposed-widget:last-child{
  max-width: 100%;
  width: 100%;
}

@media (min-width: 768px) {
  .filter-5row .mez.form ul.form__field > li{
    width: 47%;
    margin: 0 20px 0 0;
    padding: 0;
  }
  .filter-5row .form-actions{
    margin-top: 30px;
  }

}
@media (max-width: 767px) {
  .expose-form-btn.filter-5row .views-exposed-form .views-exposed-widget.views-submit-button{
    width:100%;
  }
}
@media (min-width: 992px) {
  .filter-5row .mez.form ul.form__field > li{
    width: 31%;
    margin: 0 20px 20px 0;
    padding: 0;
  }

}
@media (min-width: 1201px) {
  .filter-5row .mez.form ul.form__field > li{
    width: 18.5%;
    margin: 0 20px 0 0;
    padding: 0;
  }
   .expose-form-btn.filter-5row .views-exposed-form .views-exposed-widget.views-submit-button{
    text-align: right;
  }

}

.filter-container {
  margin-top: 30px;
  overflow-x: auto;
}
.filter-container table{
  min-width: 600px;
}

.filter-container table thead{

}

.filter-container table thead th{
  background-color: #ccc;
  border: 1px solid #b9b6b6;
  padding: 10px;
  margin: 0;
  width: 19%;
}

.filter-container table thead th.views-field-title {
  width: 46%;
}

.filter-container table thead th.views-field-field-project-lead {
  width: 14%;
}
.filter-container table thead th.views-field-field-related-college {
  width: 14%;
}
.filter-container table thead th.views-field-field-project-area{
  width: 14%;
}
.filter-container table thead th.views-field-field-project-year{
  width: 12%;
}
.filter-container table thead th a{
  color:#333;
}
.filter-container table tbody{

}
.filter-container table tbody tr.even{
  background-color: #f5f4f2;
}
.filter-container table tbody tr:hover{
  background-color: #e6e6e4;
}
.filter-container table tbody tr td{
  padding:10px 8px;
}
/*====== filter 5row design css end here ======*/
/*====== filter 7row design css start here ======*/
.filter-7row .mez.form label{
  display: block;
}
.filter-7row .mez.form .element-invisible{
  display: none;
}
.filter-7row .mez.form ul.form__field > li{
  width:100%;
  margin: 10px 20px 10px 0;
}

.filter-7row .mez.form ul.form__field > li:last-child{
  margin-right: 0;
}
.filter-7row .form-actions{
    margin-top: 20px;
  }
.filter-7row .form-type-select {
  position: relative;
}
.filter-7row .form-type-select: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: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
@media (min-width: 768px) {
  .filter-7row .mez.form ul.form__field > li{
    width: 47%;
    padding: 0;
  }

}
@media (min-width: 992px) {
  .filter-7row .mez.form ul.form__field > li{
    width: 22%;
    margin: 10px 20px 10px 0;
    padding: 0;
  }

}
@media (min-width: 1201px) {
  .filter-7row .mez.form ul.form__field > li{
    width: 23%;
    margin: 10px 20px 10px 0;
    padding: 0;
  }

}
.filter-7row .filter-container {
  margin-top: 30px;
  overflow-x: auto;
}
.filter-7row .filter-container table thead{

}
.filter-7row .filter-container table{
  overflow-x: auto;
}
.filter-7row .filter-container table thead th{
  background-color: #ccc;
  border: 1px solid #b9b6b6;
  padding: 10px;
  margin: 0;
  width: 19%;
}
.filter-7row .filter-container table thead th.views-field-field-publication-title{
  width: 36%;
}
.filter-7row .filter-container table thead th.views-field-field-college-short-name{
  width: 10%;
}
.filter-7row .filter-container table thead th.views-field-field-publication-research-area{
  width: 12%;
}
.filter-7row .filter-container table thead th.views-field-field-publication-type{
  width: 10%;
}
.filter-7row .filter-container table thead th.views-field-field-publication-ki-authors{
  width: 14%;
}
.filter-7row .filter-container table thead th.views-field-field-journal-chapter{
  width: 6%;
}
.filter-7row .filter-container table thead th.views-field-field-project-lead{
  width: 10%;
}

.filter-7row .filter-container table thead th a{
  color:#333;
}
.filter-7row .filter-container table tbody{

}
.filter-7row .filter-container table tbody tr.even{
  background-color: #f5f4f2;
}
.filter-7row .filter-container table tbody tr:hover{
  background-color: #e6e6e4;
}
.filter-7row .filter-container table tbody tr td{
  padding:5px 8px;
}
/*====== filter 7row design css end here ======*/
@media (min-width: 992px) {
  .sharemedia-cis .sharethis-inline-share-buttons#st-1{
    text-align: right;
  }
}


.fa-تويتر::before{
  content: "\f099"
}
.fa-فيسبوك::before{
  content: "\f09a"
}
.fa-انستغرام::before{
  content: "\f16d"
}
.fa-لينكدإن::before{
  content: "\f0e1"
}


/*====== Lamha Link Fix Start ======*/

.collegeLay2019 .lamha-newsletter .cl2019filter-nav .list-inline-item a{
  border-color: #1e1656;
  background: #1e1656;
  position: relative;
  vertical-align: middle;
  color: #fff;
  display: inline-block;
  cursor: pointer;
  border: 1px solid #fff;
  font-family: "robotoregular";
  font-size: 0.9333333333rem;
  letter-spacing: 2px;
  padding: 10px 20px;
  text-align: center;
  text-transform: uppercase;
  transition: 0.8s;
}

.collegeLay2019 .lamha-newsletter .cl2019filter-nav .list-inline-item a:hover{
  border: 1px solid  #5BC6E8;
  color: #5BC6E8;
  background: rgba(255, 255, 255, 0);
  outline-color: rgb(91, 198, 232);
}

/*====== Lamha Link Fix End ======*/


/*====== cl2019 testimonial2 new section css start here  ======*/
.cl2019testimonial2new .cl2019quote__person--img{
  max-width: 90px;
}

.cl2019testimonial2new .cl2019quote__person-left{
  min-width: 300px;
  margin-right: 50px;
  margin-bottom: 20px;
}
.cl2019testimonial2new__content--text {
  position: relative;
  padding-top: 30px;
}
.cl2019testimonial2new__content--text p {
  font-size: 1.5rem;
  line-height: 1.5;
  color: #1f1757;
  margin-bottom: 0;
}
.image-flip .cl2019testimonial2new__content--text p{
  font-size: 1.6rem;
}
.cl2019testimonial2new .cl2019quote__person__info{
  margin-top: 30px;
}
.cl2019quote__person__info .person-name{
  font-size: 16px;
}
.image-flip .cl2019quote__person__info .person-name{ 
  font-size: 21px;
  color: #27a6de;
}
.image-flip.cl2019testimonial2new .person-title{
  font-size: 1.6rem;
  line-height: 1.4;
}
.cl2019quote__person__info .person-designation{
  font-size: 14px;
}
@media (min-width: 768px) {
  .cl2019testimonial2new .cl2019quote__innercont{
   display: flex;
   display: -webkit-flex; /* Safari */
  }
  .cl2019testimonial2new .cl2019quote__person-left{
    margin-bottom: 0;
  }
  .cl2019quote__person__info .person-name{
  font-size: 18px;
}
.image-flip .cl2019quote__person__info .person-name{ 
  font-size: 24px;
}
.cl2019quote__person__info .person-designation{
  font-size: 16px;
}
.cl2019testimonial2new.image-flip .cl2019quote__person-left{
  width: 70%;
  padding: 30px 60px;
  margin-right: 0;
  padding-right: 80px;
}
.cl2019testimonial2new.image-flip .cl2019quote__person-right{
  width: 30%;
}
.cl2019testimonial2new.image-flip .even .cl2019quote__person-right{
  order: 1;
}
.cl2019testimonial2new.image-flip .even .cl2019quote__person-left{
  order: 2;
}

.cl2019testimonial2new.image-flip .cl2019quote__innercont{
  border:1px solid #ccc;
  border-radius: 4px;

}

.cl2019testimonial2new.image-flip .cl2019quote__person img{
  border-radius: 4px;
}
}
.cl2019testimonial2new__content--text:before {
  left: 0px;
  top: -10px;
  position: absolute;
  background: none;
  content: "\f10d";
  display: inline-block;
  font-family: FontAwesome;
  font-size: 32px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  color: #27a6de;
  padding-right: 4px;
}

.cl2019testimonial2new .slick-slider .slick-arrow {
  font-size: 0;
  background: transparent;
  border: none;
  width: 50px;
  height: 30px;
  top: auto;
  bottom: 30px;
}
.cl2019testimonial2new .slick-slider .slick-arrow:after {
  display: none;
}
.cl2019testimonial2new .slick-slider .slick-arrow.slick-prev {
  right: 40px;
  left: auto;
  border-radius: 0;
  padding: 0;
  margin: 0;
  text-align: right;
  bottom: 0px;
}
.cl2019testimonial2new .slick-slider .slick-arrow.slick-next {
  padding: 0;
  margin: 0;
  text-align: right;
  right: 0px;
  bottom: 0px;
}
.cl2019testimonial2new.image-flip .slick-slider .slick-arrow.slick-prev {
  left: 20px;
  right:auto;
  bottom: -40px;
}
.cl2019testimonial2new.image-flip .slick-slider .slick-arrow.slick-next {
  left: 60px;
  bottom: -40px;
}

.cl2019testimonial2new .slick-slider .slick-arrow:before {
  background: none;
  content: "\f061";
  display: inline-block;
  font: normal normal normal 21px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  color: #011f3c;
  height: 22px;
}
.cl2019testimonial2new .slick-slider .slick-arrow:hover:before {
  color: #27a6de;
}
.cl2019testimonial2new .blockquote{
  width: 100%;
}
.cl2019testimonial2new .slick-track{
  width: 100%;
}
@media (max-width: 991px) {
  .cl2019testimonial2new__content--text p {
    margin-bottom: 30px;
  }
.cl2019testimonial2new .slick-slider .slick-arrow.slick-next,
.cl2019testimonial2new .slick-slider .slick-arrow.slick-prev{
  bottom: -30px;
}
}

/*====== Odd Even no slide ======*/
.odd-even-noslide .person-name{
  padding-bottom: 5px;
}
.odd-even-noslide .person-designation{
  padding-bottom: 10px;
  line-height: 1.5;
}
.odd-even-noslide.image-flip .cl2019testimonial2new__content--text p{
  font-size: 1.2rem;
}
.odd-even-noslide .cl2019testimonial2new__content--text:before{
  /* display: none; */
}
.odd-even-noslide .cl2019testimonial2new__content--text{
  /* padding-top: 0; */
}
.cl2019testimonial2new.odd-even-noslide .cl2019quote__person__info{
  margin-top: 0;
  margin-bottom: 20px;
}
.cl2019testimonial2new.image-flip.odd-even-noslide .cl2019quote__innercont{
  border: none;
}
.cl2019testimonial2new.image-flip.odd-even-noslide blockquote{
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom:1px solid #ccc
}
.cl2019testimonial2new.image-flip.odd-even-noslide blockquote:last-child{
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}
.cl2019testimonial2new.odd-even-noslide .cl2019quote__person-left{
  margin-top: 30px;
}
@media (min-width: 768px){
  .cl2019testimonial2new.image-flip.odd-even-noslide .cl2019quote__person-left {
    padding: 40px;
    padding-top: 0;
  }
  .cl2019testimonial2new.image-flip.odd-even-noslide .odd .cl2019quote__person-left {
    padding-left: 0px;
  }
  .cl2019testimonial2new.image-flip.odd-even-noslide blockquote{
    margin-bottom: 60px;
    padding-bottom: 60px;
  }
  .cl2019testimonial2new.odd-even-noslide .cl2019quote__person-left{
    margin-top: 0;
  }
}
/*====== cl2019 testimonial2new section css start here  ======*/
/*====== images flip card block css start here ======*/

.image-flip .image-flip__image{ text-align: center;}
.image-flip .image-flip__image img{
  border-radius: 6px;
  border:1px solid #1D1754;
}
.image-flip{}
.image-flip{}
@media (min-width: 768px){
  .image-flip .image-flip__innerCont{    
    display: flex;
    display: -webkit-flex;
  }
  .image-flip .image-flip-left{
    width: 70%;
    padding:0;
    margin-right: 0;
    padding-right: 80px;
  }
  .image-flip .image-flip-right{
    width: 350px;
  }
  .image-flip .image-flip__image{ 
    text-align: right;
  }
  .image-flip .even .image-flip-right{
    order: 1;
  }
  .image-flip .even .image-flip-left{
    order: 2;
    padding-left: 80px;
    padding-right:0;
  }
  .image-flip .even .image-flip__image{
    text-align: left;
  }
}
/*====== images flip card block css end here ======*/
/*Bottom right button css star here*/

#br-btn{
  display: inline-block;
  background-color: #27a6de;
  border:2px solid transparent;
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 50%;
  position: fixed;
  bottom: 20px;
  right: 20px;
  transition: background-color .3s, 
    opacity .5s, visibility .5s;
  /* opacity: 0; 
  visibility: hidden;*/
  z-index: 1000;
  transition: all 0.3s;
}
#br-btn:before {
  content: "\f077";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  font-size: 1.7em;
  line-height: 42px;
  color: #fff;
}
#br-btn.brchat-btn{
  width: 62px;
  height: 61px;
}
#br-btn.brchat-btn:before {
  content: "\f075";
  font-size: 2.3rem;
  line-height: 51px;
}
#br-btn.brchat-btn:after{
  border-radius: 50%;
}
#br-btn:hover {
  cursor: pointer;
  background-color: #1e1656;
  border-color: #27a6de;
  transition: all 0.3s;

}
#br-btn:active {
  background-color: #1e1656;
  border-color: #27a6de;
  transition: all 0.3s;
}
#br-btn.show {
  opacity: 1;
  visibility: visible;
}
#br-btn.brchat-btn img{
  position: absolute;
  left: 0;
  border: 2px solid transparent;
  transition: all 0.3s;
}
#br-btn.brchat-btn.brchat-img:before{
  display: none;
}
#br-btn.brchat-btn.brchat-img{
  background-color: transparent;
  border: none;
  border-radius: 50%;
}
#br-btn.brchat-btn img:hover{
  background-color: #1e1656;
  border-color: #1e1656;
  transition: all 0.3s;
  border-radius: 50%;
}
@media (min-width: 500px) {

  #br-btn {
    margin: 20px;
  }
}
/*Bottom right button css star here*/