a:hover,
a:active,
a:focus {
    outline: none;
}
body { background: transparent }
.fa {
    color: #fcec42
}
.spotonlogos {
    float: right;
    padding-top: 55px;
}
.spotonlogos img { 
	width: 110px;
}
.half {
    width: 50%;
    display: inline-block;
    float: left;
}
.over-news .half:first-of-type {
    padding-right: 55px
}
.over-news .half:last-child {
    text-align: justify
}
.over-news .half p {
    font-size: 14px;
    font-weight: normal
}
.full {
    width: 100%;
    display: block;
    clear: both;
}
.over-news .full {
    text-align: center;
    color: #2b2b2b;
    font-size: 22px;
    padding-top: 10px;
}
.over-news .full .button {
    display: inline-block;
    margin-top: 20px;
    width: auto;
    font-weight: bold !important
}
.item {
    background: #f5f5f5;
    border-radius: 5px;
    padding: 35px 35px 7px;
}
.job_search-container input[type="submit"] {
    background: #000;
    color: #fff !important
}
.over-news a.button,
.homepage-items a.button,
.sidebar a.button,
.candidate-advice-item-full a.button {
    color: #000000 !important;
    background: #fee232 !important
}
.sidebar a.button,
.homepage-items a.button {
    width: 100% !important;
    display: block;
    margin-top: 25px !important;
	text-align: center
}
.archive  #job-nav { 
	text-align: right;
	color: #2a2a2a;
	font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;
	font-size: 16px;
	font-weight: bold
}
.archive #job-nav .current {
    color: #fee232;
}
.archive #job-nav a {
	text-decoration: none;
	color: #2a2a2a
}
.archive #job-nav a:last-child { 
	color: #fff;
	background: #2a2a2a;
	width: 15px;
	height: 15px;
	border-radius: 10px;
	display: inline-block;
	line-height: 12px;
	top: -2px;
	position: relative;
}
#job-nav .prev {
	color: #fff !important;
	background: #2a2a2a;
	width: 15px;
	height: 15px;
	border-radius: 10px;
	display: inline-block;
	line-height: 12px;
	top: -2px;
	position: relative;	
}
.archive #job-nav span:after,
.archive #job-nav a:after {
    content: ".";
    color: #2a2a2a;
}
.page-template-job-search-template-single #job-nav a { 
	background: transparent
 }
.page-template-job-search-template-single #job-nav a:after {
	content: "."
}
.page-template-job-search-template-single #job-nav a.inactive {
	color: #2a2a2a
}
.archive .entry-title {
    background: #2a2a2a;
    padding: 8px 20px;
    margin: -20px -20px 20px -20px;
    border-radius: 4px 4px 0 0;
}
.archive .entry-title a,
.archive .entry-title a:hover {
    color: #fee232;
    font-weight: bold;
    font-size: 16px;
}
.meta-prep {
    color: #000
}
.author a,
.author a:hover {
    color: #696969;
    text-decoration: none
}
.archive .entry-summary .more-link:hover {
    background-color: #8d8d8d;
    color: #FFF;
    border: 2px solid #8d8d8d;
}
.archive .entry-summary .more-link {
    padding: 1px 12px !important;
    border: 2px solid #8d8d8d;
    border-radius: 5px;
    color: #282828;
    font-weight: 400;
    color: #8d8d8d;
    text-decoration: none;
    -webkit-transition: 0.4s all ease;
    -moz-transition: 0.4s all ease;
    -o-transition: 0.4s all ease;
    transition: 0.4s all ease;
    float: right;
    margin-top: 25px;
    font-weight: bold;
}
.candidate-advice-item-full .more-link {
    display: none
}
.candidate-advice-item-full hr {
    background: #222;
    height: 1px;
    margin: 30px 0;
}
.mob-menu {
    display: none
}
.job-search-contents input[type="submit"] {
    margin-top: 57px;
}
.category-articles .entry-summary p {
	font-weight: normal
}
.single-post .entry-content p {
	font-weight: normal 
}
#menu-item-203 {
	display: none !important
} 
#menu-item-203 a{
	font-size: 22px !important
} 
#register_candidate .job-search-job {
	margin-right: 4%
}
#register_candidate .job-search-job,
#register_candidate .job-search-location {
	width: 48%
}
.foogallery-thumbnail a {
	margin: 5px 8px 15px 0;
	border: none !important;
	box-shadow: none;
	border-radius: 4px 4px 0 0;
	text-decoration: none;
}
.page-contents img {
    margin-bottom: 0;
}
.thumbnail-caption {
    display: block;
    position: relative !important;
    border-radius: 0 0 4px 4px;
    background: #292929;
	padding: 5px
}
.foogallery-thumbnail a:hover {
    border: none !important;
}
.foogallery-thumbnail .thumbnail-caption h3 {
	color: #fee232;
	font-weight: bold;
	font-size: 12px;
	padding: 0;
}
.foogallery-thumbnail .thumbnail-caption p {
    font-size: 12px;
    margin: 0;
    padding: 0 0 0 2px;
    color: #fff;
    font-weight: bold;
}
.foogallery-container {
	margin-top: -15px;
}
.page-id-116  .page-contents p {
	margin-bottom: 0;
}
.registered {
	color: #666;
	margin-top: 10px
}
.phone-por {
	margin-left: 25px;
}
.footer-address .place {
	color: #fdee27;
	margin-right: 5px;
	display: inline-block
}

.entry-summary img { padding-right: 10px; float: left; width: 280px; }
.category-articles .entry-summary { display: inline-block; }

.refer-a-friend { padding: 0 0 7px }
.refer-a-friend .side-career-advice-img { width: 100% }
.refer-a-friend img  { border-radius: 4px 4px 0 0; width: 100%; }
.refer-a-friend .side-career-advice-text { padding: 0 35px }

.refer-home { width: 100%; height: 90px; border-radius: 4px; background: #fee232; margin-top: 25px; }
.refer-home img { max-height: 100%; float: left;}

.refer-container { margin-bottom: 40px; text-align:center }
.refer-container h2 { color: #000; font-weight: bold; padding: 11px 0 0 77px; font-size: 32px;  float:none; display: inline-block; padding-left:0 }
.refer-container a { background: #000; color: #fff; text-decoration: none; border-radius: 6px; padding: 9px 24px 8px 24px; font-size: 16px; font-weight: bold; margin: 26px; float: none; position: relative; top: -4px; }

.tip { position: absolute; display: none; background: #292929; bottom: 100%; height: auto; width: 380px; padding: 3px 7px; z-index: 99999; left: -125px; border: 2px solid transparent; border-radius: 4px;}
.people_profile:hover >  .tip { display: block }
.tip a { display: block }

@media (max-width: 1140px) {
    #header-wrap,
    .footer,
    .home .sidebar,
    .home .job-search,
    .footer-nav ul,
    .main-container,
    .marquee-wrap,
    .home #job-search-shadow {
        width: 942px;
    }
    .home #job-bar,
    .home #location-bar {
        float: left;
        width: 355px;
    }
    .over-news .half:first-of-type {
        padding-right: 20px;
    }
    .item-1 {
        padding: 10px;
    }
    .marquee,
    .tickercontainer {
        width: 775px !important;
    }
    .sidebar {
        width: 255px;
    }
    .left-container {
        width: 670px;
    }
    .job-search-job input,
    .job-search-location input {
        width: 238px;
        font-size: 14px !important;
    }
    .nav-left {
        width: 160px
    }
    .page-contents {
        width: 455px
    }
    .people_profile {
        width: 136px;
    }
	.foogallery-thumbnail.position-float-left {
		width: 145px;
	}
	
	.refer-home h2 { font-size: 26px; padding: 12px 0 0 37px; }
}
@media (max-width: 991px) {
    #header-wrap,
    .footer,
    .home .sidebar,
    .home .job-search,
    .footer-nav ul,
    .main-container,
    .marquee-wrap,
    .home #job-search-shadow {
        width: 715px;
    }
    .job-search-location input {
        width: 260px;
	}
    #nav-menu ul li {
        padding-left: 13px
    }
    #nav-menu ul li a {
        font-size: 14px;
    }
    .home .sidebar .job_search-container {
        height: 135px;
        padding: 10px 16px 10px 25px;
    }
    .home #job-bar,
    .home #location-bar {
        float: left;
        width: 280px;
    }
    .home .job_search-container input[type="text"] {
        font-size: 14px !important
    }
    .marquee,
    .tickercontainer {
        width: 550px !important;
    }
    .left-container,
    .sidebar {
        width: 100%;
    }
    .post_content {
        width: 100%
    }
    .page-contents {
        width: 500px;
    }
    .people_profile {
        width: 148px;
    }
    .job-search-job input,
    .job-search-location input {
        width: 260px;
        font-size: 14px !important;
    }	
	.foogallery-thumbnail.position-float-left {
		width: 160px;
	}
	.refer-container { padding: 0 10px }
	.refer-home { height: auto; display: inline-block; padding: 0 10px}
	.refer-home img {
		float: none;
		width: 100%;
		max-height: auto;
	}	
	.refer-home h2 { width: 100%; text-align: center; float: none; padding: 0}
	.refer-home a { float: none; display: block; width: 158px; margin: 15px auto 20px; }
}
@media (max-width: 767px) {
    #header-wrap,
    .footer,
    .home .sidebar,
    .home .job-search,
    .footer-nav ul,
    .main-container,
    .marquee-wrap {
        width: 100%;
    }
    .mob-menu {
        display: block;
        background: #fcec42;
        color: #000;
        border-radius: 4px;
        position: absolute;
        right: 10px;
        top: 84px;
        height: 28px;
        padding: 5px 10px;
    }
    .mob-menu b {
        float: right;
        font-weight: bold;
        font-size: 16px;
        cursor: pointer;
        cursor: pointer;
        position: relative;
        margin: -2px 0 0 0;
        padding: 0;
    }
    #nav-menu {
		width: 100%;
		max-height: inherit;
		position: fixed;
		margin: 0;
		top: 0;
		height: 100% !important;
		overflow: hidden;
		background: rgba(0,0,0,0.9);
		padding-top: 10px;
    }
    #menu-main-navigation {
        width: 100%;
        text-align: center;
        margin: 8px 0 0 0;
    }
    #nav-menu ul li a {
        font-size: 15px;
    }
    #nav-menu ul li {
        display: block;
    }
    #social-links {
        margin-right: 10px
    }
    .telephone {
        position: absolute;
        right: 10px;
        padding: 0;
        top: 46px;
    }
    .sidebar {
        margin-top: 10px;
    }
    .job-search {
        width: 320px;
        font-size: 26px;
    }
    .home .job-search {
        width: 100%;
        font-size: 24px;
        top: 20px;
    }
    .home #job-bar,
    .home #location-bar {
        float: none;
        width: 100%;
    }
    .home .sidebar .job_search-container {
        height: auto;
        padding: 10px 16px;
    }
    #image-top {
        height: auto;
        padding: 0 15px;
    }
    .home .job_search-container input[type="text"] {
        width: 100%;
    }
    .home .job_search-container input[type="submit"] {
        height: 49px;
        width: 100%;
        margin: 10px 0;
    }
    .full-marquee {
        margin-top: -20px
    }
    .marquee-left {
        display: none
    }
    .half {
        width: 100%;
        padding: 0 15px;
        text-align: justify;
    }
    .item-1, .item-1:first-child, .item-1:nth-child(3) {
        width: 100% !important;
		padding: 10px;
    }
    .footer-nav {
        height: 10px
    }
    .menu-footer-navigation-container {
        display: none
    }
    .footer-address {
        padding: 20px 0 30px 15px;
    }
    #job-search-shadow {
        width: 200px !important
    }
    .marquee,
    .tickercontainer {
        width: 100% !important;
        padding: 0 5px;
    }
    .left-container,
    .sidebar {
        padding: 0 15px;
    }
    .job-search-job,
    .job-search-location,
    .job-search-job input,
    .job-search-location input {
        width: 100%
    }
    #logo {
        margin-left: 15px;
    }
    .job-search-contents {
        margin-bottom: 15px;
        padding: 10px 16px;
    }
    .job-search-contents input[type="submit"] {
        float: none;
        top: -10px;
        width: 100%;
        height: 49px;
    }
    .sidebar {
        padding: 15px;
        background: transparent
    }
    .side-career-advice {
        background: #f5f5f5;
        border-radius: 4px;
        padding: 20px
    }
	.refer-a-friend { padding: 0 0 7px }
	
	.refer-a-friend .side-career-advice-text { padding: 0 20px; }
    .apply-button,
    .job-search-result input.apply[type="submit"] {
        width: 100%;
        left: auto;
        margin: 10px 0;
    }
    .nav-left {
        width: 100%;
    }
    .page-contents {
        width: 100%;
    }
    .function-wecover {
        width: 100%
    }
    .job-search-contents input[type="submit"] {
        margin-top: 18px;
    }
	#nav-menu.in #menu-item-203 { 
		display: block !important;
		position: fixed;
		top: 10px;
		right: 0px;
	}
	.spotonlogos {
		float: left;
		text-align: center;
		padding: 20px;
		width: 100%;
	}	
	#tel-social {
		padding-top: 12px;
	}	
	#contact-details,
	#contact-comments {
		width: 100%;
		padding: 0 10px;
	}
	.dotted {
		padding: 20px 10px;
	}
	#register_candidate .job-search-job, #register_candidate .job-search-location {
		width: 100%;
	}
	.over-news p {
		padding-right: 0
	}
	.job-search-heads-right {
		width: auto
	}
	.job-search-id {
		width: 90px
	}
	.job-search-title {
		width: auto;
	}
	.tip { position: fixed; bottom:0; left: 0; width: 100% }
}
@media (max-width: 530px) {
	.dashsep { display: inline-block !important; padding: 0 5px 0 10px !important; font-size: 16px !important;}
	#header .telephone {  font-size: 16px; }
}	

@media (max-width: 500px) {
	.entry-summary img { width: 100%; margin-bottom: 8px; padding-right: 0}
}
@media (max-width: 450px) {
	.dashsep { display: inline-block !important; padding: 0 0px 0 5px !important; font-size: 14px !important;}
	#header .telephone {  font-size: 14px; }
    #header .fa-phone-square { font-size: 15px; padding-right: 5px; }
}
@media (max-width: 400px) {
    #header .telephone { width: 160px; margin-top: -7px }
    .dashsep {display: none !important; }
}