.comp-breadcrumb{border-top:1px #fff solid;background-color:#fff;box-shadow:0 2px 3px 0 rgba(0,0,0,0.11);padding:10px 0 30px 0;margin-bottom:3px;font-size:16px;line-height:16px;font-family:"RNHouseSansRegular",sans-serif}
.comp-breadcrumb .overflow-item ul.breadcrumb-list{margin:0;padding:0;overflow:hidden}
.comp-breadcrumb .overflow-item ul.breadcrumb-list li{margin:22px 0 0 0;display:block;float:left}
.comp-breadcrumb .overflow-item ul.breadcrumb-list li a{color:#5e10b1;display:block;float:left;text-decoration:none;font-size:16px;line-height:16px}
.comp-breadcrumb .overflow-item ul.breadcrumb-list li a span{width:100%;width:-moz-calc(100%);width:-webkit-calc(100%);width:-o-calc(100%);width:calc(100%);background-image:-webkit-linear-gradient(transparent 95%,#5e10b1 10px,#5e10b1);background-image:-moz-linear-gradient(transparent -moz-calc(100% - 1px),#5e10b1 10px,#5e10b1);background-image:-o-linear-gradient(transparent -o-calc(100% - 1px),#5e10b1 10px,#5e10b1);background-image:linear-gradient(transparent calc(100% - 1px),#5e10b1 10px,#5e10b1);background-repeat:no-repeat;background-size:100% 100%;-webkit-transition:background-size ease-in-out 180ms;-moz-transition:background-size ease-in-out 180ms;-o-transition:background-size ease-in-out 180ms;transition:background-size ease-in-out 180ms;padding-bottom:3px}
html:not(.firefox) .comp-breadcrumb .overflow-item ul.breadcrumb-list li a:focus{border-bottom:0;background-image:none;border:0;outline-offset:2px;outline:1px auto #5e10b1;margin:0 3px}
.comp-breadcrumb .overflow-item ul.breadcrumb-list li a:focus span{background-image:none;border:0;padding-bottom:0}
@media(min-width:1024px){.comp-breadcrumb .overflow-item ul.breadcrumb-list li a:focus{margin-bottom:3px}
}
.comp-breadcrumb .overflow-item ul.breadcrumb-list li span{display:block;float:left}
.comp-breadcrumb .overflow-item ul.breadcrumb-list li span.breadcrumb-arrow{padding:0 10px;position:relative}
.comp-breadcrumb .overflow-item ul.breadcrumb-list li span.breadcrumb-arrow:after{content:"\e00b";font-size:9px;font-family:"nw-icons";color:#5e10b1;font-weight:normal}
.comp-breadcrumb .overflow-item ul.breadcrumb-list li .currentlink{color:#3c1053;border-bottom:1px solid transparent;font-family:"RNHouseSansRegular",sans-serif;padding-bottom:5px;cursor:text}
.comp-breadcrumb .overflow-item ul.breadcrumb-list li .currentlink:focus{outline:0 !important;border-bottom:1px solid transparent !important;margin-bottom:0 !important}
@media(min-width:1024px){.share::-webkit-scrollbar{width:100%}
.comp-breadcrumb.share{overflow:hidden;height:80px;font-size:14px;line-height:14px;width:100%}
.comp-breadcrumb.share .breadcrumb{display:inline-block}
.comp-breadcrumb.share .scrolling-text{position:relative}
.comp-breadcrumb.share .scrolling-text.overlay.left:before{content:' ';width:48px;height:100%;position:absolute;left:0;top:0;background:-moz-linear-gradient(left,white 0,rgba(255,255,255,0) 100%);background:-webkit-linear-gradient(left,white 0,rgba(255,255,255,0) 100%);background:linear-gradient(to right,white 0,rgba(255,255,255,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#00ffffff',GradientType=1)}
.comp-breadcrumb.share .overlay .overflow-item{direction:rtl}
.comp-breadcrumb.share .overflow-item{direction:ltr;overflow:auto;overflow-y:hidden;height:70px}
.comp-breadcrumb.share .overflow-item ul.breadcrumb-list{display:block}
.comp-breadcrumb.share .overflow-item ul.breadcrumb-list li{margin:23px 0 20px 0;display:inline-block;float:none}
.comp-breadcrumb.share .overflow-item ul.breadcrumb-list li .currentlink{padding-bottom:3px}
.comp-breadcrumb.share .overflow-item::-webkit-scrollbar{height:10px}
.comp-breadcrumb.share .overflow-item::-webkit-scrollbar-track{background:transparent}
.comp-breadcrumb.share .overflow-item::-webkit-scrollbar-thumb{background:#c5c5c5 !important;border-radius:10px}
.comp-breadcrumb.share .share-button{display:inline-block;float:right;margin-top:15px}
.comp-breadcrumb.share .share-button a{margin-left:18px;width:25px;height:25px;font-size:25px;line-height:25px;display:inline-block}
.comp-breadcrumb.share .share-button a:nth-child(2){margin-left:13.5px}
.comp-breadcrumb.share .share-button a .fa-facebook{background:url("https://www.natwest.com/etc.clientlibs/responsive/components/foundation/breadcrumb/clientlibs/clientlib_breadcrumb/resources/images/champ-fb.svg")}
.comp-breadcrumb.share .share-button a .fa-facebook:hover{background:url("https://www.natwest.com/etc.clientlibs/responsive/components/foundation/breadcrumb/clientlibs/clientlib_breadcrumb/resources/images/champ-fbhover.svg")}
.comp-breadcrumb.share .share-button a .fa-twitter{background:url("https://www.natwest.com/etc.clientlibs/responsive/components/foundation/breadcrumb/clientlibs/clientlib_breadcrumb/resources/images/champ-twitter.svg")}
.comp-breadcrumb.share .share-button a .fa-twitter:hover{background:url("https://www.natwest.com/etc.clientlibs/responsive/components/foundation/breadcrumb/clientlibs/clientlib_breadcrumb/resources/images/champ-twitterhover.svg")}
.comp-breadcrumb.share .share-button a .fa-linkedin{background:url("https://www.natwest.com/etc.clientlibs/responsive/components/foundation/breadcrumb/clientlibs/clientlib_breadcrumb/resources/images/champ-ln.svg")}
.comp-breadcrumb.share .share-button a .fa-linkedin:hover{background:url("https://www.natwest.com/etc.clientlibs/responsive/components/foundation/breadcrumb/clientlibs/clientlib_breadcrumb/resources/images/champ-lnhover.svg")}
.comp-breadcrumb.share .share-button a .fa-email{background:url("https://www.natwest.com/etc.clientlibs/responsive/components/foundation/breadcrumb/clientlibs/clientlib_breadcrumb/resources/images/champ-mail.svg")}
.comp-breadcrumb.share .share-button a .fa-email:hover{background:url("https://www.natwest.com/etc.clientlibs/responsive/components/foundation/breadcrumb/clientlibs/clientlib_breadcrumb/resources/images/champ-mailhover.svg")}
.comp-breadcrumb.share .share-button a .fa{width:inherit;height:inherit;display:inline-block}
.comp-breadcrumb.share .share-button a .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.comp-breadcrumb.share .share-button a:hover,.comp-breadcrumb.share .share-button a:focus{text-decoration:none}
.comp-breadcrumb.share .share-button .share-text{margin-left:30px;font-size:14px;font-family:"RNHouseSansRegular",sans-serif;line-height:26px;display:inline-block;vertical-align:text-bottom;color:#5a287d}
}
@media(max-width:1023px){.comp-breadcrumb{padding:0;overflow:hidden;height:60px;font-size:14px;line-height:14px}
.comp-breadcrumb .container{padding-right:0}
.comp-breadcrumb .scrolling-text{position:relative}
.comp-breadcrumb .scrolling-text.overlay.left:before{content:' ';width:48px;height:100%;position:absolute;left:0;top:0;background:-moz-linear-gradient(left,white 0,rgba(255,255,255,0) 100%);background:-webkit-linear-gradient(left,white 0,rgba(255,255,255,0) 100%);background:linear-gradient(to right,white 0,rgba(255,255,255,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#00ffffff',GradientType=1)}
.comp-breadcrumb .overflow-item{direction:ltr;overflow:auto;height:80px}
.comp-breadcrumb .overflow-item ul.breadcrumb-list{display:block}
.comp-breadcrumb .overflow-item ul.breadcrumb-list li{margin:23px 0 20px 0;display:inline-block;float:none}
.comp-breadcrumb .overflow-item ul.breadcrumb-list li a{padding-top:3px;font-size:14px;line-height:14px}
.comp-breadcrumb .overflow-item ul.breadcrumb-list li span.breadcrumb-arrow{padding:3px 10px 0 10px}
.linux.chrome .comp-breadcrumb .overflow-item ul.breadcrumb-list li span.breadcrumb-arrow{padding-top:5px}
.comp-breadcrumb .overflow-item ul.breadcrumb-list li .currentlink{padding-bottom:2px;padding-top:0}
.ipad .comp-breadcrumb .overflow-item ul.breadcrumb-list li .currentlink,.iphone .comp-breadcrumb .overflow-item ul.breadcrumb-list li .currentlink{padding-bottom:1px;padding-top:0}
.comp-breadcrumb .overlay .overflow-item{direction:rtl}
.comp-breadcrumb .share-button{display:none}
}
@media(max-width:767px){.comp-breadcrumb .paddingforfirstchild .overflow-item ul.breadcrumb-list li:first-child{padding-right:20px}
.comp-breadcrumb .overflow-item ul.breadcrumb-list li{direction:ltr}
}
@media(max-width:767px){.comp-breadcrumb .container{padding-right:20px}
}