/* ----------- Job Search ----------- */

.magnum{
    position: relative;
    height: 450px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.magnum:after{
    content:'';
    clear:both;
    display: block;
}
.magnum > .form-area{background: rgba(0, 0, 0, 0.50); z-index: 2;position: relative;height: auto;display: flex;align-items: center;align-content: center;flex-wrap: nowrap;flex-direction: column; padding:60px}
.magnum > .form-area h2{text-align:center;color:#fff;font-size: 32px;font-weight: normal; margin-bottom:30px;}
.magnum > .form-area form .form{display:flex;justify-content: center;list-style:none;}
.magnum > .form-area form .form li{ margin: 0 10px 0 0;}
.magnum > .form-area form .form li:last-child{ margin: 0 0px 0 0;}
.magnum > .form-area form .form li .input input{
    font-size: 14px;
    padding: 9px 10px 9px 32px;
    width: 300px;
	height:39px;
    border-radius: 4px;
border:none;
}
.magnum > .form-area form .form li .action input{background:#f98900;border: none;font-size: 14px;padding: 11px 20px;border-radius: 4px;}

.magnum #hero-area-image{
    position: absolute;
    width: 100%;
    height: 450px;
    top: 0px;
    z-index: 1;
    margin: 0px;
}
.magnum #hero-area-image .carousel-container{margin: 0 auto}

.ui-widget-content {background: #fff !important}
.suggestion li:hover a{background: transparent !important;border: 1px solid #ccc !important;color: #000;}

#home_search_candGCS #analytic_srchGCS {position: relative;}
#home_search_candGCS #analytic_srchGCS::before {content: "\f002";position: absolute;width: 30px;height: 100%;font-family: 'fontAwesome-alloy';color: #888;font-size: 16px;padding: 8px;}
#home_search_candGCS .form li:nth-child(2) div {position: relative;}
#home_search_candGCS .form li:nth-child(2) div::before {content: "\f041";position: absolute;width: 30px;height: 100%;font-family: 'fontAwesome-alloy';color: #888;font-size: 16px;padding: 8px 10px;}
ul.suggestion .ui-menu-item a {position: relative;padding-left: 28px;}
ul.suggestion .ui-menu-item a::before {content: "\f002";font-family: 'fontAwesome-alloy';position: absolute;width: 30px;height: auto;font-size: 15px;left:0;padding: 0px 5px;color: #888}

.ui-widget {
    font-family: inherit;
    font-size: 14px !important;
	width: 300px !important;
}

.ui-widget .ui-menu-item a {
    font-weight: normal;
}

.suggestion li:hover a{
    background: #009fda !important;
    border:none !important;
    color:#fff;
}

    .ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active {
    font-weight: normal;
    margin: 0px;
}

a {cursor:pointer;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
    }
	
.ui-state-hover, 
.ui-widget-content .ui-state-hover, 
.ui-widget-header .ui-state-hover, 
.ui-state-focus, 
.ui-widget-content .ui-state-focus, 
.ui-widget-header .ui-state-focus{
        background: #009fda !important;
    border:none !important;
    color:#fff;
}

.ui-widget {
    max-height: 150px;
    overflow: auto;}
	
#hero-area-image .aspect-ratio {
   padding: 0;
 }