/* front end styles */

/* blue #0B66B0; 'DIN Mittelschrift' */

.content {
	color: #707070;
	font-family: 'helvetica', arial, 'sans-serif';
	font-size: 16px;
	line-height: 25px;
	/*max-width: 1440px;*/
	max-width: 100%;
	margin: 0 auto;
	position: relative;
}

.blue-button,
.black-button,
.grey-button {
	background-color: #0B66B0;
	clear: left;
	color: #FFF;
	display: inline-block;
	float: left;
	height: 36px;
	line-height: 36px;
	margin-bottom: 20px;
	text-align: center;
	width: 360px;
}
.blue-underline-link {
	border-bottom: 2px solid #0B66B0;
	clear: left;
	color: #000;
	display: inline-block;
	float: left;
	margin-bottom: 20px;
	padding: 0 0 5px;
}
.black-button {
	background-color: #000;
	color: #FFF;
}
.grey-button {
	background-color: #ABB0B2;
	color: #FFF;
	margin-right: 5px;
}
@media only screen and (max-width: 480px) {
	.blue-button,
	.black-button,
	.grey-button {
		width: 80%;
	}
}

.grey-bg {
	background-color: #F0F2F4;
}
.blue-bg {
	background-color: #0B66B0;
}

p {
	display: inline-block;
	margin-bottom: 20px;
}

a {
	color: rgb(57, 217, 253);
	font-weight: 700;
}

h2 {
	margin-bottom: 30px;
}

h3 {
	color: #707070;
	font-size: 30px;
	font-family: 'DIN Mittelschrift', 'sans-serif';
	font-weight: normal;
	line-height: 32px;
	margin-bottom: 18px;
}

div.wpforms-container-full .wpforms-form input[type=submit], div.wpforms-container-full .wpforms-form button[type=submit], div.wpforms-container-full .wpforms-form .wpforms-page-button {
    background-color: #FFF !important;
    border: 0 !important;
    color: #0B66B0 !important;
    padding: 10px 15px;
    clip-path: polygon(0 0, 90% 0, 100% 50%, 90% 100%, 0 100%);
    display: flex;
    justify-content: center;
    width: 360px;
}
div.wpforms-container-full .wpforms-form button[type=submit] {
	margin-top: 20px;
	font-weight: 700;
}
@media only screen and (max-width: 480px) {
	div.wpforms-container-full .wpforms-form button[type=submit] {
		width: 280px;
	}
}
div.wpforms-field-container .wpforms-field input {
	max-width: 100% !important;
}

.link-arrow {
	background-color: #0E97D5;
	clip-path: polygon(0 0, 94% 0, 100% 50%, 94% 100%, 0 100%);
	color: #FFF;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 35px;
	width: 340px;
}

@media only screen and (max-width: 500px){
	.link-arrow {
		width: 300px;
	}
}

.container, .news-container {
	display: inline-block;
	padding: 0 40px;
	margin-bottom: 50px;
	width: 100%;
}
.news-container {
	background-color: #f8f8f8;
	padding: 50px 40px;
}

/* news and case studies */
	.filter-menu {
		background: #0E97D5;
		color: #FFF;
		cursor: pointer;
		height: 35px;
		line-height: 35px;
		margin-bottom: 60px;
		padding: 0 0 0 30px;
		position: relative;
		width: 230px;
	}
	.filter-menu span.fa-sort-down {
		position: absolute;
		right: 20px;
		height: 7px;
	    transition: all 0.3s;
	    top: 15px;
	    line-height: 1px;
	}
	.filter-menu.active span.fa-sort-down {
		transform: rotate(180deg);
	}
	.filter-menu .selections {
		background: #0E97D5;
		box-shadow: 0 6px 6px rgb(0 0 0 / 30%);
		color: #FFF;
		display: none;
		position: absolute;
		top: 100%;
		z-index: 2;
		left: 0;
    	width: 100%;
    	padding-left: 25px;
	}
	#item-listing {
		display: flex;
		flex-wrap: wrap;
		align-items: stretch;
	}
	#item-listing.news {
		display: inline-block;
		width: 100%;
	}
	.load-more-container {
		display: inline-block;
		margin: 20px 0 100px 0;
		text-align: center;
		width: 100%;
	}
	.load-more-container .load-more-button {
		background-color: #0E97D5;
		color: #FFF;
		display: inline-block;
		font-family: 'DIN Mittelschrift', 'sans-serif';
		font-size: 17px;
		height: 35px;
		line-height: 35px;
		text-align: center;
		width: 360px;
	}
	.news-item {
		clear: both;
		display: flex;
		justify-content: stretch;
		margin-bottom: 60px;
		min-height: 360px;
		width: 100%;
	}
	.news-item .text {
		background-color: #FFF;
		display: inline-block;
		float: left;
		padding: 36px;
		position: relative;
		width: 50%;
	}
	.news-item .text time {
		color: #ABB0B2;
		display: inline-block;
		margin-bottom: 20px;
	}
	.news-item .text a {
		color: #707070;
	}
	.news-item .text .wedge-link {
		position: absolute;
		background-color: #1C98D5;
		bottom: 0;
		clip-path: polygon(0 100%, 100% 0, 100% 100%);
		height: 66px;
		right: 0;
		width: 66px;
	}
	.news-item .blue-button {
		font-family: 'DIN Mittelschrift', 'sans-serif';
		font-size: 17px;
		height: 35px;
		line-height: 35px;
	}
	.news-item h2 {
		color: #707070;
		font-family: 'DIN Mittelschrift', 'sans-serif';
		font-size: 30px;
		font-weight: 400;
		letter-spacing: -0.6px;
		margin-bottom: 28px;
	}
	.news-item .listing-item-img {
		display: inline-block;
		float: left;
		width: 47%;
    	margin-right: 3%;
	}
	.news-item .listing-item-img span {
		display: inline-block;
		height: 100%;
		width: 100%;
	}

	@media only screen and (max-width: 700px) {
		.news-item {
			display: inline-block;
		}
		.news-item .text,
		.news-item .listing-item-img {
			width: 100%;
		}
		.news-item .listing-item-img {
			aspect-ratio:  16/9;
		}
	}

	/* individual page */
		.case-study-news-content {
			background: #F0F2F4;
			display: inline-block;
			margin-bottom: 50px;
			padding: 50px 30px;
			width: 100%;
		}
		.case-study-news-content h2 {
			color: #707070;
			font-family: 'DIN Mittelschrift', 'sans-serif';
			font-size: 50px;
			font-weight: normal;
			letter-spacing: -1px;
			line-height: 50px;
		}
		.case-study-news-content time {
			display: inline-block;
			color: #707070;
			font-family: 'DIN Mittelschrift', 'sans-serif';
			font-size: 38px;
			margin-bottom: 30px;
			width: 100%;
		}
		.case-study-news-content .blue-button {
			background-color: #0E97D5;
			color: #FFF;
			display: inline-block;
			font-family: 'DIN Mittelschrift', 'sans-serif';
			font-size: 17px;
			margin-bottom: 30px;
		}
		.case-study-news-content p {
			width: 100%;
		}
		.case-study-news-content p a {
			color: #0E97D5;
			font-weight: 700;
		}
		.case-study-news-content .main-image {
			aspect-ratio: 16/9;
			clear: both;
			display: inline-block;
			height: 100%;
			margin-bottom: 50px;
			width: 100%;
		}

/* header */
	header {
		display: inline-block;
		float: left;
		/*max-width: 1440px;*/
		max-width: 100%;
		position: relative;
		width: 100%;
		margin-bottom: 50px;
	}
	header.no-margin {
		margin-bottom: 0;
	}
	header.news {
		height: 550px;
		min-height: 550px;
	}
	header .logo {
		clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
		display: inline-block;
		float: left;
		background: url('../img/rrs_group_logo.svg') no-repeat #FFFFFF;
		background-position: 20px center;
		height: 148px;
		text-indent: -9999px;
		width: 300px;
	}
	header nav {
		background-color: #3C3D3E;
		font-size: 17px;
		height: 148px;
		line-height: 17px;
		position: absolute;
		right: 0;
		top: 0;
		z-index: 20;
		width: 100%;
	}
	.hamburger {
		display: none;
		padding: 0 5px 0 0;
		position: absolute;
		top: 54px;
		right: 0;
		z-index: 50;
	}
	.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
		background-color: #FFF;
		width: 30px;
	}
	.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner:after, .hamburger.is-active .hamburger-inner:before {
		background-color: #FFF;
		width: 30px;
	}
	header nav > ul {
		display: inline-block;
		float: right;
		padding-top: 65px
	}
	header nav li {
		display: inline;
		float: left;
		padding: 0 20px;
		text-align: center;
	}
	header nav li.page-active > a {
		color: rgb(57, 217, 253);
	}
	header nav .sub-nav li.page-active > a {
		color: #3C3D3E;
	}
	header nav li a {
		clear: both;
		color: #FFF;
		cursor: pointer;
		float: left;
		font-family: 'DIN Mittelschrift', 'sans-serif';
		font-weight: 400;
		font-size: 19px;
		display: inline-block;
		text-align: center;
		width: 100%;
	}
	header nav li a.open {
    	font-size: 26px;
    	height: 12px;
    	margin-top: 8px;
	}
	header nav li a:hover {
		color: rgb(57, 217, 253);
	}
	header nav ul li ul {
		background: #0E97D5;
		color: #FFF;
		display: none;
		min-height: 42px;
		padding-left: 30px;
		position: absolute;
		top: 148px;
		width: 100%;
		left: 0;
	}
	header nav li ul li {
		padding: 0;
		margin: 10px 20px 10px 0;
		text-align: center;
		line-height: 50px;
	}
	header nav ul li ul a {
		color: #FFF;
	}
	header nav ul li ul a:hover {
		color: #323D3E;
	}
	header nav li .line {
		margin: 0 0 0 20px;
	}
	.contact-panel {
		background: #0E97D5;
		clip-path: polygon(50% 0, 100% 0, 100% 100%, 0% 100%);
		color: #FFFFFF;
		display: inline-block;
		font-family: 'DIN Mittelschrift', 'sans-serif';
		font-size: 20px;
		float: right;
		height: 148px;
		margin-left: 40px;
		padding: 40px 50px;
		width: 340px;
		text-align: right;
	}
	.contact-panel a {
		display: inline-block;
		font-weight: normal;
		margin-bottom: 20px;
		color: #FFFFFF;
		width: 100%;
	}
	.contact-panel a:before {
		font-family: "Material Icons";
		content: "\e159";
		vertical-align: bottom;
		margin-right: 7px;
	}
	.contact-panel a.telephone:before {
		font-family: "Material Icons";
		content: "\e0b0";
		vertical-align: bottom;
		margin-right: 7px;
	}
	@media only screen and (max-width: 1218px) {
		.contact-panel {
			display: inline-block;
			background: transparent;
			position: absolute;
			top: 0;
			right: 0;
			width: auto;
			clip-path: none;
			padding: 10px;
			height: auto;
		}
		.contact-panel a {
			display: inline-block;
			float: left;
			margin: 0 0 10px 10px;
			width: auto;
		}
		.contact-panel a span {
			display: none;
		}
	}
	@media only screen and (max-width: 1201px) {
		header .logo {
			margin-right: 5%;
		}
	}
	@media only screen and (max-width: 920px) {
		.hamburger {
			display: block;
		}
		header nav {
			height: auto;
			min-height: 132px;
		}
		header nav > ul {
			clear: left;
			display: none;
			height: auto;
			padding: 0;
			position: relative;
			width: 100%;
		}
		header nav li {
			display: block;
			padding: 0;
			margin: 0;
			line-height: 37px;
			width: 100%;
		}
		header nav li .parent {
			display: inline-block;
		}
		header nav li a {
			clear: none;
			float: none;
			padding: 10px 20px;
		}
		header nav li a.open {
		    font-size: 26px;
		    height: 15px;
		    margin: 0;
		    padding: 0;
		    line-height: 10px;
		}
		header nav li a p {
			margin: 0;
		}
		header nav ul li ul {
			padding: 10px 0 0 0;
			position: initial;
			bottom: 0;
			top: auto;
			height: auto;
			width: 100%;
		}
		header nav li ul li {
			margin: 0 0 10px 0;
			padding: 0;
			line-height: 20px;
		}
		header nav li ul li a {
			padding: 0;
		}
		.parent a {
			float: left;
			display: inline-block;
			padding: 10px 20px 0 20px;
			min-width: 15px;
		}
		header nav li .line {
			display: none;
		}
	}
	.media-container {
		aspect-ratio: 16/8;
		display: inline-block;
		float: left;
		margin-top: 148px;
		width: 100%;
	}
	.media-container video {
		display: block;
		width: 100%;
		height: 100%;
		object-fit: cover;
		z-index: 0;
	}
	@media only screen and (max-width: 860px) {
		header .promo-nav {
			margin-top: 180px;
			margin-bottom: 100px;
			width: 87%;
		}
		header .promo-nav .ui-tabs-panel h2 {
			font-size: 40px;
			line-height: 45px;
		}
	}
	@media only screen and (max-width: 820px) {
		header .name-block {
			margin-bottom: 50px;
			position: initial;
			width: 100%;
		}
	}
	header .title-arrow {
		display: flex;
		align-items: center;
		background-color: #3C3D3E;
		clip-path: polygon(0 0, 90% 0, 100% 50%, 90% 100%, 0 100%);
		width: 40%;
		padding: 0 0 0 50px;
		color: #FFF;
		font-family: 'DIN Mittelschrift', 'sans-serif';
		font-size: 50px;
		font-weight: normal;
		letter-spacing: -1px;
		line-height: 50px;
		position: absolute;
		top: 50%;
		left: 0;
		height: 124px;
	}
	@media only screen and (max-width: 840px) {
		header .title-arrow {
			font-size: 30px;
			line-height: 35px;
			min-height: 124px;
			width: 60%;
		}
	}
	@media only screen and (max-width: 640px) {
		header .title-arrow {
			clip-path: none;
			width: 100%;
			bottom: 0;
			top: auto;
			height: 80px;
		}
	}
	@media only screen and (max-width: 420px) {
		header {
		    min-height: 340px;
		}
		header .media-container {
			height: 300px;
		}
	}

/* four column text block */
	.four-column-text-block {
		display: flex;
		float: left;
		padding: 0 56px 50px 56px;
		width: 100%;
	}
	.four-column-text-block .box {
		border-left: 1px solid #0E97D5;
		padding: 20px 16px 30px 34px;
		position: relative;
		min-width: 25%;
	}
	.four-column-text-block.three .box {
		width: 33%;
	}
	.four-column-text-block .box h3 {
		font-family: 'DIN Mittelschrift', 'sans-serif';
		font-size: 30px;
		font-weight: normal;
		line-height: 30px;
		margin-bottom: 15px;
	}
	.four-column-text-block .box a {
		color: #707070;
		display: block;
		font-weight: 700;
		line-height: 35px;
		vertical-align: text-top;
		width: 100%;
	}
	.four-column-text-block .box a.black-button {
		color: #FFF;
		margin-top: 10px;
	}
	.four-column-text-block .box a.blue-button {
		color: #000;
		margin-top: 10px;
	}
	.four-column-text-block .box a.blue-underline-link {
		bottom: 0;
		font-family: 'DIN Mittelschrift', 'sans-serif';
		position: absolute;
		width: auto;
	}
	@media only screen and (max-width: 980px) {
		.four-column-text-block .box {
			margin-bottom: 20px;
			width: 50%;
		}
	}
	@media only screen and (max-width: 860px) {
		.four-column-text-block {
			flex-wrap: wrap;
		}
	}
	@media only screen and (max-width: 700px) {
		.four-column-text-block .box {
			width: 100%;
		}
		.four-column-text-block {
			padding: 0 25px 20px 25px;
		}
	}

/* blue arrow block */
	.blue-arrow-block {
		display: inline-block;
		margin-bottom: 50px;
		min-height: 500px;
		padding: 100px 0;
		width: 100%;
	}
	.blue-arrow-block .image {
		display: none;
		float: left;
		width: 100%;
	}
	.blue-arrow-block .text {
		background-color: #0B66B0;
		color: #ffffff;
		display: inline-block;
		float: left;
		padding: 25px 0 40px 40px;
		max-width: 45%;
	}
	.blue-arrow-block .text h3 {
		color: #FFF;
		font-family: 'DIN Mittelschrift', 'sans-serif';
		font-size: 50px;
		font-weight: normal;
		margin-bottom: 30px;
		letter-spacing: -1px;
		line-height: 50px;
	}
	.blue-arrow-block .blue-arrow-left .arrow-head {
		background-color: #0B66B0;
		display: inline-block;
		position: relative;
		left: -0.5px;
	}
	.blue-arrow-block .blue-arrow-left a.link-arrow,
	.blue-arrow-block .blue-arrow-right a.link-arrow {
		background: url( '../img/button_shape.webp' ) top left no-repeat;
		clip-path: none;
		color: #0B66B0;
		display: inline-block;
		font-weight: 700;
		height: 35px;
		line-height: 35px;
		text-align: center;
		width: 324px;
	}

	/*on the right*/
		.blue-arrow-block .blue-arrow-right .text {
			float: right;
			text-align: right;
			padding: 25px 40px 40px 0;
		}
		.blue-arrow-block .blue-arrow-right .arrow-head {
			background-color: #0B66B0;
			display: inline-block;
			float: right;
			position: relative;
			right: -0.5px;
		}
		.blue-arrow-block .blue-arrow-right a.link-arrow {
			background: url( '../img/button_shape_left.webp' ) top left no-repeat;
			clip-path: none;
		}

	@media only screen and (max-width: 826px) {
		.blue-arrow-block .blue-arrow-left .arrow-head,
		.blue-arrow-block .blue-arrow-right .arrow-head {
			display: none;
		}
		.blue-arrow-block .text,
		.blue-arrow-block .blue-arrow-right .text {
			max-width: 100%;
			padding: 25px 40px 40px 40px;
		}
		.blue-arrow-block {
			background: none !important;
			padding: 0;
		}
		.blue-arrow-block .image {
			display: inline-block;
		}
	}
	@media only screen and (max-width: 500px) {
		.blue-arrow-block .text,
		.blue-arrow-block .blue-arrow-right .text {
			max-width: 100%;
		}
		.blue-arrow-block .blue-arrow-left a.link-arrow,
		.blue-arrow-block .blue-arrow-right a.link-arrow {
			width: 200px;
		}
		.blue-arrow-block .blue-arrow-left a.link-arrow {
			background: url(../img/button_shape.webp) top right no-repeat;
		}
	}

/* blue ramp block */
	.blue-ramp-block {
		display: inline-block;
		position: relative;
		margin-bottom: 50px;
		min-height: 500px;
		width: 100%;
	}
	.blue-ramp {
		background-color: #0B66B0;
		clip-path: polygon(0 0, 70% 0%, 45% 100%, 0% 100%);
		display: inline-block;
		float: left;
		min-height: 500px;
	}
	.blue-ramp-block.right .blue-ramp {
		clip-path: polygon(30% 0, 100% 0%, 100% 100%, 55% 100%);
		float: right;
	}
	.blue-ramp-block .first-image {
		float: left;
		display: none;
		width: 100%;
	}
	.blue-ramp-block .text {
		background-color: #0B66B0;
		color: #ffffff;
		display: inline-block;
		float: left;
		padding: 44px 40px 40px 40px;
		max-width: 45%;
	}
	.blue-ramp-block.right .text {
		text-align: right;
		float: right;
	}
	.blue-ramp-block .text h3 {
		color: #FFF;
		font-family: 'DIN Mittelschrift', 'sans-serif';
		font-size: 50px;
		font-weight: normal;
		margin-bottom: 30px;
		letter-spacing: -1px;
		line-height: 55px;
	}
	.blue-ramp-block a.link-arrow {
		background: url( '../img/button_shape.webp' ) top left no-repeat;
		clip-path: none;
		color: #0B66B0;
		display: inline-block;
		font-weight: 700;
		height: 35px;
		line-height: 35px;
		text-align: center;
		width: 324px;
	}
	.blue-ramp-block.right a.link-arrow {
		background: url( '../img/button_shape_left.webp' ) top left no-repeat;
	}
	.blue-ramp-block .image {
		height: 100%;
		position: absolute;
		top: 0;
		right: 0;
		width: 55%;
		z-index: -1;
	}
	.blue-ramp-block.right .image {
		left: 0;
	}
	@media only screen and (max-width: 826px) {
		.blue-ramp {
			clip-path: none;
		}
		.blue-ramp-block .first-image {
			display: inline-block;
		}
		.blue-ramp-block .text {
			max-width: 100%;
		}
		.blue-ramp-block .image {
			display: none;
		}
		.blue-ramp {
			min-height: auto;
		}
	}
	@media only screen and (max-width: 500px) {
		.blue-ramp-block a.link-arrow {
			background-position: top right;
			width: 200px;
		}
	}

/* text and image block */
	.text-and-image-block {
		display: inline-block;
		margin-bottom: 50px;
		width: 100%;
	}
	.text-and-image-block .text {
		padding: 37px 40px;
		float: left;
		width: 50%;
	}
	.text-and-image-block._8020 .text {
		width: 80%;
	}
	.text-and-image-block img {
		padding: 0;
		float: left;
		width: 50%;
	}
	.text-and-image-block._8020 img {
		width: 20%;
	}
	.text-and-image-block.blue-bg,
	.text-and-image-block.blue-bg h3 {
		color: #FFF;
	}
	@media only screen and (max-width: 826px) {
		.text-and-image-block .text,
		.text-and-image-block img,
		.text-and-image-block._8020 img {
			width: 100%;
		}
	}

/* text block */
	.text-block {
		display: inline-block;
		margin-bottom: 50px;
		padding: 40px 36px;
		width: 100%;
	}
	.text-block.blue-bg,
	.text-block.blue-bg h3 {
		color: #FFF;
	}
	.text-block h3 {
		font-size: 50px;
		margin-bottom: 36px;
		line-height: 50px;
	}
	.text-block ul li {
		margin-left: 18px;
	}

/* extended-text-and-image-block */
	.extended-text-and-image-block {
		display: inline-block;
		background-color: #0B66B0;
		color: #FFF;
		padding: 44px 50px;
		margin-bottom: 50px;
	}
	.extended-text-and-image-block h3 {
		color: #FFF;
	}
	.extended-text-and-image-block .text {
		float: left;
		width: 50%;
	}
	.extended-text-and-image-block img {
		float: right;
		margin-bottom: 50px;
		width: 40%;
	}
	.extended-text-and-image-block table,
	.extended-text-and-image-block table tr,
	.extended-text-and-image-block table td {
		border: 1px solid #FFF;
		padding: 5px 7px;
	}
	.extended-text-and-image-block table {
		border-collapse: collapse;
		margin-bottom: 50px;
	}
	.extended-text-and-image-block .link-arrow {
		background-color: #FFF;
		color: #0B66B0;
	}
	@media only screen and (max-width: 780px) {
		.extended-text-and-image-block img,
		.extended-text-and-image-block .text {
			float: none;
			margin-bottom: 50px;
			width: 100%;
		}
	}

/* case-study-promo */
	.case-study-promo {
		clear: both;
		display: flex;
		flex-wrap: wrap;
		align-items: stretch;
	}
	.case-study-promo h2 {
		font-family: 'DIN Mittelschrift', 'sans-serif';
	    font-size: 50px;
	    font-weight: normal;
	    margin: 0 0 30px 36px;
	    letter-spacing: -1px;
	    line-height: 50px;
		width: 100%;
	}
	.case-study-promo-item {
		display: inline-block;
		float: left;
		padding: 0 0 30px 0;
		width: 33.33%;
	}
	.case-study-promo-items .case-study-promo-item:nth-child(odd) {
		padding-right: 30px;
		clear: left;
	}
	.case-study-promo-item .content {
		background-color: #f8f8f8;
		height: 100%;
		padding: 30px;
		position: relative;
		width: 100%;
	}
	.case-study-promo-item img {
		width: 100%;
	}
	.case-study-promo-items .case-study-promo-item:nth-child(3n-2){
		width: 66.66%;
	}
	.case-study-promo-item .text {
		padding: 30px 30px 0px 30px;
	}
	.case-study-promo-item a {
		color: #707070;
		font-weight: 700;
		font-size: 17px;
		line-height: 35px;
	}
	.case-study-promo-item a.category {
		float: left;
	}
	.case-study-promo-item a.category:hover {
		color: #0E97D5;
	}
	.links {
		padding: 0 30px;
		_position: absolute;
		_bottom: 30px;
		width: 100%;
	}
	.case-study-promo-item .more {
		background-color: #0E97D5;
		display: inline-block;
		float: right;
		height: 35px;
		line-height: 35px;
		padding: 0 50px 0 40px;
		text-align: center;
		clip-path: polygon(0 0, 85% 0, 100% 50%, 85% 100%, 0 100%);
		color: #FFF;
		clear: both;
		margin-top: 20px;
	}
	@media only screen and (max-width: 700px) {
		.case-studies .case-study-promo-item,
		.case-study-promo-items .case-study-promo-item,
		.case-study-promo-items .case-study-promo-item:nth-child(3n-2),
		.case-study-promo-items .case-study-promo-item:nth-child(odd){
			width: 100%;
			padding: 0;
			margin-bottom: 30px;
		}
		.links {
    		padding: 0 30px;
    		position: relative;
    		bottom: 30px;
    		width: 100%;
		}
	}

/* site logos block */
	.site-logos {
		list-style-type: none;
		clear: both;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
		padding: 20px 0;
	}
	.site-logos li {
		margin: 0 15px 50px 15px;
	}

/* footer */
	footer {
		background-color: #0E97D5;
		display: inline-block;
		float: left;
		min-height: 275px;
		width: 100%;
		position: relative;
		overflow-x: hidden;
	}
	footer .grey-ramp {
		background-color: #3C3D3E;
		color: #FFF;
		clip-path: polygon(0 0, 100% 0%, 45% 100%, 0% 100%);
		display: inline-block;
		float: left;
		height: 275px;
		padding: 35px 0 0 40px;
		width: 40%;
	}
	footer .logo {
	    clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 25% 100%, 0% 50%);
	    display: inline-block;
	    float: right;
	    background: url(../img/rrs_group_logo.svg) no-repeat #FFFFFF;
	    background-position: 80px;
	    height: 132px;
	    margin: 0 0 0 30px;
	    text-indent: -9999px;
	    width: 300px;
	    top: -1px;
	    right: -1px;
	    position: relative;
	}
	footer ul {
		display: inline-block;
		list-style-type: none;
	}
	footer li {
		display: inline-block;
		float: left;
		font-family: 'DIN Mittelschrift', 'sans-serif';
		font-size: 17px;
		line-height: 30px;
		margin-left: 20px;
		width: 40%;
	}
	footer li a {
		color: #FFF;
		font-weight: 400;
	}
	footer li a:hover {
		color: rgb(57, 217, 253);
	}
	footer .social-icons {
		display: inline-block;
		float: right;
		margin-top: 53px;
	}
	footer .social-icons a {
		align-items: center;
		justify-content: center;
		background-color: #FFF;
		border-radius: 50%;
		color: #0E97D5;
		display: flex;
		height: 25px;
		width: 25px;
		float: left;
    	margin-left: 15px;
	}
	footer .social-icons a i {
		color: #0E97D5;
	}
	@media only screen and (max-width: 980px) {
		footer .grey-ramp {
    		width: 80%;
    		clip-path: polygon(0 0, 100% 0%, 60% 100%, 0% 100%);
    	}
	}
	@media only screen and (max-width: 520px) {
		footer {
			background-color: #0E97D5;
		}
		footer a {
			width: 100%;
		}
		footer .logo {
    		clip-path: polygon(0 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
    		float: left;
    		margin: 0;
    		background-position: 30px;
    		top: 0px;
	    	right: -1px;
	    	position: relative;
    	}
    	footer .social-icons {
    		float: left;
    		margin: 53px 0 20px 0;
    	}
    	footer .grey-ramp {
    		background-color: #0E97D5;
    		min-height: 160px;
    		height: auto;
    		clip-path: none;
    		width: 100%;
    	}
	}
	@media only screen and (max-width: 460px) {
		footer .social-icons {
			margin-top: 0;
		}
		footer .logo {
			margin: 0 0 20px -1px;
		}
	}
	@media only screen and (max-width: 420px) {
		footer li {
			margin-left: 0;
			width: 100%;
		}
	}

/* @media only screen and (max-width: XXXpx) { */

/* blue #0B66B0; 'DIN Mittelschrift'