@charset "UTF-8";
/*
	Name: Jonathan Smith & Rob Howells
	Date: 18/03/14
	Description: Global Style Sheet
	Version: 1.0 
	Coder: Jonathan Smith & Rob Howells
*/
/* Browser reset
===============================================*/
/* line 2, ../sass/_reset.scss */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, address, big, cite, code, em, img, small, strike, strong, sub, sup, tt, var, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, .window table td, td {
	background: transparent;
	border: 0;
	font-size: 100%;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

/* line 2, ../sass/_reset.scss */
body {
	line-height: 1;
}

/* line 2, ../sass/_reset.scss */
ol, ul {
	list-style: none;
}

/* line 2, ../sass/_reset.scss */
blockquote {
	quotes: none;
}

/* line 2, ../sass/_reset.scss */
	blockquote:before, blockquote:after, q:before, q:after {
		content: '';
		content: none;
	}

/* line 2, ../sass/_reset.scss */
:focus {
	outline: 0;
}

/* line 2, ../sass/_reset.scss */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* line 3, ../sass/_reset.scss */
hgroup, header, section, footer, aside, nav, article, figure {
	display: block;
}

/* Slider */
/* line 2, ../sass/_slick.scss */
.slick-slider {
  position: relative;
  display: block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

/* line 23, ../sass/_slick.scss */
.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

/* line 33, ../sass/_slick.scss */
.slick-list:focus {
  outline: none;
}

/* line 37, ../sass/_slick.scss */
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

/* line 43, ../sass/_slick.scss */
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/* line 53, ../sass/_slick.scss */
.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
}

/* line 61, ../sass/_slick.scss */
.slick-track:before,
.slick-track:after {
  display: table;
  content: '';
}

/* line 68, ../sass/_slick.scss */
.slick-track:after {
  clear: both;
}

/* line 72, ../sass/_slick.scss */
.slick-loading .slick-track {
  visibility: hidden;
}

/* line 77, ../sass/_slick.scss */
.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

/* line 85, ../sass/_slick.scss */
[dir='rtl'] .slick-slide {
  float: right;
}

/* line 89, ../sass/_slick.scss */
.slick-slide img {
  display: block;
}

/* line 93, ../sass/_slick.scss */
.slick-slide.slick-loading img {
  display: none;
}

/* line 97, ../sass/_slick.scss */
.slick-slide.dragging img {
  pointer-events: none;
}

/* line 101, ../sass/_slick.scss */
.slick-initialized .slick-slide {
  display: block;
}

/* line 105, ../sass/_slick.scss */
.slick-loading .slick-slide {
  visibility: hidden;
}

/* line 109, ../sass/_slick.scss */
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

/* line 118, ../sass/_slick.scss */
.slick-loading .slick-list {
  background: #fff url("./ajax-loader.gif") center center no-repeat;
}

/* Arrows */
/* line 124, ../sass/_slick.scss */
.slick-prev,
.slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  padding: 0;
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
}

/* line 147, ../sass/_slick.scss */
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  color: transparent;
  outline: none;
  background: transparent;
}

/* line 156, ../sass/_slick.scss */
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}

/* line 163, ../sass/_slick.scss */
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: .25;
}

/* line 169, ../sass/_slick.scss */
.slick-prev:before,
.slick-next:before {
  font-family: 'equiniti';
  font-size: 20px;
  line-height: 1;
  opacity: .50;
  color: #000;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* line 183, ../sass/_slick.scss */
.slick-prev {
  left: 10px;
}

/* line 187, ../sass/_slick.scss */
[dir='rtl'] .slick-prev {
  right: 10px;
  left: auto;
}

/* line 192, ../sass/_slick.scss */
.slick-prev:before {
  content: '\e602';
}

/* line 196, ../sass/_slick.scss */
[dir='rtl'] .slick-prev:before {
  content: '\e603';
}

/* line 201, ../sass/_slick.scss */
.slick-next {
  right: 10px;
}

/* line 205, ../sass/_slick.scss */
[dir='rtl'] .slick-next {
  right: auto;
  left: 10px;
}

/* line 210, ../sass/_slick.scss */
.slick-next:before {
  content: '\e603';
}

/* line 214, ../sass/_slick.scss */
[dir='rtl'] .slick-next:before {
  content: '\e602';
}

/* line 219, ../sass/_slick.scss */
.slick-dots {
  position: absolute;
  bottom: -45px;
  display: block;
  width: 100%;
  padding: 0;
  list-style: none;
  text-align: center;
}

/* line 233, ../sass/_slick.scss */
.slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

/* line 246, ../sass/_slick.scss */
.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}

/* line 264, ../sass/_slick.scss */
.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}

/* line 269, ../sass/_slick.scss */
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1;
}

/* line 274, ../sass/_slick.scss */
.slick-dots li button:before {
  font-family: 'slick';
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: '•';
  text-align: center;
  opacity: .25;
  color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* line 296, ../sass/_slick.scss */
.slick-dots li.slick-active button:before {
  opacity: .75;
  color: black;
}

/* Variables and Mixins
===============================================*/
/* Equiniti Icons
===============================================*/
@font-face {
	font-family: 'equiniti';
  src: url("../fonts/equiniti.eot");
  src: url("../fonts/equiniti.eot?#iefix") format("embedded-opentype"), url("../fonts/equiniti.woff") format("woff"), url("../fonts/equiniti.ttf") format("truetype"), url("../fonts/equiniti.svg#equiniti") format("svg");
	font-weight: normal;
	font-style: normal;
}
/* line 27, ../sass/_icons.scss */
[class^="icon-"], [class*=" icon-"] {
	font-family: 'equiniti';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* line 31, ../sass/_icons.scss */
.icon-calendar:before {
  content: "\e600";
}

/* line 34, ../sass/_icons.scss */
.icon-chev-down:before {
  content: "\e601";
}

/* line 37, ../sass/_icons.scss */
.icon-chev-left:before {
  content: "\e602";
}

/* line 40, ../sass/_icons.scss */
.icon-chev-right:before {
  content: "\e603";
}

/* line 43, ../sass/_icons.scss */
.icon-chev-up:before {
  content: "\e604";
}

/* line 46, ../sass/_icons.scss */
.icon-contribution-increase:before {
  content: "\e605";
}

/* line 49, ../sass/_icons.scss */
.icon-download:before {
  content: "\e606";
}

/* line 52, ../sass/_icons.scss */
.icon-folder-closed:before {
  content: "\e619";
}

/* line 55, ../sass/_icons.scss */
.icon-folder-open:before {
  content: "\e61a";
}

/* line 58, ../sass/_icons.scss */
.icon-help:before {
  content: "\e61b";
}

/* line 61, ../sass/_icons.scss */
.icon-information:before {
  content: "\e61c";
}

/* line 64, ../sass/_icons.scss */
.icon-mobile-menu-2:before {
  content: "\e61d";
}

/* line 67, ../sass/_icons.scss */
.icon-pdf-red .path1:before {
  content: "\e61e";
  color: #e34a47;
}

/* line 71, ../sass/_icons.scss */
.icon-pdf-red .path2:before {
  content: "\e61f";
  margin-left: -1em;
  color: white;
}

/* line 76, ../sass/_icons.scss */
.icon-pdf-red .path3:before {
  content: "\e620";
  margin-left: -1em;
  color: white;
}

/* line 81, ../sass/_icons.scss */
.icon-pdf-red .path4:before {
  content: "\e621";
  margin-left: -1em;
  color: #b53b38;
}

/* line 86, ../sass/_icons.scss */
.icon-pdf:before {
  content: "\e622";
}

/* line 89, ../sass/_icons.scss */
.icon-records:before {
  content: "\e623";
}

/* line 92, ../sass/_icons.scss */
.icon-caret-down:before {
  content: "\e624";
}

/* line 95, ../sass/_icons.scss */
.icon-caret-left:before {
  content: "\e625";
}

/* line 98, ../sass/_icons.scss */
.icon-caret-right:before {
  content: "\e626";
}

/* line 101, ../sass/_icons.scss */
.icon-caret-up:before {
  content: "\e627";
}

/* line 104, ../sass/_icons.scss */
.icon-documents:before {
  content: "\e628";
}

/* line 107, ../sass/_icons.scss */
.icon-investment:before {
  content: "\e629";
}

/* line 110, ../sass/_icons.scss */
.icon-balances:before {
  content: "\e62a";
}

/* line 113, ../sass/_icons.scss */
.icon-details:before {
  content: "\e62b";
}

/* line 116, ../sass/_icons.scss */
.icon-wheel:before {
  content: "\e62c";
}

/* line 119, ../sass/_icons.scss */
.icon-history:before {
  content: "\e62d";
}

/* line 122, ../sass/_icons.scss */
.icon-scheme:before {
  content: "\e62e";
}

/* line 125, ../sass/_icons.scss */
.icon-news:before {
  content: "\e62f";
}

/* line 128, ../sass/_icons.scss */
.icon-home:before {
  content: "\e630";
}

/* line 131, ../sass/_icons.scss */
.icon-perforamance:before {
  content: "\e631";
}

/* line 134, ../sass/_icons.scss */
.icon-feedback:before {
  content: "\e632";
}

/* line 137, ../sass/_icons.scss */
.icon-faqs:before {
  content: "\e633";
}

/* line 140, ../sass/_icons.scss */
.icon-contacts:before {
  content: "\e634";
}

/* line 143, ../sass/_icons.scss */
.icon-cog:before {
  content: "\e635";
}

/* line 146, ../sass/_icons.scss */
.icon-benefits:before {
  content: "\e637";
}

/* line 149, ../sass/_icons.scss */
.icon-benefits2:before {
  content: "\e638";
}

/* line 152, ../sass/_icons.scss */
.icon-arrow-up:before {
  content: "\e639";
}

/* line 155, ../sass/_icons.scss */
.icon-arrow-right:before {
  content: "\e63a";
}

/* line 158, ../sass/_icons.scss */
.icon-arrow-left:before {
  content: "\e63b";
}

/* line 161, ../sass/_icons.scss */
.icon-arrow-down:before {
  content: "\e63c";
}

/* line 164, ../sass/_icons.scss */
.icon-close:before {
  content: "\e63d";
}

/* line 167, ../sass/_icons.scss */
.icon-minus:before {
  content: "\e63e";
}

/* line 170, ../sass/_icons.scss */
.icon-mobile-menu:before {
  content: "\e63f";
}

/* line 173, ../sass/_icons.scss */
.icon-plus:before {
  content: "\e640";
}

/* line 176, ../sass/_icons.scss */
.icon-drawdown:before {
  content: "\e700";
}

/* line 179, ../sass/_icons.scss */
.icon-drawdown2:before {
  content: "\e701";
}

/* line 182, ../sass/_icons.scss */
.icon-dot:before {
  content: "\e702";
}

/* line 185, ../sass/_icons.scss */
.icon-rotate:before {
  content: "\e703";
	}

/* Generic Styles
===============================================*/
/* line 32, ../sass/main.scss */
::selection {
	background: rgba(254, 0, 0, 0.4);
	/* Safari */
}

/* line 35, ../sass/main.scss */
::-moz-selection {
	background: rgba(254, 0, 0, 0.4);
	/* Firefox */
}

/* line 39, ../sass/main.scss */
body {
	background: #fff;
	/*color: #505050;*/
	color: #5F5F5F;
	font-size: 16px;
	/*font-family: 'Open Sans', Arial Regular, Calibri, arial, sans-serif;*/
	font-family: arial, Calibri, sans-serif;
	font-weight: 300;
	margin: 0;
	padding: 0;
	text-align: left;
  min-width: 320px;
}

/* line 51, ../sass/main.scss */
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

/* line 59, ../sass/main.scss */
.clearfix {
  display: inline-block;
}

/* start commented backslash hack \*/
/* line 61, ../sass/main.scss */
* html .clearfix {
  height: 1%;
}

/* line 62, ../sass/main.scss */
.clearfix {
  display: block;
}

/* close commented backslash hack */
/* Headers
-----------------------------------------------*/
/* line 67, ../sass/main.scss */
h1 {
	border-bottom: 1px solid #d1d1d1;
	font-size: 34px;
	padding-bottom: 6px;
}
/* line 72, ../sass/main.scss */
	h1 span {
		font-size: 27px;
		margin-right: 20px;
	}
/* line 76, ../sass/main.scss */
	h1 small {
		color: #505050;
		font-size: 16px;
		float: right;
		font-weight: 100;
		margin-top: 22px;
	}
/* line 83, ../sass/main.scss */
	h1.help {
		float: left;
		margin-bottom: 20px;
		width: 783px;
	}

/* line 89, ../sass/main.scss */
h2 {
	border-bottom: 1px solid #d1d1d1;
	font-size: 26px;
	padding-bottom: 6px;
}

/* line 94, ../sass/main.scss */
h3 {
	border-bottom: 1px solid #d1d1d1;
	font-size: 24px;
	padding-bottom: 6px;
}
/* line 99, ../sass/main.scss */
	h3 small {
		color: #505050;
		font-size: 14px;
		float: right;
		font-weight: 100;
		text-align: right;
	}
/* line 106, ../sass/main.scss */
	h3.switch {
		float: left;
		margin-bottom: 10px;
  width: 90%;
		font-size: 20px;
		padding-bottom: 8px;
	}
/* line 112, ../sass/main.scss */
h3.switch.extended {
  width: 95%;
}
/* line 116, ../sass/main.scss */
h3.contribution {
  float: left;
  margin-bottom: 40px;
  width: 95%;
  padding-bottom: 8px;
}
@media (max-width: 768px) {
  /* line 116, ../sass/main.scss */
  h3.contribution {
    width: 88%;
  }
}
@media screen and (max-width: 480px) {
  /* line 116, ../sass/main.scss */
  h3.contribution {
    padding-bottom: 11px;
    margin-bottom: 20px;
    width: 87%;
  }
}
/* line 130, ../sass/main.scss */
h3.contribution small {
  margin-top: 13px;
}
/* line 134, ../sass/main.scss */
	h3 span {
		font-size: 20px;
		margin-right: 10px;
	}
/* line 139, ../sass/main.scss */
	h3 sup {
		/*color: #e84c4d;*/
		color: #4F2170;
		font-size: 12px;
		top: -1.5em;
	}
/* line 145, ../sass/main.scss */
	h3 .right {
		margin-top: 8px;
	}

/* line 147, ../sass/main.scss */
h4 {
	font-size: 20px;
}

/* line 150, ../sass/main.scss */
h5 {
	font-size: 18px;
}

/* line 154, ../sass/main.scss */
h1, h2, h3, h4, h5 {
  font-family: "Open Sans", Calibri, arial, sans-serif;
	font-weight: 300;
	line-height: normal;
	margin-bottom: 10px;
}

/* line 155, ../sass/main.scss */
h1 span, h2 span, h3 span, h4 span, h5 span, button span {
		/*color: #e84c4d;*/
		color: #4F2170
	}

/* line 156, ../sass/main.scss */
.no-border {
	border: none;
}

/* Links
-----------------------------------------------*/
/* line 161, ../sass/main.scss */
a {
	/*color: #e84c4d;*/
	color: #4F2170;
	outline: 0;
}
/* line 165, ../sass/main.scss */
	a img {
		border: 0px;
		text-decoration: none;
	}
/* line 169, ../sass/main.scss */
a:hover, a.active, a:focus {
		/*color: #e84c4d;*/
		color: #4F2170;
		text-decoration: underline;
	}
/* line 174, ../sass/main.scss */
a.close-it:hover, a.add-fund:hover, a.remove-fund:hover, a.remove-fund:hover, a.show-help:hover, a.year-control-prev:hover, a.year-control-next:hover, a.close-contribution:hover {
		text-decoration: none;
		/*color: #e84c4d;*/
		color: #4F2170;
	}
/* line 178, ../sass/main.scss */
a.close-it:focus, a.add-fund:focus, a.remove-fund:focus, a.remove-fund:focus, a.show-help:focus, a.year-control-prev:hover, a.year-control-next:hover, a.close-contribution:focus {
		text-decoration: none;
		/*color: #e84c4d;*/
		color: #4F2170;
	}

/* Paragraphs
-----------------------------------------------*/
/* line 186, ../sass/main.scss */
p {
	line-height: 22px;
	margin-bottom: 15px;
}
/* line 190, ../sass/main.scss */
	p strong {
		font-weight: 700;
	}
/* line 193, ../sass/main.scss */
	p small {
		font-size: 12px;
	}
/* line 196, ../sass/main.scss */
	p em, p i {
		font-style: italic;
	}
/* line 199, ../sass/main.scss */
	p sup {
		/*color: #e84c4d;*/
		color: #4F2170;
		font-size: 12px;
		top: 0;
	}

/* line 205, ../sass/main.scss */
sup {
	/*color: #e84c4d;*/
	color: #4F2170;
	top: 0;
}

/* Lists
-----------------------------------------------*/
/* line 212, ../sass/main.scss */
ul {
	list-style: outside disc;
	margin: 5px 0 10px 20px;
}

/* line 216, ../sass/main.scss */
ol {
	list-style: outside decimal;
	margin: 5px 0 10px 10px;
}

/* line 220, ../sass/main.scss */
li {
	/*color: #e84c4d;*/
	color: #4F2170;
	line-height: 18px;
	margin-bottom: 12px;
}
/* line 225, ../sass/main.scss */
	li:last-child {
		margin-bottom: 0;
	}
/* line 228, ../sass/main.scss */
	li span {
		color: #505050;
	}
/* line 231, ../sass/main.scss */
	li a {
		color: #505050;
		text-decoration: underline;
	}

/* Colours
-----------------------------------------------*/
/* line 239, ../sass/main.scss */
.red, .red h1, .red h2, .red h3, .red h4, .red h5, .red p, .red li, .red li span {
	/*color: #e84c4d;*/
	color: #4F2170;
}

/* Forms
-----------------------------------------------*/
/* line 244, ../sass/main.scss */
label {
	font-weight: 100;
	margin-bottom: 10px;
}

/* line 248, ../sass/main.scss */
input[type=text], textarea, input[type=email], input[type=password], input[type=radio], input[type=tel], input[type=email], input[type=number] {
	border: 1px solid #d1d1d1;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	font-weight: 100;
	line-height: 22px;
	margin-bottom: 15px;
	padding: 10px;
	resize: none;
	width: 100%;
	-webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/* line 262, ../sass/main.scss */
textarea {
	height: 200px;
}

/* line 267, ../sass/main.scss */
select, .ui-selectmenu-button {
  cursor: pointer;
  width: 100%;
  border: 1px solid #d1d1d1;
  border-radius: 0;
  font-weight: 100;
  line-height: 22px;
  margin-bottom: 15px;
  padding: 10px;
  background: transparent;
}

/* line 281, ../sass/main.scss */
.ui-selectmenu-button {
  margin-bottom: 5px;
}
/* line 284, ../sass/main.scss */
.ui-selectmenu-button .ui-icon {
  background: #ebebeb;
  border-left: 1px solid #d1d1d1;
  top: 0;
  width: 40px;
  height: 50px;
  right: 0;
}
/* line 292, ../sass/main.scss */
.ui-selectmenu-button span.ui-selectmenu-text {
  padding: 0px;
  width: 80%;
}
/* line 296, ../sass/main.scss */
.ui-selectmenu-button:after {
  content: '\e624';
  font-family: 'equiniti';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  font-size: 12px;
  right: 14px;
  top: 16px;
}

/* line 306, ../sass/main.scss */
.ui-widget {
  font-size: 16px;
  font-family: 'Open Sans', Calibri, arial, sans-serif;
}

/* line 310, ../sass/main.scss */
.ui-menu-item {
  color: black;
  padding: 10px;
  border-bottom: 1px solid #d1d1d1;
}
/* line 314, ../sass/main.scss */
.ui-menu-item.ui-state-focus {
  /*background: #e84c4d;*/
  background: #4F2170;
  color: white;
}

/* line 320, ../sass/main.scss */
.registration-holder {
  padding: 50px 60px;
  border: 1px solid #d1d1d1;
}
/* line 323, ../sass/main.scss */
.registration-holder h1 {
  /*color: #e84c4d;*/
  color: #4F2170;
  margin-bottom: 30px;
}
/* line 327, ../sass/main.scss */
.registration-holder h4 {
  margin-bottom: 20px;
}
/* line 330, ../sass/main.scss */
.registration-holder input[type=password] {
  border-color: #848484;
}

/* Tables
-----------------------------------------------*/
/* line 337, ../sass/main.scss */
table#contribution-table {
  width: 100%;
}
/* line 340, ../sass/main.scss */
table#contribution-table tr {
  border: 1px solid #dadada;
  border-bottom: none;
}
/* line 344, ../sass/main.scss */
table#contribution-table tr:nth-child(odd) {
  background: #f6f6f6;
}
/* line 348, ../sass/main.scss */
table#contribution-table tr.red {
  background: #fbe6e6;
  border: 1px solid #f8d2d3;
  /*border-top: 1px solid #e84c4d;*/
  border-top: 1px solid #4F2170;
  font-weight: 400;
}
/* line 354, ../sass/main.scss */
table#contribution-table tr.red td:nth-child(1) {
  border-right: 1px solid #f8d2d3;
}
/* line 359, ../sass/main.scss */
table#contribution-table tr td {
  padding: 10px;
  width: 50%;
}
/* line 363, ../sass/main.scss */
table#contribution-table tr td:nth-child(1) {
  border-right: 1px solid #dadada;
}

@media screen and (max-width: 480px) {
  /* line 371, ../sass/main.scss */
  .member-table-container {
    overflow-x: scroll;
    width: auto;
  }
}
/* line 377, ../sass/main.scss */
table.minimal {
  width: 100%;
  margin-bottom: 40px;
}
@media screen and (max-width: 480px) {
  /* line 377, ../sass/main.scss */
  table.minimal {
    width: 700px;
  }
}
/* line 384, ../sass/main.scss */
table.minimal th, .window table.minimal td {
  /*color: #e84c4d;*/
  color: #4F2170;
  font-size: 12px;
  font-style: italic;
  padding: 14px 0;
}
/* line 390, ../sass/main.scss */
table.minimal th.col-1, .window table.minimal td.col-1, table.minimal th.col-2, .window table.minimal td.col-2, table.minimal th.col-4, .window table.minimal td.col-4 {
  width: 16%;
}
/* line 394, ../sass/main.scss */
table.minimal th.col-3, .window table.minimal td.col-3 {
  width: 32%;
}
/* line 398, ../sass/main.scss */
table.minimal th.col-5, .window table.minimal td.col-5 {
  width: 20%;
}
@media screen and (max-width: 480px) {
  /* line 403, ../sass/main.scss */
  table.minimal th.col-5, .window table.minimal td.col-5 {
    width: 13%;
  }
  /* line 407, ../sass/main.scss */
  table.minimal th.col-4, .window table.minimal td.col-4 {
    width: 23%;
  }
}
/* line 413, ../sass/main.scss */
table.minimal tr {
  border-bottom: 1px solid #d1d1d1;
}
/* line 417, ../sass/main.scss */
table.minimal td {
  font-size: 16px;
  padding: 10px 0;
}
/* line 421, ../sass/main.scss */
table.minimal td:last-of-type {
  text-align: right;
}
/* line 426, ../sass/main.scss */
table.minimal .icon-arrow-right {
  color: #505050;
  font-family: 'Open Sans', Calibri, arial, sans-serif;
  font-weight: 300;
}
/* line 431, ../sass/main.scss */
table.minimal .icon-arrow-right:before {
  /*color: #e84c4d;*/
  color: #4F2170;
  float: right;
  font-family: 'equiniti';
  font-size: 13px;
  font-weight: normal;
  margin: 2px 0 0 10px;
}
@media screen and (max-width: 480px) {
  /* line 431, ../sass/main.scss */
  table.minimal .icon-arrow-right:before {
    content: "";
  }
}
@media screen and (max-width: 480px) {
  /* line 445, ../sass/main.scss */
  table.minimal .icon-arrow-right:after {
    content: "\e63a";
    /*color: #e84c4d;*/
    color: #4F2170;
    font-family: 'equiniti';
    font-size: 13px;
    font-weight: normal;
    margin: 2px 0 0 10px;
  }
}
/* line 456, ../sass/main.scss */
table.minimal .icon-arrow-right:hover {
  /*color: #e84c4d;*/
  color: #4F2170;
  text-decoration: none;
}
/* line 463, ../sass/main.scss */
table.minimal span.icon-arrow-right:before, table.minimal span.icon-arrow-right:after {
  color: #b2b2b2;
}
/* line 467, ../sass/main.scss */
table.minimal span.icon-arrow-right:hover {
  color: #505050;
}

/* Components
-----------------------------------------------*/
/* Calendar */
@media (max-width: 767px) {
  /* line 4, ../sass/_components.scss */
  .calendar {
    margin-top: 20px;
  }
}
@media (max-width: 767px) {
  /* line 8, ../sass/_components.scss */
  .calendar button {
    margin-top: 10px;
  }
}
/* line 13, ../sass/_components.scss */
.calendar label {
	float: left;
	padding: 13px 0;
	width: 97px;
}
/* line 19, ../sass/_components.scss */
.calendar p.red {
  text-align: right;
}
/* line 23, ../sass/_components.scss */
.calendar .icon-calendar {
	border: 1px solid #d1d1d1;
	float: left;
	font-size: 28px;
	padding: 7px 8px;
	color: #e84c4d;
	cursor: pointer;
	text-decoration: none;
}
/* line 32, ../sass/_components.scss */
.calendar .icon-calendar.error {
  border-left: none !important;
}
/* line 36, ../sass/_components.scss */
.calendar input {
	border-bottom: 1px solid #d1d1d1;
	border-top: 1px solid #d1d1d1;
	border-right: none;
	border-left: 1px solid #d1d1d1;
	float: left;
	font-weight: 100;
	margin-bottom: 20px;
  width: 253px;
}
/* line 46, ../sass/_components.scss */
.calendar input.error {
  border-right: !important;
}
/* line 50, ../sass/_components.scss */
.calendar .icon-arrow-down {
	/*color: #e84c4d;*/
	color: #4F2170;
	cursor: pointer;
	border: 1px solid #d1d1d1;
	float: left;
	font-size: 10px;
	padding: 18px 14px 14px;
	width: auto;
}

/* Radio Buttons */
/* line 62, ../sass/_components.scss */
.radio {
	margin: 0;
	padding: 0;
}
/* line 66, ../sass/_components.scss */
	.radio input[type="radio"] {
		margin: 0;
		padding: 0;
		float: left;
		height: 24px;
	}
/* line 73, ../sass/_components.scss */
	.radio label {
		display: block;
		float: left;
		font-weight: 300;
		cursor: pointer;
	}
/* line 80, ../sass/_components.scss */
	.radio span.radio-container {
		clear: left;
		position: relative;
		float: left;
		margin: 0 25px 15px 0;
	}
@media (max-width: 450px) {
  /* line 80, ../sass/_components.scss */
  .radio span.radio-container {
    margin: 0 10px 15px 0;
  }
}
/* line 90, ../sass/_components.scss */
		.radio span.radio-container span.radio {
			border: 3px solid #d1d1d1;
			border-radius: 1000px;
			display: block;
			height: 24px;
			width: 24px;
		}
/* line 98, ../sass/_components.scss */
			.radio span.radio-container span.radio.selected span {
				/*background: #e84c4d;*/
				background: #4F2170;
				height: 12px;
				width: 12px;
				display: block;
				border-radius: 1000px;
				margin: 3px;
			}
/* line 107, ../sass/_components.scss */
		.radio span.radio-container input {
			position: absolute;
			top: 0;
			left: 0;
			opacity: 0;
			filter: alpha(opacity=0);
			z-index: 101;
			cursor: pointer;
		}
/* line 117, ../sass/_components.scss */
			.radio span.radio-container input:focus + .radio {
				outline: #ccc dotted 1px;
				outline-offset: 3px;
			}

/* Buttons */
/* line 126, ../sass/_components.scss */
.close-it, .switch-modeller, .lines, .close-contribution {
	/*border-top: 1px solid #e84c4d;*/
	/*border-bottom: 1px solid #e84c4d;*/
	border-top: 1px solid #4F2170;
	border-bottom: 1px solid #4F2170;
	/*color: #e84c4d;*/
	color: #4F2170;
	font-size: 13px;
	padding: 14px 0;
	text-align: center;
	width: 30px;
}

/* line 136, ../sass/_components.scss */
.close-contribution {
  padding-bottom: 13px;
}

/* line 140, ../sass/_components.scss */
	.lines.darkgrey {
		border-top: 1px solid #505050;
		border-bottom: 1px solid #505050;
		color: #505050;
	}

/* line 145, ../sass/_components.scss */
.switch-modeller {
	font-size: 18px;
  padding: 8px 0;
}

/* line 146, ../sass/_components.scss */
.show-help {
	margin-top: 10px;
}

/* line 148, ../sass/_components.scss */
.button-group button {
	background: #b2b2b2;
	width: 100px;
}

/* line 149, ../sass/_components.scss */
	.button-group button.active {
		background: #e84c4d;
	}

/* line 151, ../sass/_components.scss */
.button {
	/*background: #e84c4d;*/
	background: #4F2170;
	border: none;
	color: #fff;
	display: block;
	font-size: 14px;
	font-weight: 400;
	float: left;
	line-height: 14px;
	padding: 15px 10px;
	text-align: center;
}
/* line 163, ../sass/_components.scss */
	.button:link, .button:visited {
		color: #fff;
		text-decoration: none;
	}
/* line 168, ../sass/_components.scss */
	.button:hover, .button:active {
		/*background: #e21f20;*/
		background: #F95602;
		color: #fff;
		text-decoration: none;
	}
/* line 174, ../sass/_components.scss */
	.button:focus {
		outline: #b2b2b2 dotted 1px;
		outline-offset: 3px;
	}
/* line 179, ../sass/_components.scss */
	.button.grey {
		background: #949494;
	}
/* line 182, ../sass/_components.scss */
		.button.grey:hover {
			background: #7b7b7b;
			color: #fff;
		}
/* line 188, ../sass/_components.scss */
	.button.darkgrey {
		background: #666666;
	}
/* line 191, ../sass/_components.scss */
		.button.darkgrey:hover {
			background: #4d4d4d;
		}
/* line 196, ../sass/_components.scss */
	.button.linetwo {
		padding: 8px 15px;
	}
/* line 200, ../sass/_components.scss */
	.button.long {
		width: 160px;
	}

/* Spinner */
/* line 206, ../sass/_components.scss */
.spinner {
	float: left;
	margin-bottom: 20px;
	margin-right: 2%;
	position: relative;
	text-align: center;
	width: 120px;
}
/* line 214, ../sass/_components.scss */
	.spinner:last-of-type {
		margin-right: 0;
	}
/* line 217, ../sass/_components.scss */
	.spinner p {
		font-size: 15px;
		margin-bottom: 5px;
	}
/* line 221, ../sass/_components.scss */
	.spinner span {
  font-size: 26px;
	}
/* line 224, ../sass/_components.scss */
	.spinner a {
		display: none;
	}
/* line 227, ../sass/_components.scss */
		.spinner a.active {
			display: block;
			position: absolute;
			top: 0;
			width: 100%;
			background: rgba(255, 255, 255, 0.8);
		}

/* Slider */
/* line 239, ../sass/_components.scss */
.slider-container > div {
	display: none;
}

/* line 243, ../sass/_components.scss */
.ui-slider {
	/*border: 3px solid #e84c4d;*/
	border: 3px solid #4F2170;
	border-radius: 20px;
	float: left;
	height: 18px;
	margin: 11px 0 0 0;
	position: relative;
	text-align: left;
	width: 80%;
}
@media (max-width: 400px) {
  /* line 243, ../sass/_components.scss */
  .ui-slider {
    width: 70%;
  }
}
/* line 256, ../sass/_components.scss */
	.ui-slider:focus {
		outline: #ccc dotted 1px;
		outline-offset: 10px;
	}
/* line 261, ../sass/_components.scss */
	.ui-slider .ui-slider-handle {
		-ms-touch-action: none;
		background: #fff;
		/*border: 3px solid #e84c4d;*/
		border: 3px solid #4F2170;
		border-radius: 100px;
		height: 28px;
		margin-left: -14px;
		position: absolute;
		width: 28px;
		top: -8px;
		z-index: 2;
	}
/* line 275, ../sass/_components.scss */
		.ui-slider .ui-slider-handle:focus {
			outline: #b2b2b2 dotted 1px;
			outline-offset: 3px;
		}
/* line 281, ../sass/_components.scss */
	.ui-slider .ui-slider-range {
		/*background: #e84c4d;*/
		background: #4F2170;
		height: 12px;
	}
/* line 286, ../sass/_components.scss */
	.ui-slider.darkgrey {
		border: 3px solid #505050;
	}
/* line 289, ../sass/_components.scss */
		.ui-slider.darkgrey .ui-slider-handle {
			border: 3px solid #505050;
		}
/* line 292, ../sass/_components.scss */
		.ui-slider.darkgrey .ui-slider-range {
			background: #505050;
		}

/* line 298, ../sass/_components.scss */
.minus {
	font-size: 2px;
	margin-right: 20px;
	padding: 20px 0 19px;
}

/* line 304, ../sass/_components.scss */
.plus, .minus {
	width: 5%;
}
@media (max-width: 400px) {
  /* line 304, ../sass/_components.scss */
  .plus, .minus {
    width: 10%;
  }
}

/* line 310, ../sass/_components.scss */
.minus {
	margin-right: 5%;
}

/* line 313, ../sass/_components.scss */
.plus {
	margin-left: 5%;
}

/* Bar Chart */
/* line 317, ../sass/_components.scss */
#benefit-bar, #pension-bar {
	margin: 37px 0 0 25px;
}

/* line 320, ../sass/_components.scss */
#pensions-bar-mobile {
  float: left;
  padding: 10px;
  margin-left: 20px;
}

/* line 325, ../sass/_components.scss */
.graphLabelbenefit-bar, .graphLabelpension-bar {
  margin-top: 20px;
  font-size: 15px;
}

/* line 329, ../sass/_components.scss */
.graphValuebenefit-bar, .graphValuebenefit-bar-mobile, .graphValuepension-bar, .graphValuepensions-bar-mobile {
	background: #666;
	border-radius: 5px;
	color: #fff;
	font-size: 22px;
	font-weight: 400;
	left: -12px;
	padding: 8px 16px;
	position: absolute;
	z-index: 2;
	top: -18px;
}

@media screen and (max-width: 767px) {
  /* line 329, ../sass/_components.scss */
  .graphValuebenefit-bar, .graphValuebenefit-bar-mobile, .graphValuepension-bar, .graphValuepensions-bar-mobile {
		font-size: 16px;
	}
}

/* line 346, ../sass/_components.scss */
.graphValuebenefit-bar:after, .graphValuebenefit-bar-mobile:after, .graphValuepension-bar:after, .graphValuepensions-bar-mobile:after {
	background: #666;
	border-radius: 5px;
	content: '';
	height: 30px;
	position: absolute;
	right: -13px;
	top: 4px;
	width: 30px;
	z-index: 1;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	/* IE 9 */
	-webkit-transform: rotate(45deg);
}

/* line 362, ../sass/_components.scss */
.graphValuepensions-bar-mobile:after {
  height: 25px;
  right: -9px;
  top: 3px;
  width: 25px;
}

/* line 369, ../sass/_components.scss */
.graphValuepension-bar:after {
  right: -12px;
  top: 5px;
}

/* line 374, ../sass/_components.scss */
.graphValuebenefit-bar span, .graphValuebenefit-bar-mobile span, .graphValuepension-bar span, .graphValuepensions-bar-mobile span {
	position: relative;
	z-index: 2;
}

/* Doughnut Chart */
/* line 380, ../sass/_components.scss */
.doughnut-chart.left {
	margin-right: 20px;
}

/* line 381, ../sass/_components.scss */
.doughnut-chart {
	margin: 10px auto 10px auto;
}

@media screen and (max-width: 768px) {
  /* line 381, ../sass/_components.scss */
	.doughnut-chart {
		display: block;
	}
}

@media screen and (max-width: 400px) {
  /* line 381, ../sass/_components.scss */
	.doughnut-chart {
		width: 200px !important;
		height: 200px !important;
	}
}

/* Modal Window */
/* line 396, ../sass/_components.scss */
.window-mask {
	background: rgba(255, 255, 255, 0.75);
	display: none;
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 99999;
}
/* line 407, ../sass/_components.scss */
	.window-mask .window-container {
		display: table;
		height: 100%;
		margin: 0 auto;
		width: 100%;
		max-width: 800px;
	}
/* line 415, ../sass/_components.scss */
	.window-mask .window-vertical {
		display: table-cell;
		vertical-align: middle;
	}
/* line 421, ../sass/_components.scss */
	.window-mask .window {
		background: white;
		padding: 15px;
		box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
		-moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
		-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
	}
/* line 426, ../sass/_components.scss */
	.window-mask h3 {
		float: left;
		width: 90%;
	}
/* line 430, ../sass/_components.scss */
	.window-mask .lines {
		padding: 12px 0 13px;
	}
/* line 433, ../sass/_components.scss */
	.window-mask table {
		margin-bottom: 25px;
	}
/* line 436, ../sass/_components.scss */
	.window-mask p {
		margin: 0 0 3px 0;
	}
/* line 439, ../sass/_components.scss */
	.window-mask input {
		/*border-color: #e84c4d;*/
		border-color: #4F2170;
	}
/* line 442, ../sass/_components.scss */
	.window-mask small {
		margin-top: 28px;
	}
/* line 445, ../sass/_components.scss */
	.window-mask a.button {
		margin-left: 15px;
		width: 160px;
	}

/* line 452, ../sass/_components.scss */
.window table {
	font-size: 16px;
	width: 100%;
}
/* line 456, ../sass/_components.scss */
	.window table th, .window table td {
		/*background: #e84c4d;*/
		background: #4F2170;
		border-bottom: 2px solid white;
		border-right: 2px solid white;
		color: white;
		font-weight: 300;
		padding: 10px;
	}
/* line 464, ../sass/_components.scss */
		.window table th:last-child, .window table td:last-child {
			border-right: none;
		}

@media screen and (max-width: 768px) {
  /* line 468, ../sass/_components.scss */
	.window table th:first-child, .window table td:first-child {
		display: none;
	}
}
/* line 474, ../sass/_components.scss */
.window table tr:nth-child(odd) td {
	background: #f6f6f6;
}
/* line 477, ../sass/_components.scss */
.window table td {
	background: #fdfdfd;
	color: #505050;
}

@media screen and (max-width: 768px) {
  /* line 482, ../sass/_components.scss */
	.window table td:first-child {
		display: none;
	}
}

/* line 490, ../sass/_components.scss */
.styled-select {
	overflow: hidden;
	position: relative;
	margin-bottom: 20px;
}
/* line 495, ../sass/_components.scss */
.styled-select select, .styled-select .ui-selectmenu-button {
		width: 115%;
		-webkit-appearance: none;
		-moz-appearance: none;
		border-radius: 0;
		z-index: 100;
		position: relative;
		height: 40px;
		font-size: 16px;
		background: transparent;
		padding: 5px 0 5px 5px;
		color: #505050;
		border-width: 1px;
		border: 1px solid darkgray;
		overflow: visible;
		text-overflow: inherit;
		line-height: 1.5;
	}
/* line 513, ../sass/_components.scss */
.styled-select select[disabled], .styled-select [disabled].ui-selectmenu-button {
			opacity: 0.3;
		}
/* line 516, ../sass/_components.scss */
.styled-select select[disabled] + span, .styled-select [disabled].ui-selectmenu-button + span {
				opacity: 0.3;
			}
/* line 521, ../sass/_components.scss */
.styled-select select:focus, .styled-select .ui-selectmenu-button:focus {
			/*border-color: #e84c4d;*/
			border-color: #4F2170;
		}
/* line 523, ../sass/_components.scss */
.styled-select select:focus + span, .styled-select .ui-selectmenu-button:focus + span {
				/*border-color: #e84c4d;*/
				border-color: #4F2170;
			}
/* line 528, ../sass/_components.scss */
.styled-select select::-ms-expand, .styled-select .ui-selectmenu-button::-ms-expand {
			display: none;
		}
/* line 534, ../sass/_components.scss */
	.styled-select option {
		/*color: #e84c4d;*/
		color: #4F2170;
		border-right: 1px solid #ccc;
		-webkit-appearance: none;
	}
/* line 539, ../sass/_components.scss */
	.styled-select span {
		width: 40px;
		height: 40px;
		border: 1px solid darkgray;
		position: absolute;
		top: 0;
		right: 0;
		z-index: 1;
		/*color: #e84c4d;*/
		color: #4F2170;
		text-align: center;
	}
/* line 550, ../sass/_components.scss */
		.styled-select span:before {
			font-size: 12px;
			display: block;
			position: absolute;
			width: 100%;
			text-align: center;
			top: 50%;
			margin-top: -6px;
		}

/* line 562, ../sass/_components.scss */
#regLoader {
	display: none;
	position: absolute;
	background: white;
	background: rgba(255, 255, 255, 0.6);
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 10000;
	text-align: center;
}
/* line 574, ../sass/_components.scss */
	#regLoader .loading {
		position: absolute;
		top: 50%;
		left: 50%;
		margin-top: -25px;
		margin-left: -25px;
	}

/* Colors
-----------------------------------------------*/
/* line 479, ../sass/main.scss */
.light-grey {
	background: #f6f6f6;
}

/* line 480, ../sass/main.scss */
span.light-grey {
  background: none;
  color: #b2b2b2;
}

/* line 484, ../sass/main.scss */
.dark-grey {
	background: #eaeaea;
}

/* Layout
===============================================*/
/* line 488, ../sass/main.scss */
.contents {
	margin: 0 auto;
	width: 960px;
}
/* line 492, ../sass/main.scss */
	.contents:after {
		clear: both;
		content: ".";
		display: block;
		height: 0;
		visibility: hidden;
	}

/* line 500, ../sass/main.scss */
.clearfix {
	display: block;
}
/* line 503, ../sass/main.scss */
	.clearfix:after {
		content: ".";
		display: block;
		clear: both;
		visibility: hidden;
		line-height: 0;
		height: 0;
	}

/* line 512, ../sass/main.scss */
html[xmlns] .clearfix {
	display: block;
}

/* line 515, ../sass/main.scss */
* html .clearfix {
	height: 1%;
}

/* line 518, ../sass/main.scss */
.clear {
	clear: both;
}

/* line 521, ../sass/main.scss */
hr {
	height: 1px;
	background: #d1d1d1;
	border: none;
	clear: both;
	display: block;
	margin: 0;
	width: 100%;
}

/* line 531, ../sass/main.scss */
.right {
	float: right;
}

/* line 532, ../sass/main.scss */
.left {
	float: left;
}

/* line 533, ../sass/main.scss */
.center {
	display: block;
	margin: 0 auto;
	text-align: center;
}

/* line 534, ../sass/main.scss */
.inline-center {
	display: block;
	text-align: center;
}

/* line 535, ../sass/main.scss */
	.inline-center > div {
		display: inline-block;
	}

/* line 536, ../sass/main.scss */
.full {
	display: block;
	text-align: center;
	width: 100%;
}

/* line 538, ../sass/main.scss */
.no-margin {
	margin: 0 0 0 0 !important;
}

/* line 539, ../sass/main.scss */
.mt10 {
	margin-top: 10px !important;
}

/* line 540, ../sass/main.scss */
.mt20 {
	margin-top: 20px !important;
}

/* line 541, ../sass/main.scss */
.mt30 {
	margin-top: 30px !important;
}

/* line 542, ../sass/main.scss */
.mt40 {
	margin-top: 40px !important;
}

/* line 543, ../sass/main.scss */
.mt45 {
	margin-top: 45px !important;
}

/* line 544, ../sass/main.scss */
.mt50 {
	margin-top: 50px !important;
}

/* line 545, ../sass/main.scss */
.mr10 {
	margin-right: 10px !important;
}

/* line 546, ../sass/main.scss */
.mr20 {
	margin-right: 20px !important;
	text-transform: none !important;
}

/* line 547, ../sass/main.scss */
.mr30 {
	margin-right: 30px !important;
}

/* line 548, ../sass/main.scss */
.mr40 {
	margin-right: 40px !important;
}

/* line 549, ../sass/main.scss */
.mr50 {
	margin-right: 50px !important;
}

/* line 550, ../sass/main.scss */
.mb10 {
	margin-bottom: 10px !important;
}

/* line 551, ../sass/main.scss */
.mb20 {
	margin-bottom: 20px !important;
}

/* line 552, ../sass/main.scss */
.mb30 {
	margin-bottom: 30px !important;
}

/* line 553, ../sass/main.scss */
.mb40 {
	margin-bottom: 40px !important;
}

/* line 554, ../sass/main.scss */
.mb50 {
	margin-bottom: 50px !important;
}

/* line 555, ../sass/main.scss */
.ml10 {
	margin-left: 10px !important;
}

/* line 556, ../sass/main.scss */
.ml20 {
	margin-left: 20px !important;
}

/* line 557, ../sass/main.scss */
.ml30 {
	margin-left: 30px !important;
}

/* line 558, ../sass/main.scss */
.ml40 {
	margin-left: 40px !important;
}

/* line 559, ../sass/main.scss */
.ml50 {
	margin-left: 50px !important;
}

/* line 561, ../sass/main.scss */
.no-padding {
	padding: 0 0 0 0;
}

/* line 565, ../sass/main.scss */
.first {
	margin-left: 0 !important;
	padding-left: 0 !important;
}

/* line 569, ../sass/main.scss */
.last {
	border: none !important;
	margin-right: 0 !important;
	padding-right: 0 !important;
}

/* line 575, ../sass/main.scss */
.canvas-container {
	clear: both;
	padding-top: 50%;
	position: relative;
	width: 100%;
}
/* line 581, ../sass/main.scss */
	.canvas-container .canvas-wrapper {
		position: absolute;
		top: 0;
		width: 100%;
	}
/* line 586, ../sass/main.scss */
		.canvas-container .canvas-wrapper canvas.full {
			position: absolute;
			width: 100% !important;
		}

/* Header
-----------------------------------------------*/
/* line 596, ../sass/main.scss */
header {
	/*border-top: 4px solid #e84c4d;*/
	border-top: 4px solid #4F2170;
}
/* line 599, ../sass/main.scss */
	header .container {
		border-bottom: 1px solid #d1d1d1;
		padding: 30px 15px 18px;
	}
/* line 603, ../sass/main.scss */
	header h1 {
  background: url("../images/logo.png") no-repeat;
		border: none;
		display: block;
		height: 51px;
		margin: 0;
		text-indent: -9999px;
		width: 185px;
	}


/* Cookie Notification */
/* line 615, ../sass/main.scss */
.cookies, .privacy, .terms {
	background: #f8ffbb;
	padding: 10px 0;
}
/* line 619, ../sass/main.scss */
	.cookies .content, .privacy .content, .terms .content {
		float: left;
		width: 80%;
	}
/* line 623, ../sass/main.scss */
		.cookies .content p, .privacy .content p, .terms .content p {
			font-size: 14px;
			line-height: 17px;
			margin: 0;
		}
/* line 628, ../sass/main.scss */
		.cookies .content strong, .privacy .content strong , .terms .content strong  {
			font-weight: 400;
		}
/* line 632, ../sass/main.scss */
	.cookies .close-it, .privacy .close-it, .terms .close-it {
		float: right;
		margin-top: 5px;
	}

/* Privacy and Terms*/
.login-overlay-wrapper {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0; 
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5);
    z-index: 999;
    overflow: scroll;
}

.login-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1002;
    overflow: hidden;
}
.login-overlay .row {
    position: relative;
    margin-left: 0;
    margin-right: 0;
}

.login-overlay .privacy, .terms {
    border: 1px solid black;
    margin-bottom: 10px;
}

.login-overlay .content {
    float: left;
    width: 95%;
    text-align: left;
    margin-left: 2%;
}

.login-overlay .content-link, .content-accept {
    text-align: center;
    margin-top: 10px;
}

    .login-overlay .content-accept {
        font-weight: bold;
    }
    .login-overlay .content-accept a {
        color: darkgreen;
        text-decoration: none;
        cursor: pointer;
    }

    .login-overlay .content-link {
        margin-left: 0;
        width: 100%;
    }
    .login-overlay .content-link a {
        color: blue;
        text-decoration: none;
    }


.login-overlay .close-it {
    position: absolute;
    top: -10px;
    right: 1px;
    margin-right: 0;
    margin-top: 0;
    font-size: 8px;
    border: none;
}


@media (min-width: 668px) {
    .login-overlay {
          width: 35vw;
          margin-left: -18vw;
          margin-top: -15vh;
    }

    .privacy, .terms {
        min-height: 10vh;
        width: 35vw;
    }
    .privacy .content, .terms .content {
         margin-bottom: 10px;
    }
    .privacy .content p, .terms .content p {
        margin-top: 10px;
    }
}



@media (max-width: 667px) {
    .login-overlay {
          width: 80vw;
          margin-left: -40vw;
          margin-top: -30vh;
    }

    .privacy, .terms {
        min-height: 15vh;
        width: 80vw;
    }
    .privacy .content, .terms .content {
        margin-bottom: 5px;
    }
    .privacy .content p, .terms .content p  {
        margin-top: 15px;
    }
}



/* Navigation */
/* line 2, ../sass/_navigation.scss */
.navigation {
	float: right;
	list-style-type: none;
	margin: 12px 40px 0 0;
}

@media screen and (min-width: 992px) and (max-width: 1050px) {
  /* line 2, ../sass/_navigation.scss */
	.navigation {
		font-size: 14px;
	}
}
/* line 11, ../sass/_navigation.scss */
.navigation li {
	float: left;
	margin-left: 18px;
}
/* line 15, ../sass/_navigation.scss */
	.navigation li a {
		color: #505050;
		text-decoration: none;
	}
/* line 19, ../sass/_navigation.scss */
		.navigation li a.active, .navigation li a:hover {
			/*color: #e84c4d;*/
			color: #4F2170;
		}
/* line 25, ../sass/_navigation.scss */
.navigation .icon-home {
	font-size: 18px;
}

/* Mobile Navigation */
/* line 31, ../sass/_navigation.scss */
.show-menu {
	float: right;
	color: #949494;
	font-size: 22px;
	margin: 6px 0 0 0;
}

/* line 38, ../sass/_navigation.scss */
.mobile-navigation {
	display: none;
	margin: 0;
	list-style: none;
	font-size: 13px;
	background-color: #555;
}

@media screen and (min-width: 992px) {
  /* line 38, ../sass/_navigation.scss */
	.mobile-navigation {
		display: none !important;
		border: 1px solid red;
	}
}
/* line 50, ../sass/_navigation.scss */
.mobile-navigation li {
	margin: 0;
}
/* line 53, ../sass/_navigation.scss */
	.mobile-navigation li a {
		background: #666666;
		border-bottom: 1px solid #575757;
		color: #fff;
		display: block;
		padding: 12px;
		text-decoration: none;
	}
/* line 61, ../sass/_navigation.scss */
		.mobile-navigation li a.active {
			/*background: #e84c4d;*/
			background: #4F2170;
		}
/* line 68, ../sass/_navigation.scss */
.mobile-navigation.two-column li {
	width: 50%;
	float: left;
}

/* Account Navigation */
/* line 76, ../sass/_navigation.scss */
.account-navigation {
	border-bottom: 1px solid #d1d1d1;
	font-size: 14px;
	list-style-type: none;
	margin: 0;
}

@media screen and (min-width: 992px) and (max-width: 1050px) {
  /* line 76, ../sass/_navigation.scss */
	.account-navigation {
		font-size: 13px;
	}
}
/* line 86, ../sass/_navigation.scss */
.account-navigation li {
	float: left;
	height: 70px;
	margin: 0;
	padding: 0 10px;
}
/* line 92, ../sass/_navigation.scss */
	.account-navigation li:first-child {
		margin-left: 30px;
	}
/* line 95, ../sass/_navigation.scss */
	.account-navigation li:last-child {
		margin-right: 30px;
	}
/* line 98, ../sass/_navigation.scss */
	.account-navigation li.active {
		background: #f6f6f6;
	}
/* line 101, ../sass/_navigation.scss */
		.account-navigation li.active a {
			/*border-bottom: 1px solid #e84c4d;*/
			/*border-top: 1px solid #e84c4d;*/
			border-bottom: 1px solid #4F2170;
			border-top: 1px solid #4F2170;
			/*color: #e84c4d;*/
			color: #4F2170;
			margin: -1px 0 0 0;
		}
/* line 108, ../sass/_navigation.scss */
	.account-navigation li a {
		display: block;
		padding: 26px 0;
		position: relative;
		text-decoration: none;
	}
/* line 114, ../sass/_navigation.scss */
		.account-navigation li a:hover {
			/*border-bottom: 1px solid #e84c4d;*/
			/*border-top: 1px solid #e84c4d;*/
			border-bottom: 1px solid #4F2170;
			border-top: 1px solid #4F2170;
			/*color: #e84c4d;*/
			color: #4F2170;
			margin: -1px 0 0 0;
		}
/* line 123, ../sass/_navigation.scss */
.account-navigation .active a:after {
	bottom: 20px;
	content: '.';
	font-size: 48px;
	left: 50%;
	margin-left: -6px;
	position: absolute;
	font-family: 'Times New Roman';
}
/* line 132, ../sass/_navigation.scss */
.account-navigation.fund-navigation {
	border: 0;
	margin-bottom: -2px;
	display: block;
}
/* line 138, ../sass/_navigation.scss */
	.account-navigation.fund-navigation li {
		padding: 0;
		position: relative;
		text-align: center;
		width: 25%;
		display: block;
	}
/* line 146, ../sass/_navigation.scss */
		.account-navigation.fund-navigation li:first-child, .account-navigation.fund-navigation li:last-child {
			margin: 0;
		}
/* line 150, ../sass/_navigation.scss */
		.account-navigation.fund-navigation li a {
			padding: 15px 0;
			display: block;
			width: 100%;
			height: 100%;
		}
/* line 157, ../sass/_navigation.scss */
		.account-navigation.fund-navigation li span {
			border-right: 1px solid #d1d1d1;
			height: 100%;
			display: block;
			position: relative;
		}
/* line 164, ../sass/_navigation.scss */
		.account-navigation.fund-navigation li:last-child span {
			border: none;
		}
/* line 168, ../sass/_navigation.scss */
		.account-navigation.fund-navigation li .icon-arrow-down {
			border: none;
			/*color: #e84c4d;*/
			color: #4F2170;
			font-size: 11px;
			line-height: normal;
			padding: 0 15px;
			position: absolute;
			right: 0;
			top: 15px;
		}
/* line 179, ../sass/_navigation.scss */
		.account-navigation.fund-navigation li.active a:after {
			bottom: 15px;
			content: '.';
			font-size: 48px;
			left: 50%;
			margin-left: -6px;
			position: absolute;
			font-family: 'Times New Roman';
		}

@media screen and (max-width: 768px) {
  /* line 138, ../sass/_navigation.scss */
	.account-navigation.fund-navigation li {
		width: 100%;
		height: auto;
		border-top: 1px solid #d1d1d1;
	}
  /* line 194, ../sass/_navigation.scss */
		.account-navigation.fund-navigation li:first-child {
			border-top: 0;
		}
  /* line 198, ../sass/_navigation.scss */
		.account-navigation.fund-navigation li span {
			border-right: 0;
		}
}

/* line 206, ../sass/_navigation.scss */
.border-top {
	border-top: 1px solid #d1d1d1;
}

/* line 209, ../sass/_navigation.scss */
.border-bottom {
	border-bottom: 1px solid #d1d1d1;
	margin-bottom: 20px;
}

/* line 214, ../sass/_navigation.scss */
.show-sub-menu {
	float: left;
	margin-right: 15px;
}
/* line 218, ../sass/_navigation.scss */
	.show-sub-menu:before {
		font-size: 14px;
		color: #949494;
	}

/* line 224, ../sass/_navigation.scss */
.sub-menu {
	padding: 5px 10px;
	background-color: #F6F6F6;
}

/* Body
-----------------------------------------------*/
/* line 643, ../sass/main.scss */
.body {
	margin: 35px 0;
}

/* line 644, ../sass/main.scss */
.help-info {
	display: none;
}

/* Footer
-----------------------------------------------*/
/* line 648, ../sass/main.scss */
footer .container {
	border-top: 1px solid #d1d1d1;
	font-size: 12px;
	line-height: 20px;
	padding: 20px 15px;
}
/* line 654, ../sass/main.scss */
	footer .container h5 {
  background: url("../images/logo-footer.png") no-repeat;
		display: block;
		height: 14px;
		margin: 0 0 18px 0;
		text-indent: -9999px;
		width: 84px;
	}
/* line 662, ../sass/main.scss */
	footer .container small {
		font-weight: 400;
	}
/* line 665, ../sass/main.scss */
	footer .container p, footer .container a {
		/*color: #e84c4d;*/
		color: #4F2170;
		font-weight: 400;
		margin-bottom: 0;
	}

/* Sections
===============================================*/
/* Home
	-----------------------------------------------*/
/* line 677, ../sass/main.scss */
.intro .row {
	margin-bottom: 30px;
}
/* line 680, ../sass/main.scss */
.intro hr {
	float: right;
	margin: 0 0 30px;
	width: 773px;
}

/* line 686, ../sass/main.scss */
.content-info {
	clear: both;
}

/* line 689, ../sass/main.scss */
.viewpoint {
	overflow: hidden;
	position: relative;
	width: 100%;
}

/* line 694, ../sass/main.scss */
.credentials {
	/*background: #e84c4d;*/
	background: #4F2170;
	position: relative;
}
/* line 699, ../sass/main.scss */
	.credentials article {
		float: left;
	}
/* line 702, ../sass/main.scss */
	.credentials h2 {
		color: #fff;
		margin-bottom: 15px;
	}
/* line 706, ../sass/main.scss */
	.credentials input {
		border: none;
	}
/* line 709, ../sass/main.scss */
	.credentials p {
		color: #fff;
		margin: 0 0 5px 0;
	}
/* line 713, ../sass/main.scss */
	.credentials a {
		color: #fff;
		display: block;
  float: right;
		margin-top: 14px;
		text-decoration: underline;
	}
/* line 720, ../sass/main.scss */
.credentials a.slide-left {
  float: left;
}
/* line 724, ../sass/main.scss */
	.credentials .button {
		float: right;
		width: 115px;
	}

/* Latest News */
/* line 731, ../sass/main.scss */
.post {
	border-bottom: 1px solid #d1d1d1;
	margin-bottom: 20px;
	padding-bottom: 10px;
}
/* line 736, ../sass/main.scss */
	.post:last-child {
		border: none;
		margin: 0;
		padding: 0;
	}
/* line 741, ../sass/main.scss */
	.post h4 {
		font-size: 16px;
		margin-bottom: 0;
	}
/* line 745, ../sass/main.scss */
	.post p {
		margin-bottom: 8px;
	}
/* line 748, ../sass/main.scss */
	.post a {
		text-decoration: underline;
	}

/* Contacts
	-----------------------------------------------*/
/* line 755, ../sass/main.scss */
.letter {
	/*color: #e84c4d;*/
	color: #4F2170;
	display: inline-block;
	margin-right: 10px;
	width: 16px;
}

/* Benefits
	-----------------------------------------------*/
/* line 764, ../sass/main.scss */
.benefit-overview {
	margin-left: 0;
	margin-right: 0;
}
/* line 767, ../sass/main.scss */
	.benefit-overview .col-sm-6 {
		margin: 5px 0 40px;
		padding: 20px 0;
	}
/* line 770, ../sass/main.scss */
		.benefit-overview .col-sm-6.dark-grey {
			padding-left: 30px;
		}
/* line 773, ../sass/main.scss */
		.benefit-overview .col-sm-6 > section {
			height: 62px;
			position: relative;
			width: 410px;
		}
/* line 778, ../sass/main.scss */
			.benefit-overview .col-sm-6 > section.left {
				width: 382px;
			}
/* line 782, ../sass/main.scss */
		.benefit-overview .col-sm-6.light-grey {
			border-right: 2px solid #b2b2b2;
		}
/* line 785, ../sass/main.scss */
			.benefit-overview .col-sm-6.light-grey h3 {
				font-size: 28px;
			}
/* line 789, ../sass/main.scss */
		.benefit-overview .col-sm-6 .close-it {
			right: 0;
			position: absolute;
			top: 10px;
		}
/* line 795, ../sass/main.scss */
		.benefit-overview .col-sm-6 .hide-value {
			display: none;
		}
/* line 798, ../sass/main.scss */
		.benefit-overview .col-sm-6 .hide-span {
			right: 40px;
			position: absolute;
			top: 22px;
		}
/* line 804, ../sass/main.scss */
	.benefit-overview h3 {
		border: none;
		line-height: 20px;
  margin: 0 0 10px 0;
  padding: 0;
}
/* line 810, ../sass/main.scss */
.benefit-overview h3 small {
  color: #505050;
  font-size: 16px;
  font-weight: 300;
  float: none;
}
/* line 817, ../sass/main.scss */
.benefit-overview h4 {
  font-size: 40px;
  font-weight: 400;
  line-height: 32px;
  margin: 0;
}
/* line 823, ../sass/main.scss */
.benefit-overview p {
  margin: 0 0 4px;
}
/* line 826, ../sass/main.scss */
.benefit-overview p span {
  font-size: 24px;
  font-weight: 400;
  margin-left: 5px;
}

/* line 834, ../sass/main.scss */
.sidenote {
  float: left;
  font-size: 14px;
  margin-left: 2%;
  width: 50%;
}
/* line 840, ../sass/main.scss */
.sidenote span {
  /*color: #e84c4d;*/
  color: #4F2170;
  display: block;
  float: left;
  margin: 0 5px 40px 0;
}

/* Benefits Modeller
-----------------------------------------------*/
/* line 850, ../sass/main.scss */
.benefits-modeller-overview {
  margin-bottom: 20px;
  padding: 15px 0 25px;
}
@media (max-width: 1050px) {
  /* line 850, ../sass/main.scss */
  .benefits-modeller-overview {
    font-size: 20px;
  }
}
@media (max-width: 1050px) {
  /* line 850, ../sass/main.scss */
  .benefits-modeller-overview {
    font-size: 20px;
  }
}
@media (max-width: 768px) {
  /* line 857, ../sass/main.scss */
  .benefits-modeller-overview.drawdown-benefits-overview {
    padding-bottom: 0px;
  }
}
/* line 865, ../sass/main.scss */
.benefits-modeller-overview .col-sm-3 {
  border-right: 1px solid #b2b2b2;
}
/* line 869, ../sass/main.scss */
.benefits-modeller-overview h3 {
  border: none;
  margin-bottom: 0;
  font-size: 18px;
}
@media (max-width: 1050px) {
  /* line 869, ../sass/main.scss */
  .benefits-modeller-overview h3 {
    font-size: 15px;
  }
}
@media (max-width: 1050px) {
  /* line 869, ../sass/main.scss */
  .benefits-modeller-overview h3 {
    font-size: 15px;
  }
}
/* line 878, ../sass/main.scss */
.benefits-modeller-overview h4 {
  font-size: 36px;
  font-weight: 400;
  line-height: 32px;
  margin: 0;
}

/* line 886, ../sass/main.scss */
.notification {
  /*background: #e84c4d;*/
  background: #4F2170;
  color: #FFF;
  display: none;
  margin-bottom: 30px;
  padding: 15px;
  position: relative;
}
/* line 894, ../sass/main.scss */
.notification p {
  margin: 0;
}
/* line 898, ../sass/main.scss */
.notification .icon-close {
  color: #FFF;
  font-size: 12px;
  position: absolute;
  right: 12px;
  top: 12px;
}
/* line 905, ../sass/main.scss */
.notification .icon-close:hover {
  text-decoration: none;
}

/* line 911, ../sass/main.scss */
.inflation {
  margin: 0 0 0 42px;
}
@media (max-width: 992px) {
  /* line 911, ../sass/main.scss */
  .inflation {
    margin: 0;
  }
}
@media (max-width: 992px) {
  /* line 911, ../sass/main.scss */
  .inflation {
    margin: 0;
  }
}
/* line 917, ../sass/main.scss */
.inflation label {
  line-height: 19px;
  width: 128px;
}
@media (max-width: 768px) {
  /* line 917, ../sass/main.scss */
  .inflation label {
    width: 116px;
  }
}
/* line 926, ../sass/main.scss */
.inflation span.radio-container {
  clear: none;
  margin-right: 5px;
}

/* line 932, ../sass/main.scss */
.modeller-left-arrow, .modeller-right-arrow {
  font-size: 30px;
  top: 45%;
  z-index: 10;
  cursor: pointer;
}

/* line 938, ../sass/main.scss */
.modeller-left-arrow {
  position: absolute;
  left: 0;
}
/* line 941, ../sass/main.scss */
.modeller-left-arrow:hover {
  /*color: #e84c4d;*/
  color: #4F2170;
}
/* line 944, ../sass/main.scss */
.modeller-left-arrow.icon-arrow-left {
  /*color: #e84c4d;*/
  color: #4F2170;
  left: 0;
  font-size: 20px;
  padding: 20px;
  left: -20px;
  top: 85px;
}
@media (max-width: 992px) {
  /* line 938, ../sass/main.scss */
  .modeller-left-arrow {
    left: -10px;
  }
}
@media (max-width: 992px) {
  /* line 938, ../sass/main.scss */
  .modeller-left-arrow {
    left: -10px;
  }
}

/* line 956, ../sass/main.scss */
.modeller-right-arrow {
  position: absolute;
  right: 0;
}
/* line 959, ../sass/main.scss */
.modeller-right-arrow:hover {
  /*color: #e84c4d;*/
  color: #4F2170;
}

/* line 964, ../sass/main.scss */
.modeller-bar-chart-outer {
  overflow: hidden;
}
/* line 966, ../sass/main.scss */
.modeller-bar-chart-outer .benfit-slider {
  width: 200%;
  font-size: 0;
  position: relative;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
/* line 971, ../sass/main.scss */
.modeller-bar-chart-outer .benfit-slider.slideLeft {
  margin-left: -100%;
}
@media (max-width: 1050px) {
  /* line 971, ../sass/main.scss */
  .modeller-bar-chart-outer .benfit-slider.slideLeft {
    margin-left: -110%;
  }
}
@media (max-width: 1050px) {
  /* line 971, ../sass/main.scss */
  .modeller-bar-chart-outer .benfit-slider.slideLeft {
    margin-left: -110%;
  }
}
/* line 977, ../sass/main.scss */
.modeller-bar-chart-outer .benfit-slider .modeller-bar-chart-wrapper {
  width: 50%;
  vertical-align: top;
  display: inline-block;
}
/* line 981, ../sass/main.scss */
.modeller-bar-chart-outer .benfit-slider .modeller-bar-chart-wrapper .graphLabelpensions-bar-mobile {
  font-size: 14px;
  background: white;
}
/* line 986, ../sass/main.scss */
.modeller-bar-chart-outer .benfit-slider .slick-prev, .modeller-bar-chart-outer .benfit-slider .slick-next {
  height: 30px;
  width: 22px;
}
/* line 990, ../sass/main.scss */
.modeller-bar-chart-outer .benfit-slider .slick-prev:before, .modeller-bar-chart-outer .benfit-slider .slick-next:before {
  color: #b2b2b2;
  font-size: 30px;
}
/* line 994, ../sass/main.scss */
.modeller-bar-chart-outer .benfit-slider .slick-prev:hover:before, .modeller-bar-chart-outer .benfit-slider .slick-next:hover:before {
  /*color: #e84c4d;*/
  color: #4F2170;
}
/* line 998, ../sass/main.scss */
.modeller-bar-chart-outer .benfit-slider .slick-next {
  right: -4px;
}

/* line 1005, ../sass/main.scss */
#contribution-increase {
  color: #949494;
  display: block;
  font-size: 18px;
  margin-bottom: 10px;
}
/* line 1011, ../sass/main.scss */
#contribution-increase:hover {
  /*color: #e84c4d;*/
  color: #4F2170;
}

/* line 1016, ../sass/main.scss */
#pension-bar {
  float: left;
  margin-right: 20px;
}

/* line 1021, ../sass/main.scss */
#pension-keys {
  border: none;
  float: left;
  margin-top: 35px;
  padding: 0;
  width: 31%;
}
/* line 1028, ../sass/main.scss */
#pension-keys p {
  margin-bottom: 20px;
  width: 80%;
}

/* line 1036, ../sass/main.scss */
.switch-modeller-section .button.full {
  margin-bottom: 10px;
}

/* line 1041, ../sass/main.scss */
.modeller-slider > article, .modeller-slider-mobile > article {
  float: left;
  width: 397px;
}

/* line 1046, ../sass/main.scss */
.modeller-other-fund-value-error {
  /8color: #e84c4d;*/
  color: #4F2170;
  display: none;
}

/* line 1051, ../sass/main.scss */
#switch-assumptions form h3 {
  font-size: 16px;
  margin-bottom: 15px;
}

/* line 1057, ../sass/main.scss */
#annuity-options .radio-container, #growth-assumption .radio-container {
  margin-right: 10px;
}

/* line 1062, ../sass/main.scss */
.calculate-benefits {
  width: 49%;
  margin: 0 0 0 1%;
}

/* line 1067, ../sass/main.scss */
.reset-adjustments {
  width: 49%;
  margin: 0 1% 0 0;
}
@media (max-width: 768px) {
  /* line 1071, ../sass/main.scss */
  .reset-adjustments.drawdown-one, .reset-adjustments.drawdown-two {
    margin-bottom: 20px;
  }
}

/* line 1080, ../sass/main.scss */
.projection-cog:hover, .projection-cog:active, .projection-cog:focus {
  text-decoration: none;
  /*color: #e84c4d;*/
  color: #4F2170;
}

/* line 1086, ../sass/main.scss */
#switch-assumptions {
  margin-top: 10px;
}

/* line 1090, ../sass/main.scss */
.switch-title-main {
  display: block;
}
/* line 1093, ../sass/main.scss */
.switch-title-main.hidden {
  display: none;
}

/* line 1098, ../sass/main.scss */
.modeller-slider {
  margin-left: 0px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
/* line 1103, ../sass/main.scss */
.modeller-slider.left-slide {
  margin-left: -100%;
}

/* line 1108, ../sass/main.scss */
.modeller-slider-mobile {
  width: 200%;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/* line 1114, ../sass/main.scss */
.modeller-graph-wrapper-mobile {
  width: 50% !important;
}
/* line 1117, ../sass/main.scss */
.modeller-graph-wrapper-mobile .icon-arrow-right {
  display: block;
  height: 60px;
  top: 105px;
  font-size: 20px;
  padding: 20px;
  right: 0px;
}
/* line 1124, ../sass/main.scss */
.modeller-graph-wrapper-mobile .icon-arrow-right:before {
  position: absolute;
  left: 20px;
}
/* line 1130, ../sass/main.scss */
.modeller-graph-wrapper-mobile .icon-arrow-left {
  display: block;
  height: 60px;
  top: 40px;
  font-size: 20px;
  padding: 20px;
  left: 0px;
  width: 40px;
}
/* line 1138, ../sass/main.scss */
.modeller-graph-wrapper-mobile .icon-arrow-left:before {
  position: absolute;
  left: 0px;
}

/* line 1146, ../sass/main.scss */
.drawdown-graph-orientation-icon {
  position: absolute;
  right: 60px;
  top: 25px;
  display: none;
  font-size: 25px;
  color: #d1d1d1;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 400px) {
  /* line 1146, ../sass/main.scss */
  .drawdown-graph-orientation-icon {
    display: block;
  }
}

/* line 1160, ../sass/main.scss */
.slide-stats-left {
  margin-left: -100%;
}

/* line 1164, ../sass/main.scss */
.drawdown-other-fund-value-error {
  /*color: #e84c4d;*/
  color: #4F2170;
  display: none;
}

/* line 1169, ../sass/main.scss */
#drawdown-other-fund-value {
  width: 99%;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
/* line 1172, ../sass/main.scss */
#drawdown-other-fund-value.fade-out {
  visibility: hidden;
  opacity: 0;
}

/* line 1178, ../sass/main.scss */
.drawdown-other-fund-thank-you {
  background: #f6f6f6;
  padding: 38px;
  text-align: center;
  margin-bottom: 7px;
  visibility: hidden;
  opacity: 0;
  position: absolute;
  bottom: -60px;
  width: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
/* line 1190, ../sass/main.scss */
.drawdown-other-fund-thank-you p {
  margin-bottom: 0px;
  width: 90%;
}
/* line 1194, ../sass/main.scss */
.drawdown-other-fund-thank-you.fade-in {
  visibility: visible;
  opacity: 1;
}

/* line 1200, ../sass/main.scss */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Benefits Modeller Tabs
-----------------------------------------------*/
/* line 1209, ../sass/main.scss */
div.modeller-tabs {
  font-size: 0px;
  margin: 0 0 20px 0;
}
/* line 1213, ../sass/main.scss */
div.modeller-tabs .modeller-tabs-inner {
  border-bottom: 1px solid #d1d1d1;
  width: 95%;
  display: inline-block;
}
/* line 1219, ../sass/main.scss */
div.modeller-tabs .modeller-help-inner {
  width: 5%;
  display: inline-block;
  vertical-align: bottom;
}
@media (max-width: 500px) {
  /* line 1224, ../sass/main.scss */
  div.modeller-tabs .modeller-help-inner .show-help {
    margin-top: 23px;
  }
}
/* line 1231, ../sass/main.scss */
div.modeller-tabs ul {
  margin: 0px;
}
/* line 1234, ../sass/main.scss */
div.modeller-tabs li {
  display: inline-block;
  list-style: none;
  font-size: 28px;
  font-family: "Open Sans", Calibri, arial, sans-serif;
  font-weight: 300;
  background: transparent;
  box-shadow: none;
  border: 1px solid #d1d1d1;
  border-bottom: none;
  padding: 12px 0px 11px 15px;
  margin-left: -1px;
  width: 325px;
  text-align: left;
  margin-bottom: 0;
}
@media (max-width: 1050px) {
  /* line 1234, ../sass/main.scss */
  div.modeller-tabs li {
    font-size: 24px;
    width: 40%;
  }
}
@media (max-width: 1050px) {
  /* line 1234, ../sass/main.scss */
  div.modeller-tabs li {
    font-size: 24px;
    width: 40%;
  }
}
@media (max-width: 976px) {
  /* line 1234, ../sass/main.scss */
  div.modeller-tabs li {
    width: 230px;
    font-size: 18px;
  }
}
@media (max-width: 600px) {
  /* line 1234, ../sass/main.scss */
  div.modeller-tabs li {
    width: 190px;
  }
}
@media (max-width: 500px) {
  /* line 1234, ../sass/main.scss */
  div.modeller-tabs li {
    width: 155px;
    padding: 0px;
  }
}
@media (max-width: 400px) {
  /* line 1234, ../sass/main.scss */
  div.modeller-tabs li {
    width: 120px;
  }
}
/* line 1273, ../sass/main.scss */
div.modeller-tabs li span {
  color: #e21f20;
  display: inline-block;
  width: 40px;
}
/* line 1277, ../sass/main.scss */
div.modeller-tabs li span a {
  color: black;
  text-decoration: none;
}
@media (max-width: 1050px) {
  /* line 1273, ../sass/main.scss */
  div.modeller-tabs li span {
    font-size: 24px;
    width: 30px;
  }
}
@media (max-width: 1050px) {
  /* line 1273, ../sass/main.scss */
  div.modeller-tabs li span {
    font-size: 24px;
    width: 30px;
  }
}
@media (max-width: 976px) {
  /* line 1273, ../sass/main.scss */
  div.modeller-tabs li span {
    font-size: 18px;
  }
}
@media (max-width: 600px) {
  /* line 1273, ../sass/main.scss */
  div.modeller-tabs li span {
    font-size: 15px;
    width: 25px;
  }
}
@media (max-width: 500px) {
  /* line 1273, ../sass/main.scss */
  div.modeller-tabs li span {
    padding: 10px 15px 10px 10px;
    width: 20px;
  }
}
@media (max-width: 400px) {
  /* line 1273, ../sass/main.scss */
  div.modeller-tabs li span {
    width: 20px;
    padding: 10px 15px 10px 8px;
  }
}
/* line 1306, ../sass/main.scss */
div.modeller-tabs li span.tab-label {
  color: #505050;
  width: auto;
}
@media (max-width: 500px) {
  /* line 1306, ../sass/main.scss */
  div.modeller-tabs li span.tab-label {
    width: 20px;
  }
}
/* line 1319, ../sass/main.scss */
div.modeller-tabs li.current {
  font-weight: 500;
  border-bottom: none;
}
/* line 1324, ../sass/main.scss */
div.modeller-tabs li.current::after {
  content: "";
  display: block;
  clear: both;
  height: 12px;
  position: absolute;
  z-index: 99;
  width: 323px;
  background: #fffffe;
  margin-left: -15px;
}
@media (max-width: 1050px) {
  /* line 1324, ../sass/main.scss */
  div.modeller-tabs li.current::after {
    width: 36.3%;
  }
}
@media (max-width: 1050px) {
  /* line 1324, ../sass/main.scss */
  div.modeller-tabs li.current::after {
    width: 36.3%;
  }
}
@media (max-width: 976px) {
  /* line 1324, ../sass/main.scss */
  div.modeller-tabs li.current::after {
    width: 228px;
  }
}
@media (max-width: 600px) {
  /* line 1324, ../sass/main.scss */
  div.modeller-tabs li.current::after {
    width: 188px;
  }
}
@media (max-width: 500px) {
  /* line 1324, ../sass/main.scss */
  div.modeller-tabs li.current::after {
    width: 153px;
    margin-left: 0px;
  }
}
@media (max-width: 400px) {
  /* line 1324, ../sass/main.scss */
  div.modeller-tabs li.current::after {
    width: 118px;
  }
}
/* line 1359, ../sass/main.scss */
div.modeller-tabs small {
  color: #505050;
  font-size: 16px;
  float: right;
  font-weight: 100;
  margin-top: 22px;
  margin-right: 25px;
  position: absolute;
  right: 30px;
}
@media (max-width: 976px) {
  /* line 1359, ../sass/main.scss */
  div.modeller-tabs small {
    margin-top: 16px;
  }
}

/* line 1377, ../sass/main.scss */
.modeller-subtabs {
  font-size: 0px;
  margin: 0 0 20px 0;
}
/* line 1381, ../sass/main.scss */
.modeller-subtabs li {
  cursor: pointer;
  list-style: none;
  text-align: center;
  background: transparent;
  box-shadow: none;
  border-left: none;
  border-right: none;
  border-top: 1px solid #d1d1d1;
  border-bottom: 1px solid #d1d1d1;
  padding: 26px;
  width: 50%;
  font-size: 15px;
  position: relative;
  display: inline-block;
}
/* line 1396, ../sass/main.scss */
.modeller-subtabs li a {
  text-decoration: none;
  color: black;
}
@media (max-width: 600px) {
  /* line 1381, ../sass/main.scss */
  .modeller-subtabs li {
    font-size: 12px;
  }
}
@media (max-width: 500px) {
  /* line 1381, ../sass/main.scss */
  .modeller-subtabs li {
    padding: 26px 40px;
  }
}
@media (max-width: 400px) {
  /* line 1381, ../sass/main.scss */
  .modeller-subtabs li {
    padding: 26px;
  }
}
/* line 1415, ../sass/main.scss */
.modeller-subtabs li.current {
  /*border-bottom: 1px solid #e84c4d;*/
  /*border-top: 1px solid #e84c4d;*/
  border-bottom: 1px solid #4F2170;
  border-top: 1px solid #4F2170;
  /*color: #e84c4d;*/
  color: #4F2170;
  background: #f6f6f6;
}
/* line 1422, ../sass/main.scss */
.modeller-subtabs li.current:after {
  bottom: 20px;
  content: '.';
  font-size: 48px;
  left: 0;
  right: 0;
  position: absolute;
  font-family: 'Times New Roman';
}
@media (max-width: 600px) {
  /* line 1432, ../sass/main.scss */
  .modeller-subtabs .show-help {
    margin-top: 10px;
  }
}

/* line 1441, ../sass/main.scss */
.modeller-tab-content, .modeller-subtab-content {
  position: absolute;
  top: -9999px;
  left: -9999px;
}

/* line 1447, ../sass/main.scss */
.modeller-tab-content.current, .modeller-subtab-content.current {
  position: relative;
  top: 0;
  left: 0;
}

/* line 1454, ../sass/main.scss */
.subtab-content.hidden {
  display: none;
}

    /* Income drawdown
	-----------------------------------------------*/
@media (max-width: 768px) {
  /* line 1461, ../sass/main.scss */
  .incomedrawdown-annual-income {
    margin-bottom: 25px;
  }
}

/* line 1467, ../sass/main.scss */
.drawdown-assumptions {
  border-bottom: 1px solid #d1d1d1;
  padding-bottom: 15px;
}

/* line 1472, ../sass/main.scss */
.input-section h3 {
  font-size: 16px;
  padding-bottom: 15px;
  margin-bottom: 20px;
}

/* line 1478, ../sass/main.scss */
.help-info-drawdown-help {
  display: none;
}

@media (max-width: 400px) {
  /* line 1482, ../sass/main.scss */
  h3.switch {
    font-size: 18px;
  }
}

/* line 1488, ../sass/main.scss */
.switch-title-main .icon-drawdown2 {
  border-top: 1px solid #e84c4d;
  border-bottom: 1px solid #e84c4d;
  color: #e84c4d;
  padding: 5px;
}

/* line 1495, ../sass/main.scss */
.drawdown-slider-wrapper {
  overflow: hidden;
}

/* line 1499, ../sass/main.scss */
.drawdown-slider-outer {
  overflow: hidden;
  width: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 976px) {
  /* line 1499, ../sass/main.scss */
  .drawdown-slider-outer {
    width: auto;
  }
}
/* line 1508, ../sass/main.scss */
.drawdown-slider-outer.expanded {
  width: 208%;
}

/* line 1513, ../sass/main.scss */
.modeller-slider {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
/* line 1517, ../sass/main.scss */
.modeller-slider.slide-right {
  -ms-transform: translate(500px, 0px);
  -webkit-transform: translate(500px, 0px);
  transform: translate(500px, 0px);
}

/* line 1523, ../sass/main.scss */
.switch-modeller.icon-close {
  display: none;
  font-size: 13px;
  padding: 13px 0 12px 0;
}
/* line 1528, ../sass/main.scss */
.switch-modeller.icon-close:hover, .switch-modeller.icon-close:focus, .switch-modeller.icon-close:active {
  text-decoration: none;
  color: #e84c4d;
}
/* line 1533, ../sass/main.scss */
.switch-modeller.icon-close.shown {
  display: block !important;
}

/* line 1539, ../sass/main.scss */
h3.switch-title-main {
  display: block;
}
/* line 1542, ../sass/main.scss */
h3.switch-title-main.close {
  display: none;
}
/* line 1546, ../sass/main.scss */
h3.switch-title-main .close-copy {
  color: #505050;
  font-size: 14px;
  float: right;
  font-weight: 100;
  margin-top: 4px;
  text-align: right;
  padding: 4px 0px 5px 0;
}
@media (max-width: 992px) {
  /* line 1546, ../sass/main.scss */
  h3.switch-title-main .close-copy {
    padding: 0px;
    margin-top: 0px;
  }
}
@media (max-width: 992px) {
  /* line 1546, ../sass/main.scss */
  h3.switch-title-main .close-copy {
    padding: 0px;
    margin-top: 0px;
  }
}
@media (max-width: 400px) {
  /* line 1561, ../sass/main.scss */
  h3.switch-title-main .icon-drawdown2 {
    display: none;
  }
}

 /* Drawdown graphs & sliders
-----------------------------------------------*/
/* line 1573, ../sass/main.scss */
.assumptions-slider-container {
  height: 100%;
  margin-bottom: 60px;
}

/* line 1578, ../sass/main.scss */
.spinner-outer {
  text-align: center;
}
/* line 1581, ../sass/main.scss */
.spinner-outer div {
  display: inline-block;
  vertical-align: top;
}

/* line 1587, ../sass/main.scss */
.drawdown-spinner-wrapper {
  position: relative;
  width: 130px;
  height: 200px;
  margin: 5px 15px;
}
@media (max-width: 450px) {
  /* line 1587, ../sass/main.scss */
  .drawdown-spinner-wrapper {
    width: 100px !important;
    height: 150px !important;
    margin: 0px;
  }
}
/* line 1598, ../sass/main.scss */
.drawdown-spinner-wrapper .drawdown-spinner-graph-overlay {
  height: 140px;
  position: absolute;
  display: block;
  width: 140px;
  cursor: pointer;
  zoom: 1;
  filter: alpha(opacity=0);
  opacity: 0;
}
@media (max-width: 450px) {
  /* line 1598, ../sass/main.scss */
  .drawdown-spinner-wrapper .drawdown-spinner-graph-overlay {
    width: 100px;
    height: 100px;
  }
}
/* line 1612, ../sass/main.scss */
.drawdown-spinner-wrapper .drawdown-spinner-graph-overlay.inactive {
  background: rgba(255, 255, 255, 0.8);
  z-index: 10;
  opacity: 1;
}
/* line 1619, ../sass/main.scss */
.drawdown-spinner-wrapper .drawdown-spinner-graph {
  width: 130px !important;
  height: 130px !important;
  cursor: pointer;
}
@media (max-width: 450px) {
  /* line 1619, ../sass/main.scss */
  .drawdown-spinner-wrapper .drawdown-spinner-graph {
    width: 100px !important;
    height: 100px !important;
  }
}
/* line 1630, ../sass/main.scss */
.drawdown-spinner-wrapper .spinner-value.annual-income, .drawdown-spinner-wrapper .spinner-value.your-cash, .drawdown-spinner-wrapper .spinner-value.income-period {
  position: absolute;
  top: 0;
}
/* line 1634, ../sass/main.scss */
.drawdown-spinner-wrapper .spinner-value.annual-income .spinner-value.annual-income-text, .drawdown-spinner-wrapper .spinner-value.annual-income .spinner-value.your-cash-text, .drawdown-spinner-wrapper .spinner-value.annual-income .spinner-value.income-period-text, .drawdown-spinner-wrapper .spinner-value.annual-income .spinner-value.your-cash-two-text, .drawdown-spinner-wrapper .spinner-value.your-cash .spinner-value.annual-income-text, .drawdown-spinner-wrapper .spinner-value.your-cash .spinner-value.your-cash-text, .drawdown-spinner-wrapper .spinner-value.your-cash .spinner-value.income-period-text, .drawdown-spinner-wrapper .spinner-value.your-cash .spinner-value.your-cash-two-text, .drawdown-spinner-wrapper .spinner-value.income-period .spinner-value.annual-income-text, .drawdown-spinner-wrapper .spinner-value.income-period .spinner-value.your-cash-text, .drawdown-spinner-wrapper .spinner-value.income-period .spinner-value.income-period-text, .drawdown-spinner-wrapper .spinner-value.income-period .spinner-value.your-cash-two-text {
  height: 35px;
  top: 45px;
}
@media (max-width: 450px) {
  /* line 1634, ../sass/main.scss */
  .drawdown-spinner-wrapper .spinner-value.annual-income .spinner-value.annual-income-text, .drawdown-spinner-wrapper .spinner-value.annual-income .spinner-value.your-cash-text, .drawdown-spinner-wrapper .spinner-value.annual-income .spinner-value.income-period-text, .drawdown-spinner-wrapper .spinner-value.annual-income .spinner-value.your-cash-two-text, .drawdown-spinner-wrapper .spinner-value.your-cash .spinner-value.annual-income-text, .drawdown-spinner-wrapper .spinner-value.your-cash .spinner-value.your-cash-text, .drawdown-spinner-wrapper .spinner-value.your-cash .spinner-value.income-period-text, .drawdown-spinner-wrapper .spinner-value.your-cash .spinner-value.your-cash-two-text, .drawdown-spinner-wrapper .spinner-value.income-period .spinner-value.annual-income-text, .drawdown-spinner-wrapper .spinner-value.income-period .spinner-value.your-cash-text, .drawdown-spinner-wrapper .spinner-value.income-period .spinner-value.income-period-text, .drawdown-spinner-wrapper .spinner-value.income-period .spinner-value.your-cash-two-text {
    top: 35px;
  }
}
/* line 1640, ../sass/main.scss */
.drawdown-spinner-wrapper .spinner-value.annual-income .spinner-value.annual-income-text.annual-income-text, .drawdown-spinner-wrapper .spinner-value.annual-income .spinner-value.your-cash-text.annual-income-text, .drawdown-spinner-wrapper .spinner-value.annual-income .spinner-value.income-period-text.annual-income-text, .drawdown-spinner-wrapper .spinner-value.annual-income .spinner-value.your-cash-two-text.annual-income-text, .drawdown-spinner-wrapper .spinner-value.your-cash .spinner-value.annual-income-text.annual-income-text, .drawdown-spinner-wrapper .spinner-value.your-cash .spinner-value.your-cash-text.annual-income-text, .drawdown-spinner-wrapper .spinner-value.your-cash .spinner-value.income-period-text.annual-income-text, .drawdown-spinner-wrapper .spinner-value.your-cash .spinner-value.your-cash-two-text.annual-income-text, .drawdown-spinner-wrapper .spinner-value.income-period .spinner-value.annual-income-text.annual-income-text, .drawdown-spinner-wrapper .spinner-value.income-period .spinner-value.your-cash-text.annual-income-text, .drawdown-spinner-wrapper .spinner-value.income-period .spinner-value.income-period-text.annual-income-text, .drawdown-spinner-wrapper .spinner-value.income-period .spinner-value.your-cash-two-text.annual-income-text {
  font-size: 16px;
  top: 53px;
}
@media (max-width: 450px) {
  /* line 1640, ../sass/main.scss */
  .drawdown-spinner-wrapper .spinner-value.annual-income .spinner-value.annual-income-text.annual-income-text, .drawdown-spinner-wrapper .spinner-value.annual-income .spinner-value.your-cash-text.annual-income-text, .drawdown-spinner-wrapper .spinner-value.annual-income .spinner-value.income-period-text.annual-income-text, .drawdown-spinner-wrapper .spinner-value.annual-income .spinner-value.your-cash-two-text.annual-income-text, .drawdown-spinner-wrapper .spinner-value.your-cash .spinner-value.annual-income-text.annual-income-text, .drawdown-spinner-wrapper .spinner-value.your-cash .spinner-value.your-cash-text.annual-income-text, .drawdown-spinner-wrapper .spinner-value.your-cash .spinner-value.income-period-text.annual-income-text, .drawdown-spinner-wrapper .spinner-value.your-cash .spinner-value.your-cash-two-text.annual-income-text, .drawdown-spinner-wrapper .spinner-value.income-period .spinner-value.annual-income-text.annual-income-text, .drawdown-spinner-wrapper .spinner-value.income-period .spinner-value.your-cash-text.annual-income-text, .drawdown-spinner-wrapper .spinner-value.income-period .spinner-value.income-period-text.annual-income-text, .drawdown-spinner-wrapper .spinner-value.income-period .spinner-value.your-cash-two-text.annual-income-text {
    font-size: 12px;
    top: 40px;
  }
	}
/* line 1652, ../sass/main.scss */
.drawdown-spinner-wrapper p {
  font-size: 15px;
  margin-bottom: 5px;
		}
@media (max-width: 450px) {
  /* line 1652, ../sass/main.scss */
  .drawdown-spinner-wrapper p {
    font-size: 13px;
    line-height: 15px;
	}
	}

/* line 1663, ../sass/main.scss */
.anual-income-spinner-graph-input, .your-cash-spinner-graph-input, .your-years-spinner-graph-input, .your-cash-two-spinner-graph-input {
  visibility: hidden;
  opacity: 0;
  font-size: 0px;
		}

/* line 1671, ../sass/main.scss */
.annual-income-value-minus:hover, .annual-income-value-minus:focus, .annual-income-value-minus:active, .income-period-value-minus:hover, .income-period-value-minus:focus, .income-period-value-minus:active, .your-cash-value-minus:hover, .your-cash-value-minus:focus, .your-cash-value-minus:active, .annual-income-value-plus:hover, .annual-income-value-plus:focus, .annual-income-value-plus:active, .income-period-value-plus:hover, .income-period-value-plus:focus, .income-period-value-plus:active, .your-cash-value-plus:hover, .your-cash-value-plus:focus, .your-cash-value-plus:active {
  text-decoration: none;
  color: #e84c4d;
}

/* line 1677, ../sass/main.scss */
.slider-outer {
		display: block;
	}
/* line 1680, ../sass/main.scss */
.slider-outer.hidden-slider {
  display: none;
}

/* line 1686, ../sass/main.scss */
.drawdown-graph-container-overlay {
  width: 80%;
  height: 100%;
  position: absolute;
  cursor: pointer;
  z-index: 999;
	}

/* line 1694, ../sass/main.scss */
.drawdown-bar-graph-wrapper-mobile, .drawdown-bar-graph-wrapper-desktop {
  margin: 20px 0 0 0;
  width: 90%;
  position: relative;
  text-align: center;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
	}

/* line 1702, ../sass/main.scss */
.drawdown-bar-graph-wrapper-desktop {
  margin: 37px 0;
	}

/* line 1707, ../sass/main.scss */
.drawdown-bar-graph-canvas {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/* line 1712, ../sass/main.scss */
.radio-section.drawdown-radio-buttons span {
  display: inline-block;
  margin: 0 15px 15px 0;
  width: 25px;
  height: 25px;
	}
/* line 1719, ../sass/main.scss */
.radio-section.drawdown-radio-buttons label {
  display: inline-block;
  width: 70%;
}
/* line 1723, ../sass/main.scss */
.radio-section.drawdown-radio-buttons label.last-label {
  margin: 0 0 20px 13px;
}

/* line 1729, ../sass/main.scss */
.input-section h3 {
  clear: both;
}

/* Your fund balances
	-----------------------------------------------*/
/* line 1736, ../sass/main.scss */
.contributions-container {
	border-right: 1px solid #d1d1d1;
}

/* line 1737, ../sass/main.scss */
.contributions span.radio-container, .time-period span.radio-container {
	clear: none;
	margin-right: 10px;
}

/* line 1738, ../sass/main.scss */
.contributions label {
	margin-right: 15px;
}

/* line 1739, ../sass/main.scss */
.time-period label {
	margin-right: 20px;
}

/* line 1741, ../sass/main.scss */
#chart-section {
  width: 100%;
  margin-top: 50px;
  text-align: center;
}

/* line 1746, ../sass/main.scss */
#chartjs-tooltip {
  opacity: 0;
  position: absolute;
  background: rgba(0, 0, 0, 0.7);
  color: white;
  padding: 10px;
  border-radius: 3px;
  -webkit-transition: all .1s ease;
  transition: all .1s ease;
  pointer-events: none;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  width: 200px;
}

/* line 1760, ../sass/main.scss */
#chartjs-tooltip.below {
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

/* line 1764, ../sass/main.scss */
#chartjs-tooltip.below:before {
  border: solid;
  border-color: #111 transparent;
  border-color: rgba(0, 0, 0, 0.8) transparent;
  border-width: 0 8px 8px 8px;
  bottom: 1em;
  content: "";
  display: block;
  left: 50%;
  position: absolute;
  z-index: 99;
  -webkit-transform: translate(-50%, -100%);
  transform: translate(-50%, -100%);
}

/* line 1778, ../sass/main.scss */
#chartjs-tooltip.above {
  -webkit-transform: translate(-50%, -100%);
  transform: translate(-50%, -100%);
}

/* line 1782, ../sass/main.scss */
#chartjs-tooltip.above:before {
  border: solid;
  border-color: #111 transparent;
  border-color: rgba(0, 0, 0, 0.8) transparent;
  border-width: 8px 8px 0 8px;
  bottom: 1em;
  content: "";
  display: block;
  left: 50%;
  top: 100%;
  position: absolute;
  z-index: 99;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

/* line 1798, ../sass/main.scss */
#chartjs-tooltip p {
  line-height: 18px;
}

/* line 1802, ../sass/main.scss */
#chartjs-tooltip p:last-child {
  margin-bottom: 0;
}

/* line 1806, ../sass/main.scss */
.fund-value {
	margin: 0 0 20px 0;
	padding: 15px 25px;
}

/* line 1807, ../sass/main.scss */
	.fund-value h4 {
		font-size: 35px;
	}

/* line 1809, ../sass/main.scss */
.contribution-list, .fund-list, .portfolio-fund-list {
	list-style-type: none;
	margin: 0;
}

/* line 1814, ../sass/main.scss */
.contribution-list, .fund-list {
	font-size: 13px;
  max-height: 356px;
	padding: 10px;
	border-top: 1px solid #ccc;
}
/* line 1819, ../sass/main.scss */
.contribution-list.mobile, .fund-list.mobile {
  display: inline-block;
  max-height: none;
  border-top: none;
  margin-left: 10px;
}

/* line 1827, ../sass/main.scss */
.fund-list {
	display: none;
}

/* line 1831, ../sass/main.scss */
	.contribution-list span, .fund-list span, .portfolio-fund-list span {
		border-radius: 3px;
		float: left;
  height: 12px;
  margin: 6px 12px 0 0;
  width: 12px;
		display: inline-block;
	}

/* line 1840, ../sass/main.scss */
.contribution-list h5, .contribution-list p, .fund-list h5, .fund-list p {
  color: #505050;
  display: inline-block;
  font-size: 15px;
  margin-bottom: 0;
	}

/* line 1847, ../sass/main.scss */
.contribution-list h5, .fund-list h5 {
  margin-bottom: 5px;
  clear: left;
  display: block;
}

/* line 1853, ../sass/main.scss */
.contribution-list p, .fund-list p {
  float: left;
  width: 90%;
}
@media (max-width: 768px) {
  /* line 1853, ../sass/main.scss */
  .contribution-list p, .fund-list p {
    display: inline-block;
	}
		}

/* line 1861, ../sass/main.scss */
.contribution-list a, .fund-list a, .portfolio-fund-list a {
  text-decoration: none;
}

/* line 1863, ../sass/main.scss */
	.contribution-list, .fund-list {
  font-size: 12px;
	}
@media screen and (max-width: 480px) {
  /* line 1868, ../sass/main.scss */
		.contribution-list li, .fund-list li {
			width: 100%;
			float: none;
		}
}

/* line 1876, ../sass/main.scss */
.contribution-info {
  display: none;
  margin-bottom: 40px;
}

/* line 1881, ../sass/main.scss */
.remember-this {
	display: none;
	font-size: 14px;
	line-height: 18px;
	margin-top: 20px;
	width: 100%;
}

@media screen and (max-width: 767px) {
  /* line 1881, ../sass/main.scss */
	.remember-this {
		font-size: 11px;
		line-height: 1.1;
	}
}
/* line 1893, ../sass/main.scss */
.remember-this sup {
	display: inline-block;
	vertical-align: super;
	margin-top: 2px;
	line-height: 1;
}

/* line 1901, ../sass/main.scss */
.disabled h4 {
	color: #b6b6b6;
}

/* line 1902, ../sass/main.scss */
.disabled .available-funds {
	border-top: 1px solid #f0f0f0;
	border-bottom: none;
	margin-bottom: 0;
}

/* line 1903, ../sass/main.scss */
	.disabled .available-funds > div {
		display: none;
	}

/* line 1904, ../sass/main.scss */
	.disabled .available-funds:before, .disabled .available-funds:after {
		background: #fbfbfb;
	}

/* line 1906, ../sass/main.scss */
.available-funds {
	-ms-touch-action: none;
	border: 1px solid #dadada;
	border-left: none;
	border-right: none;
	margin-bottom: 20px;
}

/* line 1915, ../sass/main.scss */
.available-handler, .all-available-handler {
	border-bottom: 1px solid #d1d1d1;
	padding: 5px 0 5px 20px;
	width: 100%;
}

/* line 1916, ../sass/main.scss */
.grey .all-available-handler {
	background: #949494;
	border-color: white;
	color: white;
}
/* line 1921, ../sass/main.scss */
	.grey .all-available-handler .icon-arrow-down {
		color: white;
	}

/* line 1926, ../sass/main.scss */
.available-handler:last-child, .all-available-handler:last-child {
	border: none;
}

/* line 1927, ../sass/main.scss */
.available-handler.active, .all-available-handler.active {
	background: #505050;
}

/* line 1928, ../sass/main.scss */
.all-available-handler.active {
	border: none;
}

/* line 1930, ../sass/main.scss */
.available-funds:before, .available-funds:after {
	background: #f6f6f6;
	content: '';
	display: block;
	height: 8px;
}

/* line 1937, ../sass/main.scss */
.available-handler h5, .available-funds p, .all-available-handler h5, .all-available-funds p {
	font-size: 14px;
	float: left;
	margin: 0;
	padding: 5px 0;
}

/* line 1938, ../sass/main.scss */
.available-handler p, .all-available-handler p {
	float: right;
}

/* line 1939, ../sass/main.scss */
.available-handler.active h5, .available-handler.active p, .all-available-handler.active h5, .all-available-handler.active p {
	color: white;
}

/* line 1941, ../sass/main.scss */
.available-handler h5 {
	width: 70%;
}

/* line 1945, ../sass/main.scss */
.available-handler .toggle, .all-available-handler .toggle {
	border-left: 1px solid #d1d1d1;
	color: #e84c4d;
	float: right;
	font-size: 11px;
	margin-left: 20px;
	padding: 10px 20px;
}

/* line 1954, ../sass/main.scss */
.available-handler.no-fund {
	border-left: 2px solid #F7F7F9;
	color: #b9b9b9;
	margin-left: 40px;
	padding-left: 14px;
}

/* line 1961, ../sass/main.scss */
.available-handler.active .toggle, .all-available-handler.active .toggle {
	border-bottom: none;
	color: white;
	text-decoration: none;
}

/* line 1962, ../sass/main.scss */
	.available-handler.active .toggle:hover .all-available-handler.active .toggle:hover {
		text-decoration: none;
	}

/* line 1963, ../sass/main.scss */
.available-buttons {
	float: right;
	display: none;
}

/* line 1964, ../sass/main.scss */
	.available-buttons a {
		margin-left: 20px;
	}

/* line 1965, ../sass/main.scss */
.available-content, .all-available-content {
	display: none;
	padding: 10px 0 0;
}

/* line 1966, ../sass/main.scss */
.all-available-content {
	background: white;
	border-bottom: 1px solid #d1d1d1;
}

/* line 1967, ../sass/main.scss */
	.all-available-content:last-of-type {
		border: none;
	}

/* line 1968, ../sass/main.scss */
	.available-content .slide, .all-available-content .slide {
		padding: 0 20px;
	}

/* line 1969, ../sass/main.scss */
	.available-content p, .all-available-content p {
		display: block;
		float: none;
		padding: 0 20px 10px;
	}

/* line 1970, ../sass/main.scss */
	.available-content h3, .all-available-content h3 {
		padding-left: 20px;
	}

/* line 1971, ../sass/main.scss */
.available-content .grey {
	background: #f6f6f6;
	border-top: 1px solid #d9d9d9;
	font-size: 14px;
	padding: 18px 0 20px;
}

/* line 1979, ../sass/main.scss */
.slide .spinner {
	margin-right: 29px;
}

/* line 1981, ../sass/main.scss */
.view-performance, .back-to-fund {
	border-left: 1px solid #dadada;
	color: #505050;
	display: inline-block;
	float: left;
	font-size: 14px;
	line-height: 16px;
	padding: 50px 0 50px 18px;
	position: relative;
	width: 198px;
	text-decoration: none;
}
/* line 1993, ../sass/main.scss */
	.view-performance:hover, .back-to-fund:hover {
		text-decoration: inherit;
	}
/* line 1997, ../sass/main.scss */
	.view-performance:active, .back-to-fund:active {
		color: #505050;
	}
/* line 2000, ../sass/main.scss */
	.view-performance:focus, .back-to-fund:focus {
		outline: 0;
		color: #e84c4d;
	}

/* line 2006, ../sass/main.scss */
	.view-performance.full {
		margin-bottom: 20px;
		padding: 91px 0 91px 20px;
		text-align: left;
	}

/* line 2012, ../sass/main.scss */
.back-to-fund {
	border: none;
	border-right: 1px solid #dadada;
	padding: 99px 18px 99px 0;
	text-align: right;
}

/* line 2019, ../sass/main.scss */
	.view-performance:after, .back-to-fund:after {
		font-family: 'equiniti';
		content: "\e611";
		color: #e84c4d;
		font-size: 20px;
		margin-top: -8px;
		position: absolute;
		right: 0;
		top: 50%;
	}

/* line 2030, ../sass/main.scss */
	.all-available-content .view-performance:after, .back-to-fund:after {
		color: #505050;
	}

/* line 2032, ../sass/main.scss */
	.back-to-fund:after {
		content: "\e612";
		left: 0;
		right: auto;
	}

/* line 2038, ../sass/main.scss */
.fund-slider > div {
	float: left;
}

/* line 2039, ../sass/main.scss */
.fund-graph {
	float: left;
	margin: 0 23px;
}
/* line 2043, ../sass/main.scss */
	.fund-graph.full-width {
		float: none;
		margin: 0;
	}

@media screen and (max-width: 400px) {
  /* line 2047, ../sass/main.scss */
	.fund-graph.full-width canvas {
		width: 225px !important;
		height: 112px !important;
	}
}

/* line 2056, ../sass/main.scss */
.add-fund, .remove-fund {
	background: #e84c4d;
	color: white;
	float: left;
	margin: -5px 15px -5px -20px;
	padding: 12px;
	padding-bottom: 13px;
	position: relative;
}
/* line 2065, ../sass/main.scss */
	.add-fund:hover, .remove-fund:hover {
		color: white;
		background: #cc4a40;
	}

/* line 2071, ../sass/main.scss */
.remove-fund {
	border-right: 2px solid white;
	font-size: 3px;
	padding: 19px 14px;
	padding-bottom: 19px;
}

/* Documents
-----------------------------------------------*/
/* line 2081, ../sass/main.scss */
#browse-documents {
  margin-top: 50px;
}

/* line 2085, ../sass/main.scss */
.document-header {
  border: 1px solid #dcdcdc;
  border-bottom: none;
}

/* line 2091, ../sass/main.scss */
.document-header h5 {
  color: #808080;
  float: left;
  font-size: 16px;
  line-height: 34px;
  margin: 0 0 0 10px;
}
/* line 2099, ../sass/main.scss */
.document-header .icon-chev-down, .document-header .icon-chev-up {
  color: #505050;
  float: right;
  line-height: 34px;
  margin: 0 15px 0 0;
}
/* line 2105, ../sass/main.scss */
.document-header .icon-chev-down:hover, .document-header .icon-chev-up:hover {
  color: #e84c4d;
  text-decoration: none;
}
/* line 2110, ../sass/main.scss */
.document-header .icon-chev-down:focus, .document-header .icon-chev-up:focus {
  outline: none;
  text-decoration: none;
}

/* line 2117, ../sass/main.scss */
#documents-container {
  border: 1px solid #dcdcdc;
  border-top: none;
  width: 100%;
  /*overflow-x: auto;*/
}

/* line 2124, ../sass/main.scss */
.jstree-container-ul {
  border-bottom: 1px solid #dcdcdc;
}
/* line 2127, ../sass/main.scss */
.jstree-container-ul h5 {
  margin: 0;
  padding: 4px 0;
  text-align: center;
}

/* line 2134, ../sass/main.scss */
#documents-container .icon-records {
  color: #e84c4d;
  font-size: 16px;
}

/* line 2139, ../sass/main.scss */
#documents-container .icon-folder-closed {
  color: #b2b2b2;
}

/* line 2143, ../sass/main.scss */
#documents-container .icon-folder-open {
  color: #666;
}

/* line 2147, ../sass/main.scss */
#document-filter-container {
  position: relative;
}

/* line 2151, ../sass/main.scss */
#document-filter {
  width: 100%;
}

/* line 2155, ../sass/main.scss */
#document-filter.headroom--not-top.slideDown {
  background: rgba(255, 255, 255, 0.9);
  border-top: 4px solid #e84c4d;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
  left: 0;
  padding: 25px 0 30px;
  position: fixed;
  top: 0;
  z-index: 10;
}

/* line 2167, ../sass/main.scss */
.animated {
  -webkit-animation-duration: .5s;
  -moz-animation-duration: .5s;
  -o-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes slideDown {
  0% {
    -webkit-transform: translateY(-100%);
  }
  100% {
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes slideDown {
  0% {
    -moz-transform: translateY(-100%);
  }
  100% {
    -moz-transform: translateY(0);
  }
}
@-o-keyframes slideDown {
  0% {
    -o-transform: translateY(-100%);
  }
  100% {
    -o-transform: translateY(0);
  }
}
@keyframes slideDown {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(0);
  }
}
/* line 2210, ../sass/main.scss */
.animated.slideDown {
  -webkit-animation-name: slideDown;
  -moz-animation-name: slideDown;
  -o-animation-name: slideDown;
  animation-name: slideDown;
}

@-webkit-keyframes slideUp {
  0% {
    -webkit-transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-100%);
  }
}
@-moz-keyframes slideUp {
  0% {
    -moz-transform: translateY(0);
  }
  100% {
    -moz-transform: translateY(-100%);
  }
}
@-o-keyframes slideUp {
  0% {
    -o-transform: translateY(0);
  }
  100% {
    -o-transform: translateY(-100%);
  }
}
@keyframes slideUp {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-100%);
  }
}
/* line 2249, ../sass/main.scss */
.animated.slideUp {
  -webkit-animation-name: slideUp;
  -moz-animation-name: slideUp;
  -o-animation-name: slideUp;
  animation-name: slideUp;
}

/* FAQs
	-----------------------------------------------*/
/* line 2259, ../sass/main.scss */
#faqs span.red {
	float: left;
}

/* line 2265, ../sass/main.scss */
#faqs h3, #contact-details h3, #account-details h3 {
	border: none;
	border-top: 1px solid #d1d1d1;
	cursor: pointer;
	font-size: 16px;
	line-height: 16px;
	margin-bottom: 0;
	padding: 15px 40px 15px 15px;
	position: relative;
}
/* line 2275, ../sass/main.scss */
	#faqs h3:last-of-type, #contact-details h3:last-of-type, #account-details h3:last-of-type {
		border-bottom: 1px solid #d1d1d1;
	}
/* line 2278, ../sass/main.scss */
	#faqs h3 span, #contact-details h3 span, #account-details h3 span {
		color: #505050;
		float: left;
		font-size: 16px;
		line-height: 16px;
	}
/* line 2284, ../sass/main.scss */
	#faqs h3 .title, #contact-details h3 .title, #account-details h3 .title {
		float: left;
		width: 85%;
	}
/* line 2289, ../sass/main.scss */
	#faqs h3.ui-accordion-header-active, #contact-details h3.ui-accordion-header-active, #account-details h3.ui-accordion-header-active {
		background: #505050;
		color: white;
	}
/* line 2293, ../sass/main.scss */
		#faqs h3.ui-accordion-header-active span, #contact-details h3.ui-accordion-header-active span, #account-details h3.ui-accordion-header-active span {
			color: white;
			line-height: 20px;
			text-indent: 0;
			background-image: none;
		}
/* line 2299, ../sass/main.scss */
			#faqs h3.ui-accordion-header-active span.ui-icon-triangle-1-s, #contact-details h3.ui-accordion-header-active span.ui-icon-triangle-1-s, #account-details h3.ui-accordion-header-active span.ui-icon-triangle-1-s {
				width: 20px;
			}
/* line 2305, ../sass/main.scss */
#faqs .ui-state-hover, #contact-details .ui-state-hover, #account-details .ui-state-hover {
	background: #949494;
}
/* line 2308, ../sass/main.scss */
	#faqs .ui-state-hover span, #contact-details .ui-state-hover span, #account-details .ui-state-hover span {
		color: white;
	}
/* line 2312, ../sass/main.scss */
#faqs .ui-accordion-header-icon, #contact-details .ui-accordion-header-icon, #account-details .ui-accordion-header-icon {
	/*color: #e84c4d;*/
	color: #4F2170;
  font-size: 18px;
	right: 5px;
	position: absolute;
  top: 14px;
	text-indent: 0;
	background-image: none;
}
/* line 2321, ../sass/main.scss */
	#faqs .ui-accordion-header-icon.ui-icon-triangle-1-e, #contact-details .ui-accordion-header-icon.ui-icon-triangle-1-e, #account-details .ui-accordion-header-icon.ui-icon-triangle-1-e {
		width: 20px;
	}
/* line 2325, ../sass/main.scss */
		#faqs .ui-accordion-header-icon.ui-icon-triangle-1-e:before, #contact-details .ui-accordion-header-icon.ui-icon-triangle-1-e:before, #account-details .ui-accordion-header-icon.ui-icon-triangle-1-e:before {
  content: "\e601";
			font-family: 'equiniti';
		}
/* line 2330, ../sass/main.scss */
	#faqs .ui-accordion-header-icon.ui-icon-triangle-1-s:before, #contact-details .ui-accordion-header-icon.ui-icon-triangle-1-s:before, #account-details .ui-accordion-header-icon.ui-icon-triangle-1-s:before {
  content: "\e604";
		font-family: 'equiniti';
	}
/* line 2335, ../sass/main.scss */
#faqs article, #contact-details article, #account-details article {
	padding: 15px;
}
/* line 2338, ../sass/main.scss */
	#faqs article span, #contact-details article span, #account-details article span {
		margin-right: 10px;
	}
/* line 2341, ../sass/main.scss */
	#faqs article p, #contact-details article p, #account-details article p {
		float: left;
		width: 95%;
	}
/* line 2344, ../sass/main.scss */
		#faqs article p.salary-tablet, #faqs article p .salary-desktop, #contact-details article p.salary-tablet, #contact-details article p .salary-desktop, #account-details article p.salary-tablet, #account-details article p .salary-desktop {
			display: none;
		}

@media screen and (max-width: 992px) {
  /* line 2347, ../sass/main.scss */
	#faqs article p.salary-tablet, #contact-details article p.salary-tablet, #account-details article p.salary-tablet {
		display: block;
	}
}

@media screen and (max-width: 992px) {
  /* line 2352, ../sass/main.scss */
	#faqs article p.salary-desktop, #contact-details article p.salary-desktop, #account-details article p.salary-desktop {
		display: none;
	}
}
/* line 2357, ../sass/main.scss */
#faqs article p .a, #contact-details article p .a, #account-details article p .a {
	/*color: #e84c4d;*/
	color: #4F2170;
}
/* line 2365, ../sass/main.scss */
#faqs .contacts br, #contact-details .contacts br, #account-details .contacts br {
	display: none;
}
/* line 2369, ../sass/main.scss */
#faqs .info, #contact-details .info, #account-details .info {
	clear: both;
	display: block;
	margin: 0 0 10px 26px;
}

/* line 2376, ../sass/main.scss */
#account-details article {
	font-size: 15px;
	padding: 15px 15px;
}
/* line 2380, ../sass/main.scss */
	#account-details article .account-col-1 {
		float: left;
		padding: 0 30px 0 15px;
		width: 50%;
	}
/* line 2385, ../sass/main.scss */
	#account-details article .account-col-2 {
		float: right;
		padding: 0 0 0 30px;
		width: 50%;
	}
/* line 2390, ../sass/main.scss */
	#account-details article p {
		margin-bottom: 8px;
		width: 100%;
	}
/* line 2394, ../sass/main.scss */
		#account-details article p strong {
			font-weight: 300;
			width: 50%;
			display: block;
			float: left;
		}
/* line 2400, ../sass/main.scss */
		#account-details article p span {
			display: block;
			float: left;
			margin: 0;
			width: 100px;
			width: 50%;
		}
/* line 2410, ../sass/main.scss */
	#account-details article table {
		width: 49%;
		float: left;
		margin-left: 2%;
		font-size: 14px;
	}
/* line 2416, ../sass/main.scss */
#account-details article table.minimal {
  width: 100%;
}
/* line 2420, ../sass/main.scss */
#account-details article table.minimal th.col-1, #account-details article .window table.minimal td.col-1, .window #account-details article table.minimal td.col-1, #account-details article table.minimal th.col-2, #account-details article .window table.minimal td.col-2, .window #account-details article table.minimal td.col-2 {
  width: 20%;
}
/* line 2424, ../sass/main.scss */
#account-details article table.minimal th.col-3, #account-details article .window table.minimal td.col-3, .window #account-details article table.minimal td.col-3, #account-details article table.minimal th.col-4, #account-details article .window table.minimal td.col-4, .window #account-details article table.minimal td.col-4 {
  /*width: 30%;*/
  /*<!--MONDELEZ - MDRWD-I-042 ADD START REASON-->*/
  width: 20%;
}
@media screen and (max-width: 480px) {
  /* line 2429, ../sass/main.scss */
  #account-details article table.minimal th.col-1, #account-details article .window table.minimal td.col-1, .window #account-details article table.minimal td.col-1, #account-details article table.minimal th.col-2, #account-details article .window table.minimal td.col-2, .window #account-details article table.minimal td.col-2, #account-details article table.minimal th.col-3, #account-details article .window table.minimal td.col-3, .window #account-details article table.minimal td.col-3 {
    width: 40%;
  }
}
/* line 2435, ../sass/main.scss */
#account-details article table.minimal td {
  padding: 10px 0;
  text-align: left;
  width: auto;
}
@media screen and (max-width: 480px) {
  /* line 2435, ../sass/main.scss */
  #account-details article table.minimal td {
    font-size: 14px;
  }
}
/* line 2446, ../sass/main.scss */
		#account-details article table:first-child {
			margin-left: 0;
		}
/* line 2451, ../sass/main.scss */
		#account-details article table td {
			width: 50%;
			padding: 5px;
		}
/* line 2455, ../sass/main.scss */
		#account-details article table tr {
			border-bottom: 1px solid #ddd;
		}
/* line 2459, ../sass/main.scss */
		#account-details article table .salary-tablet {
			display: none;
		}

@media screen and (max-width: 768px) {
  /* line 2464, ../sass/main.scss */
	#account-details article table .salary-tablet {
		display: table-row;
	}
  /* line 2467, ../sass/main.scss */
	#account-details article table .salary-desktop {
		display: none;
	}
}

@media screen and (max-width: 600px) {
  /* line 2410, ../sass/main.scss */
	#account-details article table {
		width: 100%;
		margin-left: 0;
	}
  /* line 2475, ../sass/main.scss */
		#account-details article table td {
			padding-right: 15px;
		}
}

/* Full fund performance
	-----------------------------------------------*/
/* line 2485, ../sass/main.scss */
.full-line-graph, .performance-line-graph, #graph-holder {
	margin-bottom: 20px;
}

/* line 2488, ../sass/main.scss */
#graph-holder {
	margin-bottom: 40px;
	clear: both;
}
/* line 2492, ../sass/main.scss */
	#graph-holder #placeholder {
		min-height: 400px;
		max-height: 400px;
	}

@media screen and (max-width: 550px) {
  /* line 2492, ../sass/main.scss */
	#graph-holder #placeholder {
		min-height: 350px;
		max-height: 350px;
	}
}

@media screen and (max-width: 500px) {
  /* line 2492, ../sass/main.scss */
	#graph-holder #placeholder {
		min-height: 300px;
		max-height: 300px;
	}
}

@media screen and (max-width: 450px) {
  /* line 2492, ../sass/main.scss */
	#graph-holder #placeholder {
		min-height: 200px;
		max-height: 200px;
	}
}

@media screen and (max-width: 768px) {
  /* line 2513, ../sass/main.scss */
	.flot-x-axis .flot-tick-label {
		font-size: 11px;
	}
}

@media screen and (max-width: 600px) {
  /* line 2513, ../sass/main.scss */
	.flot-x-axis .flot-tick-label {
		font-size: 9px;
	}
}

@media screen and (max-width: 550px) {
  /* line 2521, ../sass/main.scss */
	.flot-x-axis .flot-tick-label:nth-child(2n) {
		display: none;
	}
}

/* line 2529, ../sass/main.scss */
.fund-performance > div {
	border-bottom: none;
	margin-bottom: 2px;
}
/* line 2533, ../sass/main.scss */
	.fund-performance > div:last-child {
		margin-bottom: 0;
	}
/* line 2537, ../sass/main.scss */
	.fund-performance > div a {
		border-right: 2px solid white;
	}

/* Your portfolio
	-----------------------------------------------*/
/* line 2545, ../sass/main.scss */
.full-height {
	height: 100%;
	left: 335px;
	position: absolute;
}
/* line 2550, ../sass/main.scss */
	.full-height .vertical-align {
		display: table;
		width: 100%;
		height: 100%;
	}
/* line 2555, ../sass/main.scss */
		.full-height .vertical-align .center-me {
			display: table-cell;
			vertical-align: middle;
		}

/* line 2562, ../sass/main.scss */
#portfolio-contributions {
	display: none;
}

/* Transaction history
	-----------------------------------------------*/
/* line 2569, ../sass/main.scss */
.timeframe {
	margin-bottom: 10px;
}
/* line 2571, ../sass/main.scss */
	.timeframe span.radio-container {
		clear: none;
	}
/* line 2574, ../sass/main.scss */
		.timeframe span.radio-container:nth-of-type(odd) {
			clear: left;
		}
/* line 2578, ../sass/main.scss */
	.timeframe label:nth-of-type(odd) {
		width: 150px;
	}

/* line 18, ../sass/_registration.scss */
.registration-holder p, .registration-holder label {
	font-size: 14px;
	line-height: 1.3;
}

@media screen and (min-width: 767px) {
  /* line 18, ../sass/_registration.scss */
	.registration-holder p, .registration-holder label {
		font-size: 16px;
	}
}

/* line 30, ../sass/_registration.scss */
#registration-slider input[type=password] {
	/*color: #e84c4d;*/
	color: #4F2170;
	font-family: Veranda, sans-serif;
}
/* line 35, ../sass/_registration.scss */
#registration-slider select, #registration-slider .ui-selectmenu-button {
	display: block;
	border: 1px solid #d1d1d1;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	font-weight: 100;
	line-height: 22px;
	margin-bottom: 15px;
	padding: 10px;
	resize: none;
	width: 100%;
}
/* line 49, ../sass/_registration.scss */
#registration-slider h2 {
	font-size: 18px;
}

@media screen and (min-width: 767px) {
  /* line 49, ../sass/_registration.scss */
	#registration-slider h2 {
		font-size: 24px;
	}
}

/* line 59, ../sass/_registration.scss */
.bx-viewport {
	border: 1px solid #d1d1d1;
}

/* line 63, ../sass/_registration.scss */
#security-quesitons, #registration-quesitons, #homepage-redirect {
	display: none;
}

/* line 68, ../sass/_registration.scss */
.slider-panel {
	padding: 10px;
}

@media screen and (min-width: 768px) {
  /* line 68, ../sass/_registration.scss */
	.slider-panel {
		padding: 40px;
	}
}

/* line 76, ../sass/_registration.scss */
.firstbutton {
	margin-bottom: 10px;
}

@media screen and (min-width: 768px) {
  /* line 76, ../sass/_registration.scss */
	.firstbutton {
		margin-bottom: 0;
	}
}

/* line 84, ../sass/_registration.scss */
#pin {
	text-align: center;
	border-left: 40px solid #d1d1d1;
	border-right: 40px solid #d1d1d1;
}
/* line 89, ../sass/_registration.scss */
	#pin.error {
		/*border-color: #e84c4d;*/
		border-color: #4F2170;
		background-color: #f5b2b2;
	}

@media screen and (min-width: 768px) {
  /* line 95, ../sass/_registration.scss */
	.feedback-message {
		min-height: 70px;
	}
}

/* line 102, ../sass/_registration.scss */
.error {
	/*border: 2px solid #e84c4d !important;*/
	border: 2px solid #4F2170 !important;
}

/* line 2587, ../sass/main.scss */
#errorAppendedModal {
	display: none;
}

/* line 2591, ../sass/main.scss */
#loginErrorMessage {
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	/*background-color: #e84c4d;*/
	background-color: #4F2170;
	z-index: 10000;
	padding: 20px;
	text-align: center;
}
/* line 2602, ../sass/main.scss */
	#loginErrorMessage button {
		float: none;
		margin: 20px auto;
	}

/* line 2608, ../sass/main.scss */
#scheme-pdf {
	margin-top: 20px;
}

/* line 2612, ../sass/main.scss */
.button[disabled] {
	cursor: default;
	background-color: #ccc;
}
/* line 2616, ../sass/main.scss */
	.button[disabled]:hover {
		background-color: #ccc;
	}

/* line 2622, ../sass/main.scss */
#tsAndCsModal .legal-lines {
	max-height: 300px;
	overflow: auto;
	margin-bottom: 0;
	-webkit-overflow-scrolling: touch;
	font-size: 14px;
	line-height: 1.4;
}

@media screen and (max-width: 500px) {
  /* line 2622, ../sass/main.scss */
	#tsAndCsModal .legal-lines {
		max-height: 200px;
		padding: 10px;
	}
}
/* line 2635, ../sass/main.scss */
#tsAndCsModal .modal-body {
	padding: 5px;
}
/* line 2638, ../sass/main.scss */
#tsAndCsModal .modal-footer {
	margin-top: 0;
}
/* line 2641, ../sass/main.scss */
#tsAndCsModal h4 {
	font-size: 18px;
}

/* line 2646, ../sass/main.scss */
#credential-slider {
	width: 500%;
}
/* line 2647, ../sass/main.scss */
	#credential-slider label {
		color: white;
	}
/* line 2653, ../sass/main.scss */
	#credential-slider .cred-slide {
		width: 20%;
		padding: 10px;
	}
/* line 2658, ../sass/main.scss */
	#credential-slider .remember-me {
		text-align: left;
	}
/* line 2661, ../sass/main.scss */
	#credential-slider .accept-ts-and-cs {
		text-align: left;
		padding-left: 15px;
	}
/* line 2665, ../sass/main.scss */
		#credential-slider .accept-ts-and-cs a {
			display: inline;
			float: none;
			font-size: 16px;
		}
/* line 2671, ../sass/main.scss */
		#credential-slider .accept-ts-and-cs label {
			line-height: 1.2;
			font-size: 16px;
		}
/* line 2676, ../sass/main.scss */
		#credential-slider .accept-ts-and-cs #AcceptTsAndCs {
			position: absolute;
		}
/* line 2681, ../sass/main.scss */
	#credential-slider input[type=checkbox] {
		visibility: hidden;
	}
/* line 2685, ../sass/main.scss */
	#credential-slider label[for=RememberMe], #credential-slider label[for=AcceptTsAndCs] {
		position: relative;
		padding-left: 10px;
		cursor: pointer;
	}
/* line 2690, ../sass/main.scss */
		#credential-slider label[for=RememberMe]:before, #credential-slider label[for=AcceptTsAndCs]:before {
			content: "";
			display: block;
			position: absolute;
			background-color: white;
			width: 17px;
			height: 17px;
			border: 3px solid white;
			left: -15px;
			top: 0;
		}
/* line 2703, ../sass/main.scss */
		#credential-slider label[for=RememberMe].checked:before, #credential-slider label[for=AcceptTsAndCs].checked:before {
			/*background-color: #e84c4d;*/
			background-color: #4F2170;
		}

/* line 2710, ../sass/main.scss */
.fund-slider {
	width: 200%;
}

/* line 2713, ../sass/main.scss */
.fund-changer {
	width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
}

@media screen and (min-width: 768px) {
  /* line 2713, ../sass/main.scss */
	.fund-changer {
		width: 360px;
		margin-right: 30px;
		margin-top: 45px;
	}
}

/* line 2725, ../sass/main.scss */
.slide {
	width: 50%;
}

/* line 2729, ../sass/main.scss */
.mobile-slider-buttons a {
	width: 50%;
	padding: 20px;
	margin: 0;
}

/* line 2735, ../sass/main.scss */
.fund-graph {
	max-width: 340px;
}

@media screen and (max-width: 767px) {
  /* line 2735, ../sass/main.scss */
	.fund-graph {
		width: 100%;
		margin: 0;
		float: none;
		max-width: 100%;
	}
}

/* line 2753, ../sass/main.scss */
.cont-type {
	text-transform: capitalize;
	
}

/* line 2757, ../sass/main.scss */
.buy-message {
	text-align: center;
	display: block;
}

/* line 2762, ../sass/main.scss */
.portfolio-fund-list {
	max-height: 310px;
	overflow: auto;
	display: block;
	padding: 10px 30px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

@media screen and (max-width: 768px) {
  /* line 2762, ../sass/main.scss */
	.portfolio-fund-list {
		max-height: 150px;
	}
}
/* line 2775, ../sass/main.scss */
.portfolio-fund-list li {
	font-size: 12px;
	padding: 5px 10px 5px 10px;
	margin-bottom: 0;
	line-height: 1.4;
}

@media screen and (max-width: 768px) {
  /* line 2775, ../sass/main.scss */
	.portfolio-fund-list li {
		display: block;
		width: 50%;
		float: left;
	}
}

@media screen and (max-width: 380px) {
  /* line 2775, ../sass/main.scss */
	.portfolio-fund-list li {
		width: 100%;
		float: none;
	}
}
/* line 2793, ../sass/main.scss */
.portfolio-fund-list span {
	border-radius: 3px;
	float: left;
	height: 15px;
	margin: 1px 0px 0 -15px;
	width: 10px;
	display: inline;
}

/* line 2803, ../sass/main.scss */
.amended {
	display: none;
}

@media screen and (min-width: 768px) {
  /* line 2803, ../sass/main.scss */
	.amended {
		display: inline;
	}
}

/* line 2810, ../sass/main.scss */
#checkout-feedback-area {
	clear: both;
	padding: 20px;
}
/* line 2814, ../sass/main.scss */
	#checkout-feedback-area .error {
		padding: 10px;
		background-color: #ffcccc;
	}

/* line 2820, ../sass/main.scss */
.individual-all-funds-holder {
	margin-top: 20px;
	margin-bottom: 20px;
	border-bottom: 5px solid #D0D0D0;
	padding: 10px;
	background-color: #f6f6f6;
}
/* line 2827, ../sass/main.scss */
	.individual-all-funds-holder h4 {
		border-bottom: 1px solid #D0D0D0;
	}
/* line 2831, ../sass/main.scss */
	.individual-all-funds-holder .all-available-container {
		background-color: white;
	}

@media screen and (min-width: 768px) {
  /* line 2820, ../sass/main.scss */
	.individual-all-funds-holder {
		padding: 20px;
	}
}

/* line 2841, ../sass/main.scss */
.icon-arrow-down:hover, .icon-arrow-up:hover {
	text-decoration: none;
}

/* line 2847, ../sass/main.scss */
.add-container .percentage-label {
	float: right;
	padding: 5px 0;
}

/* line 2855, ../sass/main.scss */
#checkout-table .selling {
	/*border-top: 3px solid #E84C4D;*/
	border-top: 3px solid #4F2170;
}
/* line 2859, ../sass/main.scss */
	#checkout-table .selling td {
		border-bottom: 3px solid #D0D0D0;
	}
/* line 2862, ../sass/main.scss */
		#checkout-table .selling td:first-child {
			border-bottom: 0;
		}

/* line 2871, ../sass/main.scss */
.pending-changes-message {
	padding: 20px;
	color: white;
	background-color: #3C9DDC;
	margin-bottom: 20px;
	font-size: 16px;
}

@media screen and (max-width: 768px) {
  /* line 2871, ../sass/main.scss */
	.pending-changes-message {
		font-size: 12px;
		padding: 10px;
	}
}

/* line 2884, ../sass/main.scss */
#checkout-table-container {
	max-height: 350px;
	overflow: auto;
	width: 100%;
}

@media screen and (max-width: 768px) {
  /* line 2884, ../sass/main.scss */
	#checkout-table-container {
		max-height: 200px;
	}
}

@media screen and (max-width: 768px) {
  /* line 2894, ../sass/main.scss */
	.benefit-overview {
		width: 100%;
		margin: 0;
	}
}

/* line 2901, ../sass/main.scss */
#all-available-performance-funds {
	margin-top: 20px;
}

/* line 2905, ../sass/main.scss */
#right-slider {
	overflow: hidden;
}
/* line 2908, ../sass/main.scss */
	#right-slider .modeller-slider {
		width: 200%;
	}
/* line 2911, ../sass/main.scss */
#right-slider .modeller-slider > article {
  width: 50%;
}

/* line 2918, ../sass/main.scss */
.right-slider {
  overflow: hidden;
}
/* line 2921, ../sass/main.scss */
.right-slider .modeller-slider {
  width: 200%;
}
/* line 2924, ../sass/main.scss */
.right-slider .modeller-slider > article {
			width: 50%;
		}

/* line 2932, ../sass/main.scss */
#top-slider {
	overflow: hidden;
	padding-top: 10px;
}
/* line 2935, ../sass/main.scss */
	#top-slider .modeller-slider-mobile {
		width: 200%;
	}
/* line 2938, ../sass/main.scss */
		#top-slider .modeller-slider-mobile > article {
			width: 50%;
		}

/* line 2944, ../sass/main.scss */
#benefit-graph, #benefit-info {
	position: relative;
}

/* line 2949, ../sass/main.scss */
	#benefit-graph .icon-arrow-right {
		display: block;
  height: 60px;
  font-size: 20px;
  padding: 20px;
  right: 0;
  top: 95px;
	}
/* line 2957, ../sass/main.scss */
		#benefit-graph .icon-arrow-right:before {
			font-size: 20px;
			top: 50%;
  left: 20px;
			margin-top: -10px;
			display: block;
			position: absolute;
		}

/* line 2969, ../sass/main.scss */
	#benefit-info .icon-arrow-left {
  height: 50px;
  top: 45px;
  font-size: 20px;
  padding: 20px;
  right: 30px;
  width: 30px;
	}
/* line 2977, ../sass/main.scss */
		#benefit-info .icon-arrow-left:before {
			font-size: 20px;
			top: 50%;
			left: 0px;
			margin-top: -10px;
			display: block;
			position: absolute;
		}

/* line 2989, ../sass/main.scss */
#switch-assumptions .radio label {
	width: 70%;
  font-size: .9em;
	margin-bottom: 10px;
}
/* line 2995, ../sass/main.scss */
#switch-assumptions .select-message {
	clear: both;
}
/* line 2998, ../sass/main.scss */
#switch-assumptions form .row {
	margin-bottom: 20px;
    max-height: 180px;
}

/* line 3003, ../sass/main.scss */
.spinner-container {
	max-width: 400px;
	margin: 0 auto;
}

@media screen and (max-width: 450px) {
  /* line 3003, ../sass/main.scss */
	.spinner-container {
    margin-bottom: 60px;
		max-width: 300px;
	}
}

@media screen and (max-width: 350px) {
  /* line 3003, ../sass/main.scss */
	.spinner-container {
		max-width: 270px;
	}
}
/* line 3016, ../sass/main.scss */
.spinner-container .spinner a {
	height: 127px;
}

@media screen and (max-width: 450px) {
  /* line 3015, ../sass/main.scss */
	.spinner-container .spinner {
		width: 95px;
		height: 95px;
	}
  /* line 3023, ../sass/main.scss */
		.spinner-container .spinner p {
			margin-top: -20px;
			font-size: 13px;
			line-height: 15px;
		}
  /* line 3029, ../sass/main.scss */
		.spinner-container .spinner a {
			height: 100px;
		}
  /* line 3031, ../sass/main.scss */
  .spinner-container .spinner a.active {
    width: 120%;
    left: -1px;
  }
}

@media screen and (max-width: 350px) {
  /* line 3015, ../sass/main.scss */
	.spinner-container .spinner {
		width: 85px;
		height: 85px;
		margin-right: 1%;
	}
  /* line 3043, ../sass/main.scss */
		.spinner-container .spinner p {
			margin-top: -20px;
			font-size: 12px;
			line-height: 12px;
		}
  /* line 3048, ../sass/main.scss */
		.spinner-container .spinner a {
			height: 90px;
		}
}

/* line 3057, ../sass/main.scss */
#benefit-bar-mobile {
	height: 150px;
	width: 100%;
}

/* line 3062, ../sass/main.scss */
#mobile-graph-holder {
	max-width: 400px;
	margin: 0 auto;
  padding-top: 10px;
}

@media screen and (max-width: 450px) {
  /* line 3062, ../sass/main.scss */
	#mobile-graph-holder {
		max-width: 300px;
	}
}

@media screen and (max-width: 350px) {
  /* line 3062, ../sass/main.scss */
	#mobile-graph-holder {
		max-width: 270px;
	}
}

@media screen and (max-width: 768px) {
  /* line 3075, ../sass/main.scss */
	#growth-assumption {
		width: 50%;
		float: left;
	}
}

@media screen and (max-width: 768px) {
  /* line 3083, ../sass/main.scss */
	#annuity-options {
		width: 50%;
		float: left;
	}
}

/* line 3094, ../sass/main.scss */
.no-knob .fund-graph {
	width: 50%;
	text-align: center;
}

@media screen and (max-width: 768px) {
  /* line 3094, ../sass/main.scss */
	.no-knob .fund-graph {
		width: 100%;
	}
}
/* line 3104, ../sass/main.scss */
.no-knob .mobile-slider-buttons a {
	width: 80%;
	display: block;
	margin: 0 auto 10px auto;
	float: none;
	border-left: 0;
	border-top: 1px solid #dadada;
	border-bottom: 1px solid #dadada;
}

/* line 3115, ../sass/main.scss */
#cancel-changes {
	margin-top: 20px;
}

@media screen and (min-width: 768px) {
  /* line 3115, ../sass/main.scss */
	#cancel-changes {
		margin-right: 20px;
		margin-top: 0;
	}
}

/* line 3122, ../sass/main.scss */
.ui-widget-header {
	border: 0;
}

/* line 3128, ../sass/main.scss */
.homepage h3 a {
	text-decoration: none;
	color: #505050;
}
/* line 3132, ../sass/main.scss */
	.homepage h3 a:hover {
		text-decoration: none;
		/*color: #e84c4d;*/
		color: #4F2170;
	}

/* line 3140, ../sass/main.scss */
#scheme-name-mobile {
	display: none;
}

@media screen and (max-width: 767px) {
  /* line 3140, ../sass/main.scss */
	#scheme-name-mobile {
		display: block;
		margin-top: 5px;
	}
}

/* line 3148, ../sass/main.scss */
.your-benefits .button {
	font-size: 13px;
}

/* line 3152, ../sass/main.scss */
#projection-basis {
	-ms-touch-action: none;
}

/* line 3158, ../sass/main.scss */
	#projection-basis a, #switch-assumptions a {
		text-decoration: none;
	}

/* line 3162, ../sass/main.scss */
.projection-basis-intro {
  margin-top: 35px;
}

/* line 3166, ../sass/main.scss */
.caveat {
	font-size: 14px;
  margin-top: 20px;
}
/* line 3169, ../sass/main.scss */
	.caveat sup {
		font-size: 12px;
		display: inline-block;
		vertical-align: super;
	}

/* line 3177, ../sass/main.scss */
#change-contact-details input[disabled] {
	border: 0;
	background: none;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #ddd;
	color: #333333;
}
/* line 3184, ../sass/main.scss */
#change-contact-details button[disabled] {
	display: none;
}

/* line 3189, ../sass/main.scss */
#my-funds {
	margin-bottom: 30px;
}

/* line 3193, ../sass/main.scss */
.spinner-value {
	background: transparent;
	position: absolute;
	width: 100%;
	font-size: 20px;
	padding: 5px 0 5px 0;
	top: 26px;
	left: 0;
  font-weight: 400;
	/*color: #e84c4d;*/
	color: #4F2170;
}
/* line 3204, ../sass/main.scss */
.spinner-value.grey {
  color: #aaa;
}
/* line 3208, ../sass/main.scss */
	.spinner-value .mini-values {
		font-size: 11px;
		vertical-align: super;
	}

@media screen and (min-width: 350px) {
  /* line 3193, ../sass/main.scss */
	.spinner-value {
		top: 32px;
	}
}

@media screen and (min-width: 451px) {
  /* line 3193, ../sass/main.scss */
	.spinner-value {
		top: 40px;
		font-size: 26px;
	}
}

@media screen and (min-width: 768px) {
  /* line 3193, ../sass/main.scss */
	.spinner-value {
		top: 36px;
		font-size: 25px;
	}
}

@media screen and (min-width: 992px) {
  /* line 3193, ../sass/main.scss */
	.spinner-value {
		top: 40px;
	}
}

/* line 3232, ../sass/main.scss */
.line-graph {
	width: 100%;
	height: 180px;
}
/* line 3236, ../sass/main.scss */
	.line-graph .flot-x-axis {
		margin-top: -30px;
	}

/* line 3241, ../sass/main.scss */
#p60s.section-selects {
	visibility: hidden;
}

/* line 3244, ../sass/main.scss */
#payslips.section-selects, .displaying-payslip.p60, .displaying-payslip.p60s {
	visibility: hidden;
}

/* line 3247, ../sass/main.scss */
#p60-details, #payslip-details, #p60s-view-all, #payslips-viewall {
	display: none;
}

/* line 3253, ../sass/main.scss */
.p60-landing-subsection .button {
	width: 48%;
	margin-right: 4%;
}
/* line 3257, ../sass/main.scss */
	.p60-landing-subsection .button:nth-child(2n) {
		margin-right: 0;
	}
/* line 3261, ../sass/main.scss */
	.p60-landing-subsection .button.full-width {
		width: 100%;
		margin-right: 0;
	}
/* line 3267, ../sass/main.scss */
.p60-landing-subsection p {
	min-height: 90px;
}
/* line 3271, ../sass/main.scss */
.p60-landing-subsection .expand-control {
	display: none;
}

@media screen and (max-width: 480px) {
  /* line 3277, ../sass/main.scss */
	.p60-landing-subsection .button {
		width: 100%;
		margin-right: 0;
		margin-bottom: 10px;
	}
  /* line 3283, ../sass/main.scss */
	.p60-landing-subsection h3 {
		width: 80%;
		width: calc(100% - 40px);
		margin-right: 10px;
		float: left;
	}
  /* line 3290, ../sass/main.scss */
	.p60-landing-subsection p {
		height: 0;
		min-height: 0;
		overflow: hidden;
		clear: both;
		-webkit-transition: min-height 0.3s ease-out;
		-moz-transition: min-height 0.3s ease-out;
		-ms-transition: min-height 0.3s ease-out;
		-o-transition: min-height 0.3s ease-out;
		transition: min-height 0.3s ease-out;
	}
  /* line 3301, ../sass/main.scss */
		.p60-landing-subsection p.show {
			min-height: 90px;
		}
  /* line 3306, ../sass/main.scss */
	.p60-landing-subsection .expand-control {
		display: block;
		height: 37px;
		/*border-top: 1px solid #e84c4d;*/
		/*border-bottom: 1px solid #e84c4d;*/
		border-top: 1px solid #4F2170;
		border-bottom: 1px solid #4F2170;
		width: 30px;
		float: left;
		position: relative;
		text-align: center;
	}
  /* line 3315, ../sass/main.scss */
		.p60-landing-subsection .expand-control:before {
			display: block;
			width: 100%;
			position: absolute;
			top: 50%;
			text-align: center;
			font-size: 12px;
			margin-top: -6px;
		}
}
/* line 3327, ../sass/main.scss */
.p60-landing-subsection .section-selects {
	margin-top: 20px;
	clear: both;
	display: block;
}
/* line 3332, ../sass/main.scss */
	.p60-landing-subsection .section-selects label {
		display: block;
	}
/* line 3335, ../sass/main.scss */
	.p60-landing-subsection .section-selects.view-all-p60 {
		width: 100%;
		float: left;
		clear: none;
		margin-top: 0;
	}
/* line 3340, ../sass/main.scss */
		.p60-landing-subsection .section-selects.view-all-p60 .styled-select {
			width: 100%;
		}

@media screen and (min-width: 480px) {
  /* line 3335, ../sass/main.scss */
	.p60-landing-subsection .section-selects.view-all-p60 {
		width: 48%;
		margin-top: -24px;
	}
}

@media screen and (min-width: 480px) {
  /* line 3350, ../sass/main.scss */
	.p60-landing-subsection .styled-select {
		width: 48%;
		margin-right: 4%;
		float: left;
	}
  /* line 3356, ../sass/main.scss */
		.p60-landing-subsection .styled-select:nth-child(3n) {
			margin-right: 0;
		}
}

/* line 3363, ../sass/main.scss */
.displaying-payslip {
	padding-left: 0;
	padding-right: 0;
}
/* line 3366, ../sass/main.scss */
	.displaying-payslip .styled-select {
		margin-bottom: 10px;
	}
/* line 3370, ../sass/main.scss */
	.displaying-payslip.p60s label {
		display: block;
	}
/* line 3373, ../sass/main.scss */
	.displaying-payslip.p60s .styled-select {
		width: 50%;
		float: left;
	}

@media screen and (min-width: 480px) {
  /* line 3380, ../sass/main.scss */
	.displaying-payslip label {
		display: inline-block;
		width: 100%;
	}
  /* line 3384, ../sass/main.scss */
	.displaying-payslip .styled-select {
		width: 48%;
		float: left;
		margin-right: 4%;
	}
  /* line 3388, ../sass/main.scss */
		.displaying-payslip .styled-select:nth-child(3n) {
			margin-right: 0;
		}
}

@media screen and (min-width: 768px) {
  /* line 3363, ../sass/main.scss */
	.displaying-payslip {
		padding-left: 15px;
		padding-right: 15px;
		margin-bottom: 10px;
	}
  /* line 3399, ../sass/main.scss */
		.displaying-payslip label {
			width: 20%;
			float: left;
			margin-top: 10px;
		}
  /* line 3404, ../sass/main.scss */
		.displaying-payslip .styled-select {
			width: 30%;
			max-width: 200px;
			margin-right: 20px;
		}
}

/* line 3413, ../sass/main.scss */
.payslip-column {
	padding: 5px 20px;
}
/* line 3416, ../sass/main.scss */
	.payslip-column h5 {
		border-bottom: 1px solid #ccc;
		padding-bottom: 5px;
		font-weight: bold;
		font-size: 15px;
	}
/* line 3422, ../sass/main.scss */
	.payslip-column table {
		width: 100%;
		font-size: 14px;
	}
/* line 3426, ../sass/main.scss */
		.payslip-column table .right-cell {
			text-align: right;
		}
/* line 3429, ../sass/main.scss */
		.payslip-column table td {
			padding: 5px 0;
		}

@media screen and (min-width: 768px) {
  /* line 3413, ../sass/main.scss */
	.payslip-column {
		padding: 0;
		border: 1px solid #ccc;
		border-right: 0;
		position: relative;
	}
  /* line 3440, ../sass/main.scss */
		.payslip-column.payments {
			width: 30%;
			float: left;
			min-height: 250px;
		}
  /* line 3445, ../sass/main.scss */
		.payslip-column.deductions {
			width: 25%;
			float: left;
			min-height: 250px;
		}
  /* line 3450, ../sass/main.scss */
		.payslip-column.payment-frequency {
			width: 45%;
			float: left;
			border-right: 1px solid #ccc;
			min-height: 250px;
		}
  /* line 3456, ../sass/main.scss */
		.payslip-column.pay-to-date {
			width: 52%;
			float: left;
			min-height: 250px;
		}
  /* line 3461, ../sass/main.scss */
		.payslip-column.tax-to-date {
			width: 48%;
			float: left;
			border-right: 1px solid #ccc;
			min-height: 250px;
		}
  /* line 3467, ../sass/main.scss */
		.payslip-column h5 {
			padding: 10px;
			margin-bottom: 0;
		}
  /* line 3471, ../sass/main.scss */
		.payslip-column table {
			padding: 10px;
			height: 100%;
			margin-bottom: 40px;
			width: 100%;
		}
  /* line 3476, ../sass/main.scss */
			.payslip-column table tr, .payslip-column table tbody {
				width: 100%;
			}
  /* line 3479, ../sass/main.scss */
			.payslip-column table td {
				padding: 10px;
				width: 45%;
			}
  /* line 3484, ../sass/main.scss */
		.payslip-column tr.last-row {
			position: absolute;
			bottom: 0;
			left: 0;
			width: 100%;
		}
  /* line 3489, ../sass/main.scss */
			.payslip-column tr.last-row td {
				width: 100%;
			}
}

@media screen and (min-width: 992px) {
  /* line 3495, ../sass/main.scss */
	.payslip-column.payments {
		width: 33%;
	}
  /* line 3498, ../sass/main.scss */
	.payslip-column.deductions {
		width: 33%;
	}
  /* line 3501, ../sass/main.scss */
	.payslip-column.payment-frequency {
		width: 34%;
	}
}

/* line 3507, ../sass/main.scss */
.total-net-pay {
	background-color: #666;
	color: white;
	font-weight: bold;
	clear: both;
	border: 0;
}

@media screen and (min-width: 768px) {
  /* line 3507, ../sass/main.scss */
	.total-net-pay {
		float: right;
		width: 45%;
		padding: 5px 10px;
	}
  /* line 3517, ../sass/main.scss */
		.total-net-pay table {
			display: table;
			margin-bottom: 0;
			width: 100%;
		}
  /* line 3521, ../sass/main.scss */
			.total-net-pay table tbody {
				display: table;
			}
  /* line 3524, ../sass/main.scss */
			.total-net-pay table tr {
				display: table-row;
			}
  /* line 3527, ../sass/main.scss */
				.total-net-pay table tr td {
					display: table-cell;
					width: 50%;
				}
  /* line 3531, ../sass/main.scss */
					.total-net-pay table tr td.right-cell {
						float: none;
					}
  /* line 3538, ../sass/main.scss */
		.total-net-pay.final-tax-code {
			width: 48%;
		}
}

@media screen and (min-width: 992px) {
  /* line 3507, ../sass/main.scss */
	.total-net-pay {
		width: 34%;
	}
}

/* line 3547, ../sass/main.scss */
.payslip-detail-container {
	margin-bottom: 20px;
}

@media screen and (min-width: 991px) {
  /* line 3547, ../sass/main.scss */
	.payslip-detail-container {
		width: 1024px;
		margin-left: auto;
		margin-right: auto;
	}
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  /* line 3555, ../sass/main.scss */
	.payslip-detail-section {
		width: 720px;
		margin-left: auto;
		margin-right: auto;
	}
}

@media screen and (min-width: 992px) {
  /* line 3555, ../sass/main.scss */
	.payslip-detail-section {
    width: 83.33333333333334%;
    margin-left: 8.333333333333332%;
		float: left;
		position: relative;
		min-height: 1px;
		padding-right: 15px;
		padding-left: 15px;
	}
}

/* line 3573, ../sass/main.scss */
.view-all-section {
	margin-bottom: 20px;
}
/* line 3577, ../sass/main.scss */
	.view-all-section.p60s .month-marker {
		font-size: 14px;
	}
/* line 3581, ../sass/main.scss */
	.view-all-section.p60s .view-all-table a {
		font-size: 14px;
		padding-right: 10px;
		padding-left: 10px;
	}

/* line 3591, ../sass/main.scss */
.year-controls .year-control-prev, .year-controls .year-control-next {
	display: block;
	height: 40px;
	width: 40px;
	float: left;
	text-align: center;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	position: relative;
}
/* line 3601, ../sass/main.scss */
	.year-controls .year-control-prev:link, .year-controls .year-control-prev:visited, .year-controls .year-control-next:link, .year-controls .year-control-next:visited {
		/*color: #e84c4d;*/
		color: #4F2170;
		text-decoration: none;
	}
/* line 3606, ../sass/main.scss */
	.year-controls .year-control-prev:hover, .year-controls .year-control-prev:active, .year-controls .year-control-next:hover, .year-controls .year-control-next:active {
		/*color: #e84c4d;*/
		color: #4F2170;
		text-decoration: none;
	}
/* line 3611, ../sass/main.scss */
	.year-controls .year-control-prev:before, .year-controls .year-control-next:before {
		display: block;
		position: absolute;
		top: 50%;
		margin-top: -9px;
		font-size: 18px;
		width: 100%;
		text-align: center;
	}
/* line 3622, ../sass/main.scss */
	.year-controls .year-control-prev:after {
		content: '';
		position: absolute;
		display: block;
		width: 1px;
		height: 30px;
		right: 0;
		top: 50%;
		margin-top: -15px;
		background: #ccc;
	}
/* line 3635, ../sass/main.scss */
	.year-controls .year-control-next:after {
		content: '';
		position: absolute;
		display: block;
		width: 1px;
		height: 30px;
		left: 0;
		top: 50%;
		margin-top: -15px;
		background: #ccc;
	}
/* line 3648, ../sass/main.scss */
.year-controls .year-list-wrapper {
	overflow: hidden;
	width: 70%;
	width: calc(100% - 80px);
	float: left;
	height: 40px;
	margin-bottom: 20px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
/* line 3659, ../sass/main.scss */
.year-controls .year-list-viewport {
	-webkit-overflow-scrolling: touch;
	overflow-x: scroll;
	overflow-y: hidden;
	height: 70px;
}
/* line 3666, ../sass/main.scss */
.year-controls .year-list {
	float: left;
	list-style: none;
	white-space: nowrap;
	margin: 0;
	padding-left: 10px;
	padding-right: 10px;
}
/* line 3674, ../sass/main.scss */
	.year-controls .year-list li {
		display: inline-block;
		width: 80px;
		height: 40px;
		position: relative;
		margin-bottom: 0;
		margin-left: -3px;
		margin-right: -3px;
	}
/* line 3684, ../sass/main.scss */
		.year-controls .year-list li:hover a {
			/*color: #e84c4d;*/
			color: #4F2170;
		}
/* line 3687, ../sass/main.scss */
		.year-controls .year-list li:hover:before {
			content: '';
			width: 100%;
			display: block;
			height: 1px;
			/*background: #e84c4d;*/
			background: #4F2170;
			position: absolute;
			top: 1px;
			z-index: 1000;
		}
/* line 3697, ../sass/main.scss */
		.year-controls .year-list li:hover:after {
			content: '';
			width: 100%;
			display: block;
			height: 1px;
			/*background: #e84c4d;*/
			background: #4F2170;
			position: absolute;
			bottom: 3px;
			z-index: 1000;
		}
/* line 3709, ../sass/main.scss */
		.year-controls .year-list li a {
			position: absolute;
			display: block;
			width: 100%;
			top: 50%;
			font-size: 16px;
			margin-top: -10px;
			text-align: center;
			text-decoration: none;
		}
/* line 3718, ../sass/main.scss */
			.year-controls .year-list li a:hover {
				text-decoration: none;
			}
/* line 3724, ../sass/main.scss */
		.year-controls .year-list li.active:before {
			content: '';
			width: 100%;
			display: block;
			height: 1px;
			/*background: #e84c4d;*/
			background: #4F2170;
			position: absolute;
			top: 1px;
			z-index: 1000;
		}
/* line 3734, ../sass/main.scss */
		.year-controls .year-list li.active:after {
			content: '';
			width: 100%;
			display: block;
			height: 1px;
			/*background: #e84c4d;*/
			background: #4F2170;
			position: absolute;
			bottom: 3px;
			z-index: 1000;
		}
/* line 3745, ../sass/main.scss */
		.year-controls .year-list li.active a {
			/*color: #e84c4d;*/
			color: #4F2170;
		}
/* line 3747, ../sass/main.scss */
			.year-controls .year-list li.active a:after {
				content: '.';
				display: block;
				bottom: 0px;
				position: absolute;
				text-align: center;
				font-size: 36px;
				width: 100%;
			}

/* line 3762, ../sass/main.scss */
.view-all-table {
	width: 100%;
}
/* line 3764, ../sass/main.scss */
	.view-all-table .month-marker {
		font-size: 11px;
		width: 75%;
		text-align: left;
	}

@media screen and (min-width: 480px) and (max-width: 767px) {
  /* line 3764, ../sass/main.scss */
	.view-all-table .month-marker {
		font-size: 12px;
	}
}
/* line 3772, ../sass/main.scss */
.view-all-table tr {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 2px 0 2px 0;
}
/* line 3777, ../sass/main.scss */
.view-all-table td {
	border-right: 1px solid #ccc;
	text-align: center;
}
/* line 3780, ../sass/main.scss */
	.view-all-table td:last-child {
		border-right: 0;
	}
/* line 3784, ../sass/main.scss */
.view-all-table a {
	font-size: 10px;
	padding: 10px 4px;
	display: inline-block;
}

@media screen and (min-width: 480px) and (max-width: 767px) {
  /* line 3784, ../sass/main.scss */
	.view-all-table a {
		font-size: 12px;
	}
}

@media screen and (min-width: 480px) {
  /* line 3794, ../sass/main.scss */
	.view-all-table .month-marker {
		padding-left: 5px;
	}
}

@media screen and (min-width: 992px) {
  /* line 3800, ../sass/main.scss */
	.view-all-table a, .view-all-table .month-marker {
		font-size: 14px;
	}
}
/* line 3805, ../sass/main.scss */
.view-all-table.monthly {
	font-size: 14px;
}
/* line 3806, ../sass/main.scss */
	.view-all-table.monthly a, .view-all-table.monthly .month-marker {
		font-size: 14px;
	}

@media screen and (min-width: 768px) {
  /* line 3812, ../sass/main.scss */
	.column1 {
		width: 48%;
		float: left;
		margin-right: 4%;
	}
}

/* line 3821, ../sass/main.scss */
.column2 .view-all-table tr:first-child {
	border-top: 0;
}

@media screen and (min-width: 768px) {
  /* line 3819, ../sass/main.scss */
	.column2 {
		width: 48%;
		float: left;
	}
  /* line 3830, ../sass/main.scss */
		.column2 .view-all-table tr:first-child {
			border-top: 1px solid #ccc;
		}
}

/* line 3838, ../sass/main.scss */
.view-controls {
	float: right;
	display: none;
}
/* line 3841, ../sass/main.scss */
	.view-controls button {
		-webkit-appearance: none;
		-moz-appearance: none;
		background: none;
		/*color: #e84c4d;*/
		color: #4F2170;
		border: 1px solid #ccc;
		width: 40px;
		height: 40px;
		display: block;
		float: left;
		font-size: 20px;
	}
/* line 3852, ../sass/main.scss */
		.view-controls button:first-child {
			border-right: 0;
		}

/* line 1, ../sass/_loadingspinner.scss */
.loading-box {
	width: 100%;
	max-width: 900px;
	padding-top: 50px;
  margin: 0 auto 50px auto;
	text-align: center;
	background: rgba(255, 255, 255, 0.8);
}
/* line 8, ../sass/_loadingspinner.scss */
	.loading-box span {
		display: block;
		margin-bottom: 20px;
  font-size: 15px;
	}

/* line 15, ../sass/_loadingspinner.scss */
.cssanimations .loading {
	margin: 0 auto;
	border-bottom: 6px solid #f7c1c1;
	border-left: 6px solid #f7c1c1;
	/*border-right: 6px solid #e84c4d;*/
	/*border-top: 6px solid #e84c4d;*/	
	border-right: 6px solid #4F2170;
	border-top: 6px solid #4F2170;
	border-radius: 100%;
	height: 50px;
	width: 50px;
  -webkit-animation: spin .6s infinite linear;
  -moz-animation: spin .6s infinite linear;
  -o-animation: spin .6s infinite linear;
  animation: spin .6s infinite linear;
	background-image: none;
}

/* line 31, ../sass/_loadingspinner.scss */
.loading {
	margin: 0 auto;
	border-radius: 100%;
	height: 50px;
	width: 50px;
  background: transparent url("/images/ajax-loader.gif") no-repeat 50% 50%;
}

@keyframes spin {
	from {
		background: none;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	to {
		background: none;
		-webkit-transform: rotate(359deg);
		-moz-transform: rotate(359deg);
		-o-transform: rotate(359deg);
		-ms-transform: rotate(359deg);
		transform: rotate(359deg);
	}
}

@-moz-keyframes spin {
	from {
		background: none;
		-moz-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	to {
		background: none;
		-moz-transform: rotate(359deg);
		transform: rotate(359deg);
	}
}
@-webkit-keyframes "spin" {
  from {
	background: none;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}

to {
	background: none;
	-webkit-transform: rotate(359deg);
	transform: rotate(359deg);
}

}
@-o-keyframes "spin" {
  from {
	background: none;
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
}

to {
	background: none;
	-o-transform: rotate(359deg);
	transform: rotate(359deg);
}

}

.retirementCalendarApiError {
	display: inline-block;
	color: red;
	font-size: 14px;
}

.retirementCalendarError {
	display: inline-block;
	color: red;
	font-size: 14px;
}

.leaverCalendarError {
	display: inline-block;
	color: red;
	font-size: 14px;
}