.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: 2.5%;height: 4%;position:absolute;top: 42.2%;left: 25.6%;cursor:pointer;opacity: 0;z-index: 10;}
.contentHolder #clip2{width: 4.4%;height: 2.8%;position: absolute;top: 71.2%;left: 29.3%;cursor:pointer;opacity: 0;z-index: 10;}
.contentHolder #clip3{width: 5%;height: 4.5%;position: absolute;top: 35.7%;left: 78%;cursor:pointer;opacity: 0;z-index: 10;}

.contentHolder #clipdummy1{opacity: 0.4;width: 2.5%;height: 2%;position: absolute;top: 44%;left: 25.5%;cursor: pointer;cursor:pointer;background:#FFFF00;display: none;z-index: 2;}
.contentHolder #clipdummy2{opacity: 0.4;width: 3.2%;height: 2.0%;position: absolute;top: 71.8%;left: 29.5%;cursor:pointer;background:#FFFF00;display: none;z-index: 2;}
.contentHolder #clipdummy3{opacity: 0.4;width: 4.9%;height: 2.5%;position: absolute;top: 38%;left: 78.1%;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: 14%;height: 10.18%;position:absolute;top: 12%;left: 42%;background: #FFFFC6;border: 2px solid #CFCFCF;padding: 0.1%;overflow: auto;z-index: 9999;text-align: justify;}
.contentHolder .explanationDiv .heading{color: #FF7A22; padding: 2%;font-weight: bold;}
.contentHolder .explanationDiv .description{color:#000000;padding: 2%;padding-top: 5%;text-align: left;}

.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}

}

.animContainer1{position: absolute;top: 42.6%;left: 47.44%;display: block;z-index: 9;}
.animDiv1 {background-image: url("../animations/anim3.png");width: 298px;height: 427px;position: absolute;display: block;}

.animContainer2{position: absolute;top: 41.4%;left: 78.4%;display: block;z-index: 9;}
.animDiv2 {background-image: url("../animations/anim3.png");width: 298px;height: 427px;position: absolute;display: block;}