html { font-size: 62.5% !important; background-color: #fff !important; }
body { font-size: 2rem; color: #4E5052; background-color: #fff !important; font-family: 'UniversLTStd', Helvetica, sans-serif; line-height: 1.4; counter-reset: section; }

h1, h2, h3, h4, h5, h6 { line-height: 100%; margin-top: 0; font-family: 'UniversLTStd-Bold', Helvetica, sans-serif; }
h1 { text-transform: uppercase; font-size: 7rem; line-height: 8rem; }
h1, h2 { color: #46575E; font-family: 'UniversLTStd', Helvetica, sans-serif;}
h2 { font-size: 4.5rem; line-height: 3.7rem; margin-bottom: 2rem; }
h3 { font-family: 'UniversLTStd', Helvetica, sans-serif; font-weight: normal; font-size: 2.6rem;  margin-bottom: 1.4rem; line-height: 4rem; }
h4 { font-size: 1.2rem; }
h5 { font-size: 1rem; }
h6 { font-size: 1rem;  }
p { margin-top: 0; color: #4E5052; font-size: 1.8rem; line-height: 2.5rem; margin-bottom: 1.5rem; }
a { color: #ffffff; text-decoration: none; }
blockquote { background-color: #46575E; color: #fff !important; padding: 1em 1.5em; margin: 0 0 1.4rem 0; }
blockquote p { margin-bottom: 0; font-family: 'UniversLTStd-Bold', Helvetica, sans-serif; font-size: 2.2rem; line-height: 2.6rem; color: #fff !important; }
blockquote cite { font-style: italic; font-size: 0.92em; line-height: 1.5em; display: block; margin-top: 0.5rem; }

.button, .button:link, .button:visited { display: inline-block; font-size: 2.5rem; line-height: 3.7rem; padding: 2rem 29rem; text-decoration: none; background-color: #F80000; color: #ffffff;  font-family: 'UniversLTStd-Bold', Helvetica, sans-serif; margin-top: 2rem; }
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.visually-hidden {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}
.text-bold { font-family: 'UniversLTStd-Bold', Helvetica, sans-serif !important; }
strong { font-family: 'UniversLTStd-Bold', Helvetica, sans-serif; }
#logo { background: url("../images/logo.png"); background-repeat: no-repeat; background-size: contain; display: block; height: 66px; text-indent: -9999px; width: 180px; position: absolute;
	top: 0; }
.sub-head { margin-top: 4rem; }

ul.ul-basic { margin: 4rem 0 0 0; width: 90%; }
ul.ul-basic li { padding-left: 0; list-style: none; margin-bottom: 3rem; display: inline-block;}
ul.ul-basic li.latency { margin-bottom: 0; }
.ul-basic li .icon { width: 81px; height: 81px; display: inline-block; background-size: 100%; float: left; margin-right: 3rem; }
.ul-basic li.sovereignty .icon { background: url(../images/icon1.png) no-repeat; }
.ul-basic li.control .icon { background: url(../images/icon2.png) no-repeat; }
.ul-basic li.latency .icon { background: url(../images/icon3.png) no-repeat; }

.opp_list { display: inline-block; margin-top: 2rem; background-color: #F1F1F1; padding: 3rem 2rem 2rem 2rem; }
.opp_list li { width: 30%; display: inline-block; float: left; margin-right: 5%; text-align: center; }
.opp_list li:last-child { margin-right: 0; }
.opp_list li .icon { width: 81px; height: 81px; display: inline-block; background-size: 100%; }
.opp_list li.control .icon { background: url(../images/icon1.png) no-repeat; }
.opp_list li.security .icon { background: url(../images/icon2.png) no-repeat; }
.opp_list li.latency .icon { background: url(../images/icon3.png) no-repeat; }

#upgrade { padding: 30px; font-size: 18px; font-weight: bold; text-align: center; }
header { position: relative; overflow: hidden; background-size: cover; background-position: top center; }
header .section-wrap { padding: 10% 0 4% 0;}
header h1 { margin-bottom: 1rem; color: #ffffff; }
header p { color: #46575E; text-transform: none; font-size: 4rem; font-family: 'UniversLTStd', Helvetica, sans-serif; }
header #bg-1 { width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: block; }

.header-text {
	color: #324b5c !important;
	font-size: 44pt !important;
	line-height: 48pt !important; 
	margin-bottom: 0 !important;
	text-transform: none !important;
}

.header-text1 {
	color: #324b5c !important;
	font-size: 40pt !important;
	line-height: 48pt !important; 
	margin-bottom: 20px !important;
	text-transform: none !important;
}

.header-sub-text {
	font-size: 26pt !important;
	line-height: 32pt !important;
	margin-right: 205px !important;
}

.chapter1 {
	text-align: left !important;
	font-size: 26pt !important;
	line-height: 32pt !important;
	
}

.chapter-one {
	background: #4e5052 !important;
}

.label1 {
	color: #ffffff !important;
	font-size: 38pt !important;
}
.progress_box {
	text-align: center !important;
}

.intro { margin-bottom: 1.8rem; font-weight: bold;}
#intro 	p { font-size: 2rem; line-height: 3.1rem; margin-bottom: 2.5rem; }
#intro p.text-bold { margin-bottom: 2.5rem; font-size: 2.3rem; line-height: 3.2rem; }
#chapter-one { background: #ACBFC4; }
#chapter-four { background: #ACBFC4; }
#chapter-one, #chapter-four { background-size: cover; background-position: top right; background-repeat: no-repeat; }


#chapter-one h2,
#chapter-four h2 { color: #ffffff; font-weight: normal; }
#chapter-one p,
#chapter-four p { color: #ffffff; margin-bottom: 2.5rem; }
#chapter-two h2 { color: #F80000; }
.progress_box { width: 100%; padding: 0 8rem 0 10rem; background-color: #4e5052; color: #333333; margin: 3rem 0 0 -10rem; }
.spreadsheet_box { margin: 0rem 0 0 -41rem !important; padding: 5rem 5rem !important; opacity: 0.83 !important; width: 79% !important; }
.crowd-box { background-color: #939699 !important; margin: 0rem 0 0 -41rem !important; padding: 5rem 5rem !important; opacity: 10 !important; width: 79% !important; }
.it-infrastructure-box { padding: 5rem 5rem !important; opacity: 0.83 !important; width: 79% !important; float: right !important; margin: 0rem -42rem 0 0 !important; color: #46575e !important; background-color: #eeeeee !important; }
.cloud-box { padding: 5rem 5rem !important; opacity: 0.83 !important; width: 79% !important; float: right !important; margin: 0rem -42rem 0 0 !important; color: #46575e !important; background-color: #4E5052 !important; }
.innovate-box { padding: 5rem 5rem !important; opacity: 0.83 !important; width: 79% !important; float: right !important; margin: 0rem -42rem 0 0 !important; color: #46575e !important; background-color: #939699 !important; }

#chapter-one .progress_box p { color: #333333; }
#chapter-two .progress_box { background-color: #4E5052; }
#chapter-four .progress_box { background-color: #F29111; position: relative; }
#chapter-three h2 { color: #FF3724; }
#chapter-five { text-align: center; background-color: #283d49 !important; }

section { overflow: hidden; }
section h2 { color: #333333; display: block; line-height: normal; margin-bottom: 2rem; font-weight: normal; }
section.grey { background-color: #DEE0E0; }
.section-wrap { position: relative; max-width: 960px; width: 90%; margin: 0 auto; padding-left: 4rem; padding-right: 1.6rem; box-sizing: border-box; }
.footer-wrap { position: relative !important; max-width: 1001px !important; width: 100% !important; margin: 0 auto !important; padding: 128px 0 52px 0 !important; box-sizing: border-box !important; }
.spreadsheet-wrap, .it-wrap, .cloud-wrap { max-width: 757px !important; }
#chapters { background: #ADC0C5; padding: 2rem 0; margin-bottom: 1.4rem; background-image: url(../images/chapters_bg.png); background-repeat: no-repeat; background-position: 65% 0; background-size: cover; }
.spreadsheet { background-image: url(../images/spreadsheet-section.jpg) !important; background-repeat: no-repeat !important; background-position: 65% 0 !important;}
.it-infrastructure { background-color: #eeeeee !important;}
.current { background-image: url(../images/current-section.jpg) !important; background-repeat: no-repeat !important; background-position: 65% 0 !important;}
.crowd { background-color: #939699 !important; background-position: 65% 0 !important;}
.cloud-section { background-image: url(../images/cloud-section.jpg) !important; background-repeat: no-repeat !important; }
.report-section { background-image: url(../images/report-section.jpg) !important; background-repeat: no-repeat !important; background-position: 65% 0 !important;}
.innovate-section { background-color: #939699 !important; background-position: 65% 0 !important;}

.section-wrap { padding: 6rem 0; }

p.spreadsheet-one { margin-right: 4rem !important; }
.spreadsheet-list { text-align: left !important; width: 100% !important; color: #ffffff !important; font-family: 'UniversLTStd' !important; font-weight: normal !important; font-size: 16pt !important; line-height: 24pt !important; margin-bottom: 2.5rem !important; display: block !important;  display: list-item !important; margin-left: 16px !important; }
.spreadsheet-list ul, .spreadsheet-list-it ul, .spreadsheet-list-cloud ul { list-style: disc outside!important; display: list-item !important;}
.spreadsheet-list li, .spreadsheet-list-it li, .spreadsheet-list-cloud li { list-style: disc outside!important; display: list-item !important;}
.spreadsheet-list li span, .spreadsheet-list-it li span, .spreadsheet-list-cloud li span { position: relative; left: 13px; }

.spreadsheet-list-it { text-align: left !important; width: 100% !important; color: #46575e !important; font-family: 'UniversLTStd' !important; font-weight: normal !important; font-size: 16pt !important; line-height: 24pt !important; margin-bottom: 2.5rem !important; display: block !important; display: list-item !important; margin-left: 16px !important; }
.spreadsheet-list-cloud { text-align: left !important; width: 100% !important; color: #ffffff !important; font-family: 'UniversLTStd' !important; font-weight: normal !important; font-size: 16pt !important; line-height: 24pt !important; margin-bottom: 2.5rem !important; display: block !important; display: list-item !important; margin-left: 16px !important; }


.question { margin-bottom: 0 !important; }
h2.question { font-family: 'UniversLTStd' !important; font-weight: normal !important; }
#section-left {
    overflow:hidden;
	float: left;
	width: 36%;
	text-align: left;
	font-size: 78pt !important;
	color: #ffffff !important; 
	font-family: 'UniversLTStd-Bold', Helvetica, sans-serif !important;
	vertical-align: top !important;
	line-height: 115px !important;
}
#section-right {
    color: #ffffff;
    float: left;
    font-family: "UniversLTStd-Bold",Helvetica,sans-serif;
    font-size: 12pt;
    line-height: 17pt;
    margin-left: 17px;
    margin-top: 10px;
    text-align: left;
    vertical-align: top;
    width: 48%;
}

#section-left-it {
    overflow:hidden;
	float: left;
	width: 36%;
	text-align: left;
	font-size: 78pt !important;
	color: #46575e !important; 
	font-family: 'UniversLTStd-Bold', Helvetica, sans-serif !important;
	vertical-align: top !important;
	line-height: 115px !important;
}

#section-right-it {
    color:  #46575e !important;
    float: left;
    font-family: "UniversLTStd-Bold",Helvetica,sans-serif;
    font-size: 12pt;
    line-height: 17pt;
    margin-left: 17px;
    margin-top: 10px;
    text-align: left;
    vertical-align: top;
    width: 53% !important;
}

#section-right-current {
    color: #ffffff;
    float: left;
    font-family: "UniversLTStd-Bold",Helvetica,sans-serif;
    font-size: 12pt;
    line-height: 17pt;
    margin-left: 17px;
    margin-top: -2px;
    text-align: left;
    vertical-align: top;
    width: 53%;
}

#section-left-cloud {
    overflow:hidden;
	float: left;
	width: 36%;
	text-align: left;
	font-size: 78pt !important;
	color: #ffffff !important; 
	font-family: 'UniversLTStd-Bold', Helvetica, sans-serif !important;
	vertical-align: top !important;
	line-height: 115px !important;
}

#section-right-cloud {
    color:  #ffffff !important;
    float: left;
    font-family: "UniversLTStd-Bold",Helvetica,sans-serif;
    font-size: 12pt;
    line-height: 17pt;
    margin-left: 17px;
    margin-top: -5px;
    text-align: left;
    vertical-align: top;
    width: 53% !important;
}

#section-right-innovate {
    color: #ffffff;
    float: left;
    font-family: "UniversLTStd-Bold",Helvetica,sans-serif;
    font-size: 12pt;
    line-height: 17pt;
    margin-left: 17px;
    margin-top: 8px;
    text-align: left;
    vertical-align: top;
    width: 57%;
}

.footer-text { font-size: 20pt !important; font-family: "UniversLTStd-Bold",Helvetica,sans-serif !important; color: #ffffff !important;  }

.footer-copyrights { font-size: 8pt !important; line-height: 12pt !important; font-family: 'UniversLTStd' !important; font-weight: normal; color: #ffffff !important; margin-top: 76px !important; }


br { display: block !important; line-height: 0 !important; }
@media (min-width: 801px) {
/*	.intro { margin-bottom: 1.8rem; line-height: 3rem; font-size: 2rem; }**/

}
	
@media only screen and (max-width: 1200px) {
	br { display: none !important; }
}

.progress_box .anim-wraper {
    height: 100%;
    min-height: 500px;
    position: relative;
    width: 100%;
}

.progress_box .anim-wraper .layer {
    position: absolute;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
}

.progress_box .anim-wraper.it-wrapper .layer.layer-1 {
    background-image: url(../images/svg/it-img1.svg); 
}

.progress_box .anim-wraper.it-wrapper .layer.layer-2 {
    background-image: url(../images/svg/it-img2.svg);
    opacity: 0;
}

.progress_box .anim-wraper.it-wrapper .layer.layer-3 {
    background-image: url(../images/svg/it-img3.svg);
}

.progress_box .anim-wraper.crowd-wrapper .layer {
    opacity: 0;
}

.progress_box .anim-wraper.crowd-wrapper .layer.layer-1 {
    background-image: url(../images/svg/cr-img1.svg); 
}

.progress_box .anim-wraper.crowd-wrapper .layer.layer-2 {
    background-image: url(../images/svg/cr-img2.svg); 
}
.progress_box .anim-wraper.crowd-wrapper .layer.layer-3 {
    background-image: url(../images/svg/cr-img3.svg); 
}
.progress_box .anim-wraper.crowd-wrapper .layer.layer-4 {
    background-image: url(../images/svg/cr-img4.svg); 
}
.progress_box .anim-wraper.crowd-wrapper .layer.layer-5 {
    background-image: url(../images/svg/cr-img5.svg); 
}
.progress_box .anim-wraper.crowd-wrapper .layer.layer-6 {
    background-image: url(../images/svg/cr-img6.svg); 
}
.progress_box .anim-wraper.crowd-wrapper .layer.layer-7 {
    background-image: url(../images/svg/cr-img7.svg); 
}

.progress_box .anim-wraper.connect-wrapper .layer.layer-1 {
    background-image: url(../images/svg/cn-img1.svg); 
}

.progress_box .anim-wraper.inno-wrapper .layer {
    opacity: 0;
}

.progress_box .anim-wraper.inno-wrapper .layer.layer-1 {
    background-image: url(../images/svg/in-img1.svg); 
}
.progress_box .anim-wraper.inno-wrapper .layer.layer-2 {
    background-image: url(../images/svg/in-img2.svg); 
}
.progress_box .anim-wraper.inno-wrapper .layer.layer-3 {
    background-image: url(../images/svg/in-img3.svg); 
}
.progress_box .anim-wraper.inno-wrapper .layer.layer-4 {
    background-image: url(../images/svg/in-img4.svg); 
}
.progress_box .anim-wraper.inno-wrapper .layer.layer-5 {
    background-image: url(../images/svg/in-img5.svg); 
}
.progress_box .anim-wraper.inno-wrapper .layer.layer-6 {
    background-image: url(../images/svg/in-img6.svg); 
}

.progress-holder { margin-top: 30px; }
.progress-bar { position: relative; height: 12px; border-color: #fff; border-style: solid; border-width: 1px 0 0 1px; background-color: #fff; overflow: hidden; }
.progress-bar .progress-line { position: absolute; background-color: #EA2530; width: 90%; height: 100%;  transform: skewX(40deg); left: -5px;  }
.clear-both { clear: both; }

.progress_box.spreadsheet_box .progress-line  { width: 55%; }
.progress_box.it-infrastructure-box .progress-bar { background-color: #eee; border: 0; }
.progress_box.it-infrastructure-box .progress-line  { width: 71%; }
.progress_box.current-box .progress-line  { width: 78%; }
.progress_box.crowd-box .progress-line  { width: 61%; }
.progress_box.cloud-box .progress-line,
.progress_box.report-box .progress-line{ width: 86%; }
.progress_box.innovate-box .progress-line{ width: 75%; }
#chapter-one.chapter-one {  background-image: url(../images/cloud-bg.jpg) !important;  background-repeat: no-repeat !important; background-position: 50% 410px !important; background-size: 100% !important; background-attachment: fixed !important; }
#chapter-one.chapter-one { background-image: url(../images/cloud-bg.jpg) !important;  background-repeat: no-repeat !important; background-position: 50% 410px !important; background-size: 100% !important; background-attachment: fixed !important; }
#chapter-one.spreadsheet,
#chapter-one.report-section { background-repeat: no-repeat !important; background-size: 100% !important; background-attachment: fixed !important; }
#chapter-one.cloud-section { background-color: #4f5153 !important; background-repeat: no-repeat !important; background-size: 100% !important; background-attachment: fixed !important; background-position: top left !important; }
#chapter-one.current { background-repeat: no-repeat !important; background-size: 100% !important; background-attachment: fixed !important; background-position: 0 50% !important; }
#chapter-one.crowd { background-color: #949699 !important; background-image: url(../images/crowd-bg.jpg) !important; background-repeat: no-repeat !important; background-size: 100% !important; background-attachment: fixed !important; background-position: top left !important; }
    
.progress_box.progress-hidden { background-color: transparent !important; }

.intro-clouds img { opacity: 1 !important; }