@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{
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: 53px;margin-left: 512px;}
#arrow2{margin-top: 111px;margin-left: 426px;}
#arrow3{margin-top: 229px;margin-left: 498px;}
#arrow4{margin-top: 349px;margin-left: 411px;}
#arrow5{margin-top: 390px;margin-left: 361px;}
#arrow6{margin-top: 296px;margin-left: 272px;}
#arrow7{margin-top: 188px;margin-left: 243px;}
#arrow8{margin-top: 207px;margin-left: 354px;}
#arrow9{margin-top: 111px;margin-left: 370px;}
#arrow10{margin-top: 18px;margin-left: 425px;}


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

#im1, #im2, #im3, #im4, #im5, #im6, #im7, #im8, #im9, #im10, #im11, #im12, #im13{width: 153px;position: absolute;z-index:99; display:none; }

#im1{margin-top: 15px;margin-left: 396px;}
#im2{margin-top: 104px;margin-left: 388px;}
#im3{margin-top: 224px;margin-left: 382px;}
#im4{margin-top: 335px;margin-left: 309px;}
#im5{margin-top: 276px;margin-left: 243px;}
#im6{margin-top: 169px;margin-left: 167px;}
#im7{margin-top: 148px;margin-left: 226px;}
#im8{margin-top: 93px;margin-left: 305px;}
#im9{margin-top: -4px;margin-left: 315px;}
#im10{margin-top: -27px;margin-left: 396px;}


.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: 74px;margin-left: 705px;}
#arrow2{margin-top: 156px;margin-left: 587px;}
#arrow2.active_button{margin-top: 156px;margin-left: 587px;}
#arrow3{margin-top: 321px;margin-left: 686px;}
#arrow4{margin-top: 484px;margin-left: 562px;}
#arrow5{margin-top: 529px;margin-left: 499px;}
#arrow6{margin-top: 405px;margin-left: 373px;}
#arrow7{margin-top: 263px;margin-left: 340px;}
#arrow8{margin-top: 287px;margin-left: 490px;}
#arrow9{margin-top: 153px;margin-left: 508px;}
#arrow10{margin-top: 25px;margin-left: 583px;} 

#im1, #im2, #im3, #im4, #im5, #im6, #im7, #im8, #im9{width:205px;}
#im1 { margin-top: 24px;margin-left: 548px; }
#im2 {margin-top: 147px;margin-left: 537px; }
#im3 {margin-top: 311px;margin-left: 530px;} 
#im4 {margin-top: 464px;margin-left: 428px; }
#im5 {margin-top: 383px;margin-left: 338px;   }
#im6 {margin-top: 232px;margin-left: 230px; }
#im7 {margin-top: 206px;margin-left: 313px;  }
#im8 {margin-top: 132px;margin-left: 424px; }
#im9 {margin-top: -4px;margin-left: 434px; }

.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 -647px; background-size:100%;} 
}