html, body {
	height: 100%;
	min-height: 100%;
}
body {
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	font-weight: 400;
	color:#606060;
	background:url(../bg.jpg) no-repeat center center fixed;
	background-size: cover;
}

h1 {
	margin: 0 0 20px 0;
	font-size: 24px;
	font-weight: 700;
}
h3 {
	margin: 0 0 20px 0;
	font-size: 22px;
	font-weight: 400;
}
ul {
	margin: 20px 0 0 10px;
	padding: 0;
	list-style: none;
}
ul li {
	margin-top: 0px;
	font-size: 13px;
}
ul li i {
	font-size: 17px!important;
	vertical-align: inherit;
	margin-right: 8px;
}

.form-control {
	height: auto;
	border: solid 1px #ccc;
	padding: 12px;
	font-size: 15px;
	box-shadow: none!important;
}
.btn-primary {
	background: #e67e22;
	border: solid 1px #d35400;
	background-image: linear-gradient(to bottom, #e67e22, #d35400);
	padding: 10px;
	font-weight: 500;
}
.btn-primary:hover, .btn-primary:focus {
	background: #d35400;
	border: solid 1px #d35400;
}
#wrapper {
	padding-top: 10px;
}
.main {
	
	border-radius: 3px;
       
        color: #000;
	padding: 0px 0;
}

.main1 {
	
	background:url(../images/div_bg.png);
	border-radius: 3px;
       
        color: #FFF;
	padding: 40px 0;
}
.br {
	border-right: solid 2px #ccc;
}

.area {
	padding: 10px 6px 10px 10px;
}
.forgot {
	margin: 10px 0 0 0;
	display: block;
	color: #212121;
	text-decoration: underline;
	font-size: 14px;
}


@media (min-width: 1200px){
	.container {
		width: 1000px;
	}
}

@media (max-width: 700px){
	#wrapper {
		padding: 20px;
	}
	.br {
		border: none;
	}
	.dbb {
		border-bottom: solid 2px #ccc;
	}
}

@media (max-width: 500px){
	#wrapper {
		padding: 10px;
	}
	.br {
		border: none;
	}
	.dbb {
		border-bottom: solid 2px #ccc;
	}
}