.popup-with-slider-wrap { background: #5a287d;/*margin: 80px auto;*/padding: 0px 0 40px 0; }
.popup-with-slider-wrap .contentWrapper { background: none; }
.popup-with-slider-itemWrap .popupImage img { width: 100%; height: auto; border-radius: 20px;}
.fullwidthContainer-fluid {max-width: 1212px; margin-right: auto; margin-left: auto; padding-left: 10px; padding-right: 10px;}
.popup-with-slider-itemWrap { width: 33.3%; }
.popup-with-slider-itemWrap h3.popupTitle { color: #FAD0E0; font-size: 18px/*14px*/; line-height: 24px/*16px*/; font-family: "RNHouseSansW01Bold",Georgia,serif;margin-bottom: 5px/*10px*/;}
.popup-with-slider-itemWrap .arrowIcons {height: 0px; width: 0px; border: none;border-left: 12px solid rgba(0,0,0,0); border-right: 12px solid rgba(0,0,0,0); display: inline-block;margin: 15px 0 15px 0px; opacity: 0.5;}
.popup-with-slider-itemWrap .arrowIcons.up {  border-top: 20px solid #FAD0E0; }
.popup-with-slider-itemWrap .arrowIcons.down { border-bottom: 20px solid #FAD0E0; }
.popup-with-slider-itemWrap { margin-bottom: 10px; }
.popup-with-slider-itemWrap .popupSliderCard { padding: 0 15px; }
.popup-with-slider-itemWrap .popupShortTitle { color: #fff; font-size: 18px/*14px*/; line-height: 20px; }
.popup-with-slider-itemWrap .popupImage {position:relative;}
.casestudyWithoutPopupSlider .popupSliderButtonWrap {display:none !important;}
.popup-with-slider-itemWrap .popupImage .popupSliderLink {position:absolute;color:transparent;text-indent:-99999px;background-image:url("/~/media/Images/R/RBS-IR-V2/icons/plus.svg");background-color:#fff;border:2px solid #5a287d;padding:10px;border-radius:50%;bottom:10px;left:10px;height: 45px/*30px*/; width: 45px/*30px*/; background-size: 20px 20px/*18px 18px*/; background-repeat: no-repeat; background-position: center;}

body#annual-report .mfp-inline-holder .mfp-content, body#annual-report .mfp-ajax-holder .mfp-content,
body#sustainability-report .mfp-inline-holder .mfp-content, body#sustainability-report .mfp-ajax-holder .mfp-content {max-width: 1212px; }

.popup-content-slider { background: #fff; padding: 50px 80px 65px; max-width: 100%/*900px*//*840px*/; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);display: none; border-radius: 20px;}
.popup-content-slider .popup-close { position: absolute; top: 10px; right: 10px; font-size: 20px; font-weight: bold; cursor: pointer; }
.popup-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); display: none; z-index: 999; }
.popup-content-slider .slick-arrow.slick-prev:hover::before { border-left: 2px solid #fff !important; border-bottom: 2px solid #fff !important; opacity: 1; }
.popup-content-slider .slick-arrow.slick-next:hover::before { border-right: 2px solid #fff !important; border-top: 2px solid #fff !important; opacity: 1; }
.popup-content-slider .slick-arrow:hover { background: #5E10B1; border: 2px solid #5E10B1; opacity: 1;}
.popup-content-slider .slick-arrow { width: 50px; height: 50px; top: 38%; background: #fff; border: 2px solid #5E10B1; border-radius: 50%; opacity: 1;z-index: 999;right: 82px/*62px*/; left: revert;top:40px; text-indent: 9999999px;color:transparent;}
.popup-content-slider .slick-prev.slick-arrow.slick-prev { right: 140px/*120px*/; }
.popup-content-slider .slick-arrow.slick-next::before { content: ""; width: 12px; height: 12px; position: absolute; top: 38%; right: 42%; border-top: 2px solid #5E17B1; border-right: 2px solid #5E17B1; rotate: 45deg; opacity: 1; }
.popup-content-slider .slick-arrow.slick-prev::before { content: ""; width: 12px; height: 12px; position: absolute; top: 38%; left: 42%; border-left: 2px solid #5E17B1; border-bottom: 2px solid #5E17B1; rotate: 45deg; opacity: 1; }
/*.popup-content-slider .slick-arrow:focus, 
.mfp-close-btn-in .mfp-close:focus, */
.mfp-content button:focus
{outline: 2px solid #5E10B1; outline-offset: 2px; }

.popup-content-slider p.popupSmallTitle{color: #5a287d; font-size: 18px/*16px*/; margin-bottom: 15px; /*margin-top: 5px;*/width: 80%;}
.popup-content-slider h2.popupContentTitle {color: #5a287d; font-size: 32px; margin-bottom: 25px; font-family: 'knileblack',"RNHouseSansW01Light",sans-serif; margin-top: 5px;width: 80%; text-transform: uppercase;}
.popup-content-slider .popup-content-slider { min-height: 500px; width: 100%; }
.popup-content-slider .popupContent .popupIntroContent, 
.popup-content-slider .popupContent .popupIntroContent p,
.popup-content-slider .popupIntroContent p { font-size: 28px/*24px*//*1.8em*/;line-height: 32px/*25px*/; font-family: "RNHouseSansW01Bold",Helvetica,sans-serif;color: #5a287d; margin-bottom:15px;}
.popup-content-slider .popupContentImg { float: left; margin-right: 40px; margin-bottom: 20px; margin-top: 6px;}
.popup-content-slider-outer .mfp-close { position: absolute; width: 50px; height: 50px; top: 38%; background: #fff; border: 2px solid #5E10B1; border-radius: 50%; opacity: 1; z-index: 999; right: 15px /*65px*/; left: revert; top: 15px; color: transparent !important; }
.popup-content-slider-outer .mfp-close:active {top: 15px;}
.popup-content-slider-outer .mfp-close::before { content: ""; width: 15px; height: 15px; position: absolute; top: 35%; left: 35%; opacity: 1;background-image:url("/~/media/Images/R/RBS-IR-V2/icons/cross-icon-svg.svg"); background-repeat: no-repeat; background-position: center;}
.popup-content-slider .popupContentImg img {width:100%;height: auto; border-radius: 20px;}
.popup-with-slider-title-wrap .popup-with-slider-title {font-family: 'knileblack', 'knilebold', 'RNHouseSansW01Regular', sans-serif, Helvetica Neue, Helvetica; font-size: 50px/*4em*/; line-height: normal; color: #fff;position: relative;}
.popup-with-slider-title-wrap .popup-with-slider-title.title-purple {background: #fff;}
/* .popup-with-slider-title-wrap .popup-with-slider-title.title-blue {background: #5E10B1;} */
.popup-with-slider-title-wrap { margin-bottom: 45px/*40px*/; }
.popup-with-slider-title-wrap .popup-with-slider-title.title-blue::after {}
.popup-with-slider-title-wrap .popup-with-slider-title.title-blue .moduleTitles::after { content: " "; height: 65px/*52px*/; width: 39px; display: inline-block; position: absolute; border: none; border-top: 32px/*24px*/ solid #5a287d; border-bottom: 33px solid #5a287d; border-left: 12px solid #5E10B1;left: calc(100% - 10px); }
.popup-content-slider .popupContent *
{ font-size: 18px /*1.3em*/; line-height: 20px; }
.popup-content-slider .popupContent sup, .popup-content-slider .popupContent sub { font-size: 75%; }
.popup-content-slider .popupContent > p
{ font-size: 18px/*16px*//*1.3em*/; line-height: 20px; margin-bottom: 15px; }
.popup-with-slider-title-wrap .popup-with-slider-title.title-blue::before { content: " "; width: 30%; display: inline-block; background: #5E10B1; height: 52px; position: absolute; left: 0px; z-index: 0; }

.popup-with-slider-title-wrap .popup-with-slider-title.title-blue::before { content: " "; width: 30%; display: inline-block; background: #5E10B1; height: 65px/*52px*/; position: absolute; left: 0px; z-index: 0; }
.popup-with-slider-title-wrap .moduleTitles {position: relative;}
.popup-with-slider-title-wrap .popup-with-slider-title.title-blue .moduleTitles { background: #5E10B1; padding-left: 40px; }
.popup-with-slider-title-wrap .popup-with-slider-title.title-purple .moduleTitles { background: #5a287d;margin-left: -50px; }
.popup-with-slider-title-wrap .popup-with-slider-title.title-purple::before { content: " "; width: 30%; display: inline-block; background: #5a287d; height: 65px/*52px*/; position: absolute; left: 0px; z-index: 0; }
.popup-with-slider-title-wrap .popup-with-slider-title.title-purple .moduleTitles::after { content: " "; height: 100%; width: 100%; display: inline-block; position: absolute; border: none; border-top: 35px/*28px*/ solid #fff; border-bottom: 30px/*24px*/ solid #fff; border-left: 12px solid #5a287d;left: calc(100% - 10px); }
.popup-with-slider-title-wrap .popup-with-slider-title .moduleTitles {padding: 0 70px 0 10px;}
.popup-with-slider-wrap .popup-with-slider-itemWrap { width: 33.3%; margin-bottom: 35px; }

.popupSliderCard.popCardTextTop {display: none;}
.showTextTop .popupSliderCard.popCardTextTop {display: block;}
.showTextTop .popupSliderCard.popCardTextBottom {display: none;}

@media all and (max-width:767px) {
.showTextTop .popupSliderCard.popCardTextTop {display: none;}
.showTextTop .popupSliderCard.popCardTextBottom {display: block;}
	
.popup-content-slider h2.popupContentTitle { font-size: 18px; width: 100%;line-height: 28px; }
.popup-content-slider .popupContentImg { width: 100%; }
.popup-content-slider {padding: 90px 20px 40px 20px;}
.popup-content-slider-outer .mfp-close {/*right:5px;*/}
.popup-with-slider-title-wrap .popup-with-slider-title {font-size: 30px;}
.popup-with-slider-title-wrap .popup-with-slider-title.title-purple .moduleTitles, 
.popup-with-slider-title-wrap .popup-with-slider-title.title-blue .moduleTitles {height: 65px; display: inline-block; line-height: 60px; padding-left: 10px;}
.popup-with-slider-wrap .popup-with-slider-itemWrap { width: 100%; }
}

@media all and (max-width:480px) {
/*	.popup-with-slider-title-wrap .popup-with-slider-title .moduleTitles::after {display:none !important;}
	.popup-with-slider-title-wrap .popup-with-slider-title.title-purple {background:#5a287d;}
	.popup-with-slider-title-wrap .popup-with-slider-title .moduleTitles {display: block !important;}
	.popup-with-slider-title-wrap .popup-with-slider-title.title-blue {background: #5E10B1;}
	.popup-with-slider-title-wrap .popup-with-slider-title.title-purple {background: #5a287d;}
	.popup-with-slider-title-wrap .popup-with-slider-title {font-size: 3.2em;}
	.popup-with-slider-title-wrap .popup-with-slider-title::before {display:none !important;}
	.popup-with-slider-wrap .popup-with-slider-itemWrap { width: 100%; }*/
}
@media all and (max-width:1599px) {
	.popup-with-slider-title-wrap .popup-with-slider-title.title-purple::before {width: 35%/*42%*/;}
}
@media all and (min-width:768px) {
	.popup-content-slider .popupContentImg {width: 34%/*42%*/;}
	.popup-content-slider .popupContentImg img {}
}
@media all and (min-width:768px) and (max-width:991px) {
.popup-content-slider h2.popupContentTitle { font-size: 25px; width: 65%; }
.popup-content-slider .popupContentImg { width: 42%/*34%*/; margin-right: 25px; }
.popup-content-slider-outer .mfp-close {/*right:5px;*/}
.popup-with-slider-title-wrap .popup-with-slider-title {font-size: 32px;}
.popup-with-slider-title-wrap .popup-with-slider-title.title-purple .moduleTitles, 
.popup-with-slider-title-wrap .popup-with-slider-title.title-blue .moduleTitles {height: 65px; display: inline-block; line-height: 60px;}
	
}
@media all and (max-width:1280px) {
 .popup {max-width:80%; margin:0 auto;}
.popup-with-slider-title-wrap .popup-with-slider-title.title-purple .moduleTitles {margin-left: 0;}

}
@media (orientation: landscape) { 
.popup.finalpopup {top: 10px;}
}