
/* Generic Styles - Introduction Header */
.two-uk-info-intro-bg {
	width: 100%;
	height: auto;
	background-image: url('../images/tech-and-innovation/infographic-intro-bg-img.jpg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 102%;
}
.two-uk-ii-content {
	width: 100%;
	max-width: 1000px;
	margin: 100px 0;
}
.ab-container-full .two-uk-ii-title {
	font-family: "KlavikaWebBasicLight", Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 3.6em;
	line-height: 1.1;
	color: rgb(255,255,255);
	max-width: 625px;
	padding: 0;
	margin: 0 0 25px 0;
}
.two-uk-ii-para {
	font-family: "KlavikaWebBasicLight", Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 1.5em;
	line-height: 1.4;
	color: rgb(255,255,255);
	max-width: 925px;
	padding: 0;
	margin: 0;
}

/* Generic Styles - Infographic */
.two-uk-container {
	background-color: transparent;
}
.two-uk-toggle-container {
	padding: 40px 10px 20px 10px;
}
.two-uk-toggle-container .two-uk-toggle {
	margin: 0 auto;
	width: 360px;
	height: 50px;
	border-radius: 25px;
	background-color: rgb(216,216,216);
	position: relative;
}
.two-uk-toggle-option {
	display: block;
	width: 185px;
	position: absolute;
	top: 0;
	background-color: transparent;
	z-index: 20;
}
.two-uk-toggle-option:nth-child(odd) {
	margin-left: 0;
	left: 0;
}
.two-uk-toggle-option:nth-child(even) {
	margin-right: 0;
	right: 0;
}
.two-uk-toggle .two-uk-toggle-title {
	text-align: center;
	font-family: "KlavikaWebBasicBold", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.3em;
	line-height: 1;
	text-transform: uppercase;
	color: rgb(140,140,140);
	padding: 18px 5px 13px 5px;
	display: block;
	cursor: pointer;
	transition: color ease 1.5s;
}
.two-uk-toggle .two-uk-toggle-active .two-uk-toggle-title {
	color:#ffffff
}
.two-uk-toggle-title:hover {
	color: rgb(120,120,120);
}
.two-uk-toggle-checkbox {
	display: none;
}
.two-uk-toggle-active .two-uk-toggle-title {
	color: rgb(255,255,255);
}
.two-uk-toggle-active-bg {
	display: block;
	width: 185px;
	height: 50px;
	border-radius: 25px;
	background-color: rgb(30,155,215);
	position: absolute;
	top: 0;
	z-index: 10;
	box-shadow: 0 0 4px 0 rgba(0,0,0,0.5);
	left: 0;
}
.two-uk-mob-toggle {
	margin: -100px 0 100px 0;
}
.two-uk-header-container {
	padding: 0 10px;
}
.two-uk-header {
	text-align: center;
	font-family: "KlavikaWebBasicBold", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 2.75em;
	line-height: 1.2;
}
.two-uk-iinfo {
	text-align: center;
	font-family: "KlavikaWebBasicBold", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.5em;
	line-height: 1.2;
	padding: 0;
}
.two-uk-infographic-container {
	margin: 0 auto;
	padding: 0;
}
.two-uk-infographic {
	width: 100%;
	height: auto;
	margin: 0 auto;
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: top left;
	position: relative;
}
.two-uk-infographic-step {
	position: absolute;
	width: 34px;
	height: 34px;
	background-color: rgb(255,255,255);
	font-family: "KlavikaWebBasicBold", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.2em;
	line-height: 1;
	border: 3px solid rgb(30,155,215);
	border-radius: 50%;
	padding: 7px 2px;
	text-align: center;
	z-index: 10;
	cursor: pointer;
	box-shadow: 0 0 0 rgba(30,155,215,1);
}
.two-uk-istep-pulse {
	animation: pulse 1s linear infinite;
}
.two-uk-infographic-step::before, .two-uk-ow .two-uk-istep3::after {
	content: '';
	display: block;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	position: absolute;
	cursor: default;
}
@-webkit-keyframes pulse {
	0% {
		-webkit-box-shadow: 0 0 0 0 rgba(30,155,215,0);
	}
	42.5% {
		-webkit-box-shadow: 0 0 0 9px rgba(30,155,215,0.5);
	}
	72.5% {
		-webkit-box-shadow: 0 0 0 13px rgba(30,155,215,0.015);
	}
	100% {
		-webkit-box-shadow: 0 0 0 18px rgba(30,155,215,0);
	}
}
@keyframes pulse {
	0% {
		-moz-box-shadow: 0 0 0 0 rgba(30,155,215,0);
		box-shadow: 0 0 0 0 rgba(30,155,215,0);
	}
	42.5% {
		-moz-box-shadow: 0 0 0 9px rgba(30,155,215,0.5);
		box-shadow: 0 0 0 9px rgba(30,155,215,0.5);
	}
	72.5% {
		-moz-box-shadow: 0 0 0 13px rgba(30,155,215,0.015);
		box-shadow: 0 0 0 13px rgba(30,155,215,0.015);
	}
	100% {
		-moz-box-shadow: 0 0 0 18px rgba(30,155,215,0);
		box-shadow: 0 0 0 18px rgba(30,155,215,0);
	}
}
.two-uk-infographic-step-desc {
	position: absolute;
	height: auto;
	font-family: "KlavikaWebBasicLight", Arial, Helvetica, sans-serif;
	font-weight: lighter;
	font-size: 1.2em;
	line-height: 1.4;
	padding: 20px 25px;
	z-index: 15;
	border: 1px solid rgb(151,151,151);
	opacity: 0;
	transform: scale(0);
	transition: all ease 0.5s;
}
.two-uk-infographic-step-desc::before {
	content: '';
	display: block;
	width: 0;
	position: absolute;
	border-width: 0 10px 12px;
	border-style: solid;
	border-color: rgb(151,151,151) transparent;
}
.two-uk-infographic-step-desc::after {
	content: '';
	display: block;
	width: 0;
	position: absolute;
	border-width: 0 8px 10px;
	border-style: solid;
}
.two-uk-infographic-step-desc.two-uk-istep-active {
	opacity: 1;
	transform: scale(1);
}
/* Old Way Styles */
.two-uk-bgcolor-ow {
	background-color: rgb(238,243,248);
}
.two-uk-bgimg-ow {
	background-image: url('../images/tech-and-innovation/old-way/mob-ow-grid-bg2.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: auto 100%;
}
.two-uk-ow {
	display: block;
}
.two-uk-ow .two-uk-header, .two-uk-ow .two-uk-iinfo {
	color: rgb(0,0,0);
}
.two-uk-ow.two-uk-infographic {
	margin-top: 125px;
	margin-bottom: 150px;
	width: 427px;
	height: 1515px;
	background-image: url('../images/tech-and-innovation/old-way/mobile-infographic-base.svg');
}
.two-uk-ow .two-uk-infographic-step::before {
	height: 114px;
	top: -117px;
	left: -34px;
}
.two-uk-ow .two-uk-istep-yn {
	width: 94px;
	height: 108px;
	border: none;
	background-color: transparent;
	padding: 0;
}
.two-uk-ow .two-uk-infographic-step-desc {
	width: 340px;
	left: 10px;
	background-color: rgba(255,255,255,0.88);
	color: rgb(0,0,0);
}
.two-uk-ow .two-uk-infographic-step-desc::before {
	top: -12px;
	left: 133px;
}
.two-uk-ow .two-uk-infographic-step-desc::after {
	top: -10px;
	left: 135px;
	border-color: rgba(255,255,255,0.95) transparent;
}
/* Old Way Numbers */
.two-uk-ow .two-uk-istep1 {
	top: 16px;
	left: 85px;
	animation-delay: 0s;
}
.two-uk-ow .two-uk-istep1::before {
	width: 252px;
	background-image: url('../images/tech-and-innovation/old-way/mob-step1-bubble.svg');
}
.two-uk-ow .two-uk-istep2 {
	top: 183px;
	left: 325px;
	animation-delay: 0.33s;
}
.two-uk-ow .two-uk-istep2::before {
	width: 96px;
	height: 174px;
	background-image: url('../images/tech-and-innovation/old-way/mob-step2-bubble.svg');
	top: -113px;
}
.two-uk-ow .two-uk-istep3 {
	top: 182px;
	left: 117px;
	animation-delay: 0.66s;
}
.two-uk-ow .two-uk-istep3::before {
	width: 182px;
	height: 99px;
	background-image: url('../images/tech-and-innovation/old-way/mob-step3-bubble1.svg');
	top: -37px;
	left: -118px;
}
.two-uk-ow .two-uk-istep3::after {
	width: 114px;
	height: 99px;
	background-image: url('../images/tech-and-innovation/old-way/mob-step3-bubble2.svg');
	top: -28px;
	left: 31px;
}
.two-uk-ow .two-uk-istep4 {
	top: 380px;
	left: 228px;
	animation-delay: 1s;
}
.two-uk-ow .two-uk-istep4::before {
	width: 181px;
	background-image: url('../images/tech-and-innovation/old-way/mob-step4-bubble.svg');
}
.two-uk-ow .two-uk-istep5 {
	top: 598px;
	left: 205px;
	animation-delay: 1.33s;
}
.two-uk-ow .two-uk-istep5::before {
	width: 268px;
	background-image: url('../images/tech-and-innovation/old-way/mob-step5-bubble.svg');
}
.two-uk-ow .two-uk-istep6 {
	top: 987px;
	left: 205px;
	animation-delay: 1.66s;
	cursor: default;
}
.two-uk-ow .two-uk-istep6::before {
	width: 153px;
	background-image: url('../images/tech-and-innovation/old-way/mob-step6-bubble.svg');
	left: -63px;
}
.two-uk-ow .two-uk-istep7 {
	top: 1310px;
	left: 88px;
	animation-delay: 2s;
}
.two-uk-ow .two-uk-istep7::before {
	width: 174px;
	height: 121px;
	background-image: url('../images/tech-and-innovation/old-way/mob-step7-bubble.svg');
	top: -126px;
	left: -73px;
}
/* Old Way Desc - Tooltips */
.two-uk-ow .two-uk-idesc1 {
	top: 61px;
}
.two-uk-ow .two-uk-idesc1::before {
	left: 81px;
}
.two-uk-ow .two-uk-idesc1::after {
	left: 83px;
}
.two-uk-ow .two-uk-idesc2 {
	top: 228px;
	left: auto;
	right: 10px;
}
.two-uk-ow .two-uk-idesc2::before {
	left: auto;
	right: 63px;
}
.two-uk-ow .two-uk-idesc2::after {
	left: auto;
	right: 65px;
}
.two-uk-ow .two-uk-idesc3 {
	top: 227px;
}
.two-uk-ow .two-uk-idesc3::before {
	left: 112px;
}
.two-uk-ow .two-uk-idesc3::after {
	left: 114px;
}
.two-uk-ow .two-uk-idesc4 {
	top: 426px;
	left: 45px;
}
.two-uk-ow .two-uk-idesc4::before {
	left: 188px;
}
.two-uk-ow .two-uk-idesc4::after {
	left: 190px;
}
.two-uk-ow .two-uk-idesc5 {
	top: 643px;
	left: 45px;
}
.two-uk-ow .two-uk-idesc5::before {
	left: 166px;
}
.two-uk-ow .two-uk-idesc5::after {
	left: 168px;
}
.two-uk-ow .two-uk-idesc7 {
	top: 1356px;
}
.two-uk-ow .two-uk-idesc7::before {
	left: 84px;
}
.two-uk-ow .two-uk-idesc7::after {
	left: 86px;
}
/* New Way Styles */
.two-uk-bgcolor-nw {
	background-color: rgb(39,43,56);
}
.two-uk-bgimg-nw {
	background-image: url('../images/tech-and-innovation/new-way/mob-nw-grid-bg2.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: auto 100%;
}
.two-uk-nw {
	display: none;
	opacity: 0;
}
.two-uk-nw .two-uk-header, .two-uk-nw .two-uk-iinfo {
	color: rgb(255,255,255);
}
.two-uk-nw.two-uk-infographic {
	margin-top: 75px;
	margin-bottom: 150px;
	width: 442px;
	height: 1090px;
	background-image: url('../images/tech-and-innovation/new-way/mobile-infographic-base.svg');
}
.two-uk-nw .two-uk-infographic-circle {
	width: 236px;
	height: 236px;
	position: absolute;
	top: 0;
	border-radius: 50%;
	overflow: hidden;
	cursor: pointer;
	z-index: 10;
}
.two-uk-nw .two-uk-icircle-desc {
	display: none;
	width: 100%;
	height: 100%;
	background-color: rgba(30,155,215,0.97);
	color: rgb(255,255,255);
	text-align: center;
	font-family: "KlavikaWebBasicLight", Arial, Helvetica, sans-serif;
	font-weight: lighter;
	font-size: 1.4em;
	line-height: 1.4;
	padding: 62px 35px;
	transition: all ease 2s;
}
.two-uk-icircle-desc.two-uk-icircle-active {
	display: block;
	transition: all ease 2s;
}
.two-uk-nw .two-uk-icircle-icon {
	position: absolute;
	z-index: 5;
}
.two-uk-nw .two-uk-icon-img {
	width: auto;
	height: 100%;
	display: inline-block;
}
.two-uk-nw .two-uk-infographic-step {
	left: 203px;
	width: 36px;
	height: 36px;
	font-size: 1.4em;
	padding: 7px 2px;
}
.two-uk-nw .two-uk-infographic-step::before {
	height: 160px;
	top: -162px;
	left: -58px;
}
.two-uk-nw .two-uk-infographic-step-desc {
	width: 380px;
	left: 30px;
	background-color: rgba(37,41,52,0.88);
	color: rgb(255,255,255);
}
.two-uk-nw .two-uk-infographic-step-desc::before {
	top: -12px;
	left: 180px;
}
.two-uk-nw .two-uk-infographic-step-desc::after {
	top: -10px;
	left: 182px;
	border-color: rgba(37,41,52,0.95) transparent;
}
.two-uk-infographic-circle:hover .two-uk-icircle-desc {
	display: block;
}
.two-uk-nw .two-uk-icircle1 {
	left: 0;
}
.two-uk-nw .two-uk-icircle1 .two-uk-icircle-desc {
	padding: 95px 35px;
}
.two-uk-nw .two-uk-icircle2 {
	left: 206px;
}
.two-uk-nw .two-uk-icircle3 {
	top: 156px;
	right: 104px;
}
.two-uk-nw .two-uk-icircle-icon1 {
	width: 112px;
	height: 108px;
	left: 62px;
	animation: iBounce 1s linear infinite;
}
.two-uk-nw .two-uk-icircle-icon2 {
	width: 116px;
	height: 111px;
	left: 269px;
	animation: iiBounce 1s linear infinite;
}
.two-uk-nw .two-uk-icircle-icon3 {
	width: 83px;
	height: 123px;
	left: 180px;
	animation: iiiBounce 1s linear infinite;
}
@-webkit-keyframes iBounce {
	0% {
		top: 43px;
	}
	50% {
		top: 39px;
	}
	100% {
		top: 43px;
	}
}
@keyframes iBounce {
	0% {
		top: 43px;
	}
	50% {
		top: 39px;
	}
	100% {
		top: 43px;
	}
}
@-webkit-keyframes iiBounce {
	0% {
		top: 40px;
	}
	50% {
		top: 36px;
	}
	100% {
		top: 40px;
	}
}
@keyframes iiBounce {
	0% {
		top: 40px;
	}
	50% {
		top: 36px;
	}
	100% {
		top: 40px;
	}
}
@-webkit-keyframes iiiBounce {
	0% {
		top: 198px;
	}
	50% {
		top: 194px;
	}
	100% {
		top: 198px;
	}
}
@keyframes iiiBounce {
	0% {
		top: 198px;
	}
	50% {
		top: 194px;
	}
	100% {
		top: 198px;
	}
}
/* Can't just override anims because IE doesn't like that */
@-webkit-keyframes iBounce-xs {
	0% {
		top: 29px;
	}
	50% {
		top: 25px;
	}
	100% {
		top: 29px;
	}
}
@keyframes iBounce-xs {
	0% {
		top: 29px;
	}
	50% {
		top: 25px;
	}
	100% {
		top: 29px;
	}
}
@-webkit-keyframes iiBounce-xs {
	0% {
		top: 26px;
	}
	50% {
		top: 22px;
	}
	100% {
		top: 26px;
	}
}
@keyframes iiBounce-xs {
	0% {
		top: 26px;
	}
	50% {
		top: 22px;
	}
	100% {
		top: 26px;
	}
}
@-webkit-keyframes iiiBounce-xs {
	0% {
		top: 158px;
	}
	50% {
		top: 154px;
	}
	100% {
		top: 158px;
	}
}
@keyframes iiiBounce-xs {
	0% {
		top: 158px;
	}
	50% {
		top: 154px;
	}
	100% {
		top: 158px;
	}
}
@-webkit-keyframes iBounce-lg {
	0% {
		top: 40px;
	}
	50% {
		top: 36px;
	}
	100% {
		top: 40px;
	}
}
@keyframes iBounce-lg {
	0% {
		top: 40px;
	}
	50% {
		top: 36px;
	}
	100% {
		top: 40px;
	}
}
@-webkit-keyframes iiBounce-lg {
	0% {
		top: 42px;
	}
	50% {
		top: 38px;
	}
	100% {
		top: 42px;
	}
}
@keyframes iiBounce-lg {
	0% {
		top: 42px;
	}
	50% {
		top: 38px;
	}
	100% {
		top: 42px;
	}
}
@-webkit-keyframes iiiBounce-lg {
	0% {
		top: 29px;
	}
	50% {
		top: 25px;
	}
	100% {
		top: 29px;
	}
}
@keyframes iiiBounce-lg {
	0% {
		top: 29px;
	}
	50% {
		top: 25px;
	}
	100% {
		top: 29px;
	}
}
.two-uk-nw .two-uk-istep1 {
	top: 440px;
	animation-delay: 0s;
}
.two-uk-nw .two-uk-istep1::before {
	width: 190px;
	height: 19px;
	background-image: url('../images/tech-and-innovation/new-way/step1-bubble.svg');
	top: 5px;
	left: 50px;
}
.two-uk-nw .two-uk-istep2 {
	top: 668px;
	animation-delay: 0.33s;
}
.two-uk-nw .two-uk-istep2::before {
	width: 144px;
	background-image: url('../images/tech-and-innovation/new-way/step2-bubble.svg');
}
.two-uk-nw .two-uk-istep3 {
	top: 908px;
	animation-delay: 0.66s;
}
.two-uk-nw .two-uk-istep3::before {
	width: 260px;
	background-image: url('../images/tech-and-innovation/new-way/step3-bubble.svg');
}
.two-uk-nw .two-uk-istep3::after {
	display: none;
	width: 0;
	height: 0;
}
.two-uk-nw .two-uk-istep4 {
	top: 1007px;
	animation-delay: 1s;
}
.two-uk-nw .two-uk-istep4::before {
	display: none;
	width: 0;
	height: 0;
}
.two-uk-nw .two-uk-idesc1 {
	top: 488px;
}
.two-uk-nw .two-uk-idesc2 {
	top: 716px;
}
.two-uk-nw .two-uk-idesc3 {
	top: 956px;
}
.two-uk-nw .two-uk-idesc4 {
	top: 1055px;
}
.two-uk-nw .two-uk-infographic-meet-desktop {
	display: none;
	width: 180px;
	position: absolute;
	top: 255px;
	left: 280px;
}
.two-uk-nw .two-uk-infographic-meet-mob-button {
	width: 130px;
	position: absolute;
	top: 547px;
	left: 0px;
}
.two-uk-nw .two-uk-infographic-meet-mob-title {
	width: 135px;
	position: absolute;
	top: 515px;
	left: 310px;
}
.two-uk-nw .two-uk-imeet-title {
	color: rgb(255,255,255);
	font-family: "KlavikaWebBasicBold", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.8em;
	line-height: 1.4;
	margin: 0;
}
.two-uk-nw .two-uk-imeet-button {
	display: inline-block;
	border: 3px solid rgb(30,155,215);
	outline: none;
	background-color: rgb(30,155,215);
	color: rgb(255,255,255);
	text-align: center;
	font-family: "KlavikaWebBasicBold", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.3em;
	line-height: 1;
	text-transform: uppercase;
	text-decoration: none;
	padding: 17px 9px 14px 9px;
	border-radius: 6px;
}
.two-uk-nw .two-uk-imeet-button:hover {
	background-color: rgb(255,255,255);
	color: rgb(30,155,215);
}
@media (max-width:479px) {
	/* GENERAL - Introduction Header */
	.two-uk-ii-content {
		margin: 50px 0;
	}
	.ab-container-full .two-uk-ii-title {
		font-size: 3.4em;
	}
	.two-uk-ii-para {
		font-size: 1.4em;
		line-height: 1.5;
	}
	/* GENERAL - Infographic */
	.two-uk-toggle-container {
		padding: 40px 0 20px 0;
	}
	.two-uk-toggle {
		width: 340px;
	}
	.two-uk-toggle-option {
		width: 175px;
	}
	.two-uk-toggle-title {
		padding: 19px 5px 15px 5px;
	}
	.two-uk-toggle-active-bg {
		width: 175px;
	}
	.two-uk-header-container {
		padding: 0;
	}
	/* OLD WAY */
	.two-uk-ow.two-uk-infographic {
		width: 360px;
		height: 1280px;
	}
	.two-uk-ow .two-uk-infographic-step {
		width: 30px;
		height: 30px;
		font-size: 1.1em;
		padding: 6px 2px;
	}
	.two-uk-ow .two-uk-infographic-step::before {
		height: 95px;
		top: -98px;
		left: -30px;
	}
	.two-uk-ow .two-uk-istep-yn {
		width: 94px;
		height: 108px;
		border: none;
		background-color: transparent;
		padding: 0;
	}
	.two-uk-ow .two-uk-infographic-step-desc {
		width: 340px;
		left: 10px;
		padding: 17px 20px;
		font-size: 1.1em;
	}
	.two-uk-ow .two-uk-infographic-step-desc::before {
		top: -12px;
		left: 133px;
	}
	.two-uk-ow .two-uk-infographic-step-desc::after {
		top: -10px;
		left: 135px;
		border-color: rgba(255,255,255,0.95) transparent;
	}
	.two-uk-ow .two-uk-istep1 {
		top: 13px;
		left: 80px;
	}
	.two-uk-ow .two-uk-istep1::before {
		width: 212px;
		background-image: url('../images/tech-and-innovation/old-way/mob-step1-bubble.svg');
	}
	.two-uk-ow .two-uk-istep2 {
		top: 152px;
		left: 276px;
	}
	.two-uk-ow .two-uk-istep2::before {
		width: 80px;
		height: 150px;
		background-image: url('../images/tech-and-innovation/old-way/mob-step2-bubble.svg');
		top: -97px;
		left: -28px;
	}
	.two-uk-ow .two-uk-istep3 {
		top: 156px;
		left: 98px;
	}
	.two-uk-ow .two-uk-istep3::before {
		width: 162px;
		height: 86px;
		background-image: url('../images/tech-and-innovation/old-way/mob-step3-bubble1.svg');
		top: -32px;
		left: -104px;
	}
	.two-uk-ow .two-uk-istep3::after {
		width: 100px;
		height: 86px;
		background-image: url('../images/tech-and-innovation/old-way/mob-step3-bubble2.svg');
		top: -25px;
		left: 25px;
	}
	.two-uk-ow .two-uk-istep4 {
		top: 330px;
		left: 192px;
	}
	.two-uk-ow .two-uk-istep4::before {
		width: 154px;
		background-image: url('../images/tech-and-innovation/old-way/mob-step4-bubble.svg');
	}
	.two-uk-ow .two-uk-istep5 {
		top: 512px;
		left: 172px;
	}
	.two-uk-ow .two-uk-istep5::before {
		width: 224px;
		background-image: url('../images/tech-and-innovation/old-way/mob-step5-bubble.svg');
	}
	.two-uk-ow .two-uk-istep6 {
		top: 831px;
		left: 172px;
	}
	.two-uk-ow .two-uk-istep6::before {
		width: 130px;
		background-image: url('../images/tech-and-innovation/old-way/mob-step6-bubble.svg');
		left: -54px;
	}
	.two-uk-ow .two-uk-istep7 {
		top: 1116px;
		left: 73px;
	}
	.two-uk-ow .two-uk-istep7::before {
		width: 154px;
		height: 105px;
		background-image: url('../images/tech-and-innovation/old-way/mob-step7-bubble.svg');
		top: -108px;
		left: -66px;
	}
	.two-uk-ow .two-uk-idesc1 {
		top: 54px;
	}
	.two-uk-ow .two-uk-idesc1::before {
		left: 75px;
	}
	.two-uk-ow .two-uk-idesc1::after {
		left: 77px;
	}
	.two-uk-ow .two-uk-idesc2 {
		top: 193px;
		left: auto;
		right: 10px;
	}
	.two-uk-ow .two-uk-idesc2::before {
		left: auto;
		right: 48px;
	}
	.two-uk-ow .two-uk-idesc2::after {
		left: auto;
		right: 50px;
	}
	.two-uk-ow .two-uk-idesc3 {
		top: 197px;
	}
	.two-uk-ow .two-uk-idesc3::before {
		left: 92px;
	}
	.two-uk-ow .two-uk-idesc3::after {
		left: 94px;
	}
	.two-uk-ow .two-uk-idesc4 {
		top: 371px;
		left: auto;
		right: 10px;
	}
	.two-uk-ow .two-uk-idesc4::before {
		left: auto;
		right: 132px;
	}
	.two-uk-ow .two-uk-idesc4::after {
		left: auto;
		right: 134px;
	}
	.two-uk-ow .two-uk-idesc5 {
		top: 553px;
		left: 10px;
	}
	.two-uk-ow .two-uk-idesc5::before {
		left: 167px;
	}
	.two-uk-ow .two-uk-idesc5::after {
		left: 169px;
	}
	.two-uk-ow .two-uk-idesc7 {
		top: 1158px;
	}
	.two-uk-ow .two-uk-idesc7::before {
		left: 68px;
	}
	.two-uk-ow .two-uk-idesc7::after {
		left: 70px;
	}
	/* NEW WAY */
	.two-uk-nw.two-uk-infographic {
		width: 360px;
		height: 890px;
	}
	.two-uk-nw .two-uk-infographic-circle {
		width: 192px;
		height: 192px;
	}
	.two-uk-nw .two-uk-icircle-desc {
		font-size: 1.2em;
		line-height: 1.4;
		padding: 45px 25px;
	}
	.two-uk-nw .two-uk-infographic-step {
		left: 164px;
		width: 32px;
		height: 32px;
		font-size: 1.2em;
		padding: 6px 2px;
	}
	.two-uk-nw .two-uk-infographic-step::before {
		height: 130px;
		top: -132px;
		left: -45px;
	}
	.two-uk-nw .two-uk-infographic-step-desc {
		width: 340px;
		left: 10px;
		padding: 17px 20px;
		font-size: 1.1em;
	}
	.two-uk-nw .two-uk-infographic-step-desc::before {
		left: 159px;
	}
	.two-uk-nw .two-uk-infographic-step-desc::after {
		left: 161px;
	}
	/* New Way Circles */
	.two-uk-nw .two-uk-icircle1 .two-uk-icircle-desc {
		padding: 75px 25px;
	}
	.two-uk-nw .two-uk-icircle2 {
		left: 168px;
	}
	.two-uk-nw .two-uk-icircle3 {
		top: 126px;
		right: 84px;
	}
	.two-uk-nw .two-uk-icircle-icon1 {
		width: 100px;
		height: 96px;
		left: 46px;
		animation: iBounce-xs 1s linear infinite;
	}
	.two-uk-nw .two-uk-icircle-icon2 {
		width: 104px;
		height: 99px;
		left: 215px;
		animation: iiBounce-xs 1s linear infinite;
	}
	.two-uk-nw .two-uk-icircle-icon3 {
		width: 70px;
		height: 106px;
		left: 145px;
		animation: iiiBounce-xs 1s linear infinite;
	}
	.two-uk-nw .two-uk-istep1 {
		top: 354px;
	}
	.two-uk-nw .two-uk-istep1::before {
		width: 140px;
		height: 14px;
		top: 6px;
		left: 40px;
	}
	.two-uk-nw .two-uk-istep2 {
		top: 540px;
	}
	.two-uk-nw .two-uk-istep2::before {
		width: 116px;
	}
	.two-uk-nw .two-uk-istep3 {
		top: 738px;
	}
	.two-uk-nw .two-uk-istep3::before {
		width: 208px;
	}
	.two-uk-nw .two-uk-istep4 {
		top: 819px;
	}
	.two-uk-nw .two-uk-idesc1 {
		top: 397px;
	}
	.two-uk-nw .two-uk-idesc2 {
		top: 583px;
	}
	.two-uk-nw .two-uk-idesc3 {
		top: 781px;
	}
	.two-uk-nw .two-uk-idesc4 {
		top: 862px;
	}
	.two-uk-nw .two-uk-infographic-meet-desktop {
		width: 140px;
		top: 198px;
		left: 226px;
	}
	.two-uk-nw .two-uk-infographic-meet-mob-button {
		width: 110px;
		top: 440px;
		left: -2px;
	}
	.two-uk-nw .two-uk-infographic-meet-mob-title {
		width: 115px;
		top: 423px;
		left: 255px;
	}
	.two-uk-nw .two-uk-imeet-title {
		font-size: 1.6em;
		line-height: 1.2;
		margin: 0;
	}
	.two-uk-nw .two-uk-imeet-button {
		font-size: 1.2em;
		padding: 15px 5px 12px 5px;
	}
}
@media (min-width:768px) {
	/* GENERAL - Introduction Header */
	.two-uk-info-intro-bg {
		height: 475px;
		background-size: auto 125%;
	}
	.two-uk-ii-content {
		max-width: 800px;
		margin: 142px 0;
	}
	.ab-container-full .two-uk-ii-title {
		font-size: 3.8em;
		line-height: 1;
	}
	/* GENERAL - Infographic */
	.two-uk-mob-toggle {
		display: none;
	}
	.two-uk-infographic-step:hover + .two-uk-infographic-step-desc {
		opacity: 1;
		transform: scale(1);
	}
	/* OLD WAY */
	.two-uk-bgimg-ow {
		background-image: url('../images/tech-and-innovation/old-way/ow-grid-bg.png');
		background-position: bottom center;
		background-size: auto 105%;
	}
	.two-uk-header, .two-uk-iinfo {
		text-align: left;
	}
	.two-uk-ow.two-uk-infographic {
		width: 696px;
		height: 625px;
		background-image: url('../images/tech-and-innovation/old-way/desktop-infographic-base.svg');
	}
	.two-uk-ow .two-uk-infographic-step {
		width: 30px;
		height: 30px;
		font-size: 1.1em;
		border: 3px solid rgb(30,155,215);
		padding: 6px 2px;
	}
	.two-uk-ow .two-uk-infographic-step::before {
		height: 85px;
		top: -87px;
		left: -27px;
	}
	.two-uk-ow .two-uk-istep-yn {
		width: 94px;
		height: 108px;
		border: none;
		background-color: transparent;
		padding: 0;
	}
	.two-uk-ow .two-uk-infographic-step-desc {
		width: 260px;
		padding: 12px 14px;
	}
	.two-uk-ow .two-uk-infographic-step-desc::before {
		top: -10px;
		left: 111px;
		border-width: 0 8px 10px;
	}
	.two-uk-ow .two-uk-infographic-step-desc::after {
		top: -8px;
		left: 111px;
		border-width: 0 8px 10px;
	}
	.two-uk-ow .two-uk-istep1 {
		top: 48px;
		left: 70px;
	}
	.two-uk-ow .two-uk-istep1::before {
		width: 192px;
		background-image: url('../images/tech-and-innovation/old-way/step1-bubble.svg');
	}
	.two-uk-ow .two-uk-istep2 {
		top: -5px;
		left: 310px;
	}
	.two-uk-ow .two-uk-istep2::before {
		width: 148px;
		background-image: url('../images/tech-and-innovation/old-way/step2-bubble.svg');
	}
	.two-uk-ow .two-uk-istep3 {
		top: 155px;
		left: 398px;
	}
	.two-uk-ow .two-uk-istep3::before {
		width: 110px;
		background-image: url('../images/tech-and-innovation/old-way/step3-bubble1.svg');
		top: -78px;
		left: -22px;
	}
	.two-uk-ow .two-uk-istep3::after {
		width: 75px;
		height: 85px;
		background-image: url('../images/tech-and-innovation/old-way/step3-bubble2.svg');
		top: 26px;
		left: -26px;
	}
	.two-uk-ow .two-uk-istep4 {
		top: 10px;
		left: 530px;
	}
	.two-uk-ow .two-uk-istep4::before {
		width: 142px;
		background-image: url('../images/tech-and-innovation/old-way/step4-bubble.svg');
	}
	.two-uk-ow .two-uk-istep5 {
		top: 175px;
		left: 598px;
	}
	.two-uk-ow .two-uk-istep5::before {
		width: 150px;
		background-image: url('../images/tech-and-innovation/old-way/step5-bubble-sm.svg');
	}
	.two-uk-ow .two-uk-istep6 {
		top: 355px;
		left: 416px;
	}
	.two-uk-ow .two-uk-istep6::before {
		width: 118px;
		background-image: url('../images/tech-and-innovation/old-way/step6-bubble.svg');
		left: -48px;
	}
	.two-uk-ow .two-uk-istep7 {
		top: 556px;
		left: 316px;
	}
	.two-uk-ow .two-uk-istep7::before {
		width: 136px;
		height: 93px;
		background-image: url('../images/tech-and-innovation/old-way/step7-bubble.svg');
		top: -95px;
		left: -57px;
	}
	.two-uk-ow .two-uk-idesc1 {
		top: 87px;
		left: 0px;
	}
	.two-uk-ow .two-uk-idesc1::before, .two-uk-ow .two-uk-idesc1::after {
		left: 76px;
	}
	.two-uk-ow .two-uk-idesc2 {
		top: 34px;
		left: 205px;
	}
	.two-uk-ow .two-uk-idesc3 {
		top: 127px;
		left: 128px;
	}
	.two-uk-ow .two-uk-idesc3::before {
		top: 37px;
		left: auto;
		right: -14px;
		transform: rotate(90deg);
	}
	.two-uk-ow .two-uk-idesc3::after {
		top: 37px;
		left: auto;
		right: -12px;
		transform: rotate(90deg);
	}
	.two-uk-ow .two-uk-idesc4 {
		top: 49px;
		left: 455px;
	}
	.two-uk-ow .two-uk-idesc4::before, .two-uk-ow .two-uk-idesc4::after {
		left: 81px;
	}
	.two-uk-ow .two-uk-idesc5 {
		top: 213px;
		left: 455px;
	}
	.two-uk-ow .two-uk-idesc5::before, .two-uk-ow .two-uk-idesc5::after {
		left: auto;
		right: 93px;
	}
	.two-uk-ow .two-uk-idesc7 {
		top: 595px;
		left: 211px;
	}
	/* NEW WAY */
	.two-uk-bgimg-nw {
		background-image: url('../images/tech-and-innovation/new-way/nw-grid-bg.png');
		background-position: bottom center;
		background-size: auto 105%;
	}
	.two-uk-nw.two-uk-infographic {
		width: 667px;
		height: 947px;
		background-image: url('../images/tech-and-innovation/new-way/desktop-infographic-base.svg');
	}
	.two-uk-nw .two-uk-infographic-circle {
		width: 243px;
		height: 243px;
	}
	.two-uk-nw .two-uk-icircle-desc {
		font-size: 1.4em;
		line-height: 1.4;
		padding: 66px 40px;
	}
	.two-uk-nw .two-uk-icircle-icon1 {
		width: 118px;
		height: 114px;
		left: 63px;
		animation: iBounce-lg 1s linear infinite;
	}
	.two-uk-nw .two-uk-icircle-icon2 {
		width: 122px;
		height: 117px;
		left: 272px;
		animation: iiBounce-lg 1s linear infinite;
	}
	.two-uk-nw .two-uk-icircle-icon3 {
		width: 89px;
		height: 129px;
		left: auto;
		right: 73px;
		animation: iiiBounce-lg 1s linear infinite;
	}
	.two-uk-nw .two-uk-infographic-step {
		left: 316px;
		width: 34px;
		height: 34px;
		font-size: 1.2em;
		padding: 7px 2px;
	}
	.two-uk-nw .two-uk-infographic-step::before {
		height: 167px;
		top: -170px;
		left: -60px;
	}
	.two-uk-nw .two-uk-infographic-step-desc {
		width: 340px;
		left: -35px;
	}
	.two-uk-nw .two-uk-infographic-step-desc::before {
		top: 37px;
		left: auto;
		right: -16px;
		transform: rotate(90deg);
	}
	.two-uk-nw .two-uk-infographic-step-desc::after {
		top: 38px;
		left: auto;
		right: -13px;
		transform: rotate(90deg);
	}
	.two-uk-nw .two-uk-icircle1 {
		left: 0;
	}
	.two-uk-nw .two-uk-icircle1 .two-uk-icircle-desc {
		padding: 100px 35px 95px 35px;
	}
	.two-uk-nw .two-uk-icircle2 {
		left: 211px;
	}
	.two-uk-nw .two-uk-icircle3 {
		top: 0;
		right: 0;
	}
	.two-uk-nw .two-uk-istep1 {
		top: 280px;
	}
	.two-uk-nw .two-uk-istep1::before {
		width: 176px;
		height: 18px;
		top: 5px;
		left: 55px;
	}
	.two-uk-nw .two-uk-istep2 {
		top: 550px;
	}
	.two-uk-nw .two-uk-istep2::before {
		width: 147px;
	}
	.two-uk-nw .two-uk-istep3 {
		top: 780px;
	}
	.two-uk-nw .two-uk-istep3::before {
		width: 267px;
	}
	.two-uk-nw .two-uk-istep4 {
		top: 875px;
	}
	.two-uk-nw .two-uk-idesc1 {
		top: 254px;
	}
	.two-uk-nw .two-uk-idesc2 {
		top: 524px;
	}
	.two-uk-nw .two-uk-idesc3 {
		top: 754px;
	}
	.two-uk-nw .two-uk-idesc4 {
		top: 850px;
	}
	.two-uk-nw .two-uk-infographic-meet-desktop {
		display: block;
		width: 300px;
		top: 435px;
		left: 435px;
	}
	.two-uk-nw .two-uk-infographic-meet-mob-button, .two-uk-nw .two-uk-infographic-meet-mob-title {
		display: none;
	}
	.two-uk-nw .two-uk-imeet-title {
		font-size: 1.8em;
		line-height: 1.4;
		margin: 0 0 15px 0;
	}
	.two-uk-nw .two-uk-imeet-button {
		font-size: 1.2em;
		line-height: 1;
		padding: 15px 17px 12px 17px;
	}
}
@media (min-width:1024px) {
	/* GENERAL - Introduction Header */
	.two-uk-info-intro-bg {
		height: 550px;
		background-size: 100% auto;
		background-position: top -25px center;
	}
	.two-uk-ii-content {
		margin: 162px 0;
	}
	.ab-container-full .two-uk-ii-title {
		font-size: 4em;
		max-width: 800px;
	}
	/* OLD WAY */
	.two-uk-ow.two-uk-infographic {
		width: 910px;
		height: 810px;
	}
	.two-uk-ow .two-uk-infographic-step::before {
		height: 100px;
		top: -102px;
		left: -32px;
	}
	.two-uk-ow .two-uk-infographic-step-desc {
		font-size: 1.1em;
		line-height: 1.3;
		padding: 15px 20px;
	}
	.two-uk-ow .two-uk-infographic-step-desc::before {
		top: -12px;
		left: 119px;
		border-width: 0 10px 12px;
	}
	.two-uk-ow .two-uk-infographic-step-desc::after {
		top: -10px;
		left: 121px;
	}
	.two-uk-ow .two-uk-istep1 {
		top: 69px;
		left: 90px;
	}
	.two-uk-ow .two-uk-istep1::before {
		width: 224px;
	}
	.two-uk-ow .two-uk-istep2 {
		top: -3px;
		left: 400px;
	}
	.two-uk-ow .two-uk-istep2::before {
		width: 170px;
	}
	.two-uk-ow .two-uk-istep3 {
		top: 208px;
		left: 525px;
	}
	.two-uk-ow .two-uk-istep3::before {
		width: 126px;
		top: -91px;
		left: -26px;
	}
	.two-uk-ow .two-uk-istep3::after {
		width: 86px;
		height: 100px;
		top: 26px;
		left: -31px;
	}
	.two-uk-ow .two-uk-istep4 {
		top: 17px;
		left: 705px;
	}
	.two-uk-ow .two-uk-istep4::before {
		width: 164px;
	}
	.two-uk-ow .two-uk-istep5 {
		top: 245px;
		left: 787px;
	}
	.two-uk-ow .two-uk-istep5::before {
		width: 174px;
	}
	.two-uk-ow .two-uk-istep6 {
		top: 469px;
		left: 555px;
	}
	.two-uk-ow .two-uk-istep6::before {
		width: 136px;
		left: -56px;
	}
	.two-uk-ow .two-uk-istep7 {
		top: 737px;
		left: 419px;
	}
	.two-uk-ow .two-uk-istep7::before {
		width: 156px;
		height: 108px;
		top: -110px;
		left: -67px;
	}
	.two-uk-ow .two-uk-idesc1 {
		top: 110px;
		left: -25px;
	}
	.two-uk-ow .two-uk-idesc2 {
		top: 38px;
		left: 285px;
	}
	.two-uk-ow .two-uk-idesc3 {
		top: 176px;
		left: 253px;
	}
	.two-uk-ow .two-uk-idesc3::before {
		top: 40px;
		left: auto;
		right: -16px;
		transform: rotate(90deg);
	}
	.two-uk-ow .two-uk-idesc3::after {
		top: 41px;
		left: auto;
		right: -13px;
		transform: rotate(90deg);
	}
	.two-uk-ow .two-uk-idesc4 {
		top: 58px;
		left: 590px;
	}
	.two-uk-ow .two-uk-idesc5 {
		top: 285px;
		left: 672px;
	}
	.two-uk-ow .two-uk-idesc7 {
		top: 778px;
		left: 304px;
	}
	/* NEW WAY */
	.two-uk-nw .two-uk-icircle-desc {
		padding: 56px 30px;
	}
	.two-uk-nw .two-uk-infographic-step-desc {
		width: 380px;
		left: -75px;
	}
}
@media (min-width:1280px) {
	/* GeENERAL - Introduction Header */
	.two-uk-info-intro-bg {
		background-position: top -175px center;
	}
	/* OLD WAY */
	.two-uk-ow.two-uk-infographic {
		width: 995px;
		height: 890px;
	}
	.two-uk-ow .two-uk-infographic-step {
		width: 34px;
		height: 34px;
		font-size: 1.2em;
		border: 4px solid rgb(30,155,215);
	}
	.two-uk-ow .two-uk-istep-yn {
		width: 94px;
		height: 108px;
		border: none;
		background-color: transparent;
		padding: 0;
	}
	.two-uk-ow .two-uk-infographic-step::before {
		height: 108px;
		top: -111px;
		left: -35px;
	}
	.two-uk-ow .two-uk-infographic-step-desc {
		width: 290px;
		font-size: 1.2em;
		line-height: 1.4;
		padding: 20px 25px;
	}
	.two-uk-ow .two-uk-infographic-step-desc::before {
		top: -12px;
		left: 133px;
	}
	.two-uk-ow .two-uk-infographic-step-desc::after {
		top: -10px;
		left: 135px;
	}
	.two-uk-ow .two-uk-istep1 {
		top: 75px;
		left: 100px;
	}
	.two-uk-ow .two-uk-istep1::before {
		width: 244px;
	}
	.two-uk-ow .two-uk-istep2 {
		top: -4px;
		left: 442px;
	}
	.two-uk-ow .two-uk-istep2::before {
		width: 184px;
	}
	.two-uk-ow .two-uk-istep3 {
		top: 226px;
		left: 568px;
	}
	.two-uk-ow .two-uk-istep3::before {
		width: 136px;
		top: -100px;
		left: -28px;
	}
	.two-uk-ow .two-uk-istep3::after {
		width: 93px;
		height: 108px;
		top: 30px;
		left: -33px;
	}
	.two-uk-ow .two-uk-istep4 {
		top: 18px;
		left: 763px;
	}
	.two-uk-ow .two-uk-istep4::before {
		width: 178px;
	}
	.two-uk-ow .two-uk-istep5 {
		top: 265px;
		left: 859px;
	}
	.two-uk-ow .two-uk-istep5::before {
		width: 264px;
		background-image: url('../images/old-way/step5-bubble.svg');
	}
	.two-uk-ow .two-uk-istep6 {
		top: 512px;
		left: 607px;
	}
	.two-uk-ow .two-uk-istep6::before {
		width: 150px;
		left: -62px;
	}
	.two-uk-ow .two-uk-istep7 {
		top: 800px;
		left: 456px;
	}
	.two-uk-ow .two-uk-istep7::before {
		width: 170px;
		height: 116px;
		top: -120px;
		left: -73px;
	}
	.two-uk-ow .two-uk-idesc1 {
		top: 120px;
		left: -27px;
	}
	.two-uk-ow .two-uk-idesc2 {
		top: 41px;
		left: 315px;
	}
	.two-uk-ow .two-uk-idesc3 {
		top: 181px;
		left: 267px;
	}
	.two-uk-ow .two-uk-idesc3::before {
		top: 55px;
		left: auto;
	}
	.two-uk-ow .two-uk-idesc3::after {
		top: 56px;
		left: auto;
	}
	.two-uk-ow .two-uk-idesc4 {
		top: 63px;
		left: 636px;
	}
	.two-uk-ow .two-uk-idesc5 {
		top: 311px;
		left: 732px;
	}
	.two-uk-ow .two-uk-idesc7 {
		top: 845px;
		left: 329px;
	}
	.two-uk-ow .two-uk-idesc8 {
		top: 519px;
		left: 130px;
	}
	.two-uk-ow .two-uk-idesc8::before {
		top: 55px;
		left: auto;
		right: -16px;
		transform: rotate(90deg);
	}
	.two-uk-ow .two-uk-idesc8::after {
		top: 56px;
		left: auto;
		right: -13px;
		transform: rotate(90deg);
	}
	.two-uk-ow .two-uk-idesc9 {
		top: 760px;
		left: 28px;
	}
	.two-uk-ow .two-uk-idesc9::before {
		top: 55px;
		left: auto;
		right: -16px;
		transform: rotate(90deg);
	}
	.two-uk-ow .two-uk-idesc9::after {
		top: 56px;
		left: auto;
		right: -13px;
		transform: rotate(90deg);
	}
	.two-uk-ow .two-uk-idesc10 {
		top: 519px;
		left: 823px;
	}
	.two-uk-ow .two-uk-idesc10::before {
		top: 55px;
		left: -16px;
		transform: rotate(-90deg);
	}
	.two-uk-ow .two-uk-idesc10::after {
		top: 56px;
		left: -13px;
		transform: rotate(-90deg);
	}
	.two-uk-ow .two-uk-idesc11 {
		top: 760px;
		left: 652px;
	}
	.two-uk-ow .two-uk-idesc11::before {
		top: 55px;
		left: -16px;
		transform: rotate(-90deg);
	}
	.two-uk-ow .two-uk-idesc11::after {
		top: 56px;
		left: -13px;
		transform: rotate(-90deg);
	}
}
@media (min-width:1525px) {
	/* GENERAL - Introduction Header */
	.two-uk-info-intro-bg {
		background-position: top -250px center;
	}
	/* OLD WAY */
	.two-uk-ow .two-uk-idesc5 {
		top: 245px;
		left: 903px;
	}
	.two-uk-ow .two-uk-idesc5::before {
		top: 30px;
		left: -16px;
		transform: rotate(-90deg);
	}
	.two-uk-ow .two-uk-idesc5::after {
		top: 31px;
		left: -13px;
		transform: rotate(-90deg);
	}
}
