#registration {
	width:100%;
	color:#444;
	font-size:1.05em;
}

#registration ul {
	margin:0;
	padding:10px 0 0 0;
	list-style:none;
	text-indent:none;
}

#registration ul.tabs {
	width:50%;
	text-transform:uppercase;
	color:#444;
	text-align:center;
	font-weight:900;
}

@media screen and (max-width: 800px)
{
#registration ul.tabs {
	width:100%;
}	
}

#registration ul.tabs li {
	float:left;
	margin:0 2% 0 0;
	padding:14px 0;
	border:solid 2px #444;
	width:48%;
	box-sizing:border-box;
	list-style:none;
	clear:none;
	cursor:pointer;
	height:55px;
	font-size:1.1em;
}


#registration ul.tabs li em {
	width:20px;
	height:20px;
	display:none;
	transform: rotate(45deg);
	margin:0 auto;
	background-color:#444;
}

#registration ul.tabs li.active em {
	display:block;
}

#registration ul.tabs li.active, #registration ul.tabs li:hover {
	background-color:#444;
	color:#fff;
}

#registration .twocol {
	padding:30px 0;
	text-align:center;
}

#registration .twocol strong {
	background-color:#f0f0f0;
	display:block;
	width:100%;
	font-weight:700;
	line-height:1.8em;
	color:#444;
	padding:5px 0 15px 0;
	margin-bottom:10px;
	font-size:1.2em;
}

#registration .twocol strong em {
	display:block;
	font-style:normal;
	font-size:2.5em;
	font-weight:900;
}

#registration .twocol .box {
	padding:0 0 20px 0;
	background-color:#fafafa;
	margin-bottom:30px!important;
}

#registration .twocol .box ul {
	margin-bottom:10px;
}

#registration .twocol .box li {
	margin:0 5% 10px 5%;
	padding:0 0 10px 0;
	border-bottom:solid 1px #e9e9e9;
	width:90%;
}

#registration .twocol .box span a {
	display:block;
	font-size:0.9em;
	font-style:italic;
	text-decoration:none;
}

#registration .twocol .box a.home-button {
	width:90%;
	margin:15px 5% 5px 5%;
	box-sizing:border-box;
}

#registration #paytypes {
	width:100%;
	padding:5% 0;
	box-sizing:border-box;
	background-color:#f0f0f0;
	text-align:center;
}

#registration #paytypes span {
	width:100%;
	padding:0;
	display:block;
	margin-top:20px;
}

#registration #paytypes span img {
	margin:0 5px;
}

#registerform form {
	background-color:#fafafa;
	padding:2% 0 2% 2%;
	width:98%;
}

#registerform ul.tabs {
	margin:0;
	padding:0;
	width:100%;
}

#registerform ul.tabs li {
	padding:10px;
	margin:0 2% 30px 0;
	border:solid 1px #444;
	width:49%;
	float:left;
	list-style:none;
	box-sizing:border-box;
	text-align:center;
	font-weight:800;
	font-size:1.2em;
	text-transform:uppercase;
	height:45px;
}

#registerform ul.tabs li:nth-child(2) {
	margin-right:0;
}


#registerform ul.tabs li em {
	width:20px;
	height:20px;
	display:block;
	transform: rotate(45deg);
	margin:0 auto;
	background-color:#444;
}

#registerform ul.tabs li.active, #registration ul.tabs li:hover {
	background-color:#444;
	color:#fff;
}


@media screen and (max-width: 715px)
{
#registerform ul.tabs li {
	font-size:1.1em;
}
#registerform ul.tabs li span {
	display:block;
}
}

@media screen and (max-width: 600px)
{
#registerform form {
	padding:2%;
	width:96%;
}
}

@media screen and (max-width: 550px)
{
#registerform ul.tabs li {
	height:68px;
}
#registerform ul.tabs li span {
	height:45px;
}

}