@import url('https://fonts.googleapis.com/css?family=Lato');

html, body {
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	color: #0B0C0C;
	line-height: 1.6;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
}

/*

STYLESHEET INFORMATION

Name: Reset
Type: Framework
Theme: Core

Description: Contains reset styles for a theme. It is recommended that this be the first
file included in the themes bundle.

*/

/*  Reset Starts */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Reset Ends */

/*

STYLESHEET INFORMATION

Name: Base
Type: Framework
Theme: Core

Description: Contains the base styles for a theme such as font setting. It is recommended
that this file come directly after the reset styles in the theme bundle.

*/

/* Base Styles Start */

a {
	color: #005EA5;
	text-decoration: underline;
}

a:hover {
	color: #2B8CC4;
	cursor: pointer;
}

button {
	font-size: 1rem;
}

button:hover {
	cursor: pointer;
}

/* Default element focus style */
*:focus {
	outline: 2px solid #0064FF;
	outline-offset: 0;
}

h1 {
	font-size: 2.5rem;
	font-weight: bold;
	margin: 0 0 20px 0;
}

h2 {
	font-size: 1.5rem;
	font-weight: bold;
	margin: 0 0 20px 0;
}

h3 {
	font-size: 1.25rem;
	font-weight: bold;
	margin: 0 0 20px 0;
}

h4 {
	font-weight: bold;
	margin: 0 0 20px 0;
}

p {
	margin: 0 0 20px 0;
	word-wrap: break-word;
}

small {
	font-size: 0.8rem;
}

hr {
	margin: 20px 0;
	background-color: #fff;
	border: 0;
}

ul, ol {
	list-style: none;
}

table, th, td {
	border: 1px solid #ccc;
	padding: 5px;
}

th {
	background-color: #ddd;
	text-align: left;
}


.accessibility,
.hide {
	display: block;
	visibility: visible;
	border: 0;
	clip: rect(0 0 0 0);
	clip: rect(0, 0, 0, 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

.a-intro__content {
	margin: 10px 0;
	font-size: 1.3rem;
	font-weight: bold;
}

.container {
	position: relative;
	box-sizing: border-box;
	margin: 0 auto;
	max-width: 1200px;
	padding: 0px 20px;
	clear: both;
}
/* Base Styles End */

/*

STYLESHEET INFORMATION

Name: Core theme
Type: Framework
Theme: Core

Table of Contents:
 - Core theme styles
 - Core theme responsive styles

Description: Contains the theme specific styles such as menus and responsive styles.
It is recommended that is come directly after the editor styles in the theme bundle.

*/

/* Core theme starts */

/* General */

.grid--wrapper {
	width: 95%;
	margin: 0 auto;
    overflow: visible;
}

.grid--wrapper>.grid__cell:only-child {
	width: 100%;
}

.a-relimage {
	float: left;
	padding: 0 20px 20px 0
}

.panel__list {
	list-style: none;
}

.accessibility {
    display: block;
    visibility: visible;
    border: 0;
    display: block;
    clip: rect(0px 0 0 0);
    clip: rect(0px,0px,0px,0px);
    clip-path: polygon(0px 0,0px 0,0px 0,0px 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

/* Utility menu */

.utilitymenu {
	list-style: none;
	padding: 0;
	margin: 0;
	float: right;
}

.utilitymenu__item {
	display: inline;
}

	.utilitymenu__item + .utilitymenu__item {
		border-left: 1px solid #000;
		padding: 0 5px;
	}

/* Breadcrumb */

.breadcrumb {
	list-style: none;
	padding: 0;
	margin: 0;
}

.breadcrumb__crumb {
	display: inline;
}

	.breadcrumb__crumb:after {
		content: '>';
	}

/* List Defaults */

.grid--list .grid__cellwrap {
	border: 1px solid #ccc;
	padding: 10px;
}

/* Table Defaults */

table,
th,
td {
    border: 1px solid #ccc;
    border-collapse: collapse;
    padding: 5px;
}

th {
    background-color: #ddd;
    text-align: left;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* Core theme ends */

/* Core theme responsive starts */

@media ( min-width: 800px) {
	.grid--list.grid--1col .item {
		display: table;
	}

	.grid--list.grid--1col .item__imagecontainer, .item__content {
		display: table-cell;
		vertical-align: top;
	}

	.grid--list.grid--1col .item__content {
		width: 100%;
	}

	.grid--list.grid--1col .item__image {
		padding-right: 10px;
	}
}

@media (max-width: 800px) {
	.grid--list > .grid__cell {
		width: 100%;
	}
}

@media (max-width: 1200px) and (min-width: 800px) {
	.grid--list.grid--2col .item,
	.grid--list.grid--3col .item,
	.grid--list.grid--4col .item,
	.grid--list.grid--5col .item {
		display: table;
	}

	.grid--list.grid--2col .item__imagecontainer, .grid--list.grid--2col .item__content,
	.grid--list.grid--3col .item__imagecontainer, .grid--list.grid--3col .item__content,
	.grid--list.grid--4col .item__imagecontainer, .grid--list.grid--4col .item__content,
	.grid--list.grid--5col .item__imagecontainer, .grid--list.grid--5col .item__content {
		display: table-cell;
		vertical-align: top;
	}

	.grid--list.grid--2col .item__content,
	.grid--list.grid--3col .item__content,
	.grid--list.grid--4col .item__content,
	.grid--list.grid--5col .item__content {
		width: 100%;
	}

	.grid--list.grid--2col .item__image,
	.grid--list.grid--3col .item__image,
	.grid--list.grid--4col .item__image,
	.grid--list.grid--5col .item__image {
		padding-right: 10px;
	}

	.grid--list.grid--2col > .grid__cell,
	.grid--list.grid--3col > .grid__cell,
	.grid--list.grid--4col > .grid__cell,
	.grid--list.grid--5col > .grid__cell {
		width: 100%;
	}
}

/* Core theme responsive ends */

/*
STYLESHEET INFORMATION

Name: Icon Component Styles
Type: Component
Theme: Core

Description: Contains styles for the icon component

*/

/* Icon Component Starts */

@font-face {
	font-family: "icons";
	src: url('../fonts/icons.eot');
	src: url('../fonts/icons.eot#iefix') format('embedded-opentype'), url('../fonts/icons.woff') format('woff'), url('../fonts/icons.ttf') format('truetype'), url('../fonts/icons.svg#icons') format('svg');
	font-weight: normal;
	font-style: normal;
}

::after, ::before {
	font-family: "icons", sans-serif;
	font-style: normal;
	font-weight: normal;
	speak: none;
	display: inline-block;
	vertical-align: middle;
	font-variant: normal;
	text-transform: none;
	line-height: 1.2em;
	font-size: 100%;
}

.fa::after, .fa::before {
	font-family: "FontAwesome", sans-serif;
	font-style: normal;
	font-weight: normal;
	speak: none;
	display: inline-block;
	vertical-align: middle;
	padding: 0;
	font-variant: normal;
	text-transform: none;
	line-height: 1.2em;
	font-size: 100%;
}

/* Icon Component Ends */

/*

STYLESHEET INFORMATION

Name: Grid
Type: Component
Theme: Core

Description: Contains styles for the grid and gridCell component

*/


/* Grid Component Starts */

.grid {
    width: 100%;
    margin: 0;
    overflow: hidden;
}

.grid:after {
    content: "";
    display: table;
    clear: both;
}

.grid--center {
    text-align: center;
}


/* Grid Component Ends */


/* Grid Cell Component */

.grid__cell {
    float: left;
    box-sizing: border-box;
    width: 100%;
    padding: 0;
}

.grid--center .grid__cell {
    display: inline-block;
    float: none;
    vertical-align: top;
    margin: 0 -2px;
}

.grid__cell--hide {
    display: none;
}

.grid__cell:only-child {
    width: 100%;
}

.grid__cellwrap {
    box-sizing: border-box;
}


/* Grid Cell Widths */


/* Grid Cell Widths / 1 Column */

.grid--1col>.grid__cell {
    width: 100%;
    clear: both;
}


/* Grid Cell Widths / 2 Column */

.grid--2col>.grid__cell {
    width: 50%;
}

.grid--2col>.grid__cell:nth-child(2n+1) {
    clear: both
}


/* Grid Cell Widths / 3 Column */

.grid--3col>.grid__cell {
    width: 33.33%;
}

.grid--3col>.grid__cell:nth-child(3n+1) {
    clear: both
}


/* Grid Cell Widths / 4 Column */

.grid--4col>.grid__cell {
    width: 25%;
}

.grid--4col>.grid__cell:nth-child(4n+1) {
    clear: both
}


/* Grid Cell Widths / 5 Column */

.grid--5col>.grid__cell {
    width: 20%;
}

.grid--5col>.grid__cell:nth-child(5n+1) {
    clear: both
}


/* Grid Cell Widths / 6 Column */

.grid--6col>.grid__cell {
    width: 16.66%;
}

.grid--6col>.grid__cell:nth-child(6n+1) {
    clear: both
}


/* Grid Cell Widths / 7 Column */

.grid--7col>.grid__cell {
    width: 14.28%;
}

.grid--7col>.grid__cell:nth-child(7n+1) {
    clear: both
}


/* Grid Cell Widths / 8 Column */

.grid--8col>.grid__cell {
    width: 12.5%;
}

.grid--8col>.grid__cell:nth-child(8n+1) {
    clear: both
}


/* Grid Cell Widths / 9 Column */

.grid--9col>.grid__cell {
    width: 11.11%;
}

.grid--9col>.grid__cell:nth-child(9n+1) {
    clear: both
}


/* Grid Cell Widths / 10 Column */

.grid--10col>.grid__cell {
    width: 10%;
}

.grid--10col>.grid__cell:nth-child(10n+1) {
    clear: both
}


/* Grid Cell Widths / 10 Column */

.grid--11col>.grid__cell {
    width: 9.09%;
}

.grid--11col>.grid__cell:nth-child(11n+1) {
    clear: both
}


/* Grid Cell Widths / 12 Column */

.grid--12col>.grid__cell {
    width: 8.33%;
}

.grid--12col>.grid__cell:nth-child(12n+1) {
    clear: both
}


/* Column Span CSS */


/* Column Span CSS / 2/12 */

.grid--12col>.grid__cell--cols2 {
    width: 16.66%;
}


/* Column Span CSS / 2/11 */

.grid--11col>.grid__cell--cols2 {
    width: 18.18%;
}


/* Column Span CSS / 2/10 */

.grid--10col>.grid__cell--cols2 {
    width: 20%;
}


/* Column Span CSS / 2/9 */

.grid--9col>.grid__cell--cols2 {
    width: 22.22%;
}


/* Column Span CSS / 1/4 */

.grid--8col>.grid__cell--cols2,
.grid--12col>.grid__cell--cols3 {
    width: 25%;
}


/* Column Span CSS / 3/11 */

.grid--11col>.grid__cell--cols3 {
    width: 27.27%;
}


/* Column Span CSS / 2/7 */

.grid--7col>.grid__cell--cols2 {
    width: 28.56%;
}


/* Column Span CSS / 3/10 */

.grid--10col>.grid__cell--cols3 {
    width: 30%;
}


/* Column Span CSS / 1/3 */

.grid--6col>.grid__cell--cols2,
.grid--9col>.grid__cell--cols3,
.grid--12col>.grid__cell--cols4 {
    width: 33.33%;
}


/* Column Span CSS / 4/11 */

.grid--11col>.grid__cell--cols4 {
    width: 36.36%;
}


/* Column Span CSS / 3/8 */

.grid--8col>.grid__cell--cols3 {
    width: 37.5%;
}


/* Column Span CSS / 5/12 */

.grid--12col>.grid__cell--cols5 {
    width: 41.66%;
}


/* Column Span CSS / 2/5 */

.grid--5col>.grid__cell--cols2,
.grid--10col>.grid__cell--cols4 {
    width: 40%;
}


/* Column Span CSS / 3/7 */

.grid--7col>.grid__cell--cols3 {
    width: 42.84%;
}


/* Column Span CSS / 4/9 */

.grid--9col>.grid__cell--cols4 {
    width: 44.44%;
}


/* Column Span CSS / 5/11 */

.grid--11col>.grid__cell--cols5 {
    width: 45.45%;
}


/* Column Span CSS / 1/2 */

.grid--4col>.grid__cell--cols2,
.grid--6col>.grid__cell--cols3,
.grid--8col>.grid__cell--cols4,
.grid--10col>.grid__cell--cols5,
.grid--12col>.grid__cell--cols6 {
    width: 50%;
}


/* Column Span CSS / 6/11 */

.grid--11col>.grid__cell--cols6 {
    width: 54.54%;
}


/* Column Span CSS / 5/9 */

.grid--9col>.grid__cell--cols5 {
    width: 55.55%;
}


/* Column Span CSS / 4/7 */

.grid--7col>.grid__cell--cols4 {
    width: 57.12%;
}


/* Column Span CSS / 7/12 */

.grid--12col>.grid__cell--cols7 {
    width: 58.33%;
}


/* Column Span CSS / 3/5 */

.grid--5col>.grid__cell--cols3,
.grid--10col>.grid__cell--cols6 {
    width: 60%;
}


/* Column Span CSS / 5/8 */

.grid--8col>.grid__cell--cols5 {
    width: 62.5%;
}


/* Column Span CSS / 7/11 */

.grid--11col>.grid__cell--cols7 {
    width: 63.63%;
}


/* Column Span CSS / 2/3 */

.grid--3col>.grid__cell--cols2,
.grid--6col>.grid__cell--cols4,
.grid--9col>.grid__cell--cols6,
.grid--12col>.grid__cell--cols8 {
    width: 66.66%;
}


/* Column Span CSS / 7/10 */

.grid--10col>.grid__cell--cols7 {
    width: 70%;
}


/* Column Span CSS / 5/7 */

.grid--7col>.grid__cell--cols5 {
    width: 71.4%;
}


/* Column Span CSS / 8/11 */

.grid--11col>.grid__cell--cols8 {
    width: 72.72%;
}


/* Column Span CSS / 3/4 */

.grid--4col>.grid__cell--cols3,
.grid--8col>.grid__cell--cols6,
.grid--12col>.grid__cell--cols9 {
    width: 75%;
}


/* Column Span CSS / 7/9 */

.grid--9col>.grid__cell--cols7 {
    width: 77.77%;
}


/* Column Span CSS / 4/5 */

.grid--5col>.grid__cell--cols4,
.grid--10col>.grid__cell--cols8 {
    width: 80%;
}


/* Column Span CSS / 9/11 */

.grid--11col>.grid__cell--cols9 {
    width: 81.81%;
}


/* Column Span CSS / 5/6 */

.grid--6col>.grid__cell--cols5,
.grid--12col>.grid__cell--cols10 {
    width: 83.33%;
}


/* Column Span CSS / 6/7 */

.grid--7col>.grid__cell--cols6 {
    width: 84.68%;
}


/* Column Span CSS / 7/8 */

.grid--8col>.grid__cell--cols7 {
    width: 87.5%;
}


/* Column Span CSS / 8/9 */

.grid--9col>.grid__cell--cols8 {
    width: 88.88%;
}


/* Column Span CSS / 9/10 */

.grid--10col>.grid__cell--cols9 {
    width: 90%;
}


/* Column Span CSS / 10/11 */

.grid--11col>.grid__cell--cols10 {
    width: 90.1%;
}


/* Column Span CSS / 11/12 */

.grid--12col>.grid__cell--cols11 {
    width: 91.66%;
}


/* Column Span CSS / 1/1 */

.grid--2col>.grid__cell--cols2,
.grid--3col>.grid__cell--cols3,
.grid--4col>.grid__cell--cols4,
.grid--5col>.grid__cell--cols5,
.grid--6col>.grid__cell--cols6,
.grid--7col>.grid__cell--cols7,
.grid--8col>.grid__cell--cols8,
.grid--9col>.grid__cell--cols9,
.grid--10col>.grid__cell--cols10,
.grid--11col>.grid__cell--cols11,
.grid--12col>.grid__cell--cols12 {
    width: 100%;
}


/* Column Span CSS / Resize Reset */


/* Column Span CSS / Clear Reset */

.grid--2col>.grid__cell--cols2:nth-child(2n+1),
.grid--3col>.grid__cell--cols2:nth-child(3n+1),
.grid--4col>.grid__cell--cols2:nth-child(4n+1),
.grid--4col>.grid__cell--cols3:nth-child(4n+1),
.grid--5col>.grid__cell--cols2:nth-child(5n+1),
.grid--5col>.grid__cell--cols3:nth-child(5n+1),
.grid--5col>.grid__cell--cols4:nth-child(5n+1),
.grid--6col>.grid__cell--cols2:nth-child(6n+1),
.grid--6col>.grid__cell--cols3:nth-child(6n+1),
.grid--6col>.grid__cell--cols4:nth-child(6n+1),
.grid--6col>.grid__cell--cols5:nth-child(6n+1),
.grid--7col>.grid__cell--cols2:nth-child(7n+1),
.grid--7col>.grid__cell--cols3:nth-child(7n+1),
.grid--7col>.grid__cell--cols4:nth-child(7n+1),
.grid--7col>.grid__cell--cols5:nth-child(7n+1),
.grid--7col>.grid__cell--cols6:nth-child(7n+1),
.grid--8col>.grid__cell--cols2:nth-child(8n+1),
.grid--8col>.grid__cell--cols3:nth-child(8n+1),
.grid--8col>.grid__cell--cols4:nth-child(8n+1),
.grid--8col>.grid__cell--cols5:nth-child(8n+1),
.grid--8col>.grid__cell--cols6:nth-child(8n+1),
.grid--8col>.grid__cell--cols7:nth-child(8n+1),
.grid--8col>.grid__cell--cols2:nth-child(8n+1),
.grid--8col>.grid__cell--cols3:nth-child(8n+1),
.grid--8col>.grid__cell--cols4:nth-child(8n+1),
.grid--8col>.grid__cell--cols5:nth-child(8n+1),
.grid--8col>.grid__cell--cols6:nth-child(8n+1),
.grid--8col>.grid__cell--cols7:nth-child(8n+1) .grid--9col>.grid__cell--cols2:nth-child(9n+1),
.grid--9col>.grid__cell--cols3:nth-child(9n+1),
.grid--9col>.grid__cell--cols4:nth-child(9n+1),
.grid--9col>.grid__cell--cols5:nth-child(9n+1),
.grid--9col>.grid__cell--cols6:nth-child(9n+1),
.grid--9col>.grid__cell--cols7:nth-child(9n+1),
.grid--9col>.grid__cell--cols8:nth-child(9n+1),
.grid--10col>.grid__cell--cols2:nth-child(10n+1),
.grid--10col>.grid__cell--cols3:nth-child(10n+1),
.grid--10col>.grid__cell--cols4:nth-child(10n+1),
.grid--10col>.grid__cell--cols5:nth-child(10n+1),
.grid--10col>.grid__cell--cols6:nth-child(10n+1),
.grid--10col>.grid__cell--cols7:nth-child(10n+1),
.grid--10col>.grid__cell--cols8:nth-child(10n+1),
.grid--10col>.grid__cell--cols9:nth-child(10n+1),
.grid--11col>.grid__cell--cols2:nth-child(11n+1),
.grid--11col>.grid__cell--cols3:nth-child(11n+1),
.grid--11col>.grid__cell--cols4:nth-child(11n+1),
.grid--11col>.grid__cell--cols5:nth-child(11n+1),
.grid--11col>.grid__cell--cols6:nth-child(11n+1),
.grid--11col>.grid__cell--cols7:nth-child(11n+1),
.grid--11col>.grid__cell--cols8:nth-child(11n+1),
.grid--11col>.grid__cell--cols9:nth-child(11n+1),
.grid--11col>.grid__cell--cols10:nth-child(11n+1) .grid--12col>.grid__cell--cols2:nth-child(12n+1),
.grid--12col>.grid__cell--cols3:nth-child(12n+1),
.grid--12col>.grid__cell--cols4:nth-child(12n+1),
.grid--12col>.grid__cell--cols5:nth-child(12n+1),
.grid--12col>.grid__cell--cols6:nth-child(12n+1),
.grid--12col>.grid__cell--cols7:nth-child(12n+1),
.grid--12col>.grid__cell--cols8:nth-child(12n+1),
.grid--12col>.grid__cell--cols9:nth-child(12n+1),
.grid--12col>.grid__cell--cols10:nth-child(12n+1),
.grid--12col>.grid__cell--cols11:nth-child(12n+1) {
    clear: none
}

/*
STYLESHEET INFORMATION

Name: Block Component Styles
Type: Component
Theme: Core

Description: Contains styles for the block component

Table of Contents:
    - Block Component
        - Metadata
        - Elements
            - Links
                - Icons
            - List
        - Template
            - Forms
                - Saved Forms
                - Read Only Forms
                - List
        - Media Queries
            - 860px  
            - 480px

*/

/* Block Component Starts */
.block {
	width: 100%;
	clear: both;
	padding: 20px;
	margin: 0 0 20px 0;
	box-sizing: border-box;
	border: 1px solid #ccc;
	line-height: 1.4;
    background-color:#fff;
}

.block .block {
    margin: 0;
}

.block .block + .block {
    margin: 20px 0 0 0;
}

@media(max-width:480px){
    .block {
        padding: 10px;
    }
}

/* Block Component / Metadata */

.block--muted {
	background-color: #f2f2f2;
}

.block--contrast {
	background-color: #333;
	color: #fff;
}

/* Block Component / Elements */
.block__heading {
	font-weight: bold;
	display: block;
	margin: 0;
	padding:0;
	margin-bottom: 10px;
}

.block__summary{
    margin:0 0 20px 0;
}

.block__actions + .block{
 margin: 20px 0 0 0;
}

/* Block Component / Grids */
.block .grid--block{
    width:calc(100% + 40px);
    margin-left:-20px;
}

.block .grid--block .grid__cell{
    padding:0 20px;
}

.block .grid--block.grid--1col .grid__cell + .grid__cell {
    padding:20px 20px 0 20px;
}

/* Block Component / Elements / Links */

.block .cta-link{
 margin:0;  
}

.block--contrast .cta-link{
 color:initial;   
}

.block__link--heading {
	font-weight: bold;
	font-size: 1.125rem;
	display: block;
}

.block__link--list {
	display: block;
	position: relative;
	padding: 0 20px 0 0;
}

.block__link--default {
	display: inline-block;
	margin: 10px 0 0 0;
}

.block__link--savedform{
	padding:0 0 10px 0;
}


/* Block Component / Elements / Links / Icons */

.block__link:after {
	content: '\e827';
	font-size: 80%;
	padding:0 0 0 10px;

}

.block__link--list:after {
	position: absolute;
	right: 10px;
	top: 5px;
}


/* Block Component / Elements / List */

.block__list {
	padding: 0;
	list-style: none;
}

.block__item {
	display: block;
	padding-bottom: 10px;
}

	.block__item:last-child {
		padding-bottom: 0;
	}

/* Block Component / Template / Forms */

.block .icmform {
	margin:0;
	background-color: transparent;
}

.block .icmform legend {
    font-size: 1.125em;
    font-weight: bold;
    margin: 0 0 20px 0;
    padding: 0px 0 10px 0;
}

.block .icmform label {
    font-weight: bold;
}

.block .icmform .icmbuttongroup legend {
	 font-weight: bold;
}

/* Block Component / Template / Forms / Saved Forms */

.block__savedform + .block__savedform {
	padding: 20px 0 0 0;
	margin: 20px 0 0 0;
	border-top: 1px solid #ccc;
}

/* Block Component / Template / List */

.block__list--list .block__item {
	float: left;
	width: 50%;
	box-sizing: border-box;
	padding: 0 20px 10px 0;
}

.block__list--list .block__item:nth-child(2n+1) {
    clear: left;
}

/*
STYLESHEET INFORMATION

Name: Button Component Styles
Type: Component
Theme: Core

Description: Contains styles for the button component

Table of Contents:
    - Base styles
    - Colours
    - Icons
    - Big icons
    - Icon only
*/

/* Base styles */
.btn {
	background-color: #E6E6E6;
	color: inherit;
	padding: 10px 20px;
	box-sizing: border-box;
	margin: 0 10px 10px 0;
	font-size: 1rem;
	font-family: inherit;
	font-weight: bold;
	border: 0;
	position: relative;
	line-height: 22px;
}

.btn:hover,
.btn:focus {
	cursor: pointer;
	box-shadow: inset 0 0 20em rgba(0, 0, 0, 0.2);
}

.btn[aria-disabled="true"]:hover,
.btn[disabled]:hover{
	cursor: default;
	box-shadow: none;
}

.btn[aria-disabled="true"],
.btn[disabled]{
	color: #ccc;
}

/* Colours */
.btn--contrast {
	background-color: #333;
	color: #fff;
}

.btn--contrast:hover {
	box-shadow: inset 0 0 20em rgba(0, 0, 0, 0.8);
}

.btn--negative {
	background-color: #800f18;
	color: #fff;
}

.btn--positive {
	background-color: #008000;
	color: #fff;
}

.btn--progress {
	background-color: #FFB81B;
}

.btn--fullwidth {
	width: 100%;
}

/* Icons */
.btn::before,
.btn::after {
	position: absolute;
}

.btn::before {
	top: calc(50% - 8px);
	left: 12px;
}
.btn::after {
	top: calc(50% - 9px);
	right: 12px;
}

.btn--back {
	padding-left: 35px;
}
.btn--back::before {
	content: '\e826';
}

.btn--forward {
	padding-right: 35px;
}
.btn--forward::after {
	content: '\e827';
	top: calc(50% - 8px);
}

.btn--delete {
	padding-right: 35px;
}
.btn--delete::after {
	content: '\e840';
}

.btn--alert {
	padding-left: 35px;
}
.btn--alert::before {
	content: '\e83b';
}

.btn--cancel {
	padding-right: 35px;
}
.btn--cancel::after {
	content: '\e840';
}

.btn--time {
	padding-right: 35px;
}
.btn--time::after {
	content: '\e823';
}

.btn--filter {
	padding-right: 35px;
}
.btn--filter::after {
	content: '\f0b0';
}

.btn--selected {
	padding-right: 35px;
}
.btn--selected::after {
	content: '\e840';
}

.btn--search {
	padding-right: 35px;
}
.btn--search::after {
	content: "\e800";
}

.btn--play::after {
    content: "\e830";
}

.btn--play {
	padding-right: 35px;
}

.btn--pause::after {
    content: "\e82f";
}

.btn--pause {
	padding-right: 35px;
}

.btn--stop::after {
    content: "\e82e";
}

.btn--stop {
	padding-right: 35px;
}

.btn--complete::after {
    content: "\e80a";
}

.btn--complete {
	padding-right: 35px;
}

.btn--home::after{
    content: "\e80e";
}

.btn--home {
	padding-right: 35px;
}



/* Big icons */
.btn--big-icon {
	padding: 15px 20px;
}
.btn--big-icon::before {
	font-size: 200%;
	top: calc(50% - 17px);
}
.btn--big-icon::after {
	font-size: 200%;
	top: calc(50% - 19px);
}

.btn--big-icon.btn--back,
.btn--big-icon.btn--alert {
	padding-left: 54px;
}

.btn--big-icon.btn--forward,
.btn--big-icon.btn--delete,
.btn--big-icon.btn--cancel,
.btn--big-icon.btn--time,
.btn--big-icon.btn--filter,
.btn--big-icon.btn--selected,
.btn--big-icon.btn--search,
.btn--big-icon.btn--play,
.btn--big-icon.btn--pause,
.btn--big-icon.btn--stop,
.btn--big-icon.btn--complete,
.btn--big-icon.btn--home {
	padding-right: 54px;
}

/* The forward icon has got extra whitespace which pushes it up */
.btn--big-icon.btn--forward::after {
	top: calc(50% - 16px);
}

/* Icon only */
.btn--icon-only {
	padding: 10px 20px;
	min-height: 40px;
}
.btn--icon-only.btn--big-icon {
	padding: 10px 20px;
	min-height: 60px;
}

.btn--icon-only::before,
.btn--icon-only::after,
.btn--icon-only.btn--big-icon::before,
.btn--icon-only.btn--big-icon::after {
	position: static;
	top: auto;
	bottom: auto;
	left:auto;
	right: auto;
	margin: 0;
	padding: 0;
}

/*
STYLESHEET INFORMATION

Name: Call to Action Link Component Styles
Type: Component
Theme: Core

Description: Contains styles for the call to action link component

Table of Contents:
    - Base styles
    - Colours
    - Icons
    - Big icons
    - Icon only
*/


/* Base styles */
.cta-link {
    background-color: #E6E6E6;
    color: inherit;
    padding: 10px 20px;
    box-sizing: border-box;
    margin: 0 10px 10px 0;
    font-size: 1rem;
    font-family: inherit;
    font-weight: bold;
    text-decoration: none;
    position: relative;
    display: inline-block;
    line-height: 22px;
}

.cta-link:hover,
.cta-link:focus {
    cursor: pointer;
    text-decoration: none;
}

.cta-link {
    padding-right: 35px;
}
.cta-link::after {
    content: '\e827';
    top: calc(50% - 8px);
}

/* Colours */
.cta-link--contrast {
    background-color: #333;
    color: #fff;
}

.cta-link--contrast:hover {
    box-shadow: inset 0 0 20em rgba(0, 0, 0, 0.8);
}

.cta-link--negative {
    background-color: #800f18;
    color: #fff;
}

.cta-link--positive {
    background-color: #008000;
    color: #fff;
}

.cta-link--progress {
    background-color: #FFB81B;
}

.cta-link--fullwidth {
    width: 100%;
}

/* Icons */
.cta-link::before,
.cta-link::after {
    position: absolute;
}

.cta-link::before {
    top: calc(50% - 8px);
    left: 12px;
}
.cta-link::after {
    right: 12px;
}

.cta-link--back {
    padding-left: 35px;
    padding-right: 20px;
}
.cta-link--back::before {
    content: '\e826';
}
.cta-link--back::after {
    content: '';
}

.cta-link--forward {
    padding-right: 35px;
}
.cta-link--forward::after {
    content: '\e827';
    top: calc(50% - 8px);
}

.cta-link--delete {
    padding-right: 35px;
}
.cta-link--delete::after {
    content: '\e840';
}

.cta-link--alert {
	padding-right: 35px;
}
.cta-link--alert::after {
	content: '\e83b';
}

.cta-link--cancel {
    padding-right: 35px;
}
.cta-link--cancel::after {
    content: '\e840';
}

.cta-link--time {
    padding-right: 35px;
}
.cta-link--time::after {
    content: '\e823';
}

.cta-link--filter {
    padding-right: 35px;
}
.cta-link--filter::after {
    content: '\f0b0';
}

.cta-link--selected {
    padding-right: 35px;
}
.cta-link--selected::after {
    content: '\e840';
}

.cta-link--search {
    padding-right: 35px;
}
.cta-link--search::after {
    content: "\e800";
}

.cta-link--play::after {
    content: "\e830";
}

.cta-link--play {
	padding-right: 35px;
}

.cta-link--pause::after {
    content: "\e82f";
}

.cta-link--pause {
	padding-right: 35px;
}

.cta-link--stop::after {
    content: "\e82e";
}

.cta-link--stop {
	padding-right: 35px;
}

.cta-link--complete::after {
    content: "\e80a";
}

.cta-link--complete {
	padding-right: 35px;
}

.cta-link--home::after{
    content: "\e80e";
}

.cta-link--home {
	padding-right: 35px;
}


/* Big icons */
.cta-link--big-icon {
    padding: 15px 54px 15px 20px;
}
.cta-link--big-icon::before {
    font-size: 200%;
    top: calc(50% - 17px);
}
.cta-link--big-icon::after {
    font-size: 200%;
    top: calc(50% - 19px);
}

.cta-link--big-icon.cta-link--back {
    padding-left: 54px;
    padding-right: 20px;
}

.cta-link--big-icon.cta-link--forward,
.cta-link--big-icon.cta-link--delete,
.cta-link--big-icon.cta-link--cancel,
.cta-link--big-icon.cta-link--time,
.cta-link--big-icon.cta-link--filter,
.cta-link--big-icon.cta-link--selected,
.cta-link--big-icon.btn--play,
.cta-link--big-icon.btn--pause,
.cta-link--big-icon.btn--stop,
.cta-link--big-icon.btn--complete,
.cta-link--big-icon.btn--home{
    padding-right: 54px;
}

.cta-link--big-icon.cta-link--search {
    padding-right: 54px;
}

/* The forward icon has got extra whitespace which pushes it up */
.cta-link--big-icon.cta-link--forward::after {
    top: calc(50% - 16px);
}

/* Icon only */
.cta-link--icon-only {
    padding: 10px 20px;
    min-height: 40px;
}
.cta-link--icon-only.cta-link--big-icon {
    padding: 10px 20px;
    min-height: 60px;
}

.cta-link--icon-only::before,
.cta-link--icon-only::after,
.cta-link--icon-only.cta-link--big-icon::before,
.cta-link--icon-only.cta-link--big-icon::after {
    position: static;
    top: auto;
    bottom: auto;
    left:auto;
    right: auto;
    margin: 0;
    padding: 0;
}

/*
STYLESHEET INFORMATION

Name: NVP Component Styles
Type: Component
Theme: Core

Description: Contains styles for the Nested Value Pair

*/


/* NVP Component Starts */

.nvp__label,
.nvp__value {
    vertical-align: top;
}

.nvp__label {
    font-weight: bold;
}

/* NVP Component Ends */

/*

STYLESHEET INFORMATION

Name: Authentication
Type: Template - Core
Theme: Core

Description: Contains styles for the authentication template

*/

/* Authentication Template Starts */
.grid--authentication{
    width:calc(100% + 40px);
    margin-left:-20px;
}
.grid__cell--authentication{
    padding:20px;
}

.loginform {
	border: 1px solid #ccc;
	padding: 0;
}

.loginform__submit {
	width: 100%;
	cursor: pointer;
	margin: 0;
	border: 0;
    border-bottom:1px solid #ccc;
	color: #fff;
	padding: 20px 40px;
	text-decoration: none;
	display: block;
	box-sizing: border-box;
	background: #333 no-repeat 24px 50%;
	font-size: 1.1rem;
    font-family:inherit;
    font-weight:bold;
}

.loginform__submit:hover, 
.loginform__submit:focus {
	box-shadow: inset 0 0 20em rgba(0, 0, 0, 0.15);
	text-decoration: none;
}

.loginform__submitwrap{
    position:relative;
}

.loginform__submit--amazon {
    background-color: #fcdd88;
    color:#111;
    background-position: 20px 50%;
    background-image: url(../images/amazon.png)
}

.loginform__submit--google {
	background-color: #fff;
	background-image: url(../images/google.png);
}

.loginform__submit--facebook {
	background-color: #4267b2;
    background-position: 26px 50%;
	background-image: url(../images/facebook.png);
}

.loginform__submit--twitter {
	background-color: #1DA1F2;
    color:#fff;
	background-image: url(../images/twitter.png);
}

.loginform__submit--linkedin {
	background-color: #0077b5;
	background-image: url(../images/linkedin.png);
}

.loginform__submit--mygovscot {
	background-color: #fff;
	background-image: url(../images/mygovscot.png);
	background-position: 20px 50%;
	color: #226eaa;
}

.loginform__submit--adfs {
	background-color: #fff;
	background-image: url(../images/adfs.png);
	color: #1DA1F2;
}

.loginform__submitwrap--add::after{
    content: "\e807";
    color:#fff;
    right: 20px;
    position: absolute;
    top: calc(50% - 8px); 
}

.loginform__pwrap--icmsiteuser {
	padding: 15px 20px 20px 20px;
}
.loginform__pwrap--icmsiteuser h2{
    font-size:1.2rem;
}
.loginform__pwrap--icmsiteuser span{
    display:block;
    margin:0 0 10px 0;
}

.loginform__label, .loginform__text, .loginform__password {
	display: block;
	width: 100%;
	box-sizing: border-box;
	max-width: inherit;
	border: 1px solid #ccc;
	border-radius: 0;
	padding: 15px;
	margin-bottom: 20px;
}

.loginform__label {
	visibility: visible;
	border: 0;
	clip: rect(0, 0, 0, 0);
	clip: rect(0, 0, 0, 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px
}

.loginform__guidetext {
	text-align: center
}
.divider,
.loginform__divider {
	display: block;
	border-bottom: 1px solid #ccc;
	text-align: center;
	margin: 0 15px 20px 15px;
}
.divider__text,
.loginform__dividertext {
	padding: 5px 20px;
	text-align: center;
	top: 10px;
	position: relative;
	background-color: #fff;
	font-weight: bold;
}

.loginform__title {
	margin: 20px 0 10px 0;
	display: block;
	font-size: 1.2em;
	font-weight: bold;
}

@media (max-width: 480px) {
	.loginform__submit {
		background-image: none;
	}
}

.authlinks {
	list-style: none;
	padding: 0;
	margin: 20px 0 0 0;
}

.authlinks__item {
	margin-bottom: 10px;
}

/* Authentication Template Ends */

/*

STYLESHEET INFORMATION

Name: Account Management
Type: Template - iCM
Theme: Core

Description: Contains styles for the authentication template

*/


/* Account Management Template Starts */

.grid--am {
    width: calc(100% + 40px);
    margin-left: -20px;
}

.grid--am-panel.grid--2col>.grid__cell--am:nth-child(2n+1) {
    clear: none;
}

.grid__cell--am {
    padding: 0 20px 20px 20px;
}

.grid--1col .grid__cell--am {
    padding: 0 20px 40px 20px;
}

.am-linked .grid--1col .grid__cell--am {
    padding: 0 20px 10px 20px;
}

.grid--am-accounts .grid__cell--am:last-child {
    padding: 0 20px;
}

.block--am {
    padding: 0;
    margin: 0;
    border: 0;
}

.block--am-accounts {
    padding: 15px 130px 15px 55px;
    position: relative;
    border: 0;
    background-color: #fafafa;
    border: 1px solid #ccc;
    border-bottom: 0;
    margin: 0;
}

.block--am-existing .block--am-accounts:last-child {
    border-bottom: 1px solid #ccc;
}

.am-linked .block--am-accounts {
    border-bottom: 1px solid #ccc;
}

.block--am-existing .block--am-accounts+.block--am-accounts {
    margin: 0;
}

.block--am-accounts.block--am-locked {
    background-color: #e5e5e5;
    color: #666;
}

.block--am-accounts .block__heading {
    margin: 0 0 5px 0;
}

.block--am-accounts .block__summary {
    margin: 0;
}

.block--am-accounts::before {
    content: " ";
    width: 30px;
    height: 30px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: auto 18px;
    position: absolute;
    top: 15px;
    left: 12px;
    border-radius: 50%;
}

.block--am-icmsiteuser::before {
    background-color: #333;
    content: "\f2be";
    color: #fff;
    line-height: 30px;
    text-align: center;
    font-size: 20px;
}

.block--am-mulitpleusers::before {
    background-color: #333;
    content: "\e84d";
    color: #fff;
    line-height: 30px;
    text-align: center;
    font-size: 16px;
}

.block--am-amazon::before {
    background-color: #fcdd88;
    background-image: url(../images/amazon.png)
}

.block--am-google::before {
    background-color: #ef6666;
    background-image: url(../images/google.png);
}

.block--am-facebook::before {
    background-color: #4267b2;
    background-image: url(../images/facebook.png);
}

.block--am-twitter::before {
    background-color: #1DA1F2;
    background-image: url(../images/twitter.png);
}

.block--am-linkedin::before {
    background-color: #0077b5;
    background-image: url(../images/linkedin.png);
    background-position: 6px 50%;
}

.block--am-mygovscot::before {
    background-color: #fff;
    background-image: url(../images/mygovscot.png);
    background-size: 20px auto;
    border: 1px solid #ccc;
}

.block--am-adfs::before {
    background-color: #fff;
    background-image: url(../images/adfs.png);
    background-size: 16px auto;
    border: 1px solid #ccc;
}

.btn--am.btn--am-remove {
    position: absolute;
    top: 15px;
    right: 15px;
    margin: 0;
}

.nvp--am-accounts {
    display: block;
    padding: 10px 0 0 0;
}

.nvp--am-accounts:first-child {
    padding: 00 0 0;
}

.nvp--am-accounts .nvp__label,
.nvp--am-accounts strong {
    width: 110px;
    display: inline-block;
}

.am-linked .cta-link--am,
.am-linked .btn--am {
    padding: 20px 40px;
    font-size: 1.1rem;
    text-align: center;
}

.cta-link--am-newaccount::before {
    content: "\f2be";
    text-align: center;
    font-size: 20px;
    position: absolute;
    top: calc(50% - 10px);
    left: 30px;
    border-radius: 50%;
}

.cta-link-am-newaccount::after {
    content: "\e807";
    right: 20px;
}

.cta-link-am-return {
    margin: 10px 0;
    text-align: center;
    float: right;
}
.am-linked__account .block--am-accounts{
    margin:0 0 20px 0;
}


.am-linked .cta-link-am-return {
    margin: 0 0 10px 0;
    text-align: center;
    float: right;
}

.am-linked .grid--2col .btn--am-createaccount {
    width: calc(50% - 20px);
}

.btn--cancelauth {
    margin: 10px 0 0 0;
}

.block--am-hide {
    opacity: 0;
    visibility: hidden;
    height: 0;
    -webkit-transition: opacity 1s linear;
    -moz-transition: opacity 1s linear;
    transition: opacity 1s linear;
}

.block--am-selected {
    opacity: 1;
    visibility: visible;
    height: auto;
    -webkit-transition: opacity 1s linear;
    -moz-transition: opacity 1s linear;
    transition: opacity 1s linear;
    color: #999;
}



/* Account Management Template Ends */

/*

STYLESHEET INFORMATION

Name: Default C-Clamp
Type: C-Clamp - iCM
Theme: Core

Description: Contains styles for the c-clamp template for the default theme.

*/


/* Default C-Clamp Template Starts */

.cta-link--cclamp{
    margin:0;
}
.c-clamp__links{
    text-align:right;
}
.c-clamp__links--header{
    margin:10px 0 0 0;
}

.c-clamp__links--footer{
    margin:0 0 10px 0;
}

/* Default C-Clamp Template Ends */

/*

STYLESHEET INFORMATION

Name: Alert
Type: Component
Theme: Core

Description: Contains styles for the alert component

*/

/* Alert Component Starts */

.alert {
	padding: 10px 40px 10px 35px;
	box-sizing: border-box;
	border: 1px solid;
	background-color: #d9edf7;
	color: #31708f;
	border-color: #31708f;
	padding-right: 50px;
	position: relative;
}

.alert:before {
	content: "\e839";
	position: absolute;
	top: 10px;
	left: 10px;
	font-size: 1.2rem;
}

.alert--success {
	background-color: #dff0d8;
	color: #3c763d;
	border-color: #3c763d;
}

.alert--success:before {
	content: "\e841";
}

.alert--warn {
	background-color: #fcf8e3;
	color: #8a6d3b;
	border-color: #8a6d3b;
}

.alert--warn:before {
	content: "\e83c";
}

.alert--error {
	background-color: #f2dede;
	color: #a94442;
	border-color: #a94442;
}

.alert--error:before {
	content: "\e838";
}

.alert--info {
	background-color: #d9edf7;
	color: #31708f;
	border-color: #31708f;
}

.alert p {
	padding: 0;
	margin: 0;
}

.alert p + p,
.alert ul + p,
.alert p + ul {
	padding-top: 10px;
}

.alert ul {
	list-style: circle;
	padding: 0 0 0 20px;
}

.alert li + li {
	padding: 5px 0 0 0;
}

.alert .btn--cancel {
	position: absolute;
	margin: 0;
	top: 0px;
	right: 0px;
	width: 40px;
	background-color: transparent;
	color: inherit;
}

.alert .btn--cancel:hover {
	box-shadow: none;
}

.alert .btn--cancel:after {
	top: 10px;
	position: absolute;
	right: 10px;
	font-size: 1.2rem;
}

.alert .btn--cancel:hover:after {
	color: #333;
}


/* Alert Component Ends */










