input, textarea{
	font-family: 		'Raleway' , seans-serif;
}

form{
	position:			relative
}

/************************************/
/*	CUSTOM CHECKBOX STYLE			*/
/************************************/

.checkbox.medium input[type="checkbox"]{
	display:			none;
}

.checkbox.medium {
	position: 			relative;
	display:			inline-block;
	vertical-align:		top;	
}

.checkbox.medium label {
	display: 			block;
	height: 			28px;
	text-align:			left;
	font-size:			16px;
	color:				#585858;
	cursor: 			pointer;
	position:			relative;
	opacity:			1;
}

.checkbox.medium label span.field{
	background-color:	#ffffff;
	position:			absolute;
	width:				26px;
	height:				26px;
	border:				dashed 1px #c6c6c6;
	border-radius:		8px;
	font-weight: 		400;
	font-size:			16px;
	moz-transition: 	all 0.4s ease-out;
	-webkit-transition: all 0.4s ease-out;
	-o-transition: 		all 0.4s ease-out;
	-ms-transition: 	all 0.4s ease-out;
	transition: 		all 0.4s ease-out;
}

.checkbox.medium label span.field.error{
	border:				dashed 1px #e30075;
	-webkit-box-shadow: 0px 0px 7px 0px rgba(222,0,122,1), inset 0px 0px 7px 0px rgba(222,0,122,1);
	-moz-box-shadow: 	0px 0px 7px 0px rgba(222,0,122,1), inset 0px 0px 7px 0px rgba(222,0,122,1);
	box-shadow: 		0px 0px 7px 0px rgba(222,0,122,1), inset 0px 0px 7px 0px rgba(222,0,122,1);
}

.checkbox.medium label span{
	display:			inline-block;
	vertical-align:		middle;
	font-weight:		300;
}

.checkbox.medium label a{
	display:			inline-block;
	vertical-align:		middle;
	font-weight:		300;
	text-decoration:	underline;
}

.checkbox.medium label img{
	position:			relative;
	display:			inline-block;
	vertical-align:		middle;
	margin-right:		10px;
	opacity:			0;
	moz-transition: 	all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	-o-transition: 		all 0.2s ease-out;
	-ms-transition: 	all 0.2s ease-out;
	transition: 		all 0.2s ease-out;
}


.checkbox.medium input[type=checkbox]:checked + label img{
	opacity:			1;		
}


/************************************/
/*	CUSTOM SMALL CHECKBOX 			*/
/************************************/

.checkbox.small input[type="checkbox"]{
	display:			none;
}

.checkbox.small {
	position: 			relative;
	display:			inline-block;
	vertical-align:		top;	
}

.checkbox.small label {
	display: 			block;
	height: 			28px;
	text-align:			left;
	font-size:			14px;
	color:				#585858;
	cursor: 			pointer;
	position:			relative;
	opacity:			1;
}


.checkbox.small label span.field{
	background-color:	#ffffff;
	position:			absolute;
	width:				20px;
	height:				20px;
	border:				dashed 1px #c6c6c6;
	border-radius:		8px;
	font-weight: 		400;
	font-size:			16px;
	moz-transition: 	all 0.4s ease-out;
	-webkit-transition: all 0.4s ease-out;
	-o-transition: 		all 0.4s ease-out;
	-ms-transition: 	all 0.4s ease-out;
	transition: 		all 0.4s ease-out;
}

.checkbox.small label span.field.error{
	border:				dashed 1px #e30075;
	-webkit-box-shadow: 0px 0px 7px 0px rgba(222,0,122,1), inset 0px 0px 7px 0px rgba(222,0,122,1);
	-moz-box-shadow: 	0px 0px 7px 0px rgba(222,0,122,1), inset 0px 0px 7px 0px rgba(222,0,122,1);
	box-shadow: 		0px 0px 7px 0px rgba(222,0,122,1), inset 0px 0px 7px 0px rgba(222,0,122,1);
}

.checkbox.small label span{
	display:			inline-block;
	vertical-align:		middle;
	font-weight:		300;
}

.checkbox.small label a{
	display:			inline-block;
	vertical-align:		middle;
	font-weight:		300;
	text-decoration:	underline;
}

.checkbox.small label img{
	display:			inline-block;
	position:			relative;
	vertical-align:		middle;
	margin-right:		10px;
	opacity:			0;
	moz-transition: 	all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	-o-transition: 		all 0.2s ease-out;
	-ms-transition: 	all 0.2s ease-out;
	transition: 		all 0.2s ease-out;
}


.checkbox.small input[type=checkbox]:checked + label img{
	opacity:			1;		
}



/************************************/
/*	INPUT							*/
/************************************/

input{
	background-color: 	#ffffff;
	border: 			dashed 1px #c6c6c6;
	border-radius: 		13px;
	padding:			5px 10px;
	color: 				#585858;
	font-family: 		'Raleway' , seans-serif;
	font-weight: 		400;
	font-size: 			14px;
	moz-transition: 	all 0.4s ease-out;
	-webkit-transition: all 0.4s ease-out;
	-o-transition: 		all 0.4s ease-out;
	-ms-transition: 	all 0.4s ease-out;
	transition: 		all 0.4s ease-out;	
}

/************************************/
/*	SELECT							*/
/************************************/

select{
	background-color: 	#ffffff;
	background-image: 	url('/img/registration/arrow.png');
	background-repeat: 	no-repeat;
	background-position: right -2px;
	border: 			1px dashed #C6C6C6;
	border-radius: 		13px;
	padding: 			5px 10px;
	width: 				233px;
	color: 				#585858;
	font-family: 		"Raleway",seans-serif;
	font-weight: 		400;
	font-size: 			14px;
	transition: 		all 0.4s ease-out 0s;
	-webkit-appearance: none;
	-moz-appearance: 	none;
	appearance:			none;
	text-indent: 		0.01px;
	text-overflow: 		"";
}

select.selectThin{
	width:				80px
}

@-moz-document url-prefix() {
  select {
    overflow:			hidden;
  }
}

select:hover{
	cursor:				pointer
}

/************************************/
/*	SELECT							*/
/************************************/

textarea{
	display:			block;
	background-color: 	#ffffff;
	border: 			dashed 1px #c6c6c6;
	border-radius: 		10px;
	padding:			5px 10px;
	color: 				#585858;	
	width:				calc(100% - 22px);
	max-width:			calc(100% - 22px);
	min-height:			50px;
	font-size:			14px;
	resize:				none
}

/************************************/
/*	SUBMIT FORM BUTTON				*/
/************************************/

input[type="submit"], input[type="button"]{
	background-color:	#2f2f2f;
	color:				#ffffff;
	border-radius:		10px;
	padding:			3px 38px 3px 15px;
	line-height:		24px;
	background-image:	url(/img/form/rightArrow.png);
	background-repeat:	no-repeat;
	background-position:right;
	border:				0px;
	moz-transition: 	all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	-o-transition: 		all 0.2s ease-out;
	-ms-transition: 	all 0.2s ease-out;
	transition: 		all 0.2s ease-out;
	
}

input[type="submit"]:hover, input[type="button"]:hover{
	background-color:	#e30075!important;
	cursor:				pointer
}


/************************************/
/*	ERRORS							*/
/************************************/

input.error{
	border:				dashed 1px #e30075;
	-webkit-box-shadow: 0px 0px 7px 0px rgba(222,0,122,1), inset 0px 0px 7px 0px rgba(222,0,122,1);
	-moz-box-shadow: 	0px 0px 7px 0px rgba(222,0,122,1), inset 0px 0px 7px 0px rgba(222,0,122,1);
	box-shadow: 		0px 0px 7px 0px rgba(222,0,122,1), inset 0px 0px 7px 0px rgba(222,0,122,1);
}


.moseOverError{
	background-color:	#e30074;
	color:				#FFFFFF;
	padding:			4px 7px;
	border-radius:		7px;
	font-size:			12px;
	opacity:			0;
	position:			absolute;
	moz-transition: 	all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-o-transition: 		all 0.3s ease-out;
	-ms-transition: 	all 0.3s ease-out;
	transition: 		all 0.3s ease-out;
}

label:hover > .moseOverError{
	opacity:			1
}

/************************************/
/*	SLIDE CHECKBOX					*/
/************************************/
.slideCheckbox {
	display:			inline-block;
	vertical-align:		middle;
	width: 				55px;
	height: 			26px;
	position:			relative
}

.slideCheckbox input[type="checkbox"]{
	display:			none
}

.slideCheckbox .bg{
	background-color:	#ef0000;
	width:				100%;
	height:				16px;
	border-radius:		10px;
	margin: 			4px 0px;
	-webkit-transition: all .4s ease;
	-moz-transition: 	all .4s ease;
	-o-transition: 		all .4s ease;
	-ms-transition: 	all .4s ease;
	transition: 		all .4s ease;
}

.slideCheckbox .on, .slideCheckbox .off{
	position:			absolute;
	display:			inline-block;
	font-size:			12px;
	line-height:		12px;
	color:				#ffffff;
	top:				6px;
	left:				10px;
	opacity:			0;
	-webkit-transition: all .4s ease;
	-moz-transition: 	all .4s ease;
	-o-transition: 		all .4s ease;
	-ms-transition: 	all .4s ease;
	transition: 		all .4s ease;
}

.slideCheckbox .off{
	left:				auto;
	right:				10px;
	opacity:			1
}

.slideCheckbox label {
	cursor: 			pointer;
	position: 			absolute;
	top: 				0px;
	left: 				5px;
	z-index: 			1;
	display: 			block;
	width: 				16px;
	height: 			24px;
	border-radius: 		15px;
	background-color:	#ffffff;
	background-image:	url(/img/form/slideCheckboxBh.png);
	background-position:center;
	background-repeat:	no-repeat;
	
	webkit-box-shadow: 	0px 1px 7px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 	0px 1px 7px 0px rgba(0,0,0,0.3);
	box-shadow: 		0px 1px 7px 0px rgba(0,0,0,0.3);
	
	-webkit-transition: all .4s ease;
	-moz-transition: 	all .4s ease;
	-o-transition: 		all .4s ease;
	-ms-transition: 	all .4s ease;
	transition: 		all .4s ease;
	

}

.slideCheckbox input[type=checkbox]:checked ~ label {
	left: 			34px;
}

.slideCheckbox input[type=checkbox]:checked ~ .bg{
	background-color:		#307E00
}

.slideCheckbox input[type=checkbox]:checked ~ .on{
	opacity:				1
}

.slideCheckbox input[type=checkbox]:checked ~ .off{
	opacity:				0
}


/************************************/
/*	ROUND RADIO						*/
/************************************/

.roundRadio {
	background-color: 		#ffffff;
	display:				inline-block;
	width: 					20px;
	height: 				20px;
	border: 				dashed 1px #c6c6c6;
	border-radius: 			50px;
	position: 				relative;
}

.roundRadio input[type="radio"]{
	visibility:				hidden
}

.roundRadio label {
	cursor:					pointer;
	position: 				absolute;
	width:					20px;
	height:					20px;
	top:					0;
	left:					0	
}

.roundRadio label:after{
	position: 				absolute;
	content:				'';
	width: 					12px;
	height: 				12px;
	-webkit-border-radius: 	50px;
	-moz-border-radius: 	50px;
	border-radius: 			50px;
	left: 					4px;
	top: 					4px;
	background-color:		transparent;
	-webkit-transition: 	all .4s ease;
	-moz-transition: 		all .4s ease;
	-o-transition: 			all .4s ease;
	-ms-transition: 		all .4s ease;
	transition: 			all .4s ease;
}

.roundRadio input[type=radio]:hover + label:after {
	background-color:		#d6d6d6
}

.roundRadio input[type=radio]:checked + label:after {
	background-color:		#de007a
}




label > h5{
	color: 					#9f9f9f;
	font-size: 				12px;
	margin-left: 			10px;
	margin-bottom: 			2px
}