.horizontal-padding {
	padding-left: 3rem;
	padding-right: 3.8rem;
}
.vertical-padding {
	padding-top: 1rem;
	padding-bottom: 1rem;
}
.limited-width {
	max-width: 38rem;
	margin-left: auto;
	margin-right: auto;
}
.limited-width.narrow {
	max-width: 28rem;
}
h1, h2, h3, h4, h5, h6, p, ul, ol, table, form, hr, blockquote, pre {
	margin-top: 1em;
}
h1, .h1 {
	font-weight: bold;
	font-size: 2.3rem;
}
h2, .h2 {
	font-weight: bold;
	font-size: 2rem;
	color: #0a2c14;
}
h3, .h3 {
	font-weight: bold;
	font-size: 1.5rem;
	color: #0a2c14;
}
h4, .h4 {
	font-weight: bold;
	font-size: 1rem;
	color: #0a2c14;
	margin: 0px;
}
a {
	color: #6a618e;
}
img {
	border: none;
	max-width: 100%;
}
img[style],
img[height] {
	height: auto !important;
}
img.background {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
img.circular {
	border-radius: 100%;
}
ul, ol, p {
	margin-left: 1.5rem;
}
ul ul, ol ol, ul ol, ol ul {
	margin-top: 0;
}
#content ul li {
	list-style-position: outside;
}
#content ol {
    counter-reset: item;
}
#content ol li {
    display: block
}
#content ol li:before {
    content: counters(item, ".") ". ";
    counter-increment: item
}
strong {
	font-weight: bold;
}
em {
	font-style: italic;
}
table {
	border-collapse: collapse;
	font-family: Figtree, Sans serif, Arial, Helvetica;
}
table td, table th {
	padding-right: 0.75em;
	vertical-align: top;
	text-align: left;
}

input, textarea, select {
	font-family: inherit;
	font-size: 100%;
	box-sizing: border-box;
	outline: none;
}
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"], textarea {
	appearance: none;
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	border-radius: 0;
}
table.figtree-table {
	font-family: Figtree, Sans serif, Arial, Helvetica;
	font-size: 80%;
}
table.figtree-table th {
	font-weight: bold;
	text-align: center;
	background-color: #0a2c14;
	color: white;
}
table.figtree-table th, td {
	border: 1px solid #3c1005;
	padding-top: 2.5em;
	padding-bottom: 2.5em;
}
table.orgchart-table {
	border-width: 0px;
}
table.orgchart-table td {
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 1em;
	padding-right: 1em;
	border: none;
}
table.orgchart-table hr {
	border: none;
	border-top: 1px solid #3c1005;
	border-bottom: 1px solid #3c1005;
	height: 1px;
	background-color: #3c1005;
	width: 100%;
}
input[type="text"],
textarea {
	border: 1px solid #6a618e;
	background-color: white;
	color: #231f20;
	padding: 0.9em 1.2em;
}
textarea {
	resize: vertical;
}
input[type="submit"],
input[type="button"],
a.download-button,
.download-button a,
a .download-button {
	cursor: pointer;
	background-color: #3d1005;
	font-family: Figtree, Sans serif;
	font-size: 0.85rem;
	color: white;
	padding: 0.5em 0.25em;
	text-decoration: none;
	text-transform: lowercase;
	display: inline-block;
	text-align: center;
	box-sizing: border-box;
	width: 12.5rem;
	max-width: 100%;
}
input[type="submit"],
input[type="button"] {
	font-size: 0.7rem;
}
input[type="submit"],
input[type="button"],
a.download-button strong,
.download-button a strong,
a .download-button strong {
	font-weight: bold;
	text-transform: none;
}

a.download-button.cta,
.download-button.cta a,
a .download-button.cta,
a.download-button.cta strong,
.download-button.cta a strong,
a .download-button.cta strong {
	text-transform: uppercase;
}

.button-container input[type="submit"],
.button-container input[type="button"],
.button-container a.download-button,
.button-container .download-button a,
.button-container a .download-button {
	margin: 0.25rem 0;
}

a.external::after {
	content: ' ';
	background: transparent url('/templates/crl_surveys/images/external-link-link.png') no-repeat scroll 90% 35%;
	background-size: 75%;
	display: inline-block;
	width: 0.75em;
	height: 0.75em;
	vertical-align: middle;
}
a.download-button.external::after,
a .download-button.external::after {
	background-image: url('/templates/crl_surveys/images/external-link-white.png');
}

.lowercase {
	text-transform: lowercase;
}
.uppercase {
	text-transform: uppercase;
}

select, option {
	font-weight: inherit;
	font-size: inherit;
	font-family: inherit;
}
option {
	font-size: 11px;
}
select {
	border: 1px solid #333;	
	padding: 5px 5px 5px 15px;
}

a.filter-button,
.filter-button a {
	display: inline-block;
	text-decoration: none;
	background: #0a2c14;
	color: white;
	font-size: 0.6667rem;
	border: 0.1em solid #0a2c14;
	border-radius: 0.3em;
	vertical-align: middle;
	padding: 0.25em 0.5em;
	margin: 0.25em 0.15em;
}
a.filter-button.selected,
.filter-button.selected a {
	color: #0a2c14;
	background-color: white;
}
.filters + p.filters {
	margin-top: 0.5em;
}

th[align=left], td[align=left] { text-align: left !important; }
th[align=center], td[align=center] { text-align: center !important; padding-right: 0.375em; padding-left: 0.375em; }
th[align=right], td[align=right] { text-align: right !important; padding-right: 0; padding-left: 0.75em; }
th[valign=top], td[valign=top] { vertical-align: top !important; }
th[valign=middle], td[valign=middle] { vertical-align: middle !important; }
th[valign=bottom], td[valign=bottom] { vertical-align: bottom !important; }

img.left-aligned {
	float: left;
	margin-right: 2em;
}
img.right-aligned {
	float: right;
	margin-left: 2em;
}
sup, sub {
	font-size: 60%;
	padding: 0;
	margin: 0;
	line-height: 0;
}
small {
	font-size: smaller;
}
hr {
	height: 1px;
	border: none;
	border-top: 1px solid #28b04d;
	border-bottom: 1px solid #2aba51;
	color: #0a2c14;
	background-color: #0a2c14;
	width: 66%;
	margin-left: auto;
	margin-right: auto;
}


h1:first-child, h1.first-child, h2:first-child, h2.first-child, h3:first-child, h3.first-child, h4:first-child, h4.first-child, h5:first-child, h5.first-child, h6:first-child, h6.first-child,
p:first-child, p.first-child, ul:first-child, ul.first-child, ol:first-child, ol.first-child, table:first-child, table.first-child, form:first-child, form.first-child, hr:first-child, hr.first-child, blockquote:first-child, blockquote.first-child, pre:first-child, pre.first-child {
	margin-top: 0 !important;
}

div.columns {
	margin-top: 1em;
	-moz-column-gap: 30px;
	-moz-column-count: 2;
	-webkit-column-gap: 30px;
	-webkit-column-count: 2;
	column-gap: 30px;
	column-count: 2;
}
div.columns:first-child,
div.columns.first-child {
	margin-top: 0 !important;
}
@media screen and (max-width: 800px) {
	div.columns {
		-moz-column-count: auto;
		-webkit-column-count: auto;
		column-count: auto;
	}
}
.success {
	border: 1px solid #9C9;
	color: #393 !important;
	background: #CFC url('/images/icons/tick.png') no-repeat scroll 1em 1em;
}

.warning {
	border: 1px solid #CC9;
	color: #993 !important;
	background: #FFC url('/images/icons/error.png') no-repeat scroll 1em 1em;
}

.error {
	border: 1px solid #C99;
	color: #933 !important;
	background: #FCC url('/images/icons/cross.png') no-repeat scroll 1em 1em;
}
.info {
	border: 1px solid #CCC;
	color: #333;
	background: #EEE url('/images/icons/comment.png') no-repeat scroll 1em 1em;
}
.success, .warning, .error, .info {
	font-size: 16px;
	padding: 1em 1em 1em 3em;
	margin-top: 1em;
}
.success p, .warning p, .error p, .info p {
	margin-left: 0;
}
.success > ul, .warning > ul, .error > ul, .info > ul {
	margin-left: 1rem;
}
.social-media-accounts {
	font-size: 1rem;
}
.social-media-accounts a {
	display: inline-block;
	background: #3c1005;
	border: 0.15em solid #87250b;
	width: 1.25em;
	height: 1.25em;
	border-radius: 100%;
	padding: 0.2em;
	overflow: hidden;
}
.social-media-accounts a img {
	display: block;
	width: 100%;
	height: 1.25em;
}
.social-media-accounts a + a {
	margin-left: 0.1em;

}
.clear {
	clear: both;
}

.news_page_numbers {
	text-align: center;
	margin-left: 0;
}
.news_item_content {
	margin-top: 1em;
}
.page-number,
.page-number-left,
.page-number-right,
.page-number-ellipsis {
	font-size: 0.6667rem;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	padding: 0;
	width: 1.5rem;
	line-height: 1.5rem;
	color: inherit;
	text-decoration: none;
}
.page-number {
	border: 0.1em solid #0a2c14;
	border-radius: 0.3em;
	overflow: hidden;
}
.page-number.selected,
.page-number:hover {
	color: white;
	background-color: #0a2c14;
}
.sidebar-header {
	font-size: 158%;
}
.letterbox-image-container {
	position: relative;
	overflow: hidden;
	text-align: center;
}
.letterbox-image img,
.letterbox-image img[width],
.letterbox-image img[height] {
	display: block;
	width: 100% !important;
	height: auto !important;
	min-height: 350px;
}

.letterbox-image-container:hover .letterbox-image .static_page_element_image_toolbar {
	display: block !important;
	z-index: 999;
}
.letterbox-image-caption-container {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: block;
	overflow: hidden;
}
.letterbox-image-caption {
	display: table;
	width: 100%;
	height: 100%;
	max-width: 1000px;
	margin: 0 auto;
}
.letterbox-image-caption-content {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 100%;
	height: 100%;
	color: #3f3b5e;
	font-size: 350%;
	font-weight: bold;
	padding: 0 2em;
}

@media screen and (max-width: 900px) {
	.horizontal-padding {
		padding-left: 0.5rem;
		padding-right: 0.5rem;
	}

}

@media screen and (max-width: 850px) {
	.letterbox-image-caption-content {
		font-size: 250%;
	}
}
@media screen and (max-width: 500px) {
	.horizontal-padding {
	padding-left: 0.25rem;
	padding-right: 0.25rem;
	}
	.letterbox-image-caption-content {
		font-size: 150%;
	}
}


.testimonials {
	margin-top: 1em;
}
.testimonials:first-child {
	margin-top: 0;
}
.quotations.column-container {
	margin: 0 -0.5em -0.5em -0.5em;
}
.quotations.column-container .column {
	padding: 0.5em;
}
.column-container .column {
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
}

.quotation {
	color: white;
	margin: 1.5rem 0;
}
.quotation-background {
	background-color: #3c1005;
}
.quotation-background {
	position: relative;
}
.quotation-background-image,
.quotation-background-image img,
.quotation-background-overlay {
	position: absolute;
	left: 0; right: 0;
	top: 0; bottom: 0;
}
.quotation-background-image img,
.quotation-background-image img[width],
.quotation-background-image img[height],
.quotation-background-image img[style] {
	width: 100% !important;
	height: 100% !important;
	background: #0a2c14 none no-repeat scroll center center;
	background-size: cover;
}
.quotation-content {
	position: relative;
}
.quotation-content {
		padding-top: 4em;
		padding-bottom: 4em;
}
.align-center {
	text-align: center;
}
.align-center p,
.align-right .align-center p {
	margin-left: 0;
	margin-right: 0;
}

.indent-both-sides p,
.indent-both-sides .align-left p,
.indent-both-sides .align-center p,
.indent-both-sides .align-right p {
	margin-left: 1.5rem;
	margin-right: 1.5rem;
}
.indent-both-sides .remove-indent {
	margin-left: -1.5rem;
	margin-right: -1.5rem;
}

@media screen and (max-width: 500px) {
	ul, ol, p {
		margin-left: 1rem;
	}
	.align-right p {
		margin-left: 0;
		margin-right: 1rem;
	}
	.indent-both-sides p,
	.indent-both-sides .align-left p,
	.indent-both-sides .align-center p,
	.indent-both-sides .align-right p {
		margin-left: 1rem;
		margin-right: 1rem;
	}
	.indent-both-sides .remove-indent {
		margin-left: -1rem;
		margin-right: -1rem;
	}
}

.image-with-caption {
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
	font-size: 0.6667rem;
	color: #666;
}
.image-with-caption img {
	display: block;
	width: 100%;
}
.image-with-caption p {
	margin: 0;
}
.image-with-caption p.caption {
	padding: 0.5em 0.75em;
}

.right-half {
	margin-left: 50%;
	width: 50%;
}
.left-half {
	margin-right: 50%;
	width: 50%;
}
@media screen and (max-width: 960px) {
	.right-half { width: 66.66%; margin-left: 33.33%; }
	.left-half { width: 66.66%; margin-right: 33.33%; }
}
@media screen and (max-width: 700px) {
	.right-half { width: 75%; margin-left: 25%; }
	.left-half { width: 75%; margin-right: 25%; }
}
@media screen and (max-width: 600px) {
	.right-half { width: 100%; margin-left: 0; }
	.left-half { width: 100%; margin-right: 0; }
}
.thumbnail-link-thumbnail {
	font-size: 0.7143rem;
	text-align: left;
	display: inline-block;
	width: 26rem;
	vertical-align: top;
	box-sizing: border-box;
	padding: 1rem;
}
.thumbnail-link-columns.column-count-3 .thumbnail-link-thumbnail {
	width: 25%;
}
.thumbnail-link-thumbnail.align-center { text-align: center; }
.thumbnail-link-thumbnail.align-right { text-align: right; }

.thumbnail-link-thumbnail a,
.thumbnail-link-thumbnail span.a {
	border: 1px solid #b3b3b3;
	background: white;
	display: block;
	text-decoration: none;
	color: inherit;
}
.thumbnail-link-thumbnail .thumbnail-link-thumbnail-image,
.thumbnail-link-thumbnail .thumbnail-link-thumbnail-caption {
	position: relative;
	display: block;
}
.thumbnail-link-thumbnail .thumbnail-link-thumbnail-image {
	width: 100%;
	height: 10.7em;
}
.thumbnail-link-thumbnail .thumbnail-link-thumbnail-image img {
	width: 100%;
	height: auto;
	display: block;
}
.thumbnail-link-thumbnail .thumbnail-link-thumbnail-image img.static_page_element_image_placeholder,
.thumbnail-link-thumbnail .thumbnail-link-thumbnail-image img.static_page_element_image_placeholder[style] {
	position: absolute;
}
.thumbnail-link-thumbnail .thumbnail-link-thumbnail-caption {
	background-color: #0a2c14;
	border: none;
	color: white;
	text-align: center;
	padding: 0.5rem;
	display: table;
	width: 100%;
	box-sizing: border-box;
	min-height: 5em;
}
.thumbnail-link-thumbnail .thumbnail-link-thumbnail-caption:hover {
  background-color: #3c1005;
  color: #00ffbe;
  border: none;
}
.thumbnail-link-thumbnail .thumbnail-link-thumbnail-caption > span {
	display: table-cell;
	vertical-align: middle;
}

.thumbnail-link-columns {
	text-align: center;
	padding: 1rem;
	box-sizing: border-box;
	margin-left: auto;
	margin-right: auto;
}
.thumbnail-link-columns.column-count-2 {
	padding: 0.6rem;
}
.horizontal-padding .thumbnail-link-columns {
	padding-left: 0;
	padding-right: 0;
	margin-left: -1rem;
	margin-right: -1rem;
}
.horizontal-padding .thumbnail-link-columns.column-count-2 {
	margin-left: -0.6rem;
	margin-right: -0.6rem;
}
.thumbnail-link-columns.services,
.thumbnail-link-columns.services.column-count-2 {
	margin-left: auto;
	margin-right: auto;
}
.thumbnail-link-columns.column-count-2 .thumbnail-link-thumbnail {
	width: 45%;
	padding: 0.6rem;
}
.thumbnail-link-columns.services.column-count-2 .thumbnail-link-thumbnail {
	padding: 1em;
	max-height: 21.5em;
	margin-bottom: 1em;
}
.thumbnail-link-columns.column-count-3 .thumbnail-link-thumbnail {
	width: 31%;
}
.thumbnail-link-columns.column-count-4 .thumbnail-link-thumbnail {
	width: 25%;
}
@media screen and (max-width: 1000px) {
	.thumbnail-link-columns.column-count-2 .thumbnail-link-thumbnail {
		width: 25%;
	}
}

@media screen and (max-width: 800px) {
	.thumbnail-link-columns.column-count-4 .thumbnail-link-thumbnail {
		width: 25%;
	}
}

@media screen and (max-width: 650px) {
	.thumbnail-link-columns.column-count-6 .thumbnail-link-thumbnail,
	.thumbnail-link-columns.column-count-4 .thumbnail-link-thumbnail,
	.thumbnail-link-columns.column-count-3 .thumbnail-link-thumbnail {
		width: 50%;
	}
}
@media screen and (max-width: 500px) {
	.thumbnail-link-columns.column-count-6 .thumbnail-link-thumbnail,
	.thumbnail-link-columns.column-count-4 .thumbnail-link-thumbnail,
	.thumbnail-link-columns.column-count-3 .thumbnail-link-thumbnail {
		width: 100%;
	}
	.horizontal-padding .thumbnail-link-columns.services {
		margin-left: -2rem;
		margin-right: -2rem;
	}
	.thumbnail-link-columns.services .thumbnail-link-thumbnail {
		width: 50%;
	}
}
.thumbnail-link-thumbnail.service a,
.thumbnail-link-thumbnail.service span.a {
	background-color: #999;
	color: white;
	border: none;
	text-align: center;
	font-weight: bold;
	line-height: 1.27;
}
.thumbnail-link-thumbnail.service .thumbnail-link-thumbnail-image {
	height: auto;
	box-sizing: border-box;
}
.thumbnail-link-thumbnail.service .thumbnail-link-thumbnail-image img.static_page_element_image_placeholder {
	position: static;
	height: auto;
}
.thumbnail-link-thumbnail.service .thumbnail-link-thumbnail-caption {
	background-color: #0a2c14;
	border: none;
}
.thumbnail-link-thumbnail.service .thumbnail-link-thumbnail-caption:hover {
  background-color: #3c1005;
  color: #00ffbe;
  border: none;
}
.thumbnail-link-thumbnail.service.discipline {
	vertical-align: middle;
}
.thumbnail-link-thumbnail.service.discipline a,
.thumbnail-link-thumbnail.service.discipline span.a {
	font-size: 0.6667rem;
}
.thumbnail-link-thumbnail.service.discipline .thumbnail-link-thumbnail-image {
	display: none;
}
.thumbnail-link-thumbnail.service.discipline .thumbnail-link-thumbnail-caption {
	padding: 1em 0.5em;
}
.thumbnail-link-thumbnail.how_we_work_item a,
.thumbnail-link-thumbnail.how_we_work_item span.a {
	background-color: #999;
	color: white;
	border: none;
	text-align: center;
	font-weight: bold;
	line-height: 1.27;
}
.thumbnail-link-thumbnail.how_we_work_item .thumbnail-link-thumbnail-image {
	height: auto;
	box-sizing: border-box;
}
.thumbnail-link-thumbnail.how_we_work_item .thumbnail-link-thumbnail-image img.static_page_element_image_placeholder {
	position: static;
	height: auto;
}
.thumbnail-link-thumbnail.how_we_work_item .thumbnail-link-thumbnail-caption {
	background-color: #0a2c14;
	border: none;
}
.thumbnail-link-thumbnail.how_we_work_item .thumbnail-link-thumbnail-caption:hover {
  background-color: #3c1005;
  color: #00ffbe;
  border: none;
}
.split-columns {
	clear: both;
	white-space: nowrap;
	clip-path: none !important;
	-webkit-clip-path: none !important;
}
.split-columns .column {
	white-space: normal;
	display: inline-block;
	width: 50%;
	box-sizing: border-box;
	vertical-align: top;
}
.split-columns .column.left {
	padding-right: 2rem;
}
.split-columns .column.right {
	padding-left: 2rem;
}

.split-columns.swap-left-and-right > .column.left {
	float: left;
}
.split-columns.swap-left-and-right > .column.right {
	float: right;
}

@media screen and (max-width: 800px) {
	.split-columns .column {
		width: auto;
		display: block;
		margin-top: 0;
		margin-bottom: 0;
		padding-left: 0;
		padding-right: 0;
		float: none;
	}
	.split-columns .column + .column {
		margin-top: 1.5rem !important;
	}
	.split-columns .column.right {
		padding-left: 0;
	}
	.split-columns .column.right.align-right {
		text-align: left;
	}
	.split-columns .column.right.align-right p {
		margin-left: 1rem;
		margin-right: 0;
	}
}

.section-separator {
	text-align: center;
}
.shaded {
	background-color: #e7e7e9;
}
.shaded input[type="text"],
.shaded textarea {
	border: none;
}
.shaded.dark {
	background-color: #332d2d;
	color: white;
}
.shaded.black {
	background-color: black;
	color: white;
}

.person-thumbnail {
	font-size: 0.4343rem;
	text-align: center;
	display: inline-block;
	width: 13rem;
	vertical-align: top;
	box-sizing: border-box;
	background: #d7c7ca none no-repeat scroll center center;
	background-size: cover;
	height: 0;
	padding-bottom: 13rem;
	position: relative;
	border: 1px solid #b3b3b3;
}
.person-thumbnail .person-description {
	position: absolute;
	display: table;
	width: 100%;
	height: 42%;
	color: white;
	bottom: 0;
	background-size: 100% 100%;
}
.person-thumbnail .person-description .person-description-content {
	display: table-cell;
	vertical-align: middle;
	padding-top: 12%;
}
.person-thumbnail strong {
	font-size: 0.7143rem;
	font-weight: normal;
}

.people-thumbnails {
	margin-top: 1rem;
	margin-left: -1rem;
	margin-right: -1rem;
}
.person-thumbnail-container {
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
}
.people-thumbnails .person-thumbnail-container {
	width: 33.33%;
	padding: 1rem;
}
@media screen and (max-width: 650px) {
	.people-thumbnails .person-thumbnail-container { width: 50%; }
}
@media screen and (max-width: 500px) {
	.people-thumbnails .person-thumbnail-container { width: 100%; }
}
.people-thumbnails .person-thumbnail-container .person-thumbnail {
	width: 100%;
	padding-bottom: 100%;
}

.cross-fader .cross-fader-item + .cross-fader-item {
	opacity: 0;
}

.cross-fader.display-content {
	white-space: nowrap;
}
.cross-fader.display-content .cross-fader-item {
	display: inline-block;
	width: 100%;
	box-sizing: border-box;
	white-space: normal;
	vertical-align: top;
}
.cross-fader.display-content .cross-fader-item + .cross-fader-item {
	margin-left: -100%;
}

.navigation-button-container {
	position: absolute;
	z-index: 1;
	left: 2rem;
	right: 2rem;
	height: 0;
	top: 50%;
	box-sizing: border-box;
	padding-left: 1.929rem;
	padding-right: 1.929rem;
	box-sizing: border-box;
}

.scroller-container.not-scrollable .navigation-button-container {
	display: none;
}

.navigation-button,
.lightbox-navigation-button,
.lightbox-navigation-button[style],
.lightbox-close-button,
.lightbox-close-button[style] {
	color: white;
	width: 2.571rem !important;
	height: 2.571rem !important;
	background: #0a2c14 none no-repeat scroll center center;
	background-color: #0a2c14 !important;
	background-size: 100% 100%;
	display: inline-block;
	border-radius: 100%;
	vertical-align: middle;
	text-indent: 100%;
	overflow: hidden;
	cursor: pointer;
	margin-left: 1rem;
	margin-right: 1rem;
}

.navigation-button-container .navigation-button,
.lightbox-navigation-button,
.lightbox-navigation-button[style] {
	margin-top: -1.2855rem !important;
}
.navigation-button.previous,
.lightbox-navigation-button-previous {
	background-image: url('/templates/crl_surveys/images/navigation-previous.png') !important;
}
.lightbox-navigation-button-previous {
	margin-left: -1.2855rem !important;
	margin-left: calc(0.5rem - 1.2855rem) !important;
}
.navigation-button.next, 
.lightbox-navigation-button-next {
	background-image: url('/templates/crl_surveys/images/navigation-next.png') !important;
}
.lightbox-navigation-button-next {
	margin-right: -1.2855rem !important;
	margin-right: calc(0.5rem - 1.2855rem) !important;
}

.lightbox-close-button {
	background-image: url('/templates/crl_surveys/images/navigation-close.png') !important;
	margin-right: -1.2855rem !important;
	margin-right: calc(0.5rem - 1.2855rem) !important;
	margin-top: -1.2855rem;
	margin-top: calc(0.5rem - 1.2855rem);
	top: 0;
	bottom: auto;
}

.quotation .navigation-button {
	background-color: #0a6b37;
}

.control-side-left .navigation-button-container { text-align: left; }
.control-side-right .navigation-button-container { text-align: right; }

.image-gallery-image-buttons {
	margin: 6rem 2rem 0 2rem;
}

.control-reduce-height-bottom .image-gallery-image-buttons {
	margin-top: 0;
	position: absolute;
	bottom: 23vw;
}
.control-reduce-height-bottom .image-gallery-image-buttons p + p {
	margin-top: 0.5em;
}
.control-reduce-height-bottom.control-side-left .image-gallery-image-buttons {
	left: 0;
}
.control-reduce-height-bottom.control-side-right .image-gallery-image-buttons {
	right: 0;
}

.image-gallery-image-buttons p {
	margin-left: 0;
	margin-right: 0;
}
.image-gallery-image-buttons p a {
	text-align: center;
}

.control-side-left .image-gallery-image-buttons { text-align: left; }
.control-side-right .image-gallery-image-buttons { text-align: right; }

.control-reduce-height-bottom.control-side-right .navigation-button-container {
	text-align: left;
}
.control-reduce-height-bottom.control-side-left .navigation-button-container {
	text-align: right;
}
.control-reduce-height-bottom .navigation-button-container {
	top: 75%;
}

.image-gallery-content-columns {
	display: table;
	width: 100%;
	text-align: left;
}
.image-gallery-content-columns .image-gallery-image-buttons,
.image-gallery-content-columns .image-gallery-free-content {
	display: table-cell;
	vertical-align: top;
}
.image-gallery-content-columns .image-gallery-image-buttons {
	width: 33%;
	padding-bottom: 10rem;
}
.image-gallery-content-columns .image-gallery-free-content {
	width: 66%;
}
@media screen and (max-width: 750px) {
	.image-gallery-content-columns,
	.image-gallery-content-columns .image-gallery-image-buttons,
	.image-gallery-content-columns .image-gallery-free-content {
		display: block;
		width: auto;
	}
	.image-gallery-content-columns .image-gallery-image-buttons {
		padding-bottom: 0;
		text-align: right;
		margin: 0 0 -1em 0;
	}
	.image-gallery.display-content .navigation-button-container {
		position: relative;
		text-align: left;
		padding: 0;
		margin-top: -1em;
		height: 2.571rem;
		left: auto;
		right: auto;
	}
	.image-gallery.display-content .navigation-button-container .navigation-button:first-child {
		margin-left: 0;
	}
	.image-gallery.display-content .navigation-button-container .navigation-button:last-child {
		margin-right: 0;
	}
}

table.zebra {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
table.zebra tr {
	background-color: #e5edf3;
}
table.zebra tr:nth-child(odd) {
	background-color: #e3f4fe;
}
table.zebra tr:nth-child(even) {
	background-color: #e7e7e9;
}
table.zebra th,
table.zebra td {
	vertical-align: middle;
	text-align: center;
	border: 1px solid white;
	padding: 0.5rem 1rem;
}
table.zebra th.action,
table.zebra td.action {
	background-color: white;
}

.grid_cpd, ul.cpd {
	list-style: none;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-size: 0;
	line-height: 0;
}
.grid_cpd .col-1-3-cpd, ul.cpd li {
	font-size: 0.7143rem;
	line-height: 1.2;
	display: inline-block;
	vertical-align: middle;
	background: #b9bab2;
	color: white;
	font-weight: bold;
	padding: 1em 2em;
	width: 25%;
	border: 1rem solid white;
	box-sizing: border-box;
	margin: 0;
}

.about-image-gallery {
	text-align: center;
}
.about-image-gallery .about-image-gallery-image {
	display: inline-block;
	width: 25%;
	vertical-align: top;
	box-sizing: border-box;
	padding: 0.5rem;
	text-align: left;
	font-size: 0.7143rem;
}
@media screen and (max-width: 960px) {
	.about-image-gallery .about-image-gallery-image {  width: 33.33%; }
}
@media screen and (max-width: 640px) {
	.about-image-gallery .about-image-gallery-image {  width: 50%; }
}
@media screen and (max-width: 480px) {
	.about-image-gallery .about-image-gallery-image {  width: 100%; }
}
.about-image-gallery .about-image-gallery-image {
}
.about-image-gallery .about-image-gallery-image-title {
	line-height: 1.1;
}
.about-image-gallery .about-image-gallery-image-title h3 {
	font-size: 1rem;
}
.about-image-gallery .about-image-gallery-image-title h3 a {
	color: inherit;
	text-decoration: none;
}
.about-image-gallery .about-image-gallery-image-title .subtitle {
	margin-top: 0;
}
.about-image-gallery .about-image-gallery-image-image {
	border: 1px solid #b3b3b3;
	margin: 0.5rem auto;
	padding: 1rem;
}
.about-image-gallery .about-image-gallery-image-image.measuring {
	padding-top: 0;
	padding-bottom: 0;
}
.about-image-gallery .about-image-gallery-image-image img {
	width: 100%;
	display: block;
}
.about-image-gallery .about-image-gallery-image-content p {
	margin-left: 0;
	margin-right: 0;
}

ul.boxed {
	list-style: none;
	display: block;
	font-size: 0;
}
ul.boxed li {
	background-color: #0a2c14;
	font-size: 0.85rem;
	color: white;
	padding: 0.25rem;
	margin: 0.1rem;
	text-decoration: none;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
}

@media screen and (max-width: 1330px) { /* 20 * (100 / 1.77) / 0.85 */
	a.download-button,
	.download-button a,
	a .download-button {
		font-size: 20px;
	}
}
@media screen and (max-width: 1507px) { /* 20 * (100 / 1.77) / 0.75 */
	.sharing-widget-container .sharing-widget.icon-toolbar label,
	.sharing-widget-container .sharing-widget.coloured-icon-toolbar label {
		font-size: 20px;
	}
}
@media screen and (max-width: 1582px) { /* 20 * (100 / 1.77) / 0.7143 */
	.thumbnail-link-thumbnail,
	.person-thumbnail strong,
	.grid_cpd .col-1-3-cpd, ul.cpd li,
	.about-image-gallery .about-image-gallery-image {
		font-size: 20px;
	}
}
@media screen and (max-width: 1614px) { /* 20 * (100 / 1.77) / 0.7 */
	input[type="submit"],
	input[type="button"] {
		font-size: 20px;
	}
}
@media screen and (max-width: 1695px) { /* 20 * (100 / 1.77) / 0.6667 */
	a.filter-button,
	.filter-button a,
	.page-number,
	.page-number-left,
	.page-number-right,
	.page-number-ellipsis,
	.image-with-caption,
	.thumbnail-link-thumbnail.service.discipline a,
	.thumbnail-link-thumbnail.service.discipline span.a {
		font-size: 20px;
	}
}
@media screen and (max-width: 2602px) { /* 20 * (100 / 1.77) / 0.4343 */
	.person-thumbnail {
		font-size: 20px;
	}
}
@media screen and (max-width: 650px) {
	a.download-button,
	.download-button a,
	a .download-button,
	.thumbnail-link-thumbnail,
	.person-thumbnail strong,
	.grid_cpd .col-1-3-cpd, ul.cpd li,
	input[type="submit"],
	input[type="button"],
	.about-image-gallery .about-image-gallery-image,
	a.filter-button,
	.filter-button a,
	.page-number,
	.page-number-left,
	.page-number-right,
	.page-number-ellipsis,
	.image-with-caption,
	.thumbnail-link-thumbnail.service.discipline a,
	.thumbnail-link-thumbnail.service.discipline span.a,
	.person-thumbnail,
	ul.boxed li,
	.sharing-widget-container .sharing-widget.icon-toolbar label,
	.sharing-widget-container .sharing-widget.coloured-icon-toolbar label {
		font-size: 1rem;
	}
}

.accordion-page:not(:first-child) {
	margin-top: 1em;
}
.accordion-page-toggler {
	font-size: 1.2rem;
	line-height: 1.5;
	padding: 0.5em 0.5em 0.5em 0.5em;
	background: #3c1005 none no-repeat scroll 0.5em 0.5em;
	background-image: url('/templates/crl_surveys/images/accordion-chevron.png');
	background-size: 1.5em 1.5em;
	color: white;
	cursor: pointer;
}

.accordion-page.accordion-created .accordion-page-toggler {
	padding-left: 2em;
	background-image: url('/templates/crl_surveys/images/accordion-chevron.png');
}
.accordion-page.accordion-created .accordion-page-toggler.collapsed {
	background-image: url('/templates/crl_surveys/images/accordion-chevron-expanded.png');
	background-color: #0a2c14;
}
.accordion-page-element > *:first-child {
	margin-top: 1em !important;
}

.sharing-widget-container {
	text-align: center;

}
.sharing-widget-container .sharing-widget.icon-toolbar,
.sharing-widget-container .sharing-widget.coloured-icon-toolbar {
	color: white;
	background: #0a2c14;
	display: inline-block;
	padding: 0 0.5rem;
}
.sharing-widget-container .sharing-widget.icon-toolbar,
.sharing-widget-container .sharing-widget.coloured-icon-toolbar {
	background-color: transparent;
	padding: 0;
}
.sharing-widget-container .sharing-widget.icon-toolbar label,
.sharing-widget-container .sharing-widget.coloured-icon-toolbar label {
	font-size: 0.75rem;
	line-height: 1.6rem;
	display: inline-block;
	vertical-align: middle;
	text-transform: lowercase;
}
.sharing-widget-container .sharing-widget.coloured-icon-toolbar a.sharing-widget-button.light {
	background-color: white;
	background-color: rgba(255, 255, 255, 0.8);
	transition: background-color 0.5s;
}
.sharing-widget-container .sharing-widget.coloured-icon-toolbar a.sharing-widget-button.light:hover {
	background-color: white;
}
.sharing-widget-container .sharing-widget.coloured-icon-toolbar a,
.sharing-widget-container .sharing-widget.coloured-icon-toolbar a[style] {
	padding: 0.1em !important;
}
.sharing-widget-container .sharing-widget.coloured-icon-toolbar a img,
.sharing-widget-container .sharing-widget.coloured-icon-toolbar a img[style] {
	width: 0.8em !important;
	height: 0.8em !important;
}

.case-study-gallery-item {
	background: #666 none no-repeat scroll center center;
	background-size: cover;
	display: block;
	position: relative;
	padding-bottom: 56%;
}
.case-study-gallery-item-caption {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 42%;
	background-size: 100% 100%;
	color: white;
	text-align: right;
	display: table;
}
.case-study-gallery-item-caption-content {
	display: table-cell;
	vertical-align: middle;
	padding: 6% 0.5em 0.25em 0.5em;
}
.case-study-gallery-item-caption-content {
	font-size: 0.75rem;
}
.case-study-gallery-item-caption-content strong {
	font-size: 1rem;
	font-weight: normal;
}
.case-studies-gallery .case-studies-gallery-content {
	display: none;
}
.lightbox-form .case-studies-gallery-content-item {
	background: white;
}

.social-value-scroller-item-popup {
	width: 40rem;
	font-size: 0.85rem;
	max-width: 100%;
	max-height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
}
.social-value-scroller-item-popup.measuring {
	width: 100% !important;
	overflow: visible;
}
.social-value-scroller-item-popup h2 {
	font-size: 1.2rem;
}
.social-value-scroller-item-popup h3 {
	font-size: 1.2rem;
}
.social-value-scroller-item-popup p {
	margin-left: 0;
}
.social-value-scroller-item-popup-banner {
	display: table;
	width: 100%;
	background: #0a2c14;
	color: white;
	
}
.social-value-scroller-item-popup-banner-image,
.social-value-scroller-item-popup-banner-content {
	display: table-cell;
	vertical-align: top;
	position: relative;
}
.social-value-scroller-item-popup-banner-image {
	width: 67%;
	padding-bottom: 29%;
	background: white;
}
.social-value-scroller-item-popup-banner-image img.background {
	position: absolute;
	width: 100% !important;
	height: 100% !important;
	left: 0; right: 0;
	top: 0; bottom: 0;
}
.social-value-scroller-item-popup-content {
}
.social-value-scroller-item-popup-columns {
	display: table;
	table-layout: fixed;
	width: 100%;
	
}
.social-value-scroller-item-popup-columns .social-value-scroller-item-popup-column {
	display: table-cell;
	vertical-align: top;
	box-sizing: border-box;
	padding: 0 1em;
}
.social-value-scroller-item-popup-columns .social-value-scroller-item-popup-column:first-child {
	padding-left: 0;
}
.social-value-scroller-item-popup-columns .social-value-scroller-item-popup-column:last-child {
	padding-right: 0;
}
.social-value-scroller-item-popup-columns .social-value-scroller-item-popup-column.image {
	width: 20%;
}
.social-value-scroller-item-popup-columns .social-value-scroller-item-popup-column.text {
	
}

.social-value-scroller-item-popup-logo,
.social-value-scroller-item-popup-logo img {
	display: inline-block;
}
.social-value-scroller-item-popup-logo {
	width: 8rem;
	max-width: 100%;
}
.social-value-scroller-item-popup-logo img {
	width: 100% !important;
	border: 0.25em solid #0a2c14;
}
.social-value-scroller-item-popup-column.text + .social-value-scroller-item-popup-column.text {
	border-left: 1px solid #6a618e;
}

.video-button {
	display: inline-block;
	width: 12.5rem;
	max-width: 100%;
}
.video-button img {
	display: block;
	width: 100%;
}
.page-name-has-banner-video {
	padding-right: 13rem;
}

@media screen and (max-width: 500px) {
	.page-name-has-banner-video {
		padding-right: 0;
	}
}

.rotating-icon-gallery {
	text-align: center;
}
.rotating-icon-gallery-title {
	font-size: 0.85rem;
	padding: 0.5em 0.25em;
	color: white;
	text-transform: lowercase;
	background: #e6602e;
}
.rotating-icon-gallery-title strong {
	text-transform: none;
}

.rotating-icon-gallery-images {
	position: relative;
	background: rgba(255, 255, 255, 0.9);
	padding-bottom: 100%;
}
.rotating-icon-gallery-images .rotating-icon-gallery-image {
	position: absolute;
	width: 100%;
	height: 100%;
	margin-left: 0 !important;
	left: 0;
	padding: 1em;
	box-sizing: border-box;
}
.rotating-icon-gallery-images .rotating-icon-gallery-image a {
	display: block;
	width: 100%;
	height: 100%;
}
.rotating-icon-gallery-images .rotating-icon-gallery-image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.rotating-icon-gallery-images .navigation-button-container {
	display: none;
}
.rotating-icon-gallery.transparent .rotating-icon-gallery-title,
.rotating-icon-gallery.transparent .rotating-icon-gallery-images {
	background: transparent;
}
.rotating-icon-gallery.transparent .rotating-icon-gallery-images .rotating-icon-gallery-image {
	padding: 0;
}

figure.image {
	margin: 0.5em auto;
	text-align: center;
}
figure.align-left,
figure.align-right {
	display: inline-block;
}
figure.align-left {
	float: left;
	margin-left: 0;
	margin-right: 1em;
}
figure.align-right {
	float: right;
	margin-left: 1em;
	margin-right: 0;
}
figure figcaption {
	font-size: 0.5rem;
	font-style: italic;
	font-weight: bold;
	font-family: 'Figtree', Arial, Helvetica, sans-serif;
	text-align: center;
}