html, body, p{
	padding: 0;
	margin: 0;
	width: 100%;
	height: 100%;
	font-family: 'Raleway', sans-serif;
}

body{
	background: url(images/bg.jpg) center no-repeat;
	background-size: cover;
}

section{
	width:600px;
	background-color: white;
	border: 1px solid black;
	margin: 30px auto;
}

h2{
	font-weight: normal;
	font-family: 'Raleway', sans-serif;
	position: relative;
	left: 20px;
	margin: 0;
	padding: 30px;
	
}

div.row{
	margin: 25px 41px;
}


div.row .half{
	width: 49%;
	display: inline-block;
	background-color: lightgreen;
}

div.row2{
	margin:15px 41px;
	
}

div.row2 .half{
	width: 32%;
	display: inline-block;

}

div.country input{
	width: 95%;
	height: 30px;
	border: 1px solid #ddd;

}

div.row3{
	margin:15px 41px;
}

div.row3 .half{
	width: 290%;
	display: inline-block;
	position: relative;
	bottom: 67px;
	left: 90px;
}

div.country3 input{
	width: 95%;
	height: 30px;
	border: 1px solid #ddd;

}


div.names input{
	width: 85%;
	height: 30px;
	border: 1px solid #ddd;
}

div select{
	margin-top: 20px;
	height: 35px;
	width: 75%;
	display: inline-block;
	border: 1px solid #ddd;
}

div img{
	float: left;
	display: inline-block;
	width: 34px;
}
div.adress input{
	border: 1px solid #ddd;
	width: 85%;
	height: 30px;
	margin-left: 40px;
	margin-top: 10px;
	margin-bottom: 5px;
}

div textarea{
	border: 1px solid #ddd;
	margin-left: 40px;
	margin-top: 20px;
	width: 84%;
	resize: none;
	margin-bottom: 31px;
}

div.radio input{
	width: 30px;
	height: 20px;
	position: relative;
	bottom: -4px;
	display: inline-block;
}

div.radio label{
	margin-left: 25px;
	position: relative;
	top: 15px;
}

div.name_card input{
	width: 85%;
	height: 30px;
	border: 1px solid #ddd;
	margin: 40px 41px;
	margin-bottom: 25px;
}

div.card_number{
	display: inline-block;
}

div.card_number input{
	width: 203%;
	height: 30px;
	border: 1px solid #ddd;
	margin-left: 3px;
	display: inline-block;
	float: left;
	position: relative;
	left: 37px;
	bottom: 41px;
}

div.cvc{
	display: inline-block;
}

div.cvc input{
	width: 16%;
	height: 30px;
	border: 1px solid #ddd;
	margin: 40px 41px;
	margin-bottom: 25px;
	display: inline-block;
	margin-left: 125px;
	float: right;
	position: relative;
	bottom: 41px;
	left: 38px;
}

p{
	margin-left: 10px;
	position: relative;
	bottom: 70px;
	left: 31px;
}

div.in_line{
	display: inline-block;
}

.year_div{
	display: inline-block;
	float: right;
	position: relative;
	bottom: 52px;
	left: 37px;
	width: 174px;

}

.year input{
	width: 50%;
	height: 28px;
	position: relative;
	top: 20px;
}

.hr{
	position: relative;
	bottom: 60px;
	
}

hr{
	margin: 0;
}

div.sub input{
	width: 130px;
	height: 40px;
	position: relative;
	bottom: 33px;
	left: 426px;
}

.dark_gray{
	background-color: #F4F4F9;

}

.light_gray{
	background-color: #FAFBFF;

}

form.light_gray section{
	background-color: #FAFBFF;
}

.purple{
	background-color: #B95DCC;
	color: white;
	font-family: 'Raleway', sans-serif;
}

.left{
	position: relative;
	left: 12px;
}

.right{
	position: relative;
	right: 10px;
}

/* .h2{
	padding: 1px;
	margin-bottom: -7px;
	} */