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

.imgobject{margin-top:95px;}


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


.canvas_img1{width: 745px !important;height: 465px !important;  margin:0 auto !important; background:url(canvas.png) no-repeat 0px -470px; background-size:100%;margin-top: 34px !important;}

#arrow0, #arrow1, #arrow2, #arrow3, #arrow4, #arrow5, #arrow6, #arrow7, #arrow8, #arrow9, #arrow10, #arrow11, #arrow12, #arrow13, #arrow14, #arrow15, #arrow16, #arrow17, #arrow18, #arrow19{
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: 394px;margin-left: 328px;}
#arrow2 {margin-top: 332px;margin-left: 332px;}
#arrow3 {margin-top: 269px;margin-left: 334px;}
#arrow4 {margin-top: 206px;margin-left: 324px;}
#arrow5 {margin-top: 174px;margin-left: 284px;}
#arrow6 {margin-top: 96px;margin-left: 287px;}
#arrow7 {margin-top: 22px;margin-left: 307px;}
#arrow8 {margin-top: 41px;margin-left: 361px;}
#arrow9 {margin-top: 65px;margin-left: 411px;}
#arrow10 {margin-top: 62px; margin-left: 470px;}
#arrow11 {margin-top: 120px;margin-left: 476px;}
#arrow12 {margin-top: 187px; margin-left: 438px;}
#arrow13 { margin-top: 244px; margin-left: 429px;}
#arrow14 {margin-top: 301px;margin-left: 484px;}
#arrow15 {margin-top: 378px;margin-left: 504px;}
#arrow16 {margin-top: 387px;margin-left: 583px;}
#arrow17 {margin-top: 433px;margin-left: 527px;}
#arrow18 {margin-top: 408px;margin-left: 476px;}
#arrow19 {margin-top: 413px;margin-left: 388px;}


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

#im1, #im2, #im3, #im4, #im5, #im6, #im7, #im8, #im9, #im10, #im11, #im12, #im13, #im14, #im15, #im16, #im17, #im18, #im19{width: 95px;position: absolute;z-index:99; display:none;  }

#im1{margin-top: 319px;margin-left: 279px;}
#im2{margin-top: 255px;margin-left: 288px;}
#im3{margin-top: 193px;margin-left: 290px;}
#im4{margin-top: 146px;margin-left: 259px;}
#im5{margin-top: 92px;margin-left: 233px;}
#im6{margin-top: 14px;margin-left: 253px;}
#im7{margin-top: -23px;margin-left: 290px;}
#im8{margin-top: 9px;margin-left: 342px;}
#im9{margin-top: 25px;margin-left: 396px;}
#im10{margin-top: 46px;margin-left: 437px;}
#im11{margin-top: 109px;margin-left: 414px;}
#im12{margin-top: 170px;margin-left: 380px;}
#im13{margin-top: 227px;margin-left: 412px;}
#im14{margin-top: 295px;margin-left: 452px;}
#im15{margin-top: 338px;margin-left: 500px;}
#im16{margin-top: 368px;margin-left: 517px;}
#im17{margin-top: 373px;margin-left: 476px;}
#im18{margin-top: 368px;margin-left: 388px;}
#im19{margin-top: 360px;margin-left: 313px;}



.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){	
	.title_bg {width: 750px !important;}
	
	#arrow1 {margin-top: 545px;margin-left: 455px;}
	#arrow2 {margin-top: 453px;margin-left: 458px;}
	#arrow3 {margin-top: 369px;margin-left: 462px;}
	#arrow4 {margin-top: 286px;margin-left: 444px;}
	#arrow5 {margin-top: 238px;margin-left: 389px;}
	#arrow6 {margin-top: 133px;margin-left: 396px;}
	#arrow7 {margin-top: 28px;margin-left: 425px;}
	#arrow8 {margin-top: 60px;margin-left: 500px;}
	#arrow9 {margin-top: 93px;margin-left: 569px;}
	#arrow10 {margin-top: 86px;margin-left: 652px;}
	#arrow11 {margin-top: 170px;margin-left: 654px;}
	#arrow12 {margin-top: 260px;margin-left: 603px;}
	#arrow13 {margin-top: 337px;margin-left: 593px;}
	#arrow14 {margin-top: 417px;margin-left: 668px;}
	#arrow15 {margin-top: 520px;margin-left: 697px;}
	#arrow16 {margin-top: 535px;margin-left: 807px;}
	#arrow17 {margin-top: 599px;margin-left: 726px;}
	#arrow18 {margin-top: 564px;margin-left: 653px;}
	#arrow19 {margin-top: 570px;margin-left: 533px;}


   #arrow2.active_button{margin-top: 453px;margin-left: 458px;}
	
	#im1, #im2, #im3, #im4, #im5, #im6, #im7, #im8, #im9, #im10, #im11, #im12, #im13, #im14, #im15, #im16, #im17, #im18, #im19{width: 132px;position: absolute;z-index:99; display:none;  }

#im1{margin-top: 438px;margin-left: 383px; }
#im2{margin-top: 351px;margin-left: 396px; }
#im3{margin-top: 265px;margin-left: 399px; }
#im4{margin-top: 200px;margin-left: 355px; }
#im5{margin-top: 126px;margin-left: 320px; }
#im6{margin-top: 19px;margin-left: 347px; }
#im7{margin-top: -31px;margin-left: 399px; }
#im8{margin-top: 13px;margin-left: 471px;  }
#im9{margin-top: 34px;margin-left: 545px; }
#im10{margin-top: 63px;margin-left: 600px;  }
#im11{margin-top: 150px;margin-left: 568px;  }
#im12{margin-top: 233px;margin-left: 523px;  }
#im13{margin-top: 312px;margin-left: 566px;   }
#im14{margin-top: 406px;margin-left: 621px; }
#im15{margin-top: 465px;margin-left: 688px; }
#im16{margin-top: 505px;margin-left: 709px;  }
#im17{margin-top: 513px;margin-left: 653px; }
#im18{margin-top: 506px;margin-left: 532px;  }
#im19{margin-top: 360px;margin-left: 313px;}

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