.formbox {
	margin: 20px auto;
	padding:20px;
	background-color: #ebebeb;
	-webkit-border-radius: 8px/7px;
	-moz-border-radius: 8px/7px;
	border-radius: 8px/7px;
	-webkit-box-shadow: 1px 2px 5px rgba(119, 119, 119, 0.75);
	-moz-box-shadow: 1px 2px 5px rgba(119, 119, 119, 0.75);
	box-shadow: 0 0 10px 2px rgba(119, 119, 119, 0.75);
	border: solid 1px #cbc9c9;
	
}
.formbox h1 {
	font-size: 32px;
	font-weight: 300;
	color: #4c4c4c;
	text-align: center;
	margin-bottom: 10px;
	border-bottom:#cbc9c9 solid 1px;
}
.formbox input[type=radio] {
	visibility: hidden;
}
.formbox label.radio {
	cursor: pointer;
	font-weight:normal;
	text-indent: 35px;
	overflow: visible;
	display: inline-block;
	position: relative;
	margin:0;
	padding:0;
}
.formbox label.radio:before {
	background: #18BA60;
	content:'';
	position: absolute;
	top:2px;
	left: 0;
	width: 20px;
	height: 20px;
	border-radius: 100%;
}
.formbox label.radio:after {
	opacity: 0;
	content: '';
	position: absolute;
	width: 0.65em;
	height: 0.4em;
	background: transparent;
	top: 7.5px;
	left: 5px;
	border: 3px solid #ffffff;
	border-top: none;
	border-right: none;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.formbox input[type=radio]:checked + label:after {
	opacity: 1;
}
.formbox hr {
	color: #a9a9a9;
	opacity: 0.3;
	margin: 10px 0;
	border-top: 1px solid #a9a9a9;
}
.formbox-input{
	width:90%;
	-webkit-border-radius: 0px 4px 4px 0px/5px 5px 4px 4px;
	-moz-border-radius: 0px 4px 4px 0px/0px 0px 4px 4px;
	border-radius: 0px 4px 4px 0px/5px 5px 4px 4px;
	background-color: #fff;
	-webkit-box-shadow: 1px 2px 5px rgba(0, 0, 0, .09);
	-moz-box-shadow: 1px 2px 5px rgba(0, 0, 0, .09);
	box-shadow: 1px 2px 5px rgba(0, 0, 0, .09);
	border: solid 1px #cbc9c9;
	margin-left:-5px;
	padding:10px 0 9px 10px;
}
.formbox #icon {
	width:10%;
	padding:15px;
	text-align:center;
	display: inline-block;
	background-color: #18BA60;
	-webkit-border-radius: 4px 0px 0px 4px;
	-moz-border-radius: 4px 0px 0px 4px;
	border-radius: 4px 0px 0px 4px;
	color: white;
	-webkit-box-shadow: 1px 2px 5px rgba(0, 0, 0, .09);
	-moz-box-shadow: 1px 2px 5px rgba(0, 0, 0, .09);
	box-shadow: 1px 2px 5px rgba(0, 0, 0, .09);
	border: solid 0px #cbc9c9;
}
.contactbox {
	margin: 20px auto;
	padding:20px;
	background-color: #ebebeb;
	-webkit-border-radius: 8px/7px;
	-moz-border-radius: 8px/7px;
	border-radius: 8px/7px;
	-webkit-box-shadow: 1px 2px 5px rgba(119, 119, 119, 0.75);
	-moz-box-shadow: 1px 2px 5px rgba(119, 119, 119, 0.75);
	box-shadow: 0 0 10px 2px rgba(119, 119, 119, 0.75);
	border: solid 1px #cbc9c9;
	
}
.contactbox-input{
	width:100%;
	-webkit-border-radius: 0px 4px 4px 0px/5px 5px 4px 4px;
	-moz-border-radius: 0px 4px 4px 0px/0px 0px 4px 4px;
	border-radius: 0px 4px 4px 0px/5px 5px 4px 4px;
	background-color: #fff;
	-webkit-box-shadow: 1px 2px 5px rgba(0, 0, 0, .09);
	-moz-box-shadow: 1px 2px 5px rgba(0, 0, 0, .09);
	box-shadow: 1px 2px 5px rgba(0, 0, 0, .09);
	border: solid 1px #cbc9c9;
	margin-left:-5px;
	padding:10px 0 9px 10px;
}
.contactbox #icon {
	width:100%;
	padding:10px 0 10px 0px;
	display: inline-block;
	background-color: #18BA60;
	-webkit-border-radius: 4px 0px 0px 4px;
	-moz-border-radius: 4px 0px 0px 4px;
	border-radius: 4px 0px 0px 4px;
	color: white;
	-webkit-box-shadow: 1px 2px 5px rgba(0, 0, 0, .09);
	-moz-box-shadow: 1px 2px 5px rgba(0, 0, 0, .09);
	box-shadow: 1px 2px 5px rgba(0, 0, 0, .09);
	border: solid 0px #cbc9c9;
	text-align:center;
	position: relative;
}
.contactbox #icon:after {
	content: " ";
	top:0;
	left: 100%;
	position: absolute;
	width: 0;
	height: 0;
	border-top: 22px solid transparent;
	border-bottom: 22px solid transparent;
	border-left: 22px solid green;
}
.arrow-up {
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid black;
}
.arrow-down {
	width: 0;
	height: 0;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 20px solid #f00;
}
.arrow-right {
	width: 0;
	height: 0;
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	border-left: 20px solid green;
}
.arrow-left {
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-right:10px solid blue;
}
 @media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {
 .formbox #icon {
 display:none;
}
 .formbox input[type=text], input[type=password] {
 width:100%;
}
 .contactbox #icon, .contactbox #icon:after {
 display:none;
}
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
 .formbox #icon {
 display:none;
}
 .formbox input[type=text], input[type=password] {
 width:100%;
}
 .contactbox #icon, .contactbox #icon:after {
 display:none;
}
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
 .formbox #icon {
 display:none;
}
 .formbox input[type=text], input[type=password] {
 width:100%;
}
 .contactbox #icon, .contactbox #icon:after {
 display:none;
}
}