@import url("../fonts/fonts.css");

.imgobject{margin-top:95px;}

body{overflow:hidden;}

.box{margin:0 auto; border:5px solid #fff; border-radius:10px;  width:400px !important; margin-top:20px; height:320px;background:#f66c3b;cursor: url('../../../images/chalk1.png'), auto;  }

.type_box{margin:0 auto; border:5px solid #fff; border-radius:10px;  width:400px !important; margin-top:20px; height:320px;background:#f66c3b;  }

.canvas_img{width: 745px !important;height: 465px !important; margin:0 auto !important; background:url(canvas.png) no-repeat 0px 0px; background-size:100%;margin-top: 34px !important;border: 2px solid #620071; border-radius:5px;}


.canvas_img1{width: 745px !important;height: 465px !important;  margin:0 auto !important; background:url(canvas.png) no-repeat 0px -469px; background-size:100%;margin-top: 34px !important;border: 2px solid #620071;border-radius:5px;}

#arrow0, #arrow1, #arrow2, #arrow3, #arrow4, #arrow5, #arrow6, #arrow7, #arrow8, #arrow9, #arrow10, #arrow11, #arrow12, #arrow13, #arrow14, #arrow15, #arrow16, #arrow17, #arrow18, #arrow19, #arrow20, #arrow21, #arrow22, #arrow23, #arrow24, #arrow25, #arrow26, #arrow27, #arrow28, #arrow29, #arrow30{
width:8px;height:8px;background:#000;position: absolute;
z-index:200;
transform: rotate(180deg);
cursor: url("../../../images/chalk1.png"), auto;
rotate: 270 degrees;
-ms-transform: rotate(270deg);
-webkit-transform: rotate(270deg);
transform: rotate(270deg); border-radius:50%; cursor:pointer;
}

#arrow1{margin-top: 11px;margin-left: 417px;}
#arrow1.active_button, #arrow1.disabled_button{margin-top: 11px;margin-left: 417px;z-index:201;}
#arrow2{margin-top: 67px;margin-left: 374px;}
#arrow3{margin-top: 106px;margin-left: 402px;}
#arrow4{margin-top: 153px;margin-left: 403px;}
#arrow5{margin-top: 92px;margin-left: 474px;}
#arrow6{margin-top: 150px;margin-left: 430px}
#arrow7{margin-top: 158px;margin-left: 510px}
#arrow8{margin-top: 184px;margin-left: 409px;}
#arrow9{margin-top: 220px;margin-left: 449px;}
#arrow10{margin-top: 264px;margin-left: 489px;}
#arrow11{margin-top: 311px;margin-left: 519px;}
#arrow12{margin-top: 370px;margin-left: 529px;}
#arrow13{margin-top: 409px;margin-left: 486px;}
#arrow14{margin-top: 357px;margin-left: 430px;}
#arrow15{margin-top: 424px;margin-left: 399px;}
#arrow16{margin-top: 422px;margin-left: 333px;}
#arrow17{margin-top: 363px;margin-left: 307px;}
#arrow18{margin-top: 422px;margin-left: 252px;}
#arrow19{margin-top: 387px;margin-left: 210px;}
#arrow20{margin-top: 318px;margin-left: 218px;}
#arrow21{margin-top: 261px;margin-left: 252px;}
#arrow22{margin-top: 220px;margin-left: 286px;}
#arrow23{margin-top: 186px;margin-left: 316px;}
#arrow24{margin-top: 161px;margin-left: 214px;}
#arrow25{margin-top: 152px;margin-left: 292px;}
#arrow26{margin-top: 97px;margin-left: 249px;}
#arrow27{margin-top: 156px;margin-left: 318px;}
#arrow28{margin-top: 107px;margin-left: 320px;}
#arrow29{margin-top: 65px;margin-left: 350px;}
#arrow30{margin-top: 11px;margin-left: 307px;}


#arrow2.active_button{margin-top: 67px;margin-left: 374px;}

#im1, #im2, #im3, #im4, #im5, #im6, #im7, #im8, #im9, #im10, #im11, #im12, #im13, #im14, #im15, #im16, #im17, #im18, #im19, #im20, #im21, #im22, #im23, #im24, #im25, #im26, #im27, #im28, #im29{width: 122px;position: absolute;z-index:99; display:none;   }

#im1{margin-top: -18px;margin-left: 336px;}
#im2{margin-top: 30px;margin-left: 331px;}
#im3{margin-top: 74px;margin-left: 335px;}
#im4{margin-top: 67px;margin-left: 382px;}
#im5{margin-top: 64px;margin-left: 394px;}
#im6{margin-top: 101px;margin-left: 404px;}
#im7{margin-top: 113px;margin-left: 403px;}
#im8{margin-top: 145px;margin-left: 372px;}
#im9{margin-top: 184px;margin-left: 411px;}
#im10{margin-top: 229px;margin-left: 446px;}
#im11{margin-top: 284px;margin-left: 467px;}
#im12{margin-top: 336px;margin-left: 450px;}
#im13{margin-top: 324px;margin-left: 402px;}
#im14{margin-top: 332px;margin-left: 358px;}
#im15{margin-top: 379px;margin-left: 309px;}
#im16{margin-top: 333px;margin-left: 262px;}
#im17{margin-top: 334px;margin-left: 220px;}
#im18{margin-top: 349px;margin-left: 174px;}
#im19{margin-top: 293px;margin-left: 156px;}
#im20{margin-top: 232px;margin-left: 177px;}
#im21{margin-top: 183px;margin-left: 212px;}
#im22{margin-top: 145px;margin-left: 246px;}
#im23{margin-top: 117px;margin-left: 208px;}
#im24{margin-top: 104px;margin-left: 205px;}
#im25{margin-top: 66px;margin-left: 213px;}
#im26{margin-top: 70px;margin-left: 227px;}
#im27{margin-top: 76px;margin-left: 274px;}
#im28{margin-top: 29px;margin-left: 278px;}
#im29{margin-top: -19px;margin-left: 271px;}

.disabled_button{border-radius:20px; 
	-webkit-animation: glowIt 0.5s infinite;
	-moz-animation: glowIt 0.5s infinite;
	-o-animation: glowIt 0.5s infinite;
	animation: glowIt 0.5s infinite;}

@-webkit-keyframes glowIt {
	0%   {-webkit-box-shadow: 0 0 20px #ffffbe;}
	50%  {-webkit-box-shadow: 0 0 30px #c8c818;}
	100% {-webkit-box-shadow: 0 0 20px #ffffbe; }
}
@-moz-keyframes glowIt {
	0%   {-moz-box-shadow: 0 0 20px #ffffbe;}
	50%  {-moz-box-shadow: 0 0 30px #c8c818;}
	100% {-moz-box-shadow: 0 0 20px #ffffbe; }
}
@-o-keyframes glowIt {
	0%  {-o-box-shadow: 0 0 20px #ffffbe;}
	50% {-o-box-shadow: 0 0 30px #c8c818;}
	100%{o-box-shadow: 0 0 20px #ffffbe;}
}
@keyframes glowIt {
	0% {box-shadow: 0 0 20px #ffffbe;}
	50% {box-shadow: 0 0 30px #c8c818;}
	100% {box-shadow: 0 0 20px #ffffbe; }
}
	
@media (min-width: 1367px){	
#arrow1{margin-top: 17px;margin-left: 576px;}
#arrow1.active_button, #arrow1.disabled_button{margin-top: 17px;margin-left: 576px;z-index:201;}
#arrow2{margin-top: 94px;margin-left: 514px;}
#arrow2.active_button{margin-top: 94px;margin-left: 514px;}
#arrow3{margin-top: 150px;margin-left: 554px}
#arrow4{margin-top: 212px;margin-left: 557px;}
#arrow5{margin-top: 131px;margin-left: 652px;}
#arrow6{margin-top: 203px;margin-left: 595px;}
#arrow7{margin-top: 219px;margin-left: 702px;}
#arrow8{margin-top: 253px;margin-left: 561px;}
#arrow9{margin-top: 305px;margin-left: 620px;}
#arrow10{margin-top: 366px;margin-left: 676px;}
#arrow11{margin-top: 433px;margin-left: 717px;}
#arrow12{margin-top: 512px;margin-left: 730px}
#arrow13{margin-top: 562px;margin-left: 666px;}
#arrow14{margin-top: 494px;margin-left: 593px;}
#arrow15{margin-top: 586px;margin-left: 552px;}
#arrow16{margin-top: 579px;margin-left: 458px;}
#arrow17{margin-top: 499px;margin-left: 420px;}
#arrow18{margin-top: 584px;margin-left: 344px;}
#arrow19{margin-top: 531px;margin-left: 290px;}
#arrow20{margin-top: 436px;margin-left: 302px;}
#arrow21{margin-top: 360px;margin-left: 348px;}
#arrow22{margin-top: 300px;margin-left: 397px;}
#arrow23{margin-top: 257px;margin-left: 438px}
#arrow24{margin-top: 224px;margin-left: 297px;}
#arrow25{margin-top: 205px;margin-left: 400px;}
#arrow26{margin-top: 135px;margin-left: 345px;}
#arrow27{margin-top: 216px;margin-left: 440px;}
#arrow28{margin-top: 149px;margin-left: 441px;}
#arrow29{margin-top: 93px;margin-left: 484px;}
#arrow30{margin-top: 17px;margin-left: 422px;}

#im1, #im2, #im3, #im4, #im5, #im6, #im7, #im8, #im9, #im10, #im11, #im12, #im13, #im14, #im15, #im16, #im17, #im18, #im19, #im20, #im21, #im22, #im23, #im24, #im25, #im26, #im27, #im28, #im29{width: 167px;position: absolute;z-index:99; display:none;   }

#im1{margin-top: -25px;margin-left: 463px;}
#im2{margin-top: 42px;margin-left: 454px; }
#im3{margin-top: 102px;margin-left: 460px;}
#im4{margin-top: 92px;margin-left: 527px; }
#im5{margin-top: 86px;margin-left: 545px;  }
#im6{margin-top: 140px;margin-left: 556px; }
#im7{margin-top: 156px;margin-left: 553px;  }
#im8{margin-top: 199px;margin-left: 511px;  }
#im9{margin-top: 254px;margin-left: 566px;  }
#im10{margin-top: 318px;margin-left: 615px;   }
#im11{margin-top: 393px;margin-left: 643px;   }
#im12{margin-top: 463px;margin-left: 619px;   }
#im13{margin-top: 447px;margin-left: 553px;    }
#im14{margin-top: 458px;margin-left: 493px;    }
#im15{margin-top: 522px;margin-left: 426px ;   }
#im16{margin-top: 460px;margin-left: 362px;  }
#im17{margin-top: 459px;margin-left: 304px;  }
#im18{margin-top: 481px;margin-left: 240px; }
#im19{margin-top: 405px;margin-left: 215px;  }
#im20{margin-top: 319px;margin-left: 245px;  }
#im21{margin-top: 251px;margin-left: 293px;  }
#im22{margin-top: 199px;margin-left: 339px;   }
#im23{margin-top: 161px;margin-left: 288px; }
#im24{margin-top: 144px;margin-left: 282px; }
#im25{margin-top: 92px;margin-left: 294px;  }
#im26{margin-top: 97px;margin-left: 311px;  }
#im27{margin-top: 105px;margin-left: 378px;  }
#im28{margin-top: 41px;margin-left: 382px;    }
#im29{margin-top: -26px;margin-left: 374px;   }

.canvas_img {
    width: 1025px !important;
    height: 646px !important; margin-top: 65px !important;background:url(canvas.png) no-repeat 0px 0px; background-size:100%;}	
 
.canvas_img1 {
  width: 1025px !important;
    height: 646px !important; margin-top: 65px !important;background:url(canvas.png) no-repeat 0px -644px; background-size:100%;} 
}