/* custom forms styles */
.customForm-hidden {
	display: block !important;
	position: absolute !important;
	left:-9999px !important;
}
/* custom checkbox styles */
.chk-area {
	margin: 0 12px 0 0;
	float: left;
	height: 19px;
	width: 19px;
	border:2px solid #9a9a9a;
	position:relative;
	border-radius:2px;
}
.chk-area span {
	position:absolute;
	width: 21px;
	height:16px;
	opacity:0;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	background:url(/images/2016/ico-03.svg) no-repeat;
	background-size:21px 16px;
	top:-1px;
	right:-8px;
}
.chk-checked span {opacity:1;}
/* radio button styles */
.rad-area {
	margin: 1px 11px 0 0;
	float: left;
	height: 17px;
	width: 17px;
	border:2px solid #9a9a9a;
	border-radius:100%;
	padding:3px;
}
.rad-area span {
	display: block;
	height:100%;
	border-radius:100%;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.rad-checked span {background:#671b49;}
/* custom select styles */
.select-area {
	position: relative;
	overflow: hidden;
	margin: 0;
	width:auto !important;
	background:#f2f2f2;
	border: 1px solid #d0d0d0;
	color: #333;
	font-size:16px;
	line-height: 19px;
	height: 40px;
	border-radius: 5px;
}
.select-area .select-opener {
	position: absolute;
	cursor:pointer;
	top: 50%;
	right: 33px;
	z-index: 3;
	margin: -6px 0 0;
	width: 9px;
	height: 9px;
	border-left: 2px solid #3b3b3b;
	border-bottom: 2px solid #3b3b3b;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.select-area .select-opener:hover {
	text-decoration: none;
}
.select-area .left {display:none;}
.select-area .center {
	display: block;
	position: relative;
	z-index: 2;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	cursor: default;
	padding: 9px 55px 10px 15px;
	color: inherit;
}
.options-overflow div.drop-list {overflow: auto;}
.options-hidden {
	position: absolute !important;
	top: -9999px !important;
	left: -9999px !important;
}
.select-options {
	z-index: 999;
	position: absolute;
	margin:-5px 0 0;
}
.select-options-flipped {margin:5px 0 0;}
.select-options .drop-holder {
	background: #f2f2f2;
	overflow:hidden;
	position:relative;
	border-radius: 0 0 5px 5px;
	border: solid #d0d0d0;
	border-width:0 1px 1px;
	padding:5px 0 0;
}
.select-options-flipped .drop-holder {
	border-width:1px 1px 0;
	border-radius:5px 5px 0 0;
	padding:0 0 5px;
}
.select-options div.drop-list {width: 100%;}
.select-options ul {
	overflow: hidden;
	list-style: none;
	width: 100%;
	padding: 0;
	margin: 0;
	position:relative;
	z-index:2;
}
.select-options ul a {
	text-decoration: none;
	cursor: default;
	display: block;
	overflow: hidden;
	color: #4a4a4a;
	font-size:16px;
	line-height:20px;
	position:relative;
	padding: 9px 15px 10px;
}
.select-options .item-selected a {
	text-decoration: none;
	background: #fff;
	z-index:3;
}
.select-options ul a:hover {text-decoration: none;}
.select-options ul a:focus {outline: none;}
/* select-cs2 */
.select-cs2 {
	background: #4cb8d5;
	color: #fff;
	text-align: left;
	border-radius: 25px;
	border: 0;
	height: 50px;
}
.select-cs2 a {
	color: inherit;
}
.select-cs2 .center {
	color: inherit;
	padding: 15px 90px 15px 20px;
}
.select-cs2 .center img {
	position: absolute;
	top: 0;
	right: 55px;
	bottom: 0;
	margin: auto 0;
	width: 30px;
	height: auto;
}
.select-cs2 .select-opener {
	background: none;
	top: 0;
	bottom: 0;
	right: 0;
	margin: 0;
	width: 37px;
	height: auto;
	text-align: left;
	border: 0;
	-webkit-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none;
}
.select-cs2 .select-opener:before {
	content: '\f078';
	font: 20px/1em 'FontAwesome';
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -.55em;
}
.drop-cs2 {
	margin:2px 0 0;
}
.drop-cs2.select-options-flipped {margin:-2px 0 0;}
.drop-cs2 .drop-holder {
	border: 0;
	border-radius: 25px;
	background: #4cb8d5;
	color: #fff;
	padding:0;
}
.drop-cs2.select-options-flipped .drop-holder {
	border: 0;
	padding:0;
}
.drop-cs2 .item-selected a {
	background: #661b49;
	color:#fff;
}
.drop-cs2 ul a {
	padding-left: 20px;
	padding-right: 55px;
	position: relative;
	color: inherit;
}
.drop-cs2 ul a img {
	position: absolute;
	top: 0;
	right: 20px;
	bottom: 0;
	margin: auto 0;
	width: 30px;
	height: auto;
}