.step3 *:before,.step3 *:after {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
     
.step3 input, .step3 input:before, .step3 input:after {
    -webkit-user-select: initial;
    -khtml-user-select: initial;
    -moz-user-select: initial;
    -ms-user-select: initial;
    user-select: initial;
}

.step3 ::selection { background: transparent;color:inherit; }
.step3 ::-moz-selection { background: transparent;color:inherit; }

.step3 #canvas{
    position: absolute;
	top: 0 !important;
	left: 33% !important;
	width: auto !important;
    height: 100% !important;
	/* max-width: 455px; */
	border-left:10px solid #fff;
	border-right:10px solid #fff; 
}

.step3 canvas {
    image-rendering: optimizeSpeed;
    image-rendering:-o-crisp-edges;
    image-rendering:-webkit-optimize-contrast;
    -ms-interpolation-mode: nearest-neighbor;
	-ms-touch-action: none;
}

.step3 .ani_hack{
    -webkit-perspective: 1000;
    -webkit-backface-visibility: hidden;
    
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: none;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0); /* mobile webkit */
}


.step3 .check-fonts{
        position: fixed;
        opacity:0;
}

.step3 .check-font-1{
        font-family: 'arialbold';
}

@font-face {
    font-family: 'arialbold';
    src: url('arialbd-webfont.eot');
    src: url('arialbd-webfont.eot?#iefix') format('embedded-opentype'),
         url('arialbd-webfont.woff2') format('woff2'),
         url('arialbd-webfont.woff') format('woff'),
         url('arialbd-webfont.ttf') format('truetype'),
         url('arialbd-webfont.svg#arialbold') format('svg');
    font-weight: normal;
    font-style: normal;

}


@media screen and (max-width: 1199px){
	.step3 #canvas{ 
	 max-width:377px
	}
}

@media screen and (max-width: 991px){
	.step3 #canvas{ 
	 /* max-width:320px */
	}
}
@media screen and (max-width:767px){
	.step3 #canvas{ 
	 /* max-width:100%; */
	 margin-top:30px;
     border:5px solid #fff;
     border-radius:5px;
     top: inherit !important;
	 height: 60% !important;
	 width: auto !important;
        left: inherit !important;
	}
}