.text-bold { font-family: 'UniversLTStd-Bold', Helvetica, sans-serif !important; }
#chapters li .num:before { font-family: 'arialbold', Helvetica, sans-serif !important; font-size: 2.8rem !important; line-height: 5rem; }
strong { font-family: 'UniversLTStd-Bold', Helvetica, sans-serif; }
.top-mar { margin-top: 2.5rem; }
.rule-list { position: relative; }
.rule-list.red li { padding-left: 2.5rem;}
.rule-list.red li span { color: #ff0000; position: absolute; left: 0;}
.rule-list.red li p { margin-bottom: 0;}
.twitter-share-button .btn-o a { background-image: url(../images/tweeter-button.png); width: 102px; height: 26px; display: inline-block; margin: 0 auto; }
.share { text-align: center; }


#intro p.text-bold { margin-bottom: 2rem; }
#intro .nav-links p.text-bold { margin-bottom: 1.4rem !important; }
#intro #chapters { padding: 0 !important; }
#chapters li a .sub-text { line-height: 2rem; font-size: 1.6rem !important; font-family: 'UniversLTStd-Light', Helvetica, sans-serif  !important; }

#chapter-one ul li { list-style: disc; margin-bottom: 1.6rem; }
#chapter-one #fig-1 ul li,
#chapter-one .graph ul li { list-style: none; }
#fig-1 { margin-top: 0; margin-bottom: 0 !important; }
#fig-1 .column-left { width: 55%;}
#fig-1 .column-left li { float: right; }
#fig-1 p,
#fig-1 strong { font-size: 1.8rem !important; line-height: 2.2rem !important;}
#chapter-one .column-right { width: 45%;}
#chapter-one .column-right li div:nth-child(2) .bar { background-color: #7F7F7F; }
#chapter-one .column-right li .bar { height: 2.1rem; }
#chapter-one .legend { clear: both;padding-top: 2rem; margin-top: 3rem; }
#chapter-one .legend ul { width: 100%; }
#chapter-one .legend li { float: left; padding-right: 3rem; width: 45%; }
#chapter-one .legend .customer { text-align: right; width: 50%; }
#chapter-one .legend .brand { text-align: left; width: 40%; }
#chapter-one .legend .customer div { display: inline-block; width: 2rem; height: 2rem; background-color: #8A133B; margin-right: 1rem;}
#chapter-one .legend .brand div { display: inline-block; width: 2rem; height: 2rem; background-color: purple; margin-right: 1rem; background-color: #7F7F7F; }
#chapter-one .section-last ul { padding-left: 1.5rem; }
#chapter-one .top-mar { margin-top: 4.5rem; }
#chapter-one table { text-align: left; }
#chapter-one th { background-color: #8DA6B1; color: #ffffff; font-family: 'UniversLTStd-Bold', Helvetica, sans-serif; font-size: 1.6rem !important; line-height: 2rem !important; border-right: 3px solid #ffffff; vertical-align: top; padding: 0.5rem; }
#chapter-one td { font-size: 1.6rem !important; line-height: 2rem !important; padding: 0.5rem; background-color: #DCE3E4; border-bottom: 1px solid #8DA6B1; border-right: 3px solid #ffffff; vertical-align: top }
ul.tools { padding-left: 1.8rem; }
ul.tools li { padding-left: 1rem; font-size: 1.6rem; line-height: 2rem; }


figure#fig-1 .item,
figure#fig-1 .item-mobile { position: relative; }
figure#fig-1 .item { display: none; }
figure#fig-1 .item-mobile { display: block; min-height: 1000px; max-width: 160px; margin: 0 auto; }
figure#fig-1 .inner { margin: 0 auto; position: absolute; }
figure#fig-1 .inner.item-copy { z-index: 10; }
figure#fig-1 .item-mobile .image { position: absolute; width: 160px; height: 160px; background-image: url(../images/fig-1/fig-1-mobstep.png);}
figure#fig-1 .item-mobile #mobstep-1-txt { background-image: url(../images/fig-1/fig1-mob-1.png); }
figure#fig-1 .item-mobile #mobstep-2-txt { background-image: url(../images/fig-1/fig1-mob-2.png); }
figure#fig-1 .item-mobile #mobstep-3-txt { background-image: url(../images/fig-1/fig1-mob-3.png); }
figure#fig-1 .item-mobile #mobstep-4-txt { background-image: url(../images/fig-1/fig1-mob-4.png);  }
figure#fig-1 .item-mobile #mobstep-5-txt { background-image: url(../images/fig-1/fig1-mob-5.png);  }
figure#fig-1 .item-mobile #mobstep-6-txt { background-image: url(../images/fig-1/fig1-mob-6.png);  }
figure#fig-1 .item-mobile #mobstep-7-txt { background-image: url(../images/fig-1/fig1-mob-7.png); } 
figure#fig-1 .inner .txt { opacity: 0; position: static; }
figure#fig-1 .inner .img:nth-child(1) { z-index: 1 }
figure#fig-1 .inner .img:nth-child(2) { z-index: 2  }
figure#fig-1 .inner .img:nth-child(3) { z-index: 3  }
figure#fig-1 .inner .img:nth-child(4) { z-index: 4  }
figure#fig-1 .inner .img:nth-child(5) { z-index: 5 }
figure#fig-1 .inner .img:nth-child(6) { z-index: 6  }
figure#fig-1 .inner .img:nth-child(7) { z-index: 0 } 

#chapter-two ol { padding-left: 0; }
#chapter-two ol li { list-style: none !important; }
#chapter-two ul li { list-style: disc; margin-bottom: 1.4rem; margin-bottom: 2.5rem; margin-bottom: 2.5rem; }
#chapter-two ol h4 { color: #ff0000; font-size: 2rem; line-height: 2.5rem; font-weight: normal; }
#chapter-two ol p { font-weight: normal; }

#fig-2 { margin-top: 5rem; }
#fig-2 .graph ul li { list-style: none; height: 552px; }
#fig-2 .bar { height:  552px; position: absolute; width: 100%; }
#fig-2  .item { padding: 0; }
#fig-2 .bar-1 {  background: url(../images/fig_2_line-1.png) no-repeat 0 0; opacity: 0; }
#fig-2 .bar-2 {  background: url(../images/fig_2_line-2.png) no-repeat 0 0; opacity: 0; }
#fig-2 .bar-3 {  background: url(../images/fig_2_line-3.png) no-repeat 0 0; opacity: 0; }
#fig-2 .bar-4 {  background: url(../images/fig_2_line-4.png) no-repeat 0 0; opacity: 0; }
#fig-2 .graph { position: relative; width: 100%; height: 552px; background: url(../images/fig_2_base.png) no-repeat 0 0; }

#chapter-three h2 { max-width: 90%;}
#chapter-three .top-mar { margin-top: 3.5rem; }
#chapter-three blockquote { margin-bottom: 2.5rem; margin-top: 3.5rem; }
#chapter-three .baby-steps span { color: #ff0000; font-family: 'UniversLTStd-Bold', Helvetica, sans-serif; padding-right: 1.5rem; }
#chapter-three .baby-steps { padding-left: 0; }
#chapter-three .baby-steps li { margin-bottom: 1rem; font-size: 1.6rem; line-height: 2rem; list-style: none !important; }
#chapter-three .focus ul { padding-left: 1.8rem; }
#chapter-three .focus li{ list-style: disc; margin-bottom: 1rem; font-size: 1.6rem; line-height: 2rem; }

#chapter-four .top-mar { margin-top: 3.5rem; }
/*#chapter-four #talent-data figcaption span { font-style: normal; color: #000000; font-weight: normal; font-family: 'UniversLTStd-Light', Helvetica, sans-serif; }*/
#chapter-four #agile { width: 100%; height: 400px; margin: auto; }
#chapter-four .agile-circle { background: url(../images/agile/agile.png) no-repeat; width: 320px; height: 100%; background-size: 100%; margin: 0 auto; }
#chapter-four .agile-circle div { width: 320px; height: 100%; background-repeat: no-repeat; position: absolute; left: 0; top: 0; background-size: 100%; }
#chapter-four .step-one { background-image: url(../images/agile/step-one.png); opacity: 0; } 
#chapter-four .step-two { background-image: url(../images/agile/step-two.png); opacity: 0;} 
#chapter-four .step-three { background-image: url(../images/agile/step-three.png); opacity: 0;}
#chapter-four .step-four { background-image: url(../images/agile/step-four.png); opacity: 0;} 	

#chapter-five section .bg.icons-fg { background-position: 110% -1rem; }
#chapter-five .top-mar { margin-top: 4.5rem; }
#chapter-five .bg.icons-bg { max-height: 620px; }
#chapter-five .use-cases h4 { color: #ff0000; font-size: 2rem; line-height: 2.5rem; font-weight: normal; }
#chapter-five .use-cases p { font-weight: normal; }
#chapter-five ol li { font-family: 'UniversLTStd-Light', Helvetica, sans-serif; position: relative }
#chapter-five ol li p { padding-left: 4rem; }
#chapter-five ol li span { margin-right: 2.5rem; text-transform: uppercase; font-family: 'UniversLTStd-Bold', Helvetica, sans-serif; position: absolute; left: 0; }
#chapter-five .use-cases { list-style: none !important; padding-left: 0; }
#chapter-five .use-cases ol { list-style: none !important; padding-left: 0; }



#chapter-six li { position: relative; }
#chapter-six span { position :absolute; left: 0; }
#chapter-six figure figcaption span { position: relative;}

#chapter-six ul p { padding-left: 4rem; }
#chapter-six blockquote { margin-top: 2rem; }
#chapter-six h6 { font-family: 'UniversLTStd-Bold', Helvetica, sans-serif; text-transform: uppercase; font-size: 1.7rem; line-height: 2.2rem; margin-bottom: 1rem; }
#chapter-six .top-mar { margin-top: 3.5rem; }
#chapter-six #c-level { background-color: #F5F6F7; /*padding: 1.5rem 0.75rem;*/padding: 0 0.75rem; position: relative; }
#chapter-six #c-level .source { font-size: 1rem; line-height: 1.5rem; clear: both; padding-top: 1rem; position: absolute; right: 0; bottom: 0; }
#chapter-six .hr-analytics { background-image: url(../images/c-level/hr-analytics.png); width: 100%; height: 147px; background-size: 100%; min-height: 270px; background-repeat: no-repeat; position: relative;}
#chapter-six .bar { width: 99%;  height: 20px; overflow: hidden; padding-top: 1.5rem;}
#chapter-six .bar div { height: 100%; float: left; display: inline-block; position: relative; }
#chapter-six .bar div p { position: absolute; right: 0.25rem; top: 0.1rem; color: #F5F6F7; font-size: 0.8rem; }
.bar .vi { background-color: #8A133B; left: -50%; z-index: 10; }
.bar .i { background-color: #8DA6B1;}
.bar .mi { background-color: #1F4F82; }
.bar .si { background-color: #7F7F7F; }
.bar .ni { background-color: #FF7700;  }  
#chapter-six ul { padding-left: 0; }
#chapter-six ul li { list-style: none !important; }
#chapter-six .legend {margin-top: 3.5rem;}
#chapter-six .legend li { width: 100%; padding-left: 3rem !important;  font-size: 1rem; margin-bottom: 1.5rem; line-height: 1.5rem;  }
#chapter-six .legend li span { width: 15px; height: 15px; display: inline-block;}
#chapter-six .legend li.vi span { background-color: #8A133B; }
#chapter-six .legend li.i span { background-color: #8DA6B1; }
#chapter-six .legend li.mi span { background-color: #1F4F82; }
#chapter-six .legend li.si span { background-color: #7F7F7F; }
#chapter-six .legend li.ni span { background-color: #FF7700; }
#chapter-six blockquote p { font-family: 'UniversLTStd-Light', Helvetica, sans-serif; }


#action-plan .points.wrap ol li ul li { list-style: disc; }
#action-plan h3 { font-family: 'UniversLTStd', Helvetica, sans-serif !important; font-weight: normal; }
#action-plan .check-list .points ol > li:before { line-height: 1em !important; }
#action-plan .check-list h4 { font-size: 1.6rem; margin-bottom: 1.5em; }
#action-plan .check-list li { font-size: 1.4rem; line-height: 2rem;}
.check-list .points h3 { font-size: 1.8rem;text-transform: uppercase;  }
nav { z-index: 12; }
nav .button,
#action-plan .find-more-cta .button { padding: 0.4rem 1.4rem 0; font-size: 1.7rem; }
/*nav p { font-size: 2.5rem; }
nav ol { font-size: 1.7rem; }*/



@media (max-width: 479px) {
	#chapter-four .agile-circle { width: 250px; }
	#chapter-four .agile-circle div { width: 250px; }
	#chapter-four #agile { height: 300px; }
}

@media (min-width: 480px) { 
	#chapter-six .legend li { width: 40%; float: left; }
	#chapter-six .hr-analytics { min-height: 215px; }
	#chapter-six .bar { width: 98.5%; }
}
@media (min-width: 668px) {
	#chapter-four .agile-circle { width: 550px; }
	#chapter-four .agile-circle div { width: 550px; }
	#chapter-four #agile { height: 600px; }
	#chapter-six .legend { padding-top: 7rem; }
	#chapter-six .legend li { width: 38%; padding-left: 3rem !important; float: left; margin-right: 3rem; display: inline-block;}
	#chapter-four .agile-circle div { width: 400px; }
	#chapter-four .agile-circle { width: 400px; }
	#chapter-four #agile { height: 450px; }
	#chapter-six .hr-analytics { min-height: 250px; }
	#chapter-six .legend li,
	#chapter-six #c-level .source,
	#chapter-six .bar div p { font-size: 1.2rem; }

}

@media (min-width: 801px) {
	#chapters li .num:before { width: 50px; height: 50px; }
	#chapter-four .agile-circle { width: 658px; }
	#chapter-four .agile-circle div { width: 658px; }
	#chapter-four #agile { height: 700px; }
	#chapter-six .bar div p { top: 1.5rem; }
	#chapter-six .bar { height: 50px; padding-top: 2.5rem;}
	#chapter-six .hr-analytics { height: 170px; }
	#chapter-six .legend { padding-top: 4rem; }
	#chapter-six .bar { width: 98.5%; }
}

@media (min-width: 1024px) {
	#intro p.text-bold { margin-bottom: 2rem; }
	
	figure#fig-1 .item-mobile { display: none; }
	figure#fig-1 .item { display: block; position: relative; background-image: none; padding: 0; background-color: transparent; height: 180px; }
	figure#fig-1 .item .inner { height: 200px; }
	figure#fig-1 .item .image { position: absolute; width: 151px; height: 156px; background-image: url(../images/fig-1/fig-1-step.png); background-size: contain; background-repeat: no-repeat; }
	figure#fig-1 .item .txt { float: left; position: static; }
	figure#fig-1 .item #step-1-txt { background-image: url(../images/fig-1/fig1-1.png); }
	figure#fig-1 .item #step-2-txt { background-image: url(../images/fig-1/fig1-2.png); }
	figure#fig-1 .item #step-3-txt { background-image: url(../images/fig-1/fig1-3.png); }
	figure#fig-1 .item #step-4-txt { background-image: url(../images/fig-1/fig1-4.png); }
	figure#fig-1 .item #step-5-txt { background-image: url(../images/fig-1/fig1-5.png); }
	figure#fig-1 .item #step-6-txt { background-image: url(../images/fig-1/fig1-6.png); }
	figure#fig-1 .item #step-7-txt { background-image: url(../images/fig-1/fig1-7.png); } 
}

@media (min-width: 1280px) {
	#chapters li a .sub-text { line-height: 2.5rem !important; font-size: 2rem !important; font-family: 'UniversLTStd-Light', Helvetica, sans-serif  !important; }
	#intro p.text-bold { margin-bottom: 3.5rem; }
	#bg-2 { background: url(../images/banner_img_1.png) no-repeat 138% bottom; background-size: 60%;}
	#intro p.text-bold { margin-bottom: 5rem; }
	.section-wrap:not(.header) { padding: 12rem 0 2rem 5rem; }
	#intro .section-wrap, #intro #chapters .section-wrap { padding: 5rem 0 5rem 5rem; }
	#chapter-one h2 { line-height: 6rem !important;}
	.text-bold { font-size: 2rem !important; line-height: 2.5rem !important; }
	section .bg.icons-fg { background-position: 102% 0; background-size: 35%; }
	#chapter-one th { font-size: 2rem !important; line-height: 2.2rem !important; padding: 2rem; vertical-align: middle; }
	#chapter-one td { font-size: 2rem !important; line-height: 2.2rem !important; padding: 1rem 2rem; border-right: 5px solid #ffffff; }
	#chapter-one h2 { margin-bottom: 4rem; }
	ul.tools li { font-size: 2rem; line-height: 2.6rem; }
	#action-plan .check-list h4, 
	#action-plan .check-list li { font-size: 2rem; line-height: 2.5rem; }
	#chapter-six .legend li span { width: 20px; height: 20px; }
	#chapter-six .legend { padding-top: 1rem; }
	#chapter-six .bar { width: 100%;  }
	
	
	#chapter-two ol h4 { font-size: 2.4rem; line-height: 3rem; }

	#chapter-three .bg.icons-bg { /* background-position: 40% -0.25rem; */ max-height: 620px; }
	#chapter-three .sub-head { margin-left: -2.5rem; }
	#chapter-three blockquote { margin-top: 5.5rem; margin-bottom: 5rem; }
	#chapter-three .top-mar { margin-top: 6.5rem; }
	#chapter-three .baby-steps span { padding-right: 3rem; }
	#chapter-three .baby-steps li { margin-bottom: 2rem; font-size: 2rem; line-height: 2.6rem; }
	#chapter-three .focus ul li{ margin-bottom: 2rem; font-size: 2rem; line-height: 2.6rem; }
	
	#chapter-four .top-mar { margin-top: 6.5rem; }
	#chapter-four .agile-circle { width: 658px; height: 100%; background-size: auto; margin: 0 auto; position: relative; }	
	#chapter-four .agile-circle div { width: 658px; }	
	#chapter-four .agile-circle.animate { -webkit-animation:spin 2s linear 2; -moz-animation:spin 2s linear 2; -o-animation: spin 2s linear 2; animation:spin 2s linear 2;}
	
	#chapter-two .use-cases h4 { font-size: 2.4rem; line-height: 3rem; }
	
	#chapter-five ol li p { padding-left: 7rem; }
	
	#chapter-six .top-mar { margin-top: 6.5rem; }
	#chapter-six ul p { padding-left: 7rem; }
	#chapter-six blockquote { margin-top: 4rem; }
	/*#chapter-six #c-level { padding: 3rem 2rem; }*/
	#chapter-six #c-level .source { font-size: 1.5rem; line-height: 2rem; }
	#chapter-six .hr-analytics { width: 98.5%; height :auto; background-size: 100%; min-height: 220px; background-repeat: no-repeat;  } 
	#chapter-six .bar { width: 98.7%; }
	#chapter-six .bar div p { font-size: 2.2rem; right: 1rem;  }
	#chapter-six .legend { margin-top: 7rem; }
	#chapter-six .legend li { font-size: 1.5rem; line-height: 2rem;   padding-left: 3rem; margin-right: 2.5rem; width: auto; }

	
	@-webkit-keyframes spin { 
		100% { -webkit-transform: rotate(360deg); }
	}
    @-moz-keyframes spin { 
		100% { -moz-transform: rotate(360deg); } 
		}
    @-o-keyframes { 
		100% { transform:rotate(360deg); } 
	}
    @keyframes spin { 
		100% { transform:rotate(360deg); } 
	}
	
}	

@media (min-width: 1600px) {
	.text-bold { font-size: 2.5rem !important; line-height: 3rem !important; }
	#chapter-one h2 { line-height: 7rem !important;}
	#bg-2 { background: url(../images/banner_img_1.png) no-repeat 115% bottom; background-size: auto; }
	h2 { line-height: 7rem !important; font-size: 6rem !important; }
	#chapter-six .bar { width: 98.9%; }
}