.reset,.reset:hover,.resetoverlay:focus {outline:none;} ::-moz-focus-inner {border:0;}
.leftArrow, .leftArrow1,.rightArrow,.rightArrow1:focus {outline:none;} ::-moz-focus-inner {border:0;}
/** {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }*/

*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

  * {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /*cursor:default;*/ }
html {-webkit-tap-highlight-color: transparent;}
body {margin:0 auto;font-family: 'Arial',sans-serif;font-weight:400;color:#000;font-size:1.25em;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;background: #FAFCFE;overflow: hidden;}
.contentHolder {background: #ffffff ;background: #FFF;width:100%;height:100%;position:relative;display: none;cursor: default;}
.dummy{background: #ffffff ;background: transparent;width:993px;height: 18px;position:absolute;display: none;bottom: 35px;left:0;z-index:9999;}
.contentHolder .contentBgMain{background: #ffffff;width: 100%;height: 94.428%;position: absolute;top: 0;z-index: 1;}
.contentHolder .contentBg{background: #ffffff;background: url(../images/contentbg.png) no-repeat center;background-size: 100% 100%;width: 100%;height: 100%;position: absolute;top: 0;z-index: 1;

}
button::-moz-focus-inner {
  border: 0;
}
@mixin pixelated {
  -ms-interpolation-mode: nearest-neighbor; 
  image-rendering: -webkit-optimize-contrast; 
  image-rendering: -webkit-crisp-edges;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: pixelated;
}
.instText{position: relative; color: #000000;display: none;z-index: 9999;display: table-cell;vertical-align: middle;width: 50%;    font-weight: 400;padding-left: 1%;font-size: 12px;}


.contentHolder .clipHolder{display: block;z-index: 999;}
.contentHolder #clip1{width: 5.4%;height: 3.7%;position:absolute;top: 56.1%;left: 7.8%;cursor:pointer;opacity: 0;z-index: 10;/* border:1px solid red; */}
.contentHolder #clip2{width: 8.2%;height: 3.6%;position:absolute;top: 62.3%;left: 7.4%;cursor:pointer;opacity: 0;z-index: 10;/* border:1px solid red; */}
.contentHolder #clip3{width: 7.85%;height: 4%;position:absolute;top: 68.1%;left: 6.7%;cursor:pointer;opacity: 0;z-index: 10;/* border:1px solid red; */}
.contentHolder #clip4{width: 8.8%;height: 4%;position:absolute;top: 81.6%;left: 24%;cursor:pointer;opacity: 0;z-index: 10;/* border:1px solid red; */}
.contentHolder #clip5{width: 8%;height: 5%;position:absolute;top: 20.9%;left: 31%;cursor:pointer;opacity: 0;z-index: 10;/* border:1px solid red; */}
.contentHolder #clip6{cursor:pointer;opacity: 0;width: 7%;height: 5%;position: absolute;top: 20.9%;left: 39.4%;z-index: 10;/* border:1px solid red; */}
.contentHolder #clip7{width: 7%;height: 5%;position:absolute;top: 20.9%;left: 46.8%;cursor:pointer;opacity: 0;z-index: 10;/* border:1px solid red; */}
.contentHolder #clip8{width: 7%;height: 5%;position:absolute;top: 20.9%;left: 54.4%;cursor:pointer;opacity: 0;z-index: 10;/* border:1px solid red; */}
.contentHolder #clip9{width: 8%;height: 5%;position:absolute;top: 20.9%;left: 61.8%;cursor:pointer;opacity: 0;z-index: 10;/* border:1px solid red; */}
.contentHolder #clip10{width: 8.8%;height: 4%;position:absolute;top: 81.6%;left: 66%;cursor:pointer;opacity: 0;z-index: 10;/* border:1px solid red; */}
.contentHolder #clip11{width: 5%;height: 5%;position:absolute;top: 60.9%;left: 74%;cursor:pointer;opacity: 0;z-index: 10;/* border:1px solid red; */}
.contentHolder #clip12{width: 7.78%;height: 4.5%;position:absolute;top: 55.5%;left: 85.4%;cursor:pointer;opacity: 0;z-index: 10;/* border:1px solid red; */}
.contentHolder #clip13{width: 7.78%;height: 4.5%;position: absolute;top: 61.5%;left: 84.4%;cursor:pointer;opacity: 0;z-index: 10;/* border:1px solid red; */}
.contentHolder #clip14{width: 5.78%;height: 4.5%;position: absolute;top: 67.5%;left: 87.4%;cursor:pointer;opacity: 0;z-index: 10;/* border:1px solid red; */}


.contentHolder #clipdummy1{opacity: 0.4;width: 3%;height: 2%;position: absolute;top: 57.1%;left: 9.5%;cursor:pointer;background:#FFFF00;display: none;z-index: 2;}
.contentHolder #clipdummy2{opacity: 0.4;width: 5.6%;height: 2.7%;position: absolute;top: 63.1%;left: 9.4%;cursor:pointer;background:#FFFF00;display:none;z-index: 2;}
.contentHolder #clipdummy3{opacity: 0.4;width: 3.6%;height: 2.6%;position: absolute;top: 69.2%;left: 9.5%;cursor:pointer;background:#FFFF00;display:none;z-index: 2;}
.contentHolder #clipdummy4{opacity: 0.4;width: 6%;height: 2.6%;position: absolute;top: 82.6%;left: 26%;cursor:pointer;background:#FFFF00;display:none;z-index: 2;}
.contentHolder #clipdummy5{opacity: 0.4;width: 5.1%;height: 2.6%;position: absolute;top: 21.9%;left: 33.3%;cursor:pointer;background:#FFFF00;display:none;z-index: 2;}
.contentHolder #clipdummy6{opacity: 0.4;width: 5.1%;height: 2.6%;position: absolute;top: 21.9%;left: 40.9%;cursor:pointer;background:#FFFF00;display:none;z-index: 2;}
.contentHolder #clipdummy7{opacity: 0.4;width: 5.1%;height: 2.6%;position: absolute;top: 21.9%;left: 48.2%;cursor:pointer;background:#FFFF00;display:none;z-index: 2;}
.contentHolder #clipdummy8{opacity: 0.4;width: 4%;height: 2.6%;position: absolute;top: 21.9%;left: 56%;cursor:pointer;background:#FFFF00;display:none;z-index: 2;}
.contentHolder #clipdummy9{opacity: 0.4;width: 6.1%;height: 2.6%;position: absolute;top: 21.9%;left: 63.1%;cursor:pointer;background:#FFFF00;display:none;z-index: 2;}
.contentHolder #clipdummy10{opacity: 0.4;width: 5.8%;height: 2.6%;position: absolute;top: 82.6%;left: 66.6%;cursor:pointer;background:#FFFF00;display:none;z-index: 2;}
.contentHolder #clipdummy11{opacity: 0.4;width: 3.8%;height: 3%;position: absolute;top: 63.3%;left: 75%;cursor:pointer;background:#FFFF00;display:none;z-index: 2;}
.contentHolder #clipdummy12{opacity: 0.4;width: 4.7%;height: 2.7%;position:absolute;top: 56.5%;left: 86.2%;cursor:pointer;background:#FFFF00;display:none;z-index: 2;}
.contentHolder #clipdummy13{opacity: 0.4;width: 6%;height: 2.7%;position: absolute;top: 63%;left: 84.7%;cursor:pointer;background:#FFFF00;display:none;z-index: 2;}
.contentHolder #clipdummy14{opacity: 0.4;width: 2.5%;height: 2.5%;position: absolute;top: 69.5%;left: 88.5%;cursor:pointer;background:#FFFF00;display:none;z-index: 2;}



.reset{background: url(../../common-images/reset_1.png) no-repeat center;background-size: 100%;position: absolute;width: 65px;height: 28px;top: 12px !important;cursor: pointer;width: 66px;      height: 30px;}
/*.reset:hover{background: url(../../common-images/reset_2.png) no-repeat center;background-size: 100%;width: 65px;height: 28px;width: 80px;      height: 30px;}*/
.adderHover{background: url(../../common-images/reset_2.png) no-repeat center;background-size: 100%;width: 65px;height: 28px;width: 80px;      height: 30px;}
.zoomout{background: url(../../common-images/minus.png) no-repeat center;background-size: 100% 100%;height: 25px;width: 25px;border: none;position: absolute;top: 13px;outline: none;padding: 0;}
.zoom{/* background: url(../images/zoom.png) no-repeat center;background-size: 100% 100%; */}
.zoomin{background: url(../../common-images/plus.png) no-repeat center;background-size: 100%;height: 25px;width: 25px;border: none;position: absolute;top: 14px;outline: none;padding: 0;}

.contentHolder .explanationDiv{display: none;width: 18%;height: 12%;position:absolute;top: 1.3%;left: 37.8%;background: #FFFFC6;border: 2px solid #CFCFCF;padding: 0.1%;overflow: auto;z-index: 9999;}
.contentHolder .explanationDiv .heading{color: #FF7A22; padding: 2%;font-weight: bold;}
.contentHolder .explanationDiv .description{color:#000000;padding: 2%;padding-top: 5%;}

.contentHolder .dummyBg{background-color: #f1a1a1;  width: 100%;  height: 100%;  opacity: 0;}

.tooltip {display:none;position:absolute;border:1px solid #fff;background-color:#DE3326;border-radius:5px;padding:5px;color:#fff;font-size:12px;text-align: center;}
.copyright{color: #333333;position: absolute;display: none;z-index:999;top: 22px;font-size: 8px;right: 30px;}
 
 
 
.footer{background: #EBEBEB;width: 100%;height: 48px;position:absolute;/* top: 94.8%; */cursor: default;display: table;z-index: 999;bottom: 0;overflow: hidden;left: 0;}
.zoomoutDiv{position: relative;display: table-cell;vertical-align: middle;}
.volumeSeekbarClass{    position: absolute;    width: 100px;            top: 29px;height: 38px;z-index: 99999;}
.volumeSeekbarIcon1{background: #444549;height: 6px;width: 100px;top: 22px;position: absolute;border-radius: 1em;}
.volumeSeekbarIcon2{background: #FF6600;height: 15px;width: 15px;top: 17px;cursor: pointer;z-index: 9999;border-radius: 1em;}
.volumeSeekbarIcon3{ background-color: #FF6600;border-top-left-radius: 10em;border-bottom-left-radius: 10em;border-top-right-radius: 5em;  border-bottom-right-radius: 5em;      height: 7px;      cursor: pointer;      margin-top: 6px;z-index: 999;position: absolute;}
#ascrail2000-hr div{margin-left: 30px;}
#ascrail2000-hr{opacity: 0!important; display: none !important;}
#ascrail2000{opacity: 0!important;display: none !important;}
.clickForMoreIcon{width: 13.05px;height: 13.50px;position: absolute;left: -17px;}
.clickForMore{font-size: 10px;position: absolute;top: 20px;width: 70px;right: 113px;}

::-webkit-scrollbar { width: 14px; height: 18px;z-index: 99}
::-webkit-scrollbar:horizontal{ width: 14px;z-index: 99}
::-webkit-scrollbar:vertical{ width: 16px;z-index: 99}

::-moz-appearance { width: 14px; height: 18px;z-index: 99}
::-moz-appearance:horizontal{ width: 14px;z-index: 99}
::-moz-appearance:vertical{ width: 16px;z-index: 99}

.hide-scrollbar-v ::-webkit-scrollbar:vertical{
    display: none !important;
}

.hide-scrollbar-h ::-webkit-scrollbar:horizontal{
    display: none !important;
}

.show-scrollbar-v ::-webkit-scrollbar:vertical{
    display: block !important;
}

.show-scrollbar-h ::-webkit-scrollbar:horizontal{
    display: block !important;
}

::-webkit-scrollbar-track-piece { background-color: #F1F1F1;cursor: pointer;z-index: 99}
::-webkit-scrollbar-thumb {  background-color: #666666;cursor: pointer;z-index: 99}
::-webkit-resizer { background-color: #666666;cursor: pointer;z-index: 99}
::-webkit-scrollbar-button:horizontal:increment {
        background: url(../../common-images/right.png) no-repeat center;
    background-size: 100% 100%;
    cursor: pointer;
    width: 22px;z-index: 99
}
::-webkit-scrollbar-button:horizontal:decrement {
        background: url(../../common-images/left.png) no-repeat center;
    background-size: 100% 100%;cursor: pointer;
    width: 22px;z-index: 99
}
::-webkit-scrollbar-button:vertical:increment {
        background: url(../../common-images/down.png) no-repeat center;
    background-size: 100% 100%;cursor: pointer;
    height: 22px;z-index: 99
}
::-webkit-scrollbar-button:vertical:decrement {
        background: url(../../common-images/up.png) no-repeat center;
    background-size: 100% 100%;cursor: pointer;
    height: 22px;z-index: 99
}


@media (min-width: 1920px){
  .zoomin{right: 209px;top: 13px;}
  .volumeSeekbarClass{ right: 242px !important;top: 1px;}
  .zoomout{right: 350px;top: 13px;}
  .instText{width: 853px;}
  .reset{display: block;right: 393px;width: 80px; height: 30px; }
  .reset:hover{display: block;right: 393px; width: 80px; height: 30px;}
  ::-webkit-scrollbar { width: 18px; height: 18px; }
  ::-webkit-scrollbar:horizontal{ width: 18px;}
  ::-webkit-scrollbar:vertical{ width: 16px;}
  ::-webkit-scrollbar-button:horizontal:increment{width: 18px}
  ::-webkit-scrollbar-button:horizontal:decrement {width: 18px}
  ::-webkit-scrollbar-button:vertical:increment {height: 18px}
  ::-webkit-scrollbar-button:vertical:decrement {height: 18px}
}
@media (min-width: 1330px) and (max-width: 1920px) {
  .zoomin{right: 209px;top: 13px;}
  .volumeSeekbarClass{ right: 242px !important;top: 1px;}
  .zoomout{right: 350px;top: 13px;}
  .instText{width: 853px;}
  .reset{display: block;right: 393px;width: 80px; height: 30px; }
  .reset:hover{display: block;right: 393px; width: 80px; height: 30px;}
  ::-webkit-scrollbar { width: 18px; height: 18px; }
  ::-webkit-scrollbar:horizontal{ width: 18px;}
  ::-webkit-scrollbar:vertical{ width: 16px;}
  ::-webkit-scrollbar-button:horizontal:increment{width: 18px}
  ::-webkit-scrollbar-button:horizontal:decrement {width: 18px}
  ::-webkit-scrollbar-button:vertical:increment {height: 18px}
  ::-webkit-scrollbar-button:vertical:decrement {height: 18px}
}

@media (min-width: 1170px) and (max-width: 1330px) {
   .zoomin{right: 208px;top: 13px;}
  .volumeSeekbarClass{ right: 241px;top: 1px;}
  .zoomout{right: 349px;top: 13px;}
  .instText{width: 700px;}
  .reset{display: block;right: 382px; width: 80px; height: 30px;}
  .reset:hover{display: block;right: 382px; width: 80px; height: 30px;}
  ::-webkit-scrollbar { width: 16px; height: 16px;}
  ::-webkit-scrollbar:horizontal{ width: 16px;}
  ::-webkit-scrollbar:vertical{ width: 16px;}
  ::-webkit-scrollbar-button:horizontal:increment{width: 16px}
  ::-webkit-scrollbar-button:horizontal:decrement {width: 16px}
  ::-webkit-scrollbar-button:vertical:increment {height: 16px}
  ::-webkit-scrollbar-button:vertical:decrement {height: 16px}
}


@media (min-width: 1090px) and (max-width: 1170px) {
   .zoomin{right: 208px;top: 13px;}
  .volumeSeekbarClass{ right: 241px;top: 1px;}
  .zoomout{right: 349px;top: 13px;}
  .instText{width: 600px;}
  .reset{display: block;right: 382px;width: 80px; height: 30px;}
  .reset:hover{display: block;right: 382px;width: 80px; height: 30px;}
  ::-webkit-scrollbar { width: 16px; height: 16px;}
  ::-webkit-scrollbar:horizontal{ width: 16px;}
  ::-webkit-scrollbar:vertical{ width: 16px;}
  ::-webkit-scrollbar-button:horizontal:increment{width: 16px}
  ::-webkit-scrollbar-button:horizontal:decrement {width: 16px}
  ::-webkit-scrollbar-button:vertical:increment {height: 16px}
  ::-webkit-scrollbar-button:vertical:decrement {height: 16px}

}

@media (min-width: 965px) and (max-width: 1090px) {
  .copyright{display:  none !important;}
  .zoomin{right: 95px;top: 13px;}
  .volumeSeekbarClass{ right: 129px;top: 1px;}
  .zoomout{right: 236px;top: 13px;}
  .instText{width: 600px;}
  .reset{display: block;right: 269px;width: 80px; height: 30px;}
  .reset:hover{display: block;right: 269px;width: 80px; height: 30px;}
  .clickForMore{right: 0px !important;}
  ::-webkit-scrollbar { width: 10px; height: 12px;}
  ::-webkit-scrollbar:horizontal{ width: 10px;}
  ::-webkit-scrollbar:vertical{ width: 12px;}
  ::-webkit-scrollbar-button:horizontal:increment{width: 12px}
  ::-webkit-scrollbar-button:horizontal:decrement {width: 12px}
  ::-webkit-scrollbar-button:vertical:increment {height: 12px}
  ::-webkit-scrollbar-button:vertical:decrement {height: 12px}
    
}
@media (min-width: 840px) and (max-width: 965px) {
  .copyright{display:  none !important;}
  .zoomin{right: 95px;top: 13px;}
  .volumeSeekbarClass{ right: 129px;top: 1px;}
  .zoomout{right: 236px;top: 13px;}
  .instText{width: 480px;}
  .reset{display: block;right: 269px;width: 80px; height: 30px;}
  .reset:hover{display: block;right: 269px;width: 80px; height: 30px;}
  .clickForMore{right: 0px !important;}
  ::-webkit-scrollbar { width: 10px; height: 12px;}
  ::-webkit-scrollbar:horizontal{ width: 10px;}
  ::-webkit-scrollbar:vertical{ width: 12px;}
  ::-webkit-scrollbar-button:horizontal:increment{width: 12px}
  ::-webkit-scrollbar-button:horizontal:decrement {width: 12px}
  ::-webkit-scrollbar-button:vertical:increment {height: 12px}
  ::-webkit-scrollbar-button:vertical:decrement {height: 12px}
}
@media (min-width: 690px) and (max-width: 840px) {
  .copyright{display:  none !important;}
  .zoomin{right: 95px;top: 13px;}
  .volumeSeekbarClass{ right: 129px;top: 1px;}
  .zoomout{right: 236px;top: 13px;}
  .instText{width: 330px;}
  .reset{display: block;right: 269px;width: 80px; height: 30px;}
  .reset:hover{display: block;right: 269px;width: 80px; height: 30px;}
  .clickForMore{right: 0px !important;}
  ::-webkit-scrollbar { width: 10px; height: 12px;}
  ::-webkit-scrollbar:horizontal{ width: 10px;}
  ::-webkit-scrollbar:vertical{ width: 12px;}
  ::-webkit-scrollbar-button:horizontal:increment{width: 12px}
  ::-webkit-scrollbar-button:horizontal:decrement {width: 12px}
  ::-webkit-scrollbar-button:vertical:increment {height: 12px}
  ::-webkit-scrollbar-button:vertical:decrement {height: 12px}
}
@media (min-width: 345px) and (max-width: 690px) {
   .copyright{display:  none !important;}
  .volumeSeekbarClass{ left: 126px;top: 32px;}
  .instText{width: 94%;height: 30px;display: inline-block;padding: 10px;}
  .footer{height: 77px;width: 100%}
  .reset{top: 41px !important;left: 10px;width: 80px; height: 30px;}
  .reset:hover{top: 41px !important;left: 10px;width: 80px; height: 30px;}
  .zoomout{top: 43px;left: 93px;}
  .zoomin{left: 234px;top: 43px;}
  .clickForMore{left: 285px;top: 50px;}
  ::-webkit-scrollbar { width: 8px; height: 10px;}
  ::-webkit-scrollbar:horizontal{ width: 8px;}
  ::-webkit-scrollbar:vertical{ width: 10px;}
  ::-webkit-scrollbar-button:horizontal:increment{width: 10px}
  ::-webkit-scrollbar-button:horizontal:decrement {width: 10px}
  ::-webkit-scrollbar-button:vertical:increment {height: 10px}
  ::-webkit-scrollbar-button:vertical:decrement {height: 10px}

}
@media (min-width: 200px) and (max-width: 345px) {
   .copyright{display:  none !important;}
  .volumeSeekbarClass{ left: 112px;top: 32px;}
  .instText{width: 94%;height: 30px;display: inline-block;padding: 10px;}
  .footer{height: 77px;width: 100%}
  .reset{top: 41px !important;left:10px;width: 70px; height: 30px;}
  .reset:hover{top: 41px !important;left:10px;width: 70px; height: 30px;}
  .zoomout{top: 43px;left: 81px;}
  .zoomin{left: 218px;top: 43px;}
  .clickForMore{left: 262px;top: 50px; width:55px;}
  ::-webkit-scrollbar { width: 6px; height: 8px;}
  ::-webkit-scrollbar:horizontal{ width: 6px;}
  ::-webkit-scrollbar:vertical{ width: 8px;}
  ::-webkit-scrollbar-button:horizontal:increment{width: 8px}
  ::-webkit-scrollbar-button:horizontal:decrement {width: 8px}
  ::-webkit-scrollbar-button:vertical:increment {height: 8px}
  ::-webkit-scrollbar-button:vertical:decrement {height: 8px}

}