html{
	-webkit-font-smoothing:antialiased;
	}
body{
	font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;
	background:#eeeeee;
	color:#323232;
	font-size:14px;
	line-height:21px;
	font-weight: normal !important;
	margin:0 !important;
	}
	
body a {
	color:#aa9800;	
	text-decoration:underline;
	}

body a:hover{
	text-decoration: none;
}

.clear{
	clear:both;
	}

p {
	margin-bottom:20px;
	line-height:21px;
	}
h6 {
	font-size:16px;
	}	

a { 
	text-decoration:none;
	color:#fff;
	}
h1 {
	font-size:27px;
	line-height:33px;
	font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;
	color: #000;
	font-weight: bold;
	}

h2 {
	font-size:25px;
	line-height:28px;
	}

h3 {
	font-size:20px;
	margin-bottom:10px;
	}
	
h4 {
	font-size:18px;
	margin-bottom:10px;
	}

h5 {
	font-size:16px;
	margin-bottom:10px;
	}

h6 {
	font-size:14px;
	margin-bottom:10px;
	}
	
b{
	
	font-weight: bold;
	
}
.last{
	
	margin-right: 0px !important;
	
}		
		
/*********************** header ***************************/
#header{
	width:100%;
	background:#000;
	height:129px;
	border-bottom:7px solid #fee332;
	position:relative;
	z-index:999;
	}

#header-wrap {
	width:1114px;
	margin:auto;
	position:relative;
	}

#logo{
	float:	left;
	margin-top: 5px;
	}
	
#logo img {
	width: 110px
}	

#nav-container {
	float:right;
	}

#tel-social{
	padding-top: 20px;
	color:#fdee27;
	}

#social-links{
	padding-top:0px;
	float:right;
	}

.#social-links ul{
	list-style:none;
	padding:0px 0px 0px 30px;
	}

#social-links ul li{
	display:inline;
	padding:0px 19px 0px 0px;
	}

#social-links ul li:last-child{
	padding-right: 0;
	}

#social-links ul li a span{
	text-decoration:none;
	color:  #fdee27;
	font-size: 21px;
	-webkit-transition:0.4s color ease;
	-moz-transition:0.4s color ease;
	-o-transition:0.4s color ease;
	transition:0.4s color ease;
	}

#social-links ul li a span:hover{
	color:#fff;
	}

#social-links ul li a span:active{
	color:#fdee27;
	}

.telephone {
	float:right;
	padding:0px 30px 0px 0px;
	font-size:21px;
	color:  #feea68;
	font-weight: 700;
	text-align:right;
	}

.telephone  span{
	padding-right :13px;
	font-size: 21px;
	}

.tel{
	color:#fbe209;
	font-weight: normal !important;
	}
	
#nav-menu{
	float:right;
	padding:0;
	margin-top:50px;
	margin-bottom:16px;
	font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;
	text-align: right;
	right: 0;
	position: absolute;	
	}
	

#nav-menu ul li{
	display:inline;
	padding:0px 0px 0px 18px;
	}

#nav-menu ul li a{
	position: relative;
	font-size:15px;
	-webkit-transition:0.4s color ease;
	-moz-transition:0.4s color ease;
	-o-transition:0.4s color ease;
	transition:0.4s color ease;
	color:#fff;
	text-decoration:none;
	text-shadow: 0px 2px 1px rgba(0,0,0,.6);
	font-weight: bold;
	}

#nav-menu ul li a:hover, #nav-menu ul li.current_page_item a, #nav-menu ul li.current-page-ancestor a{
	color:#feea68;
	}
	#nav-menu ul li a:active,#nav-menu ul li a:focus{
	color: #fff;
	top: 1px;
	text-shadow: 0px 0px 1px rgba(0,0,0,.6);
	}
	
#image-top {
	background-repeat:no-repeat;
	height:385px;
	background-position:center top;
	background-color: #FFF;
	background-size: cover;
	}


	
/**************************** end header ********************************/


/******************************** INDEX ********************************/

#wraper {
	width:100%;
	margin:auto;
	background-color:#fff;
	}
	
.post_content { 
	background: #f5f5f5;
	padding: 18px;
	border-radius: 4px;
	display: inline-block;
}
.home #wraper{ 
	margin-top: -50px;
}
.main-container {
	width: 1114px;
	margin: 0 auto;
	padding: 0;
	background-color:#fff;
	}	
.main-container img {
	max-width: 100%;
	height: auto;
}
.large-column {
	float:left;
	width:656px;
	position:relative;
	}
	
.banner-homepage .large-column{
	display:none;
	}

.full-marquee {
	width: 100%;
	height: 100px;
	background: #2a2a2a;
	height: 54px
}
.marquee-wrap {
	width:1114px;
	height:54px;
	margin: 0 auto;
	}

.marquee-wrap a:hover{
	font-weight:bold;
	}
	
.marquee-left {
	width: 165px;
	float: left;
	height: 54px;
	background-color: #fee232;
	font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;
	color: #000;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	line-height: 54px;
	}		
	
.marquee {
	width:945px;
	float:right;
	height:50px;
	}
.tickercontainer .mask{
	width: 875px!important;
	}
	
.tickercontainer{
	width: 885px!important;
	}

.marquee ul li{
	display: inline;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase
	}
.marquee ul li span { 
	color: #9c9c9c;
	margin-right: 10px;
	text-transform: none
}
.marquee a{
	color:#c0ac00;	
	text-transform: none;
	margin: 0 10px;
	text-decoration: none;
	border-radius: 4px;
	border: 2px solid #fee232;
	padding:2px 6px;
	color: #fee232;
	}
	
.homepage-items {
	width: 100%;
	padding:30px 0 10px 0; 
	text-align:center;
	margin:0 auto;
	margin-top:20px;
	}
	
.item-1 {
	width:33.333%;
	float:left;
	padding: 12px;
	}
	
.item-1:first-child{
	float:left;
	padding-left: 0;
	}
.item-1:nth-child(3){
	float:left;
	padding-right: 0;
	}	
	
.item-2 {
	margin-left:30px;
	float:left;
	width: 33%;
	}
	
.item-3 {
	float:right;
	width:33%;
	}

.item-title {
	padding:20px 0px 10px 0px;
	font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;
	color: #444320;
	}
	
.item-icon-1{
	width:115px;
	margin-left:auto;
	margin-right:auto;
	}
	
.item-discription-1{
	width:100%;
	font-size: 14px;
	line-height: 21px;
	margin: 0 auto;
    color: #000;
    font-weight: normal;
    text-align: justify;
    text-align-last: center;	
	}

.item-discription-1 p{
	margin-bottom: 30px;
	}
.item-discription-1 a{
	font-weight:700;
	text-decoration:underline;	
	}
.item-discription-1 a:hover{
	text-decoration:none;
	}
.item-icon-2{
	float:left;
	width:50px;
	}
	
.item-discription-2{
	float:right;
	width:240px;
	}	
.item-icon-3{
	float:left;
	width:70px;
	}
	
.item-discription-3{
	float:right;
	width:200px;
	}	

.button { 
	width:150px;
	height:40px;
	background-color:#f3de25;
	border:0px;
	font-size:17px;
	color:#24272d;
	}	

.homepage-items h6{
	font-size:21px;
	color: #000
	}	
	
	
/******************************** END INDEX ********************************/

/******************************** BLOG INDEX ********************************/

article.article, div.post.type-post {
	margin-bottom: 20px;
	padding: 20px 20px 0 20px;
	font-weight: bold;
	color: #696969;
	background: #f5f5f5;
	border-radius: 4px;
}
.post-title h2{
	margin-bottom: 20px;
	font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;
	font-size: 16px;
	background-image: url(https://www.spotonconnections.com/wp/wp-content/themes/images/bg-header.png);
	background-repeat: repeat;
	display: block;
	padding: 6px 20px;
	margin: -20px -20px 20px -20px;
}

 .job-search-head-bg {
background: #2a2a2a;
padding: 8px 20px;
margin: -20px -20px 20px -20px;
border-radius: 4px 4px 0 0;
 }
 
.post-title h2 a {
	color:#fdee27;
	font-weight: 400;
	text-decoration:none;
}

h2.entry-title{
	margin-bottom: 10px;
}

h2.entry-title a{
	font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;
	font-weight: 400;
	font-size:  22px;
	text-decoration: none;
}

a.read-more{
	display: block;
	margin-top: 8px;
	text-align: right;
}
article.article .date, .entry-meta {
	margin: 0 0 10px;
	display: block;
}

.post-content{
	padding: 0;
}

article#content.post.article{
	background: transparent;
	border: none;
	padding: 0;
	box-shadow:none;
}

.entry-footer{
	padding-bottom: 20px;
}

.post-content p{
	margin-bottom: 18px;
}

.post a, .post a:active {
	text-decoration: underline;
}

.post a:hover{
	text-decoration:none;
}

.single article.article .wp-post-image {
	max-width: 100%;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}
.paging-navigation {
	padding: 0 20px;
}
.paging-navigation .nav-previous {
	float: left;
}
.paging-navigation .nav-next {
	float: right;
}
/*Comment Box*/
.comment-form-comment label {
	display: block;
}
.comment-form-comment #comment {
	width: 100%;
}

.nav-previous a, .nav-next a{
	text-decoration: none;
	border: 1px solid #CCC;
	background-color: #d6d6d6;
	display:block;
	width: 220px;
	font-size: 14px;
	position: relative;
	line-height: 18px;
	padding-top: 6px;
	padding-bottom: 6px;
	font-weight: 400;
	margin-top: 20px;
}

.nav-previous a{
	float: right;
	padding-right: 30px;
	padding-left: 10px;
}

.nav-next a{
	float: left;
	padding-left: 30px;
	padding-right: 10px;
}

.nav-previous a:after{
	content: "\f0da";
	font-family: FontAwesome;
	display: block;
	position: absolute;
	float: right;
	right: 6px;
	font-size: 20px;
	top: 30%;
}

.nav-next a:before{
	content: "\f0d9";
	font-family: FontAwesome;
	display: block;
	position: absolute;
	float: left;
	left: 6px;
	top: 30%;
	font-size: 20px
}


/******************************** END BLOG INDEX ********************************/


/******************************** SIDEBAR ********************************/
	
.slide-overlay {
	width:100%;
	/*height:73px;*/
	bottom:0px;
	left:0px;
	}
	
.slide-overlay h2 {
	line-height: 38px;
	margin-bottom:30px;
	margin-top:40px;
	font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;
	color: #000;
	font-size: 36px;
	text-align: center;
	font-weight: bold;
	}	

.slide-overlay h3 {
	font-size: 15px;
	line-height:20px;
	-moz-column-count: 2;
	-moz-column-gap: 44px;
	-webkit-column-count: 2;
	-webkit-column-gap: 44px;
	column-count: 2;
	column-gap: 44px;
	}


.over-news{
	margin-top: 30px;
	padding-bottom:10px;
	}
.over-news  p{
	font-size: 16px;
	line-height:24px;
	padding-left:0px;
	padding-right:10px;
	letter-spacing: -0.1px;
	}
.over-news  p strong{
	font-weight: normal;
	font-style: italic;
	font-size: 21px;
	}
.page-contents blockquote p{
	text-align: center;
	font-size: 20px;
	font-style: italic;
	}
.page-contents blockquote.small p{
	text-align: left;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	color: #5A5A5A;
	}

.over-offer {
	float:right;
	position: absolute;
	z-index: 999;
	bottom: -4px;
	right: 0px;
	}
	
.sidebar {
	width: 330px;
	box-sizing: border-box;
	float: right;
	position: relative;
	margin-top: 50px;
	padding: 0;
	font-weight: bold;
	margin-bottom: 20px;
	}

.home .sidebar {
	float: none;
	margin-left: auto;
	margin-right: auto;
	width: 1114px;
	right: auto;
	background-color: transparent;
	
	}


.home .job-search {
	width: 1114px;
	height: 100px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	top: 35px;
	font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;
	text-align: center;
	padding-top: 25px;
	font-size: 32px;
	color: #FFF;
	font-weight: bold;
	margin-bottom: 55px
	}

.job-search {
	font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;
	font-size: 21px;
	color: #444320;
	margin-top: 50px;
	margin-bottom: 16px;
	text-align: center;
	}	

.job-title{
	width:250px;
	height:32px;
	font-size:15px;
	margin-bottom:15px;
	}
	
.job-title input{
	width:230px;
	height:32px ;
	font-size:15px;
	margin-bottom:15px;
	padding: 0 10px;
	}
	
.job_search-container input[type="text"]{
	width: 95%;
	box-sizing: border-box;
	height: 40px;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 8px;
	margin-bottom: 14px;
	border: 1px solid #FFF;
	background-color: #FFF; 
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, .25);
	font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;
	font-size: 14px !important;
	color: #323232 !important;
	border-radius: 6px;
	font-weight: bold;
}

.home .job_search-container input[type="submit"]{
	margin-top: 47px;
	height: 40px;
	width: 140px;
}

.job_search-container input[type="submit"]{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.job_search-container input[type="text"]:focus, .job_search-container input[type="text"]:active{
	box-shadow: inset 0 2px 2px rgba(0,0,0,.35),  0 0 10px rgba(253,238,39,.65)
}

.home .job_search-container input[type="text"]:focus, .job_search-container input[type="text"]:active{
	box-shadow: inset 0 2px 2px rgba(0,0,0,.35),  0 0 10px rgba(253,238,39,.85)
}

textarea:focus, input:focus{
    outline: 0;
	border: 1px solid #fdee27;
}

.function-wecover tr td{position: relative;}
.function-wecover li{max-width: 350px;}
.function-wecover img {
	position: absolute;
	top: 60px;
	right: 10px;
}


.home .sidebar .job_search-container{
	background-color: #fee232;
	height: 154px;
	padding: 22px 35px 20px 61px;
	background-image: none !important;
	border-radius: 5px;
	margin: 0 -15px 0 -15px;
	}

#job-search-shadow{
	height: 30px;
	margin: 0 auto;
	border-bottom: 1px solid #d6d6d6;
	background-image:url(https://www.spotonconnections.com/wp/wp-content/themes/images/small-search-shadow.png);
	background-repeat: no-repeat;
}

.home #job-search-shadow{
	width: 940px;
	height: 30px;
	margin: 0 auto;
	border-bottom: none;
}

.home .sidebar .job_search-container  h4 {
	font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;
	font-size: 26px;
	color: #000;
	text-shadow: 0 1px 1px rgba(255,255,255,.4);
	font-weight: bold;
}

.sidebar .job_search-container  h4 {
	font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;
	font-size: 18px;
	color: #FFF;
	text-shadow: 0 1px 1px rgba(0,0,0,1);
	margin-bottom: 0;
}


.home #job-bar, .home #location-bar{
	float: left;
	width: 435px;
}

.job_search-container{	
	margin-top: 12px;
	background-color: #fffcc7;
	border: 1px solid #ede8a9;
	padding: 20px 20px 24px 20px;
}



.select {
   -webkit-appearance: button;
   -webkit-border-radius: 4px;
   -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
   -webkit-padding-end: 20px;
   -webkit-padding-start: 2px;
   -webkit-user-select: none;
   /*background-image: url(../../../../15xvbd5.png), -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
   background-position: 97% center;
   background-repeat: no-repeat;*/
   border: 1px solid #d1d1d1;
   color: #555;
   font-size: inherit;
   overflow: hidden;
   padding: 5px 10px;
   text-overflow: ellipsis;
   white-space: nowrap;
   margin-top: 6px;
   position: relative;
 }
 
.select:hover{cursor:pointer;}

.job-search-job input:focus, .job-search-location input:focus, .wpcf7-form input:focus, .wpcf7-form textarea:focus{
	box-shadow: inset 0 2px 2px rgba(0, 0, 0, .35), 0 0 10px rgba(189, 189, 187, 0.5);
	outline: none;
}

.dotted {
	float: left;
	display: block;
	position: relative;
	width: 100%;
	padding: 10px 10px 20px;
}
.dotted.dotted-2 {
	padding: 10px 0 10px
}
.dotted span {
	border-top: 2px dotted #000;
	height: 2px;
	width: 100%;
	display: block;	
}

select:focus, .multiselect:focus{
	box-shadow: 0 0 10px rgba(253, 238, 39, .45);
	outline: none;
}

.select:visited, .select:focus, .select, .multiselect:active, .multiselect:focus, .multiselect{
	outline: none;
}
 
 .job-search-location input.uploadfield{
	background-color: rgba(0,0,0,.02);
	box-shadow: 0px 1px 1px #fff;
	padding-top: 16px;
	border: 1px dashed #d1d1d1!important;
}

.row.register-bt{
	margin-top: 20px;
	margin-bottom: 26px;
}
.row.register-bt input{
	margin-left: -100px;
	margin-top: 20px;
	width: 200px;
	left:50%;
}


 .job-search-location input.uploadfield:hover{cursor:pointer}
 
.location {
	width:250px;
	height:34px;
	font-size:15px;
	margin-bottom:15px;
	}

.sidebar h4 {
	font-size:19px;
	margin-bottom:10px;
	}
	
.side-career-advice {
	margin-top: 15px;
	text-align: center;
	background: #f5f5f5;
	border-radius: 4px;
	padding: 35px 35px 7px;
	}
.side-career-advice:first-child{ margin-top: 0 }	
.side-career-advice:last-child{
	border-bottom:none!important;
}

.side-career-advice a.button{
	margin-bottom: 20px;
}
.side-career-advice a, .page-contents a{
	color:#aa9800;	
	font-weight: 700;
	text-decoration: underline;
	}
	
.side-career-advice a:hover,  .page-contents a:hover{
	text-decoration: none;
	}	

.side-career-advice h5{
	font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;
	font-size: 18px;
	color: #000;
	margin-top: 14px;
	margin-bottom: 12px;
	font-weight: bold;
}
	
.side-career-advice-img {
	width:100px;
	margin-left: auto;
	margin-right: auto;
	}
	
.side-career-advice-text {
	text-align: justify;
	text-align-last: center;
	font-weight: normal
	}
	
	
/******************************** END SIDEBAR ********************************/




/******************************** LEFT NAVIGATOR ********************************/


.nav-left {
	float:left;
	width:200px;
	margin-right: 16px;
	}

.nav-left  ul{
	list-style-type: none;
	padding: 0;
	font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;
	font-size:  13px;
}

.nav-left ul li{
	width: 100%;
	margin-bottom: 4px;
	background: #07070d;
	border-radius: 4px;
	}

.nav-left ul li a{
	color:#fff;
	text-decoration:none;
	display: block;
	padding:7px 10px 7px 10px;
	background-color: transparent;
	-webkit-transition:0.2s color  ease, 0.2s background-color ease;
	-moz-transition:0.2s color ease, 0.2s background-color ease;
	-o-transition:0.2s color ease, 0.2s background-color ease;
	transition:0.2s color ease, 0.2s background-color ease;
	position: relative;
	font-weight:bold;
	}

.nav-left ul a:hover, .nav-left ul li.current_page_item a, ul.career_advice li.page-item-100 a{
	color: #FEE232 !important;
	background-color: #000;
	border-radius: 4px;
	}

.nav-left ul li.current_page_item a:after {
    content: "\f0da";
	float: right;
	font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
	color:#FEE232;
	position: absolute;
	top:50%;
	margin-top: -11px;
	height: 21px;
	right: 10px;
}
.nav-left ul li a:after {
    content: "\f0da";
	float: right;
	font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
	color:#fff;
	position: absolute;
	top:50%;
	margin-top: -11px;
	height: 21px;
	right: 10px;
}

ul.career_advice li.page-item-100 a{
	
	color: #fff;
	
}

/******************************** END LEFT NAVIGATOR ********************************/



/**************************** JOB SEARCH ********************************/

.job-search-contents {
padding: 22px 28px 10px 28px;
background: #fee232;
margin-top: 20px;
border-radius: 4px;
margin-bottom: 10px;
	}
	
.job-search-contents input[type="submit"]{ 
	float:right;
}

.job-search-contents input[type="submit"]:active, .job-search-contents input[type="submit"]:focus{ 
	float:right;
}	

.job-search-contents-shadow{
	height: 10px;
	}
	
.job-search-result.no-jobs{
	background-color: #d9edf7;
	border: 1px solid #bce8f1;
	margin: 0;
	padding: 16px 10px 4px 10px;
	border-radius: 6px;
}
.job-search-result input.apply[type="submit"] { 
	background: #fee232 !important;
	color: #000 !important
}
.job-search-result.no-jobs h5{
	color: #31708f;
	text-align: center;
	font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;
}

.job-search-job {
	float:left;
	}

.job-search-job h5, .job-search-location h5{
	font-size: 25px;
	color:#000;
	font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;
	font-weight: bold;

}

.job-register-contents .job-search-job h5, .job-register-contents .job-search-location h5{
	font-size: 16px;
	margin-bottom: 0px;
	color: #323232;
}

.job-register-contents .job-search-job h5 span, .job-register-contents .job-search-location h5 span{
	font-size: 12px;
	color: #818181;
	padding-left: 6px;
}

.job-register-contents .job-search-job h5 span.req, .job-register-contents .job-search-location h5 span.req{
	color: #903;
	margin-left: -3px;
}

.job-register-contents h3.job_name{
	font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;
	font-weight: 400;
	background-color: #fdee27;
	padding: 10px;
	border: none;
	box-shadow: 0px 1px 0px rgba(0, 0, 0, .2);
	margin-top: 20px;
}

.job-register-contents h3.job_name span{
	font-size: 14px;
	line-height: 30px;
} 

.job-register-contents h4{
	display: block;
	color: #fff;
	font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;
	font-weight: bold;
	font-size: 15px;
	padding: 8px 12px;
	background: #07070d;
	border-radius: 4px;
	margin: 15px -5px;
}

 .page-contents h4{
	display: block;
	color: #fff;
	font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;
	font-weight: bold;
	font-size: 15px;
	padding: 8px 12px;
	margin-top: 6px;
	margin-bottom: 16px;
	background: #07070d;
	border-radius: 4px;
}

.job-register-contents .row{
	padding:  0 10px;
}

span.job-id-small{
	background-color: #323232;
	border: none;
	padding: 3px 6px;
	text-align:center;
	font-size: 11px!important;
	position: relative;
	top: -3px;
	margin-left: 8px;
	color: #FFF;
}

.wpcf7-form input, .wpcf7-form textarea{
	width: 100%;
	height: 40px;
	padding-left: 14px;
	padding-right: 14px;
	margin-top: 8px;
	border: 1px solid #d1d1d1!important;
	background-color: rgba(255, 255, 255, .9); 
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, .25);
	font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;
	font-size: 16px !important;
	color: #323232 !important;
	border-radius: 6px;
}

.job-search-job input, .job-search-location input{
	width: 284px;
	height: 40px;
	padding-left: 14px;
	padding-right: 14px;
	margin-top: 8px;
	border: 1px solid #FFF!important;
	background-color: #FFFFFF; 
	font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;
	font-size: 16px !important;
	color: #323232 !important;
	border-radius: 6px;
	font-weight: bold
}

.job-register-contents .job-search-job input, .job-register-contents .job-search-location input{
	width: 100%;
}
.job-search-job {
	margin-right: 14px;
	}
.job-search-location .job-search-job {
	margin-right: 0px;
	}

.job-search-location {
	float:left;
	}
	
.job-title-job {
	width:250px;
	height:34px;
	font-size:15px;
	margin-bottom:15px;
	border:none;
	padding:0px 10px 0px 10px;
	}

.job-location {
	width:250px;
	height:34px;
	font-size:15px;
	margin-bottom:15px;
	border:none;
	padding:0px 10px 0px 10px;	
	}

.search-form h3 {
	font-size:19px;
	margin-bottom:10px;
	}

.job-search-result {
background-color: #f5f5f5;
margin-bottom: 20px;
padding: 20px;
border-radius: 4px 4px 0 0
	}
	
.job-search-title {
	font-size:16px;
	font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;
	float:left;
	width:452px;
	color: #fee232;
	font-weight: bold;
	}

.job-search-id {
	font-size:13px;
	float:right;
	width:120px;
	text-align:right;
	font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;
	color: #fff;
	font-weight: bold;
	}
.job-search-id span { color: #9c9c9c }
.job-search-head {
	margin:15px 0px 15px 0px;
	}

/*	
.job-search-des span {
	color: #FFFFFF !important;
	}
*/

.job-search-heads-left {
	float:left;
	width:80px;
	font-weight:bold;
	}

.job-search-heads-right {
	float:left;
	/*width:519px;*/
	width:319px;
	color: #696969;
	font-weight: bold;	
	}
	
#job-nav{
	padding: 8px 15px;
	background: #f5f5f5;
	margin-bottom: 20px;
	border-radius: 4px;
}	
	
.job-search-nav {
	float: right;
}

.job-search-nav a {
	text-decoration: none;
	font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;
	text-shadow: 0px 1px 1px rgba(255,255,255,.7);
	font-weight: 400;
	color: #2a2a2a;
	margin-left: 1px;
	float: left;
	display: block;
	height: 25px;
	text-align: center;
	line-height: 25px;
	-webkit-transition:0.2s color  ease, 0.2s background-color ease;
	-moz-transition:0.2s color ease, 0.2s background-color ease;
	-o-transition:0.2s color ease, 0.2s background-color ease;
	transition:0.2s color ease, 0.2s background-color ease;
	font-weight: bold; 
	font-size: 16px
}
.job-search-nav a:after { 
	content: ".";
	color: #2a2a2a;
}
.job-search-nav a:last-child:after, .job-search-nav a:nth-last-child(2):after, .job-search-nav a:nth-last-child(3):after { 
	content: "";
}
.job-search-nav a:last-child, .job-search-nav a:nth-last-child(2) {
	color: #fff;
	background: #2a2a2a;
	width: 15px;
	height: 15px;
	border-radius: 10px;
	margin: 5px 0px 0px 4px;
	line-height: 12px;
}
.job-search-nav a.current_page , .job-search-nav a:hover{
	color: #fee232;
}

.apply-button {
	float:right;
	margin-top: 10px;
	}


/******************************** END JOB SEARCH ********************************/

/******************************** JOB REGISTRATION ********************************/

.job-register-contents {
	background-color: #f5f5f5;
	margin-bottom: 20px;
	padding: 10px 20px;
	position: relative;
	border-radius: 4px
	}
.multiselect {
	border: 1px solid #d1d1d1;
	font-size: 13px;
	margin-bottom: 15px;
	margin-top: 6px;
	padding: 0 10px;
	width: 320px;
	color: #555;
	padding: 8px 10px;
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
	height: 138px;
	
}

.multiselect option{
	padding-top: 6px;
	padding-bottom: 6px;
}

.textfield {
	border: medium none;
	border-radius: 4px 4px 4px 4px;
	font-size: 15px;
	height: 34px;
	margin-bottom: 15px;
	padding: 0 10px;
	width: 250px;
}
.select {
	padding: 8px 0 8px 10px;
	width: 320px;
	margin-bottom: 15px;
}
.job-search-job .select,
.job-search-location .select,
.job-search-job .multiselect {
	width: 100%
}
.uploadfield {
	margin-bottom: 15px;
	height: auto !important;
	padding: 15px !important;	
}

.register-with-us .job-title-job,
.register-with-us .job-location {
	width: 160px;
}
.register-with-us .multiselect,
.register-with-us .select  {
	width: 180px;
}
	
/******************************** END JOB REGISTRATION ********************************/

/******************************** OVERVIEW ********************************/
/*.page-container {
	width:980px;
	}
*/
	
.left-container {
	float:left;
	width:762px;
	margin-top: 30px;	
	}

.page-title {
	padding:0px 0px 24px 0px;
	}
.job-search-page-title{
	background-image: url(../../../../wp-content/uploads/2017/05/job-search.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 90px;
	padding-top: 1px;
	height: 75px;
	}

.page-contents ul, .page-contents ol{
margin-left: 15px;
margin-bottom: 15px;
		}
	
.page-contents ul li{
list-style: disc;
		}
		
.page-contents ol li{
list-style:decimal;
		}	
	
.page-contents {
    float: left;
    width: 510px;
    margin-bottom: 20px;
    padding: 10px;
    box-sizing: border-box;
}
.page-contents p{
	font-size: 14px; 
	font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;
	line-height: 22px;
	margin-bottom: 20px;
	font-weight: normal;
	color: #696969;
}

.page-contents img {
	margin-bottom: 10px;
}

.make-me-bold {
	font-weight:bold;
	}
	                    
/******************************** END OVERVIEW ***********************************/


                    
/******************************** HISTORY ***********************************/
.history-page-contents {
	padding:0px 0px 0px 25px;
	float:right;
	width:494px;
	}
	
.history-item-1 {
	float:left;
	width:364px;
	}
.history-seperator-1 {
	
	width:100%;
	height: 30px;
	background: url(https://www.spotonconnections.com/wp/wp-content/themes/images/history-seprator-1.png) no-repeat;
	clear: both;
	}
.history-seperator-2 {
	
	width:100%;
	height: 30px;
	background: url(https://www.spotonconnections.com/wp/wp-content/themes/images/history-seprator-2.png) no-repeat;
	clear: both;
	}
	
.history-item-seprator {
	margin:5px 0px 0px 0px;
	}
.history-title, .yellow-title {
	color: #000000;
	background-color: #ffff00;
	padding: 2px 5px;
}

/******************************** END HISTORY ***********************************/


/******************************** CANDIDATES ***********************************/

.candidate-item {

	}

.candidate-item-1 {
	float:left;
	width:120px;
	}

.candidate-item-2 {
	float:left;
	width:345px;
	}
	
.candidate-advice-item-1 {
	float:left;
	width:90px;
	margin-right: 10px;
	}

.candidate-advice-item-2 {
	float:left;
	width:365px;
	}
	
.candidate-advice-item-full {
	
	width:100%;
	}
		
		
.candidate-border { 
	margin-bottom: 20px ;
	}	
	
.page-contents a{
	color:#c0ac00;	
	}			
	
.nav-next-previous {
	width:100%;
	}
		
.candidate-next {
	float:right;
	width:50px;
	}
		
.candidate-previous {
	float:left;
	width:80px;
	}	
	
.cv-tips ol li{
	list-style:decimal;
	padding-top:10px;
	padding-left:20px;
	}
	
.cv-tips {
	padding-left:20px;
	margin-bottom:20px;
	}
	
/******************************** END CANDIDATES ***********************************/


/******************************** EMPLOYEE ***********************************/

.employee-description {
	float:left;
	width:315px;
	}
	
.image-right {
	float:right;
	width:140px;
	}

.function-we-cover {
	margin-bottom:40px;
	}

.function-item-left {
	float:left;
	width:234px;
	}
	
.function-item-right {
	float:right;
	width:234px;
	}
	
.funtion-item-title {
	border-bottom:1px solid #666;
	margin-bottom:10px;
	}
	
.left-item-1 {
	float:left;
	width:140px;
	}
	
.left-item-2 {
	float:left;
	padding:0px 5px 0px 0px;
	background-image:url(https://www.spotonconnections.com/wp/wp-content/themes/images/function-img.jpg);
	}
.full .people_profile {
	height: auto;
	width: auto;
}
.people_profile{
	width: 155px;
	position: relative;
}	
.people_profile .mail_address {
	font-size: 11px;
}

h3.cat_name{
	margin-top: -3px;
	margin-bottom: 20px !important;
}
  
ul.peoplelist{
	padding-left:0;
	margin-left: 0px !important;
}   
 
ul.peoplelist li{
	display: inline-table;
	margin-right: 5px!important;
	margin-bottom: 12px!important;
	vertical-align: top;
	background: #292929;
	color: #fff;
	font-size: 12px;
	font-weight: bold;	
	border-radius: 4px;
}
.person { padding: 5px; border-radius: 0 0 4px 4px; }
.peoplelist li  span { color: #fee232} 
ul.peoplelist li img{
	margin-bottom: 0;
	width: 100% !important;
    max-width: none;
	border-radius: 4px 4px 0 0;
}                        	
ul.peoplelist li.last{
	margin-bottom: 0px;
} 
ul.peoplelist li.full img {
	display: block;
}
ul.peoplelist li.full {
	display: block;
	margin-bottom: 30px !important;
}  

.page-template-peoples-template-php 

/******************************** END EMPLOYEE ***********************************/


/******************************** CONTACT ***********************************/

.page-contents-left {
	padding:0px 25px;
	}
	
.quick-contact-form{
	margin:45px 0px 45px 0px;
	}

#contact-details {
	float:left;
	width:48%;
	padding-left:10px;
	}
	
#contact-comments {
	float:right;
	margin-left: 0px;
	width: 49%;
	padding-right: 10px;
	}
	
#contact-comments p{
	margin-bottom:0px;
}

#contact-comments .comments {
	width:400px;
	}
	
.contact-txt-name {	
	width:220px;
	height:24px;
	font-size:15px;
	margin:5px 0px 10px 0px;
	}
	
.contact-txt-phone {	
	width:220px;
	height:24px;
	font-size:15px;
	margin:5px 0px 10px 0px;
	}	

.contact-txt-email {	
	width:220px;
	height:24px;
	font-size:15px;
	margin:5px 0px 10px 0px;
	}

.contact-textarea {	
	width:350px;
	height:155px;
	font-size:15px;
	margin:5px 0px 10px 0px;
	}
	
	
.head{
	color: #323232;
    font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;
	font-size:16px;
	font-weight: bold;
}
/******************************** END CONTACT ***********************************/


/******************************** FOTTER ***********************************/
#footer-wrapper{
	width: 100%;
	background: #000;
	min-height:196px;
	box-shadow:0 -1px 2px rgba(0,0,0,.1);
	}
.footer{
	width: 1114px;
	margin: 0 auto;
	font-size:14px;
	font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;
	color: #fff;
	}
	
.footer-address h4{
	font-size: 18px;
	margin: 35px 0 30px 0;
	}
	
.footer-address{
	font-size:14px;
	line-height: 21px;
	float:left;
	padding: 55px 0 65px;
	}
.footer span{
	color:#fdee27;
	}
.footer .logo{
	float:right
	}

.footer a, .footer a:active{
	color: #fff;
	text-decoration:underline;
	font-weight: 400;
	}

.footer a:hover{
	text-decoration: none;
	color: #fff;
	}
.footer-nav{
	background-color:#fee332;
	line-height:42px;
}
.footer-nav	ul {
	list-style:none;
	margin-bottom: 5px;
	text-align:right;
	width: 1114px;
	margin: 0 auto;
	font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;
	}

.footer-nav	ul li{
	display:inline;
	padding:0px 10px 0px 0px;
	}

.footer-nav	ul li a{
	color: #000;
	font-size:15px;
	text-decoration:none;
	border-right: 1px solid #000;
	padding-right: 10px;
	text-shadow: 0 1px 1px #fff678;
	-webkit-transition:0.4s color ease;
	-moz-transition:0.4s color ease;
	-o-transition:0.4s color ease;
	transition:0.4s color ease;
	font-weight: 700;
	}

.footer-nav	ul li:last-child{
	padding:0;
	}
.footer-nav	ul li:last-child a{
	border-right: 0px !important;
	padding-right: 0px;
	
	}
.footer-nav	ul li a:hover{
	color:#8b885d;
	}	
	
.footer-nav	ul li a:active{
	color:#323232;
	}

.footer .fa-phone{
	margin-top: 18px;
	padding-right: 8px;
	}

.footer .fa-envelope{
	margin-top: 8px;
	padding-right: 8px;
	}
	
/******************************** END FOTTER ********************************/	



img.alignright {float:right; margin:0 0 20px 20px}
img.alignleft {float:left; margin:0 20px 2px 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.alignright {float:right; }
.alignleft {float:left; }
.aligncenter {display: block; margin-left: auto; margin-right: auto}


/******************************** Table ********************************/


table.function-wecover td{
	
	vertical-align: top !important;
	padding-bottom: 20px;
	
}


table.function-wecover td img{
	
	margin-left: 10px;
	
}

hr{
	border: none;
}


/******************* GALLERY *********************/

.gallery .gallery-item{

width: inherit !important;
margin-right: 15px;
}


.gallery br {
display:none;
}

.gallery img {
border: none !important;
}

.gallery:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}

/******************* FORM *********************/


input{
font-family:"Helvetica", Trebuchet MS, Arial, sans-serif;
font-size: 13px !important;	
	
}

.sub_container{
	background: #f5f5f5;
	padding: 16px;
	border-radius: 4px;
}

#map{
    padding: 20px;
}

#map iframe {
	margin: -20px 0px 10px ;
	max-width: 100%
}


form.wpcf7-form textarea{
	
	height: 220px;
	width: 100%;
	border: 0px;
	padding: 15px;
	
}

form.wpcf7-form input[type="submit"] {
    border: none !important;
    width: 100% !important;
    max-width: 280px;
    margin: 0 auto;
    display: block;
	color: #fff !important;
	background: #a5cf55 !important;
	box-shadow: none
}

/*form.wpcf7-form input{
	
	height: 26px;
	width: 215px;
	border: 0px;
	padding-left: 5px;
	
}


form.wpcf7-form input.wpcf7-submit{
	
	width: 80px;
	background: url(https://www.spotonconnections.com/wp/wp-content/themes/images/btn_bg.png) no-repeat left bottom;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
*/

input[type="button"]{
	
	background: url(https://www.spotonconnections.com/wp/wp-content/themes/images/btn_bg.png) no-repeat top left;
	height: 32px;
	border: 0px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 0 13px;
	font-size: 14px !important;
	font-weight: bold;
	color: #24272d;
	cursor: pointer;
	
	
}
input[type="submit"]{
	
	background: url(https://www.spotonconnections.com/wp/wp-content/themes/images/btn_bg.png) no-repeat top left;
	border: 0px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 0 13px;
	font-size: 14px !important;
	font-weight: bold;
	color: #24272d;
	cursor: pointer;
	
	
}

input[type="submit"].apply{
	
	background: url(https://www.spotonconnections.com/wp/wp-content/themes/images/btn_bg.png) no-repeat left bottom;
	/* height: 23px !important;*/
	border: 0px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 0 13px;
	font-size: 13px !important;
	font-weight: bold;
	color: #24272d;
	cursor: pointer;
	
	
}

input.error, input.error:focus {
	background-color: #FFFFD5;
	box-shadow: inset 0 2px 2px rgba(0,0,0,.35),  0 0 10px rgba(221,34,69,.35);
	border-width: 1px!important;
}
select.error {
	border: 1px!important;
	background-color: #FFFFD5;
	box-shadow: 0 0 10px rgba(221,34,69,.35);
}
label.error {
	color: #a94442;
	margin: 2px 8px;
	text-align: center;
	display: inline-block;
}

#message {
	padding: 10px;
	background-color: #dff0d8;
	border: 1px solid #d6e9c6;
	color: #3c763d;
	display: none;
	margin-bottom: 10px;
	margin-top: 16px;
}
#message a {
	color: #258815;
	text-decoration: underline;
}
#message.error {
	color: #a94442;
	background-color: #f2dede;
	border:  1px solid #ebccd1
}
h3.job_name {
	display: block;
	margin-bottom: 15px;
	text-align: center;
}

/******************* BUTTON*********************/


a.button, input[type="submit"], input[type="submit"].apply{
	text-decoration: none;	
	-moz-border-radius: 6px 6px 6px 6px !important;
	border-radius: 6px 6px 6px 6px !important;
	padding: 9px 24px 8px 24px!important;
	font-size: 16px !important;
	color: #fff!important;
	cursor: pointer !important;
	overflow: hidden;
	font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;
	position:relative;
	min-width:110px;
	background: #000 !important;
	margin-top: 19px;
	font-weight: bold;
}
a.button:hover, input[type="submit"]:hover, input[type="submit"].apply:hover{
	background: #fefa86;
	}
a.button:active, input[type="submit"]:active, input[type="submit"].apply:active, a.button:focus, input[type="submit"]:focus, input[type="submit"].apply:focus{
	box-shadow: inset 0 1px 1px rgba(0,0,0,.15),  inset 0 -1px 1px rgba(255,255,255,.65);
}

.addthis{
	padding: 12px 0px 1px 0px; 
	border-bottom: 1px solid #d6d6d6;
	border-top: 1px solid #d6d6d6;
	margin-top: 30px;
}

.addthis_toolbox a{
	margin-right: 12px;
}

.addthis_toolbox a a{
	margin-right: 0px;
}

a.addthis_button_pinterest_pinit {
	width: 42px!important;
	height: 26px!important;
}

a.addthis_button_tweet a{
	display: none;
}

.vission{
	width: 230px;
	height: 600px;
	margin-top: 20px;
	padding-top: 40px;
	padding-right: 200px;
	padding-left: 20px;
	color: #000;
	text-align: center;
	transform: rotate(5deg);
-ms-transform: rotate(5deg); /* IE 9 */
-webkit-transform: rotate(5deg); /* Safari and Chrome */
-o-transform: rotate(5deg); /* Opera */
-moz-transform: rotate(5deg); /* Firefox */
background-image: url(https://www.spotonconnections.com/wp/wp-content/themes/images/who-we-are-mission-and-vision.png);
background-repeat: no-repeat;
	
}


.vission h3{

margin-bottom: 0px !important;
}

.wpcf7-not-valid-tip-no-ajax{
	color: #a94442;
}

.wpcf7-validation-errors{
	color: #a94442;
    background-color: #f2dede;
    border: 1px solid #ebccd1;
	padding:20px;
	text-align:center;
	border-radius: 6px;
}

h5.title{
	display: block;
	color: #fff;
	font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;
	font-weight: bold;
	font-size: 15px;
	padding: 8px 12px;
	background: #07070d;
	border-radius: 4px;
	margin: 10px;
}

.details .job-search-head-bg{
	padding: 12px 20px 6px 20px;
}

.details .apply-button{
	float:none;
}
.job-search-des {
    color: #696969;
	text-align: justify;
}
.job-search-des b{ 
	display: block;
	font-size: 18px;
	padding-bottom: 5px;
	color: #2a2a2a; }
	
.page-template-job-search-template .job-search-des a, .page-template-job-search-template-single .job-search-des a {
    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: 30px 0 0;
    font-weight: bold;
}

.job-search-des a:hover{
	background-color: #8d8d8d;
	color:#FFF;
	border: 2px solid #8d8d8d;
}

ul.newsticker a{
padding: 0px 10px 1px 8px !important;
border: 2px solid #fee232;
background-color: transparent;
color: #fee232;
border-radius: 5px;
margin: 0 50px 0px 10px !important;
text-decoration: none;
font-weight: 400;
-webkit-transition: 0.4s all ease;
-moz-transition: 0.4s all ease;
-o-transition: 0.4s all ease;
transition: 0.4s all ease;
font-weight: bold;
}

ul.newsticker a:hover{
	background-color: #fdee27;
	color: #282828;
	font-weight:400;
	border: 1px solid #fdee27;
}

ul.peoplelist {
}

/* liScroll styles */

.tickercontainer { /* the outer div with the black border */

 
width: 828px; 
height: 50px; 
margin: 0; 
padding: 0;
overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 10px;
top: 0px;
width: 828px;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 750px;
font-size: 14px;
list-style-type: none;
margin: 0;
padding: 0;

}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
line-height: 50px;
color: #fff;
}
ul.newsticker a {
white-space: nowrap;
padding: 0;
color: #fee232;
font-size: 14px;
margin: 0 50px 0 0;
} 
ul.newsticker span {
margin: 0 10px 0 0;
}