@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700);

body{
	width:100%;
	background-color:#fff;
	font-family:Calibri;
	margin:auto;
	overflow-y:scroll;
	overflow-x:hidden;
}

.container{
	margin-top: 50px;
	width: 100%;
	}
.container form{
	margin-top: 250px;
	width: 100%;
	}	
h1{
	margin-top: 10px;
	font-family: "Lato";
	font-weight: 300;
	text-transform: capitalize;
	font-size: 40px;
}
.container input{
	width:110px;
	font-family:"Lato";
	border: 3px solid #102348;
}
.container button{
	background-color:#102348;
	border: 3px solid #102348;
	color:#fff;
	padding: 0px;
	width:100px;
	font-family:"Lato";
	font-size:17px;
	margin-left:3px;
}
.container button:hover{
	color:#ccc;
	}


.footer{
	margin: -15px auto auto auto;
	width: 350px;
	font-family: "Lato";
	font-size: 13px;
	text-align: left;
	color: #333;
	line-height: 20px;
}
.nore{
	font-family: "Lato";
	margin-top:62px;
}

.footer1{
	margin: -15px auto auto auto;
	width: 350px;
	font-family: "Lato";
	font-size: 13px;
	text-align: left;
	color: #333;
	line-height: 20px;
}
.container img{
	width: 250px;
	height: auto;
}

.data-container{
	width: 25%;
	background: #fff;
	padding: 30px;
	margin: -55px auto auto auto;
}
.data-container img{
	width:680px;
	margin-left:0px;

}
.data-container button{
	background-color:#102348;
	border: 3px solid #102348;
	color:#fff;
	padding: 0px;
	width:100px;
	margin-left:3px;
	text-decoration:none;
	font-family:"Lato";
	font-size:17px;
}
.data-container button:hover{
	background-color:#102348;
	border: 3px solid #102348;
	color:#ccc;
	padding: 0px;
	width:100px;
	margin-left:3px;
	text-decoration:none;
	font-family:"Lato";
	font-size:17px;
}

.btn_container{
	width:42%;
	
	}

.data-container button a{
	color:#fff;
	padding: 0px;
	font-family:"Lato";
	font-size:15px;
	margin-left:3px;
	text-decoration:none;
	font-family:"Lato";
	font-size:17px;
}
.data-container button a:hover{
	color:#ccc;
	padding: 0px;
	font-family:"Lato";
	font-size:15px;
	margin-left:3px;
	text-decoration:none;
	font-family:"Lato";
	font-size:17px;
}


.data-box{
	margin-top: 10px;
	padding-bottom: 50px;
	width: 100%;
}

.data-box p{
	margin-top:10px;
	padding-bottom:15px;
	width: 100%;
}

.data-box p img{
	
	padding-bottom:15px;
	width: 700px;
	margin-left:0px;
}


input{
	padding: 0px 20px;
	width: 300px;
	height:40px;
	font-size:15px;
}

button{
	width: 100px;
	height:44px;
	font-size:15px;
}
.right{
	width:150px;
	text-transform:uppercase;
	text-align:right;
	float:left;
	font-weight:bold;
}

.content{
	width:650px;
	text-transform:uppercase;
	text-align:left;
	float:right;
	
	}
	
.img{
	width:50px;
	height:50px;
	float:left;
	
	}
.exit{
	float:left;
	}	
	
.continue{
	float:right;
	}	

@media only screen and (max-width:1200px) {
	
body{
	
	margin:auto;
	overflow-y:scroll;
	overflow-x:hidden;
	
}
.container img{
	width:28%;
	height:auto;
}


.btn_container{
	width:80%;
	
	}
.data-box{
	padding-bottom:0px;
	width:100%;
	margin-left:-5px;
	margin-top:10px;
	}

.data-box p img{
	margin-left:-20px;
	width:110%;
	height:auto;
	
	}
.data-box p{	
	width:80%;
	margin-left:20px;
	margin-top:-10px;
	padding-bottom:5px;
	}
	
.data-container{
	width:80%;
	background:#fff;
	padding:30px;
	margin:5px auto auto auto;
}
.footer{
	margin: -15px auto auto auto;
	width: 350px;
	font-family: "Lato";
	font-size: 11px;
	text-align: left;
	color: #333;
	line-height: 20px;
}
h1{
	margin-top: 10px;
	font-family: "Lato";
	font-weight: 300;
	text-transform: capitalize;
	font-size: 32px;
}

}

	
@media only screen and (max-width:720px) {
	
body{
	
	margin:auto;
	overflow-y:scroll;
	overflow-x:hidden;
	
}
.container img{
	width:60%;
	height:auto;
}


.btn_container{
	width:80%;
	
	}
.data-box{
	padding-bottom:0px;
	width:100%;
	margin-left:-5px;
	margin-top:10px;
	}

.data-box p img{
	margin-left:-20px;
	width:110%;
	height:auto;
	
	}
.data-box p{	
	width:80%;
	margin-left:20px;
	margin-top:-10px;
	padding-bottom:5px;
	}
	
.data-container{
	width:80%;
	background:#fff;
	padding:30px;
	margin:5px auto auto auto;
}
.footer{
	margin: -15px auto auto auto;
	width: 350px;
	font-family: "Lato";
	font-size: 11px;
	text-align: left;
	color: #333;
	line-height: 20px;
}
h1{
	margin-top: 10px;
	font-family: "Lato";
	font-weight: 300;
	text-transform: capitalize;
	font-size: 32px;
}

}