#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;
}

#home, #backButton {
	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: 0;
	position: absolute;
	width: 235px;
	z-index: 1001;
	height: 100%;
	overflow-y: auto;
   scrollbar-width: thin;
}

#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: 0px;
	top: 0;
	z-index: 1;
	overflow: hidden;
	font-size: 20px;
	color: #ededed;
	width: 1268px;
	background-image: url(../images_gl/Thinkagle_Newbar.svg);
	height: 74px;
	background-size: contain;
	background-repeat: no-repeat;
}

.productName span {
	display: inline-block;
	position: absolute;
	top: 22px;
	left: 186px;
}

.autoPlayImg {
	height: 14px;
}

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

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

.animPlayBtns, .animPlayBtns1 {
	position: relative;
	top: 0;
	left: 0;
	margin: 15px 15px 15px -15px;
	width: 180px;
	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;
}

#onloadCopy {
	position: absolute;
	text-align: left;
	line-height: 20px;
	z-index: 10;
}

.pointSubText {
	position: absolute;
	left: 330px;
	top: 85px;
	width: 937px;
	line-height: 1.3;
	text-align: left;
}

#HeadingText {
	position: absolute;
    top: 30px;
    left: 235px;
    width: calc(100% - 235px);
    text-align: center;
    font-size: 25px;
    font-family: "Gotham-Bold_gdi";
}

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

#point1text1 {
	width: 907px;
}

img {
    pointer-events: none;
} 

#menu22 {
   height: 43px;
}

/*** New Hotspot img CSS ***/

.hotspot-vj {
	position: absolute;
	pointer-events: none;
}

.hotspot-vj p {
	font-size: 14px !important;
   line-height: 1.2;
}

.plusLine {
	position: relative;
	border-style: dotted;
	border-color: #eb140a;
	border-width: 0;
}

.plusText {
	position: absolute;
	margin: 0;
	text-align: center;
	line-height: 1;
}

/** Front Hotspots DE2000H Start **/
#point5text1, #point3text1 {
   width: 900px;
}

#point5plus1 {
   height: 150px;
   border-left-width: 2px;
   top: -157px;
   left: 14px;
}

#point5hot1 {
   width: 200px;
   bottom: 102%;
   left: -96px;
   text-align: center;
}

#point5plus2 {
   height: 130px;
   border-left-width: 2px;
   top: -130px;
   left: 20px;
   width: 100px;
   border-top-width: 2px;
}

#point5hot2 {
   width: 270px;
   top: -28px;
   left: 105%;
}

#point5plus3 {
   height: 60px;
   border-left-width: 2px;
   top: 0;
}

#point5hot3 {
   width: 250px;
   top: 105%;
   left: -120px;
   text-align: center;
}
/** Front Hotspots DE2000H End **/

/** Rear Hotspots DE2000H Start **/
#point4text1, #point6text1, #point11text1, #point14text1, #point17text1, #point19text1, #point20text1 {
   left: 690px;
   width: 132px;
}

#point4text1 span, #point6text1 span, #point11text1 span, #point14text1 span, #point17text1 span, #point19text1 span {
   font-size: 20px;
}

#point19text2 {
   position: absolute;
    bottom: 18px;
    transform: translateX(-50%);
    left: calc(235px / 2 + 50%);
}

#point4plus1 {
   height: 77px;
   left: 4px;
   border-left-width: 2px;
   top: -88px;
}

#point4hot1 {
   width: 100px;
   bottom: 105%;
   left: -50px;
   text-align: center;
}

#point4plus2 {
   height: 130px;
   border-left-width: 2px;
   top: 0;
}

#point4hot2 {
   width: 100px;
   top: 102%;
   left: -50px;
   text-align: center;
}

#point4plus3 {
   border-width: 0 2px 0 0;
   top: 0;
   height: 50px;
   left: -87px;
}

#point4hot3 {
   width: 260px;
   top: calc(100% + 0px);
   left: -87px;
   text-align: center;
}

#point4hot4 {
   width: 220px;
   top: calc(100% + 66px);
   left: -43px;
   margin-top: 25px;
}

#point4plus4 {
   height: 50px;
   border-width: 0 2px 2px 2px;
   top: 0;
   width: 70px;
   left: -58px;
}

#point4plus401 {
   height: 50px;
   border-width: 0 2px 0px 2px;
   top: -1px;
   width: 30px;
   left: 18px;
}

#point4plus4::before {
   content: "";
   position: absolute;
   top: 109%;
   left: calc(50% - 4px);
   border-left: 2px dotted #eb140a;
   height: 146px;
}

#point4hot4 {
   width: 220px;
   top: calc(100% + 54px);
   left: -36px;
   margin-top: 100px;
   text-align: left;
}

#point4plus5 {
   height: 78px;
   border-left-width: 2px;
   top: -95px;
   left: -4px;
}

#point4hot5 {
   width: 100px;
   bottom: 105%;
   left: -50px;
   text-align: center;
}

#point4plus6 {
   height: 46px;
   border-left-width: 2px;
   top: -45px;
   left: 3px;
}

#point4hot6 {
   width: 129px;
   bottom: calc(100% + 5px);
   left: -70px;
   text-align: center;
}

#point4plus7 {
   height: 34px;
   border-width: 2px 2px 0 2px;
   top: -38px;
   width: 80px;
}

#point4plus7::before {
   content: "";
   position: absolute;
   bottom: calc(100% + 4px);
   left: calc(50% - 2px);
   border-left: 2px dotted #eb140a;
   height: 78px;
}

#point4hot7 {
   width: 150px;
   bottom: calc(100% + 85px);
   left: -46px;
   text-align: center;
}

#point4plus8 {
   height: 60px;
   border-width: 2px 2px 0 2px;
   top: -60px;
   width: 22px;
}

#point4plus8::before {
   content: "";
   position: absolute;
   bottom: calc(100% + 4px);
   left: calc(50% - 2px);
   border-left: 2px dotted #eb140a;
   height: 70px;
}

#point4hot8 {
   width: 220px;
   bottom: calc(100% + 80px);
   left: -100px;
   text-align: center;
}

#point4hot9 {
   position: absolute;
   bottom: 18px;
   left: 250px;
   width: calc(100% - 250px);
   text-align: center;
   font-size: 14px;
}

#point4plus9 {
   height: 50px;
   border-width: 0 2px 2px 2px;
   top: 0;
   width: 30px;
   left: 0;
}

#point4plus9::before {
   content: "";
   position: absolute;
   top: 105%;
   left: calc(50% - 5px);
   border-left: 2px dotted #eb140a;
   height: 80px;
}
/** Rear Hotspots DE2000H End **/

/** Front Hotspots DE2400H Start **/
#point18text1 {
   width: 847px;
}

#point18plus1 {
   height: 150px;
   border-left-width: 2px;
   top: -172px;
   left: 34px;
}

#point18hot1 {
   width: 260px;
   top: -25%;
   left: -5px;
   text-align: left;
}

#point18plus2 {
   height: 87px;
   border-left-width: 2px;
   top: 52px;
   left: 358px;
   border-top-width: 2px;
}

#point18hot2 {
   width: 540px;
   top: 89px;
   left: -256px;
}
/** Front Hotspots DE2400H End **/

/** Rear Hotspots DE2400H Start **/
#point19plus1 {
   height: 106px;
   border-left-width: 2px;
   top: -110px;
   left: -1px;
}

#point19hot1 {
   width: 120px;
   top: -50%;
   left: -117px;
   text-align: right;
}

#point19plus2 {
   height: 194px;
   border-left-width: 2px;
   top: -198px;
   left: -1px;
}

#point19hot2 {
   width: 260px;
   top: -10%;
   left: -49px;
   text-align: left;
}

#point19plus3 {
   height: 95px;
   border-left-width: 2px;
   top: -96px;
   left: -1px;
}

#point19hot3 {
   width: 74px;
   top: -37%;
   left: -37px;
   text-align: center;
}

#point19plus4 {
   height: 142px;
   border-left-width: 2px;
   top: -144px;
   left: -1px;
}

#point19hot4 {
   width: 60px;
   top: -25%;
   left: -17px;
   text-align: left;
}

#point19plus5 {
   height: 102px;
   border-left-width: 2px;
   top: -98px;
   left: 0px;
}

#point19hot5 {
   width: 78px;
   top: -22%;
   left: -46px;
   text-align: center;
}

#point19plus6 {
   height: 137px;
   border-left-width: 2px;
   top: -131px;
   left: 10px;
}

#point19hot6 {
   width: 75px;
   top: -38%;
   left: -40px;
   text-align: center;
}

#point19plus7 {
   height: 90px;
   border-left-width: 2px;
   top: -86px;
   left: 41px;
}

#point19hot7 {
   width: 80px;
   top: -40%;
   left: -5px;
   text-align: left;
}

#point19hot8 {
   width: 90px;
   top: 385px !important;
   left: 265px !important;
   text-align: left;
}

#point19hot9 {
   width: 90px;
   top: 385px !important;
   left: 1160px !important;
   text-align: left;
}

#point19plus10 {
   height: 52px;
   border-left-width: 2px;
   top: -2px;
   left: 7px;
}

#point19hot10 {
   width: 100px;
   top: 51px;
   left: -45px;
   text-align: left;
}

#point19hot11 {
   top: 144px;
   left: -88px;
   width: 230px;
   font-weight: bold;
}

#point19plus11 {
   height: 140px;
   border-left-width: 2px;
   top: -69px;
   left: -274px;
}

#point19ItemListContainer {
   position: absolute;
   width: 485px;
   top: 112% !important;
   left: -92px !important;
   text-align: left;
}

#point19ItemListContainer li {
   font-size: 14px;
   line-height: 1.6;
}

#point19plus12 {
   height: 52px;
   border-left-width: 2px;
   top: -2px;
   left: 7px;
}

#point19hot12 {
   width: 100px;
   top: 51px;
   left: -45px;
   text-align: left;
}
/** Rear Hotspots DE2400H End **/

/* Rear Hotspots DE4800H Start */
#point20plus1 {
   height: 174px;
   border-left-width: 2px;
   top: -170px;
}

#point20hot1 {
   top: -20px;
   left: -16px;
}

#point20plus2{
   height: 50px;
    border-left-width: 2px;
    top: -42px;
    right: 18px;
}

#point20hot2{
   top: -38px;
   right: -22px;
}

#point20plus3{
   height: 172px;
   border-left-width: 2px;
   border-bottom-width: 2px;
   width: 67px;
   right: 82px;
   bottom: 167px;
}

#point20hot3{
   bottom: 157px;
   right: 56px;
}

#point20plus4{
   height: 150px;
   border-left-width: 2px;
   bottom: 153px;
}

#point20hot4{
   bottom: 151px;
   width: 100px;
   left: -86px;
   text-align: right;
}

#point20plus5{
   border-left-width: 2px;
   height: 102px;
   bottom: 100px;
}

#point20hot5{
   bottom: 101px;
   width: 79px;
   right: -38px;
}

#point20plus6{
   border-left-width: 2px;
   height: 186px;
   bottom: 186px;
}

#point20hot6{
   bottom: 190px;
   width: 64px;
   left: -31px;
}

#point20plus7{
   height: 106px;
   border-left-width: 2px;
   bottom: 107px;
}

#point20hot7{
   bottom: 110px;
   right: -3px;
}

#point20plus8{
   border-left-width: 2px;
   height: 162px;
   bottom: 163px;
}

#point20hot8{
   bottom: 166px;
   right: -36px;
}

#point20plus9{
   border-left-width: 2px;
   height: 94px;
   bottom: 96px;
}

#point20hot9{
   bottom: 96px;
   width: 100px;
   left: -16px;
}

#point20plus10{
   border-left-width: 2px;
   height: 174px;
}

#point20hot10{
   top: 186px;
   left: -105px;
   width: 219px;
   font-weight: bold;
}

#point20ItemListContainer{
   position: absolute;
   width: 526px;
   top: 192px;
   left: -117px;
}

#point20ItemListContainer li {
   font-size: 14px;
   line-height: 1.6;
}

/* Rear Hotspots DE4800H End */

/** Front Hotspots DE4000H Start **/
#point3plus1 {
   height: 100px;
   border-left-width: 2px;
   top: 10px;
   left: -4px;
}

#point3hot1 {
   width: 200px;
   top: calc(100% + 2px);
   left: -70px;
   text-align: center;
}

#point3plus2 {
   height: 118px;
   border-left-width: 2px;
   top: -120px;
}

#point3hot2 {
   width: 250px;
   bottom: calc(100% + 5px);
   left: -125px;
   text-align: center;
}

#point3plus3 {
   height: 60px;
   border-left-width: 2px;
   top: 0;
}

#point3hot3 {
   width: 200px;
   top: calc(100% + 2px);
   left: -100px;
   text-align: center;
}
/** Front Hotspots DE4000H End **/

/** Rear Hotspots DE4000H Start **/
#point6plus1 {
   height: 86px;
   left: -18px;
   border-left-width: 2px;
   top: -75px;
}

#point6hot1 {
   width: 100px;
   bottom: 105%;
   left: -50px;
   text-align: center;
}

#point6plus2 {
   height: 130px;
   border-left-width: 2px;
   top: 0;
}

#point6hot2 {
   width: 100px;
   top: 102%;
   left: -50px;
   text-align: center;
}

#point6plus3 {
   height: 60px;
   border-width: 0 2px 0 0;
   top: 0;
   left: -95px;
}

#point6hot3 {
   width: 200px;
   top: calc(100% + 1px);
   left: -81px;
   text-align: center;
}

#point6hot4 {
   width: 220px;
   top: calc(100% + 66px);
   left: -43px;
   margin-top: 25px;
}

#point6plus4 {
   height: 50px;
   border-width: 0 2px 2px 2px;
   top: 0;
   width: 70px;
   left: -37px;
}

#point6plus401 {
   height: 50px;
   border-width: 0 2px 0px 2px;
   top: -1px;
   width: 30px;
   left: 18px;
}

#point6plus4::before {
   content: "";
   position: absolute;
   top: 109%;
   left: calc(50% - 4px);
   border-left: 2px dotted #eb140a;
   height: 160px;
}

#point6hot4 {
   width: 265px;
   top: calc(100% + 68px);
   left: -36px;
   margin-top: 100px;
   text-align: left;
}

#point6plus5 {
   height: 86px;
   border-left-width: 2px;
   top: -95px;
   left: 0px;
}

#point6hot5 {
   width: 100px;
   bottom: 105%;
   left: -50px;
   text-align: center;
}

#point6plus6 {
   height: 86px;
   border-left-width: 2px;
   top: -87px;
}

#point6hot6 {
   width: 150px;
   bottom: calc(100% + 5px);
   left: -70px;
   text-align: center;
}

#point6plus7 {
   height: 138px;
   border-left-width: 2px;
   top: -142px;
   left: 1px;
}

#point6hot7 {
   width: 150px;
   bottom: calc(100% + 5px);
   left: -75px;
   text-align: center;
}

#point6plus8 {
   height: 60px;
   border-width: 2px 2px 0 2px;
   top: -60px;
   width: 22px;
}

#point6plus8::before {
   content: "";
   position: absolute;
   bottom: calc(100% + 4px);
   left: calc(50% - 2px);
   border-left: 2px dotted #eb140a;
   height: 94px;
}

#point6hot8 {
   width: 220px;
   bottom: calc(100% + 103px);
   left: -100px;
   text-align: center;
}

#point6plus9 {
   height: 46px;
   border-left-width: 2px;
   top: -50px;
   left: -2px;
}

#point6plus10 {
   height: 46px;
   border-left-width: 2px;
   top: -50px;
   left: -2px;
}

#point6hot9 {
   width: 121px;
   bottom: calc(100% + 0px);
   left: -66px;
   text-align: center;
}

#point6hot10 {
   position: absolute;
   bottom: 18px;
   left: 250px;
   width: calc(100% - 250px);
   text-align: center;
   font-size: 14px;
}
/** Rear Hotspots DE4000H End **/

/** Front Hotspots DE4400H Start **/
#point21plus1 {
   height: 150px;
   border-left-width: 2px;
   top: -146px;
}

#point21hot1 {
   width: 260px;
   top: -25%;
   left: -5px;
   text-align: left;
}

#point21plus2 {
   height: 87px;
   border-left-width: 2px;
   top: -6px;
   border-top-width: 2px;
}

#point21hot2 {
   width: 580px;
   top: 89px;
   left: -266px;
   text-align: left;
}
/** Front Hotspots DE4400H End **/

/** Front Hotspots DE6000H Start **/
#point7text1 {
   width: 873px;
}

#point7plus1 {
   height: 190px;
   border-left-width: 2px;
   top: -220px;
}

#point7hot1 {
   width: 280px;
   bottom: calc(100% + 2px);
   left: -125px;
   text-align: center;
}

#point7plus2 {
   height: 90px;
   border-left-width: 2px;
   top: 0;
   left: -70px;
}

#point7hot2 {
   width: 250px;
   top: calc(100% + 5px);
   left: -125px;
   text-align: center;
}

#point7plus3 {
   height: 90px;
   border-left-width: 2px;
   top: 0;
}

#point7hot3 {
   width: 200px;
   top: calc(100% + 2px);
   left: -92px;
   text-align: center;
}
/** Front Hotspots DE6000H End **/

/** Rear Hotspots DE6000H Start **/
#point11plus1 {
   height: 190px;
   border-width: 2px 0 0px 0px;
   top: -170px;
   width: 150px;
   left: -160px;
}

#point11plus1::before {
   content: "";
   position: absolute;
   bottom: calc(100% + 4px);
   left: -2px;
   border-left: 2px dotted #eb140a;
   height: 70px;
}

#point11hot1 {
   width: 229px;
   bottom: calc(100% + 79px);
   left: -115px;
   text-align: center;
}

#point11plus2 {
   height: 150px;
   border-left-width: 2px;
   top: 0;
   width: 630px;
   left: 0;
}

#point11plus10 {
   border-left-width: 2px;
   top: 0;
   width: 630px;
   left: 0;
}

#point11hot2 {
   width: 250px;
   bottom: -13px;
   right: calc(50% - -183px);
   text-align: center;
   background: #fff;
   padding: 5px;
}

#point11hot10 {
   position: absolute;
   bottom: 18px;
   left: 250px;
   width: calc(100% - 250px);
   text-align: center;
   font-size: 14px;
}

#point11plus3 {
   height: 50px;
   border-width: 2px 2px 0px 2px;
   top: -49px;
   width: 20px;
   left: -11px;
}

#point11plus3::before {
   content: "";
   position: absolute;
   bottom: 100%;
   left: calc(50% - 1px);
   border-left: 2px dotted #eb140a;
   height: 126px;
}

#point11hot3 {
   width: 187px;
    top: calc(100% - 252px);
    left: -80px;
    margin-top: 24px;
    text-align: center;
}

#point11plus4 {
   width: 270px;
   border-width: 2px 0 0 2px;
   top: -59px;
   height: 58px;
   left: -2px;
}

#point11hot4 {
   width: 120px;
   top: calc(100% + -75px);
   left: 271px;
   text-align: center;
}

#point11plus5 {
   width: 250px;
   border-top-width: 2px;
   top: -5px;
}

#point11hot5 {
   width: 120px;
   top: -9px;
   left: calc(100% + 5px);
   text-align: left;
}

#point11plus6 {
   width: 250px;
   border-top-width: 2px;
   top: 2px;
}

#point11hot6 {
   width: 120px;
   top: -9px;
   left: calc(100% + 5px);
   text-align: left;
}

#point11plus7 {
   width: 100px;
   border-width: 2px 0 0 2px;
   top: -130px;
   height: 130px;
}

#point11plus7::before {
   content: "";
   position: absolute;
   bottom: 100%;
   left: 100%;
   border-left: 2px dotted #eb140a;
   height: 30px;
}

#point11plus7::after {
   content: "";
   position: absolute;
   bottom: 0;
   left: calc(-100% + 26px);
   border-width: 2px 0 0 2px;
   height: 15px;
   border-style: dotted;
   border-color: #eb140a;
   width: 67px;
}

#point11hot7 {
   width: 260px;
   top: -118px;
   left: calc(100% - 65px);
   text-align: left;
}

#point11plus8 {
   height: 108px;
   border-left-width: 2px;
   top: -108px;
   left: 0;
}

#point11plus8::before {
   content: "";
   position: absolute;
   bottom: 0;
   left: 0;
   border-width: 2px 2px 0 0;
   height: 30px;
   border-style: dotted;
   border-color: #eb140a;
   width: 30px;
}

#point11hot8 {
   width: 150px;
   bottom: calc(100% + 4px);
   left: -69px;
   text-align: center;
}

#point11plus9 {
   height: 134px;
   border-left-width: 2px;
   top: -131px;
   left: -31px;
}

#point11plus9::after {
   content: "";
   position: absolute;
   bottom: 0;
   left: 0;
   border-width: 0 0 2px 0;
   border-style: dotted;
   border-color: #eb140a;
   width: 15px;
}

#point11hot9 {
   width: 100px;
   bottom: calc(100% + 4px);
   left: -52px;
   text-align: center;
}
/** Rear Hotspots DE6000H End **/

/** Front Hotspots DE6400H Start **/
#point13plus1 {
   height: 95px;
   border-left-width: 2px;
   top: -95px;
   left: -5px;
}

#point13hot1 {
   width: 160px;
   bottom: calc(100% + 4px);
   left: -7px;
   text-align: center;
}

#point13plus2 {
   height: 110px;
   border-width: 2px 0 0 2px;
   top: -120px;
   left: 0;
   width: 70px;
}

#point13hot2 {
   width: 150px;
   bottom: calc(100% - 7px);
   left: calc(100% + 7px);
   text-align: left;
}

#point13plus3 {
   height: 98px;
   border-width: 0 2px 2px 2px;
   top: 0;
   width: 790px;
   left: 0;
}

#point13hot3 {
   width: 300px;
   bottom: -14px;
   right: calc(50% - 150px);
   text-align: center;
   background: #fff;
   padding: 5px;
}
/** Front Hotspots DE6400H End **/

/** Rear Hotspots DE6400H Start **/
#point14plus1 {
   height: 80px;
   border-width: 0 0 0 2px;
   top: -90px;
   left: -6px;
   width: 20px;
}

#point14hot1 {
   width: 100px;
   top: calc(100% - 100px);
   left: -52px;
   text-align: center;
}

#point14plus2 {
   height: 125px;
   border-width: 0 0 0 2px;
   top: -77px;
   left: -3px;
   width: 20px;
}

#point14hot2 {
   width: 150px;
   top: calc(100% + 4px);
   left: -74px;
   text-align: center;
}

#point14plus3 {
   height: 182px;
   border-left-width: 2px;
   top: -79px;
   left: 0;
}

#point14hot3 {
   width: 150px;
   top: calc(100% + 4px);
   left: -75px;
   text-align: center;
}

#point14plus4 {
   height: 96px;
   border-width: 0 2px 2px 2px;
   top: -72px;
   width: 31px;
   left: 1px;
}

#point14plus4::before {
   content: "";
   position: absolute;
   bottom: calc(100% + -126px);
   left: calc(50% - 2px);
   border-left: 2px dotted #eb140a;
   height: 27px;
}

#point14hot4 {
   width: 150px;
   top: calc(100% + 36px);
   left: -63px;
   text-align: center;
}

#point14plus5 {
   height: 37px;
   border-width: 2px 2px 0 2px;
   top: -38px;
   left: -21px;
   width: 75px;
}

#point14plus5::before {
   content: "";
   position: absolute;
   bottom: calc(100% + 4px);
   left: calc(50% - 2px);
   border-left: 2px dotted #eb140a;
   height: 56px;
}

#point14hot5 {
   width: 250px;
   bottom: calc(100% + 64px);
   left: -89px;
   text-align: center;
}

#point14plus6 {
   height: 37px;
   border-width: 2px 2px 0 2px;
   top: -38px;
   left: -21px;
   width: 75px;
}

#point14plus6::before {
   content: "";
   position: absolute;
   bottom: calc(100% + 4px);
   left: calc(50% - 2px);
   border-left: 2px dotted #eb140a;
   height: 86px;
}

#point14hot6 {
   width: 180px;
   bottom: calc(100% + 92px);
   left: -52px;
   text-align: center;
}

#point14plus7 {
   height: 133px;
   border-width: 0 0 0 2px;
   top: -129px;
   left: -3px;
   width: 20px;
}

#point14hot7 {
   width: 100px;
   bottom: calc(100% + 4px);
   left: -50px;
   text-align: center;
}

#point14plus8 {
   height: 182px;
   border-width: 0 0 0 2px;
   top: -184px;
   left: 0;
   width: 13px;
}

#point14hot8 {
   width: 154px;
   bottom: calc(100% + 4px);
   left: -81px;
   text-align: center;
}

#point14plus9 {
   height: 114px;
   top: -121px;
   border-width: 0 0 0 2px;
   right: 0;
   width: 20px;
}

#point14hot9 {
   width: 150px;
   bottom: calc(100% + 4px);
   right: -58px;
   text-align: center;
}

#point17plus1 {
   height: 90px;
   border-width: 0 0 0 2px;
   top: -100px;
   left: -5px;
   width: 20px;
}

#point14plus10 {
   border-bottom-width: 2px;
   top: -4px;
   left: 1px;
   width: 34px;
}

#point14hot10 {
   width: 150px;
   top: calc(100% + -7px);
   left: 9px;
   text-align: center;
}

#point14plus11 {
   border-bottom-width: 2px;
   top: -1px;
   left: 1px;
   width: 34px;
}

#point14plus12 {
   border-bottom-width: 2px;
   top: -1px;
   left: 1px;
}

#point14hot11 {
   width: 150px;
   bottom: calc(100% + -8px);
   left: 7px;
   text-align: center;
}

#point14hot12 {
   position: absolute;
   bottom: 18px;
   left: 250px;
   width: calc(100% - 250px);
   text-align: center;
   font-size: 14px;
}
/** Rear Hotspots DE6400H End **/

/** Front Hotspots DE6600H Start **/
#point15plus1 {
   height: 94px;
   border-left-width: 2px;
   top: -95px;
   left: -5px;
}

#point15hot1 {
   width: 160px;
   bottom: calc(100% + 4px);
   left: -7px;
   text-align: center;
}

#point15plus2 {
   height: 110px;
   border-width: 2px 0 0 2px;
   top: -120px;
   left: 0;
   width: 70px;
}

#point15hot2 {
   width: 150px;
   bottom: calc(100% - 7px);
   left: calc(100% + 7px);
   text-align: left;
}

#point15plus3 {
   height: 98px;
   border-width: 0 2px 2px 2px;
   top: 0;
   width: 790px;
   left: 0;
}

#point15hot3 {
   width: 300px;
   bottom: -14px;
   right: calc(50% - 150px);
   text-align: center;
   background: #fff;
   padding: 5px;
}
/** Front Hotspots DE6600H End **/

/** Rear Hotspots DE6600H Start **/
#point17hot1 {
   width: 100px;
   top: calc(100% + -110px);
   left: -52px;
   text-align: center;
}

#point17plus2 {
   height: 125px;
   border-width: 0 0 0 2px;
   top: -78px;
   left: -4px;
   width: 20px;
}

#point17hot2 {
   width: 150px;
   top: calc(100% + 4px);
   left: -74px;
   text-align: center;
}

#point17plus3 {
   height: 181px;
   border-left-width: 2px;
   top: -78px;
   left: 0px;
}

#point17hot3 {
   width: 150px;
   bottom: calc(100% + -219px);
   left: -74px;
   text-align: center
}

#point17plus4 {
   height: 96px;
   border-width: 0 2px 2px 2px;
   top: -72px;
   width: 31px;
   left: 1px;
}

#point17plus4::before {
   content: "";
   position: absolute;
   bottom: calc(100% + -126px);
   left: calc(50% - 2px);
   border-left: 2px dotted #eb140a;
   height: 27px;
}

#point17hot4 {
   width: 150px;
   top: calc(100% + 36px);
   left: -63px;
   text-align: center;
}

#point17plus5 {
   height: 37px;
   border-width: 2px 2px 0 2px;
   top: -38px;
   left: -21px;
   width: 75px;
}

#point17plus5::before {
   content: "";
   position: absolute;
   bottom: calc(100% + 4px);
   left: calc(50% - 2px);
   border-left: 2px dotted #eb140a;
   height: 56px;
}

#point17plus9 {
   height: 37px;
   border-width: 2px 2px 0 2px;
   top: -38px;
   left: -199px;
   width: 75px;
}

#point17plus9::before {
   content: "";
   position: absolute;
   bottom: calc(100% + 4px);
   left: calc(50% - 2px);
   border-left: 2px dotted #eb140a;
   height: 99px;
}

.point17plus5extra::after {
   content: "";
   position: absolute;
   top: 0;
   left: 2px;
   border-bottom-width: 2px;
   border-bottom-style: dotted;
   border-bottom-color: #eb140a;
   width: 0;
}

#point17hot5 {
   width: 199px;
   bottom: calc(100% + 63px);
   left: -58px;
   text-align: center;
}

#point17hot9 {
   width: 199px;
   bottom: calc(100% + 104px);
   left: -64px;
   text-align: center;
}

#point17plus6 {
   height: 118px;
   border-width: 0 0 0 2px;
   top: -116px;
   left: 0;
}

#point17hot6 {
   width: 100px;
   bottom: calc(100% + 4px);
   left: -49px;
   text-align: center;
}

#point17plus7 {

   height: 202px;
   border-width: 0 0 0 2px;
   top: -204px;
   left: -1px;
}

#point17hot7 {
   width: 158px;
   bottom: calc(100% + 4px);
   left: -78px;
   text-align: center;
}

#point17plus8 {
   height: 102px;
   top: -108px;
   border-width: 0 0 0 2px;
   right: 0;
   width: 20px;
}

#point17hot8 {
   width: 120px;
   bottom: calc(100% + 4px);
   left: -36px;
   text-align: left;
}

#point17plus10 {
   border-bottom-width: 2px;
   top: 375px;
   left: 1108px;
   width: 34px;
}

#point17hot10 {
   width: 150px;
   top: calc(100% + -7px);
   left: 9px;
   text-align: center;
}

#point17plus11 {
   border-bottom-width: 2px;
   top: 439px;
   left: 1109px;
   width: 34px;
}

#point17hot11 {
   width: 150px;
   top: calc(100% + -7px);
   left: 7px;
   text-align: center;
}

#point17hot12 {
   position: absolute;
   bottom: 18px;
   left: 250px;
   width: calc(100% - 250px);
   text-align: center;
   font-size: 14px;
}
/** Rear Hotspots DE6600H End **/

/** Benefits Start **/

#Benefitstext ul li {
   line-height: 1.6;
}

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

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

.BenefitsContent1 {
  position: absolute;
   left: 365px;
   top: 125px;
   width: 350px;
   padding-top: 50px;
}

.BenefitsContent2 {
  position: absolute;
   left: 795px;
   top: 125px;
   width: 350px;
   padding-top: 50px;
}

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

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

#Benefitsimg1, #Benefitsimg2, #Benefitsimg3, #Benefitsimg4 {
   position: absolute;
   top: 0;
}

#Benefitsimg1 {
  width: 65px;
   height: auto;
   left: 100px;
}

#Benefitsimg2 {
  width: 65px;
   height: auto;
   left: 140px;
}

#Benefitsimg3 {
  width: 65px;
   height: auto;
   left: 100px;
   top: 7px;
}

#Benefitsimg4 {
  width: 65px;
   height: auto;
   left: 140px;
}

ul.Cp_textul {
   margin-left: 0px;
   margin-top: 0px;
   padding: 0;
   font-family: "Gotham-Book";
}

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

/** Benefits End **/

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

#point8text1 {
   left: 350px;
}

#point8img2 {
   position: absolute;
   left: 488px;
   top: 180px;
   width: 27%;
}

#point8img4 {
   position: absolute;
   top: 327px;
   left: 488px;
   width: 27%;
}

#point8img3 {
   position: absolute;
   top: 441px;
   left: 488px;
   width: 27%;
}

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

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

#point8text2 {
   position: absolute;
   top: 170px;
   left: 270px;
   width: 200px;
}

#point8text3 {
   position: absolute;
   top: 300px;
   left: 270px;
   width: 200px;
}

#point8text4 {
   position: absolute;
   top: 450px;
   left: 270px;
   width: 200px;
}

.disclaimer {
   position: absolute;
   bottom: 18px;
   left: 243px;
   width: calc(100% - 250px);
   text-align: center;
   font-size: 13px;
}

#point8link a, #point2text1 a {
   color: #2EAAB7;
}
#point20plus11{
   border-top-width: 2px;
   width: 223px;
}

#point20hot11{
   left: 231px;
   width: 85px;
   top: -10px;
}

#point20plus12{
   border-top-width: 2px;
   width: 223px;
}

#point20hot12{
   left: 231px;
   width: 85px;
   top: -10px;
}

/** Expansion End **/

/** Storage Management Start **/
#point9text1 {
   left: 589px;
   width: 347px;
   font-size: 29px;
}

#point9_list {
   left: 260px;
   position: absolute;
   width: 401px;
   top: 156px;
}

#point9_list ul {
   margin: 0;
   margin-left: 0px;
}

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

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

/** XClarity Start **/
#xclaritylaptopimg img {
	width: 880px;
}

#xclaritylaptopimg {
	position: absolute;
    top: 216px;
    left: 325px;
}

#xclaritysubtext {
	position: absolute;
    left: 485px;
    width: 760px;
    top: 100px;
}

#xclaritylogoimg {
	position: absolute;
    top: 117px;
    left: 348px;
    width: 120px;
}
/** XClarity End **/

/** Services Start **/

#point10text ul li {
   list-style: square;
   line-height: 1.8;
}

#point10text1 {
   position: absolute;
   top: 100px;
   left: 290px;
   width: 925px;
   color: #498bc9;
   text-align: center;
}

#point10text2 {
   position: absolute;
   top: 213px;
   left: 690px;
   color: #498bc9;
   font-size: 24px;
   font-family: 'Gotham-Book';
   font-weight: bold;
   width: 300px;
   cursor: pointer;
   z-index: 1;
   pointer-events: all;
}

#point10text3 {
   position: absolute;
   top: 335px;
   left: 680px;
   color: #df1e26;
   font-size: 24px;
   font-family: 'Gotham-Book';
   font-weight: bold;
   width: 400px;
   cursor: pointer;
   z-index: 1;
   pointer-events: all;
}

#point10text4 {
   position: absolute;
   top: 468px;
   left: 682px;
   color: #6ebf48;
   font-size: 24px;
   font-family: 'Gotham-Book';
   font-weight: bold;
   width: 300px;
   cursor: pointer;
   z-index: 1;
   pointer-events: all;
}

#point10text5 {
   position: absolute;
   top: 140px;
   left: 710px;
   color: #498bc9;
   font-size: 24px;
   font-family: 'Gotham-Book';
   font-weight: bold;
   width: 300px;
}

#point10text6 {
   position: absolute;
   top: 179px;
   left: 710px;
   width: 400px;
   color: #498bc9;
   font-size: 18px;
   font-family: 'Gotham-Book';
}

#point10li1 {
   position: absolute;
   top: 40px;
   font-size: 16px;
}

#point10text7 {
   position: absolute;
   top: 582px;
   left: 682px;
   color: #fd6231;
   font-size: 24px;
   font-family: 'Gotham-Book';
   font-weight: bold;
   width: 480px;
   cursor: pointer;
   z-index: 10;
   pointer-events: all;
}

#point10text8 {
   position: absolute;
   top: 485px;
   left: 690px;
   color: #6ebf48;
   font-size: 21px;
   font-family: 'Gotham-Book';
   font-weight: bold;
   width: 300px;
}

#point10text9 {
   position: absolute;
   top: 280px;
   left: 690px;
   color: #498bc9;
   font-size: 21px;
   font-family: 'Gotham-Book';
   font-weight: bold;
   width: 210px;
}

#point10text10 {
   position: absolute;
   top: 280px;
   left: 690px;
   color: #df1e26;
   font-size: 24px;
   font-family: 'Gotham-Book';
   font-weight: bold;
   width: 400px;   
}

#point10text11 {
   position: absolute;
   top: 320px;
   left: 690px;
   width: 420px;
   color: #df1e26;
   font-size: 18px;
   font-family: 'Gotham-Book';
}

#point10li2 {
   position: absolute;
   top: 35px;
   font-size: 16px;
}

#point10text12 {
   position: absolute;
   top: 570px;
   left: 675px;
   color: #fd6231;
   font-size: 21px;
   font-family: 'Gotham-Book';
   font-weight: bold;
   width: 450px; 
}

#point10li4 {
   position: absolute;
   top: 20px;
   font-size: 16px;
   width: 380px;
}

#point10text13 {
   position: absolute;
   top: 265px;
   left: 690px;
   color: #498bc9;
   font-size: 21px;
   font-family: 'Gotham-Book';
   font-weight: bold;
   width: 210px;   
}

#point10text14 {
   position: absolute;
   top: 345px;
   left: 650px;
   color: #df1e26;
   font-size: 21px;
   font-family: 'Gotham-Book';
   font-weight: bold;
   width: 260px;   
}

#point10text15 {
   position: absolute;
   top: 400px;
   left: 680px;
   color: #6ebf48;
   font-size: 24px;
   font-family: 'Gotham-Book';
   font-weight: bold;
   width: 300px;  
}

#point10li3 {
   position: absolute;
   top: 25px;
   font-size: 16px;
   width: 350px;
}

#point10image1 {
   position: absolute;
   top: 155px;
   left: 420px;
   width: 455px;
   z-index: -1;
}

#point10image1 img {
   width: 250px;
   height: 529px;
}

#point10image1_1 {
   position: absolute;
   top: 155px;
   left: 421px;
}

#point10image1_2 {
   position: absolute;
   top: 155px;
   left: 421px;
}

#point10image1_3 {
   position: absolute;
   top: 155px;
   left: 421px;
}

#point10image1_4 {
   position: absolute;
   top: 156px;
   left: 421px;
}

#point10image2 {
   position: absolute;
   top: 155px;
   left: 421px;
   z-index: -1;
}

#point10image2 img {
   width: 250px;
   height: 529px;
}

.point10image2_animate {
   transform: scale(1.35);
    -webkit-transform: scale(1.35);
   top: 198px !important;
   left: 506px !important;
   transition: all 1.5s;
   -webkit-transform-style: preserve-3d;
   -webkit-backface-visibility: hidden;
}

.point10image2_animateRemove {  
   transform: scale(1);
   -webkit-transform: scale(1);
   top: 155px !important;
   left: 421px !important;
   transition: all 1.5s;
   -webkit-transform-style: preserve-3d;
   -webkit-backface-visibility: hidden;
}

#point10image3 {
   position: absolute;
   top: 155px;
   left: 421px;
   z-index: -1;
}

#point10image3 img {
   width: 250px;
   height: 529px;
}

.point10image3_animate {
   transform: scale(1.35);
  -webkit-transform: scale(1.32);
   top: 161px !important;
   left: 496px !important;
   transition: all 1.5s;
   -webkit-transform-style: preserve-3d;
   -webkit-backface-visibility: hidden;
}

.point10image3_animateRemove {  
   transform: scale(1);
   -webkit-transform: scale(1);
   top: 155px !important;
   left: 421px !important;
   transition: all 1.5s;
   -webkit-transform-style: preserve-3d;
   -webkit-backface-visibility: hidden;
}

#point10image4 {
   position: absolute;
   top: 155px;
   left: 421px;
   z-index: -1;
}

#point10image4 img {
   width: 250px;
   height: 529px;
}

.point10image4_animate {
   transform: scale(1.32);
   -webkit-transform: scale(1.32);
   top: 130px !important;
   left: 499px !important;
   transition: all 1.5s;
   -webkit-transform-style: preserve-3d;
   -webkit-backface-visibility: hidden;
}

.point10image4_animateRemove {  
   transform: scale(1);
   -webkit-transform: scale(1);
   top: 155px !important;
   left: 421px !important;
   transition: all 1.5s;
   -webkit-transform-style: preserve-3d;
   -webkit-backface-visibility: hidden;
}

#point10image5 {
   position: absolute;
   top: 155px;
   left: 421px;
   z-index: -1;
}

#point10image5 img {
   width: 250px;
   height: 529px;
}

.point10image5_animate {
   transform: scale(1.32);
   -webkit-transform: scale(1.32);
   top: 111px !important;
   left: 502px !important;
   transition: all 1.5s;
   -webkit-transform-style: preserve-3d;
   -webkit-backface-visibility: hidden;
}

.point10image5_animateRemove {  
 transform: scale(1);
 -webkit-transform: scale(1);
 top: 155px !important;
 left: 421px !important;
 transition: all 1.5s;
 -webkit-transform-style: preserve-3d;
 -webkit-backface-visibility: hidden;
}

/** Services 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 **/