@charset "utf-8";
	
	.bgVideoLiner-0{
		position: relative;
		top: 0px;
		width: 100%;
		overflow: hidden;
		height: auto;
		min-height: 970px;
	}
	.bgVideoLiner-1{
		position: relative;
		top: 0px;
		width: 100%;
		overflow: hidden;
		height: auto;
		min-height: 970px;
		text-align: center;
	}
	.bgVideoLiner-2{
		position: relative;
		top: 0px;
		width: 100%;
		overflow-y: hidden;
		height: 970px;
		text-align: center;
	}
	.bgVideoSource-0{
		position: absolute;
		top: 0px;
		right: 0px;
		width: auto;
		height: 100%;
	}
	.bgVideoSource-1{
		position: absolute;
		right: 0px;
		left: 0px;
		bottom: 0px;
		width: 100%;
		height: auto;
	}
	.vidOverlay {
		position: absolute;
		top: 0px;
		right: 0px;
		left: 0px;
		height: 970px;
		background:
			linear-gradient(
				rgba(16, 43, 67, 0.20),
				rgba(16, 43, 67, 0.20)
			),
			linear-gradient(
				rgba(0, 0, 0, 0.70),
				rgba(0, 0, 0, 0.40) 40%,
				rgba(0, 0, 0, 0.00) 66%
			);
		color: #f1f1f1;
		width: 100%;
		z-index: 900;
	}
	.vcPauseButWrapper-0{
		position: absolute;
		top: 180px;
		right: 45px;
		z-index: 902;
	}
	.vcPauseButWrapper-1{
		position: absolute;
		top: 110px;
		right: 20px;
		z-index: 902;
	}
	.vcPauseBut {
		text-align: center;
		border-radius: 10px;
		padding: 10px 10px 10px 10px;
		font-family: "AvenirHeavy";
		color: #FFFFFF;
		opacity: 0.8;
    	transition: background-color 0.4s ease 0s;
		cursor: pointer;
	}
	.vcPauseBut:hover{
		border: 1px solid black;
		background: #999999;
		opacity: 1.0;
		transform: scale(1.05);
	}
	.vcPauseBut:active{
		border: 1px solid black;
		background: #999999;
		transform: scale(0.95);
	}
	.vcLogoBG-0 {
		position: absolute;
		top: 240px;
		width: calc(100% - 100px);
		padding-right: 50px;
		padding-left: 50px;
		min-height: 600px;
		background-image: url("../images/logos/logo_indexCCS_284.png");
		background-repeat: no-repeat;
		background-size: 250px 250px;
		background-position: top center;
		padding-top: 280px;
		color: #FFFFFF;
		z-index: 901;
	}
	.vcLogoBG-1 {
		position: absolute;
		top: 140px;
		left: 40px;
		min-height: 284px;
		background-image: url("../images/logos/logo_indexCCS_284.png");
		background-repeat: no-repeat;
		background-size: 284px 284px;
		background-position: top left;
		padding-left: 310px;
		color: #FFFFFF;
		z-index: 901;
	}
	
	.vcHeader-0 {
		width: 100%;
		font-family: "AvenirHeavy";
		font-size: 40px;
		margin-top: 20px;
		margin-bottom: 20px;
    	text-shadow: -1px -1px 0px #000000;
		text-align: center;
	}
	.vcHeader-1 {
		width: calc(100vw - 360px);
		font-family: "AvenirHeavy";
		font-size: 42px;
		margin-top: 20px;
		margin-bottom: 10px;
		padding-right: 30px;
    	text-shadow: -1px -1px 0px #000000;
	}
	.vcHeader-2 {
		width: calc(100vw - 360px);
		font-family: "AvenirHeavy";
		font-size: 48px;
		margin-top: 30px;
		margin-bottom: 20px;
		padding-right: 30px;
    	text-shadow: -1px -1px 0px #000000;
	}
	.vcHeader-3 {
		width: 700px;
		font-family: "AvenirHeavy";
		font-size: 54px;
		margin-top: 10px;
		margin-bottom: 20px;
    	text-shadow: -1px -1px 0px #000000;
	}
	.vcHeader-4 {
		font-family: "AvenirHeavy";
		font-size: 60px;
		margin-top: 40px;
		margin-bottom: 20px;
    	text-shadow: -1px -1px 0px #000000;
	}
	
	.vcTagline-0 {
		width: 100%;
		font-family: "AvenirHeavyItalic";
		font-size: 18px;
		letter-spacing: 0.25em;
    	text-shadow: -1px -1px 0px #000000;
		text-align: center;
	}
	.vcTagline-1 {
		font-family: "AvenirHeavyItalic";
		font-size: 18px;
		letter-spacing: 0.35em;
    	text-shadow: -1px -1px 0px #000000;
	}
	
	.vcBody-0 {
		width: 100%;
		font-family: "AvenirLight";
		font-size: 20px;
		margin-top: 20px;
    	text-shadow: -1px -1px 0px #000000;
	}
	.vcBody-1 {
		width: calc(100vw - 360px);
		font-family: "AvenirLight";
		font-size: 18px;
		padding-right: 30px;
		margin-top: 20px;
    	text-shadow: -1px -1px 0px #000000;
	}
	.vcBody-2 {
		width: 600px;
		font-family: "AvenirLight";
		font-size: 20px;
		margin-top: 20px;
    	text-shadow: -1px -1px 0px #000000;
	}
	.vcBody-3 {
		width: 600px;
		font-family: "AvenirLight";
		font-size: 20px;
		margin-top: 20px;
    	text-shadow: -1px -1px 0px #000000;
	}
	
	
	.vidEmbed-0{
		position: relative;
		width: 100%;
		height: 317px;
		text-align: center;
		background-color: #000000;
		border-top: 2px solid white;
		border-bottom: 2px solid white;
		z-index: 903;
	}
	.vidEmbed-1{
		position: absolute;
		top: 445px;
		right: 30px;
		width: 560px;
		height: auto;
		border: 2px solid white;
		z-index: 903;
	}
	.vidEmbed-2{
		position: absolute;
		top: 390px;
		right: 30px;
		width: 560px;
		height: auto;
		border: 2px solid white;
		z-index: 903;
	}
	.vidEmbed-3{
		position: absolute;
		top: 255px;
		right: 30px;
		width: 560px;
		height: auto;
		border: 2px solid white;
		z-index: 903;
	}
	
	
	
	
	.aboutUsBig {
		height: 600px;
		background-image: url("../images/indexCCS_aboutUs_600.jpg");
		background-position: right center;
		background-repeat: no-repeat;
		background-size: 75% auto;
		z-index: 901;
	}
	.aboutUsMed {
		height: 600px;
		background-image: url("../images/indexCCS_aboutUs_600_wide.jpg");
		background-position: center center;
		background-repeat: no-repeat;
		background-size: auto 600px;
		z-index: 901;
	}
	.aboutUsMedSmall {
		height: 600px;
		background-image: url("../images/indexCCS_aboutUs_600.jpg");
		background-position: right -230 center;
		background-repeat: no-repeat;
		background-size: auto 600px;
		z-index: 901;
	}
	.aboutUsSmall {
		width: 100%;
		background-image: url("../images/aboutUsBG_plain.png");
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		z-index: 901;
	}
	.aboutUsSmBarGray {
		width: 100%;
		height: 10px;
		background: rgb(130,130,130);
		background: linear-gradient(90deg, rgba(130,130,130,1) 0%, rgba(224,224,224,1) 50%, rgba(133,133,133,1) 100%);
		z-index: 901;
	}
	.aboutUsSmBarBlue {
		width: 100%;
		height: 50px;
		background-color: #0F51A2;
		z-index: 901;
	}
	.aboutUsSmPhoto {
		width: 100%;
		height: 200px;
		background-image: url("../images/indexCCS_aboutUs_600.jpg");
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		z-index: 901;
	}
	.aboutUsBigLeft {
		height: 600px;
		width: 743px;
		padding-right: 150px;
		background-image: url("../images/aboutUsBG.png");
		background-repeat: no-repeat;
		font-size: x-large;
		color: #FFFFFF;
		z-index: 901;
	}
	.aboutUsHead {
		font-family: "AvenirHeavy";
		letter-spacing: 0.2em;
		max-width: 550px;
		font-size: 44px;
		color: #FFFFFF;
		text-align: center;
		padding: 0px 125px 25px 125px;
		z-index: 901;
	}
	.aboutUsBody {
		font-family: "AvenirLight";
		max-width: 600px;
		margin-left: auto;
		margin-right: auto;
		font-size: 18px;
		color: #FFFFFF;
		text-align: center;
		padding: 0px 25px 25px 25px;
		z-index: 901;
	}
	.aboutUsBodyLink {
		font-family: "AvenirLight";
		max-width: 600px;
		margin-top: 20px;
		margin-left: auto;
		margin-right: auto;
		font-size: 18px;
		font-style: oblique;
		color: #FFFFFF;
		text-align: center;
		padding: 0px 25px 25px 25px;
		text-decoration: underline;
		cursor: pointer;
	}
	.aboutUsMedLeft {
		margin-right: 295px;
		height: 600px;
		max-width: 743px;
		padding-right: 150px;
		background-image: url("../images/aboutUsBG.png");
		background-repeat: no-repeat;
		background-position: right center;
		font-size: x-large;
		color: #FFFFFF;
		z-index: 901;
	}
	.aboutUsHeadMed {
		font-family: "AvenirHeavy";
		letter-spacing: 0.2em;
		width: 69%;
		margin-right: 50px;
		font-size: 44px;
		color: #FFFFFF;
		text-align: center;
		margin: 0px auto 25px auto;
	}
	.aboutUsHeadMed-0 {
		font-family: "AvenirHeavy";
		letter-spacing: 0.0em;
		width: 69%;
		margin-right: 50px;
		font-size: 38px;
		color: #FFFFFF;
		text-align: center;
		margin: 0px auto 25px auto;
	}
	.aboutUsHeadMed-1 {
		font-family: "AvenirHeavy";
		letter-spacing: 0.1em;
		width: 69%;
		margin-right: 50px;
		font-size: 41px;
		color: #FFFFFF;
		text-align: center;
		margin: 0px auto 25px auto;
	}
	.aboutUsHeadMed-2 {
		font-family: "AvenirHeavy";
		letter-spacing: 0.2em;
		width: 69%;
		margin-right: 50px;
		font-size: 44px;
		color: #FFFFFF;
		text-align: center;
		margin: 0px auto 25px auto;
	}
	.aboutUsBodyMed {
		font-family: "AvenirLight";
		width: 85%;
		margin-right: 50px;
		font-size: 18px;
		color: #FFFFFF;
		text-align: center;
		margin: 0px auto 25px auto;
	}
	.aboutUsBodyMed-0 {
		font-family: "AvenirLight";
		width: 85%;
		margin-right: 50px;
		font-size: 16px;
		color: #FFFFFF;
		text-align: center;
		margin: 0px auto 25px auto;
	}
	.aboutUsBodyMed-1 {
		font-family: "AvenirLight";
		width: 85%;
		margin-right: 50px;
		font-size: 17px;
		color: #FFFFFF;
		text-align: center;
		margin: 0px auto 25px auto;
	}
	.aboutUsBodyMed-2 {
		font-family: "AvenirLight";
		width: 85%;
		margin-right: 50px;
		font-size: 18px;
		color: #FFFFFF;
		text-align: center;
		margin: 0px auto 25px auto;
	}
	.aboutUsHeadSm {
		font-family: "AvenirHeavy";
		letter-spacing: 0.2em;
		width: 100%;
		color: #FFFFFF;
		margin-bottom: 25px;
	}
	.aboutUsBodySm {
		font-family: "AvenirLight";
		width: 100%;
		font-size: 20px;
		color: #FFFFFF;
		margin-bottom: 25px;
	}
	.aboutUsBut {
		position: relative;
		width: 200px;
		height: 28px;
		margin-top: 10px;
		margin-left: auto;
		margin-right: auto;
		border-radius: 20px;
		font-family: "AvenirLight";
		font-size: 16px;
		text-align: center;
		padding-top: 10px;
		color: #000000;
		background-color: #FFFFFF;
    	box-shadow: 0px 1px 4px 0px #000000;
    	transition: background-color 0.4s ease 0s;
		cursor: pointer;
	}
	.aboutUsBut:hover {
		color: #FFFFFF;
		background-color: #0F51A2;
		transform: scale(1.05);
	}
	.aboutUsBut:active {
		color: #FFFFFF;
		background-color: #0F51A2;
		transform: scale(0.95);
	}
	
	
	
	
	
	
	.ct_working{
		position: relative;
		display: inline-block;
		height: 1px;
		width: 100%;
		background-color: #CCCCCC;
		text-align: left;
	}
	.ct_workBar{
		position: relative;
		display: inline-block;
		height: 1px;
		background-color: #0F51A2;
	}


	.testiHead1-0 {
		display: inline-block;
		font-family: "AvenirHeavy";
		font-size: 24px;
		text-align: center;
		padding-top: 30px;
		color: #FFFFFF;
	}
	.testiHead1-1 {
		width: 100%;
		font-family: "AvenirLight";
		font-size: 32px;
		letter-spacing: 0.3em;
		text-align: center;
		padding-top: 50px;
	}
	.testiHead2-0 {
		display: inline-block;
		font-family: "AvenirHeavy";
		font-size: 24px;
		margin-left: 5px;
		padding-top: 30px;
		color: #FFFFFF;
	}
	.testiHead2-1 {
		width: 100%;
		color: #0F51A2;
		font-family: "AvenirHeavy";
		font-size: 44px;
		letter-spacing: 0.3em;
		text-align: center;
	}
	.testiStars {
		position: relative;
		width: 100%;
		height: 25px;
		margin-top: 15px;
		background-image: url("../images/fivestars.png");
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
	}
	.testiBodyWrap-0 {
		width: 100%;
		height: 150px;
		font-size: 16px;
		color: #FFFFFF;
	}
	.testiBodyWrap-1 {
		width: 100%;
		height: 150px;
		font-size: 20px;
		color: #000000;
	}
	.testiBody1 {
		width: 100%;
		font-family: "AvenirLight";
		text-align: center;
		margin-top: 20px;
	}
	.testiBody2 {
		width: 100%;
		font-family: "AvenirLightItalic";
		text-align: center;
		margin-top: 10px;
	}
	.testiDots {
		width: 100%;
		text-align: center;
		margin-top: 20px;
	}
	.dot {
		margin-right: 1px;
		margin-left: 1px;
	}
	.testiText {
		max-width: 530px;
		width: 100%;
		margin-right: auto;
		margin-left: auto;
	}
	.testiArea-0 {
		width: 100%;
		padding-bottom: 30px;
		background-image: url("../images/testimoni-both.png");
		background-repeat: no-repeat;
		background-position: center;
		background-color: #102B43;
		color: #FFFFFF;
	}
	.testiArea-1 {
		width: 100%;
		height: 430px;
		background-image: url("../images/testimoni-both.png");
		background-repeat: no-repeat;
		background-position: center;
		background-color: #F0FAFF;
		color: #000000;
	}
	.testiArea-2 {
		width: 100%;
		height: 430px;
		background-image: url("../images/testimoni-left.png"), url("../images/testimoni-right.png");
		background-repeat: no-repeat, no-repeat;
		background-position: left center, right center;
		background-color: #F0FAFF;
		color: #000000;
	}
	.testiArrowLeft {
		height: 430px;
		float: left;
	}
	.testiArrowRight {
		height: 430px;
		float: right;
	}
	.hand{
		cursor: pointer;	
	}
	.rightArr-0 {
		height: 25px;
		width: 18px;
		margin-right: 10px;
		cursor: pointer;
	}
	.rightArr-1 {
		margin-left: 25px;
		cursor: pointer;
	}
	.rightArr-2 {
		margin-left: 40px;
		cursor: pointer;
	}
	.rightArr-3 {
		margin-left: 55px;
		cursor: pointer;
	}
	.rightArr-4 {
		display: none;
	}
	.leftArr-0 {
		height: 25px;
		width: 18px;
		margin-right: 10px;
		cursor: pointer;
	}
	.leftArr-1 {
		margin-right: 25px;
		cursor: pointer;
	}
	.leftArr-2 {
		margin-right: 40px;
		cursor: pointer;
	}
	.leftArr-3 {
		margin-right: 55px;
		cursor: pointer;
	}

	.leftArr-4 {
		display: none;
	}
	
	
	
	
	
	.kDiffHead1 {
		width: 100%;
		text-align: center;
		font-family: "AvenirLight";
		font-size: 32px;
		letter-spacing: 0.3em;
	}
	.kDiffHead2-0 {
		width: 100%;
		text-align: center;
		font-family: "AvenirHeavy";
		font-size: 32px;
		color: #0F51A2;
	}
	.kDiffHead2-1 {
		width: 100%;
		text-align: center;
		font-family: "AvenirHeavy";
		font-size: 36px;
		color: #0F51A2;
	}
	.kDiffHead2-2 {
		width: 100%;
		text-align: center;
		font-family: "AvenirHeavy";
		font-size: 40px;
		color: #0F51A2;
	}
	.kDiffHead2-3 {
		width: 100%;
		text-align: center;
		font-family: "AvenirHeavy";
		font-size: 44px;
		color: #0F51A2;
	}
	.kDiffHead2-4 {
		width: 100%;
		text-align: center;
		font-family: "AvenirHeavy";
		font-size: 44px;
		color: #0F51A2;
		letter-spacing: 0.1em;
	}
	.kdWrapper {
		position: relative;
		display: inline-block;
		width: 100%;
		text-align: center;
	}
	.kdBoxes-0 {
		position: relative;
		display: inline-block;
		width: calc(100% - 40px);
		margin-right: auto;
		margin-left: auto;
	}
	.kdBoxes-1 {
		position: relative;
		display: inline-block;
		width: 440px;
		margin-right: auto;
		margin-left: auto;
	}
	.kdBoxes-2 {
		position: relative;
		display: inline-block;
		width: 880px;
		margin-right: auto;
		margin-left: auto;
	}
	.kdBoxes-3 {
		position: relative;
		display: inline-block;
		width: 1320px;
		margin-right: auto;
		margin-left: auto;
	}
	.kdBoxes-4 {
		position: relative;
		display: inline-block;
		width: 1760px;
		margin-right: auto;
		margin-left: auto;
	}
	.kdBox-0 {
		position: relative;
		display: inline-block;
		float: left;
		padding-top: 60px;
		width: 100%;
	}
	.kdBox-1 {
		position: relative;
		display: inline-block;
		float: left;
		padding-right: 45px;
		padding-left: 45px;
		padding-top: 60px;
		width: 350px;
		height: 475px;
	}
	.kDiffIcon {
		position: relative;
		display: inline-block;
		width: 100%;
		text-align: center;
	}
	.kDiffHeader {
		position: relative;
		display: inline-block;
		font-family: "AvenirHeavy";
		font-size: 20px;
		letter-spacing: 0.1em;
		width: 100%;
		text-align: center;
	}
	.kDiffBody {
		position: relative;
		display: inline-block;
		font-family: "AvenirLight";
		font-size: 18px;
		line-height: 1.5em;
		width: 100%;
		text-align: center;
		margin-top: 20px;
	}
	
	
	
	
	
	
	
	
	
	
	.seamlessIntArea-0{
		height: 547px;
		width: 100%;
		background-image:
			url("../images/seamlessIntBGOverlay.png"),
			url("../images/seamlessIntBG.jpg");
		background-position:
			center right,
			center left;
		background-size:
			100% 547px,
			auto 100%;
		background-repeat:
			no-repeat;
	}
	.seamlessIntArea-1{
		height: 547px;
		width: 100%;
		background-image:
			url("../images/seamlessIntBGOverlay.png"),
			url("../images/seamlessIntBG.jpg");
		background-position:
			center right,
			center center;
		background-size:
			100% 547px,
			100% auto;
		background-repeat:
			no-repeat;
	}
	.seamlessIntArea-2{
		height: 547px;
		width: 100%;
		background-image:
			url("../images/seamlessIntBGOverlay.png"),
			url("../images/seamlessIntBG.jpg");
		background-position:
			center right,
			center center;
		background-size:
			auto 547px,
			100% auto;
		background-repeat:
			no-repeat;
	}
	.siTextWrapper-0 {
		float: right;
		color: #FFFFFF;
		text-align: right;
		width: 320px;
		max-width: 500px;
		margin-top: 250px;
		margin-right: 6%;
	}
	.siTextWrapper-1 {
		float: right;
		color: #FFFFFF;
		text-align: right;
		width: 50%;
		max-width: 500px;
		margin-top: 200px;
		margin-right: 6%;
	}
	.siTextWrapper-2 {
		float: right;
		color: #FFFFFF;
		text-align: right;
		width: 400;
		margin-top: 200px;
		margin-right: 6%;
	}
	.siTextWrapper-3 {
		float: right;
		color: #FFFFFF;
		text-align: right;
		width: 400;
		margin-top: 150px;
		margin-right: 6%;
	}
	.siTextWrapper-4 {
		float: right;
		color: #FFFFFF;
		text-align: right;
		width: 40%;
		max-width: 500px;
		margin-top: 150px;
		margin-right: 6%;
	}
	.siTextWrapper-5 {
		float: right;
		color: #FFFFFF;
		text-align: right;
		width: 500px;
		margin-top: 150px;
		margin-right: 100px;
	}
	.siHead1 {
		font-family: "AvenirLight";
		font-size: 32px;
		letter-spacing: 0.3em;
	}
	.siHead2-0 {
		font-family: "AvenirHeavy";
		font-size: 42px;
		margin-bottom: 10px;
	}
	.siHead2-1 {
		font-family: "AvenirHeavy";
		font-size: 44px;
		letter-spacing: 0.05em;
		margin-bottom: 20px;
	}
	.siHead2-2 {
		font-family: "AvenirHeavy";
		font-size: 44px;
		letter-spacing: 0.1em;
		margin-bottom: 30px;
	}
	.siBody {
		font-family: "AvenirLight";
		font-size: 18px;
		line-height: 1.5em;
	}
	.siButton {
		display: inline-block;
		font-family: "AvenirLight";
		font-size: 16px;
		border-radius: 20px;
		padding-top: 10px;
		margin-top: 35px;
		margin-left: 20px;
		width: 130px;
		height: 28px;
		text-align: center;
		background-color: #FFFFFF;
		color: #000000;
		cursor: pointer;
	}
	.siButton:hover {
		color: #FFFFFF;
		background-color: #0F51A2;
		box-shadow: 0px 0px 8px #FFFFFF;
		border: 1px solid #FFFFFF;
		transform: scale(1.05);
	}
	.siButton:active {
		color: #FFFFFF;
		background-color: #0F51A2;
		box-shadow: 0px 0px 8px #FFFFFF;
		border: 1px solid #FFFFFF;
		transform: scale(0.95);
	}

     
    .siSmallContent {
    	width: calc(100% - 40px);
		background-image: url("../images/seamlessMobBG.jpg");
		background-size: 100% auto;
		background-position: center center;
		padding: 20px;
		color: #FFFFFF;
    }
    .siSmallHead1 {
		position: relative;
    	width: 100%;
		margin-bottom: 10px;
    	font-family: "AvenirHeavy";
        text-align: center;
        font-size: 24px;
    }
    .siSmallBody {
		position: relative;
    	width: 100%;
    	font-family: "AvenirLight";
        font-size: 20px;
    }

    .siSmallHead2-0 {
		position: relative;
    	width: 100%;
    	font-family: "AvenirHeavy";
        font-size: 36px;
        text-align: center;
        color: #FFFFFF;
		margin-bottom: 10px;
    }
    .siSmallHead2-1 {
		position: relative;
    	width: 100%;
    	font-family: "AvenirHeavy";
        font-size: 40px;
        letter-spacing: 0.05em;
        text-align: center;
        color: #FFFFFF;
		margin-bottom: 10px;
    }
    .siSmallHead2-2 {
		position: relative;
    	width: 100%;
    	font-family: "AvenirHeavy";
        font-size: 44px;
        letter-spacing: 0.1em;
        text-align: center;
        color: #FFFFFF;
		margin-bottom: 10px;
    }
	.siSmallButton {
		position: relative;
		font-family: "AvenirLight";
		font-size: 16px;
		border-radius: 20px;
		padding-top: 10px;
		margin-top: 20px;
		margin-left: auto;
		margin-right: auto;
		width: 130px;
		height: 28px;
		text-align: center;
		color: #000000;
		background-color: #FFFFFF;
    	box-shadow: 0px 1px 4px 0px #000000;
    	transition: background-color 0.4s ease 0s;
		cursor: pointer;
	}
	.siSmallButton:hover {
		color: #FFFFFF;
		background-color: #0F51A2;
		transform: scale(1.05);
	}
	.siSmallButton:active {
		color: #FFFFFF;
		background-color: #0F51A2;
		transform: scale(0.95);
	}
	
	
	
	
	.keyMetArea-0 {
		position: relative;
		display: inline-block;
		width: 100%;
		background-color: #F0FAFF;
		text-align: center;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.keyMetArea-1 {
		position: relative;
		display: inline-block;
		width: 100%;
		background-color: #F0FAFF;
		text-align: center;
		padding-top: 100px;
		padding-bottom: 80px;
	}
	.keyMetHeadline {
		font-family: "AvenirLight";
		font-size: 32px;
		letter-spacing: 0.3em;
		color: #001426;
		margin-right: auto;
		margin-left: auto;
	}
	.keyMetHeadline2 {
		font-family: "AvenirHeavy";
		font-size: 44px;
		color: #0F51A2;
		margin-right: auto;
		margin-left: auto;
	}
	.keyMetContent-0 {
		position: relative;
		display: inline-block;
		margin-top: 10px;
		margin-bottom: 10px;
		width: calc(100% - 50px);
		border-radius: 20px;
		background-color: #0F51A2;
		color: #FFFFFF;
		margin-right: auto;
		margin-left: auto;
		padding-top: 9vw;
		padding-bottom: 9vw;
		padding-left: 15px;
		padding-right: 15px;
	}
	.keyMetContent-1 {
		position: relative;
		display: inline-block;
		margin-top: 40px;
		margin-bottom: 40px;
		width: 800px;
		border-radius: 20px;
		background-color: #0F51A2;
		color: #FFFFFF;
		margin-right: auto;
		margin-left: auto;
		padding: 40px;
	}
	.keyMetTopRow-0 {
		position: relative;
		display: inline-block;
		width: 100%;
		margin-right: auto;
		margin-left: auto;
		text-align: center;
	}
	.keyMetTopRow-2 {
		position: relative;
		display: inline-block;
		width: 800px;
		margin-right: auto;
		margin-left: auto;
	}
	.keyMetBox-0 {
		position: relative;
		display: inline-block;
		width: 49%;
		padding-top: 3vw;
	}
	.keyMetBox-1 {
		width: calc(790px / 3);
		float: left;
		padding-top: 40px;
	}
	.keyMetTextBig-0 {
		font-family: "AvenirHeavy";
		font-size: 7vw;
		text-align: center;
	}
	.keyMetTextBig-1 {
		font-family: "AvenirHeavy";
		font-size: 45px;
		text-align: center;
	}
	.keyMetTextSmall-0 {
		font-family: "AvenirLight";
		font-size: 4vw;
		text-align: center;
	}
	.keyMetTextSmall-1 {
		font-family: "AvenirLight";
		font-size: 26px;
		text-align: center;
	}
	.keyMetTextCircle1-0 {
		position: relative;
		display: inline-block;
		font-family: "AvenirHeavy";
		font-size: 45px;
		text-align: center;
		height: calc(8vw + 75px);
		padding-top: calc(4vw + 37px);
		width: 100%;
		background-image: url("../images/keyMetricsCircle1.png");
		background-repeat: no-repeat;
		background-position: center center;
		background-size: calc(5vw + 120px);
	}
	.keyMetTextCircle1-1 {
		position: relative;
		display: inline-block;
		font-family: "AvenirHeavy";
		font-size: 45px;
		text-align: center;
		height: 135px;
		width: 220px;
		padding-top: 85px;
		background-image: url("../images/keyMetricsCircle1.png");
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 150px 150px;
	}
	.keyMetTextCircle2-0 {
		position: relative;
		display: inline-block;
		font-family: "AvenirHeavy";
		font-size: 45px;
		text-align: center;
		height: calc(8vw + 75px);
		padding-top: calc(4vw + 37px);
		width: 100%;
		background-image: url("../images/keyMetricsCircle2.png");
		background-repeat: no-repeat;
		background-position: center center;
		background-size: calc(5vw + 120px);
	}
	.keyMetTextCircle2-1 {
		position: relative;
		display: inline-block;
		font-family: "AvenirHeavy";
		font-size: 45px;
		text-align: center;
		height: 135px;
		width: 220px;
		padding-top: 85px;
		background-image: url("../images/keyMetricsCircle2.png");
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 150px 150px;
	}
	.keyMetTextCircle3-0 {
		position: relative;
		display: inline-block;
		font-family: "AvenirHeavy";
		font-size: 45px;
		text-align: center;
		height: 185px;
		width: 220px;
		background-image: url("../images/keyMetricsCircle3.png");
		background-repeat: no-repeat;
		background-position: right 33px;
		background-size: 195px auto;
	}
	.keyMetTextCircle3-1 {
		position: relative;
		display: inline-block;
		font-family: "AvenirHeavy";
		font-size: 45px;
		text-align: center;
		height: 220px;
		width: 220px;
		background-image: url("../images/keyMetricsCircle3.png");
		background-repeat: no-repeat;
		background-position: right 33px;
		background-size: 195px auto;
	}
	.keyMetBotRow-0 {
		position: relative;
		display: inline-block;
		width: 100%;
		margin-right: auto;
		margin-left: auto;
	}
	.keyMetBotRow-1 {
		position: relative;
		display: inline-block;
		width: 800px;
		margin-right: auto;
		margin-left: auto;
	}
	.keyMetBox100pct-0 {
		width: 100%;
		float: left;
		padding-top: 5vw;
	}
	.keyMetBox100pct-1 {
		position: relative;
		display: inline-block;
		width: 100%;
		padding-top: 40px;
	}
	.keyMetBox100pct-2 {
		width: calc(800px / 3);
		float: left;
		padding-top: 40px;
	}
	.keyMetBox2a-0 {
		position: relative;
		display: inline-block;
		width: 100%;
		float: left;
		padding-top: 5vw;
	}
	.keyMetBox2a-1 {
		position: relative;
		display: inline-block;
		width: 49%;
		float: left;
		padding-top: 40px;
	}
	.keyMet9outof10-0{
		position: relative;
		display: inline-block;
		width: calc(100% - 15px);
		height: 75px;
		margin-right: auto;
		margin-left: auto;
		background-image: url("../images/keyMetrics9of10.png");
		background-repeat: no-repeat;
		background-position: center center;
		background-size: contain;
	}
	.keyMet9outof10-1{
		position: relative;
		display: inline-block;
		width: calc(800px / 2);
		height: 110px;
		background-image: url("../images/keyMetrics9of10.png");
		background-repeat: no-repeat;
		background-position: center center;
		background-size: auto 75px;
	}
	.keyMetBox2b {
		position: rkeyMetBox2aelative;
		display: inline-block;
		width: 266px;
		float: left;
		padding-top: 40px;
	}
	.keyMet9outof10b1{
		position: relative;
		display: inline-block;
		width: 184px;
		height: 75px;
		margin-top: 20px;
		background-image: url("../images/keyMetrics9of10.png");
		background-repeat: no-repeat;
		background-position: left 1px center;
		background-size: auto 75px;
	}

	.keyMet9outof10b2{
		position: relative;
		display: inline-block;
		width: 184px;
		height: 75px;
		margin-top: 20px;
		background-image: url("../images/keyMetrics9of10.png");
		background-repeat: no-repeat;
		background-position: right 1px center;
		background-size: auto 75px;
	}
	

	.mobHeadBG{
		position: relative;
		width: calc(100% - 60px);
		min-height: 170px;
		padding-top: 90px;
		padding-right: 30px;
		padding-left: 30px;
		padding-bottom: 30px;
		box-shadow: inset 0 0 0 1000px rgba(0,0,0,0.7);
		background-image: url("../images/coBGs/opCo_ccs.jpg");
		background-repeat: no-repeat;
		background-position: right center;
		background-size: cover;
		font-family: "AvenirLight";
		font-size: 14px;
		text-align: center;
		color: #FFFFFF;
	}
	.mobHeadText{
		font-family: "AvenirHeavy";
	}
	.mobHeadTag{
		margin-top: 10px;
		letter-spacing: 2.0;
		font-style: oblique;
	}
	.mobHeadBody{
		margin-top: 10px;
	}
	
	
	.indMobPic {
		position: relative;
		width: 100%;
		height: 120px;
		margin-left: auto;
		margin-right: auto;
		background-color: #F0FAFF;
		background-position: center center;
		background-size: contain;
		background-repeat: no-repeat;
	}
	.imp1 {
		background-image: url('../images/keyDiff/doc_200.png');
	}
	.imp2 {
		background-image: url('../images/keyDiff/strategy_200.png');
	}
	.imp3 {
		background-image: url('../images/keyDiff/multiling_200.png');
	}
	.imp4 {
		background-image: url('../images/keyDiff/csr_200.png');
	}
	.imp5 {
		background-image: url('../images/keyDiff/gavel_200.png');
	}
	.imp6 {
		background-image: url('../images/keyDiff/magnify_200.png');
	}
	.imp7 {
		background-image: url('../images/keyDiff/speech_200.png');
	}
	.imp8 {
		background-image: url('../images/keyDiff/calendar_200.png');
	}
	
	
	
	
