.home_banner {
  width: 100%;
  position: relative;
  min-height: 100vh;
}
.home_banner .csi_logo {
  position: absolute;
  left: 0;
  width: 100%;
  top: 0;
  height: 100%;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  color: #fff;
}
.home_banner .csi_logo .txtd {
  display: inline-block;
  text-align: center;
}
.home_banner .csi_logo h1 {
  font-size: 35px;
  font-weight: bold;
}
.home_banner .csi_logo p {
  font-size: 25px;
  font-weight: normal;
}
.home_banner .dw_arrow {
  position: absolute;
  left: 0;
  bottom: 58px;
  width: 100%;
  text-align: center;
  z-index: 9;
  display: block;
}
.home_banner .dw_arrow a {
  display: inline-block;
}
.home_banner .dw_arrow.mo {
  display: none;
}
.home_banner .slides-pagination a {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
}
.home_banner .slides-pagination a:hover,
.home_banner .slides-pagination a:focus {
  background: url(../images/pg-active.png) no-repeat center;
}
.home_banner .slides-pagination a a.current {
  background: url(../images/pg-active.png) no-repeat center;
}
.Home_overview {
  padding: 50px 0px 50px 0px;
  width: 100%;
  position: relative;
  overflow: hidden;
}
.Home_overview .bgtext {
  bottom: -12px;
  color: #363636;
  font-size: 13.2vw;
  font-weight: 900;
  line-height: 81%;
  opacity: 0.2;
  position: absolute;
  right: -10px;
  text-align: right;
  width: 100%;
}
.Home_overview .skillbox {
  width: 309px;
  height: 309px;
}
.Home_overview .skillbox img {
  width: 100%;
}
.Home_overview .programbox {
  width: 309px;
  height: 309px;
  text-align: center;
  background: #1268D2;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
}
.Home_overview .programbox .inside {
  max-width: 220px;
}
.Home_overview .programbox .inside h3 {
  color: #fff;
  font-size: 36px;
  font-weight: bold;
  padding-bottom: 10px;
  margin: 0;
  margin-bottom: 13px;
  border-bottom: 1px solid #e4eddb;
  text-align: left;
}
.Home_overview .programbox .inside li {
  color: #fff;
  font-size: 16px;
  font-weight: normal;
  text-align: left;
  background: url(../images/arrow2.png) no-repeat left 7px;
  padding-left: 25px;
  margin-top: 7px;
}
.Home_overview .programbox .inside li a {
  color: #fff;
}
.Home_overview .programbox .inside li a:hover,
.Home_overview .programbox .inside li a:focus {
  text-decoration: underline;
  color: #F2F1EF;
}
.Home_overview .newvisitbox {
  width: 309px;
  height: 309px;
  text-align: center;
  background: #444E5A;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
}
.Home_overview .newvisitbox .inside {
  max-width: 220px;
}
.Home_overview .newvisitbox .inside h3 {
  color: #fff;
  font-size: 36px;
  font-weight: bold;
  padding-bottom: 10px;
  margin: 0;
  margin-bottom: 13px;
  border-bottom: 1px solid #e4eddb;
  text-align: left;
}
.Home_overview .newvisitbox .inside li {
  color: #fff;
  font-size: 16px;
  font-weight: normal;
  text-align: left;
  background: url(../images/arrow2.png) no-repeat left 7px;
  padding-left: 25px;
  margin-top: 7px;
}
.Home_overview .newvisitbox .inside li a {
  color: #fff;
}
.Home_overview .newvisitbox .inside li a:hover,
.Home_overview .newvisitbox .inside li a:focus {
  text-decoration: underline;
  color: #83c8ef;
}
.Home_overview .applybox {
  width: 309px;
  height: 309px;
  text-align: center;
  background: #1268D2;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
}
.Home_overview .applybox .applyico {
  background: url(../images/applyico.png) no-repeat center top;
  display: inline-block;
  padding-top: 70px;
  color: #fff;
  font-size: 36px;
  font-weight: bold;
}
.Home_overview .applybox:hover .applyico,
.Home_overview .applybox:focus .applyico {
  animation-duration: 0.5s;
  animation-iteration-count: 1;
  animation-name: hvr-icon-push;
  animation-timing-function: linear;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-name: hvr-icon-push;
  -webkit-animation-timing-function: linear;
  -ms-animation-duration: 0.5s;
  -ms-animation-iteration-count: 1;
  -ms-animation-name: hvr-icon-push;
  -ms-animation-timing-function: linear;
}
.Home_overview .givebox {
  width: 309px;
  height: 309px;
  text-align: center;
  background: #444E5A;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
}
.Home_overview .givebox .giveico {
  background: url(../images/giveico.png) no-repeat center top;
  display: inline-block;
  padding-top: 70px;
  color: #fff;
  font-size: 36px;
  font-weight: bold;
}
.Home_overview .givebox:hover .giveico,
.Home_overview .givebox:focus .giveico {
  animation-duration: 0.5s;
  animation-iteration-count: 1;
  animation-name: hvr-icon-push;
  animation-timing-function: linear;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-name: hvr-icon-push;
  -webkit-animation-timing-function: linear;
  -ms-animation-duration: 0.5s;
  -ms-animation-iteration-count: 1;
  -ms-animation-name: hvr-icon-push;
  -ms-animation-timing-function: linear;
}
.Home_overview .visitbox_wrap {
  position: relative;
  width: 309px;
  height: 309px;
}
.Home_overview .visitbox_wrap img {
  width: 100%;
}
.Home_overview .visitbox_wrap .visitbox {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  text-align: center;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
}
.Home_overview .visitbox_wrap .visitbox .inside {
  width: 100%;
  max-width: 220px;
}
.Home_overview .visitbox_wrap .visitbox .inside h3 {
  color: #fff;
  font-size: 36px;
  font-weight: bold;
  padding-bottom: 10px;
  margin: 0;
  margin-bottom: 13px;
  border-bottom: 1px solid #e4eddb;
  text-align: left;
}
.Home_overview .visitbox_wrap .visitbox .inside li {
  color: #fff;
  font-size: 16px;
  font-weight: normal;
  text-align: left;
  background: url(../images/arrow2.png) no-repeat left 7px;
  padding-left: 25px;
  margin-top: 7px;
}
.Home_overview .visitbox_wrap .visitbox .inside li a {
  color: #fff;
}
.Home_overview .visitbox_wrap .visitbox .inside li a:hover,
.Home_overview .visitbox_wrap .visitbox .inside li a:focus {
  color: #edf5ca;
}
.div_1.animated {
  animation-delay: 0.2s;
}
.div_2.animated {
  animation-delay: 0.4s;
}
.div_3.animated {
  animation-delay: 0.6s;
}
.div_4.animated {
  animation-delay: 0.8s;
}
.div_5.animated {
  animation-delay: 1s;
}
.div_6.animated {
  animation-delay: 1.2s;
}
.div_7.animated {
  animation-delay: 1.4s;
}
.div_8.animated {
  animation-delay: 1.6s;
}
.top_programe {
  padding: 50px 0px 50px 0px;
  width: 100%;
  position: relative;
  overflow: hidden;
}
.top_programe .container > .row {
  display: flex;
  display: -webkit-flex;
  flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  -o-flex-wrap: nowrap;
}
.top_programe .bgtext {
  top: -12px;
  color: #363636;
  font-size: 14.1vw;
  font-weight: 900;
  line-height: 81%;
  opacity: 0.2;
  position: absolute;
  right: -10px;
  text-align: right;
  width: 100%;
}
.top_programe .prog_wrap {
  position: relative;
  overflow: hidden;
}
.top_programe .toppgbox_inn .toppgbox img {
  width: 100%;
  height: auto;
}
.top_programe .toppgbox_inn .prog_onHover {
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  height: 100%;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  text-align: center;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.top_programe .toppgbox_inn .prog_onHover .schoolico {
  background: url(../images/schoolico.png) no-repeat center top;
  display: inline-block;
  padding-top: 70px;
  color: #fff;
  font-size: 28px;
  font-weight: bold;
  line-height: 28px;
}
.top_programe .toppgbox_inn .prog_onHover .schoolico span {
  font-size: 16px;
  color: #fff;
  font-weight: normal;
  display: block;
  line-height: normal;
  margin-top: 13px;
}
.top_programe .toppgbox_inn .prog_onHover .schoolico a {
  border: 1px solid #fff;
  color: #fff;
  display: inline-block;
  font-size: 16px;
  font-weight: normal;
  line-height: 20px;
  margin: 15px 0 0;
  opacity: 0.9;
  overflow: hidden;
  padding: 7px 20px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 140px;
}
.top_programe .toppgbox_inn .prog_onHover .schoolico a:hover,
.top_programe .toppgbox_inn .prog_onHover .schoolico a:focus {
  background: #fff;
  color: #1268D2;
}
.top_programe .toppgbox_inn:hover .prog_onHover,
.top_programe .toppgbox_inn:focus .prog_onHover {
  top: 0;
}
.top_programe .toppgbox_inn .prog_onHover.red {
  background: #1268D2;
}
.top_programe .toppgbox_inn .prog_onHover.red .schoolico a:hover,
.top_programe .toppgbox_inn .prog_onHover.red .schoolico a:focus {
  color: #1268D2;
}
.top_programe .toppgbox_inn .prog_onHover.blue {
  background: #444E5A;
}
.top_programe .toppgbox_inn .prog_onHover.blue .schoolico a:hover,
.top_programe .toppgbox_inn .prog_onHover.blue .schoolico a:focus {
  color: #444E5A;
}
.top_programe .toppgbox_inn .prog_onHover.green {
  background: #1268D2;
}
.top_programe .toppgbox_inn .prog_onHover.green .schoolico a:hover,
.top_programe .toppgbox_inn .prog_onHover.green .schoolico a:focus {
  color: #1268D2;
}
.top_programe .program_title {
  color: #fff;
  display: inline-block;
  font-size: 22px;
  line-height: 28px;
  padding: 8px 10px;
  text-align: center;
  width: 100%;
}
.top_programe .program_title.red {
  background: #1268D2;
}
.top_programe .program_title.blue {
  background: #444E5A;
}
.top_programe .program_title.green {
  background: #1268D2;
}
.top_programe .allpgbox {
  text-align: center;
}
.top_programe .allpgbox a {
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  width: 100%;
  font-size: 18px;
  font-weight: bold;
  color: #444E5A;
  position: absolute;
  left: 0;
  bottom: 0;
}
.top_programe .allpgbox a i {
  margin-left: 14px;
}
.top_programe .allpgbox a:hover i,
.top_programe .allpgbox a:focus i {
  animation-duration: 2s;
  animation-iteration-count: 1;
  animation-name: hvr-icon-wobble-horizontal;
  animation-timing-function: ease-in-out;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-name: hvr-icon-wobble-horizontal;
  -webkit-animation-timing-function: ease-in-out;
  -ms-animation-duration: 2s;
  -ms-animation-iteration-count: 1;
  -ms-animation-name: hvr-icon-wobble-horizontal;
  -ms-animation-timing-function: ease-in-out;
}
.fact_block.deskbg {
  background-attachment: fixed;
}
.fact_block {
  padding: 200px 0px 200px 0px;
  background-size: cover;
  width: 100%;
  min-height: 100vh;
  position: relative;
}
.fact_block .factbox_wrap {
  padding: 10px;
}
.fact_block .factbox_wrap .factbox {
  width: 100%;
  height: 309px;
  padding: 20px;
  position: relative;
  border: 1px solid rgba(255, 255, 255, 0.8);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.fact_block .factbox_wrap .factbox .factbox_inner {
  position: absolute;
  top: 45%;
  transform: translateY(-45%);
  -webkit-transform: translateY(-45%);
  -ms-transform: translateY(-45%);
  -o-transform: translateY(-45%);
}
.fact_block .factbox_wrap .factbox .factbox_inner .factbox_inner_con {
  left: 15%;
  position: absolute;
  top: 65%;
}
.fact_block .factbox_wrap .factbox .factbox_inner .factbox_inner_con .fact_percentage {
  color: #fff;
  font: bold 36px/36px arial;
}
.fact_block .factbox_wrap .factbox .factbox_inner .factbox_inner_con .fact_title {
  color: #fff;
  font: bold 18px/28px arial;
}
.fact_block .factbox_wrap .factbox .factbox_inner .factbox_inner_con img {
  width: 100%;
  max-width: 100%;
}
.fact_block .factbox_wrap .factbox:hover,
.fact_block .factbox_wrap .factbox:focus {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.fact_block .facttxt {
  color: #fff;
  font-size: 16px;
  font-weight: normal;
  line-height: 28px;
  padding-top: 40px;
}
.fact_block .facttxt h6 {
  font-size: 16px;
  font-weight: normal;
  line-height: 28px;
  margin: 0;
}
.fact_block .facttxt p {
  font-size: 16px;
  font-weight: normal;
  line-height: 28px;
  margin: 0;
  color: #fff;
}
.story_block {
  padding: 50px 0px;
  width: 100%;
  height: 100%;
  position: relative;
  background: #444E5A;
}
.story_block .bgtext {
  bottom: -12px;
  color: #ffffff;
  font-size: 14.1vw;
  font-weight: 900;
  line-height: 81%;
  opacity: 0.08;
  position: absolute;
  left: -10px;
  text-align: left;
  width: 100%;
  text-transform: uppercase;
}
.story_block .story_wrap {
  width: 100%;
}
.story_block .story_wrap .storydiv {
  width: 100%;
  overflow: hidden;
  padding: 0px 95px 0px 20%;
}
.story_block .story_wrap .storydiv .owl-controls {
  width: 100%;
}
.story_block .story_wrap .storydiv .owl-controls .owl-nav {
  max-width: 1280px;
  margin: 0 auto;
}
.story_block .story_wrap .storydiv .owl-controls .owl-nav .owl-prev,
.story_block .story_wrap .storydiv .owl-controls .owl-nav .owl-next {
  font-size: 0;
  height: 100%;
  width: 95px;
  position: absolute;
  top: 0;
  transform: scaleX(0.8);
  color: white;
}
.story_block .story_wrap .storydiv .owl-controls .owl-nav .owl-prev.disabled,
.story_block .story_wrap .storydiv .owl-controls .owl-nav .owl-next.disabled {
  display: none;
}
.story_block .story_wrap .storydiv .owl-controls .owl-nav .owl-prev:before,
.story_block .story_wrap .storydiv .owl-controls .owl-nav .owl-next:before {
  content: "";
  border: 5px solid #E8ECEC;
  height: 50px;
  width: 50px;
  position: absolute;
  top: 50%;
  transform: rotate(45deg) translateY(-50%);
}
.story_block .story_wrap .storydiv .owl-controls .owl-nav .owl-prev {
  left: -95px;
}
.story_block .story_wrap .storydiv .owl-controls .owl-nav .owl-prev:before {
  border-radius: 3px 0px 3px 6px;
  border-width: 0 0 5px 5px;
}
.story_block .story_wrap .storydiv .owl-controls .owl-nav .owl-next {
  right: -95px;
}
.story_block .story_wrap .storydiv .owl-controls .owl-nav .owl-next:before {
  border-radius: 3px 6px 3px 0px;
  border-width: 5px 5px 0px 0px;
}
.story_block .story_wrap .storydiv .storydtl {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  background-color: rgba(0, 0, 0, 0.6);
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.story_block .story_wrap .storydiv .storydtl .inside {
  display: inline-block;
  text-align: center;
  max-width: 215px;
}
.story_block .story_wrap .storydiv .storydtl .inside h3 {
  color: #fff;
  font-size: 28px;
  font-weight: bold;
}
.story_block .story_wrap .storydiv .storydtl .inside p {
  color: #fff;
  font-size: 16px;
  font-weight: normal;
}
.story_block .story_wrap .storydiv .owl-item a:hover .storydtl,
.story_block .story_wrap .storydiv .owl-item a:focus .storydtl {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  outline: none;
}
.story_block .story_wrap .storydiv .owl-item a:focus {
  outline: none;
}
.story_block .story_wrap .storydiv .owl-item a:focus .storydtl {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  outline: none;
  border: 3px solid #1268D2;
}
.story_block .story_wrap .owl-carousel .owl-item img {
  height: auto;
}
.news_event {
  padding: 0px 15px;
  margin-bottom: 50px;
}
.news_left {
  position: relative;
  overflow: hidden;
}
.news_left > img {
  width: 100%;
}
.news_left .nws_btn {
  line-height: 28px;
  height: 80px;
  background: url(../images/nws_ico.png) no-repeat 30px 27px #1268D2;
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  display: inline-block;
  padding: 27px 30px 25px 65px;
  z-index: 2;
}
.news_left .nws_btn i {
  margin-left: 20px;
  display: inline-block;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.news_left .nws_btn.active i {
  width: 15px;
}
.news_left .nws_btn.active i img {
  display: none;
}
.news_left .news_cont {
  background: #1268D2;
  padding: 35px 20px 70px 40px;
  right: 0px;
  bottom: 0;
  position: absolute;
  color: #1268D2;
  max-width: 560px;
  margin-bottom: -300px;
}
.news_left .news_cont a:hover h3,
.news_left .news_cont a:focus h3 {
  opacity: 0.7;
  text-decoration: underline;
}
.news_left .news_cont h3 {
  color: #fff;
  font-size: 28px;
  font-weight: bold;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.news_left .news_cont p {
  color: #fff;
  font-size: 16px;
}
.news_left .nws_btn:focus + .news_cont {
  margin-bottom: 0 !important;
  transition: margin-bottom 0.5s;
}
.news-col.col-md-6 {
  padding-right: 8px;
  padding-left: 0;
}
.news-col.col-sm-6 {
  padding-right: 8px;
  padding-left: 0;
}
.event-col.col-md-6 {
  padding-left: 8px;
  padding-right: 0;
}
.event-col.col-sm-6 {
  padding-left: 8px;
  padding-right: 0;
}
.news_right {
  position: relative;
  overflow: hidden;
}
.news_right > img {
  width: 100%;
}
.news_right .btndiv_event .event_btn {
  line-height: 28px;
  height: 80px;
  background: url(../images/event_ico.png) no-repeat 30px 27px #444E5A;
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  display: inline-block;
  padding: 27px 30px 25px 65px;
  z-index: 2;
}
.news_right .btndiv_event .event_btn i {
  margin-left: 20px;
  display: inline-block;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.news_right .btndiv_event .event_btn:focus + .event_cont {
  margin-bottom: 0 !important;
  transition: margin-bottom 0.5s;
}
.news_right .btndiv_event .event_btn.active i {
  width: 15px;
}
.news_right .btndiv_event .event_btn.active i img {
  display: none;
}
.news_right .event_cont {
  background: #444E5A none repeat scroll 0 0;
  color: #fff;
  margin-bottom: -300px;
  max-width: 560px;
  width: 560px;
  padding: 30px 20px 82px 40px;
  position: absolute;
  right: 0px;
  bottom: 0;
}
.news_right .event_cont a:hover h3,
.news_right .event_cont a:focus h3 {
  opacity: 0.7;
  text-decoration: underline;
}
.news_right .event_cont h3 {
  color: #fff;
  font-size: 28px;
  font-weight: bold;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.news_right .event_cont p {
  color: #fff;
  font-size: 16px;
}
.top_note {
  width: 100%;
  background: #ED001A;
  color: #fff;
  display: none;
}
.top_note h5 {
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;
  margin: 0;
}
.top_note h2 {
  color: #fff;
  font-size: 36px;
  font-weight: bold;
  margin: 0;
  margin-bottom: 15px;
}
.top_note h6 {
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  margin: 0;
  line-height: 28px;
}
.top_note .row {
  position: relative;
  padding: 55px 0px 70px 0px;
}
.top_note .note_close {
  position: absolute;
  right: 0;
  top: 32px;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  width: 38px;
  height: 38px;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  border: 2px solid #fff;
}
.cookie_top_note {
  width: 100%;
  background: #ED001A;
  color: #fff;
  display: none;
  border-bottom: 1px solid #ec7a83;
}
.cookie_top_note h5 {
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;
  margin: 0;
}
.cookie_top_note h2 {
  color: #fff;
  font-size: 36px;
  font-weight: bold;
  margin: 0;
  margin-bottom: 15px;
}
.cookie_top_note h6 {
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  margin: 0;
  line-height: 28px;
}
.cookie_top_note .row {
  position: relative;
  padding: 55px 0px 70px 0px;
}
.cookie_top_note .cookie_note_close {
  position: absolute;
  right: 0;
  top: 32px;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  width: 38px;
  height: 38px;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  border: 2px solid #fff;
}
.homeslider .slides-pagination {
  display: none;
}
.homeslider .slides-navigation {
  z-index: auto;
}
.homeslider #home_gallery_navigation .next,
.homeslider #home_gallery_navigation .prev {
  transform: scaleX(0.8);
  z-index: 3;
}
.homeslider #home_gallery_navigation .next:before,
.homeslider #home_gallery_navigation .prev:before {
  content: "";
  border: 5px solid #E8ECEC;
  height: 50px;
  width: 50px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: rotate(45deg) translate(-50%, -50%);
}
.homeslider #home_gallery_navigation .next:before {
  border-radius: 3px 6px 3px 0px;
  border-width: 5px 5px 0px 0px;
}
.homeslider #home_gallery_navigation .prev:before {
  border-radius: 3px 0px 3px 6px;
  border-width: 0 0 5px 5px;
}
.homeslider .container {
  position: relative;
  z-index: 9;
  height: 100%;
}
.homeslider .container .gallery_txt {
  align-items: center;
  -webkit-align-items: center;
  color: #fff;
  display: flex;
  display: -webkit-flex;
  height: 130vh;
  justify-content: center;
  -webkit-justify-content: center;
  line-height: 45px;
  text-align: center;
}
.homeslider .container .gallery_txt h2 {
  font-size: 28px;
  font-weight: 900;
  width: auto;
  max-width: 650px;
  line-height: 45px;
  padding: 0.5em;
  background: rgba(68, 78, 90, 0.65);
}
.homeslider .container .social_wrap {
  position: absolute;
  right: 0px;
  bottom: 0px;
  z-index: 9;
}
.homeslider .container .social_wrap img {
  position: static !important;
  left: 0px !important;
  max-width: none !important;
  top: 0px !important;
  width: auto !important;
  z-index: auto !important;
  height: auto !important;
}
.homeslider .container .btndiv {
  float: right;
}
.homeslider .container .btndiv .checkoutbtn {
  background: #fff none repeat scroll 0 0;
  border-bottom: 7px solid #444E5A;
  color: #444E5A;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  float: left;
  font-size: 18px;
  font-weight: bold;
  height: 75px;
  text-align: center;
  width: 300px;
}
.homeslider .container .btndiv .checkoutbtn i {
  margin-left: 14px;
}
.homeslider .container .btndiv .checkoutbtn:hover i,
.homeslider .container .btndiv .checkoutbtn:focus i {
  animation-duration: 2s;
  animation-iteration-count: 1;
  animation-name: hvr-icon-wobble-horizontal;
  animation-timing-function: ease-in-out;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-name: hvr-icon-wobble-horizontal;
  -webkit-animation-timing-function: ease-in-out;
  -ms-animation-duration: 2s;
  -ms-animation-iteration-count: 1;
  -ms-animation-name: hvr-icon-wobble-horizontal;
  -ms-animation-timing-function: ease-in-out;
}
.homeslider .flip-container {
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  -ms-perspective: 1000;
  perspective: 1000;
  -ms-transform: perspective(1000px);
  -moz-transform: perspective(1000px);
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  width: 300px;
  height: 75px;
}
.homeslider .front {
  width: 300px;
  height: 75px;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: 0.6s;
  -webkit-transform-style: preserve-3d;
  -moz-transition: 0.6s;
  -moz-transform-style: preserve-3d;
  -moz-transform: rotateY(0deg);
  -o-transition: 0.6s;
  -o-transform-style: preserve-3d;
  -o-transform: rotateY(0deg);
  -ms-transition: 0.6s;
  -ms-transform-style: preserve-3d;
  transition: 0.6s;
  transform-style: preserve-3d;
  transform: rotateY(0deg);
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  z-index: 2;
  padding: 0 10px 0 22px;
  display: flex;
  flex-wrap: nowrap;
  background: #53626e none repeat scroll 0 0;
  border-bottom: 7px solid #444E5A;
  align-items: center;
}
.homeslider .back {
  width: 300px;
  height: 75px;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: 0.6s;
  -webkit-transform-style: preserve-3d;
  -webkit-transform: rotateY(0deg);
  -moz-transition: 0.6s;
  -moz-transform-style: preserve-3d;
  -moz-transform: rotateY(0deg);
  -o-transition: 0.6s;
  -o-transform-style: preserve-3d;
  -o-transform: rotateY(0deg);
  -ms-transition: 0.6s;
  -ms-transform-style: preserve-3d;
  -ms-transform: rotateY(0deg);
  transition: 0.6s;
  transform-style: preserve-3d;
  transform: rotateY(0deg);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9;
}
.homeslider .flipper {
  -webkit-transition: 0.6s;
  -webkit-transform-style: preserve-3d;
  -ms-transition: 0.6s;
  -moz-transition: 0.6s;
  -moz-transform: perspective(1000px);
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transition: 0.6s;
  transform-style: preserve-3d;
  position: relative;
}
.homeslider .vertical.flip-container {
  position: relative;
}
.homeslider .vertical.flip-container .flipper {
  -webkit-transform-origin: 100% 213.5px;
  -moz-transform-origin: 100% 213.5px;
  -ms-transform-origin: 100% 213.5px;
  transform-origin: 100% 213.5px;
}
.sharebtndiv {
  float: left;
}
.sharebtndiv .sharebtn {
  box-sizing: border-box;
  align-items: center;
  -webkit-align-items: center;
  color: #fff;
  display: flex;
  display: -webkit-flex;
  float: left;
  font-size: 18px;
  font-weight: bold;
  justify-content: center;
  -webkit-justify-content: center;
  text-align: center;
  backface-visibility: hidden;
  z-index: 2;
  display: block;
}
.sharebtndiv .sharebtn i {
  margin-left: 14px;
}
.sharebtndiv .shareback {
  backface-visibility: hidden;
  align-items: center;
  -webkit-align-items: center;
  z-index: 9;
  box-sizing: border-box;
  display: flex;
  display: -webkit-flex;
  height: 75px;
  justify-content: center;
  -webkit-justify-content: center;
  padding: 0 0 0 22px;
  top: 5px;
}
.sharebtndiv .shareback .twitter {
  width: 36px;
  height: 36px;
  background: red;
  border-radius: 3px;
  margin: 0px 5px;
  transition: background-color 0.3s ease;
  background-color: #55ACEE;
}
.sharebtndiv .shareback .twitter:hover,
.sharebtndiv .shareback .twitter:focus {
  cursor: pointer;
  background-color: #2795e9;
}
.sharebtndiv .shareback .pinterest {
  width: 36px;
  height: 36px;
  background: red;
  border-radius: 3px;
  margin: 0px 5px;
  transition: background-color 0.3s ease;
  background-color: #ED001A;
}
.sharebtndiv .shareback .pinterest:hover,
.sharebtndiv .shareback .pinterest:focus {
  cursor: pointer;
  background-color: #ba0014;
}
.sharebtndiv .shareback .facebook {
  width: 36px;
  height: 36px;
  background: red;
  border-radius: 3px;
  margin: 0px 5px;
  transition: background-color 0.3s ease;
  background-color: #3B5998;
}
.sharebtndiv .shareback .facebook:hover,
.sharebtndiv .shareback .facebook:focus {
  cursor: pointer;
  background-color: #2d4373;
}
.sharebtndiv .shareback .instagram {
  width: 36px;
  height: 36px;
  background: red;
  border-radius: 3px;
  margin: 0px 5px;
  transition: background-color 0.3s ease;
  background-color: #3F729B;
}
.sharebtndiv .shareback .instagram:hover,
.sharebtndiv .shareback .instagram:focus {
  cursor: pointer;
  background-color: #305777;
}
.sharebtndiv .shareback .tumblr {
  width: 36px;
  height: 36px;
  background: red;
  border-radius: 3px;
  margin: 0px 5px;
  transition: background-color 0.3s ease;
  background-color: #35465C;
}
.sharebtndiv .shareback .tumblr:hover,
.sharebtndiv .shareback .tumblr:focus {
  cursor: pointer;
  background-color: #222d3c;
}
#page_bottom_fourth {
  position: relative;
  overflow: hidden;
}
#page_bottom_fourth h3 {
  color: #444E5A;
  font: bold 28px/28px arial;
  margin: 0 0 40px 0;
}
#page_bottom_fourth h3 span {
  margin-left: 20px;
}
#page_bottom_fourth h3 span a {
  width: 25px;
  overflow: hidden;
  padding: 0;
}
#page_bottom_fourth h3 span .news_next img {
  transform: translateX(-32px);
  -webkit-transform: translateX(-32px);
  -ms-transform: translateX(-32px);
  -o-transform: translateX(-32px);
}
#page_bottom_fourth h3 span .event_next img {
  transform: translateX(-32px);
  -webkit-transform: translateX(-32px);
  -ms-transform: translateX(-32px);
  -o-transform: translateX(-32px);
}
#page_bottom_fourth .latestscroll .owl-carousel .owl-item .views-field-field-image {
  margin-bottom: 40px;
}
#page_bottom_fourth .latestscroll .owl-carousel .owl-item .views-field-field-image .news_icon {
  height: 40px;
  width: 40px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9;
  background: url(../images/news-icon.png) no-repeat;
}
#page_bottom_fourth .latestscroll .owl-carousel .owl-item .views-field-field-image .event_icon {
  height: 40px;
  width: 40px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9;
  background: url(../images/event-icon.png) no-repeat;
}
#page_bottom_fourth .latestscroll .owl-carousel .owl-item .views-field-title {
  margin-bottom: 10px;
  color: #444E5A;
  font: bold 18px/19px arial;
  height: 40px;
  overflow: hidden;
}
#page_bottom_fourth .latestscroll .owl-carousel .owl-item .views-field-title a {
  color: #444E5A;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
#page_bottom_fourth .latestscroll .owl-carousel .owl-item .views-field-title a:hover,
#page_bottom_fourth .latestscroll .owl-carousel .owl-item .views-field-title a:focus {
  opacity: 0.7;
}
#page_bottom_fourth .latestscroll .owl-carousel .owl-item .views-field-body {
  color: #444E5A;
  font: 16px/28px arial;
  text-align: justify;
}
#page_bottom_fourth .latestscroll .owl-carousel .owl-item .views-field-body date {
  color: #444E5A;
  font: bold 16px/20px arial;
  font-style: italic;
}
#page_bottom_fourth .bgtext {
  color: #363636;
  font-size: 14.1vw;
  font-weight: 900;
  line-height: 81%;
  opacity: 0.2;
  position: absolute;
  right: -10px;
  text-align: right;
  bottom: 210px;
  width: 100%;
  text-transform: uppercase;
  z-index: -1;
}
#block-views-homepage-events-block {
  margin-top: 80px;
}
.region-page-bottom-fourth {
  padding: 42px 0px 305px 0px;
}
@media screen and (-ms-high-contrast: active) {
  .homeslider #home_gallery_navigation .next {
    z-index: 3;
    cursor: hand;
  }
  .homeslider #home_gallery_navigation .prev {
    z-index: 3;
    cursor: hand;
  }
  .story_block .story_wrap .storydiv .owl-controls .owl-nav .owl-next {
    z-index: 3;
    cursor: hand;
  }
  .story_block .story_wrap .storydiv .owl-controls .owl-nav .owl-prev {
    z-index: 3;
    cursor: hand;
  }
  .story_block .story_wrap .storydiv .storydtl {
    transform: scale(1);
    transition: none;
    display: none;
  }
  .story_block .story_wrap .storydiv .owl-item a:hover .storydtl,
  .story_block .story_wrap .storydiv .owl-item a:focus .storydtl {
    transform: scale(1);
    display: flex;
  }
  .story_block .story_wrap .storydiv .owl-item a:focus .storydtl {
    transform: scale(1);
    display: flex;
  }
}
@media (-ms-high-contrast: none) {
  .homeslider #home_gallery_navigation .next {
    z-index: 3;
    cursor: hand;
  }
  .homeslider #home_gallery_navigation .prev {
    z-index: 3;
    cursor: hand;
  }
  .story_block .story_wrap .storydiv .owl-controls .owl-nav {
    color: white;
  }
  .story_block .story_wrap .storydiv .owl-controls .owl-nav .owl-next {
    z-index: 3;
    cursor: hand;
  }
  .story_block .story_wrap .storydiv .owl-controls .owl-nav .owl-prev {
    z-index: 3;
    cursor: hand;
  }
  .story_block .story_wrap .storydiv .storydtl {
    transform: scale(1);
    transition: none;
    display: none;
  }
  .story_block .story_wrap .storydiv .owl-item a:hover .storydtl,
  .story_block .story_wrap .storydiv .owl-item a:focus .storydtl {
    transform: scale(1);
    display: flex;
  }
  .story_block .story_wrap .storydiv .owl-item a:focus .storydtl {
    transform: scale(1);
    display: flex;
  }
}
.cuny-button {
  padding: 10px;
  display: inline-block;
  overflow: hidden;
  text-align: center;
  vertical-align: middle;
  border-radius: 3px;
  font-size: 14px;
  line-height: 22px;
  text-transform: uppercase;
  text-rendering: optimizelegibility;
  background-color: #1268D2;
  cursor: pointer;
  color: #fff;
  margin: 30px 1em 0 1em;
  width: 35%;
}
.cuny-button:hover,
.cuny-button:focus {
  background-color: #444E5A;
}
.cuny-link {
  color: #fff;
  text-decoration: none;
}
.cuny-link:hover,
.cuny-link:focus {
  text-decoration: underline;
}