body {
	margin: 0px;
	padding: 0px;
}
p {
	margin: 0;
	font-size: 15px;
}
.disabled {
	display: none !important;
}
.container {
	width: 100%;
	min-width: 100%;
	padding: 0px !important;
}
.row {
	margin: 0px !important;
}

#collapseTwo .card-body .card-body {
	text-align: center;
}
#maincanvasContainer,
#canvasContainer {
	padding: 0px;
}
#maincanvasContainer {
	position: absolute;
	z-index: 2;
}
.showForce {
	display: none !important;
}

#color_container {
	position: relative;
	text-align: center;
	width: 100%;
}
.clr_btn {
	border-radius: 25px;
	cursor: pointer;
	float: left;
	margin-top: 15px;
	margin-bottom: 4px;
}

.clr_btn .clr_btn_img {
	border: 2px solid gray;
}
.clr_btn.selectedColor .clr_btn_img {
	border: 3px solid #00f0f0;
}

#clr_text {
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	position: relative;
	letter-spacing: 0.5px;
	word-break: break-all;
	word-wrap: break-word;
	font-size: 14px;
	background: #282829;
	color: #fff;
	padding: 4px 4px;
	margin-left: -24px;
}
.clr_btn_img {
	border-radius: 50%;
	width: 45px;
	height: 45px;
	display: inline-block;
	vertical-align: middle;
}
.color2_img {
	background-color: #d6d6d4;
}
.color1_img {
	background-color: #47484a;
}
#expandArrow {
	cursor: pointer;
	position: absolute;
	top: 16px;
	right: 28px;
	height: 30px;
	width: 30px;
}
.expandArrow_parent {
	width: 24%;
	position: absolute;
	bottom: 0px;
	height: 100%;
	right: 0px;
	background: #0076ce;
}
#reset-pos {
	position: absolute;
	right: 14px;
	width: 40px;
	margin-top: -60px;
	z-index: 4;
}
#footerPan {
	overflow: hidden;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	z-index: 3;
	min-width: 70px;
	max-width: 240px;
}
#footerPan.expanded-t > .row:nth-child(1) {
	height: 15%;
	box-shadow: 0px 6px 12px -4px #888888;
}
#panel_container h3.panelItemTitle {
	background-color: #808284;
	pointer-events: none;
	margin: 0;
	border: none;
	border-top: 1px solid #000 !important;
	border-bottom: 1px solid #000;
	cursor: pointer;
	background: #808284;
	color: #fff;
	padding: 1rem 1.5rem;
	font-size: 14px;
	height: auto;
	box-shadow: none;
	outline: none;
	border-radius: 0;
	text-align: center;
}
#panel_container h3.panelItemTitle img {
	float: right;
	width: 10%;
	margin-top: -5px;
}
#panel_inner .panelitems {
	margin-bottom: 0;
	padding-left: 25px;
	padding: 20px;
	color: #fff;
	line-height: 1.3;
	text-decoration: none;
	font-size: 14px;
	list-style: none;
	border: 1px solid transparent;
	cursor: pointer;
}
#panel_inner .panelitems:hover {
	background-color: #808284;
	color: #fff;
}
#panel_inner .panelitems.selected {
	border-color: #00f0f0;
	background-color: #808284;
}
#topnav #sharing-icon {
	/*
    right: -30px;
    position: relative;
    top: 40px;
*/
}
#sharing-icon {
	right: 70px;
	position: absolute;
}
#topnav > .col-6:nth-child(2) img:nth-child(2) {
	float: right;
}
#topnav .share-container {
	width: 60px;
	right: 0px;
	position: absolute;
	top: 72px;
	display: none;
	z-index: 4;
}
#topnav .share-container::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	background-color: #dee0df;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	z-index: -1;
	opacity: 0.8;
}

/*desk*/

#topnav .share-containerDesk {
	width: 50px;
	right: 65px;
	position: absolute;
	top: -10px;
	display: none;
	z-index: -1;
	padding-top: 10px;
}
.instagramDesk {
	margin: 30px 0px 0px 0px !important;
}
.instagramDesk img {
	width: 60px !important;
	margin-left: -5px;
	margin-top: 0px;
}
.facebookDesk {
	margin: 0px 0px !important;
}
.facebookDesk img {
	width: 40px !important;
}

/*desk*/

#topnav .share-container img {
	/*
	    width: 37px !important;
    margin-top: -4px;
    margin-left: 1px;
*/
}
#topnav .share-container > .row:first-child {
	padding-top: 15px;
}
#topnav .share-container .row {
	padding-top: 15px;
	padding-bottom: 5px;
	display: block;
	text-align: center;
}
#topnav .share-container .sharing-cons {
	margin: 15px 0px 10px 0px;
	text-decoration: none !important;
	display: inline-block;
}
#topnav .share-container #facebook {
	margin: 0px 0px 10px 0px;
}
#topnav .share-container #close-sharing {
	background: transparent;
	border: none;
}
#footerPan > .row:nth-child(1) {
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 2;
	overflow: hidden;
	padding-top: 30px !important;
}

/*#footerPan>.row:nth-child(1)::before{
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0px;
    background: url(../images_gl/icon/PATCH.svg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}*/

#footerPan.expanded-t > .row:nth-child(2) {
	height: 100%;
	width: 100%;
	overflow: hidden;
	overflow-y: auto;
	/*	background-color: #dddddd;*/
}
.row1 {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

/*Desktop Circle button*/

.white_btn {
	width: 100%;
	position: absolute;
	height: 50px;
	z-index: 2;
	bottom: 0px;
	text-align: center;
}
.white_btn .btn-circle-sm {
	width: 18px !important;
	height: 18px !important;
	line-height: 35px !important;
	font-size: 0.9rem !important;
	position: relative !important;
	top: 30% !important;
	margin-top: -8.5px !important;
	border: 1px solid #a09f9f !important;
	display: inline-block !important;
}
.white_btn .btn-circle {
	width: 20px !important;
	height: 20px !important;
	line-height: 45px !important;
	text-align: center !important;
	padding: 0 !important;
	border-radius: 50% !important;
	margin-left: 3% !important;
	background-color: #ffffff;
}
.white_btn .active {
	background-color: #747673;
}
#buttongrp {
	padding-right: 0px;
	height: 100%;
	margin-left: -15px;
	background: #eeeeee;
}
.btn-circle {
	position: absolute;
	top: 46%;
	margin-top: -15px;
	background: none;
	width: 30px;
	height: 30px;
	display: block;
	outline: none;
}
.clr_1 {
	background-color: #0076ce !important;
}
span#backgoun_clr {
	left: -1px;
	opacity: 0.5;
	top: -1px;
}
.btn-circle:focus {
	box-shadow: none !important;
}
.btn-circle span {
	width: 45px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	padding: 0;
	border-radius: 50%;
	/*    margin-left: 16%;*/
	background-color: #eeeeee;
	display: block;
	position: absolute;
	top: 3px;
	left: 3px;
	border: 1px solid #0076ce;
}
.btn-circle.active span {
	background-color: #0076ce;
}
.btn-circle-sm span {
	width: 30px;
	height: 30px;
	line-height: 35px;
	font-size: 0.9rem;
}
#buttongrp .btn-circle:nth-child(1) {
	left: 10%;
}
#buttongrp .btn-circle:nth-child(2) {
	left: 32%;
}
#buttongrp .btn-circle:nth-child(3) {
	left: 54%;
}
#buttongrp .btn-circle:nth-child(4) {
	left: 76%;
}
#buttongrp .btn-circle:nth-child(5) {
	left: 82%;
}
.product-title {
	text-align: center;
	margin: 14px 0px 0px 0px;
	font-weight: bold;
	font-size: 18px;
}
#hand-group {
	position: absolute;
	left: 50%;
	width: 0px;
	height: 0px;
	bottom: 0px;
	display: none;
}
#hand-group img {
	position: absolute;
	bottom: 200px;
	width: 180px;
	margin-left: -75px;
	display: none;
}

/*Deskhand*/

#hand-groupDesk {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 0px;
	height: 0px;
	display: none;
}
#hand-groupDesk img {
	position: absolute;
	width: 200px;
	display: none;
	margin-left: -100px;
	margin-top: -100px;
}

/*Deskhand*/

/*Accordions*/

.card {
	background-color: transparent;
	border: none;
	margin: 20px 0px;
	/*	margin-left: -4px;*/
}
.card-header {
	background-color: transparent;
	border-bottom: none;
	border: 1px solid #989b98;
	padding: 0.3rem 0.3rem;
}
#collapseTwo .card-header {
	border: none;
	margin-bottom: 5px;
}
#collapseTwo > .card-body {
	padding: 0px;
}
.m-0 {
	margin-right: -7px !important;
}
.card-header:first-child {
	border-radius: 0px !important;
}
#feat.card-link,
#exp.card-link {
	font-size: 18px;
}
.card-header .card-link {
	display: block;
	width: 100%;
	text-align: center;
	color: #212529;
	/*    4B4D4A*/
	padding-left: 0px;
	font-size: 16px;
	box-sizing: content-box;
}
.card-header .card-link::before {
	background: url(../images_gl/icon/minus.svg);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	content: "";
	position: absolute;
	left: 10px;
	width: 16px;
	height: 16px;
	top: 10px;
}
.card-header .card-link.collapsed::before {
	background: url(../images_gl/icon/plus.svg);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	content: "";
	position: absolute;
	left: 10px;
	width: 16px;
	height: 16px;
	top: 10px;
}
#collapseTwo .card-header .cardlink2::before {
	background: url(../images_gl/icon/MINUS_WITH_CIRCLE_ICON.svg);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	content: "";
	position: absolute;
	left: 4px;
	width: 30px;
	height: 30px;
	top: 0px;
}
#collapseTwo .card-header .cardlink2.collapsed::before {
	background: url(../images_gl/icon/PLUS_WITH_CIRCLE_ICON.svg);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	content: "";
	position: absolute;
	left: 4px;
	width: 30px;
	height: 30px;
	top: 0px;
}
#topnav {
	position: absolute;
	width: 100%;
	top: 10px;
	z-index: 3;
}
#topnav img {
	cursor: pointer;
}
.explore-icons {
	font-size: 12px;
	text-align: center;
	padding: 0px;
	color: #1259a1;
	cursor: pointer;
}
.explore-icons span {
	display: block;
}
.row .explore-icons img {
	/*    width: 50%;*/
	height: 80px;
	/*	min-width: 50px;*/
}
.sub-title- {
	display: block;
	padding: 10px 0px;
	text-align: center;
	color: #1259a1;
	cursor: pointer;
}
.sub-title- span {
	font-size: 16px;
	color: #1259a1;
}
#loaderDfr {
	position: fixed;
	left: 0px;
	top: 0px;
	height: 100%;
	background-color: #f5f5f5;
	z-index: 4;
	width: 100%;
}
#loaderDfr * {
	opacity: 1;
	transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	-webkit-transition: opacity 0.3s;
}
#superblaze-canvas {
	opacity: 1;
	transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	-webkit-transition: opacity 0.3s;
}
.loader-group-v {
	position: absolute;
	width: 0px;
	height: 0px;
	top: 50%;
	left: 50%;
	display: inline-block;
}
#loaderDfr #progress-loader {
	width: 50px;
	height: 50px;
	margin-left: -25px;
	margin-top: -25px;
}
#loader-img {
	margin-left: -100px;
	margin-top: -200px;
	width: 200px;
	height: 283px;
}
.loader-title {
	font-size: 20px;
	font-weight: 700;
	width: 300px;
	margin-left: -150px;
	margin-top: 20px;
	text-align: center;
}
.hp-screen-images {
	display: none;
}

/*HP Devices............*/

#accordion2-img {
	position: absolute;
	width: 20%;
	left: -10px;
	top: 0px;
}
#accordion5-img {
	position: absolute;
	left: -2%;
	top: 10%;
	width: 24%;
}
#accordion6-img {
	position: absolute;
	left: -15%;
	top: 5%;
	width: 8%;
}
#accordion3-img {
	position: absolute;
	left: -12%;
	top: -6%;
	width: 17%;
}
#accordion4-img {
	position: absolute;
	left: -18%;
	top: 3%;
	width: 24%;
}

/*End.............*/

#ports_img1 {
	position: absolute;
	width: 60%;
	top: 0%;
	left: 2%;
}
#ports_img2 {
	position: absolute;
	width: 60%;
	left: -70%;
	top: 3%;
}
.port1 {
	width: 44% !important;
	top: 12% !important;
	left: -20% !important;
}
.port2 {
	width: 40% !important;
	top: 12% !important;
	left: -28% !important;
}
#ports_img3 {
	position: absolute;
	top: -4%;
	left: -12%;
	width: 30%;
}
#ports_img4 {
	width: 14%;
	left: -4%;
	top: -18%;
	position: absolute;
}
#ports_img5 {
	width: 7%;
	left: 5%;
	top: 1%;
	position: absolute;
}
#ports_img6 {
	width: 26%;
	left: -16%;
	top: 5%;
	position: absolute;
}
body {
	height: 100%;
	width: 100%;
	position: fixed;
	background-color: #f0f0f0;
	/* prevent overscroll bounce*/
	/*  overflow-y: scroll;*/
	/*-webkit-overflow-scrolling: touch;*/
}
.fixed {
	position: fixed !important;
	bottom: 0 !important;
}
.hotSpot {
	height: 100%;
	width: 100%;
}
#performance p {
	width: 100%;
	margin: 0;
	font-size: 15px;
}
/*only for mobile version*/

@media screen and (max-width: 650px) {
	.card-header .card-link {
		font-size: 18px;
	}
	#collapseTwo .card-body .card-body {
		text-align: center;
		font-family: HPSimplifiedLite;
		padding-top: 2px;
	}
}
@media screen and (max-width: 640px) {
	#topnav .share-container #instagram img {
		width: 60px !important;
		margin-left: 0px;
		margin-top: 0px;
	}
	#topnav .share-container img {
		width: 37px !important;
		margin-top: -4px;
		margin-left: 1px;
	}
}
@media screen and (min-width: 650px) and (max-width: 799px) {
	#productText {
		padding-left: 80px !important;
		width: 70% !important;
	}
}
@media screen and (min-width: 650px) and (max-width: 760px) {
	.footerpanDesk #collapseTwo .card-header span {
		padding-left: 27px;
		font-size: 15.5px;
	}
}
@media screen and (min-width: 640px) and (max-width: 690px) {
	#collapseTwo .card-header span {
		padding-left: 25px;
	}
	#explore-sub-title span {
		font-size: 13px !important;
	}
}

/*iphone5*/

@media only screen and (min-device-width: 320px) and (max-device-width: 330px) {
	/*#hotspot1plus {
    top: -50px !important;
    left: -2px !important;
    width: 110px !important;
}*/
	#hotspot2plus {
		left: -78px !important;
		top: -103px !important;
		width: 60px !important;
	}
	#hotspot3plus {
		top: -30px !important;
		left: 0px !important;
		width: 90px !important;
	}
	#hotspot3_1plus {
		top: -18px !important;
		left: -318px !important;
		width: 80px !important;
	}
	#hotspot3 span {
		font-size: 18px !important;
		position: absolute !important;
		left: -227px !important;
		top: -20px !important;
		font-weight: bold !important;
	}
	.sub-title- {
		line-height: 15px !important;
	}
	.sub-title- span {
		font-size: 12px !important;
		color: #1259a1 !important;
	}
	#hotspot4plus {
		left: -106px !important;
		top: -129px !important;
		width: 110px !important;
		height: 209px;
	}
}

/*mobile andriod galx*/

@media only screen and (min-device-width: 360px) and (max-device-width: 370px) {
	/*
   #hotspot1plus {
	  top: -45px !important;
    left: -10px !important;
    width: 120px !important;
}
*/
	#hotspot2plus {
		left: -78px !important;
		top: -129px !important;
		width: 70px !important;
	}
	#hotspot3plus {
		top: -22px !important;
		left: -4px !important;
		width: 115px !important;
	}
	#hotspot3_1plus {
		top: -12px !important;
		left: -250px !important;
		width: 100px !important;
	}
	#hotspot3 span {
		position: absolute !important;
		left: -330px !important;
		top: -47px !important;
		font-size: 24px !important;
		font-weight: bold !important;
	}
	.sub-title- span {
		font-size: 14px !important;
		color: #1259a1 !important;
	}
}

/*mobile andriod galx*/
@media only screen and (min-device-width: 370px) and (max-device-width: 390px) {
	/*
#hotspot1plus {
    top: -110px !important;
    left: -30px !important;
    width: 255px !important;
}
*/

	#hotspot2plus {
		left: -160px !important;
		top: -260px !important;
		width: 145px !important;
	}
	#hotspot3plus {
		top: -70px !important;
		left: -10px !important;
		width: 185px !important;
	}
	#hotspot3_1plus {
		top: -360px !important;
		left: -10px !important;
		width: 600px !important;
	}
}

/*mobile andriod galaxy S5*/
@media only screen and (min-device-width: 390px) and (max-device-width: 420px) {
	/*
   #hotspot1plus {
    top: -70px !important;
    left: -20px !important;
    width: 160px !important;
}
*/

	#hotspot2plus {
		left: -120px !important;
		top: -160px !important;
		width: 95px !important;
	}
	#hotspot3plus {
		top: -40px !important;
		left: 0px !important;
		width: 125px !important;
	}
	#hotspot3_1plus {
		top: -70px !important;
		left: -632px !important;
		width: 150px !important;
	}
	#hotspot3 span {
		position: absolute !important;
		left: -460px !important;
		top: -68px !important;
	}
}

/*Iphone6 7 8*/
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) {
	#hotspot3_1plus {
		position: absolute !important;
		top: 13px !important;
		left: -173px !important;
		width: 70px !important;
	}
	#hotspot3 span {
		font-size: 22px !important;
		position: absolute !important;
		left: -243px !important;
		top: -23px !important;
		font-weight: bold !important;
	}
	.sub-title- span {
		font-size: 14px !important;
		color: #1259a1 !important;
	}
}

/*Iphone X*/
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
}

/*Ipad for image animation*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	/*        Top images icon*/

	#topnav .share-container #instagram img {
		width: 64px !important;
	}
	#close-sharing {
		margin-top: 20px;
		display: inline-block;
	}
	#topnav > .col-6:nth-child(1) img {
		width: 40px;
	}
	/*
    #topnav>.col-6:nth-child(2) img:nth-child(1) {
        right: 100px;
    }
*/

	#topnav .share-container #facebook {
		margin: 0px 0px 0px 0px;
	}
	#topnav .share-container .sharing-cons {
		margin: 10px 0px 5px -2px;
	}
	/* end top images icon*/

	#accordion3-img {
		left: -10% !important;
		top: -6% !important;
		width: 12% !important;
	}
	#accordion4-img {
		left: -18% !important;
		top: 4% !important;
		width: 18% !important;
	}
	#accordion2-img {
		width: 14.2% !important;
		left: -2% !important;
		top: 0px !important;
	}
	#accordion5-img {
		left: 0% !important;
		top: 10% !important;
		width: 18% !important;
	}
	#accordion6-img {
		left: -14% !important;
		top: 4% !important;
		width: 6% !important;
	}
	#ports_img1 {
		top: -4%;
		left: 0%;
		width: 45%;
	}
	#ports_img2 {
		width: 45%;
		left: -48%;
		top: 0%;
	}
	#ports_img3 {
		/* position: absolute; */
		top: -7%;
		left: 5%;
		width: 16%;
	}
	#ports_img4 {
		width: 9%;
		left: -17%;
		top: -22%;
		/* position: absolute; */
	}
	#ports_img5 {
		width: 5%;
		left: 2%;
		/* top: 10px; */
		/* position: absolute; */
	}
	#ports_img6 {
		width: 20%;
		left: -12%;
		top: 3%;
		/* position: absolute; */
	}
	.port1,
	.port2 {
		width: 36% !important;
	}
	.port2 {
		left: -22% !important;
	}
	/*
#accordion2-img{
	left: -20px!important;
	top: -130px!important;
	width: 180px!important;
    
}
#accordion5-img{
	width: 300px!important;
}



#accordion3-img{
	 height: 120px!important; 
	left: -130px!important;
	top: -140px!important;
	width: 180px!important;
}
#accordion4-img{
	left: -200px!important;
	top: -40px!important;
	width: 120px!important;
}
#accordion6-img{
    left: 120px;
    top: 10px;
    width: 90px;
    }

#ports_img1 {
    width: 500px;
    top: -170px;
    left: 600px;
}
#ports_img2 {
     width: 500px;
    top: 30px;
    right: 800px;
}

.port2 {
    width: 400px!important;
    top: 100px!important;
    left: -810px!important;
}
.port1 {
    width: 400px!important;
    top: 100px!important;
    left: 370px!important;
}

#ports_img3 {
    top: -160px!important;
    left: -280px!important;
    width: 260px!important;
}

#accordion{
    padding-bottom: 50px;
}
*/

	#hotspot3 span {
		position: absolute !important;
		left: -530px !important;
		top: -53px !important;
		width: 351px !important;
		font-weight: bold !important;
	}
	#hotspot3_1plus {
		position: absolute !important;
		top: 16px !important;
		left: -370px !important;
		width: 130px !important;
	}
	/*#hotspot3plus {
    width: 160px!important;
}*/
	/*  #hotspot2plus {
    left: -145px !important;
    top: -230px !important;
    width: 127px !important;
}*/
	/*
#hotspot1plus {
    top: -65px !important;
    left: -10px !important;
    width: 225px !important;

    }
*/
}

/**************DESK********/

/*
.product-titleDesk{
    top: 0px;
    z-index: 1;
    position: fixed;
    width: 33%;
    height: 80px;
    text-align: center;
     margin-left: -15px !important; 
    background-color: gainsboro;
    box-shadow: -10px 2px 12px -2px #888888;
}
*/
.product-titleDesk {
	top: 0px;
	z-index: 999;
	position: fixed;
	width: 33%;
	height: 80px;
	text-align: center;
	/*    margin-left: -15px !important;*/

	background-size: 100% 14%;
	background-color: #dcdcdc;
	background-position: bottom;
	background-repeat: no-repeat;
	padding-bottom: 10px;
}
.product-titleDesk span {
	font-size: 19px;
	display: table-cell;
	vertical-align: middle;
	/*
    text-align: center;
	padding-right: 42px;
*/

	text-align: center;
	padding-right: 100px;
	line-height: 1.1;
}
#productText {
	padding-right: 10px;
	padding-left: 10px;
	height: 100%;
	width: 100%;
	display: table;
}
#logoDesk {
	z-index: 1;
	float: left;
	margin-top: 15px;
	margin-left: -37px;
}
#logoDesk img {
	cursor: pointer;
}
.reset-posDesk {
	position: absolute;
	right: 0px;
	max-width: 100%;
}
.images-anim-container {
	height: 100%;
}
#explore-feature {
	width: 100%;
	height: 100%;
	background: #282829;
	display: block;
}
.os-content {
	background: #dcdcdc !important;
}
.explore-featureDesk-imp {
	height: 100%;
}
.card-body_desk {
	/*	padding: 0px 0px 15px 0px;*/

	padding: 0px 15px 15px 3px;
	font-size: 14px;
	/*    text-align: left !important;*/

	font-family: HPSimplifiedLite;
}
.card-body_desk .sub-title- span {
	font-size: 12px !important;
}
.card-body_desk .card-header {
	margin-bottom: 10px !important;
}
#feat_desk,
#exp_desk {
	font-size: 14px;
}
.explore-featureDesk-imp #feat.card-link,
.explore-featureDesk-imp #exp.card-link {
	font-size: 16px !important;
	color: #4b4d4a;
}
.footerpanDesk {
	background-color: #f7f7f7 !important;
	/*	width: 33% !important;*/

	height: 100% !important;
	position: relative !important;
	display: inline-block;
}
.canvasDesk1 {
	width: 67%;
	float: right;
}
.videoDesk {
	width: 100% !important;
	margin: 10px 0px !important;
}
#info {
	width: 30px;
	float: right;
	position: absolute;
	right: 109px;
}
#resize {
	float: right;
	position: relative;
}
#offscreen-icon {
	display: none;
}

/*hotspot1-5*/
#hotspot1 {
	position: absolute;
	pointer-events: none;
}
#hot1 {
	position: absolute;
	top: -89px;
	/* left: -354px; */
	right: 158px;
	width: 233px;
	font-size: 14px;
	line-height: 15px;
	text-align: right;
}
#hotspot1plus {
	position: absolute;
	top: -119px;
	left: -149px;
	/* height: 149px; */
	/* transform: rotate(90deg); */
	width: 150px;
}
#hotspot2 {
	position: absolute;
	pointer-events: none;
}
#hotspot2plus {
	position: absolute;
	left: -76px;
	top: -78px;
	height: 150px;
	width: 1px;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}
#hot2 {
	position: absolute;
	top: -16px;
	/* left: -383px; */
	width: 206px;
	font-size: 14px;
	text-align: right;
	right: 161px;
}
#hotspot3 {
	position: absolute;
	pointer-events: none;
}
#hot3 {
	position: absolute;
	top: -10px;
	left: 163px;
	width: 253px;
	font-size: 14px;
	text-align: left;
}
#hotspot3plus {
	position: absolute;
	top: -79px;
	left: 80px;
	height: 160px;
	width: 1px;
	transform: rotate(90deg);
}
#hotspot4 {
	position: absolute;
}
#hot4 {
	position: absolute;
	top: -12px;
	/* left: 10px; */
	right: 163px;
	width: 211px;
	font-size: 14px;
	text-align: right;
}
#hotspot4plus {
	position: absolute;
	top: -79px;
	left: -77px;
	height: 154px;
	transform: rotate(90deg);
	width: 1px;
}
#hotspot5 {
	position: absolute;
}
#hot5 {
	position: absolute;
	top: -11px;
	left: 163px;
	width: 254px;
	text-align: left;
	font-size: 14px;
}
#hotspot5plus {
	position: absolute;
	top: -83px;
	left: 80px;
	height: 160px;
	width: 1px;
	transform: rotate(90deg);
}
#hotspot6 {
	position: absolute;
}
#hot6 {
	position: absolute;
	top: -46px;
	/* left: -306px; */
	right: 131px;
	width: 288px;
	text-align: right;
	font-size: 14px;
}
#hotspot6plus {
	position: absolute;
	top: --31px;
	left: -122px;
}
#hotspot7 {
	position: absolute;
}
#hot7 {
	position: absolute;
	top: -49px;
	/* left: 94px; */
	right: 135px;
	width: 255px;
	font-size: 14px;
	text-align: right;
}
#hotspot7plus {
	position: absolute;
	top: -39px;
	left: -127px;
}

/*
#hotspot7plus1 {
    position: absolute;
    top: -48px;
    left: 32px;
    transform: rotate(90deg);
}
*/
#hotspot8 {
	position: absolute;
}
#hot8 {
	position: absolute;
	top: 3px;
	/* left: -284px; */
	right: 126px;
	width: 302px;
	text-align: right;
	font-size: 14px;
}

#hotspot8plus {
	position: absolute;
	top: 14px;
	left: -109px;
}
/*
@media (max-height: 800px) {
   // #hotspot8plus {
        position: absolute;
        top: -52px;
        left: -121px;
        height: 105px;
    }
    #hot8 {
    }
}
@media (max-height: 700px) {
    #hotspot8plus {
        position: absolute;
        top: -46px;
        left: -106px;
        height: 92px;
    }
    #hot8 {
        top: -14px;
        left: -224px;
    }
}
*/
#hotspot9 {
	position: absolute;
}
#hot9 {
	position: absolute;
	top: 9px;
	/* left: -286px; */
	width: 234px;
	right: 105px;
	text-align: right;
	font-size: 14px;
}
#hotspot9plus {
	position: absolute;
	top: 0px;
	left: -90px;
	width: 91px;
}
#hotspot10 {
	position: absolute;
}
#hot10 {
	position: absolute;
	top: -12px;
	/* left: 105px; */
	right: 110px;
	width: 297px;
	text-align: right;
	font-size: 14px;
	line-height: 1.1;
}
#hotspot10plus {
	position: absolute;
	top: -48px;
	left: -50px;
	height: 102px;
	transform: rotate(90deg);
}
#hotspot11 {
	position: absolute;
}
#hot11 {
	position: absolute;
	top: -11px;
	/* left: 106px; */
	width: 223px;
	font-size: 15px;
	right: 107px;
	text-align: right;
}
#hotspot11plus {
	position: absolute;
	top: -52px;
	left: -49px;
	transform: rotate(90deg);
}
#hotspot12 {
	position: absolute;
}
#hot12 {
	position: absolute;
	top: -11px;
	/* left: 108px; */
	right: 111px;
	width: 250px;
	font-size: 14px;
	text-align: right;
}
#hotspot12plus {
	position: absolute;
	top: -52px;
	left: -52px;
	transform: rotate(90deg);
}
#hotspot13 {
	position: absolute;
}
#hot13 {
	top: -6px;
	right: 110px;
	width: 163px;
	position: absolute;
	font-size: 14px;
	text-align: right;
}
#hotspot13plus {
	position: absolute;
	top: -50px;
	left: -50px;
	transform: rotate(90deg);
}
#hotspot14 {
	position: absolute;
}
#hot14 {
	position: absolute;
	top: 15px;
	/* left: 106px; */
	width: 145px;
	font-size: 15px;
	right: 108px;
	text-align: right;
}
#hotspot14plus {
	position: absolute;
	top: 0px;
	left: -101px;
}
#hotspot15 {
	position: absolute;
}
#hot15 {
	position: absolute;
	top: -33px;
	width: 220px;
	left: 392px;
	text-align: left;
	font-size: 14px;
	color: black;
}
#hotspot15plus {
	position: absolute;
	top: -25px;
	left: -40px;
	height: 24px;
}
#hotspot15plus1 {
	position: absolute;
	top: -33px;
	left: 70px;
	height: 130px;
	width: 1px;
	transform: rotate(90deg);
}
#hotspot16 {
	position: absolute;
}
#hot16 {
	position: absolute;
	top: -22px;
	left: 351px;
	width: 366px;
	text-align: left;
	font-size: 14px;
}
#hotspot16plus {
	position: absolute;
	top: -11px;
	left: -2px;
	width: 331px;
}
#hotspot17 {
	position: absolute;
}
#hot17 {
	position: absolute;
	top: 11px;
	left: 189px;
	width: 252px;
	text-align: left;
	font-size: 14px;
}

#hotspot17plus {
	position: absolute;
	top: 0px;
	left: 0px;
}
#hotspot18 {
	position: absolute;
}
#hot18 {
	position: absolute;
	top: 37px;
	/* left: 370px; */
	width: 150px;
	right: 125px;
	text-align: right;
	font-size: 14px;
}
#hotspot18plus {
	position: absolute;
	top: 0px;
	left: -119px;
}
#hotspot19 {
	position: absolute;
}
#hot19 {
	position: absolute;
	top: -11px;
	left: 250px;
	width: 105px;
	text-align: center;
	font-size: 15px;
}
#hotspot19plus {
	position: absolute;
	top: -100px;
	left: 145px;
	height: 200px;
	transform: rotate(90deg);
}
#hotspot20 {
	position: absolute;
}
#hot20 {
	position: absolute;
	top: -300px;
	left: -64px;
	width: 144px;
	text-align: center;
	font-size: 15px;
}
#hotspot20plus {
	position: absolute;
	top: -230px;
	left: 1px;
	height: 250px;
	width: 1px;
}
#hotspot21 {
	position: absolute;
}
#hot21 {
	position: absolute;
	top: -210px;
	left: -50px;
	width: 240px;
	text-align: left;
	font-size: 15px;
}
#hotspot21plus {
	position: absolute;
	/* top: -121px; */

	top: -125px;
	left: 1px;
	height: 150px;
	width: 2px;
}
#hotspot22 {
	position: absolute;
}
#hot22 {
	position: absolute;
	top: 18px;
	left: -209px;
	width: 144px;
	text-align: center;
	font-size: 15px;
}
#hotspot22plus {
	position: absolute;
	top: -88px;
	left: -69px;
	height: 236px;
}
.iStockDesk {
	width: 24% !important;
	left: 38% !important;
	top: -3% !important;
}

/*mobaddclass not expand*/
.hotSpotmob1 {
	top: -90px;
	left: -20px;
	width: 245px;
}
.hotSpotmob2 {
	left: -150px;
	top: -220px;
	width: 135px;
}
.hotSpotmob3 {
	top: -60px;
	left: -20px;
	width: 215px;
}

/**/
#expandArrowDesk {
	cursor: pointer;
	position: absolute;
	/*    left: 32%;*/

	bottom: 0px;
	height: 20%;
	width: 6%;
	z-index: 2;
}
#iStock {
	width: 36%;
	left: 29%;
	top: 27%;
	position: absolute;
}
#chargerImg {
	width: 20%;
	left: 32.5%;
	top: 20%;
	position: absolute;
}
.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
	background: none;
}
#logoDesk2 {
	position: absolute;
	left: 20px;
	top: 16px;
	display: block;
	z-index: 1;
}
#logoDesk2 img {
	cursor: pointer;
}
#reset {
	display: block;
	position: absolute;
	right: 4px;
	bottom: 27px;
	z-index: 3;
	cursor: pointer;
	color: #282829;
	width: 100px;
	text-align: center;
}
.istockipad {
	top: 29% !important;
	width: 30% !important;
	left: 34% !important;
}
#hotspot3 span {
	font-size: 35px;
	position: absolute;
	left: -609px;
	top: -85px;
	width: 240px;
	color: #00b0df;
	font-weight: bold !important;
}

@media screen and (min-width: 1920px) {
	#hotspot1plus {
		position: absolute;
		top: -135px;
		left: -181px;
		width: 184px;
	}
	#hot1 {
		top: -93px;
		right: 206px;
	}
	#hotspot6plus {
		position: absolute;
		top: -34px;
		left: -122px;
	}
	#hot6 {
		position: absolute;
		top: -46px;
		/* left: -306px; */
		right: 129px;
	}
	#hotspot7plus {
		position: absolute;
		top: -18px;
		left: -112px;
	}
	#hot7 {
		position: absolute;
		top: -29px;
		/* left: 94px; */
		right: 141px;
	}
	#hot16 {
		position: absolute;
		top: -24px;
		left: 351px;
	}
	#hotspot16plus {
		position: absolute;
		top: -14px;
		left: 0px;
		height: 12px;
	}
	#hot17 {
		position: absolute;
		top: 11px;
		left: 232px;
	}
	#hotspot17plus {
		position: absolute;
		top: 0px;
		left: 0px;
		height: 27px;
	}
}
@media screen and (max-width: 1280px) and (max-height: 800px) {
	/*
   
    #hot2 {
        top: 1px !important;
        left: -306px !important;
    }
    #hotspot2plus {
        left: -109px !important;
        top: -34px !important;
        height: 95px !important;
    }
    #hot3 {
        position: absolute;
        top: -65px !important;
        font-size: 15px !important;
    }
    #hotspot3plus {
    }
*/
}
@media screen and (max-width: 1366px) and (max-height: 768px) {
}
@media screen and (min-width: 1920px) {
	#hotspot1plus {
		position: absolute;
		top: -11px;
		left: -150px;
		/* height: 149px; */
		/* transform: rotate(90deg); */
		width: 170px;
	}
	#hot1 {
		top: 20px;
		right: 180px;
	}
	#hotspot2plus {
		position: absolute;
		left: -89px;
		top: -94px;
		height: 181px;
	}
	#hot2 {
		position: absolute;
		top: -13px;
		right: 202px;
	}
	#hotspot4plus {
		position: absolute;
		top: -80px;
		left: -78px;
	}
	#hot4 {
		position: absolute;
		top: -14px;
		right: 202px;
	}
	#hotspot5plus {
		position: absolute;
		top: -83px;
	}
}
@media screen and (max-width: 1920px) {
	.product-titleDesk span {
		padding-right: 55px;
	}
	/*	#logoDesk1{position: fixed;top: 15px;left: 25px;}*/

	#hotspot3 span {
		font-size: 45px;
		position: absolute;
		left: -780px;
		top: -115px;
		width: 310px;
		color: #00b0df;
		font-weight: bold !important;
	}
	.hotSpotDesk3_1 {
		top: -100px !important;
		left: -1000px !important;
		width: 200px !important;
	}
	.hotSpotDesk4 {
		left: -218px !important;
		top: -244px !important;
		width: 220px !important;
		height: 415px !important;
	}
}
@media screen and (max-width: 2560px) {
	/*    #logoDesk1{position: fixed;top: 15px;left: 70px;}*/

	.product-titleDesk span {
		padding-right: 0px;
	}
}
#pos_container {
	line-height: 45px;
	text-align: center;
	width: 100%;
	padding-top: 20px;
	/*    height: 50%;*/
}
#pos_container #pos_text {
	color: black;
	letter-spacing: 0.5px;
	word-break: break-all;
	word-wrap: break-word;
	padding: 0px 2px;
	line-height: 22px;
	margin-bottom: 15px;
}

/*#two-pos-grp{
    width: 100%;
    max-width: 64px;
    background: #C6C6C6;
    margin: 0 auto;
    padding-bottom: 0px;
    margin-bottom: 25px;
    padding-top: 5px;
}*/
.pos_img_width {
	width: 60px;
	max-width: 100%;
}
.pos_btn {
	position: relative;
	cursor: pointer;
	text-align: center;
	margin-bottom: 15px;
}

.selectedColor .color_txt2 {
	color: #00f0f0;
}
.selectedColor .color_txt1 {
	color: #00f0f0;
}
.color_txt2 {
	color: #fff;
	font-size: 9px;
	text-align: center;
	padding: 7px;
}
.color_txt1 {
	color: #fff;
	font-size: 9px;
	text-align: center;
	padding: 7px;
}

#col_div {
	line-height: 50px;
}
#openCloseDiv {
	position: relative;
	text-align: center;
	width: 100%;
	margin-top: 30px;
}
#openCloseAnim {
	cursor: pointer;
}
#openCloseAnim_landscape {
	position: relative;
	top: -10px;
}
#logoDellDiv {
	position: absolute;
	text-align: center;
	width: 100%;
	margin-top: 30px;
	bottom: 30px;
}
#logoIntelDiv {
	position: absolute;
	text-align: center;
	width: 100%;
	margin-top: 30px;
	bottom: 44px;
}
#logoDell {
	cursor: pointer;
	width: 85%;
}
#logoDell_landscape {
	position: relative;
	top: -10px;
}
#logoIntel {
	cursor: pointer;
	width: 33%;
}
#logoIntel_landscape {
	position: relative;
	top: -10px;
}
#reset_landscape {
	float: right;
	position: relative;
	left: -5px;
	top: -9px;
	color: #0076ce;
}
#landscape {
	position: absolute;
	bottom: 0px;
	width: 100%;
	z-index: 9;
}

/*css for right anim*/
#onOffBacklit {
	position: relative;
	text-align: center;
	width: 100%;
	margin-top: 20px;
}
#onOffBacklitAnim {
	width: 45px;
	height: 45px;
	cursor: pointer;
}
#onOffkeyBoBacklit {
	display: block !important;
}
#rightAnim {
	display: block;
	position: absolute;
	top: 130px;
	right: 0px;
	z-index: 0;
	cursor: pointer;
	color: #fff;
	/* height: 770px; */

	overflow: hidden;
	width: 33px;
}
#righttxt1 {
	position: absolute;
	top: 80px;
	left: 36px;
	font-size: 12px;
	line-height: inherit;
	width: 50px;
	letter-spacing: 0.5px;
	list-style: none;
	margin: 0px;
	padding: 0px;
	height: 2px;
	display: table;
}
#righttxt1 li {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	height: 38px;
	width: 124px;
	overflow: hidden;
	text-align: center;
	line-height: 13px;
	margin: auto;
}
#righttxt1 li:nth-child(1) {
	top: -10px;
}
#righttxt1 li:nth-child(2) {
	top: 26px;
}
#righttxt1 li:nth-child(3) {
	top: 60px;
}
#righttxt2 {
	position: absolute;
	top: 0px;
	left: 126px;
	font-size: 12px;
	width: 110px;
	letter-spacing: 0.5px;
	list-style: none;
	margin: 0px;
	padding: 0px;
	display: table;
	height: 40px;
}
#righttxt3 {
	position: absolute;
	top: 0px;
	left: 240px;
	font-size: 12px;
	width: 100px;
	height: 40px;
	letter-spacing: 0.5px;
	list-style: none;
	padding: 0px;
	margin: 0px;
	text-align: center;
	display: table;
}
#rightAnim ul li:before {
	background-color: rgba(113, 112, 115, 0);
}

/*css right anim end*/

/*css for hotspots*/
.hotspots {
	display: none;
}
.circle {
	height: 22px;
	width: 22px;
	background: #d8d8d8;
	border-radius: 50%;
	text-align: center;
	position: relative;
	line-height: 23px;
	color: black;
	font-size: 12px;
}
#hot1_img {
	left: 33px;
	top: -3px;
	position: relative;
}
#circle1 {
	top: -9px;
	left: 23px;
}
#hot1_text {
	position: relative;
	width: 300px;
	right: 258px;
	text-align: right;
	top: -7px;
}
#hot2_img {
	position: relative;
	left: 5px;
	top: -2px;
}
#circle2 {
	top: -9px;
	left: -5px;
}
#hot2_text {
	position: relative;
	left: 6px;
	top: -7px;
}
#hot3_img {
	position: relative;
	left: -13px;
	top: -3px;
}
#circle3 {
	top: -8px;
	left: -24px;
}
#hot3_text {
	position: relative;
	top: -6px;
	right: 210px;
	text-align: right;
	width: 200px;
}
#hot4_img {
	position: relative;
	left: -16px;
	top: -2px;
}
#circle4 {
	top: -6px;
	left: -27px;
}
#hot4_text {
	position: relative;
	left: -18px;
	top: -4px;
}
@media (max-width: 1370px) {
	#hotspot20plus {
		position: absolute;
		top: -200px;
		left: 1px;
		height: 220px;
		width: 2px;
	}
	#hot20 {
		position: absolute;
		top: -242px;
		left: -104px;
		width: 244px;
		text-align: center;
		font-size: 15px;
	}
	/*
    #hot17 {
    position: absolute;
    top: 222px;
    left: -117px;
    width: 166px;
    text-align: center;
    font-size: 12px;
}
#hotspot17plus {
    position: absolute;
    top: 18px;
    left: -47px;
    height: 200px;
   
   
}
*/
	#hot1_img {
		left: 24px;
		top: -2px;
		position: relative;
	}
	#circle1 {
		top: -9px;
		left: 13px;
	}
	#hot1_text {
		position: relative;
		width: 300px;
		right: 267px;
		text-align: right;
		top: -7px;
	}
	#hot2_text {
		left: 1px;
	}
	#hot3_img {
		left: -10px;
	}
	#circle3 {
		left: -21px;
	}
	#hot3_text {
		right: 207px;
	}
	#hot4_img {
		left: -13px;
		top: -2px;
	}
	#circle4 {
		top: -6px;
		left: -24px;
	}
}
@media (max-width: 1025px) {
	img#hot1_img {
		left: 17px;
		top: -2px;
		position: relative;
	}
	div#circle1 {
		top: -9px;
		left: 7px;
	}
	p#hot1_text {
		position: relative;
		width: 300px;
		right: 274px;
		text-align: right;
		top: -7px;
	}
}
@supports (-ms-ime-align: auto) {
	#hot1_img {
		left: 24px;
		top: -2px;
		position: relative;
	}
	#circle1 {
		top: -9px;
		left: 13px;
	}
	#hot1_text {
		position: relative;
		width: 300px;
		right: 267px;
		text-align: right;
		top: -7px;
	}
	#hot2_text {
		left: 1px;
	}
}

/*css for hotspots end*/
#logo_div {
	position: relative;
	float: right;
	margin-right: 90px;
}

/*zoom slider css start*/
#zoomSliderContainer {
	position: absolute;
	/*background-size: 24px;
  background-repeat: no-repeat;
  background-image: url(../images_gl/zoom.svg);*/

	z-index: 0;
	/*    display: none !important;*/
}
.ui-slider {
	border: 1px solid #aaaaaa;
	background: #ffffff;
}
.ui-slider .ui-widget-header {
	background: #0083ca;
}
.ui-corner-all {
	visibility: hidden;
}
.ui-slider .ui-slider-handle {
	width: 47px;
	height: 20px;
	/*  background: url(../images_gl/zoom_Dot.png) no-repeat;*/

	background: url() no-repeat;
	overflow: hidden;
	position: absolute;
	left: -2px;
	border-style: none;
	outline: none;
	background-size: 32px;
	visibility: hidden;
	cursor: pointer;
}
.ui-slider-handle-hover {
	width: 41px;
	height: 16px;
	/* background:url("../images_gl/zoom_handle_down.png") no-repeat; overflow:hidden; */
}
.zoom {
	position: absolute;
	left: -2px;
	top: -2px;
	cursor: pointer;
	width: 44px;
	height: 44px;
}
#zoomInBtn {
	background-image: url("../images_gl/plus_up.png");
	background-repeat: no-repeat;
	overflow: hidden;
	background-size: 44px 44px;
	cursor: pointer;
}
#zoomInBtnActive {
	background-image: url("../images_gl/plus_down.png");
	background-repeat: no-repeat;
	overflow: hidden;
	background-size: 44px 44px;
	visibility: hidden;
	cursor: pointer;
}
#zoomOut {
	cursor: pointer;
}
#zoomOutBtn {
	background-image: url("../images_gl/minus_up.png");
	background-repeat: no-repeat;
	overflow: hidden;
	background-size: 44px 44px;
	cursor: pointer;
}
#zoomOutBtnActive {
	background-image: url("../images_gl/minus_down.png");
	background-repeat: no-repeat;
	overflow: hidden;
	background-size: 44px 44px;
	visibility: hidden;
	cursor: pointer;
}

/*zoom slider css end*/
#dell_logo,
#sharing-icon,
#fullscreen-icon,
#offscreen-icon {
	width: 45px;
}
#openCloseAnim {
	width: 45px;
	height: 45px;
}
@media only screen and (max-height: 560px) {
	#footerPan > .row:nth-child(1) {
		padding-top: 20px !important;
	}
	#pos_container {
		padding-top: 10px;
	}
	/*#openCloseDiv {
        bottom: auto;
        position: relative;
        margin-top: 20px;
    }*/

	#reset {
		top: 502px;
	}
	#zoomSliderContainer {
		bottom: auto !important;
		top: 332px !important;
	}
}

.play-pause-rainbow {
	position: absolute;
	left: 29px;
	bottom: -30px;
}

.hide-raimbow {
	display: none;
}
#performance p {
	width: 100%;
	margin: 0;
	font-size: 15px;
}

.ui-corner-all {
	visibility: visible;
}

.ui-slider {
	border: transparent;
	background: transparent;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	color: white;
	opacity: 1;
	font-size: 14px;
	cursor: pointer;
	display: block;
	background: #0076ce;
	/* font-family: 'Gotham-Book'; */
}

.ui-accordion .ui-accordion-icons {
	cursor: pointer;
	background: #282829;
	color: #fff;
	padding: 1rem 1.5rem;
	height: auto;
	box-shadow: none;
	outline: none;
	border-radius: 0;
	border: none;
	border-bottom: 1px solid #ddd;
}

.ui-accordion .ui-accordion-icons {
	border: none;
	border-top: 1px solid #000 !important;
	border-bottom: 1px solid #000;
}

.ui-accordion .ui-accordion-content {
	padding: 0px !important;
	border-top: 0;
	overflow: auto;
}

.ui-widget-content {
	border: transparent;
	background-color: transparent;
	color: #fff;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	border: 1px solid #fff;
	background-color: #fff;
	color: #000000;
}

.ui-state-active.ui-accordion-icons,
.ui-widget-content .ui-state-active.ui-accordion-icons,
.ui-widget-header .ui-state-active.ui-accordion-icons {
	/* border: 1px solid #282829 !important; */
	border: 1px solid #000 !important;
}

.menuitemsBase {
	width: 190px;
	height: 39px;
	color: white;
	border-top: 0px solid #c0c0c0;
	font-size: 14px;
	cursor: pointer;
	background-color: #eb140a;
}

.active {
	background-color: #eb140a;
	opacity: 1;
	border-top: 1px solid #c0c0c0;
}

.menuitems:hover,
.menuitems1:hover {
	background-color: #808284;
	opacity: 1;
	color: #fff;
}

.menuitemsBase:hover {
	background-color: #808284;
	opacity: 1;
}

#rightSideController .menuitems:hover {
	background-color: #808284;
	opacity: 1;
}

#accordion #rightSideController .menuitems {
	border: 1px solid transparent;
}

#accordion #rightSideController .menuitems.selected {
	background-color: #808284;
	border-color: #00f0f0;
}
#accordion h3.menuitems.selected {
	background-color: #808284;
	border-color: #00f0f0;
}

#orion-keyboard-color-menu-wrapper {
	position: absolute;
	left: 272px;
	top: 200px;
	z-index: 0;
	display: none;
}
#panel {
	display: none;
}

#accordion h3 {
	margin-bottom: 0px;
	margin-top: 26px;
	cursor: pointer;
}

#accordion div#rightSideController {
	z-index: -1;
	pointer-events: all;
	overflow: hidden;
	text-align: left;
}

.animPlayBtns,
.animPlayBtns1 {
	padding: 1rem 1.5rem;
	cursor: pointer;
}

#zoom_slider .ui-state-default {
	width: 32px;
	height: 20px;
	background: url(../images_gl/zoom_Dot.png) no-repeat;
	background: url() no-repeat;
	overflow: hidden;
	position: absolute;
	left: 0px;
	border-style: none;
	opacity: 1;
	outline: none;
	background-size: 32px;
}

.btns {
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	margin-left: 19px;
}

#exterior {
	margin-left: 25px;
}

#animBtn {
	position: absolute;
	z-index: 2;
	width: calc(100% - 240px);
	bottom: 28px;
	text-align: center;
	/* background: red; */
	left: 240px;
}

#btn1 {
	/*transform: rotate(270deg);
                -ms-transform: rotate(270deg);*/
}

#root {
	z-index: 1;
	/* position: absolute;
    top: 0px;
    left: 0px; */
	display: block;
	width: 100%;
}

canvas {
	display: block;
}

.hotspots {
	display: none;
	position: absolute;
	z-index: 11;
	line-height: 1.5;
	/* background-color: rgba(255, 0, 0, 0.5); */
}

#hotspot1demo:focus {
	outline: none;
	border: none;
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 1200px) {
	/* #logo_div {
      margin-right: 60px;
    }*/
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
}
@media screen and (max-width: 1550px) {
	#performance p {
		width: 250px;
		margin: 0;
		font-size: 15px;
	}
	#orion-keyboard-color-menu-wrapper {
		left: 260px;
		top: 110px;
	}
}