/*** 

====================================================================
	Consult Form
====================================================================

 ***/

.support-form{
	position:relative;
}

.support-form .row{
	
}

.support-form .row .column{
	padding:0px 20px;
}

.support-form .form-group{
	position:relative;
	margin-bottom:25px;
}

.support-form .form-group input[type="text"],
.support-form .form-group input[type="tel"],
.support-form .form-group input[type="email"],
.support-form .form-group select{
	position:relative;
	display:block;
	width:100%;
	line-height:28px;
	padding:10px 0px;
	color:#ffffff;
	height:50px;
	font-size:15px;
	background:none;
	border-bottom:1px solid rgba(255,255,255,0.50);
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
	font-family: 'Hind', sans-serif;
}

.support-form .form-group input[type="text"]:focus,
.support-form .form-group input[type="tel"]:focus,
.support-form .form-group input[type="email"]:focus,
.support-form .form-group textarea:focus{
	border-color:var(--theme-color);
}

.support-form .form-group textarea::-webkit-input-placeholder,
.support-form .form-group input::-webkit-input-placeholder{
	color:#ffffff;
}

.support-form .form-group textarea{
	position:relative;
	display:block;
	width:100%;
	line-height:22px;
	padding:15px 0px;
	color:#ffffff;
	height:125px;
	resize:none;
	font-size:15px;
	background:none;
	font-family: 'Hind', sans-serif;
	border-bottom:1px solid rgba(255,255,255,0.50);
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.support-form .form-group .btn-detail{
	position:relative;
	text-align:center;
	margin-left:30px;
	color:#ffffff;
	display:inline-block;
}

.support-form button{
	cursor: pointer;
	margin-top:20px;
	font-size: 16px;
	text-transform: capitalize;
}

/*Custom Select*/

.form-group .ui-selectmenu-button.ui-button{
	width:100%;
	font-size:15px;
	font-style:normal;
	height:50px;
	padding:10px 0px;
	line-height:28px;
	color:#ffffff;
	border: none;
	border-radius:0px;
	background:none;
	font-family: 'Hind', sans-serif;
	border-bottom:1px solid rgba(255,255,255,0.50);
}

.form-group .ui-button .ui-icon{
	background:none;
	position:relative;
	top:2px;
	text-indent:0px;
	color:#333333;	
}

.form-group .ui-button .ui-icon:before{
	font-family: 'FontAwesome';
	content: "\f107";
	position:absolute;
	right:0px;
	top:2px !important;
	top:13px;
	width:10px;
	height:20px;
	display:block;
	color:#ffffff;
	line-height:20px;
	font-size:16px;
	font-weight:normal;
	text-align:center;
	z-index:5;
}

.ui-widget.ui-widget-content{
	border-bottom:1px solid rgba(255,255,255,0.50);
}

.ui-menu .ui-menu-item{
	font-size:14px;
	border-bottom:1px solid rgba(255,255,255,0.50);
}

.ui-menu .ui-menu-item:last-child{
	border:none;	
}

.ui-state-active, .ui-widget-content .ui-state-active{
	background:var(--theme-color);
	border-color:var(--theme-color);
}

.ui-menu .ui-menu-item-wrapper{
	position:relative;
	display:block;
	padding:8px 20px ;
	font-size:14px;
	line-height:24px;
}

.ui-menu-item:hover{
	background-color:var(--theme-color);
}