* {
  box-sizing:border-box;
}

@media print {  
  @page {
    //size: 297mm 210mm; /* landscape */
    /* you can also specify margins here: */
    margin: 5mm 15mm;
    //margin-right: 45mm;  /* for compatibility with both A4 and Letter */
	//size: A4 landscape;
	//size: 86mm 54mm; /* card size */
	size: A4;
  }
  
}


@media print,screen {
  
	body {  

		font-family: "HelveticaNeue-CondensedBold", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
		
	}

	.back1 {
		
		padding:8px;
		margin:12px 25px;
		position: relative; 	
		height:290px;
		width:458px;
		background-color:#2e3192;
		//zoom:.7;
		
		//border-radius:15px;
		
		
	}
	
	.back2 {
		position: absolute; 

			
		height:260px;
		width:437px;
		margin-top:10px;
		background-color:white;
		
		

		border-radius:12px;
		display:block;
		
		}
		
	.background {
		
		
		position: relative; 
		//background-image: url(images/background.jpg);	
		height:275px;
		width:442px;
		
		background-size: 442px;
		background-repeat: y-repeat;
		border-radius:15px;
		
		font-size:13px;
		color:#333;
		border:3px solid #2e3192;
		float:left;
		}

	.logo {
		position: relative; 
		background-image: url(../img/nims_logo.png);
		top:-5px;
		left:-10px;
		height:50px;
		width:130px;
		background-size: 150px;
		background-repeat: no-repeat;
		background-position: center;
		background-size: 135px 50px;
		z-index:10;
		
	}
		
	.head{
		position: absolute; 
		left: -1px; 
		top: -1px; 
		z-index:1;
		height:65px;
		width:440px;
		background-color:#2e3192;
		border:1px solid #2e3192;
		border-radius:15px 15px 0px 0px;
		
	}

	.student{
		position: absolute; 
		left: 20px; 
		top: 20px;
		font-size:20px;
		font-style:black;
	}
	.signature {
		position: absolute; 
		left: 300px; 
		top: 160px;
		z-index:2;
	}

	.location {position: absolute; left: 140px; top: 12px; color:white; z-index:2;}
	.web{position: absolute; left: 0px; top: 42px; font-weight:bold; color:white; z-index:10; }

	.name {position: absolute; left: 50px; top: 70px;Font-family:"Serifa BT";}

	.roll {position: absolute; left: 50px; top: 110px; Font-family:"Serifa BT";}
	.section {position: absolute; left: 200px; top: 110px; Font-family:"Serifa BT";}

	.address {position: absolute; left: 50px; top: 150px;Font-family:"Serifa BT";}

	.principal{position: absolute; left: 325px; top: 200px;Font-family:"Serifa BT";}

	.dob {position: absolute; left: 50px; top: 190px;Font-family:"Serifa BT";}
	.valid {position: absolute; left: 200px; top: 190px;Font-family:"Serifa BT";}

	h2{
		font-size:15px;
		line-height: 20%;
		font-family: "arial", Times, serif;
		font-weight:bold;
		
	}

	h3{
		font-size:14px;
		line-height: 0;
		color:#2e3192; 
		font-family: "arial", Times, serif;
		
	}

	h4{
		text-decoration: overline;
		font-size:16px;
		line-height: 0;
		
	}
	.vertical-text h5{
		font-size:14px;
		color:white;
		margin:5px;
		
	}

	.slogon h5{
		font-size:12px;
		color:white;
		margin:5px;
		text-decoration: overline;
		
	}


	.photo{
		position:absolute;
		left:300px;
		top: 35px;
		z-index:1;
		 
	}

	.photo img{
		border-radius: 15px;
		border: 3px solid #fff;
		box-shadow: 0 0px 20px rgba(0,0,0,.5);
		-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.5);
		-moz-box-shadow: 0 3px 6px rgba(0,0,0,.5);
		
	}

	b{
	color:#2e3192;
	}

	.vertical-text b{
		color:white;
	}

	.vertical-text {
		position:absolute;
		width:210px;
		height:30px;
		left:3px;
		top: 267px;
		background-color:#2e3192;
		
		transform: rotate(-90deg);
		transform-origin: left top 0;	
		color:white;
		border-right:1px solid #2e3192; 
		
		padding:0px;
		text-align:center;
		border-radius:10px 0px 0px 0px;
		z-index:2;	
	}


	.slogon {
		position:absolute;
		width:408px;
		height:27px;
		left:26px;
		top: 240px;
		background-color:#ed1c24;
		
		padding:3px;
		text-align:center;
		z-index:1;	
		border-radius: 0px 0px 10px 0px;
	}


	.background1 {
		background-image: -moz-linear-gradient(45deg, #666 25%, transparent 25%), 
			-moz-linear-gradient(-45deg, #666 25%, transparent 25%), 
			-moz-linear-gradient(45deg, transparent 75%, #666 75%), 
			-moz-linear-gradient(-45deg, transparent 75%, #666 75%);
		background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, #666), color-stop(.25, transparent)), 
			-webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #666), color-stop(.25, transparent)), 
			-webkit-gradient(linear, 0 100%, 100% 0, color-stop(.75, transparent), color-stop(.75, #666)), 
			-webkit-gradient(linear, 0 0, 100% 100%, color-stop(.75, transparent), color-stop(.75, #666));
		background-image: -webkit-linear-gradient(45deg, #666 25%, transparent 25%), 
			-webkit-linear-gradient(-45deg, #666 25%, transparent 25%), 
			-webkit-linear-gradient(45deg, transparent 75%, #666 75%), 
			-webkit-linear-gradient(-45deg, transparent 75%, #666 75%);
		background-image: -o-linear-gradient(45deg, #666 25%, transparent 25%), 
			-o-linear-gradient(-45deg, #666 25%, transparent 25%), 
			-o-linear-gradient(45deg, transparent 75%, #666 75%), 
			-o-linear-gradient(-45deg, transparent 75%, #666 75%);
		background-image: linear-gradient(45deg, #666 25%, transparent 25%), 
			linear-gradient(-45deg, #666 25%, transparent 25%), 
			linear-gradient(45deg, transparent 75%, #666 75%), 
			linear-gradient(-45deg, transparent 75%, #666 75%);
		-moz-background-size: 2px 2px;
		background-size: 1px 1px;
		-webkit-background-size: 2px 2.1px; /* override value for webkit */
		background-position: 0 0, 1px 0, 1px -1px, 0px 1px
		
	}

	.card{
		//position: absolute; 
		//background-image: url(../img/nims_logo.png);
		top:0px;
		left:0px;
		height:170px;
		width:335px;

		background-size: 300px;
		background-repeat: no-repeat;
		background-position: center;
		opacity:.1;
		z-index:-1;
	}

	.curve{
		position: absolute;
		top:91px;
		left:14px;
		height:150px;
		width:420px;
		

		 
		background-image: url("../img/bottom_right.png");
		background-size: 100px;
		background-position: right bottom; 
		background-repeat: no-repeat;
		z-index:0;
	}
}