#canvasContainer {
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.noselect .headerIcon {
	width: 144.77px;
	height: 35.8px;
	position: absolute;
	top: 19px;
	left: 34px;
}

@font-face {
	font-family: "Gotham-Book";
	src: url("fonts/gotham_book/Gotham-Book.eot");
	src: url("fonts/gotham_book/Gotham-Book.eot") format("embedded-opentype"), 
	url("fonts/gotham_book/Gotham-Book.woff") format("woff"), 
	url("fonts/gotham_book/Gotham-Book.ttf") format("truetype"), 
	url("fonts/gotham_book/Gotham-Book.svg#MyriadProLight") format("svg");
}

@font-face {
	font-family: "Gotham-Bold_gdi";
	src: url("fonts/Gotham-Bold_gdi.eot");
	src: url("fonts/Gotham-Bold_gdi.eot") format("embedded-opentype"), 
	url("fonts/Gotham-Bold_gdi.woff") format("woff"), 
	url("fonts/Gotham-Bold_gdi.ttf") format("truetype"), 
	url("fonts/Gotham-Bold_gdi.svg") format("svg");
}

html,body {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #bfbec3;
	-webkit-tap-highlight-color: rgba(255, 0, 0, 0);
	font-family: "Gotham-Book";
	color: #000;
}

body {
	color: #3b4652;
	padding: 0px;
	font-family: "Gotham-Book";
	margin: 0px;
	overflow: hidden;
	background-color: #fff;
	font-size: 16px;
}

#close {
	position: absolute;
	top: -531px;
	left: 1145px;
	display: none;
}

#reset {
	right: 40px;
	bottom: 90px;
	visibility: hidden;
	z-index: 1005;
}

#home {
	position: absolute;
	left: 1225px;
	top: 18px;
	display: block;
	z-index: 1008;
}

.cur {
	cursor: pointer;
	z-index: 10;
	display: none;
}

#loader {
	position: absolute;
	left: 0px;
	top: 0px;
	text-align: left;
	padding: 0px 0px;
	margin: 0px;
	z-index: 0;
}

#loader1 {
	z-index: 3050;
	position: absolute;
	left: 0px;
	top: 0px;
	text-align: left;
	padding: 0px 0px;
	margin: 0px;
}

#loader2 {
	z-index: 5030;
	position: absolute;
	left: -300px;
	top: -11px;
	text-align: left;
	padding: 0px 0px;
	margin: 0px;
}

#loaderbar {
	position: absolute;
	left: 300px;
	top: 78px;
	width: 1px;
	outline: none;
	overflow: hidden;
}

#scenediv {
	text-align: left;
	padding: 0px 0px;
	margin: 0;
	width: 1286px;
	height: 723px;
	visibility: visible;
	border: 1px solid rgb(128, 128, 128);
	overflow: hidden;
	position: absolute;
}

#scenediv #accordion {
	left: 0px;
    top: 134px;
    padding: 0px;
    position: absolute;
    width: 235px;
    height: 534px;
    z-index: 1001;
    overflow-y: auto;
    scrollbar-width: thin;
    visibility: visible;
}

#lenovo_logo {
	position: absolute;
	bottom: 136px;
	right: 0px;
	z-index: 0;
	height: 119.86px;
}

#rightAnim {
	position: absolute;
	top: 80px;
	right: -235px;
	z-index: 9999;
	cursor: pointer;
	color: #fff;
}

#right_txt li {
	list-style: none;
}

#righttxt1 {
	list-style: none;
	position: absolute;
	top: 44px;
	left: 28px;
	font-size: 12px;
	font-family: "Gotham-Book";
	line-height: 70px;
}

#righttxt2 {
	list-style: none;
	position: absolute;
	top: 10px;
	left: 41px;
	font-size: 11px;
	font-family: "Gotham-Book";
}

#rightAnim ul li:before {
	background-color: rgba(113, 112, 115, 0);
}

.greyOutBox {
	position: absolute;
	top: 3px;
	left: 5px;
	height: 15px;
	width: 15px;
	background-color: #707072;
	z-index: 0;
	display: inline-block;
}

.redOutBox {
	background-color: #ff0000;
}

.productName {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	overflow: hidden;
	font-size: 20px;
	color: #ededed;
	width: 400px;
	height: 74px;
	contain: layout paint;
}

.productName .productBarBg {
	display: block;
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: fill;
	pointer-events: none;
	z-index: 0;
}

.productName span {
	display: inline-block;
	position: absolute;
	top: 22px;
	left: 186px;
	font-family: "Gotham-Book";
	z-index: 1;
}

.autoPlayImg {
	height: 14px;
}

span#pauseplayImg {
	display: inline-block;
	position: absolute;
	right: 12px;
	top: 12px;
}

span#pauseplayImg2 {
	display: none;
	position: absolute;
	right: 12px;
	top: 12px;
}

.sub-heading-text {
	position: absolute;
	left: 87px;
	top: 110px;
	z-index: 0;
	font-size: 22px;
	color: #464646;
	display: block;
}

.animPlayBtns, .animPlayBtns1 {
	position: relative;
	top: 0;
	left: 0;
	margin: 15px 15px 15px -15px;
	width: 215px;
	cursor: pointer;
}

.animPlayBtns img {
	width: 65px;
	height: 43px;
	z-index: 11111111;
}

.animPlayBtns span, .animPlayBtns1 span {
	margin-left: 37px;
	display: inline-block;
	color: #4a555d;
	font-size: 14px;
}

li {
	list-style-type: disc;
}

.pointSubText {
	position: absolute;
    top: 70px;
    left: 330px;
    z-index: 11;
	width: 850px;
}

.pointShortSubText {
	position: absolute;
    top: 70px;
	left: calc(50% + 117.5px);
    transform: translateX(-50%);
	max-width: 800px;
    z-index: 11;
}

.DisclaimerSubText {
	position: absolute;
    bottom: 31px;
    left: calc(50% + 117.5px);
    transform: translateX(-50%);
    max-width: 800px;
    text-align: center;
    font-family: "Gotham-Book";
    font-size: 13px;
}

.pointSubText .text, .pointShortSubText .text {
	text-align: left;
	display: inline-block;
	font-family: "Gotham-Book";
}

#HeadingText {
    position: absolute;
    top: 20px;
    left: calc(50% + 118px);
    transform: translateX(-50%);
    width: max-content;
    max-width: calc(100% - 40px);
    text-align: center;
    font-size: 25px;
    font-family: "Gotham-Bold_gdi";
    white-space: normal;
    overflow-wrap: break-word;
}

.cptextWrapper {
    position: absolute;
    width: 890px;
    text-align: center;
}

#onloadCopy {
	position: absolute;
	display: block;
	top: 70px;
	left: 330px;
	width: 908px;
	z-index: 11;
}

#menu16 {
    height: 43px;
}

/* ****************************Benifites Start******************************** */
#Benefitstext ul li {
   line-height: 1.6;
}

#Benefitssubtext {
   width: 566px;
   left: 477px;
}

/* Common content styles */
.BenefitsContent {
   position: absolute;
}

/* Common text styles */
.Benefitstext3,
.Benefitstext4 {
   display: block;
   margin-bottom: 10px;
   text-align: left;
   font: 20px "Gotham-Bold_gdi";
}

.Benefitstext1,
.Benefitstext2 {
   display: block;
   margin-bottom: 5px;
   text-align: left;
   font: 20px "Gotham-Bold_gdi";
}

/* Content positioning */
.BenefitsContent1 {
   left: 365px;
   top: 145px;
   width: 350px;
   padding-top: 50px;
}

.BenefitsContent2 {
   left: 795px;
   top: 145px;
   width: 350px;
   padding-top: 50px;
}

.BenefitsContent3 {
   left: 365px;
   top: 500px;
   width: 340px;
   padding-top: 55px;
}

.BenefitsContent4 {
   left: 795px;
   top: 506px;
   width: 370px;
   padding-top: 50px;
}

/* Common image styles */
.Benefitsimg {
   position: absolute;
   top: 0;
   width: 65px;
   height: auto;
}

/* Image positioning */
#Benefitsimg1,
#Benefitsimg3 {
   left: 100px;
}

#Benefitsimg3 {
   top: 13px;
}

#Benefitsimg2,
#Benefitsimg4 {
   left: 140px;
}

/* List styles */
ul.Cp_textul {
   margin: 0;
   padding: 0;
   font-family: "Gotham-Book";
}

.Cp_textul li {
   position: relative;
   left: 20px;
   top: 3px;
   list-style-type: disc;
}
/* ****************************Benifites End******************************** */

/* ****************Expansion Start********************** */
#expansiontext ul li {
   line-height: 1.6;
}

/* Common expansion text */
.expansiontext {
   position: absolute;
   left: 270px;
   width: 200px;
}

.expansiontext span {
   font-size: 18px;
}

.expansiontext ul li {
   font-size: 16px;
}

/* Sub text */
#expansiontext1 {
   left: 350px;
}

/* Expansion text positions */
#expansiontext2 {
   top: 170px;
}

#expansiontext3 {
   top: 300px;
}

#expansiontext4 {
   top: 450px;
}

/* Common image styles */
#expansionimg2,
#expansionimg3,
#expansionimg4 {
   position: absolute;
   left: 488px;
   width: 27%;
}

#expansionimg2 {
   top: 180px;
}

#expansionimg3 {
   top: 441px;
}

#expansionimg4 {
   top: 327px;
}

/* Image */
#expansionimg2 img,
#expansionimg3 img,
#expansionimg4 img {
   display: block;
   width: 100%;
   height: auto;
}

/* Disclaimer */
.disclaimer {
   position: absolute;
   bottom: 18px;
   left: 350px;
   width: calc(100% - 512px);
   text-align: left;
   font-size: 13px;
}

/* Links */
#expansionlink a {
   color: #2EAAB7;
}
/* ****************Expansion End********************** */

/** ******************Storage Management Start************************ **/
#StorageManagement_list {
   	position: absolute;
    /* top: 156px; */
    top: 130px;
    left: 300px;
    width: 360px;
}

#StorageManagement_list ul {
	margin: 0;
	padding: 0;
}

#StorageManagement_list li {
	line-height: 22px;
	padding-bottom: 12px;
}

#StorageManagementimg {
	position: absolute;
	top: 190px;
	left: 585px;
	/* width: 723px; */
}
/** ******************Storage Management End***************************** **/

/** ThinkSystem Intelligent Monitoring Start **/
#iMonitoringText {
	width: 900px;
}

#iMonitoringTextlist {
	position: absolute;
    top: 220px;
    left: 260px;
    width: 420px;
}

#iMonitoringTextlist ul li {
    line-height: 22px;
    padding-bottom: 12px;
}

#iMonitoringimg img{
	width: 560px;
}

#iMonitoringimg {
	position: absolute;
    top: 236px;
    left: 667px;
}
/** ThinkSystem Intelligent Monitoring End **/

img {
    pointer-events: none;
} 

.pointCallouts {
	position: absolute;
	font-family: "Gotham-Book";
	font-size: 15px;
	color: #3b4652;
}

#DE4200HRearText1, #DE4800FRearText1 {
	left: 275px;
    top: 388px;
}

#DE4200HRearText2, #DE4800FRearText2 {
	left: 1154px;
    top: 388px;
}

#DE6800RearText1, #DE6500RearText1 {
	left: 275px;
    top: 344px;
}

#DE6800RearText2, #DE6500RearText2 {
	left: 275px;
    top: 422px;
}

#DE6800RearText3, #DE6500RearText3 {
	left: 307px;
    top: 155px;
}

#DE6800RearText3 ul, #DE6500RearText3 ul {
	margin-left: -21px;
    margin-top: 4px;
}