/* Webfont: Baskerville */@font-face {
	font-family: 'BaskervilleBold';
	src: url('../fonts/BaskervilleBoldBT.ttf') format('truetype'); /* Modern Browsers */
	font-style: normal;
	font-weight: normal;
	text-rendering: optimizeLegibility;
}

/* Webfont: Baskerville */@font-face {
	font-family: 'BaskervilleVI';
	src: url('../fonts/baskervi.ttf') format('truetype'); /* Modern Browsers */
	font-style: normal;
	font-weight: normal;
	text-rendering: optimizeLegibility;
}

/* Webfont: Baskerville */@font-face {
	font-family: 'Baskerville';
	src: url('../fonts/Baskerville-Medium.ttf') format('truetype'); /* Modern Browsers */
	font-style: normal;
	font-weight: normal;
	text-rendering: optimizeLegibility;
}

/* Webfont: Baskerville */@font-face {
	font-family: 'BaskervilleBold';
	src: url('../fonts/Baskerville-Heavy.ttf') format('truetype'); /* Modern Browsers */
	font-style: normal;
	font-weight: normal;
	text-rendering: optimizeLegibility;
}

/* Webfont: Lato-Bold */@font-face {
    font-family: 'LatoWebLight';
    src: url('../fonts/Lato-Light.eot'); /* IE9 Compat Modes */
    src: url('../fonts/Lato-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/Lato-Light.woff2') format('woff2'), /* Modern Browsers */
         url('../fonts/Lato-Light.woff') format('woff'), /* Modern Browsers */
         url('../fonts/Lato-Light.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* lato-300 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/lato-v15-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Lato Light'), local('Lato-Light'),
       url('../fonts/lato-v15-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v15-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v15-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v15-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v15-latin-300.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-300italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/lato-v15-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local('Lato Light Italic'), local('Lato-LightItalic'),
       url('../fonts/lato-v15-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v15-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v15-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v15-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v15-latin-300italic.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-regular - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/lato-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Lato Regular'), local('Lato-Regular'),
       url('../fonts/lato-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v15-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/lato-v15-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Lato Italic'), local('Lato-Italic'),
       url('../fonts/lato-v15-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v15-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v15-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v15-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v15-latin-italic.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-700 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/lato-v15-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Lato Bold'), local('Lato-Bold'),
       url('../fonts/lato-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v15-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v15-latin-700.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-700italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/lato-v15-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('Lato Bold Italic'), local('Lato-BoldItalic'),
       url('../fonts/lato-v15-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v15-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v15-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v15-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v15-latin-700italic.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-900 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/lato-v15-latin-900.eot'); /* IE9 Compat Modes */
  src: local('Lato Black'), local('Lato-Black'),
       url('../fonts/lato-v15-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v15-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v15-latin-900.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v15-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v15-latin-900.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-900italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 900;
  src: url('../fonts/lato-v15-latin-900italic.eot'); /* IE9 Compat Modes */
  src: local('Lato Black Italic'), local('Lato-BlackItalic'),
       url('../fonts/lato-v15-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v15-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v15-latin-900italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v15-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v15-latin-900italic.svg#Lato') format('svg'); /* Legacy iOS */
}


/* Directory Sliders


*/


body.gpo,body{
	overflow-y: hidden!important;
}

.landing-page.mt-m30{
	    /*min-height: 90vh;*/
}


.more-events-coming-up{
	    font-family: Lato;
    font-size: 19px;
    font-weight: 600;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.5px;
    color: #1450a8;
	padding-bottom:40px;
}

.rsis_homepage_slider_wrapper{
	position:relative;
}

.swiper-container {
    width: 100%;
	height: 40vw;
	min-height:378px;
	position: initial;
}

.Research_Centre_Slider_Content_Box{
    position: absolute;
    top: 20%;
    left: 13%;
    width: 28.333vw;
}

.Research_Centre_Slider_Content_Box_Title1{
    font-family: Lato;
    color: #211C22;
    font-size: 4.6vw;
    font-weight: 700;
    text-shadow:  2px 2px 2px #b7b6b6;
   line-height: 1;
    letter-spacing: 1.5px;
}

.Research_Centre_Slider_Content_Box_Title2{
font-family: Lato;
    color: #B01E38;
    font-size: 4.6vw;
    font-weight: 700;
     text-shadow:  2px 2px 2px #b7b6b6;
    line-height: normal;
    font-style: italic;
	   line-height: 1;
    letter-spacing: 1.5px;
}

.Research_Centre_Slider_Content_Listing_Button.Research_Centre_Slider_Content_Listing_Button-icpvtr>.Research_Centre_Slider_Content_Listing_Button-img{
	   transform: translateY(-2.9861vw);
	   width: auto;
}

.Research_Centre_Slider_Content_Listing_Button{
    cursor: pointer;
	
}

.Research_Centre_Slider_Content_Listing_Button:hover{
    font-weight:600;
	
}

.Research_Centre_Slider_Content_Listing_Button-stsp>.Research_Centre_Slider_Content_Listing_Button_text{
	max-width: 18.2222vw;
}


.Research_Centre_Slider_Content_Listing_Button>.Research_Centre_Slider_Content_Listing_Button-img{
	position: absolute;
    right: -25%;
       transform: translateY(-2.29166vw);
	   width: auto;

}


.Research_Centre_Slider_Content_Box_Text{
	font-family: Lato;
	color:#3a3a3a;
	font-size:1.3888vw;
	  line-height: normal;
	  font-weight:300;
    font-style: italic;
    margin-top: 2.77936vw;  
	letter-spacing: 1.5px;
}

.Research_Centre_Slider_Content_Listing{
    position: absolute;
    bottom: 50%;
    right: 22%;
    width: 20.8333vw;
    text-align: center;
    font-family: Lato;
    color: white;
    transform: translateY(50%);
}

.Research_Centre_Slider_Content_Listing_Button{
        width: 27.7777vw;
    padding-top: 1.2847vw;
    padding-bottom: 1.2847vw;
    font-size: 1.25vw;
    margin-top: 1.38888vw;
    box-shadow: 5px 4px 9px 1px grey;
	background-position: right;
    background-size: cover;
	    line-height: 1;
}

.Research_Centre_Slider_Content_Listing_Button_text{
	    max-width: 17.2222vw;
    margin-left: auto;
    margin-right: auto;
    padding-right: 3.47222vw;
}

.Research_Centre_Slider_Content_Listing_Button.Research_Centre_Slider_Content_Listing_Button-icpvtr{
	padding-top:0.5555vw;
    padding-bottom: 0.5555vw;
}

.Research_Centre_Slider_Content_Listing_Button.Research_Centre_Slider_Content_Listing_Button-cms{
	 margin-top: 0px;
}


.article.landing{
    padding-top: 85px;
}

.slideshow-container.rsis_homepage_slider{
    max-width: 100%;
}

.prev.rsis_homepage_slider{
    left:26px;
    padding:0px;
    z-index:99;
    outline:none;
}

.prev.rsis_homepage_slider:hover{
    background-color:transparent;
}


.prev.rsis_homepage_slider>img{
    width:64px;
	    opacity: 0.7;
}

.prev.rsis_homepage_slider>img:active{
	    opacity: 1;
}

.next.rsis_homepage_slider{
    right:26px;
    padding:0px;
    z-index: 99;	
	outline:none;
}

.next.rsis_homepage_slider:hover{
    background-color:transparent;
}

.next.rsis_homepage_slider>img:active{
  opacity: 1;
}

.next.rsis_homepage_slider>img{
    width:64px;
	    opacity: 0.7;
}

.dot-container.rsis_homepage_slider{
    bottom: 1.5%;
    left: 50%;
    text-align: center;
    position: absolute;
    transform: translateX(-50%);
	    z-index: 6;
}

.dot.rsis_homepage_slider.active-rsis_homepage_slider{
    background-color: #d0021b;
}

.dot.rsis_homepage_slider{
    height: 15px;
    width: 15px;
    background-color: #ffffff;
	    opacity: 1;
	margin-left:3px;
	margin-right:3px;
}

.swiper-pagination-bullet-active{
	    background-color:#b01e38!important;
}

.swiper-pagination-bullet{
    height: 15px;
    width: 15px;
    background-color: #ffffff;
	    opacity: 1;
	margin-left:3px;
	margin-right:3px;
	outline:none;
}

.slide-container.rsis_homepage_slider{
    background-size: cover;
    width: 100%;
    height: 40vw;
    text-align: center;

}

.landing-publication-panel{
    
    width: 100%;
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
}

.landing-publication-card-container{
    
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;

}

.landing-publication-card{
    box-sizing: inherit;
    flex: 0 0 25%;
    max-width: 25%;
    border: 1px solid white;
    box-shadow: 0 3px 10px -2px grey;
    
}

.landing-publication-card-body{
    padding: 15px;
    min-height: 150px;
}

.landing-publication-card-body-1{
    background-color: #641954;
}

.landing-publication-card-body-2{
    background-color: #bc7712;
}
.landing-publication-card-body-3{
    background-color: #66002e;
}

.landing-publication-card-body-4{
    background-color: #186943;
}

.landing-publication-card-body-5{
    background-color: #138585;
}

.landing-publication-card-body-6{
    background-color: #723a2d;
}

.landing-publication-card-body-7{
    background-color: #013156;
}

.landing-publication-card-body-8{
    background-color: #00659d;
}

.landing-publication-card-header{
    font-family: Lato;
    font-size: 21px;
    font-weight: 900;
	font-style:italic;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
}

.landing-publication-card-title-container{
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    width: 100%;
    justify-content: space-between
}

.landing-publication-card-title{
    flex: 0 0 70%;
}

.landing-publication-card-title-pdf{

    margin-top: 5px;
}

.landing-publication-card-title{
    margin-top: 5px;
    min-height: 80px;
}

.landing-publication-card-title{
    font-family: Lato;
    font-size: 15px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
}

.landing-publication-card-title>a{
    color: #ffffff!important;
}

.landing-publication-card-title>a{
    font-family: Lato;
    font-size: 17px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
}

.landing-publication-card-title>a:hover{
    font-family: Lato;
    font-size: 17px;
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
}

.landing-publication-card-links{
    font-style:italic;
}

.landing-publication-card-links-a{
    font-family: Lato;
    font-size: 14px;
    font-weight: 500;

    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff!important;

}

.landing-publication-card-links-a:hover{
    font-family: Lato;
    font-size: 14px;
    font-weight: 900;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff!important;

}


i.fa.fa-file-pdf-o.landing{
    font-size: 15px!important;;
    font-weight: 300;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff!important;
}

.landing-subscription{
    box-shadow: 3px 2px 17px 3px rgba(0, 0, 0, 0.14);
    background-color: #BFD6DD;/*#a5bcc3*/
    
    
}

.landing-subscription-container{
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    width: 100%;
    max-width: 1440px;
    min-height: 130px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    justify-content: space-around;
}

.landing-subscription-pane-container{
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    width: 100%;
    justify-content: space-around;
}


.landing-subscription-pane-1{
    box-sizing: inherit;
    flex: 0 0 auto;
    max-width: 60%;
    margin-top: 40px;
}

.landing-subscription-pane-2{
    box-sizing: inherit;
    flex: 0 0 40%;
    max-width: 40%;
    text-align: left;
    margin-top: 40px;
    height: 50px;
    background-size: cover;
    object-fit: contain;
    background-position: right;
   
}

.landing-subscription-pane-left:hover,.landing-subscription-pane-right:hover{
    /*background-image:url(https://staging.rsis.edu.sg/wp-content/themes/rsis/assets/img/subscription_button_red.png)!important;*/
}

.landing-subscription-pane-button-text:hover{
    color: #a91317;
}


.landing-subscription-pane-left,.landing-subscription-pane-right{
    box-sizing: inherit;
    flex: 0 0 48%;
    max-width: 50%;
    background-size: cover;
    background-position: center;
    background-position-x: right;
}

.landing-subscription-pane-text{
    font-family: Lato;
    font-size: 22px;
    font-weight: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: -0.17px;
    color: #0b385c;
    transform: translateY(5px);
}

@media only screen and (min-width: 1220px) {
    .landing-subscription-pane-text{
        font-family: Lato;
        font-size: 26px;
    }
}

.landing-subscription-pane-button-text{
    font-family: Lato;
    font-size: 18px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #003059;
    padding-top: 8px;
    padding-left: 12px;
    padding-bottom: 8px;
    transform: translateY(1px);
}



.landing_gpo_banner{
    text-align: center;
    background-size: cover;
    padding-top: 60px;
    padding-bottom: 60px;
}

.landing_gpo_banner_header{
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
    min-width: 560px;
    width: 560px;
    margin-left: auto;
    margin-right: auto;
    font-family: Lato;
    font-size: 47px;
    font-weight: bold;
    font-style: italic;
    line-height: 1.13;
    letter-spacing: normal;
    color: #ffffff;
    margin-bottom: 10px;
}

.landing_gpo_banner_divider{
    background-blend-mode: multiply;
    background-image: linear-gradient(to bottom, #8aa3e4, #8aa3e4);
    height: 2px;
    width: 560px;
    margin-left: auto;
    margin-right: auto;
}

.landing_gpo_banner_text{
    text-shadow: -2px 1px 13px rgba(0, 0, 0, 0.91);
    font-family: Lato;
    font-size: 31px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.19;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    max-width: 1056px;
    margin-top: 40px;
    margin-bottom: 40px;
}

.landing_gpo_banner_cta{
    margin-top:20px;
}

.rsis_homepage_slider_content_box{
    position: absolute;
    top: 10%;
    right: 55%;
    opacity: 0.9;
}

.rsis_homepage_slider_content_box_top{
    width: 28.472vw;
    box-shadow: 3px 2px 17px 3px rgba(0, 0, 0, 0.14);
    background-image: linear-gradient(119deg, #525252, #000000);
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.67);
    font-family: Lato;
    font-size: 2.5694vw;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.19;
    letter-spacing: 1px;
    color: #ffffff;
    padding-top: 3.4722vw;
    padding-bottom: 3.4722vw;
    padding-left: 1.73611vw;
    text-align: left;
    padding-right: .694vw;
}

.rsis_homepage_slider_content_box_hover_text{
    font-weight:900!important;
}

.rsis_homepage_slider_content_box_bottom{
    width: 28.472vw;
    box-shadow: 3px 2px 17px 3px rgba(0, 0, 0, 0.14);
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.64);
    background-image: linear-gradient(143deg, #005e92, #003059);
    text-align: left;
    font-family: Lato;
    font-size: 1.736111vw;
        font-weight: 300;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.8px;
    color: #ffffff;
    padding-top: 3.4722vw;
    padding-bottom: 3.4722vw;
    padding-left: 1.73611vw;
    padding-right: .694vw;
}

.rsis_homepage_slider_content_box_bottom-text{
    font-style:italic;
}

.rsis_homepage_slider_content_box_cta>a{
    color: #ffffff;
}

.rsis_homepage_slider_content_box_cta>a:hover{
    color: #ffffff!important;
}

.rsis_homepage_slider_content_box_readmore{
    float: right;
    width: 12.5vw;
    background-image: linear-gradient(125deg, #f5515f, #9f041b);
    text-align: center;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.64);
    font-family: Lato;
    font-size: 1.180555vw;
    font-weight: normal;
    font-style: italic;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
    padding-top: 0.555555vw;
    padding-bottom: .6944444vw;
}



.rsis_homepage_slider_content_box_cta{
    background-image: linear-gradient(125deg, #f5515f, #9f041b);
    width: 206px;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.64);
    font-family: Lato;
    font-size: 24px;
    font-weight: normal;
    font-style: italic;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
    text-align: center;
    padding-top: 13px;
    padding-bottom: 13px;
    float: right;
}

.landing-event-panel{
    width: 100%;
    max-width: 1440px;
    background-image: linear-gradient(to bottom, #e5f7fd, #ffffff);
    margin-left: auto;
    margin-right: auto;
    box-shadow: 0 0px 20px 2px grey
}

.landing-event-panel-container{
    max-width: 1440px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;

	height: 600px;   
    padding-left: 100px;
    padding-right: 100px;
    justify-content: space-evenly;
}

.landing-event-panel-pane-left{
    flex: 0 0 55%;
    max-width: 55%;
}

.landing-event-panel-pane-right{
    flex: 0 0 477px;
    max-width: 45%;
    max-height: 100%;
}

.landing-event-panel-pane-right-box{
    width: 491px;
    height: 405px;
    background-image: linear-gradient(to bottom, #e5f7fd, #ffffff);
}

.landing-event-panel-pane-right-box{
    position: relative;
    top: -570px;
    width: 100%;
    height: 600px;
    background-image: linear-gradient(to bottom, #e5f7fd, #ffffff);
}

.landing-event-panel-pane-right-box-bg {
    width: 100%;
    height: 550px;
    -webkit-filter: blur(10px);
    filter: blur(10px);
    background-color: rgba(0, 0, 0, 0.62);
    margin-top: 20px;
}

.landing-event-panel-podcast{
    text-align: center;
}

.landing-event-panel-podcast-image-play{
    position: absolute;
    top: 15%;
    left: 50%;
    transform: translateX(-40px);
    cursor: pointer;
	opacity: .9;
}

.landing-event-panel-podcast-image{
    height: 250px;
    background-size: cover;
    background-position: center;
}

.landing-event-panel-podcast-icon,.landing-event-panel-podcast-title,.landing-event-panel-podcast-subtitle,.landing-event-panel-podcast-date,.landing-event-panel-podcast-desc{
    margin-left: 40px;
    margin-right: 40px;
    margin-top: 10px;
}

.landing-event-panel-content-title{
    margin-left: 40px;
    margin-right: 40px;
}

.landing-event-panel-content-text{
    margin-left: 40px;
    margin-right: 40px;
}

.landing-event-panel-content-more-button{
    margin-left: 20px;
}

.landing-event-panel-content-more-button-text{
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
    width: 86px;
    border-radius: 5px;
    background-color: #d0021b;
    font-family: Lato;
    text-align: center;
    padding-top: 6px;
    padding-bottom: 6px;
    margin-left: 20px;
    margin-right: 20px;
}

.landing-event-panel-content-more-button-text:hover{
    background-color: #a91317;
}

.landing-event-panel-podcast-body{
    padding-top:20px;
}

.landing-event-panel-podcast-icon{

    margin-bottom: 10px;
}

.landing-event-panel-podcast-title{
    font-family: Lato;
    font-size: 19px;
    font-weight: 600;
    font-stretch: normal;
    line-height: 1.17;
    letter-spacing: 0.5px;
    color: #1450a8;
    margin-bottom: 10px;
}

.landing-event-panel-podcast-subtitle{
    font-style: italic;
    font-family: Lato;
    font-size: 19px;
    font-weight: bold;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.5px;
    color: #313131;

}

.landing-event-panel-podcast-date{
    font-family: Lato;
    font-size: 15px;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.5px;
    color: #313131;
    margin-bottom: 20px;
    margin-top: 5px;
}

.landing-event-panel-podcast-desc{
    font-family: Lato;
    font-size: 15px;
    font-weight: 500;
    font-style: italic;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: normal;
    color: #727272;
}

.landing-event-upcoming-body{
    padding-bottom: 50px;
}


.landing-event-upcoming-container{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
}

.landing-event-panel-pane-left-title{
    font-family: Lato;
    font-size: 37px;
    font-weight: bold;
    font-style:italic;
    font-stretch: normal;
    line-height: 1.65;
    letter-spacing: normal;
    color: #013888;
    margin-top: 40px;
}

.landing-event-upcoming-container{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    margin-bottom: 20px;
    justify-content: space-between;
}

.landing-event-upcoming-left{
    flex: 0 0 55%;
    max-width: 55%;
}

.landing-event-upcoming-right{
    flex: 0 0 45%;
    max-width: 45%;
}

.landing-event-upcoming-left-container{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    margin-bottom: 20px;
    border-right: 1px solid #D0D7D9;
}

.landing-event-upcoming-left-container-left{
    flex: 0 0 25%;
    max-width: 25%;
}

.landing-event-upcoming-left-container-right{
    flex: 0 0 70%;
    max-width: 75%;
    padding-left: 10px;
}

.landing-event-calendar-listing-content-block-action-register-button{
    width: 100.7px;
    border-radius: 5px;
    background-color: #d0021b;
    color: white;
    text-align: center;
    font-family: Lato;
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.6px;
    color: #ffffff;
    padding-top: 8px;
    padding-bottom: 8px;
}

.landing-event-calendar-listing-content-block-action-register-button:hover{
    background-color: #a91317;
}

.landing-event-calendar-listing-content-block-date{
    text-align: center;
    width: 75px;
    border-radius: 8.1px;
    background-color: #1450a8;
    padding-top: 15px;
    padding-bottom: 15px;
}

.landing-event-calendar-listing-content-block-month{
    font-family: LatoWeblight;
    font-size: 16px;
      font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 1.08px;
    color: #ffffff;
  
}

.landing-event-calendar-listing-content-block-day{
    font-family: Lato;
    font-size: 30px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 1.93px;
    color: #ffffff;
}

.landing-event-calendar-listing-content-block-weekday{
    font-family: Lato;
    font-size: 16px;
       font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.94px;
    color: #ffffff;
}

.landing-event-calendar-listing-content-block-title>a{
    font-family: Lato;
    font-size: 16px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.21;
    letter-spacing: normal;
    color: #1450a8;

}

.landing-event-calendar-listing-content-block-title{
    padding-right: 10px;
    transform: translateY(-2px);
    line-height: 1.09;
}

.landing-event-calendar-listing-content-block-info{
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.landing-event-calendar-listing-content-block-venue-icon{
    flex: 0 0 10%;
    max-width: 10%;
    font-size: 27px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #1450a8;
}

.landing-event-calendar-listing-content-block-venue{
    flex: 0 0 80%;
    max-width: 80%;
    font-family: Lato;
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.09;
    letter-spacing: normal;
    color: #313131;
    /*min-height: 60px;*/
    margin-bottom: 25px;
}

.landing-event-calendar-listing-content-block-format-time-icon{
    flex: 0 0 10%;
    max-width: 10%;
    font-size: 27px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #1450a8;
}

.landing-event-calendar-listing-content-block-format-time{
    flex: 0 0 80%;
    max-width: 80%;
    font-family: Lato;
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 0.34;
    letter-spacing: normal;
    color: #313131;
    transform: translateY(10px);
}

.landing-event-upcoming-right-container-left{
    padding-right: 20px;
}

.landing-event-calendar-listing-content-block-divider{
    margin-bottom:40px; 
    display:none;
}

.landing-event-panel-venue-image{
    transform: translateY(-3px);
}

.landing-event-panel-clock-image{
    transform: translateY(-3px);
}

.landing-research-program-banner{
    padding-top: 60px;
    padding-bottom: 60px;
    background-size: cover;
}

.landing-research-program-banner-title-block{
	    max-width: 1440px;
    margin-lefT: auto;
    margin-right: auto;
}

.landing-research-program-banner-title{
   
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.95);
    font-family: Lato;
    font-size: 36px;
    font-weight: bold;
   font-style:italic;
    font-stretch: normal;
    line-height: 0.56;
    letter-spacing: normal;
    color: #ffffff;
    margin-bottom: 40px;
	    text-align: center;
    width: 96%;
    margin-left: auto;
    margin-right: auto;
}

.landing-research-program-banner-container{

    margin-left: 45px;
    margin-right: 45px;
    display: flex;
    flex-wrap: wrap;
	    justify-content: center;
}

.landing-research-program-banner-container-pane{
    flex: 0 0 16.6%;
    max-width: 16.6%;
}

.landing-research-program-banner-container-pane-content{
    text-align: center;
    height: 130px;
    background-color: rgba(255, 255, 255, 0.3);
    margin: 5px;
}

.landing-research-program-banner-container-pane-content{
    color:white
}
.landing-research-program-banner-container-pane-content:hover{
    color: #a91317;
}

.landing-research-program-banner-container-pane-text{
    font-family: Lato;
    font-size: 16px;
     font-weight: 500;
    font-stretch: normal;
    line-height: 1.12;
    letter-spacing: normal;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
}

.landing-research-program-banner-container-pane-text>a{
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    font-family: Latobold;
    line-height: 1.12;
    letter-spacing: normal;
    color: #ffffff!important;
    
}

.landing-research-program-banner-container-pane-text>a:hover{
    color: #ffffff!important;
}

.landing-research-program-block{
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
}

.landing-event-panel-content-title{
    font-family: Lato;
    font-size: 19px;
    font-weight: 600;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.5px;
    color: #1450a8;
}

.landing-event-panel-content-text{
    font-family: Lato;
    font-size: 15px;
    font-weight: 500;
    font-style: italic;
    font-stretch: normal;
    line-height: 1.15;
    letter-spacing: 0.5px;
    color: #727272;
    margin-top: 10px;
    margin-bottom: 10px;
}

.landing-event-panel-content-more-button{
      margin-top: 20px;
}

.social-block{
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
    background-color: #ffffff;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.social-block a{
    color:black;
}

.social-block .icon{
    font-size: 18px;
}

.landing-event-panel-podcast-flex-container{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
}

.podcasts-block.new-homepage{
    float:left;
    width:100%;
    margin-right:0px;
    margin-bottom: 0px;
    
}

.landing-event-panel-podcast-left{
    flex: 0 0 100%;
    max-width: 100%;
}

.landing-event-panel-podcast-right{
    flex: 0 0 100%;
    max-width: 100%;
}


.landing_page_title{
    font-family: Lato;
    font-size: 20px;
    font-weight: bold;
    font-style: italic;
    font-stretch: normal;
    line-height: 1.43;
    letter-spacing: normal;
    color: #313131;
    padding-left:80px;
}

.landing_page_title_pane{
    margin-block: 8px;
}


.landing-subscription.gpo>
.landing-subscription-container>
.landing-subscription-pane>
.landing-subscription-pane-text{
    color: #0b385c;
}

/*** GPO ***/

.landing-event-panel-pane-left-title.gpo-landing-event{
    color: #3b3b3b;
}

.landing-event-calendar-listing-content-block-date-gpo{
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 20px;
    padding-left: 20px;
    text-align: center;
    border: solid 4px #824a3b;
    max-width: 90px;
    min-width: 90px;
}

.landing-event-upcoming-left-gpo{
    flex: 0 0 20%;
    max-width: 20%;
}

.landing-event-upcoming-right-gpo{
    flex: 0 0 70%;
    max-width: 70%;
}

.landing-event-calendar-listing-content-block-title-gpo{
    margin-bottom: 20px;
	    padding-left: 10px;
    padding-right: 10px;
}



.landing-event-upcoming-right-gpo-button{
    width: 122px;
    background-color: #8b572a;
    border-radius: 5px;
    font-family: Lato;
    font-size: 13px;
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.6px;
    color: #ffffff;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 20px;
}

.landing-event-upcoming-right-gpo-button:hover{
    background-color: #723E11;
}


.gpo-upcoming-event-divider{
    margin-top: 30px;
    margin-bottom: 30px;
    border-top: 1px solid #909090;
	width: 95%;
}

.landing-event-upcoming-right-gpo-container{
    width: 90%;
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
	    padding-left: 10px;
    padding-right: 10px;
}

.landing-event-calendar-listing-content-block-date-gpo.semester-blue{
    border: solid 4px #1450a8;
}

.landing-event-calendar-listing-content-block-day-gpo.semester-blue{
    color:#1450a8;
}

.landing-event-calendar-listing-content-block-trimester.semester-blue{
    color:#1450a8;
    font-family: Lato;
    font-size: 18.4px;
    font-weight: bold;
    font-style: italic;
    line-height: 1.8;
    letter-spacing: normal;
}

.landing-event-upcoming-right-gpo-container-left{
    flex: 0 0 50%;
    max-width: 50%;
}

.landing-event-upcoming-right-gpo-container-right{
    flex: 0 0 50%;
    max-width: 50%;
}

.landing-event-upcoming-right-gpo-inner-container{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;    
    justify-content: space-around;
}

.landing-event-panel-venue-image-gpo,.landing-event-panel-clock-image-gpo{
    flex: 0 0 15%;
    max-width: 15%;
}


.landing-event-panel-venue-text-gpo,.landing-event-panel-time-text-gpo{
    flex: 0 0 80%;
    max-width: 80%;
    font-family: Lato;
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.2;
    letter-spacing: normal;
    color: #313131;
    padding-right:5px;
}

.landing-event-calendar-listing-content-block-title-gpo>a{
    font-family: Lato;
    font-size: 21px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.2;
    letter-spacing: 0.26px;
    color: #8b572a!important;
}

.landing-event-calendar-listing-content-block-title-gpo>:hover{
    color: #D0021B!important;
}

.landing-event-calendar-listing-content-block-day-gpo{
    font-family: Lato;
    font-size: 64.3px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 0.9;
    letter-spacing: normal;
    color: #8b572a;
}

.landing-event-calendar-listing-content-block-month-year-gpo{
    font-family: LatoWebLight;
    font-size: 18.4px;
    font-weight: bold;
    font-style: italic;
    line-height: 1.8;
    letter-spacing: normal;
    color: #8b572a;
}

.landing-event-calendar-listing-content-bottom-title-gpo{
	flex: 0 0 100%;
	max-width: 100%;
	font-family: Lato;
	font-size: 21px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #1450a8;
}

.landing-event-panel-bottom-text-gpo{
    font-family: Lato;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #000000;
    margin-top: 20px;
    margin-bottom: 20px;
}

.landing-event-upcoming-bottom-gpo-button{
    width: 170px;
    border-radius: 5px;
    background-color: #275e9d;
    font-family: Lato;
    font-size: 13px;
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.6px;
    color: #ffffff;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
	    margin-bottom: 40px;
}

.landing-event-upcoming-bottom-gpo-button:hover{
    background-color: #0E4584;
}

.landing-event-calendar-listing-content-bottom-title-gpo{

}

.landing-event-calendar-listing-content-block-date-gpo-mobile{
    display:none;
    flex: 0 0 100%;
    max-width: 100%;
    font-family: Lato;
    font-size: 28px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #8b572a;
    margin-bottom: 20px;
}

.landing-event-upcoming-left-gpo-mobile{
    flex: 0 0 100%;
    max-width: 100%;
    font-family: Lato;
    font-size: 28px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #1450a8;
    margin-bottom: 20px;
    display:none
}


.landing-event-calendar-listing-content-block-date-mobile{
    font-family: Lato;
    font-size: 20px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.21;
    letter-spacing: normal;
    color: #1450a8;
    margin-bottom: 20px;
    display:none;
}


/* population chart gpo*/

.gpo-landing-pop-chart{
    /*background-image: linear-gradient(to bottom, #d1dfe3, #a5bcc3);*/
    background-image: linear-gradient(to bottom, #d1dfe3, #BFD6DD);
}

.gpo-landing-pop-chart-content{
    width: 100%;
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
}


.gpo-landing-pop-chart-container{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
}

.gpo-landing-pop-chart-left-pane{
    box-sizing: inherit;
    flex: 0 0 50%;
    max-width: 50%;
    padding-top: 50px;
    padding-bottom: 50px;
    padding-left: 20px;
    padding-right: 20px;
}

.gpo-landing-pop-chart-right-pane{
    box-sizing: inherit;
    flex: 0 0 50%;
    max-width: 50%;
    padding-top: 50px;
    padding-bottom: 50px;
    padding-left: 20px;
    padding-right: 20px;
}

.gpo-landing-pop-chart-left-title{
    font-family: Lato;
    font-size: 51px;
    font-weight: bold;
   font-style:italic;
    font-stretch: normal;
    line-height: 1.04;
    letter-spacing: normal;
    color: #d0021b;
    text-align: center;
    margin-bottom: 40px;
}

.gpo-landing-pop-chart-right-title{
    font-family: Lato;
    font-size: 28px;
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.2;
    letter-spacing: normal;
    color: #0b385c;
    padding-bottom: 20px;
}

.gpo-landing-pop-chart-left-country,.gpo-landing-pop-chart-left-student,.gpo-landing-pop-chart-left-exp{
    background-size: cover;
    height: 140px;
    width: 535px;
    margin-left: auto;
    margin-right: auto;
}

.gpo-landing-pop-chart-right-chart
{
    width: 600px!important;
    height: 300px!important;
}

.gpo-landing-pop-chart-right-legend-color-icon{
    width: 26px;
    height: 26px;
    border-radius: 26px;
    transform: translateY(-4px);
}

.legend-holder{
    margin-top: 40px;
}

.gpo-landing-pop-chart-right-legend-container{
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    width: 100%;
    max-width: 600px;
    padding-left: 20px;
    min-height: 44px;

}

.gpo-landing-pop-chart-left-container{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
}

.gpo-landing-pop-chart-left-country>.gpo-landing-pop-chart-left-container>.gpo-landing-pop-chart-container-pane-3{
    margin-top: 58px;
}

.gpo-landing-pop-chart-container-pane-1{
    flex: 0 0 40%;
    max-width: 45%;
}

.gpo-landing-pop-chart-container-pane-2{
    flex: 0 0 30%;
    max-width: 20%;
    margin-top: 45px;
    margin-bottom: 30px;
    font-family: Lato;
    font-size: 38px;
    font-weight: bold;
    font-style:italic;
    font-stretch: normal;
    line-height: 1.32;
    letter-spacing: normal;
    color: #000000;
    text-align: right;
}

.gpo-landing-pop-chart-container-pane-3{
    flex: 0 0 30%;
    max-width: 30%;
    margin-top: 50px;
    margin-left: 20px;
    margin-bottom: 30px;
    font-family: Lato;
    font-size: 25.2px;
    font-weight: bold;
   font-style:italic;
    font-stretch: normal;
    line-height: 1.1;
    letter-spacing: normal;
    color: #000000;
    text-align: left;
}

.gpo-landing-pop-chart-right-legend-color{
	flex: 0 0 10%;
	max-width: 10%;
}

.gpo-landing-pop-chart-right-legend-text{
    flex: 0 0 250px;
    max-width: calc(30% - 35px);
    font-family: Lato;
    font-size: 16px;
    font-weight: bold;
    font-style:italic;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #0b385c;
    padding-right: 35px;
	padding-bottom: 20px;
    transform: translateY(-2px);
}


#canvas-holder{
    display:block;
}

#canvas-holder-tablet{
    display:none;
}

.gpo-international-ranking{
    background-image: linear-gradient(to bottom, #e5f7fd, #ffffff 55%, #e5f7fd);
}

.gpo-international-content{
    width: 100%;
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
}

.gpo-international-ranking-container{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    padding-left: 100px;
    padding-right: 100px;
}

.gpo-international-ranking-container-left{
    box-sizing: inherit;
    flex: 0 0 50%;
    max-width: 50%;
    padding-top: 50px;
    padding-bottom: 50px;
    background-image: url(https://staging.rsis.edu.sg/wp-content/themes/rsis/assets/img/world-map.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position-y: center;
}

.gpo-international-ranking-container-right{
    box-sizing: inherit;
    flex: 0 0 50%;
    max-width: 50%;
    padding-left: 20px;
    padding-right: 20px;
    height: 688px;
}

.gpo-international-ranking-container-left-title{
	font-family: 'Baskerville';
    font-size: 38px;
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: 0.1px;
    color: #003059;
    margin-bottom: 20px;
}

@media only screen and (min-width:1024px){
    .gpo-international-ranking-container-left-title{
        margin-bottom: 100px;
    }
}

span.gpo-international-ranking-container-left-title-red{
    color: #d0021b;
}

.gpo-international-ranking-asia{
    width: 132px;
    height: 88px;
    object-fit: contain;
}

.gpo-international-ranking-container-left-container-divider{
    border-top: 1px dashed #B9BFC8;
   width: 95%;
}

.gpo-international-ranking-world{
    width: 156.6px;
    height: 91.8px;
    object-fit: contain;
}

.gpo-international-ranking-young-uni{
    width: 200.7px;
    height: 97.2px;
    object-fit: contain
}

.gpo-international-ranking-container-right-content{
    width: 511.5px;
    height: 614.9px;
    background-color: #0f5181;
}

.gpo-international-ranking-container-right-content-bg{
    width: 517px;
    height: 630px;
    -webkit-filter: blur(10px);
    filter: blur(10px);
    background-color: rgba(0, 0, 0, 0.62);
}

.gpo-international-ranking-container-right-content{
    width: 511.5px;
    height: 688px;
    background-color: #0f5181;
    position: absolute;
    transform: translateY(-630px);
}

.gpo-international-ranking-profile{
    font-family: Lato;
    font-size: 23px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: -0.12px;
    color: #ffffff;
}

.gpo-international-ranking-profile-title {
    font-family: Lato;
    font-size: 20px;
    font-weight: 300;
    font-style: italic;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: -0.12px;
    color: #ffffff;
}

.gpo-international-ranking-profile-quote{
    font-family: Lato;
    font-size: 20px;
        font-weight: 300;
    font-style:italic;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: -0.11px;
    text-align: center;
    color: #4cb7f9;
    padding-left: 60px;
    padding-right: 60px;
}




.gpo-international-ranking-container-left-container{
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    padding-top: 20px;
    padding-bottom: 20px;
}

.gpo-international-ranking-container-left-container-left{
    box-sizing: inherit;
    flex: 0 0 40%;
    max-width: 40%;
    
}

.gpo-international-ranking-container-left-container-right{
    font-family: Lato;
    font-size: 30px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: 0px;
    color: #4e6578;
    box-sizing: inherit;
    flex: 0 0 55%;
    max-width: 55%;
    transform: translate(30px,25px);
}

.gpo-international-ranking-container-left-container-right-text{
   font-style:italic;
}


.gpo-international-ranking-video{
    margin-bottom: 15px;
}

.gpo-international-ranking-profile{
    padding-left: 40px;
    padding-right: 40px;
    text-align: center
}

.gpo-international-ranking-profile-title{
    text-align: center
}

img.gpo-international-view-profile{
    float:right;
}

.gpo-international-ranking-profile-divider{
    border: solid 0.4px white;
    margin-left: 50px;
    margin-right: 50px;
    margin-top: 20px;
    height: 0.5px;
}

.gpo-international-ranking-profile-another-divider{
    border: solid 0.4px white;
    margin-left: 50px;
    margin-right: 50px;
    margin-top: 20px;
    height: 0.2px;
}

.gpo-international-open-quote{
    padding-left: 50px;
    padding-right: 40px;
    margin-top: 10px;
}

.gpo-international-close-quote{
    padding-left: 40px;
    padding-right: 50px;
    float:right;
}

.gpo-international-ranking-profile-quote{
    text-align: center;

}

.gpo-international-ranking-profile-download{
    text-align: center;
    transform: translateY(-2px);
    margin-top: 25px;
    margin-bottom: 20px;
}

.gpo-international-download{
    width: 405px;
    height: 75px;
    background-size: cover;
    margin-left: auto;
    margin-right: auto;
    background-position: center;
}



.gpo-international-download-hover{
    width: 405px;
    height: 75px;
    background-size: cover;
    margin-left: auto;
    margin-right: auto;
    display:none;
    background-position: center;
}

.rsis-gpo-international-download{
    width: 529px;
    height: 92px;
    background-size: cover;
    margin-left: auto;
    margin-right: auto;
    max-width: 80%;
    max-height:13vw;
    background-position: center;
}



.rsis-gpo-international-download-hover{
    width: 529px;
    height: 92px;
    background-size: cover;
    margin-left: auto;
    margin-right: auto;
    display:none;
    max-width: 80%;
    max-height:13vw;
    background-position: center;
}

.gpo-international-ranking-container-right-content-container{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
}

.gpo-international-ranking-video-pane{
    box-sizing: inherit;
    flex: 0 0 100%;
    max-width: 100%;
}

.gpo-international-ranking-quote-pane{
    box-sizing: inherit;
    flex: 0 0 100%;
    max-width: 100%;
}

.landing_page_title{
    font-style: normal;
}


/****** Mobile ***700 - 1024*/

@media only screen and (min-width:1024px) and (max-width:1440px){
    .landing-publication-card-header{
        font-size: 16px;
    }

    .landing-publication-card-title>a{
        font-size: 14px;
    }
}

@media only screen and (min-width:500px) and (max-width:600px){
    .landing-publication-card-header{
        font-size: 16px;
    }

    .landing-publication-card-title>a{
        font-size: 14px;
    }
}

@media only screen and (min-width:320px) and (max-width:425px){
    .gpo-landing-pop-chart-right-legend-container{
        padding-left:0px;
        justify-content: space-between;
    }

    .gpo-international-ranking-profile-quote {
        padding-left: 60px;
        padding-right: 60px;
    }
    .gpo-international-open-quote {
        padding-left: 45px;
    }
    .gpo-international-close-quote {
        padding-right: 45px;
    }
}




@media only screen and (max-width: 1208px) {
    .landing-event-panel-container{
        padding-left: 20px;
        padding-right: 20px;
    }

    .gpo-international-ranking-container-left-container-right{
        font-size: 22px;
    }

    .gpo-international-ranking-container-left-title{
        font-size: 28px;
    }

    .gpo-international-ranking-world{
        width:150px;
    }

    .gpo-international-ranking-young-uni{
        width:150px;
    }


}

@media only screen and (max-width: 1023px) {
    .landing-publication-card{
        flex: 0 0 50%;
        max-width: 50%;
    }

    .landing-subscription-pane.landing-subscription-pane-1{
        flex: 0 0 100%;
        max-width: 100%;
    }

    .landing-subscription-pane-2{
        box-sizing: inherit;
        flex: 0 0 60%;
        margin-right: auto;
        margin-left: auto;
        min-width: 500px;
        text-align: left;
        margin-top: 20px;
        margin-bottom: 20px;
        height: 50px;
        background-size: cover;
        object-fit: contain;
        background-position: right;
    }
	
	.landing-research-program-banner-container-pane{
        flex: 0 0 33.333%;
        max-width: 33.333%;
    }
    
    .landing_gpo_banner_header{
        min-width: unset;
        width: auto;
        font-size: 38px;
    }

    .landing_gpo_banner_divider{
        width:460px;
    }

    .landing_gpo_banner_text
    {
        font-size: 26px;
		    width: 70%;
    }
	
    .rsis-gpo-international-download, .rsis-gpo-international-download-hover{
		max-width: 70%;
	}

    .landing_gpo_banner_cta>a>img{
        min-width:440px;
        width:80%;
        max-width:520px;
    }
    
    .landing-event-panel-pane-left{
        flex: 0 0 100%;
        max-width: 100%;
    }

    .landing-event-panel-pane-right{
        flex: 0 0 100%;
        max-width: 100%;
    }

    .landing-event-panel-container{
        min-height: 550px; 
        max-height: 100%;
        height: auto; 
        padding-left: 0px; 
        padding-right: 0px; 
    }

    .landing-event-panel-pane-right-box{
        top: 0px;
        width:auto;
        height: auto;
    }

    .landing-event-panel-pane-right-box-bg{
        height: auto;
    }

    .landing-event-panel-podcast-desc{
        width: 80%;
    }

    .landing-event-panel-podcast-right,.landing-event-panel-podcast-left{
        flex: 0 0 50%;
        max-width: 50%;
    }

    .landing-event-panel-podcast-body{
        padding-top: 0px;
        padding-left:  0px;
         padding-right:  0px;
    }

    .landing-event-panel-podcast-image-play{
        position: absolute;
        top: 15%;
        left: 25%;
        transform: translate(-50%,50%);
    }

    .landing-event-panel{
        width:auto;
    }

    .landing-event-upcoming-body{
        padding-bottom:0px;
		width: 87%;
		margin-left: 45px;
		margin-right: 45px;
        margin-top: 20px;
    }

    .gpo-international-ranking-container-left{
        box-sizing: inherit;
        flex: 0 0 100%;
        max-width: 100%;
        padding-top: 50px;
        padding-bottom: 0px;
        max-width: 700px;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
		padding-left: 45px;
    padding-right: 45px;
        background-position-y: 80%;
    }

    .gpo-international-ranking-container-left-container{
        justify-content: center;
    }
    .gpo-international-ranking-container-left-container-left{
        flex: 0 0 50%;
        max-width: 50%;
    }

    .gpo-international-ranking-container-left-container-right{
        flex: 0 0 50%;
        max-width: 50%;
        text-align: left;
        transform: translateY(15px);
        font-size: 30px;
    }
    .gpo-international-ranking-container-left-title{
        font-size: 38px;
    }

    .gpo-international-ranking-container-left-container-divider{
        margin:auto;
        width:90%;
    }

    .gpo-international-ranking-container-right{
        flex: 0 0 100%;
        max-width: 100%;
    }

    .gpo-international-ranking-container-right{
        padding-left:0px;
        padding-right:0px;
        height: auto;
    }

    .gpo-international-ranking-container{
        padding-left:0px;
        padding-right:0px;
    }

    .gpo-international-ranking-video-pane,.gpo-international-ranking-quote-pane{
        flex: 0 0 50%;
        max-width: 50%;
    }

    .gpo-international-ranking-video{
        margin-top:40px;
        margin-bottom:40px;
    }

    .gpo-international-ranking-profile{
        margin-top: 40px;
        font-size: 20px;
    }

    .gpo-international-ranking-profile-title{
        font-size: 16px;
    }

    .gpo-international-ranking-profile-quote{
        font-size: 17px;
    }

    .gpo-international-ranking-container-right-content-bg{
        display:none;
    }

    .gpo-international-ranking-container-right-content{
        height:auto;
        width:auto;
        transform: translateY(0px);
        position: inherit;
    }
}

@media only screen and (max-width: 500px) {
	
    
	.landing-event-calendar-listing-content-block-date-gpo{
		padding-top: 10px;
		padding-bottom: 10px;
		padding-right: 10px;
		padding-left: 10px;
		text-align: center;
		border: solid 4px #824a3b;
		max-width: 50px;
		min-width: 50px;
	}
	
	.landing-event-calendar-listing-content-block-day-gpo{
		font-size: 28px;
	}
	
	.landing-event-calendar-listing-content-block-month-year-gpo{
		    line-height: 1;
	}
	
    .landing-event-upcoming-left-gpo-mobile{
        display:block;

    }
    
	.landing-event-upcoming-right-gpo-container-right{
		flex: 0 0 100%;
    max-width: 100%;
    padding-top: 10px;
	}
	
	.landing-event-upcoming-right-gpo-container{
		width:100%;
	}
	
	.landing-event-panel-venue-image-gpo, .landing-event-panel-clock-image-gpo{
		    flex: 0 0 auto;
    max-width: 25%;
    min-width: 15%;
	}
	
	.landing-event-panel-venue-text-gpo, .landing-event-panel-time-text-gpo
	{
		flex: 0 0 70%;
	}
}

@media only screen and (max-width: 700px) {
	.landing-event-upcoming-left-container-left{
		/*display:none;*/
    }


    .landing-event-upcoming-left-container-right{
        /*flex: 0 0 100%;
        max-width: 100%;*/
    }

    .landing-event-calendar-listing-content-block-date-mobile{
        display:block;
    }



    .gpo-international-ranking-video-pane,.gpo-international-ranking-quote-pane{
        flex: 0 0 100%;
        max-width: 100%;
    }

    .gpo-international-ranking-video{
        margin-top:0px;
        margin-bottom:0px;
    }

    .gpo-international-ranking-video>iframe{
        height: 250px;
    }

    
    .prev.rsis_homepage_slider,.next.rsis_homepage_slider{
        top: 80%;
		display:none;
    }

    .gpo-international-download,.gpo-international-download-hover{

        /*max-width: 80%;
        max-height: 14.8148vw;*/
		max-width: 70%;
    max-height: 12.8148vw;
    }

}


@media only screen and (min-width:751px) {
    #canvas-holder-tablet{
        position: relative;
        height: auto;
        width: 710px;
        min-width: 710px;
        min-height: 375px;
        max-width: 710px;
        max-height: 375px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media only screen and (min-width:500px)  and (max-width:750px) {
    #canvas-holder-tablet{
        position: relative;
        height: auto;
        width: 710px;
        transform: translateX(-50%);
        left: 50%;
        min-width: 710px;
        min-height: 375px;
        max-width: 710px;
        max-height: 375px;
        margin-left: auto;
        margin-right: auto;
    }
}



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

    .header-logo {
        margin-top: 0px;
        padding-top: 20px!important;
    }

    .landing-research-program-banner{
        padding-bottom:20px;
    }

    .landing-research-program-banner-container-pane-content{
        height:auto;
    }

    .landing-research-program-banner-container-pane-text{
        transform: none;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    #canvas-holder-tablet{
        position: relative;
        height: 75vw;
        width: calc(150vw - 40px);
        transform: translateX(-18%);
        max-width: 710px;
        max-height: 375px;
        margin-left: auto;
        margin-right: auto;
    }


    .landing-publication-card{
        flex: 0 0 100%;
        max-width: 100%;
    }

    .landing-subscription-pane-2{
        flex: 0 0 100%;
        max-width: 100%;
    }



    .landing-subscription-pane-left,.landing-subscription-pane-right{
    flex: 0 0 100%;
    margin-bottom: 10px;
    max-width: 230px;
    /* padding-left: 20px; */
    margin-left: 20px;
    margin-right: 20px;
    /* width: 250px;*/
		transform: translateX(calc(-50vw + 150px));
    }

    .landing-subscription{
        padding-bottom: 70px;
            padding-left: 45px;
        padding-right: 20px;
    }
	
	.landing-subscription-pane-container{
		/*padding-left: 45px;*/
	}
	
    .more-events-coming-up{
		    padding-left: 10px;
	}

    .landing-subscription-pane-text{
        text-align: left;
    }

    .landing-research-program-banner-container-pane{
        flex: 0 0 100%;
        max-width: 100%
    }
    
    .landing-research-program-banner-title{
        line-height: 1.2;
    }

    .footer{
        margin-top: 0px;
        padding-bottom:0px;
    }

    .landing_gpo_banner_header{
        min-width: unset;
        width: auto;
        font-size: 25px;
    }

    .landing_gpo_banner_divider{
        width:320px;
    }

    .landing_gpo_banner_text
    {
        font-size: 20px;
    }

    .landing_gpo_banner_cta>a>img{
        min-width:280px;
        width:80%;
        max-width:520px;
    }

    .landing-event-panel-podcast-left,.landing-event-panel-podcast-right{
        flex: 0 0 100%;
        max-width: 100%;
    }

    .landing-event-panel-podcast-flex-container{
        margin-bottom: 0px;
    }



    .landing-event-panel-podcast-body{
        padding-top:20px;
        padding-bottom:20px;
		    padding-left: 5px;
    }

    .landing-event-panel-podcast-image-play{
        top: 10%;
        left: 50%;
    }

    .landing-event-upcoming-left{
        flex: 0 0 50%;
         max-width: 50%;
    }

    .landing-event-upcoming-right-container-left{
        padding-right:0px;
    }

    .landing-event-calendar-listing-content-block-info{
        justify-content: space-between;
    }

    .landing-event-upcoming-right {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .landing-event-panel-pane-left-title{
        line-height: 1.2;
        margin-bottom: 20px;
    }

    .landing-event-calendar-listing-content-block-venue{
        flex: 0 0 77%;
        max-width: 77%;
    }

    .landing-event-calendar-listing-content-block-format-time{
        flex: 0 0 70%;
        max-width: 70%;
    }

    .gpo-international-ranking-container-left-title{
        font-size: 28px;
        margin-bottom: 0px;
    }

    .gpo-international-ranking-container-left-container-right{
        font-size: 17px;
        transform: translateY(30px);
        padding-left: 20px;
    }

    .gpo-international-ranking-asia,.gpo-international-ranking-world,.gpo-international-ranking-young-uni{
max-width: 110px;
        float: right;
    }

    .gpo-international-ranking-young-uni{
        /*transform: translateX(-10px);*/
    }

}


/* main slider

> 1280
1280 - 1024
500 - 1024
< 500

*/
@media only screen and (min-width: 1024px) and (max-width: 1350px){
	 .landing-event-panel-container{
		height:650px;
		min-height: unset;
		max-height: none;
	 }
	 
	 .landing-event-panel-pane-right-box{
		top: -620px;
		width: 100%;
		height: 650px;
	 }
	 
	 .landing-event-panel-pane-right-box-bg{
		 height: 600px;
	 }
}



@media only screen and (max-width: 1240px) {
    .prev.rsis_homepage_slider{
        left:20px;
      
    }

    .next.rsis_homepage_slider{
        right:20px;
        
    }
}

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



    .slide-container.rsis_homepage_slider{
        /*min-height: 338px;*/
        min-height: 378px;
    }



    .article.landing{
        padding-top: 0px;
        padding-bottom: 0px;
    }

    #landing-view{
        margin-top: 0;
    }

    .gpo-landing-pop-chart-left-pane{
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 0px; 
        padding-right: 0px; 
        padding-bottom: 0px;
    
    }

    .gpo-landing-pop-chart-right-pane{
        flex: 0 0 100%;
        max-width: 100%;
    }

    .gpo-landing-pop-chart-right-title{
        text-align: center;
		    font-size: 26px;
				padding-left: 20px;
    }

    .gpo-landing-pop-chart-right-legend-container{
        margin-left: auto;
        margin-right: auto;
        justify-content: center;
    }

    .gpo-landing-pop-chart-right-chart{
        margin-left: auto!important;
        margin-right: auto!important;
        width: auto!important;
    height: auto!important;
    }

    #canvas-holder{
        display:none;
    }

    #canvas-holder-tablet{
        display:block;
    }

}

@media only screen and (max-width: 640px) {
    .gpo-landing-pop-chart-right-chart{
        width: auto!important; 
        height:auto!important;
    }

    .gpo-landing-pop-chart-left-country, .gpo-landing-pop-chart-left-student, .gpo-landing-pop-chart-left-exp{
        height: 83px;
        width: 310px;
    }

    .gpo-landing-pop-chart-container-pane-2{
        text-align: right;
        font-size: 20px;
        margin-top: 25px;
        max-width: 20%;
    }

    .gpo-landing-pop-chart-container-pane-3{
        text-align: left;
        margin-top: 30px;
        font-size: 14px;
    }

    .gpo-landing-pop-chart-left-country>.gpo-landing-pop-chart-left-container>.gpo-landing-pop-chart-container-pane-3{
        margin-top: 30px;
    }

    .gpo-landing-pop-chart-left-pane{
        padding-left: 0px; 
        padding-right: 0px; 
        padding-bottom: 0px;
    }

    .gpo-landing-pop-chart-left-title{
		font-size: 35px;
		padding-left: 15px;
		padding-right: 15px;
    }
}

@media only screen and (max-width: 960px) {
    #landing-view{
        display:none;
    }
	
	.landing_page_title{
		text-align:center;
		padding-left:0px;
	}
}

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

    .landing-event-panel-pane-left-title{
        font-size: 28px;
    }

    .landing-event-calendar-listing-content-block-date-gpo-mobile{
        font-size: 24px;
    }

    .landing-event-calendar-listing-content-block-title-gpo>a{
        font-size: 18px
    }


    .landing-event-calendar-listing-content-bottom-title-gpo{
     font-size: 12px;
		
    }
	
	.landing-event-panel-bottom-text-gpo{
		  font-size: 12px;
	}
	
	.landing-event-upcoming-right-gpo-container-left,.landing-event-upcoming-right-gpo-container-right{
		flex: 0 0 100%;
    max-width: 100%;
	}
	
	.landing-event-calendar-listing-content-block-trimester.semester-blue{
		font-size: 13.4px;

	}

}

	
	#international_students,#years_of_experience{
		    transform: translateY(-6px);
	}
	
@media only screen and (max-width: 500px) {
	
	#international_students,#years_of_experience{
		    transform: translateY(-6px);
	}

    .rsis_homepage_slider_content_box{
        position: absolute;
        top: 10%;
        left: 0;
        /* transform: translateX(-50%); */
	    width: calc(48vw + 2.6666vw + 2.6666vw);
        margin-left: 6.25vw;
        opacity: 0.9;
    }

    .rsis_homepage_slider_content_box_top {
        width: 48vw;
        box-shadow: 3px 2px 17px 3px rgba(0, 0, 0, 0.14);
        background-image: linear-gradient(119deg, #525252, #000000);
        text-shadow: 0 2px 4px rgba(0, 0, 0, 0.67);
        font-family: Lato;
       /* font-size: 5.333vw;*/
        font-size: 4.833vw;
		font-weight: 700;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.19;
        letter-spacing: 1px;
        color: #ffffff;
        padding-top: 5.333vw;;
        padding-bottom: 5.333vw;;
        padding-left: 2.6666vw;
        text-align: left;
        padding-right:  2.6666vw;
    }

    .rsis_homepage_slider_content_box_bottom {
        width: 48vw;
        box-shadow: 3px 2px 17px 3px rgba(0, 0, 0, 0.14);
        text-shadow: 0 2px 4px rgba(0, 0, 0, 0.64);
        background-image: linear-gradient(143deg, #005e92, #003059);
        text-align: left;
        font-family: Lato;
        /*font-size: 4.8vw;*/
            font-size: 4.3vw;
		font-weight: 300;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: 0.8px;
        color: #ffffff;
        padding-top: 5.333vw;;
        padding-bottom: 5.333vw;;
        padding-left: 2.6666vw;
        padding-right:  2.6666vw;

    }

    .rsis_homepage_slider_content_box_readmore {
        float: right;
        width: 24vw;
        background-image: linear-gradient(125deg, #f5515f, #9f041b);
        text-align: center;
        text-shadow: 0 2px 4px rgba(0, 0, 0, 0.64);
        font-family: Lato;
        font-size: 3.46666vw;
        font-weight: normal;
        font-style: italic;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #ffffff;
        padding-top: 1.33333vw;
        padding-bottom: 1.33333vw;
           position: absolute;
		right: 0;
		/* left: 0; */
		bottom: 0;
		transform: translateY(100%);
    }

}

@media only screen and (min-width: 700px) and (max-width: 1024px){
    .gpo-international-download-hover,.gpo-international-download{
        width: 342px;
        height: 60px;
    }
}

.direction-to-rsis{
    padding-top: 40px;
    padding-left: 50px;
    padding-right: 50px;
    padding-bottom: 40px;
    background-color: #eee;
}

.addthis_inline_follow_toolbox{
	min-height:40px;
}

.direction-to-rsis-venue-image{
    padding-right: 10px;
    transform: translateY(-5px);
}

.direction-to-rsis-header{
    flex: 0 0 100%;
    max-width: 100%;
    font-family: Lato;
    font-size: 28px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #1450a8;
    margin-bottom: 20px;
}

.direction-to-rsis-addr{
    margin-bottom: 20px;
    font-family: Lato;
    font-size: 17px;
    font-weight: 400;
    font-stretch: normal;
    line-height: 23px;
    letter-spacing: 0px;
    color: #4e6578;
}

.direction-to-rsis-button{
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
        width: 190px;
    border-radius: 5px;
    background-color: #d0021b;
    font-family: Lato;
    text-align: center;
    padding-top: 6px;
    padding-bottom: 8px;
    margin-right: 20px;
}
    


.direction-to-rsis-button:hover{
    background-color: #a91317;
}

.landing-research-program-banner{
    background-image: url(https://staging.rsis.edu.sg/wp-content/themes/rsis/assets/img/research_prog_bg.png);
}

.rsis-custom-select {
	position: relative;

	font-family: LatoWeb;
	font-size: 18px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 1px;
	color: #235090;
}

.rsis-custom-select select {
    display: none; /*hide original SELECT element: */
}

.rsis-select-selected {

  	font-family: LatoWeb;
	font-size: 18px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 1px;
	padding:20px 16px;
	border-radius: 9px;
	background: linear-gradient(to bottom, #ffffff, #d7d7d7)
}

/* Style the arrow inside the select element: */
.rsis-select-selected:after {
    display:none;
    position: absolute;
    content: "";
    top: 27px;
    right: 10px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-color: #1450a8 transparent transparent transparent;
  
}
  
/* Point the arrow upwards when the select box is open (active): */
.rsis-select-selected.imsc-select-arrow-active:after {
border-color: transparent transparent #1450a8 transparent;
top: 22px;
}

/* style the items (options), including the selected item: */
.rsis-select-items div,.rsis-select-selected {
   
    cursor: pointer;
    font-family: LatoWeb;
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 1px;
    color: #235090;
    padding: 10px 16px;
    padding-right: 60px;
    min-height: 40px;
    background: linear-gradient(to bottom, #ffffff, #d7d7d7);
    border-radius: 9px;
}
  
  /* Style items (options): */
  .rsis-select-items {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
  }
  
  /* Hide the items when the select box is closed: */
  .rsis-select-hide {
    display: none;
  }
  
  .rsis-select-items div:hover, .rsis-same-as-selected {
    background-color: rgba(0, 0, 0, 0.1);
  }

  @media only screen and (min-width: 501px){ 
 	.slider-desktop-only{
		display:block;
	}
	
	.slider-mobile-only{
		display:none;
	}
 }
 
  @media only screen and (max-width: 500px){ 
 	.slider-desktop-only{
		display:none;
	}
	
	.slider-mobile-only{
		display:block;
	}
 }

 @media only screen and (min-width: 960px){ 
 	.desktop-only{
		display:block;
	}
	
	.mobile-only{
		display:none;
	}
 }
  
  
@media only screen and (max-width: 960px){
	
	.desktop-only{
		display:none;
	}
	
	.mobile-only{
		display:block;
	}
	
	.rsis_homepage_slider-research-program>.rsis_homepage_slider{
		background-image: url('https://staging.rsis.edu.sg/wp-content/themes/rsis/assets/img/green-mobile.png');
	}
	
	.rsis_homepage_slider-research-centers>.rsis_homepage_slider{
		background-image: url('https://staging.rsis.edu.sg/wp-content/themes/rsis/assets/img/yellow-mobile.png');
	}
	
	
    /* handle accordion only*/

    .desktop-only{
        display:none;
    } 

    .mobile-only{
        display:block;
    }
	
	.landing-event-panel-pane-right.mobile-only .landing-event-panel-podcast-image-button{
		display:none;
	}

    .rsis-accordion{
        width: 100%;
        padding-bottom: 0px;
        padding-top: 0px;
        padding-left: 0px; 
        padding-right: 0px; 
        background-color: #a8bac2;
        color: #0f4b83;
        margin: 0px;
        cursor: pointer;
        border-top: 1px solid white;
        border-bottom: 1px solid white;
    }

    .rsis-accordion.expanded{
        background-color: #971b1f;
        color:white!important;
    }

    .rsis-accordion.expanded>.content,   .rsis-accordion>.content{
        margin:0px!important;
    }

    .rsis-accordion.expanded>.title{
        color:white;
    }

    .rsis-accordion.expanded .icon-accordion-toggle .hor-line,.rsis-accordion.expanded .icon-accordion-toggle .vert-line
    {
        border-top: 2px solid white; 
    }
   
    .rsis-accordion>.title{
        color: #0f4b83;
        padding-top: 20px;
        padding-bottom: 20px;
        margin-left: 45px;
        font-family: Lato;
        font-size: 21px;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
    }
	
	.landing-publication-card-body{
		    padding-left: 45px;
	}

    .landing-research-program-banner{
        padding-top: 20px;
    }
    
    .landing-event-panel-pane-right-box-bg {
        display:none;
    }

    .landing-event-panel.mobile-only{
        box-shadow: none;
    }

    .landing-event-panel-content-text{
       /* margin-left:20px;
        margin-right:20px;*/
    }

    .landing-event-panel-content-title{
       /* margin-left:20px;
        margin-right:20px;*/
    }

    .landing-event-panel-content-more-button{
        /*margin-left:0px;*/
    }

    .landing-event-panel.mobile-only>.landing-event-panel-container{
        min-height: 0px;
    }

    .landing-event-panel-container{
        min-height: 0px;
    }

    .landing_gpo_banner {
        padding-top: 30px;
    }

    .landing-event-panel.mobile-only>.landing-event-panel-container{
        min-height: 0px;
    }

    .spotlight-header{
        background: #0f4b83!important;
        padding-bottom: 20px;
        /* margin-left: 20px; */
        font-family: Lato;
        font-size: 21px;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        color: white;
    padding-left: 45px;
        padding-top: 20px;
    }

    .landing-event-upcoming-left{
        flex: 0 0 100%;
        max-width: 100%;
    }

    .landing-event-upcoming-left-container{
        border-right: none;
    }

    .landing-event-calendar-listing-content-block-title{
        padding-left: 10px;
    }

    .landing-event-calendar-listing-content-block-action-register{
        padding-left:10px;
    }

    .landing-event-calendar-listing-content-block-title{
        min-height:0px;
    }

    .landing-event-calendar-listing-content-block-info{
        justify-content: left;
    }

    .landing-event-panel-venue-image{
        max-width:14px;
        transform: translateY(-10px);
    }

    .landing-event-panel-clock-image{
        max-width:14px;
        transform: translateY(-5px);
    }

    .landing-event-calendar-listing-content-block-venue{
        margin-bottom:0px;
    }

    .landing-event-calendar-listing-content-block-format-time,.landing-event-calendar-listing-content-block-format-venue{
        font-size:12px;
    }

    .landing-event-calendar-listing-content-block-info.mobile-only{
        display:flex;
        width: 100%;
        padding-left: 10px;
    }

    .landing-event-calendar-listing-content-block-venue{
        font-size:12px;
    }

    .landing-event-upcoming-left-container-left {
        flex: 0 0 auto;
    }


    /*custom slider*/

    .slider-dropDown{
		position: absolute;
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
		z-index: 7;
    }
	
	.slider-dropDown-research-programs{
		margin-top: 0;
		transform: translate(-50%, -90%);
		display:none;
		  -webkit-animation-name: fade;
  -webkit-animation-duration: 3s;
  animation-name: fade;
  animation-duration:  3s;
	}
	
	.slider-dropDown-research-center{
			margin-top: 0;
		  transform: translate(-50%, -90%);
		   display:none;
		     -webkit-animation-name: fade;
  -webkit-animation-duration:  2s;
  animation-name: fade;
  animation-duration:  2s;
	}

    .Research_Centre_Slider_Content_Box{
		position: absolute;
		margin-top: 30px;
		top: 0;
		left: 50%;
		/* width: 100%; */
		width: auto;
		transform: translateX(-50%);
    }

    .Research_Centre_Slider_Content_Box_Title1{
        font-size: 36px;
    }

    .Research_Centre_Slider_Content_Box_Title2{
        font-size: 36px;
    }

    .Research_Centre_Slider_Content_Box_Text{
        font-size: 16px;
        margin-top: 15px;
        width: 260px;
    }

    .research_center_slider>.rsis-select-selected{
        background-image: url(https://staging.rsis.edu.sg/wp-content/themes/rsis/assets/img/bluebutton.png);
    }

    .research_programme_slider>.rsis-select-selected{
        background-image: url(https://staging.rsis.edu.sg/wp-content/themes/rsis/assets/img/greenbutton.png);
    }

    .rsis-select-selected{
       
        background-size: cover;
        background-position: right;
        box-shadow: 5px 4px 9px 1px grey;
        color: white;
        /* height: 30px; */
        width: 190px;
    }

    .Research_Centre_Slider_Content_Listing_Button-img{
        position: absolute;
        right: 23px;
        transform: translateY(-42px);
		width:auto!important;
    }

}

@media only screen and (min-width: 961px){
    /* handle accordion only*/

    .mobile-only{
        display:none!important;
    }

    .rsis-accordion>.content{
        display:block!important;
        margin: 0px; 
    }

    .rsis-accordion>.title{
        display:none!important;
    }

    .rsis-accordion{
        padding:0px!important;
        margin:0px!important;
    }


}

@media only screen and (min-width: 1440px){
		.teaser_content{
		font-size: 22px!important;
		}
}

@media only screen and (min-width: 501px){
		.hide_info_box_desktop,.hide_teaser_desktop{
		display:none!important;
	}
	
	.rsis_homepage_slider_teaser_box {
		position: absolute;
		bottom: 0;
		width: 100%;
		background: white;
		padding: 20px;
		    opacity: 0.75;
		padding-bottom: 50px;
	}
	
	.teaser_content{
		font-family: Lato;
		    font-size: 1.527777vw;
		font-weight: normal;
		font-stretch: normal;
		line-height: normal;
		letter-spacing: -0.17px;
		color: #0b385c;
		width: 90%;
		margin-left: auto;
		margin-right: auto;
		max-width:1440px;
	}
}

@media only screen and (max-width: 500px) {
	.hide_info_box_mobile,.hide_teaser_mobile{
		display:none!important;
	}
	
	.rsis_homepage_slider_teaser_box {
		position: absolute;
    bottom: 0;
    width: 100%;
    background: white;
    opacity: 0.75;
    padding-bottom: 35px;
    padding-top: 10px;
	}
	
		.teaser_content{
		    font-family: Lato;
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: -0.17px;
    color: #0b385c;
	    width: 90%;
    margin-left: auto;
    margin-right: auto;
	}
	
	.dot-container.rsis_homepage_slider {
		bottom:1%;
	}
}

/* 20191001*/

.landing-event-calendar-listing-content-block-title-theme{
	  font-family: Lato;

  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
 line-height: 18px;
  letter-spacing: normal;
   font-size: 14px;
  color: #000000;
  padding-top: 3px;
    padding-bottom: 3px;
}

.landing-event-calendar-listing-content-block-registration{
	justify-content: flex-start;
    display: block;
	margin-left: auto;
    margin-right: auto;
	width:100%;
}

.landing-event-calendar-listing-content-block-registration>span{
	float:left;
}

.landing-event-panel-register-image{
	    transform: none;
    height: 20px;
    float: left;
}

.landing-event-calendar-listing-content-block-register{
  font-family: Lato;
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.39;
  letter-spacing: normal;
  color: #d0021b;
  padding-left: 25px;
}

.landing-event-more-event-triangle{
    height: 10px;
    transform: translate(10px, 0px);
}

.landing-event-panel-pane-right-more-event{
 	width: 105px;

	    margin-top: 60px;
    margin-right: 50px;
    border-radius: 4px;
    background-color: #d0021b;

 color: white;
    font-family: arial;
    font-size: 10px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 12px;
    letter-spacing: 0.6px;
    color: #ffffff;
    padding-left: 20px;
    padding-right: 10px;
    padding-top: 8px;
    padding-bottom: 8px;
}

.landing-event-panel-pane-right-more-event:hover{
	    background-color: #a91317;
}

@media only screen and (max-width: 960px) {
	.landing-event-panel-pane-right-more-event{

	width: 105px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    border-radius: 4px;
    background-color: #d0021b;
    color: white;
    font-family: arial;
    font-size: 10px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 12px;
    letter-spacing: 0.6px;
    color: #ffffff;
    padding-left: 20px;
    padding-right: 10px;
    padding-top: 8px;
    padding-bottom: 8px;
	    margin-top: 0px;
		transform: translateX(-30px);
	}
	
	.landing-event-calendar-listing-content-block-title-theme{
		padding-top: 3px;
		padding-bottom: 8px;
		padding-left: 10px;
	}
	
	.landing-event-calendar-listing-content-block-registration{
		padding-left: 10px;
	}
	
}

/*  IE Adapation */





_:-ms-lang(x), .landing-event-panel-pane-right-box-bg{
    box-shadow:0px -20px 20px 5px grey;
    transform: translateY(20px);
}

_:-ms-lang(x), .gpo-international-ranking-container-right-content-bg{
    box-shadow:0px -20px 20px 5px grey;
    transform: translateY(20px);
   width:511px;
}


_:-ms-lang(x), .landing-event-calendar-listing-content-block-title > a{
    font-family: Lato;
    font-weight: bold;
}

_:-ms-lang(x), .landing-event-calendar-listing-content-block-title > a{
    font-family: Lato;
    font-weight: bold;
}

_:-ms-lang(x), .landing-event-calendar-listing-content-block-venue{
    font-family: Lato;
  font-weight: bold;
}

_:-ms-lang(x), .landing-event-calendar-listing-content-block-format-time{
    font-family: Lato;
   font-weight: bold;
}

_:-ms-lang(x), .landing-event-panel-podcast-title{
    font-family: Lato;
   font-weight: bold;
}

_:-ms-lang(x), .landing-event-panel-podcast-subtitle{
    font-family: Lato;
   font-weight: bold;
}

_:-ms-lang(x), .landing-event-panel-podcast-date{
    font-family: Lato;
  font-weight: bold;
}

_:-ms-lang(x), .landing-event-panel-podcast-desc{
    font-family: Lato;
   font-weight: bold;
}

_:-ms-lang(x), .landing-event-calendar-listing-content-block-title-gpo > a{
    font-family: Lato;
    font-weight: bold;
}

_:-ms-lang(x), .landing-event-panel-venue-text-gpo, .landing-event-panel-time-text-gpo{
  font-family: Lato;
   font-weight: bold;
}

_:-ms-lang(x), .landing-event-panel-content-title{
  font-family: Lato;
   font-weight: bold;
}

_:-ms-lang(x),.landing-event-panel-content-text{
  font-family: Lato;
   font-weight: bold;
}

_:-ms-lang(x), .gpo-landing-pop-chart-container-pane-3{
    font-size: 24px;
}

_:-ms-lang(x), .gpo-international-ranking-asia{
width:auto;
height:auto;
}

_:-ms-lang(x), .gpo-international-ranking-world{
    width:auto;
height:auto;
}

_:-ms-lang(x), .gpo-international-ranking-young-uni{
    width:auto;
    height:auto;
}

/* 20200114 1430*/

.linkedin-icon-connect-with-us{
    height: 32px;
    transform: translate(181px, -40px);
    position: absolute;
    animation: cssAnimation 0s 0.5s forwards;
    visibility: hidden;
}

.videocast-icon-connect-with-us{
	    height: 33px;
    transform: translate(145.5px, -41px);
    position: absolute;
    animation: cssAnimation 0s 0.5s forwards;
    visibility: hidden;
}

#direction-to-follow{
	min-height:40px;
}

@keyframes cssAnimation {
  to   { visibility: visible; }
}

.at-follow-btn:focus, .at-follow-btn:hover {
    transform: translateY(0)!important; 
}