/*--
	Theme Name: theme52547
	Theme URI: http://info.template-help.com/help/
	Description: A theme for Wordpress 4.x
	Author: Template_Help.com
	Author URI: http://info.template-help.com/help/
	Template: CherryFramework
	Version: 3.1.5
--*/

/* ----------------------------------------
	Please, You may put custom CSS here
---------------------------------------- */

body {
	font-family: 'Ubuntu' !important;
	font-size: 20px !important;
	line-height: 35px !important;
	text-align: left !important;
	background: #3A3A3A !important;
	font-weight: 100 !important;
	opacity: 1 !important;
}

a {
	color: #FFBA2C;
	font-family: 'Ubuntu' !important;
	/*font-weight: 100 !important;*/
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Ubuntu' !important;
	color: #585858 !important;
	letter-spacing: 0px !important;
	font-weight: 100 !important;
	line-height: 1.2em !important;
}

h2 {
	font-size: 36px !important;
}

h5 {
	font-size: 20px !important;
}

i {
	font-weight: 100 !important;
	font-size: 20px !important;
	line-height: 31px !important;
	opacity: 0.8 !important;
}

select,
input,
textarea {
	font-family: 'Ubuntu' !important;
	font-weight: 100 !important;
}

textarea {
	padding: 15px 10px !important;
}

strong {
	font-weight: 400 !important;
}

strong a {
	font-weight: 400 !important;	
}

.clearfix {
	/*height: 0px !important;*/
}

.nav__primary {
	padding: 10px 0 0 !important;
	margin-top: -6px !important;
}

.nav__primary .sf-menu {
	float: right !important;
	padding-left: 110px !important;
}

.sf-menu > li > a {
	font-family: 'Ubuntu' !important;
	font-size: 16px !important;
	font-weight: 200 !important;
}

.title-box_primary {
	color: #585858 !important;
	font-size: 32px !important;
	text-align: left !important;
}

.home #map-canvas {
	display: none !important;
}

.content-holder {
	top: -1px !important;
}

.content_box {
	padding: 50px 0 !important;
}

.content-box-light {
	background: #FAFAFA !important;
}

li > a {
	color: #FDA61F !important;
}

.inline {
	display: inline-block;
}

.log-out {
	display: none !important;
}

.slider_caption .btn {
	background: #FDA61F !important;
}

.logo_tagline {
	color: #FFF;
	position: relative;
	left: 5px;
	display: none;
}

.logo {
	margin-right: 48px !important;
}

/*Header*/

.nav-wrap {
	/*position: fixed !important;*/
	/*top: 30px !imoprtant;*/
}

.nav-wrap .span8,
.nav-wrap .span9 {
	bottom: -25px;
}

.parallax-box {
	/*height: 195px !important;
	min-height: 195px !important;*/
}

.home .header {
	padding: 0px 0 10px !important;
}

.header .parallax-box .parallax-content {
 	padding: 0px;
}

.parallax-box {
	min-height: 0px !important;
}

/*.nav-wrap::after {
	content: "" !important;
	background: url("http://techtesters.com/wp-content/uploads/2016/02/employers-hero-dark.png") !important;
	opacity: 0.5 !important;
	top: 0 !important;
	left: 0 !important;
	bottom: 0 !important;
	right: 0 !important;
	position: absolute !important;
	z-index: -1 !important;
	background-repeat: no-repeat !important;
	background-attachment: fixed !important;
	background-position: center !important;
}*/

.headerSpacer {
	width: 100%;
	position: relative;
	height: 90px;
}

.logo img {
	padding-top: 10px;
	max-height: 53px;
	min-width: 212px;
}

/*Menu linis*/
.menu-item a {
	color: #FFF !important;
	transition: all 0.1s;
}

.menu-item a:hover {
	color: #FFB82C !important;	
	background-color: #FFF;
	/*box-shadow: 0px 2px 0px #FFF;*/
}

.menu-item a:before, .menu-item a:after {
	opacity: 0;
	color: #FFF;
	transition: all 0.1s;
}


/*Reusable text styles */
/*COULD BREAK*/
.span4 p,
.span6 p,
.span5 p {
	font-size: 17px !important;
	line-height: 29px !important;
}


.siteMedText {
	font-size: 22px;
	line-height: 37px;
	color: #5D5D5D !important;
}

.siteBlockText {
	text-align: left;
}

.siteTitleText {
	font-size: 50px;
	padding-bottom: 30px;
	text-align: center;
	line-height: 57px;
}

.whiteText {
	color: #FFF !important;
	opacity: 0.9 !important;
}

.siteTextMiddle {
	text-align: center;
}

.siteTextMiddleBox {
	position: relative;
	width: 100%;
	text-align: center;
}

.textLink,
.oncolourTextLink {
	color: #F5A623 !important;
	text-decoration: underline !important;
	transition: 0.1s !important;
}

.textLink:hover {
	color: #B0B0B0 !important;
}

.oncolourTextLink:hover {
	color: #BBB !important;
}

.whiteText .oncolourTextLink:hover {
	color: #FFF !important;
}


/*Reusable object styles*/
.siteLineBreak {
	position: relative;
	width: 50%;
	height: 28px;
	margin-bottom: 28px;
	margin-left: auto;
	margin-right: auto;
	border-bottom: 1px solid #D8D8D8;
}

.siteRowSpacer {
	position: relative;
	width: 100%;
	height: 16px;
}

.siteContentSpacer {
	position: relative;
	width: 100%;
	height: 30px;
}

/*Image styles*/
.svgContainer {
	text-align: center;
	/* height: 200px; */
}

.imageContainer {
	text-align: center;
}

.svgStyleImage {
	width: auto;
	height: 65px;
}

.smallerSvgStyleImage {
	width: 77px;
	height: auto;
	margin-top: 16px;
}

.svgImage {
	width: auto;
	height: 65px;
}

.smallerSvgImage {
	width: 77px;
	height: auto;
	margin-top: 16px;
}

.pageImageContainer {
	width: 100%;
	height: auto;
	text-align: center;
}

.pageImage {
	width: 100%;
	height: auto;
	max-width: 234px;
}

.tickGraphContainer .row {
	padding-bottom: 25px;
}

.tickImage {

}

.tickImageText {
	width: 82%;
	display: inline-block;
	float: right;
	text-align: left;
}

.tickImageContainer {
	width: 10%;
	display: inline-block;
	position: absolute;
	top: 8px;
}

.tickIcon {
	margin-left: -46px;
	padding-right: 21px;
	color: #FFB110;
	width: 24px;
	font-size: 34px !important;
}


/*Button styles*/
.newBtnContainer {
	text-align: center;
}

.newBtn,
input[type="submit"] {
	color: white !important;
	font-family: 'Ubuntu' !important;
	text-transform: uppercase !important;
	padding: 10px !important;
	padding-bottom: 11px !important;
	background-color: #F5A623 !important;
	margin-left: auto !important;
	margin-right: auto !important;
	border-radius: 8px !important;
	transition: 0.1s !important;
	cursor: pointer !important;
	font-size: 15px !important;
	letter-spacing: 0 !important;
	font-weight: 100 !important;
}

.newBtn {
	width: 250px;
	height: 30px;
}

.newBtn:hover,
input[type="submit"]:hover {
	background-color: #323232 !important;
	/*border: 1px solid #5E5E5E;*/
}

.inlineBtn {
	display: inline-block;
	margin: 27px !important;
	margin-bottom: 10px !Important;
}

.jobPageBtn {
	margin-right: 0px !important;
}



/*Home page styles*/


.homeHeader2 {
	margin-top: 45px !important;
	font-size: 57px !important;
	line-height: 85px !important;
	opacity: 0.9 !important;
	letter-spacing: 0px !important;
	text-align: center;
	margin-bottom: 55px !important;
}

.homeHeader3 {
	color: #D6D6D6;
	font-weight: 100;
	font-size: 25px !important;
	letter-spacing: 0px !important;
	text-align: center;
}

.homeBtn {
	display: inline-block;
	padding: 15px !important;
	padding-bottom: 18px !important;
	font-size: 19px !important;
	margin: 18px;
	margin-top: 0px;
	/* border: 4px solid #F5A623; */
}

.homeBtn:hover {
	/* border: 4px solid #323232; */
}

.homeBrowseBtn {
	position: relative;
	background: transparent !important;
	border: 2px solid #F5A623;
	color: #F5A623 !important;
	/* border-bottom: none; */
	/* border-bottom-left-radius: 0px !important; */
	/* border-bottom-right-radius: 0px !important; */
	text-align: left;
	width: 201px;
	padding-left: 40px !important;
	padding-right: 28px !important;
}

.homeBrowseBtn:hover {
	/* border: 4px solid #F5A623; */
	background: #323232 !important;
	/* border-color: #F5A623 !important; */
	/* border-bottom: solid 2px #383838; */
}

.homeBtnSpacer {
	display: inline-block !important;
	width: 15px;
}

.searchSvg {
	position: absolute !important;
	top: -11px;
	width: 200px;
	/* text-align: right; */
	display: inline-block;
}

.searchSvgImage {
	height: 20px !important;
	/* margin-right: 0px; */
	/* margin-left: auto; */
	/* text-align: left; */
	/* float: right; */
	position: absolute;
	right: 0px;
}



/*Top title bar*/
.title-section {
	display: none !important;
}

/*Main content panel*/
#content {
	padding-top: 0px !important;
}

/*Back to top button*/
#back-top-wrapper #back-top a {
	border: none !important;
}

/*Contact us address display*/
.addressText {
	text-align: center;
}

/*Quote box*/
.quoteContainer {
	text-align: right !important;
}

.quoteName {
	font-size: 15px !important;
	color: #EBEBEB !important;
	opacity: 0.4 !important;
}

.quoteContainer h3 {
	font-size: 21px !important;
	margin-bottom: 0px;
	height: 40px;
}


/*Case study*/
.caseStudyBox {
	background-color: #E6E6E6;
	padding: 30px;
	padding-bottom: 1px;
	border-radius: 13px;
}

.caseStudyLink {
	display: inline-block;
	margin-right: 25px;
}

.caseStudyImageContainer {
	display: inline-block;
	position: absolute;
	top: 0px;
	/* right: 0px; */
	padding-left: 20px;
}

.downloadCaseStudy {
	position: relative;
}

/*Contact form styles*/

.contactFormContainer {
	color: #5D5D5D !important;
}

.contactFormInputSpan input, .contactFormInputSpan textarea {
	color: #5D5D5D !important;
	width: 100% !important;
}

.contactFormRow {
	padding-bottom: 10px;
}

.contactFormLabelSpan {
	text-align: right !important;
}

.smallText {
	font-size: 13px !important;
}

@media screen and (max-width: 480px) {
	.homeHeader2 {
		font-size: 28px !important;
		line-height: 40px !important;
	}

	.homeHeader3 {
		font-size: 20px !important;
		line-height: 31px !important;
	}
}

@media screen and (min-width: 481px) and (max-width: 765px) {
	.homeHeader2 {
		font-size: 34px !important;
		line-height: 57px !important;
	}

	.homeHeader3 {
		font-size: 25px !important;
		line-height: 40px !important;
	}

}

@media screen and (max-width: 767px) {
	/*Mobile version styles*/

	.customFooter {
		padding-left: 30px;
	}

	.content-holder {
		padding: 0 20px 0px 20px !important;
	}

	.span6,
	.span5 {
		margin-bottom: 40px !important;
	}

	.contactFormInputSpan {
		margin-bottom: 0px !important;
	}

	.select-menu {
		width: 93% !important;
	}

	.contactFormLabelSpan {
		text-align: left !important;
	}	

	.contactFormInputSpan input, .contactFormInputSpan textarea {
		width: 100% !important;
	}

	.contactFormLabel {
		display: inline-block;
	}

	.contactFormRequired:before {
		content: '- ';
	}

	.contactFormRequired {
		display: inline-block;
		padding-left: 10px;
	}

	.home .header {
		position: relative !important;
		padding: 0px 0 10px !important;
	}

	.header .span4 {
		margin-bottom: -25px !important;
	}

	.caseStudyImageContainer {
		right: 0px;
	}

	.smallerSvgImage {
		width: 90px !important;
	}

	.logo {
		padding: 0px !important;
		padding-left: 0px !important;
	}

	.logo img {
		height: 50px;
	}

	.headerSpacer {
		height: 75px;
	}

	.homeBtnSpacer {
		display: none !important;
	}

	.homeHeaderSpacer {
		height: 60px !important;
	}

	.nav-wrap {
		padding-top: 0px !important;
		padding: 5px 0px !important;
	}

	.nav__primary .sf-menu > .menu-item > .sub-menu {
		width:auto;
	}

	.tickGraphContainer .row {
		padding-bottom: 0px !important;
	}

	.tickGraphContainer .span4 {
		margin-bottom: 25px !important;
	}

	.tickImageContainer {
		position: relative;
	}

	.tickImageText {
		padding-bottom: 25px;
	}

	/*Remove bottom content box padding on mobile*/
	.content_box {
	    padding: 15px 0 !important;
	    padding-bottom: 0px !important;
	}

	/*Remove testimonial box on mobile */
	.content_box.dark-gray {
	    display: none !important;
	}




}

@media screen and (max-width: 998px) {
	p {
		text-align: left;
	}

	.span4 {
		margin-bottom: 50px;
	}

	.tickGraphContainer .span4 {
		margin-bottom: 0px;
	}

	.header {
		background-color: #3a3a3a !important;
	}

	.smallerSvgImage {
		width: 100%;
	}

}

.contactFormAccept {
	display: inline-flex;
}

.contactFormAccept > p {
	padding-left: 11px;
	padding-top: 3px;
}



::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #AFAFAF !important;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #AFAFAF !important;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #AFAFAF !important;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color:    #AFAFAF !important;
}
:placeholder-shown { /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */
	color:    #AFAFAF !important;
}


/*Job listing shortcode styles*/

.search_jobs {
	display: none !important;
}

/*Quote brackets business */
.quoteBrackets {
	position: absolute;
	width: 100%;
	display: inline-block;
	height: 100%;
}

.quoteBracketsSvg {
	height: 100%;
	opacity: 0.6;
}

.quoteBracketsImage {
	height: 100%;
	width: auto;
	max-width: 110px;
}

.leftBracket {
	text-align: left;
}

.rightBracket {
	text-align: right;
}

.quoteTextBox {padding: 20px;}

/*Footer styles*/

.footer > .container {
	padding: 35px 0 0px !important;
}

.footerContentSpacer {
	height: 25px !important;
}

.customFooter {
	color: #FFF !important;
}

.customFooter .whiteText,
.slicknav_menu .slicknav_menutxt {
	letter-spacing: 0px !important;
	font-size: 20px;
	font-weight: 100 !important;
}

.slicknav_menu .slicknav_icon {
    margin: 4px 14px !important;
}

.footerLink,
.latest-post a,
.latest-post p {
	color: #9b9b9b !important;
	font-size: 16px !important;
	display: block !important;
	line-height: 29px !important;
}

.footerLink:hover,
.latest-post a:hover {
	color: #FFF !important;
	text-decoration: none !important;
}

.latest-post a {color: #D2D2D2 !important;font-weight: 400;}




.footerContactBtn {
	width: 150px;
	margin-left: 0px !important;
	padding: 2px;
	height: 36px;
	padding-bottom: 6px;
	font-size: 12px !important;
	padding: 0px !important;
	border-radius: 5px !important;
	font-weight: 400 !important;
}

.content-holder {
	padding-bottom: 0px !important;
}

.footer {
	background-color: #3A3A3A !important;
}

.footerAddress {
	font-size: 14px !important;
	font-weight: 100;
	line-height: 24px;
	margin-bottom: 15px;
	text-align: center;
}

.socialSvgContainer {
	padding-top: 21px;
	text-align: left;
}

.socialSvg {
	width: auto;
	height: 28px;
	margin-right: 25px;
	transition: all 0.1s;
	opacity: 0.5;
	color: #fff;
	opacity: 0.8;
}

.socialSvg:hover {
	color: #FFF;
	opacity: 1;
}

.productDiagramImage {
	width: 100%;
	height: auto;
	max-width: 800px;
}

.toolsDiagramBorderBox {

}

.toolsDiagramBorderBox > .span3 {
	border-right: 2px solid #FFF;
	margin-right: -2px;
}

.toolsDiagramImageContainer {
	margin-bottom: 50px;
	height: 70px;
	padding-top: 20px;
}

.toolsDiagramImage {
	max-width: 145px;
}

.smallTool {
	max-width: 225px;
}

/*Job listing box*/

.job_listings {
	margin-top: 18px !important;
	border: none !important;
}

.job_listings .job_filters .job_types li label {
	color: #626262 !important;
	font-family: 'Ubuntu' !important;
}

.job_listings ul.job_listings li.job_listing > a .meta .job-type ul.job-types li {
	color: #626262 !important;
}

.job_listings ul.job_listings li.job_listing > a .location:before {
	color: #F5A623 !important;
}

div.job_listings ul.job_listings li.job_listing > a > div {
	border-left: none !important;
}

div.job_listings .job_filters .job_types {
	background: #FFF !important;
	border: solid 1px #D8D8D8 !important;
}

div.job_listings ul.job_listings li.job_listing {
	background: #F7F7F7 !important;
	padding: 22px !important;
}

div.job_listings ul.job_listings li.job_listing:hover {
	background: #FFF !important;
}

.job-types {
	font-family: 'Ubuntu' !important;
}

div.job_listings ul.job_listings li.job_listing > a .meta .date {
	font: 13px/1.2em 'Ubuntu', sans-serif !important;	
}

.single_job_listing .company .meta li.job-type {
	color: #F5A623 !important;
}

.google_map_link {
	color: #323232 !important;
}

.single_job_listing .company .meta li.location:before {
	color: #F5A623 !important;
}

.single_job_listing .company .meta li.date-posted {
	color: #323232 !important;		
}

.single_job_listing .meta .date-posted:before {
	color: #F5A623 !important;
}


/* Blog page */

.post__holder .post-header .date {
	font-family: 'Ubuntu' !important;
	font-weight: 100 !important;
}

#respond {
	display: none !important;
}

.nocomments {
	display: none !important;
}

.post__holder .post-header .post-title a {
	color: #FFBA2C !important;
}

article.post__holder .post_content .btn span:after {
	color: #FFBA2C !important;	
}

.post_content .excerpt, .post_content .full-post-content {
	color: #BBB !important;
}

.post__holder .post_content p {
	color: #BBB !important;
}

.post__holder .post_content h1, .post__holder .post_content h2, .post__holder .post_content h3, .post__holder .post_content h4, .post__holder .post_content h5, .post__holder .post_content h6 {
	color: #EDEDED !important;
}

article .post_meta .post_category a, article .post_meta .post_tag a, article .post_meta .post_tag {
	color: #FFBA2C !important;	
}

#categories-2 {
	display: none;
}

.meta_group,
article .post_meta .post_date time,
article .post_meta .post_author a,
article .post_meta .post_comment a
 {
	color: #FFBA2C !important;
	font-family: 'Ubuntu' !important;
}

article.post__holder {
	margin-top: 20px;
	background: #4A4A4A !important;
	margin-bottom: 20px !important;
}

article.post__holder .post_content {
	margin-top: 0px !important;
	padding-top: 0px !important;
	background: #4A4A4A !important;
	padding: 20px !important;
	padding-bottom: 50px !important;
}

div.crafty-social-buttons-align-left {
	margin-bottom: 25px !important;
}

.post_content span,
.post_content .excerpt {
    color: #F9F9F9 !important;
    font-weight: 100 !important;
    font-size: 18px !important;
    line-height: 30px;
}

.share-buttons {
	display: none !important;
}

.post-author {
	display: none !important;
}

#archives-3 h3 {
	color: #EDEDED !important;
	font-size: 33px !important;
	margin-bottom: 10px !important;
}

[id*="categories"] ul li, [id*="archives"] ul li, .list.custom-list ul li {
	border-top: none !important;
}

/*Bottom button*/

.homeBrowseBtn {
	bottom: -77px;
	z-index: -12;
	/* border-bottom: solid 2px #383838; */
}



@media screen and (max-width: 1309px) {

}

@media screen and (max-width: 1182px) {
	.socialSvg {
	    margin-right: 7px;
	}
}


@media screen and (min-width: 767px) and (max-width: 1199px) {
	.logo {
		float: left !important;
		/*padding-left: 28px !important;*/
	}

	.nav__primary .sf-menu {
		padding-left: 28px !important;
	}

	.homeHeader2 {
		font-size: 53px !important;
		line-height: 70px !important;
	}
}

@media screen and (min-width: 980px) and (max-width: 1200px) {


	.sf-menu > li > a {
		margin-right: 15px !important;
	}
}

@media screen and (max-width: 981px) {

	.nav__primary .sf-menu > .menu-item > a {
	    font-size: 13px !important;
	}

}

@media screen and (max-width: 979px) {

	.footerContactBtn {
	    width: 120px;
	}

	.sf-menu > li > a {
		margin-right: 0px !important;
	}

}


@media screen and (max-width: 768px) {
	.homeBrowseBtn {
		bottom: -78px !important;
	}

	.logo {
		float: left !important;
	}
}


@media screen and (min-width: 768px) {
	#menu-item-2586 {
		display: none !important;
	}

}

@media screen and (max-width: 355px) {

	.newBtn,
	.homeBrowseBtn {
    	width: 168px;
	    padding-left: 14px !important;
    	padding-right: 10px !important;
    }

    .searchSvgImage {
    	display: none;
    }

}

@media screen and (max-width: 474px) {

	h2 {
	    font-size: 28px !important;
	    line-height: 40px;
	}



}

.error404-holder .error404-holder_num {
	color: #FFBA2C !important;
}

.error404-holder .span5,
.error404-holder .span5 h4,
.error404-holder .span5 h1,
.error404-holder .span5 h2 {
	color: #BBB !important;
}

#back-top-wrapper #back-top a:hover:after {
	color: #FFBA2C !important;
}

.caseStudyBox .wpcf7-response-output {
	display: none !important;
	opacity: 0 !important;
	height: 0px !important;
	overflow: hidden !important;
}

/*Iframe */

#bullhornIframe {
	width: 100%;
	margin-top: 15px;
	min-height: 915px;
	border: none;
	/*box-shadow: 7px 7px 0px #333;*/
}

.bullhornBackground {
	width: 100%;
}

/*.bullhornBackground {
	background: #f7f7f7;
}

.bullhornBackground:before, .bullhornBackground:after {
    background: inherit;
}

.bullhornBackground:before {
    left: -230%;
}

.bullhornBackground:after {
    right: -230%;
}

.bullhornBackground:before,
.bullhornBackground:after {
    content: "";
    position: absolute;
    top: 0;
    width: 231%;
    height: 100%;
    z-index: -1;
}*/



.alert.cf-cookie-banner-wrap {
	font-size: 15px !important;
}

.close {
	font-size: 45px !important;
	font-weight: normal !important;
}

header.app {
	background-color: #777;
}

.select-menu {
	display: none !important;
}

@media screen and (max-width: 480px) {
	
	h2 {
	    line-height: 42px !important;
	}
	
	.footerAddress {
		text-align: left;
		margin-top: 30px;
	}
}


@media screen and (max-width: 750px) {
	.imageChangeAlignBox h5 {
		text-align: center;
		margin-top: 20px;
	}

	.logo {
	    padding-top: 20px !important;
	    padding-bottom: 20px !important;
	}

}

.content_box.dark-gray p, .content_box.green p {
    opacity: 0.8 !important;
}

.related-posts a {
    font-size: 16px !important;
    line-height: 20px !important;
    font-weight: 100 !important;
}

.related-posts_h {
    font-size: 35px !important;
    color: #dadada !important;	
}

.page-id-2574  .parallax-box {
	padding-top:20px !important;
	padding-bottom:15px !important;
}

.date {
    color: #c1c1c1 !important;
    font-size: 31px !important;
    padding: 10px !important;
    padding-bottom: 6px !important;
    margin-bottom: 0px !important;
}

.post-title a {
	font-size: 31px !important;
    padding-left: 10px !important;
}

.pagination.pagination__posts {

}

.pagination ul li a:hover, .pagination ul li a:active, .pagination ul li a:focus {
    color: #fff !important;
    background: #FDA61F !important;
}

.pagination ul li.active span {
	color: #FFF !important;
}

a:hover, a:focus {
    color: #FFF !important;
}

.post__holder .featured-thumbnail.large {
    margin-bottom: 0px !important;
}