@charset "utf-8";

/* Reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video{margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; text-align: left}
body{line-height: 1}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display: block}
blockquote, q{quotes:none}
blockquote:before, blockquote:after, q:before, q:after{content:''; content:none}
a{margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; outline: none}
ins{background-color: #ff9; color: #000; text-decoration: none}
mark{background-color: #ff9; color: #000; font-style: italic; font-weight: bold}
del{text-decoration: line-through}
abbr[title], dfn[title]{border-bottom: 1px dotted; cursor: help}
table{width: 100%; border-collapse: collapse; border-spacing: 0}
hr{display: block; height: 1px; border: 0; border-top: 1px solid #e2e2e2; margin: 15px 0; padding: 0; clear: both}
input, select{vertical-align: middle}
nav ul{list-style-type:none;padding:0;margin:0}




/* Commons */
body{font: 400 16px/22px 'Gotham Narrow A', 'Gotham Narrow B', Arial, sans-serif; font-style: normal; text-align: left; color: #333; background: #c8cbc9}
body, body *{-webkit-font-smoothing: antialiased; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box}
a, a:hover, a:active, a:focus, button, input, select, textarea{outline: none; text-decoration: none}
p{margin: 0 0 10px}
p.last{margin-bottom: 0}
.a-center{text-align: center}
.a-right{text-align: right}
.f-left{float: left}
.f-right{float: right}

.d-block, .box-pix img, #logo img, .emp-list img, .sponsored-list img, .sponsored-list strong, .sponsored-list small, h1 strong{display: block} /* display: block */

/* Hays Colors */
h2, .h2, .box h2 a, .box h3 a, h3, .h3, a:hover, #footer-bottom nav a:hover, #nav-user a:hover, a.here,
.gray-box .form li > label, .hays-blue, #menu #nav-user a, .arrow-list li:before,
.box h1, .exp-list .active, .switch-search.active,
#banner-job-info h2, #banner-job-info i,
.hays-tabs .tabs a, .hays-tabs .tabs li.active a,
#hays-worldwide a:hover, #hero-area-content .form label{color: #002776} /* Hays Blue */
a, .hays-cyan, #menu #nav-user > ul > li a:hover, .browse-exp a:hover{color: #009ed9} /* Hays Cyan */
.hays-green{color: #739600} /* Hays Green */
.hays-orange, #errormessages, label.error{color: #e98300} /* Hays Orange */
.hays-purple{color: #80379b} /* Hays Purple */
.hays-pink, #nav-user a{color: #d71f85} /* Hays Pink */
#footer-bottom nav a, small, a small{color: #333} /* Dark Gray */
.icon, .icon:hover, .box-icon, #hays-worldwide a, .white, .btn:hover,
input[type=submit], input[type=button], input[type=reset], button, .btn, #header-msg .btn-close,
.browse-exp a, .browse-exp h3, .side_box .generic_small_link{color: #fff} /* White */

/* Font Sizes */
h1, .h1{font-size: 43px}
.box h1{font-size: 26px}
h2, .h2{font-size: 22px}
#banner-job-info h2{font-size: 20px; line-height: 1.33; position: relative; padding-left: 38px}
h3, .h3, #banner-job-info h2 .icon-search, #hero-area-content input[type=submit]{font-size: 18px}
#footer-top h3{font-size: 16px}
h1, h2, h3, .h1, .h2, .h3, #footer-bottom{line-height: 1}
input[type=text], input[type=password], input[type=search], input[type=email], input[type=number], textarea, select,
input[type=submit], input[type=button], input[type=reset], button, .btn,
#site-search input, #hays-worldwide li, #footer-top nav, #footer-top h3 i{font-size: 14px}
#header-msg, #footer-bottom, #errormessages, label.error{font-size: 12px}
small{font-size: 70%; line-height: 1.1}
.underline{border-bottom: 1px solid #e5e5e5; margin-bottom: 20px !important; padding-bottom: 12px}

/* Font Styles */
#menu,
input[type=submit], input[type=button], input[type=reset], button, .btn,
#banner-job-info h2 strong, .btn-on-off span, .pay-opt label,
h2, h3, .h1, .h2, .h3, h4, .box h1, .popup .pop-controls a, strong, .link-back,
.exp-list .active, .side_box .generic_small_link, #errormessages, label.error,
.multiselect .checkbox_row > label
{font-weight: 500}
h1, h1 strong{font-weight: 700}
#nav-main li ul, .sponsored-list strong, .news h3 em, .cookies-setting ul li strong, .cookies-setting ul li b,
.nav-sub, .multiselect label, .multiselect .multitoggle{font-weight: 400}

/*Button*/
.btn{font-family: 'Gotham Narrow A', 'Gotham Narrow B', Arial, sans-serif; display: inline-block; background-color: #009ed9; text-align: center; padding: 9px 18px; border: 0; cursor: pointer; font-size: 14px; margin-left:5px;   font-weight: bold;}
.btn-primary{background:#e98300}
.btn:hover, .btn-primary:hover{background:#002776}


/* All Caps */
.all-caps, .link-back{text-transform: uppercase}

/* Backgrounds */
header, footer, .bg-white{background: #fff} /* Background White */

/* Structure */
#wrapper, .container{width: auto}
#wrapper{max-width: 100%}
.container{width: 1200px; margin: 0 auto; padding: 0 20px; position: relative; background: #f6f7f7; overflow: visible;}
#maindiv{min-height:500px }
/* Row & Column */
.row{display: block; width: 100%; position: relative}
.row .col{display: block; float: left; margin: 0 10px; position: relative}
.row .col.last{margin-right: 0}
.row .col:last-child{margin-right: 0}
.row .col.first{margin-left: 0}
.row .col:first-child{margin-left: 0}

.full-width-container{margin-left: -20px; margin-right: -20px; padding-left: 20px; padding-right: 20px}
.left-col-solid{margin-left: -20px !important}
.col-9.left-col-solid{width: 900px; padding-left: 20px; padding-bottom: 20px}
.col-9.left-col-solid .col-6 > .box{padding-right: 40px}

.col-1{width: 80px}
.col-2{width: 180px}
.col-3{width: 280px}
.col-4{width: 380px}
.col-5{width: 480px}
.col-6{width: 580px}
.col-7{width: 680px}
.col-8{width: 780px}
.col-9{width: 880px}
.col-10{width: 980px}
.col-11{width: 1080px}
.col-12{width: 1180px}

.box .col-4{width: 360px}
.box .col-3{width: 260px}


/* Box */
.box, .side_box, .pb_inner{padding: 20px; margin: 20px 0 0; background: #fff}
.gray-box{background: #f6f7f7}
.box-icon{background: #8d929e; display: block; width: 50px; height: 50px; text-align: center; font-size: 20px; line-height: 50px; margin-bottom: 20px}
.box-pix{max-height: 160px; background-color: #c8cbc9; background-size: cover; overflow: hidden; margin: -20px -20px 20px}


/* Transition */
input, textarea, select, .overlay, .btn, .btn:hover,
.emp-list img, .emp-list img:hover, .box-pix img, .box-pix img:hover
{-moz-transition: all ease 0.7s; -webkit-transition: all ease 0.7s; -ms-transition: all ease 0.7s; transition: all ease 0.7s}



/* Header */
#header-main{padding-top: 20px}
header.sticky{position: fixed; width: 1220px; left: 50%; top: 0; margin-left: -610px; padding-top: 0; z-index: 900; -moz-box-shadow: 0 0 2px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.2); box-shadow: 0 0 2px rgba(0,0,0,0.2); -moz-animation: fadeInDown 0.5s; -webkit-animation: fadeInDown 0.5s; -ms-animation: fadeInDown 0.5s; animation: fadeInDown 0.5s}
header.sticky #header-main, header.sticky #nav-user, .job-search .advanced-job-search,
.pay-opt, .popup, .tab-contents > li, #banner-candidate-search, .fixed-controls .active, #errormessages, #flash{display: none}
header.sticky #menu{padding: 12px 0px 10px}
header.sticky #nav-main li > ul, header.sticky #menu .nav-sub{top: 42px}
header.sticky #nav-main a.here:after{content: ""}

.addthis_toolbox1{position: absolute; right: 18px; top: 124px}

/* Header Banner */

#menu{padding: 17px 0 19px}
#menu nav{float: right}
#menu #nav-main, #menu nav > ul > li{float: left}
#menu nav > ul > li{margin: 0 0 0 40px; line-height: 30px}
#menu #nav-social > ul > li{margin-left: 8px}
#menu #nav-social > ul > li.first{margin-left: 0}
#menu #nav-social > ul > li:first-child{margin-left: 0}
#menu #nav-user{position: absolute; right: 0; top: -127px; font-size: 80%; font-weight: 100; width: 100%; border-bottom: 1px solid #F5F5F5; padding: 5px 0}
#menu #nav-user ul{float: right}

#menu #nav-user > ul > li{margin: 0; border-left: 1px solid #F5F5F5}
#menu #nav-user > ul > li:first-child{border: 0}
#menu #nav-user > ul > li.first{border: 0}
#menu #nav-user > ul > li a{padding: 0 25px}
#menu #nav-user > ul > li:last-child a{padding-right: 0}
#menu #nav-user > ul > li.last a{padding-right: 0}

nav a{display: block}
nav a.here, #nav-main li{position: relative}

#nav-main li > ul,
#menu .nav-sub{position: absolute; left: -20px; top: 40px; background: #fff; width: 200px; z-index: 100; padding: 0 20px;  display: none; box-shadow:0 2px 15px rgba(0,0,0,.20)}
#nav-main li > ul li{display:block; margin: 0 38px 0 0; line-height: 45px}
#menu .nav-sub li{line-height:1.33; margin:0 }
#menu .nav-sub li a{display:block; padding:10px}
#nav-main a.here:after,
#menu .nav-sub a.here:after{position: absolute; left: 50%; bottom: -17px; margin-left: -7px; color: #f6f7f7; width: 14px; height: 14px; display: block; z-index: 1000}
#nav-main li > ul li a.here:after, #menu .nav-sub a.here:after{bottom: 1px}
#nav-main li > a.here + ul, #menu .nav-sub{display: block}
#nav-main li:first-child{margin-left: 0}
#nav-main li.sign-in{position:absolute; right:0; top:0;}

#nav-main #toggle-worldwide.here:after{bottom: -7px; color: #002776}
#nav-main #toggle-worldwide i{font-size: 12px; position: relative; right: -5px; top: -3px}
#hays-worldwide br{display: none}
#nav-main li i{font-size:12px}

/*Fonts*/
@font-face{font-family: 'google-api';
	src: url('../libs/font/google-api.eot?6686055');
	src: url('../libs/font/google-api.eot?6686055#iefix') format('embedded-opentype'),
	url('../libs/font/google-api.woff?6686055') format('woff'),
	url('../libs/font/google-api.ttf?6686055') format('truetype'),
	url('../libs/font/google-api.svg?6686055#google-api') format('svg'); font-weight: normal}
[class^="icon-"]:before, [class*=" icon-"]:before,
#toggle-worldwide.here:after, #menu a.here:after,
#mobile-search-icon:after, .arrow-list li:before, .multiselect .multitoggle:after,
.exp-list .expandable > a:after, .expandable-in-mobile h3:after,.hays-job-card h2:before, .hays-job-card a:after,
.more:after, .less:after, .filter-menu li a:after, li.sort a:before, .filter-bar ul:before, .ui-autocomplete.auto-suggestion-list.search li a:before, .ui-autocomplete.auto-suggestion-list.location li a:before,
.ui-autocomplete.auto-suggestion-list.search.history a:before, .filter-value:after, .salary:before,  i.location:before, .filter-bar .filter-menu:before
{font-family: "google-api"; font-style: normal; font-weight: normal; display: inline-block; text-decoration: inherit; width: 1em; line-height: 1em;/* margin-right: .2em; margin-left: .2em;*/ text-align: center; font-variant: normal; text-transform: none}
.icon-down-open:before { content: '\e800'; } /* '' */
.icon-search:before, .suggestionGoogle li a:before, .ui-autocomplete.auto-suggestion-list.search li a:before{ content: '\e801'; } /* '' */
.icon-location:before, .ui-autocomplete.auto-suggestion-list.location li a:before, i.location:before { content: '\e802'; } /* '' */
.icon-user:before { content: '\e803'; } /* '' */
.icon-phone:before { content: '\e804'; } /* '' */
.icon-down-dir:before , .filter-menu li a:after, .filter-value:after{ content: '\e805'; } /* '' */
.icon-briefcase-1:before{ content: '\e806'; } /* '' */
.icon-mail-alt:before { content: '\f0e0'; } /* '' */
.icon-sort:before, li.sort a:before { content: '\f0dc'; } /* '' */
.icon-sliders:before,.filter-bar ul:before{ content: '\f1de'; } /* '' */
.icon-arrows-cw:before { content: '\e807'; } /* '' */
.icon-history:before, .ui-autocomplete.auto-suggestion-list.search.history a:before { content: '\f1da'; } /* '' */
.icon-wallet:before, .salary:before { content: '\f155'; } /* '' */
.icon-pound:before { content: '\f154'; } /* '' */
/*New-Fonts-10-10-2017*/
.icon-plus-5:before, .plus:before { content: '\e83c'; font-family: 'google-api' } /* '' */
.icon-minus-3:before, .minus:before { content: '\e83d'!important; font-family: 'google-api' !important }
.icon-cancel-5:before, .cross:before { content: '\eb9a'; font-family: 'google-api' } /* '' */
.ui-helper-hidden-accessible {display:none;}
.dollarSal:before { content: "$"}
.euroSal:before { content: "€"}
.yenSal:before { content: "¥"}
.noSalIcon:before { content: ""; background: transparent !important;}

/*Placeholder*/
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: #000000; opacity:.3; font-size:16px
}
::-moz-placeholder { /* Firefox 19+ */
	color: #000000; opacity:.3; font-size:16px
}
:-ms-input-placeholder { /* IE 10+ */
	color: #000000;  opacity:.3; font-size:16px
}
:-moz-placeholder { /* Firefox 18- */
	color: #000000; opacity:.3; font-size:16px
}

/* Page*/
#page{padding: 0 0 20px}

.search-container *{box-sizing:border-box;}
.search-container{width:980px; margin:0 auto; padding:20px 0; margin-top: 46px	}
.search-container  >ul{display:table; width:100%;}
.search-container  li{float:left;  display:table-cell; width:40%;  position:relative}
.search-container  li:last-child{width:20%}
.search-container .action{position: relative}
.search-container .action i{  position: relative; top: -1px; color: #fff; font-size: 12px; display: inline-block; width: 18px; 	/*height: 20px;*/}
.search-container .input{ margin-right:15px; position:relative}
.search-container .input i{position:absolute; top:9px; left:7px; color:#9f9f9f; font-size:13px}
.search-container .input input{width:100%; padding:8px 8px 8px 30px; height:40px; border:solid 1px #e3e3e3;}

span.loading {position: absolute; right:0; top:0; width:39px; height:39px;background-position:8px 9px;}
.search-container .btn-search{border:0; /*padding:10px 20px;*/ line-height:20px; background:#002776; display:block; width:100%; cursor: pointer; -webkit-appearance: none; font-weight: bold; height:40px}
.search-container .btn-search:hover{background:#009fda}
.ui-autocomplete.auto-suggestion-list.search{max-height:100%;}
.auto-suggestion-list{position:absolute; top:40px; left:1px; background:#fff; z-index:1; width:225px;  box-shadow:0 13px 20px rgba(0,0,0,.30); border-radius:0 0 3px 3px;}
.form .auto-suggestion-list li{padding:0}
.auto-suggestion-list li{display:block; width:100%; border-bottom:solid 1px #eee}
/*.auto-suggestion-list.sort-type{left:75% !important;}*/
.ui-autocomplete.auto-suggestion-list.search li a:before, .ui-autocomplete.auto-suggestion-list.location li a:before{ padding-right:8px; font-size:13px; position: absolute; left: 6px;   top: 12px;}
/*.auto-suggestion-list a.history:before{}*/
.auto-suggestion-list a{padding:10px 10px 10px 30px; color:#000;   display: block;  position: relative;}
.ui-autocomplete.auto-suggestion-list a:hover{background:#009fda; color:#fff ;}
.ui-autocomplete.auto-suggestion-list.search li a:hover:before{color:#fff}

.ui-state-focus{background:#009fda; color:#fff;}
.auto-suggestion-list a:visited {color:#000}
.auto-suggestion-list li:last-child{width:100%; border-bottom:none;}


.filter-bar{background:transparent; margin-left:0; margin-right:0; position: relative; /*border-radius: 3px; */}
aside .filter-bar ul:before, aside li.sort a:before{content:''; display:none;}
.filter-bar .row{width:auto; margin:0 auto;}
.filter-bar .filter-menu{margin:0 0 0 30px ; padding:0; list-style:none; height: 42px; position:relative}
.filter-bar .filter-menu:before {content: '\f1de'; position: absolute;top: 12px;left: 0;color: #fff; display:block}
.filter-by{color:#fff; padding:10px 20px; font-weight:bold; font-size:14px; }
.filter-bar ul > li {float: left; display: block; margin-bottom: 20px; background: #fff;border: 1px solid #eee; width:100%}
.filter-bar ul > li ul li{border:0; margin-bottom:0}
.filter-bar li a{display:block; color:#000; padding:10px 10px; font-weight:bold; font-size:14px;}
.filter-bar li.sort{ position:relative; float:left; width:100%}
.filter-bar li.sort a{padding-right:0; }
.filter-bar li.sort a:after{display:none; content:''}
.filter-bar .filter-menu:before{position:absolute; top: 12px; left: -20px; color:#fff;}

.filter-bar li ul{	width: 194px; top: 0px; /*position: relative;*/ background-color: #fff;box-shadow: 0 13px 20px rgba(0,0,0,.30);}
.filter-bar li ul:before{display:none; }
.filter-bar li li a{color:#000; font-weight:normal; }
.filter-bar li li a:after{display:none;}

.filter-bar li > div{ position: relative; }
.filter-bar li > div:after{bottom: 100%;left: 15%; border: solid transparent; content: " "; height: 0; width: 0;
	position: absolute; pointer-events: none;}

.filter-bar li.sort li a:before{display:none}
.filter-bar ul.auto-suggestion-list:before{display: none;}
.filter-bar .auto-suggestion-list{display:none; width:100%}
/*.filter-bar .auto-suggestion-list.sort-type{!*top:42px*!}*/
.filter-bar .auto-suggestion-list.job-type{display:block;top:42px !important; left: 70px !important; box-shadow: 0 13px 20px rgba(0,0,0,.30);}
.filter-bar .auto-suggestion-list.job-type li a, .filter-bar .auto-suggestion-list.flexible-type li a{font-weight: bold;}
/*.filter-bar .auto-suggestion-list.sort-type{left:76% !important}*/
.filter-bar .auto-suggestion-list li a{display:block; color:#092e7f; padding:10px 20px; font-size:14px; cursor:pointer}
.filter-bar .auto-suggestion-list li a:hover{color:#fff; background: #009fda;	}
/*.filter-bar .auto-suggestion-list.sort-type{display:block;}*/
/*.filter-bar .auto-suggestion-list.mobile-view{ position: fixed; top:300px; left:80px;-webkit-backface-visibility: hidden;}*/
.filter-bar .auto-suggestion-list li.selected *{background: #009fda;}
.filter-bar .auto-suggestion-list.job-type li a{display:table; width:100%}
.filter-bar .auto-suggestion-list.job-type li a span{display:table-cell; vertical-align:top; line-height:18px}

.pay-type li{padding:10px;}
.pay-type li label{display:block; font-size:11px; text-transform:uppercase; color:#919090}
.pay-type li select{background:#f4f4f4; color:#000; font-size:13px; width:100%; padding:10px; border:0;}
.pay-type span.multi-input{display:block}
.pay-type span.multi-input select{width:48%}
.pay-type li a{display:block; background:#002776; text-align:center}
.filter-bar li ul.pay-type li a{color:#fff;}

.filter-value {  background: #edf9fe; padding:6px 20px 6px 5px;  font-size: 13px;  font-weight: bold;  color: #002276;  border-radius: 3px;
	position: relative;  top: 8px;  left: 0;  margin-left: 22px;   margin-right: 35px;}
.filter-value:after{  position: absolute; top: 6px; right: -22px; color: #fff; font-size: 14px;}
.save-alert-form .action .btn-close, .filter-bar li .filter-value a{  display: inline-block; transform: rotate(45deg);  color: #002776;  font-size: 20px;
	padding: 3px; position: absolute; top: 4px;	right: 40px;}
.filter-bar li .filter-value a{top:0px; position:absolute; right:3px}
.filter-bar li .filter-value a:after{display:none}
.filter-value span{margin-right:15px}

.hays-job-container{margin:20px auto; width:980px; min-height: 50px}
.hays-job-container.loading{min-height: 50px; background-position:center}
.hays-job-card{/*border-radius:3px;*/ position:relative; box-shadow:0 1px 3px rgba(0,0,0,.10); margin-bottom:15px;}
/*.hays-job-card h2:before{background:#ab7cbe; width:50px; height:50px; border-radius:25px; display:none; float:left; text-align:center; line-height:47px; font-size:20px; color:#fff; margin-right:20px; margin-top:-3px; position:absolute; left:18px;}*/
.hays-job-card.sponserJob {background-color: #e5f3f6;border-left: 4px solid #009fda;box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.20); position: relative}
.hays-job-card .hays-result-sponsored {
	float: left;
	color: #009fda;
	padding: 0 0.25em 0 0.25em;
	margin-top: 0.222em;
	margin-right: 1em;
	border: 1px solid #009fda;
	font-size: .642857143em;
	line-height: 1.44em;
	font-weight: bold;
	text-transform: uppercase;
	margin-top: 1em;
	margin-bottom: 1em;
}

.sponsored-logo{position: absolute; right: 20px;  bottom: 20px;}

.hays-job-title-decp{float: left; width: 60%}
.hays-job-card h2{font-size:22px; color:#002776; padding-right:20px; }
.hays-job-card h2 a{display:inline-block; position: relative; vertical-align: -webkit-baseline-middle; margin-right: 10px;}
.hays-job-card .new-job {
	background: #739600;
	color: #fff;
	font-size: 10px;
	border-radius: 3px;
	padding: 3px 4px;
	vertical-align: -webkit-baseline-middle;
	display:inline-block;
	height:15px;
}

.hays-job-title-decp{float: left; width: 60%}
.hays-job-card-details{position:relative}
.hays-job-card-details .pl-logo{float:none;margin: 0px;}
.panel-layout .hays-job-card-details .pl-logo, .panel-layout .hays-job-card-details .pl-logo-response{overflow:hidden; height:25px; width:188px; background-size:150px; background-repeat: no-repeat;margin-bottom: 5px}
.panel-layout .hays-job-card-details .pl-logo{background-image: url(/assets/logo-hays-long-blue.png);}
.panel-layout .hays-job-card-details .pl-logo-response{background-size:86px; margin-left: 0;}
.hays-job-card h2{font-size:22px; color:#002776; padding-right:20px; }
.job-location-salary{float:left; width: 40%; padding-right: 130px;}
.job-location-salary span{font-size:13px;  color:#2a2a2a; font-style:normal; left:0; padding-right:15px; display: table; word-break: normal; margin-bottom:8px; line-height: 18px}
.job-location-salary span.location-text, .job-location-salary span.salary-text{display:table-cell}
.job-location-salary i{position:relative; top:2px;}
.job-location-salary i.salary:before, .job-location-salary i.location:before{font-size: 11px; position: relative; top: -1px; padding-right: 5px; margin-left:0}
.job-location-salary i.location:before, .job-location-salary i.salary:before, .job-location-salary i.location:before{background: #333; border-radius: 14px; height: 20px; width: 10px; display: inline-block;color: #fff;
	line-height: 21px; padding-left: 5px; margin-right: 8px; font-size: 10px;}
/*.hays-job-card h2 span i:first-child:before{display:none; content:''}
.hays-job-card h2 span i:before{  content: '.'; font-size: 20px; display: inline-block; width: 20px; height: 20px; position: relative;
  top: -3px;  text-align: center}*/
.hays-job-card p{ font-size:14px; color:#2a2a2a; line-height:1.33; padding:10px 20px 0 0;/*height: 40px;*/ vertical-align:top
}
.hays-job-card a.view-details{ position:absolute; top:0px; right:0px; color:#fff }
.hays-job-card a.logoClass{top:30px}
.hays-job-card a.maxwidth{max-width: 170px;}
.hays-job-card a.view-details:after{padding-left:5px; font-size:12px;}

.load-more{margin-bottom:50px}
.load-more a{text-transform: uppercase; font-size: 11px; font-weight: bold; display: block; padding: 10px 0; text-align:center}
.load-more a.loading{background-position: center}


.save-job-alert-container{background:#ffffff; padding:10px;  position: fixed; bottom:0; width:1200px; box-shadow: 0 -2px 18px rgba(0,0,0,.20);}
.save-alert-form{margin-left:110px; width:980px;}
.save-alert-form input{padding:11px; width:70%; border: 1px solid #ddd;background-color: #f4f4f4; border-radius: 0}
.save-alert-form .action{float:right; width:275px; position:relative}
.save-alert-form .sign-in-user{text-align:center; float: left; width:100%}
.save-alert-form .sign-in-user a.btn-primary{width:94%; float:left}
.save-alert-form .action.sign-in-user .btn-close{right:10px}


/*.save-alert-form .action .btn-primary{margin-left: 0;color: #fff;}*/
.save-alert-form .action .btn-primary {
	margin-left: 0;
	color: #fff;
	width: 200px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	padding-left: 2px;
	padding-right: 2px;
}
.save-alert-form .action .btn-close{width: 40px; height: 40px; line-height: 22px; text-align: center; font-size: 30px; background: none;}

.sponsored-job-logo { float:right; margin-top:20px;}
.sponsored-job-logo .logo-image{ /*height:50px; width:120px;*/}

/* Clearfix */
.container:before, .container:after, .row:before, .row:after, .form:before, .form:after, ul:before, ul:after, header:before, header:after, footer:before, footer:after, #page:before, #page:after, .hays-job-card:before, .hays-job-card:after{content: " "; display: table}
.container:after, .row:after, .form:after, ul:after, header:after, footer:after, #page:after, .hays-job-card:after{clear: both}




/*Facet Search*/



/* 13-09-2017 */
.filter-menu {list-style:none;}
/*.filter-bar li.sort{ position:inherit; float:right}*/
.filter-bar ul:before{left: 20px;}

.left{width:20%; display:inline-block; float:left; margin-top:20px}
.right{width:78%; display:inline-block; float:right; margin-top:20px}
/*.head{background:#fff; padding:10px; font-weight:bold; font-size:14px; border: 1px solid #eaeaea; margin-bottom:20px; border-radius: 3px;}*/
.head p{font-size: 14px; text-transform: capitalize; font-weight: bold; background: #009fda; color: #fff; font-weight: bold; padding: 10px 15px; text-align: center; display: block; margin-bottom:20px; cursor:pointer;}
.head p:hover{ background: #002776}
/*.head { background: #009fda; color: #fff; font-weight: normal; font-size: 12px; padding: 10px 15px; text-align:center;}*/

.facets ul, .facets ol{list-style: none;}
.facets  .filter-section{font-size:14px; background:#fff; /*border:1px solid #eaeaea*/; box-shadow: 0 1px 3px rgba(0,0,0,.10); margin-bottom:20px; padding:10px; border-radius: 3px;}
.facets li p{margin-bottom:0px; padding-top:5px; padding-bottom:15px}
.filter-section p{font-weight:bold}
.filter-list{margin-top:10px;}
.filter-list li span{color:#838383}
.filter-list li{padding:5px 0px;}
.filter-list li a{cursor:pointer; color:#092e74; font-weight:normal; width: 170px; display: inline-block;}
.filter-list li span{font-weight:normal;}
.filter-section input{width: 100%; padding: 8px 30px 8px 8px; height: 40px; border-top: solid 1px #e3e3e3; border-bottom: solid 1px #e3e3e3; border-left: 0px; border-right: 0px;}
.search-within{ position:relative; margin-left: -10px; margin-right: -10px; margin-top:10px;}
.filter-section i{ position: absolute; top: 9px; right: 10px; color: #9f9f9f; font-size: 13px; opacity:.6}
.filter-extra{font-weight: bold;}

.filter-extra{ color: #009fda; font-style: italic; padding-bottom: 0px !important; font-size:12px; cursor: pointer}
.filter-mobile {display: none;}
.mobile-filter{display:none}
.search_bg{background:#eaeaea}
.save-job-alert-container{z-index: 1000;}
.filter-section .pay-type li{ padding-right:0px; padding-left:0px;}
.filter-section .pay-type li a{ padding: 10px 20px; color:#fff}
.filter-section .pay-type li a:hover{ background: #009fda;}
.filter-bar li > div {	position: relative;}

.grey-bg{ background: #eaeaea}

/* Placeholder Font */
::-webkit-input-placeholder {   font-size: 25px;}
:-moz-placeholder { /* Firefox 18- */      font-size: 25px;}
::-moz-placeholder {  /* Firefox 19+ */      font-size: 25px;}
/* Overriding styles */::-webkit-input-placeholder {   font-size: 13px!important;}
:-moz-placeholder { /* Firefox 18- */      font-size: 13px!important;}
::-moz-placeholder {  /* Firefox 19+ */      font-size: 13px!important;}


/*8-09-2017*/

.filter-by{ display:none}

/*.filter-menu .auto-suggestion-list{position:inherit; display:block}*/
.auto-suggestion-list{ box-shadow:none; width:auto;}
li.sort div a:before { content: ''; display:none } /* '' */
.hays-job-container{ width:auto;}
.filter-title{font-weight: bold; padding: 5px 0px 5px 0px; display: block;}
/*26-09-2017*/
md-chips.md-default-theme .md-chips, md-chips .md-chips, md-chips md-removable md-focused{box-shadow: none !important; padding-bottom: 0px;}
.md-chips md-chip{margin: 0px 8px 0 0 !important; border-radius: 2px !important; font-size: 14px !important;}
.md-chips md-chip .md-chip-remove-container {line-height: 12px !important;}
.md-chips md-chip .md-chip-remove md-icon{ min-height: 7px !important ;min-width: 7px !important;}
md-chips.md-default-theme md-chip.md-focused, md-chips md-chip.md-focused{background: rgb(224,224,224) !important;	color: rgb(66,66,66) !important;}
md-chips.md-default-theme md-chip.md-focused, md-chips md-chip.md-focused md-icon{	color: rgb(66,66,66) !important;}


.md-chip-input-container{ margin-top:0px !important;}
/*27-09-2017*/
.auto-suggestion-list.job-type li, .auto-suggestion-list.flexible-type li{float:none; border-bottom: solid 1px #eee;}
.auto-suggestion-list.job-type{width:180px;}
.auto-suggestion-list.flexible-type{width:190px;}

.perm_count, .temp_count, .contract_count, .flex_count, .part_count, .full_count{float:right; font-weight: normal; color: #838383;}
.perm:hover .perm_count, .temp:hover .temp_count, .contract:hover .contract_count, .flexi-flexi:hover .flex_count, .flexi-full:hover .full_count, .flexi-part:hover .part_count{color:#fff;}


/*03-10-2017*/
body{height:auto !important;}

/*06/10/2017*/

.locationFacet, .industryFacet, .PayFilter, .JobTypeFilter, .FlexibleWorkingFilter{ background: #fff; display: inline-block; box-shadow: 0 1px 3px rgba(0,0,0,.10); margin-bottom:5px;}
.locationFacet span, .industryFacet span,  .PayFilter span, .JobTypeFilter span, .FlexibleWorkingFilter span{padding: 6px 10px 6px 10px; display: inline-block;font-size: 12px; vertical-align: -webkit-baseline-middle;}
.locationFacet button, .industryFacet button, .PayFilter button, .JobTypeFilter button, .FlexibleWorkingFilter button{  background: #fff; border: 0px; padding: 0px 5px 2px 5px; color: #333; vertical-align: -webkit-baseline-middle;	margin-right: 7px;	font-size: 10px; }

.job-location-salary span .location-text{width: 170px; /*text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: inline-block;	margin-bottom: 0px;	top: 6px; position: relative;*/}

.hays-job-card p {width: 100%;	/*overflow: hidden;	text-overflow: ellipsis;	display: inline-block;	word-wrap: normal;	white-space: nowrap;	display: inline-block;*/}

/*10/10/2017*/

.filter-title .minus, .filter-title .plus, .filter-title .cross{ font-size: 10px; cursor:pointer}
.filter-title .minus, .filter-title .plus{margin-right:4px;}

/*24/10/2017*/
.rss_feed{position: absolute; right: 20px; top: 62px; font-size: 12px;}
.rss_feed:before{ content: '\e833';	font-family: hays; color: #fff; background: #ff9103; padding: 0 3px 2px; margin: 5px; font-size: 9px;}
.poundSal:before{content:"£"}

/*12/03/2018*/
.custom-no-result #no-job-results .connect-options{margin-bottom:20px}
.custom-no-result #no-job-results .connect-options .send-cv p, .custom-no-result #no-job-results .connect-options .ofc-locator p{width:80%; text-align:center}
.custom-no-result #no-job-results .connect-options li a{width:auto;}
.custom-no-result #no-job-results .browse-by-expertise h3{ color:#fff}

.no-pay-type .job-type-filter .auto-suggestion-list.job-type{left:10px !important;}


@media screen and (min-width: 1025px){
	#maindiv{margin-top: 65px;}
	.filter-bar{position: absolute; left: 275px; top: 20px; background:#009fda; width:75.5%}
	.filter-bar li {float: left;}
	.filter-bar li a { color: #fff;}
	.filter-bar li.sort { width:auto; min-width:185px; padding-right: 10px; float:right;}
	.filter-bar ul > li{ width:auto; margin-bottom: 0px; background: transparent; border: 0px}
	.filter-bar li > div{position:absolute;}
	.pay-list{width: 225px; box-shadow: 0 13px 20px rgba(0,0,0,.30); border-radius: 0px; z-index: 1;}
	.filter-bar ul > li ul li{width:100%}
	.pay-type span.multi-input select{width:48.5%}
	.filter-bar li ul.sort-type{position:absolute; box-shadow: 0 13px 20px rgba(0,0,0,.30); left:0 !important}
	ul.sort-type li a{font-weight:bold;  border-bottom: solid 1px #eee;}
	.filter-bar li.sort a{padding-right:10px;}
	.sort-type li, .job-type li{  border-bottom: solid 1px #eee;}
	.search-sorting{float: right}

}

@media screen and (min-width: 980px) and (max-width: 1024px){
	#maindiv{margin-top: 65px;}
	.filter-bar{position: absolute; left: 233px; top: 20px; background:#009fda; width:75%}
	.filter-bar li {float: left;}
	.filter-bar li a { color: #fff;}
	.filter-bar li.sort { width:auto; padding-right: 10px; float:right;}
	.filter-bar ul > li{ width:auto; margin-bottom: 0px; background: transparent; border: 0px}
	.filter-bar li > div{position:absolute;}
	.pay-list{width: 225px; box-shadow: 0 13px 20px rgba(0,0,0,.30); border-radius: 0px; z-index: 1;}
	.filter-bar ul > li ul li{width:100%}
	.pay-type span.multi-input select{width:49%}
	.filter-bar li ul.sort-type{position:absolute; box-shadow: 0 13px 20px rgba(0,0,0,.30); left:0 !important}
	ul.sort-type li a{font-weight:bold;  border-bottom: solid 1px #eee;}
	.filter-bar li.sort a{padding-right:10px;}
	.sort-type li, .job-type li{  border-bottom: solid 1px #eee;}
	.filter-list li a{width:130px;}
}

@media screen and (max-width: 768px)
{
	/*.head{padding:6px 15px;}*/
	.filter-title, .job-type, .pay-type-head, .sort-head{margin:0px; display: block; color:#000; font-weight:bold;}
	.filter-bar .filter-menu{margin:0}
	.filter-bar .filter-menu:before{display:none}
	.filter-title span{font-size: 20px;}
	.sort-head:before{ display:none !important}
	.auto-suggestion-list li a{ color:#092e74; padding-top:9px; padding-bottom:5px; padding-left:30px; padding-right:0px;   }
	.auto-suggestion-list li{border-bottom:0px;}
	.auto-suggestion-list{ width:99%}
	.icon-down-dir:before, .filter-bar li a:after, .filter-value:after{ float:right !important; margin-top:4px;}
	.search-container{ padding:30px;}
	.full-width-container{padding-left:0px; padding-right:0px;}
	.mobile-filter{display:block; background:#009fda; text-align:center; padding:10px; color:#fff; font-weight:bold; margin-bottom:20px;/*border-radius:3px*/}
	.mobile-filter:hover,.mobile-filter:active, .mobile-filter:focus{color:#fff}
	.page-content{  margin-left: -20em; padding: 0 20em;margin-right: -20em;}
	aside.left{width:230px}
	aside.left, .filter-bar{margin-left:-280px}
	section.right{width:100%}
	/*.page-content.mobile-filter-active {margin-left: -70px}*/
	.mobile-filter-active aside.left{margin-left:-250px}
	.mobile-filter-active aside.left{margin-left:0px}
	.mobile-filter-active section.right{width:66%}
	.mobile-filter-active .hays-job-title-decp{display: block; width: 60%;}
	.mobile-filter-active .job-location-salary span .location-text{padding:0px; width:125px;}
	.mobile-filter-active .job-location-salary{padding-right:0px}
	.mobile-filter-active .hays-job-card-details a{position:relative !important; right: 5px; margin-top: 10px; top:0px;}
	.mobile-filter-active .hays-job-card-details .hays-job-title-decp h2{font-size:18px;}
	.mobile-filter-active .filter-bar{margin-left:0px}
	.mobile-filter-active .sponsored-job-logo {  margin-top: 10px; float:none;}
	.mobile-filter-active .hays-job-title-decp, .mobile-filter-active .job-location-salary{ width:100%}
	.mobile-filter-active .auto-suggestion-list.sort-type{top:0px !important; position: relative}
	.mobile-filter-active .auto-suggestion-list.pay-type{ position: relative; box-shadow: none;}
	.mobile-filter-active .job-type-filter .auto-suggestion-list.job-type{ position: relative; top: 0px!important; left: 0px !important; box-shadow: none; width: 100%; height:auto;}
	.mobile-filter-active .job-type-filter .auto-suggestion-list.job-type.noTempType.mobile-view{ position: relative; top: 0px!important; left: 0px !important; box-shadow: none; width: 100%; height:100px;}
	.mobile-filter-active .auto-suggestion-list.job-type li{border: none;}
	.mobile-filter-active .auto-suggestion-list.job-type li a{font-weight: normal}

	.search-container  li{ width:38%;}
	.search-container  li:last-child{width:24%}

	.auto-suggestion-list.flexible-type li{border-bottom:none}
	.filter-bar .auto-suggestion-list.flexible-type li a{font-weight:normal; padding:10px}

}


/*8-09-2017*/



@media screen and (max-width: 425px)
{

	aside.left { width: 170px; }
	.mobile-filter-active section.right { width: 49%;}
	ul.filter-menu{width:auto;}
	.mobile-filter-active .pay-type span.multi-input select{ width:100%}
	.min-pay{margin-bottom: 10px}
	.max-pay{}

}

@media screen and (max-width: 320px)
{
	.mobile-filter-active .head p, .mobile-filter-active .mobile-filter{font-size:12px;}
	aside.left { width: 122px !important;}
	.mobile-filter-active a.view-details {font-size: 12px !important; padding: 9px 9px !important;}
	.mobile-filter-active .filter-list li a{width: 70px;}
	.mobile-filter-active .locationFacet, .mobile-filter-active .industryFacet {margin-bottom:10px;}
	.mobile-filter-active .locationFacet span, .mobile-filter-active .industryFacet span {max-width:100px;}
	.panel-layout.show-right-panel .pl-canvas {margin-right: -48px;}
	.panel-layout.show-right-panel .pl-header {	left: -17em;}
}

@media only screen
and (max-width : 360px){
	aside.left { width: 143px; }
	.hays-job-card a.view-details{padding: 9px 13px;}
	.mobile-filter-active .locationFacet span, .mobile-filter-active .industryFacet span {max-width:100px;}
	.mobile-filter-active .filter-list li a{width: 70px;}
	.hays-job-title-decp h2 a span{word-break: break-word;}
}

@media screen
and (device-width: 360px)
and (device-height: 640px)
and (orientation: landscape) {
	.mobile-filter-active section.right {width: 62%;}
}


/*@media screen and (max-width: 375px)*/
/*{*/

@media only screen
and (min-device-width : 375px)
and (max-device-width : 667px)
and (orientation : portrait) {
	.mobile-filter-active .head p, .mobile-filter-active .mobile-filter{font-size:12px;}
	aside.left { width: 140px;}
	.mobile-filter-active a.view-details {font-size: 12px; padding: 9px 9px;}
	.mobile-filter-active .filter-list li a{width: 70px;}
	.mobile-filter-active .locationFacet, .mobile-filter-active .industryFacet {margin-bottom:10px;}
	.mobile-filter-active .locationFacet span, .mobile-filter-active .industryFacet span {max-width:100px;}
}

@media only screen
and (min-device-width : 375px)
and (max-device-width : 667px)
and (orientation : landscape) {

	aside.left { width: 193px;}
	.mobile-filter-active .filter-list li a{ width:130px;}
}
/*Facet Search*/



@media screen and (max-width: 1219px){
	/*.container{overflow: auto}*/
	header.sticky{width: 100%; margin-left: 0; left: 0}
	.container {width:auto}
	.search-container {margin-top:0}
	.save-job-alert-container{width:100%;}
	.save-alert-form{width:100%; margin-left: 0;}
	.filter-bar .auto-suggestion-list.job-type {
		left: 30px !important;
	}
	/*	.filter-bar .auto-suggestion-list.sort-type {
            left: 77% !important;
        }*/
}

@media screen and (max-width: 980px){
	.search-container, .hays-job-container, .filter-bar .row{width:auto}
	.container{max-width: 800px}
	.container, .col-1, .col-2, .col-3,
	.col-4, .col-5, .col-6, .col-7, .col-8, .col-9,
	.col-10, .col-11, .col-12,
	.col-9.left-col-solid, .box .col-4, .box .col-3, ul.three-col-list li, .form li > label{width: auto}
	.row .col,
	.col-9.left-col-solid, #footer-bottom nav,
	#menu #nav-main, #menu #nav-user, #menu nav,
	#menu #nav-main li, #menu #nav-user li, ul.three-col-list li,
	#menu #nav-user ul, #change-lang label, #change-lang .input, #menu .nav-sub li{float: none; margin: 0}

	.form li > label{float: none}


	.overlay{width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 100; background: rgba(255,255,255,0.8)}


	.gray-box{margin-top: 0; }
	/*	.gray-box input[type="search"], .gray-box input[type="email"], .gray-box input[type="password"], .gray-box input[type="text"], .gray-box select{background: #fff}*/
	.box .gray-box{margin: 0 -20px -20px}

	.left-col-solid{margin-left: 0 !important}
	.col-9.left-col-solid{padding-left: 0; padding-right: 0; margin-top: 20px}
	.col-9.left-col-solid .col-6 > .box{padding-right: 20px; padding-top: 0; padding-bottom: 0}

	.desktop-only{display: none}


	/*Google API*/
	.filter-bar{padding:0 }
	.auto-suggestion-list{width:225px;}
	.full-width-container{overflow:visible}

	.save-alert-form input{width:495px}
	.save-alert-form .action{width:251px}
	.save-alert-form .action.sign-in-user{width:100%}
	.save-alert-form .action a:first-child{color:#fff}
}


/* Tablet */
@media screen and (min-width: 768px) and (max-width: 980px){
	.search-container, .hays-job-container, .filter-bar .row{width:auto}
	.box-pix{max-height: none}
	.browse-exp .list, .box .arrow-list, .box .job-list{-webkit-column-count: 2; -moz-column-count: 2; column-count: 2}
	.box .btn, .job-search input[type="submit"], .fixed-controls .btn,
	.side_box .generic_small_link, .pb_inner input[type=submit]
	{width: auto}
	/*.hays-job-title-decp { display: table-cell; width: 380px;}
	.hays-job-card span { display: table-cell; width: 180px;}*/
	.panel-layout.show-right-panel .pl-canvas {
		margin-right: 0em;
		margin-left: -40em;
	}
	.search-container .btn-search{padding:0 16px; text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;}
	/*.search-container .action i{left: 13%;}
	.filter-bar .auto-suggestion-list.sort-type {
		left: 69% !important;
	}*/
	.panel-layout.show-right-panel.pl-logo{margin-right:100px}
	.save-alert-form .action .btn-close{right:auto}
}

/* Mobile */

@media screen and (max-width: 767px){

	.search-container li{width:100%; margin-bottom:10px}
	.search-container li:last-child{margin-bottom:0; width:100%}
	.search-container .input{margin-right:0 }
	.filter-bar .row {width: 100%; overflow: auto;  overflow-y: hidden; -webkit-overflow-scrolling: touch; }
	/*.filter-bar .filter-menu {width:700px;  }*/
	/*.filter-bar li.sort { position: relative}*/
	.filter-bar .filter-menu:before {position: absolute; top: 12px; left: 0;  color: #fff;}
	/*.filter-bar .auto-suggestion-list.mobile-view{ position: fixed; top:300px; left:80px; z-index: 9999}*/
	.hays-job-card h2:before{display:none;}
	.hays-job-card{padding:20px;}
	.hays-job-card h2{padding-top:0;}
	.hays-job-card p{padding: 20px 0px 10px 0;}
	.save-alert-form input { width: 100%;}
	.save-alert-form .action { width: 100%; margin-top: 5px}
	.save-alert-form .action a{ margin:0; width:25%}
	.save-alert-form .action a:first-child{width:85%; float:left; }
	.hays-job-title-decp {display: block;  width: 100%;}
	.hays-job-title-decp h2, .hays-job-title-decp p{padding-right:0;}
	.job-location-salary{width:100%}
	.hays-job-card a.view-details { position: relative; top: 0; left: -5px;  margin-top: 20px;}
	.hays-job-card p {height: auto;	white-space: normal; overflow: visible;	width: 100%;}
	.save-alert-form{margin:0;}
	.panel-layout .pl-canvas {width: auto; }
	.job-location-salary { padding-right: 0px;}
	.filter-bar li.sort{ position:relative;}
	.save-alert-form .action .btn-close{right:auto; right:0;}
	/*.ui-autocomplete.auto-suggestion-list.search {
		max-height: 220px;}*/

}
@media only screen and (max-device-width : 900px) {

	.filter-bar .auto-suggestion-list {
		width: 80%;
		top: 0 !important;
		left: 0 !important;
		bottom: 0;
		right: 0;
		position: relative;
		margin: 0 auto;
		height: 150px;
		box-shadow: none;
	}
}
@media only screen and (min-device-width : 320px) and (max-device-width : 627px) and (orientation : portrait){
	.filter-bar .auto-suggestion-list.sort-type, .filter-bar .auto-suggestion-list.job-type {
		left: 0% !important;
	}
}

@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape) {
	.save-alert-form input {   width: 100%; margin-bottom: 10px;}
	.save-alert-form .action { width: 100%; margin-top:0;}
	.save-alert-form .action a:first-child {  width: 93%; margin-right: 6px; }
	/*.filter-bar .auto-suggestion-list.sort-type {*/
	/*left: 64% !important;*/
	/*}*/
	.ui-autocomplete.auto-suggestion-list.search {
		max-height: 220px;}
	/*.filter-bar li.sort {position:absolute;}*/
}

@media only screen and (min-device-width : 375px) and (max-device-width : 766px) and (orientation : landscape) {
	.filter-bar .row {
		overflow: visible;
	}
}

/* icon height adjust */
#header-msg .btn-close, #nav-main #toggle-worldwide.here::after,
#menu a.here::after, #mobile-search-icon:after{line-height: 27px}
#site-search button{line-height: 22px}
.box h2 i, .box h3 i, #banner-job-info h2 i, i.icon-glyph{position: relative; top: 3px; left: -4px}
#banner-job-info h2 i{position: absolute; left: -4px; top: 4px}
#footer-top h3 i{position: relative; top: 2px}
.icon-30.icon-glyph-14{line-height: 35px}


/* Sticky Header Animation */
@-moz-keyframes fadeInDown{0%{opacity: 0; transform: translateY(-20px)}100%{opacity: 1; transform: translateY(0px)}}
@-webkit-keyframes fadeInDown{0%{opacity: 0; transform: translateY(-20px)}100%{opacity: 1; transform: translateY(0px)}}
@-ms-keyframes fadeInDown{0%{opacity: 0; transform: translateY(-20px)}100%{opacity: 1; transform: translateY(0px)}}
@keyframes fadeInDown{0%{opacity: 0; transform: translateY(-20px)}100%{opacity: 1; transform: translateY(0px)}}



/* Retina */
/*CSS for serving the retina image to devices with a high "device-pixel-ratio":*/
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-devicepixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx) {
	#logo{
		background-image: url(../images/hays@2x.png);
		background-size: 235px;
	}
	#logo img{visibility: hidden}
}

/* iOS Devices only */
@media only screen and (device-width:320px), only screen and (device-width:414px), only screen and (device-width:768px){
	#menu, #menu.active, #wrapper, .mobile-menu-active #wrapper,
	.mobile-menu-active header.sticky{transition: margin ease 0.35s}
}

/* Mac only */
.mac-os #nav-main #toggle-worldwide.here:after, .mac-os #nav-main a.here:after{line-height: 33px}


/* IE Fix */
input[type=text], input[type=password], input[type=search], input[type=email], input[type=number], textarea, select, input[type=submit], input[type=button], input[type=reset], button, .btn{min-height: 0\9; border-radius: 0px;}


.loading, .gray-box .ui-autocomplete-loading  {
	background: url("../../assets/images/ajax-loader-gcs.gif") #fff no-repeat 98% center; background-size: 20px 20px;
}