@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}

/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		4;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

.fluid {
	clear: both;
	margin-left: 0;
	width: 100%;
	float: left;
	display: block;
}

.fluidList {
    list-style:none;
    list-style-image:none;
    margin:0;
    padding:0;        
}

/* Mobile Layout: 480px and below. */
  
.bullet {
}  
.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	padding-left: 0%;
	padding-right: 0%;
	clear: none;
	float: none;
}
/* phone header elements */
.headerBarWhite {
	padding-top:10px;
	background-color: #FFFFFF;
}
.headerBarBlue {
	padding-top:10px;
	background-image: -webkit-linear-gradient(270deg,rgba(61,185,237,1.00) 0%,rgba(25,68,128,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(61,185,237,1.00) 0%,rgba(25,68,128,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(61,185,237,1.00) 0%,rgba(25,68,128,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(61,185,237,1.00) 0%,rgba(25,68,128,1.00) 100%);	
}
.headerWrapper {
	width:90%;
	padding-left:5%;
	padding-right:5%;
}
.logo {
	clear:none;
	width:40%;
	margin-right:3%;
	padding-bottom:13px;
	position:relative;

}
.logoPC {
	display:none;
}

.resellerLogo {
	display: none;
}
.resellerLogoPhone {
	clear:none;
	width:20%;
	max-height: 50px;
	position: relative;
}
.resellerLogoPhone img{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -20%);
    transform: translate(-50%, -20%);
	overflow:none;
}
.resellerInfoTabletPC {
}

.resellerName {
	display: none;
}
.tabletPCCountries {
	display: none;
}

.resellerNamePhone {
	text-align:center;
	font-size:20px;
	color: #194480;
	font-weight:600;
}
.headerRight {
	display:none;
	width:90%;
	padding-left:5%;
	padding-right:5%;
}
/* phone header menu elements */
.phoneMenu {
	clear: none;
	width: 20%;
	padding-left:16%;
	margin-top:-4px;
}
.phoneCountries {
	clear:none;
	padding-bottom:10px;
	width: 15%;
	padding-right:42.5%;
	padding-left:42.5%;
	color: #808285;
}
.topMenu {
	display:block;
	font-size: 12px;
	text-align:center;
	padding-bottom:10px;
}
.mainMenu {
	display: none;
}
.mainMenuBlog {
	display: none;
}
.mainMenuBlogReseller {
	display: none;
}

.phoneMenuBlue {
}
.phoneMenuWhite {
}
.topMenuBlue {
	color: #FFFFFF;
}
.topMenuWhite {
	color: #808285;
}
.mainMenuBlue {
}
.mainMenuWhite {
}
.login {
	display:block;
	width:50%;
	padding-left:25%;
	padding-right:25%;
	padding-top:10px;
	padding-bottom:10px;
}
.bookDemoHeader {
	display: none;
}
.userName {
	margin-top:-15px;
	margin-bottom:5px;
}

.blackLine {
	min-height:3px;
}
/* phone Hero on home page elements */
.heroImageBarRemoteWork {
	background-image: url(../images/remote-work-hero-image.jpg);
	background-repeat: no-repeat;
	background-position: 10% 50%;
	background-size: auto;
	min-height: 300px;
}
.heroImageBarLandingPage {
	background-image: url(../images/heroLandingPage.jpg);
	background-repeat: no-repeat;
	background-position: 10% 50%;
	background-size: auto;
	min-height: 300px;
}
.heroImageBar {
	background-image: url(../images/heroHA2018.jpg);
	background-repeat: no-repeat;
	background-position: 10% 50%;
	background-size: auto;
	min-height: 300px;
}
.heroImageWrapper {
	width:90%;
	padding-left:5%;
	padding-right:5%;
}
.heroHeading {
	color:#FFFFFF;
	font-weight:550;
	font-size:24px;
	width:90%;
	padding-left:5%;
	padding-right:5%;
	padding-top:70px;
	padding-bottom:50px;
}
.heroHeading1 {
	color:#FFFFFF;
	font-weight:550;
	font-size:24px;
	width:90%;
	padding-left:5%;
	padding-right:5%;
	padding-top:80px;
	padding-bottom:0px;
}
.heroHeading2 {
	color:#FFFFFF;
	font-weight:550;
	font-size:24px;
	width:90%;
	padding-left:5%;
	padding-right:5%;
	padding-top:0px;
	padding-bottom:50px;
}
.heroImageButtons {
}
.heroButtons {
	height: 34px;
	border: 2px solid #FFFFFF;
	text-align:center;
	width: 90%;
	padding-left:5%;
	padding-right:5%;
	padding-top:8px;	
	clear: none;
	font-weight:bold;
}
.heroButtons a:link{
	text-decoration:none;
}
.heroButtonsBlue {
	min-height: 34px;
	border: 2px solid #194480;
	text-align:center;
	width: 90%;
	padding-left:5%;
	padding-right:5%;
	padding-top:3px;
	padding-bottom:3px;	
	clear: none;
	font-weight:bold;
}
.heroButtonsBlue a:link{
	text-decoration:none;
}
.bookDemo{
	width:60%;
	padding-left:20%;
	padding-right:20%;
	padding-bottom:20px;
}
.bookDemoLandingPage{
	width:60%;
	padding-left:20%;
	padding-right:20%;
	padding-bottom:20px;
}
.watchVideo {
	width:60%;
	padding-left:20%;
	padding-right:20%;
	padding-bottom:20px;
}
.watchVideo2 {
	width:60%;
	padding-left:20%;
	padding-right:20%;
}
.watchVideo3 {
	width:60%;
	padding-left:20%;
	padding-right:20%;
	margin-bottom:20px;
}
.watchVideo4 {
	width:60%;
	padding-left:20%;
	padding-right:20%;
	padding-bottom:20px;
}
.watchVideoBlue {
	min-height: 36px;
	background-color: #194480;
	text-align:center;
	padding-left:5px;
	padding-right:5px;
	padding-top:10px;
	font-size:16.5px;
}
.arrow {
	clear:none;
	width:20%;
}
/* phone main content elements */
.breadcrumb {
	text-align: center;
	margin-top: -10px;
	margin-bottom: 0px;
}
.whiteBar {
	background-color: #FFFFFF;
}
.whiteBarPopup {
	background-color: #FFFFFF;
	margin-top:-40px;
	margin-bottom: 50px;
}
.whiteBarBottom {
	background-color: #FFFFFF;
	padding-bottom:50px;
}

.blueBar {
}
.beigeBar {
	background-color: #ECECF1;
}
.beigeBarBottom {
	background-color: #ECECF1;
	padding-bottom:50px;
}
.beigeBlueBar {
	background-image: -webkit-linear-gradient(0deg,rgba(200,210,225,1.00) 0%,rgba(209,238,250,1.00) 100%);
	background-image: -moz-linear-gradient(0deg,rgba(200,210,225,1.00) 0%,rgba(209,238,250,1.00) 100%);
	background-image: -o-linear-gradient(0deg,rgba(200,210,225,1.00) 0%,rgba(209,238,250,1.00) 100%);
	background-image: linear-gradient(90deg,rgba(200,210,225,1.00) 0%,rgba(209,238,250,1.00) 100%);
}
.beigeBlueBarBottom {
	background-image: -webkit-linear-gradient(0deg,rgba(200,210,225,1.00) 0%,rgba(209,238,250,1.00) 100%);
	background-image: -moz-linear-gradient(0deg,rgba(200,210,225,1.00) 0%,rgba(209,238,250,1.00) 100%);
	background-image: -o-linear-gradient(0deg,rgba(200,210,225,1.00) 0%,rgba(209,238,250,1.00) 100%);
	background-image: linear-gradient(90deg,rgba(200,210,225,1.00) 0%,rgba(209,238,250,1.00) 100%);
	padding-bottom:50px;
}
.hrTechBlueBar {
	background-image: -webkit-linear-gradient(0deg,rgba(254,252,252,1.00) 0%,rgba(26,69,128,1.00) 100%);
	background-image: -moz-linear-gradient(0deg,rgba(254,252,252,1.00) 0%,rgba(26,69,128,1.00) 100%);
	background-image: -o-linear-gradient(0deg,rgba(254,252,252,1.00) 0%,rgba(26,69,128,1.00) 100%);
	background-image: linear-gradient(90deg,rgba(254,252,252,1.00) 0%,rgba(26,69,128,1.00) 100%);
	padding-bottom:-50px;
}
.resellerBar {
	padding-top:20px;
	padding-bottom:20px;
	background-color: #ECECF1;
}
.resellerTitle {
}
.resellerTitle {
	color: #194480;
	font-size:24px;
	font-weight:600;
}
.barContent {
	width:90%;
	padding-left:5%;
	padding-right:5%;
}
/* phone footer elements */
.footerBar {
	padding-bottom: 30px;
}
.footerWrapper {
	width:90%;
	padding-left:5%;
	padding-right:5%;
	padding-top:20px;
	color: #FFFFFF;
	font-size:14px;
}
.footerLogo {
	
	width:60%;
	padding-left:20%;
	padding-right:20%;
}
.footerMenu1LandingPage {
	clear: none;
	width:50%;
}
.footerMenu2LandingPage {
	clear: none;
	width:50%;
}
.footerSocialLandingPage {
	width:50%;
	padding-left:25%;
}
.footerMenu1 {
	clear: none;
	width:50%;
}
.footerMenu2 {
	clear: none;
	width:50%;
}
.footerSocial {
	width:50%;
	padding-left:25%;
}
.socialIcon {
	clear: none;
	width:24%;
	padding-right:1%;
	
}
.footerMenuBlog {
	clear: none;
	width:90%;
	padding-left:4%;
}
.bookDemoFooterBlog {
	font-size: 19.3px;
	text-align:center;
	padding-top:20px;
}
.bookDemoFooter {
	font-size: 19.3px;
	text-align:center;
	padding-top:20px;
}
.bookDemoButton {
	min-height: 25px;
	border: 2px solid #FFFFFF;
	text-align:center;
	padding-top:5px;
	padding-left:5px;
	padding-right:5px;
	padding-top:5px;
	width:40%;
	margin-left:30%;
	margin-right:30%;
	font-size:16px;
}
.copyright {
	text-align: center;
	font-size: 14px;
	color: #FFFFFF;
	padding-bottom:20px;
	padding-top:20px;
}
/* phone button elements */
.whiteButton38 {
	min-height: 28px;
	border: 2px solid #FFFFFF;
	text-align:center;
	padding-left:5px;
	padding-right:5px;
	padding-top:10px;
}
.whiteButton40 {
	min-height: 28px;
	border: 2px solid #FFFFFF;
	text-align:center;
	padding-left:5px;
	padding-right:5px;
	padding-top:3px;
}
.whiteButton48 {
	min-height: 30px;
	border: 2px solid #FFFFFF;
	text-align:center;
	padding-left:5px;
	padding-right:5px;
	padding-top:10px;
}
/*.bluebutton38 {
	min-height: 28px;
	border: 2px solid #194480;
	padding-left:1%;
	padding-right:1%;
	padding-top:3px;
	text-align: center;
}*/
.bluebutton38 span {
	min-height: 28px;
	border: 2px solid #194480;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:5px;
	padding-top:5px;
	text-align: center;
	white-space:nowrap;
}
.blueButton40 {
	min-height: 28px;
	color: #194480;
	border: 2px solid #194480;
	text-align:center;
	padding-left:5px;
	padding-right:5px;
	padding-top:3px;
}
.blueButton48 {
	min-height: 30px;
	border: 2px solid #194480;
	text-align:center;
	padding-left:5px;
	padding-right:5px;
	padding-top:10px;
}
/* phone Styling of home page elements */

/* phone Styling of clients panel on home page */
.homeClients {
	min-height:120px;
	padding-top:10px;
	padding-bottom:10px;
	font-size:12px;
	text-align:center;
}
.clientsLogos {
	clear:none;
	width: 20%;
	padding-top:10px;
}
.logoAnimation {
	width:100%;
}
.logosPhone {
}
.logosTab {
	display:none;
}
.logosPC {
	display:none;
}
/* Styling of white and blue button links is in HA-2018-fonts css file*/
.blueButton {
	font-weight:bold;
	color: #194480;
	text-align:center;
	padding-top:10px;
	padding-bottom:20px;
}
.whiteButton {
	font-weight:bold;
	color: #FFFFFF;
}

/* phone Styling of blue panel call buttons on home page */
.blueCallsHome {
	padding-top:30px;
	padding-bottom:30px;
	color:#FFFFFF;
	width: 90%;
	padding-left:5%;
	padding-right:5%;
}
.blueCallPic {
	width: 20%;
	padding-left:40%;
	padding-right:40%;
}
.blueCallTitle {
	text-align: center;
	font-size: 26px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-family: source-sans-pro;
	font-style: normal;
	font-weight: 500;
}
.blueCallWords {
	color:#FFFFFF;
	text-align:center;
	font-size: 12px;
	width:80%;
	padding-left:10%;
	min-height:70px;
}
.blueCallButton {
	min-height: 28px;
	border: 2px solid #FFFFFF;
	text-align:center;
	padding-left:5px;
	padding-right:5px;
	padding-top:3px;
	width: 60%;
	margin-left:20%;
	margin-right:20%;
	margin-top:15px;
}
/* phone Styling of beige panel info on home page */
.beigePanelHome {
	color: #194480;
	text-align:center;
	padding-top:44px;
	padding-bottom:47px;
}
.beigePanelHomeTitle {
	font-size:19.5px;
}
.beigePanelInfo {
	padding-top:40px;
	clear:none;
	width:50%;
}
.beigePanelInfo2 {
	padding-top:40px;
	width: 90%;
	padding-left: 5%;
	padding-right: 5%;
}
.beigePanelHomeWords {
	font-size:19px;
}
.beigePanelHomeNo {
	font-size:36px;
}
/* phone Styling of white panels with pics and words home page */
.whitePanelPic {
	padding-top:30px;
	width: 90%;
	padding-left:5%;
	padding-right: 5%;
}
.whitePanelPic2 {
	padding-top:30px;
}
.hrTechPanelPic {
	padding-top:30px;
	width: 90%;
	padding-left:5%;
	padding-right: 5%;
}
.hrTechPanelWords {
	color:#000000;
	font-size: 16.5px;
	width: 90%;
	padding-left:5%;
	padding-right: 5%;
}
.hrTechPanelWords2 {
}
.whitePanelWords {
	font-size: 16.5px;
	width: 90%;
	padding-left:5%;
	padding-right: 5%;
}
.whitePanelWords2 {
	font-size: 16.5px;
	width: 90%;
	padding-left:5%;
	padding-right: 5%;
	padding-top:20px;
	padding-bottom:10px;
}
.whitePanelTitle {
	color: #194480;
	font-size: 37px;
	font-weight: 200;
	text-align:center;
}
.whitePanelHomeButtonleft {
	width: 60%;
	padding-left:20%;
	padding-right: 20%;
	font-size:16.5px;
	font-weight:bold;
}
.whitePanelHomeButtoncentre {
	width: 60%;
	padding-left:20%;
	padding-right: 20%;
	font-size:16.5px;
	font-weight:bold;
}
/* phone Padding for How it works panel on home page */
.homeHowItWorks {
	padding-bottom:30px;
}
/* phone Padding for expert partners panel on home page */
.homeExpertPartners {
}
/* phone Styling of success stories panel on home page */
.homeSuccessStories {
	background-image: url(../images/home-success-hero.jpg);
	background-position: 15% 10%;
	background-size: auto auto;
	background-repeat: no-repeat;
	padding-top:60px;
	color: #FFFFFF;
	text-align: center;
}
.homeSuccessTitle {
	font-size:37px;
	font-weight:600;
}
.homeSuccessWords {
}
.bluePanelHomeButtonCentre {
	min-height: 30px;
	border: 2px solid #FFFFFF;
	text-align:center;
	padding-left:5px;
	padding-right:5px;
	padding-top:8px;
	width: 60%;
	margin-left:20%;
	margin-right: 20%;
	margin-top:34px;
	margin-bottom:34px;
}
/* phone Styling of blog posts page */
.blogPostsHome {
	text-align:center;
	padding-top: 30px;
}
.blogPostIcon {
	width:80%;
	padding-left:10%;
	padding-right:10%;
	padding-top:20px;
}
.blogPostIcon2 {
	width:80%;
	padding-left:10%;
	padding-right:10%;
	padding-top:20px;
	padding-bottom:20px
}
.blogPostIcon3 {
	width:80%;
	padding-left:10%;
	padding-right:10%;
	padding-top:20px;
	padding-bottom:20px
}
.blogPost1 {
	width:80%;
	padding-left:10%;
	padding-right:10%;
	padding-top:10px;
	padding-bottom:10px
}
.blogPost2 {
	width:80%;
	padding-left:10%;
	padding-right:10%;
	padding-top:10px;
	padding-bottom:10px
}
.blogPost3 {
	width:80%;
	padding-left:10%;
	padding-right:10%;
	padding-top:10px;
	padding-bottom:10px
}
.blogImage {
	max-height: 230px;
	width: 99%;
	overflow: none;
}

.blogImage img { 
    max-height: 230px;
    width: 99%;
    -webkit-filter: drop-shadow(1px 1px 5px grey);
    filter:         drop-shadow(1px 1px 5px grey); 
}

.blogTitle {
	width:90%;
	padding-left:5%;
	padding-right:5%;
	padding-top: 10px;
	min-height:60px;
	font-size: 16px;
	color: #194480;
}

.blogWords {
	width:90%;
	padding-left:5%;
	padding-right:5%;
	font-size: 12px;
	text-align: left;
}
.blogPageHeaderLeft {
	width:95%;
	padding-left:2.5%;
	padding-right:2.5%;
	padding-bottom:20px;
}
.blogPageHeaderRight {
	width:95%;
	padding-left:2.5%;
	padding-right:2.5%;
}
.blogRightSlider {
	padding-top:150px;
}
.blogRightRecentposts {
	background-color: #ECECF1;
	width:98%;
	padding: 1%;
	margin-bottom:30px;
}
.blogRightTagcloud {
	background-color: #ECECF1;
	width:90%;
	padding: 5%;
}
/* phone Styling of default pages with coloured stripes of content */
.defaultPageHeaderContent {
	text-align:center;
	width:95%;
	padding-left:2.5%;
	padding-right:2.5%;
	padding-top:30px;
	padding-bottom:20px;
	line-height: 1.5;
	font-size:21px;
}
.defaultSubheaderContent {
	width:95%;
	padding-left:2.5%;
	padding-right:2.5%;
	line-height: 1.5;
}
.defaultSubheaderLeft {
}
.defaultSubheaderRight {
	color: #194480;
	font-size:20px;
	padding-top:20px;
	padding-bottom:20px;
}
.defaultFontManagement1 {
	line-height: 1.5;
	font-size:21px;
}
.defaultBarWords {
	width:95%;
	padding-left:2.5%;
	padding-right:2.5%;
	padding-top:20px;
	padding-bottom:20px;
	line-height: 1.5;
	font-size: 16.5px;
}
.defaultBarWordsCentred {
	text-align:center;
	width:95%;
	padding-left:2.5%;
	padding-right:2.5%;
	padding-top:20px;
	padding-bottom:20px;
	line-height: 1.5;
	font-size:21px;
}
.defaultBarWordsPic {
	width:80%;
	padding-left:10%;
	padding-right:10%;
}
.defaultBarWordsText {
}
.defaultBarWordsPic2 {
	display: none;
}
.defaultBarWordsPic2phone {
	width:80%;
	padding-left:10%;
	padding-right:10%;
}
.defaultBarWordsText2 {
}
/* phone Styling of success page elements */
.caseStudyName {
	color: #194480;
	font-style:italic;
	font-weight:500;
	padding-bottom:10px;
}
.caseStudyBusname {	
    color: #194480;
	font-weight:700;
	padding-bottom:10px;
	font-size:20px;
	margin-top:-10px;
}
.caseStudyPic {
	padding-top:30px;
	width: 90%;
	padding-left:5%;
	padding-right: 5%;
}
.caseStudyWords {
	font-size: 16.5px;
	width: 90%;
	padding-left:5%;
	padding-right: 5%;
}
.successCalls1 {
	width: 95%;
	padding:2.5%;
}
.successCalls2 {
	width: 95%;
	padding:2.5%;
}
.successCalls3 {
	width: 95%;
	padding:2.5%;
}
.callsLine1 {
	padding-top:10px;
}
.callsLine2 {
	padding-bottom:30px;
}
.testimonialsContent {
	text-align:center;
}
.testimonialsHeader {
	text-align:center;
	width:95%;
	padding-left:2.5%;
	padding-right:2.5%;
	padding-top:30px;
	padding-bottom:20px;
	line-height: 1.5;
	font-size:21px;
}
.caseStudyButton {
	width: 80%;
	padding-left:10%;
	padding-right: 10%;
	font-size:16.5px;
}
.testimonialsButton {
	width: 80%;
	padding-left:10%;
	padding-right: 10%;
	padding-bottom:20px;
}
/* phone Styling of free report page elements */
.defaultPageHeaderLeft {
	width:95%;
	padding-left:2.5%;
	padding-right:2.5%;
	padding-bottom:20px;
}
.defaultPageHeaderRight {
	width:95%;
	padding-left:2.5%;
	padding-right:2.5%;
}
.tableFieldLeft {
}
.tableFieldRight {
}
.formMiddle {
	width:95%;
	padding-left:2.5%;
	padding-right:2.5%;
}
.pageLeft {
	width:95%;
	padding-left:2.5%;
	padding-right:2.5%;
	padding-bottom:20px;
}
.pageRight {
	width:95%;
	padding-left:2.5%;
	padding-right:2.5%;
}
/* Phone Styling of Talent Acquisiton Assessments page elements */
.aaContent {
	width:95%;
	padding-left:2.5%;
	padding-right:2.5%;
	padding-top:30px;
	padding-bottom:20px;
	line-height: 1.5;
	font-size:21px;
}
/* this one is also handy for separating content on other pages */
.aapanelRow {
}
.aapanelPair {
}
.aapanelElement {
	clear:none;
	width:46%;
	padding:2%;
}
.aapanelImage {
}
.aapanelTitle {
	font-size:10px;
	font-weight: bold;

	padding-bottom:3px;
	padding-top:5px;
}
.aapanelWords {
	font-size:10px;
}
/*.bbContent {
	width:95%;
	padding-left:2.5%;
	padding-right:2.5%;
	padding-top:30px;
	padding-bottom:20px;
	line-height: 1.5;
	font-size:21px;
}
.bbpanelRow {
}
.bbpanelPair {
}
.bbpanelElement {
	clear:none;
	width:46%;
	padding:2%;
}
.bbpanelImage {
}
.bbpanelTitle {
	font-size:10px;
	font-weight: bold;
	padding-bottom:3px;
	padding-top:5px;
}
.bbpanelWords {
	font-size:10px;
}
.bbPadding {
	padding-left:26%;
}
.bbElement {
	clear:none;
	width:46%;
	padding:2%;
	text-align:center;
}*/
bbContent {
	width:95%;
	padding-left:2.5%;
	padding-right:2.5%;
	padding-top:30px;
	padding-bottom:20px;
	line-height: 1.5;
}
.bbpanelRow {
}
.bbpanelPair {
}
.bbpanelElement {
	clear:none;
	width:100%;
	text-align:center;	
	padding-top:40px;
}
.bbpanelImage {
}
.bbpanelTitle {
	font-size:16px;
	font-weight: bold;
	padding-bottom:3px;
	padding-top:5px;
}
.bbpanelWords {
	font-size:16.5px;
}
.bbPadding {
}
.bbElement {
	clear:none;
	width:100%;
	text-align:center;
	padding-top:40px;
}
/* Phone Styling of video elements */
.videoRight {
	height: 107px;
	border-radius: 23px;
	color: #000000;
	text-align: left;
	font-size:12px;
	background-image: -webkit-linear-gradient(270deg,rgba(250,250,251,1.00) 0%,rgba(231,231,233,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(250,250,251,1.00) 0%,rgba(231,231,233,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(250,250,251,1.00) 0%,rgba(231,231,233,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(250,250,251,1.00) 0%,rgba(231,231,233,1.00) 100%);
	margin-bottom: 10px;
}
.videoRightBkgrd {
	height: 107px;
	border-radius: 23px;
	background-image: url(../images/content-video-bkgrd.png);
	background-repeat: no-repeat;
	background-position: 0% 0%;
	
}
.videoRightWords {
	clear:none;
	width:40%;
	padding-left:40%;
	padding-top:30px;
}
.videoRightArrow {
	clear:none;
	width:20%;
	padding-top:20px;
}
.contentVideoBtns {
}
/* Contact page */
#Left {
	width:90%;
	padding-left:5%;
	padding-right:5%;
}

#Right {
	width:90%;
	padding-left:5%;
	padding-right:5%;
}
/* Content - pics and words in columns */
.leftPicM {
}
.rightWordsM {
}
.rightPicM {
}
.leftWordsM {
}
/* phone coding for bullets */
.bullet {
}
/* phone coding for split ul lists */
.splitListLeft {
}
.splitListRight {
	margin-top:0px;
	padding-bottom:10px;
}
.footerQuestions {
	font-size:16px;
}
.blogNavigation {
	border-top: 1px solid #D2D3D5;
	width: 90%;
	margin-left:5%;
}

.blogNavTitle {
	padding-top: 30px;
	color: #194480;
	text-align: center;
	font-size: 18px;
}

.blogPostLeft {
	margin-top: 20px;
	border: 1px solid #D2D3D5;
	padding: 2px;
	min-width: 30%;
	max-width: 90%;
	margin-left:5%;
	border-radius: 10px;
	text-align:left;
}

.blogPostRight {
	margin-top: 20px;
	border: 1px solid #D2D3D5;
	padding: 2px;
	min-width: 30%;
	max-width: 90%;
	margin-left:5%;
	border-radius: 10px;
	text-align:right;
}
.zeroMargin_mobile {
margin-left: 0;
}

.hide_mobile {
display: none;
}
@media only screen and (min-width: 481px) {

.gridContainer {
	width: 100%;
	padding-left: 0%;
	padding-right: 0%;
	clear: none;
	float: none;
	margin-left: auto;
}
/* Tablet header elements */
.headerBarWhite {
	padding-top:10px;

}
.headerBarBlue {
	padding-top:10px;
}
.headerWrapper {
	width: 90%;
	padding-left: 5%;
	padding-right: 5%;
	clear: none;
	float: none;
	margin-left: auto;
}
.logo {
	width: 60%;
	margin-right: 3%;
	padding-top:0px;
	padding-bottom:10px;
}
.logoPC {
}

.resellerLogo {
	
}
.resellerLogoPhone {
}
.resellerInfoTabletPC {
}
.resellerName {
	min-height:30px;
}
.tabletPCCountries {
	display:none;
	width: 15%;
	padding-left: 42.5%;
	padding-right: 42.5%;
}
.resellerNamePhone {
	font-size:24px;
}
.headerRight {
}
/* Tablet header menu elements */
.phoneMenu {
	width: 15%;
	padding-left:2%;
}
.phoneCountries {
	width: 10%;
	padding-right:45%;
	padding-left:45%;
}
.topMenu {

}
.mainMenu {
	display: none;
	clear:none;
	padding-top:20px;
	width: 90%;
}
.mainMenuBlog {
	display: none;
	clear:none;
}
.mainMenuBlogReseller {
	display: none;
	clear:none;
}
.phoneMenuBlue {
}
.phoneMenuWhite {
}
.topMenuBlue {
	display: block;
}
.topMenuWhite {
	display: block;
}
.mainMenuBlue {
}
.mainMenuWhite {
}
.login {
	display: block;
	clear:none;
	width: 30%;
	padding-left:10%;
	padding-right:0%;
	padding-bottom:10px;
}
.bookDemoHeader {
	display: block;
	clear:none;
	width: 30%;
	padding-left:10%;
	padding-right:0%;
	padding-bottom:10px;
}
.userName {
}
.blackLine {
}

/* Tablet Hero on home page elements */
.heroImageBarRemoteWork {
	background-position: 50% 30%;
	background-size: cover;
}
.heroImageBarLandingPage {
	background-position: 50% 30%;
	background-size: cover;
}
.heroImageBar {
	background-position: 50% 30%;
	background-size: cover;
}
.heroImageWrapper {
	width: 90%;
	padding-left: 5%;
	padding-right: 5%;
	clear: none;
	float: none;
	margin-left: auto;
}
.heroHeading {
	font-weight:550;
	font-size:28px;
	width:90%;
	padding-left:5%;
	padding-right:5%;
	padding-top:90px;
	padding-bottom:30px;
}
.heroHeading1 {
	font-weight:550;
	font-size:28px;
	width:90%;
	padding-left:5%;
	padding-right:5%;
	padding-top:90px;
	padding-bottom:0px;
}
.heroHeading2 {
	font-weight:550;
	font-size:28px;
	width:90%;
	padding-left:5%;
	padding-right:5%;
	padding-top:0px;
	padding-bottom:30px;
}
.heroImageButtons {
	width: 90%;
	padding-left: 5%;
	padding-right:5%;
}
.heroButtons {
}
.heroButtonsBlue {
}
.bookDemo {
	clear: none;
	width:30%;
	padding-left:12%;
	padding-right:8%;
	padding-bottom:0px;
}
.bookDemoLandingPage {
	clear: none;
	width:30%;
	padding-left:12%;
	padding-right:8%;
	padding-bottom:0px;
}
.watchVideo {
	clear: none;
	width:30%;
	padding-left:8%;
	padding-right:12%;
	padding-bottom:0px;
}
.watchVideo2 {
	width:40%;
	padding-left:30%;
	padding-right:30%;
}
.watchVideo3 {
	width:40%;
	padding-left:30%;
	padding-right:30%;
}
.watchVideo4 {
	clear: none;
	width:30%;
	padding-left:8%;
	padding-right:12%;
	padding-bottom:0px;
}
.watchVideoBlue {
}
.arrow {
}/* Tablet main content elements */
.breadcrumb {
	text-align:left;
	margin-top:5px;
}
.whiteBar {
}
.whiteBarPopup {
}
.whiteBarBottom {
}
.blueBar {
}
.beigeBar {
}
.beigeBarBottom {
}
.beigeBlueBar {
}
.beigeBlueBarBottom {
}
.hrTechBlueBar {
}
.resellerBar {
}
.resellerTitle {
}
.barContent {
	width: 90%;
	padding-left: 5%;
	padding-right: 5%;
	clear: none;
	float: none;
	margin-left: auto;

}
/* Tablet footer elements */
.footerBar {
}
.footerWrapper {
	width: 90%;
	padding-left: 5%;
	padding-right: 5%;
	clear: none;
	float: none;
	margin-left: auto;
}
.footerLogo {
	clear: none;
	width:50%;
	padding-left:0%;
	padding-right:0%;
}
.footerMenu1LandingPage {
	clear: none;
	width:25%;
}
.footerMenu2LandingPage {
	clear: none;
	width:25%;
}
.footerSocialLandingPage {
	clear: none;
	width:22%;
	padding-left:0%;
	padding-right:31%;
	padding-top: 30px;
}
.footerMenu1 {
	clear: none;
	width:25%;
}
.footerMenu2 {
	clear: none;
	width:25%;
}
.footerMenuBlog {
	clear: none;
	width:25%;
	padding-top:20px;
	padding-left:20%;
}
.bookDemoFooterBlog {
	clear: none;
	width:40%;
	padding-left:0%;
}
.footerSocial {
	clear: none;
	width:22%;
	padding-left:0%;
	padding-right:31%;
	padding-top: 30px;
}
.socialIcon {
}
.bookDemoFooter {
	clear: none;
	width:40%;
	padding-left:0%;
}
.bookDemoButton {
	width:50%;
	margin-left:25%;
	margin-right:25%;
}
.copyright {
}
/* Tablet button elements */
.whiteButton38 {
}
.whiteButton40 {
}
.whiteButton48 {
}
.bluebutton38 {
}
.blueButton40 {
}
.blueButton48 {
}
/* Tablet Styling of logo bar on home page */
.homeClients {
	font-size:14px;
}
.clientsLogos {
}
.logoAnimation {
	padding-bottom:20px;
}
.logosPhone {
	display:none;
}
.logosTab {
	display:block;
}
.logosPC {

	display:none;
}
/* Styling of white and blue button links is in HA-2018-fonts css file*/
.blueButton {
text-align:left;
}
.whiteButton {
}
/* Tablet Styling of home page elements */

/* Tablet Styling of blue panel call buttons */
.blueCallsHome {
	padding-top:50px;
	clear: none;
	width:50%;
	padding-left:0%;
	padding-right:0%;
}
.blueCallPic {
}
.blueCallTitle {
}
.blueCallWords {
}
.blueCallButton {
	margin-top:0px;
}
/* Tablet Styling of beige panel info on home page */
.beigePanelHome {
}
.beigePanelHomeTitle {
}
.beigePanelInfo {
	width: 30%;
	padding-left: 1.5%;
	padding-right: 1.5%;
}
.beigePanelInfo2 {
	clear: none;
	width: 30%;
	padding-left: 1.5%;
	padding-right: 1.5%;
}
.beigePanelHomeWords {
}
.beigePanelHomeNo {
}
/* Tablet Styling of white panels with pics and words home page */
.whitePanelPic {
}
.whitePanelPic2 {
}
.hrTechPanelPic {
}
.hrTechPanelWords {
}
.hrTechPanelWords2 {
}
.whitePanelWords {
}
.whitePanelWords2 {
}
.whitePanelTitle {
text-align:left;
}
.whitePanelHomeButtonleft {
	width: 30%;
	padding-left:35%;
	padding-right: 35%;
}
.whitePanelHomeButtoncentre {
	width: 40%;
	padding-left:30%;
	padding-right: 30%;
}
/* Tablet Padding for How it works panel on home page */
.homeHowItWorks {
}
/* Tablet Padding for expert partners panel on home page */
.homeExpertPartners {
}
/* Tablet Styling of success stories panel on home page */
.homeSuccessStories {
	background-position: 0% 70%;
	background-size: auto auto;
}
.homeSuccessTitle {
}
.homeSuccessWords {
}
.bluePanelHomeButtonCentre {
	width: 40%;
	margin-left:30%;
	margin-right: 30%;
}
/* Tablet Styling of blog posts panel on home page */
.blogPostsHome {
}
.blogPostIcon {
	clear:none;
	width: 48%;
	padding-left:0%;
	padding-right:2%;
}
.blogPostIcon2 {
	clear:none;
	width: 48%;
	padding-left:0%;
	padding-right:2%;
}
.blogPostIcon3 {
	display: none;
	width:48%;
	padding-left:26%;
	padding-right:26%;
}
.blogPost1 {
	clear:none;
	width: 31%;
	padding-left:1%;
	padding-right:1%;
}
.blogPost2 {
	clear:none;
	width: 31%;
	padding-left:1%;
	padding-right:1%;
}
.blogPost3 {
	clear:none;
	width: 31%;
	padding-left:1%;
	padding-right:1%;
}
.blogImage {
}
.blogTitle {
}
.blogWords {
}
.blogRightSlider {
}
.blogPageHeaderLeft {
	width:90%;
	padding-left:5%;
	padding-right:5%;
}
.blogPageHeaderRight {
	width:80%;
	padding-left:12%;
	padding-right:8%;
}
.blogRightRecentposts {
}
.blogRightTagcloud {
}
/* Tablet Styling of default pages with coloured stripes of content */
.defaultPageHeaderContent {
	width:90%;
	padding-left:5%;
	padding-right:5%;
}
.defaultSubheaderContent {
	width:90%;
	padding-left:5%;
	padding-right:5%;
}
.defaultSubheaderLeft {
	clear:none;
	width:31%;
	padding-right:2%;
}
.defaultSubheaderRight {
	font-size:22.5px;
	clear:none;
	width:66%;
}
.defaultFontManagement1 {
}
.defaultBarWords {
	width:90%;
	padding-left:5%;
	padding-right:5%;
}
.defaultBarWordsCentred {
	width:90%;
	padding-left:5%;
	padding-right:5%;
	text-align:left;
}
.defaultBarWordsPic {
	clear:none;
	width:31%;
	padding-right:2%;
	padding-left:0%;
}
.defaultBarWordsText {
	clear:none;
	width:66%;
}
.defaultBarWordsPic2 {
	display:block;
	clear:none;
	width:31%;
	padding-left:2%;
}
.defaultBarWordsPic2phone {
	display:none;
}
.defaultBarWordsText2 {
	clear:none;
	width:66%;
}
/* Tablet Styling of success page elements */
.caseStudyName {
}
.caseStudyBusname {
}
.caseStudyPic {
}
.caseStudyWords {
}
.successCalls1 {
}
.successCalls2 {
}
.successCalls3 {
}
.callsLine1 {
	clear:none;
	width:50%;
	padding-top:20px;
}
.callsLine2 {
	clear:none;
	width:50%;
	padding-top:20px;
}
.testimonialsContent {
}
.testimonialsHeader {
}
.caseStudyButton {
	width: 40%;
	padding-left:30%;
	padding-right: 30%;
}
.testimonialsButton {
	width: 30%;
	padding-left:35%;
	padding-right: 35%;
}
/* Tablet Styling of free report page elements */
.defaultPageHeaderLeft {
	width:90%;
	padding-left:5%;
	padding-right:5%;
}
.defaultPageHeaderRight {
	width:80%;
	padding-left:10%;
	padding-right:10%;
}
.tableFieldLeft {
}
.tableFieldRight {
}
.formMiddle {
	width:80%;
	padding-left:10%;
	padding-right:10%;
}
.pageLeft {
	width:90%;
	padding-left:5%;
	padding-right:5%;
}
.pageRight {
	width:80%;
	padding-left:10%;
	padding-right:10%;
}
/* Tablet Styling of Talent Acquisiton Assessments page elements */
.aaContent {
	width:90%;
	padding-left:5%;
	padding-right:5%;
}
.aapanelRow {
}
.aapanelPair {
	clear: none;
	width:50%;
}
.aapanelElement {
}
.aapanelImage {
}
.aapanelTitle {
}
.aapanelWords {
}
/*.bbContent {
	width:90%;
	padding-left:5%;
	padding-right:5%;
}
.bbpanelRow {
}
.bbpanelPair {
	clear: none;
	width:100%;
}
.bbpanelElement {
}
.bbpanelImage {
}
.bbpanelTitle {
}
.bbpanelWords {
}
.bbPadding {
}
.bbElement {
}*/
.bbContent {
	width:90%;
	padding-left:5%;
	padding-right:5%;
}
.bbpanelRow {
}
.bbpanelPair {
	clear: none;
	width:100%;
}
.bbpanelElement {
	width:46%;
	padding:2%;
	padding-top:0px;
}
.bbpanelImage {
}
.bbpanelTitle {
}
.bbpanelWords {
}
.bbPadding {
	padding-left:26%;
}
.bbElement {
	width:46%;
	padding:2%;
}
/* Tablet Styling of video elements */
.videoRight {
}
.videoRightBkgrd {
}
.videoRightWords {
}
.videoRightArrow {
}
.contentVideoBtns {
}
/* Contact page */
#Left {

}

#Right {

}
/* Content - pics and words in columns */
.leftPicM {
	width: 50%;
	padding-left:25%;
	padding-right:25%;
}
.rightWordsM {
}
.rightPicM {
	width: 50%;
	padding-left:25%;
	padding-right:25%;
}
.leftWordsM {
}
/* tablet coding for split ul lists */
.splitListLeft {
	clear:none;
	width:48%;
	padding-right:1%;
	padding-bottom:20px;
}
.splitListRight {
	clear:none;
	width:48%;
	padding-left:1%;
	margin-top:0px;
	padding-bottom:20px;
}
.blogNavigation {
}
.blogNavTitle {
}
.blogPostLeft {
}
.blogPostRight {
}
.footerQuestions {
}
.hide_tablet {
display: none;
}
.zeroMargin_tablet {
margin-left: 0;
}
}

@media only screen and (min-width: 769px) {

.gridContainer {
	width: 100%;
	padding-left: 0%;
	padding-right: 0%;
	margin: auto;
	clear: none;
	float: none;
	margin-left: auto;
}
/* Desktop header elements */
.headerBarWhite {
	padding-top:0px;
}
.headerBarBlue {
	padding-top:0px;
}
.headerWrapper {
	width: 88.5%;
	max-width: 1280px;
	padding-left: 0.75%;
	padding-right: 0.75%;
	margin: auto;
	clear: none;
	float: none;
	margin-left: auto;
}
.logo {
	display:none

}
.logoPC {
	display: block;
	clear:none;
	width: 17%;
	margin-left: 0%;
	margin-right:0%;
	padding-top:5px;
	padding-bottom:13px;
	<!--background-color: yellow;-->
	position:relativ
}


.resellerLogo {
	clear:none;
	display:block;
	width:17%;
	padding:.5%;
	<!--background-color: yellow;-->
}

.resellerLogo img{
  vertical-align: middle; /*set vertical alignment to middle*/
  width: auto;
  max-width: 165px;
  height: auto;
  max-height: 120px;
}

.resellerLogoPhone {
	display: none;
}

.resellerInfoTabletPC {
	
}
.resellerName {
	text-align:center;	
	display: block;	
	min-height:30px;
	font-size:32px;
	color: #194480;
	font-weight:600;
}
.tabletPCCountries {
	display: block;
	width:8%;
	padding-left:46%;
	padding-right:46%;
	min-height:20px;
}
.resellerNamePhone {
	display: none;	
}
.headerRight {
	display: block;
	clear: none;
	width:65%;
	padding-left:0%;
	padding-right:0%;
	<!--background-color: red;-->
}
/* Desktop header menu elements */
.phoneMenu {
	display: none;
}
.phoneCountries {
	display: none;
}
.topMenu {
	width: 100%;
	padding-left: 0%;
	padding-top:11px;
	padding-bottom:0px;
	text-align:right;
	<!--background-color: orange;-->
}
.mainMenu {
	display: block;
	clear:none;
	width:77.5%;
	padding-left:2.5%;
	padding-top:10px;
	padding-bottom:20px;
	white-space:nowrap;
	<!--background-color: orange;-->
}
.mainMenuBlog {
	display: block;
	clear:none;
	width:35%;
	padding-left:55%;
	padding-top:30px;
	white-space:nowrap;
}
.mainMenuBlogReseller {
	display: block;
	clear:none;
	width:72%;
	padding-left:28%;
	padding-top:10px;
	white-space:nowrap;
}
.phoneMenuBlue {
}
.phoneMenuWhite {
}
.topMenuBlue {
}
.topMenuWhite {
	<!--background-color:red;-->
}
.mainMenuBlue {
}
.mainMenuWhite {
	<!--background-color: yellow;-->
}
.login {
	clear:none;
	display: block;
	width:12%;
	padding-left:0%;
	padding-right:0%;
	padding-top:20px;
	padding-bottom:0px;
}
.bookDemoHeader {
	clear:none;
	display: block;
	width:18%;
	padding-left:0%;
	padding-right:0%;
	padding-top:2px;
	padding-bottom:0px;
	text-align:right;
	<!--background-color:blue;-->
}
.userName {
}
.blackLine {
}
/* Desktop Hero on home page elements */
.heroImageBarRemoteWork {
	min-height:415px;
	background-position: 0% 0%;
}
.heroImageBarLandingPage {
	min-height:415px;
	background-position: 0% 0%;
}
.heroImageBar {
	min-height:415px;
	background-position: 0% 0%;
}
.heroImageWrapper {
	width: 88.5%;
	max-width: 1280px;
	padding-left: 0.75%;
	padding-right: 0.75%;
	margin: auto;
	clear: none;
	float: none;
	margin-left: auto;
}
.heroHeading {
	width: 50%;
	font-size:37.5px;
	padding-bottom:0px;
	padding-top:135px;
}
.heroHeading1 {
        width:80%;
	font-size:47.5px;
	font-weight:700;
	padding-right:0%;
	padding-top:135px;
}
.heroHeading2 {
	width: 80%;
	padding-top:0px;
	font-size:29px;
	font-weight:700;
}
.heroImageButtons {
	width: 35%;
}
.heroButtons {
}
.heroButtonsBlue {

}
.bookDemo {
	display: none;
}
.bookDemoLandingPage {
	clear: none;
	width:48%;
	padding-left:0%;
	padding-right:2%;
}
.watchVideo {
	clear: none;
	width:49%;
	padding-left:1%;
	padding-right:0%;
	padding-bottom:0px;
}
.watchVideo2 {
	width:20%;
	padding-left:40%;
	padding-right:40%;
}
.watchVideo3 {
	width:30%;
	padding-left:35%;
	padding-right:35%;
}
.watchVideo4 {
	clear: none;
	width:50%;
	padding-left:0%;
	padding-right:0%;
	padding-bottom:0px;
}
.arrow {
}
/* Desktop main content elements */
.breadcrumb {
}
.whiteBar {
}
.whiteBarPopup {
}
.whiteBarBottom {
}
.blueBar {
}
.beigeBar {
}
.beigeBarBottom {
}
.beigeBlueBar {
}
.beigeBlueBarBottom {
}
.hrTechBlueBar {
}
.resellerBar {
}
.barContent {
	width: 88.5%;
	max-width: 1280px;
	padding-left: 0.75%;
	padding-right: 0.75%;
	margin: auto;
	clear: none;
	float: none;
	margin-left: auto;
}

/* Desktop footer elements */
.footerBar {
}
.footerWrapper {
	width: 88.5%;
	max-width: 1280px;
	padding-left: 0.75%;
	padding-right: 0.75%;
	margin: auto;
	clear: none;
	float: none;
	margin-left: auto;
}
.footerLogo {
	width:18%;
	padding-left:2%;
	padding-right:3%;
	padding-top:10px;
}
.footerMenu1LandingPage {
	width:30%;
}
.footerMenu2LandingPage {
	width:30%;
}
.footerSocialLandingPage {
	width:14%;
	padding-right:2%;
	padding-top:6px;
}
.footerMenu1 {
	width:15%;
}
.footerMenu2 {
	width:15%;
}
.footerMenuBlog {
	width:20%;
	padding-left:0%;
	padding-right: 0%;
	padding-top:0px;
}
.bookDemoFooterBlog {
	padding-top:0px;
	width:27%;	
	padding-left:10%;
}
.footerSocial {
        width:14%;
	padding-right:0%;
	padding-top:6px;
}
.socialIcon {

}
.bookDemoFooter {
	padding-top:0px;
	width:27%;
	
}
.bookDemoButton {
	width:40%;
	margin-left:30%;
	margin-right:30%;
}
.copyright {
	padding-bottom:0px;
	padding-top:0px;
}
/* Desktop button elements */

.whiteButton38 {
}
.whiteButton40 {
}
.whiteButton48 {
}
.bluebutton38 {
}
.blueButton40 {
}
.blueButton48 {
}
/* Desktop Styling of logo bar on home page */
.homeClients {
	font-size:16px;
	padding-top: 20px;
	padding-bottom: 20px;
	min-height:130px;
}
.clientsLogos {
}
.logoAnimation {
}
.logosPhone {
}
.logosTab {
    display:none;
}
.logosPC {
	display:block;
}
/* Styling of white and blue button links is in HA-2018-fonts css file*/
.blueButton {
}
.whiteButton {
}
/* Desktop Styling of home page elements */

/* Desktop Styling of blue panel call buttons */
.blueCallsHome {
	width:25%;
	padding-left:0%;
	padding-right:0%;
	padding-top:35px;
	padding-bottom:0px;
}
.blueCallPic {
}
.blueCallTitle {
}
.blueCallWords {
	padding-bottom: 0px;
	font-size:17px;
	min-height:140px;
}
.blueCallButton {
	width: 40%;
	margin-left:30%;
	margin-right:30%;
	margin-bottom:50px;
}
/* Desktop Styling of beige panel info on home page */
.beigePanelHome {
	padding-top:55px;
	padding-bottom:74px;
	min-height: 157px;
}
.beigePanelHomeTitle {
}
.beigePanelInfo {
}
.beigePanelInfo2 {
}
.beigePanelHomeWords {
}
.beigePanelHomeNo {
}
/* Desktop Styling of white panels with pics and words home page */
.whitePanelPic {
	clear: none;
	width: 48%;
	padding-left: 1%;
	padding-right:1%;
	padding-top:68px;
}
.whitePanelPic2 {
    display: none;
}
.hrTechPanelPic {
	clear: none;
	width: 38%;
	padding-left: 1%;
	padding-right:1%;
	padding-top:30px;
	margin-bottom:-40px;
}
.hrTechPanelWords {
	clear: none;
	width: 58%;
	padding-left: 1%;
	padding-right:1%;
	padding-top:51px;
}
.hrTechPanelWords2 {
}
.whitePanelWords {
	clear: none;
	width: 48%;
	padding-left: 1%;
	padding-right:1%;
	padding-top:51px;
}
.whitePanelWords2 {
	width: 48%;
	padding-left: 1%;
	padding-right:50%;
}
.whitePanelTitle {
	padding-top:51px;
	padding-bottom:20px;
}
.whitePanelHomeButtonleft {
	width: 20%;
	padding-left: 0%;
	padding-right: 80%;
	margin-top: 10px;
	margin-bottom: 20px;
}
.whitePanelHomeButtoncentre {
	width: 30%;
	padding-left: 35%;
	padding-right: 35%;
	margin-top: 51px;
	margin-bottom: 84px;
}
/* Desktop Padding for How it works panel on home page */
.homeHowItWorks {
	min-height: 175px;
}
/* Desktop Padding for expert partners panel on home page */
.homeExpertPartners {
	background-image: url(../images/expert-partners-full.jpg);
	background-repeat: no-repeat;
	background-position: 100% 100%;
	background-size: auto auto;
}
/* Desktop Styling of success stories panel on home page */
.homeSuccessStories {
	background-position: 0% 60%;
	background-size: 100% auto;
	padding-bottom:34px;
}
.homeSuccessTitle {
}
.homeSuccessWords {
}
.bluePanelHomeButtonCentre {
	width: 20%;
	margin-left:40%;
	margin-right: 40%;
}
/* Desktop Styling of blog posts panel on home page */
.blogPostsHome {
	padding-top: 0px;
}
.blogPostIcon {
	width: 31%;
	padding-left:1%;
	padding-right:1%;	
	padding-top:42px;
	padding-bottom: 80px;
}
.blogPostIcon2 {
	width: 31%;
	padding-left:1%;
	padding-right:1%;
	padding-top:42px;
	padding-bottom: 80px;
}
.blogPostIcon3 {
	display:block;
	clear: none;
	width:31%;
	padding-left:1%;
	padding-right:1%;
	padding-top:42px;
	padding-bottom: 80px;
}
.blogPost1 {
	width: 31%;
	padding-left:1%;
	padding-right:1%;	
	padding-top:42px;
	padding-bottom: 50px;
}
.blogPost2 {
	width: 31%;
	padding-left:1%;
	padding-right:1%;
	padding-top:42px;
	padding-bottom: 50px;
}
.blogPost3 {
	display:block;
	clear: none;
	width:31%;
	padding-left:1%;
	padding-right:1%;
	padding-top:42px;
	padding-bottom: 50px;
}
.blogImage {
}

.blogTitle {
	font-size: 18px;
}

.blogWords {
	font-size: 16px;
}
.blogRightSlider {
}
.blogPageHeaderLeft {
	clear:none;
	width:69%;
	padding-left:1%;
	padding-right:2%;
	font-size:21px;
}
.blogPageHeaderRight {
	clear:none;
	width:28%;
	padding-left:0%;
	padding-right:0%;
}
.blogRightRecentposts {
}
.blogRightTagcloud {
}
/* Desktop Styling of default pages with coloured stripes of content */
.defaultPageHeaderContent {
	width:70%;
	padding-left:15%;
	padding-right:15%;
	min-height:385px;
}
.defaultSubheaderContent {
	width:70%;
	padding-left:15%;
	padding-right:15%;
	min-height:300px;
}
.defaultSubheaderLeft {
}
.defaultSubheaderRight {
	padding-top:60px;
}
.defaultFontManagement1 {
}
.defaultBarWords {
	width:85%;
	padding-left:15%;
	padding-right:0%;
	padding-top:40px;
	min-height:300px;
}
.defaultBarWordsCentred {
	width:85%;
	padding-left:15%;
	padding-right:0%;
	padding-top:40px;
	min-height:300px;
}
.defaultBarWordsPic {
}
.defaultBarWordsText {
	padding-top:20px;
}
.defaultBarWordsPic2 {
}
.defaultBarWordsPic2phone {
}
.defaultBarWordsText2 {
	padding-top:20px;
}
/* Desktop Styling of success page elements */
.caseStudyName {
}
.caseStudyBusname {
}
.caseStudyPic {
	clear: none;
	width: 54%;
	padding-left: 1%;
	padding-right:1%;
	padding-top:70px;
	padding-bottom:40px;
}
.caseStudyWords {
	clear: none;
	width: 42%;
	padding-left: 1%;
	padding-right:1%;
	padding-top:40px;
}
.successCalls1 {
	clear: none;
	width:31%;
	padding: 1%;
}
.successCalls2 {
	clear: none;
	width:31%;
	padding: 1%;

}
.successCalls3 {
	clear: none;
	width:31%;
	padding: 1%;

}
.callsLine1 {
	clear: both;
	width: 100%;
}
.callsLine2 {
	clear: both;
	width: 100%;
	padding-top:10px;
}
.testimonialsContent {
	width:60%;
	padding-left:20%;
	padding-right:20%;
}
.testimonialsHeader {
}
.caseStudyButton {
	width: 50%;
	padding-left: 0%;
	padding-right:50%;
	margin-top: 31px;
	margin-bottom: 84px;
}
.testimonialsButton {
	width: 20%;
	padding-left:40%;
	padding-right: 40%;
	padding-top:30px;
	padding-bottom:60px;
}
/* Desktop Styling of free report page elements */
.defaultPageHeaderLeft {
	clear:none;
	width:68%;
	padding-left:0%;
	padding-right:2%;
	font-size:21px;
}
.defaultPageHeaderRight {
	clear:none;
	width:27%;
	padding-left:0%;
	padding-right:3%;
}
.tableFieldLeft {
}
.tableFieldRight {
	padding-bottom:10px;
}
.formMiddle {
	width:40%;
	padding-left:30%;
	padding-right:30%;
}
.pageLeft {
	clear:none;
	width:43%;
	padding-left:0%;
	padding-right:2%;
	padding-top:2%;
	font-size:21px;
}
.pageRight {
	clear:none;
	width:37%;
	padding-left:0%;
	padding-right:18%;
}
/* Desktop Styling of Talent Acquisiton Assessments page elements */
.aaContent {
	width:90%;
	padding-left:5%;
	padding-right:5%;
	min-height:385px;
}
.aapanelRow {
}
.aapanelPair {
}
.aapanelElement {
}
.aapanelImage {
}
.aapanelTitle {
	font-size: 21px;
	max-width:232px;
}
.aapanelWords {
	font-size: 16px;
	max-width:232px;
}
/*.bbContent {
	width:90%;
	padding-left:5%;
	padding-right:5%;
	padding-top:0px;
	min-height:385px;
}
.bbpanelRow {
padding-bottom:20px;
}
.bbpanelPair {
}
.bbpanelElement {
}
.bbpanelImage {
}
.bbpanelTitle {
	font-size: 21px;
	max-width:464px;
}
.bbpanelWords {
	font-size: 16.5px;
	max-width:464px;
}
.bbPadding {
}
.bbElement {
}*/
.bbContent {
	width:90%;
	padding-left:5%;
	padding-right:5%;
	padding-top:0px;
	min-height:385px;
}
.bbpanelRow {
padding-bottom:20px;
}
.bbpanelPair {
}
.bbpanelElement {
}
.bbpanelImage {
}
.bbpanelTitle {
	font-size: 21px;
	max-width:464px;
}
.bbpanelWords {
	max-width:464px;
}
.bbPadding {
}
.bbElement {
}
/* Desktop Styling of video elements */
.videoRight {
	width: 298px;
	float:right;
	margin-left: 10px;
	margin-bottom: 10px;
	clear:none;
}
.videoRightBkgrd {
}
.videoRightWords {
	width:45%;
	padding-left:35%;
}
.videoRightArrow {
}
.contentVideoBtns {
	width:60%;
	padding-left:20%;
	padding-right:20%;
}
/* Contact page */
#Left {
   clear:none;
   width:49%;
   padding-left:0%;
   padding-right:1%;
}

#Right {
	clear:none;
   width:49%;
   padding-left:1%;
   padding-right:0%;
}
/* Content - pics and words in columns */
.leftPicM {
	width:40%;
	padding-right:2%;
	padding-left:0%;
}

.rightWordsM {
	clear:none;
	width:60%;
}
.rightPicM {
	width:40%;
	padding-left:2%;
	padding-right:0%;
}
.leftWordsM {
	clear:none;
	width:60%;
}
/* PC layout for bullet */

.bullet {
}
/* PC coding for split ul lists */
.splitListLeft {
	width:40%;
	padding-right:10%;
}

.splitListRight {
	width:40%;
	padding-right:10%;
	padding-left:0%;
}
.blogNavigation {
	border-top-width: thin;
	border-top-color: #D2D3D5;
}

.blogNavTitle {
}

.blogPostLeft {
	clear: none;
	max-width: 40%;
	margin-right: 1%;
}

.blogPostRight {
	clear: none;
	max-width: 40%;
	margin-left: 1%;
}

.footerQuestions {
}

.zeroMargin_desktop {
margin-left: 0;
}

.hide_desktop {
display: none;
}
}