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

h1, h2, h3, h4, h5, h6 { line-height: 100%; margin-top: 0; font-family: Arial, Helvetica, sans-serif; }
h1 { text-transform: uppercase; font-size: 7rem; line-height: 8rem; }
h1, h2 { color: #46575E; font-family: Arial, Helvetica, sans-serif;}
h2 { font-size: 4.5rem; line-height: 3.7rem; margin-bottom: 2rem; }
h3 { font-family: Arial, 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: Arial, 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 5rem; text-decoration: none; background-color: #F80000; color: #ffffff;  font-family: Arial, 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: Arial, Helvetica, sans-serif !important; }
strong { font-family: Arial, Helvetica, sans-serif; }
#logo { background: url("../images/logo.png"); background-repeat: no-repeat; background-size: contain; display: block; height: 55px; text-indent: -9999px; width: 150px; 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 !important; background-attachment: fixed !important; background-position: top center; }
header .section-wrap { padding: 6% 0 3%; }
header h1 { font-size: 6.8rem; margin-bottom: 1rem; color: #ffffff; font-family: Arial, Helvetica, sans-serif !important; font-weight: normal; text-transform: none; width: 100%; margin: 0 auto; padding-bottom: 50px;
    background-image: url(../images/heading-bg.png); background-repeat:  no-repeat; background-position: -1.5% bottom; }
header p { color: #46575E; text-transform: none; font-size: 4rem; font-family: Arial, Helvetica, sans-serif; }
header #bg-1 { width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: block; background: url(../images/banner_img_2.png) no-repeat 40% 0 / cover; }
header .logo-wrap { width: 255px; height: 150px; /*margin-left: 100px;*/ margin-top: 25px; background-image: url(../images/logo-new.png); background-repeat:  no-repeat; background-size:  cover;  }
header .note { color: #324B5C; font-size: 2rem; /*margin-left: 100px;*/ margin-top: 25px; }
/*header .layer { width: 100%; height: 100%; position: absolute; top: 0; left: 4%; background-size: cover !important; background-position: top center; }
header .layer.layer-2 { background-image: url(../images/slide1-1.png); }*/

.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; }
#intro h2, #chapter-five h2 { color: #0069B4; }
header { background: #C6CACC url(../images/slide1.png) no-repeat; }
#chapter-one { background-color: #0069B4; }
#chapter-two { background-color: #fff; }
#chapter-three { background-color: #F1F2F2; }
#chapter-four { background: #0069B4; }
#footer {  background: #0069B4; }


#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: 4rem 8rem 4rem 10rem; background-color: #ffffff; color: #333333; margin: 3rem 0 3rem -10rem; }
#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: #0069B4; }
#footer p { color: #fff; font-size: 1.2rem; line-height: 1.7rem; }

#chapter-two .section-wrap { height: 950px;  padding: 3rem 0; }
#chapter-two img { display: none; }
#chapter-two .section-wrap .section-wrap-inner { padding: 6rem 0; position: relative; width: 100%; height: 100%; top: 50px; }
#chapter-two .layer { opacity: 0; position: absolute; width: 100%; height: 100%; top: 0; left: -100px; background-size: 100%; background-repeat: no-repeat; background-size: contain !important; }
#chapter-two .layer.layer-1 { background-image: url(../images/chap2-p1.png); opacity: 1; }
#chapter-two .layer.layer-2 { background-image: url(../images/chap2-p2.png); opacity: 1; }
#chapter-two .layer.layer-3 { background-image: url(../images/chap2-p3.png); opacity: 1; }
#chapter-two .layer.layer-4 { background-image: url(../images/chap2-p4.png); opacity: 1; }
#chapter-two .layer.layer-5 { background-image: url(../images/chap2-p5.png); opacity: 1; }
#chapter-two .layer.layer-6 { background-image: url(../images/chap2-p6.png); opacity: 1; }
#chapter-two .layer.layer-6-1 { background-image: url(../images/chap2-p6-1.png); opacity: 1; }
#chapter-two .layer.layer-7 { background-image: url(../images/chap2-p7.png); opacity: 1; }
#chapter-two .layer.layer-8 { background-image: url(../images/chap2-p8.png); opacity: 1; }
#chapter-two .layer.layer-9 { background-image: url(../images/chap2-p9.png); opacity: 1; }
#chapter-two .liner { height: 100%; }
#chapter-two .pointer { display: none; }

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; }
#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; }
.section-wrap { padding: 6rem 0; }
.section-wrap .liner { position: absolute; bottom: 0; left: -100px; width:2px; height: 0; background-color: #cdcfcf; }
.section-wrap .liner .pointer { position: relative; top: -18px; width: 50px; height: 50px; background-image: url(../images/intro-pointer.png); background-repeat: no-repeat; background-size: contain;  }
#chapter-one .pointer, #chapter-four .pointer { top: 6rem; background-image: url(../images/chap1-pointer.png); }
#chapter-three .liner { background-color: #fff; }
#chapter-three .pointer { top: 6rem; background-image: url(../images/chap3-pointer.png); }
#chapter-four .text-bold,
#chapter-five .text-bold { font-weight: bold; }
#chapter-four .text-bold { font-size: 2rem; }
#chapter-five .liner { height: 0%; top: 0; }
#chapter-five .pointer { bottom: -30px;  top: auto;  position: absolute; }


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

}