/*
Theme Name:  Knox Child Theme
Description: Child theme for the Knox theme
Author:      ThemeMount
Author URI:  http://themeforest.net/user/thememount
Template:    knox
Version:     0.1
Tags:        light, white, two-columns, three-columns, four-columns, right-sidebar, left-sidebar, responsive, retina
*/


/* NOTE: Main theme's style.css file is already added in head tag. /*

/* =Theme customization starts here
-------------------------------------------------------------- */
/** Contact Forms **/

.your-message textarea {
	color: #444 !important;  
}  

/** WooCommerce **/

input {
	color: #444!important;  
  	font-weight: 700;
}  

.conditionals span {
 	 width: 100% !important;
} 

.conditionals b {
	left: 98.5% !important;  
}  

.woocommerce-tabs, .wc-tabs-wrapper {
	display: none;  
}  

/** Homepage **/

span.numinate:after{
	content: '+';
	padding-bottom: 0px;
    padding-left: 5px;
  	font-size: 37px;
    font-weight: 700;
    line-height: 45px;
}  

.serviceIcons .fa-star-o:before {
  	content: '\f21e' !important;
}

.serviceIcons .fa-star:before {
	content: '\f135' !important;  
}
  
.serviceIcons .fa-money:before {
	content: '\f1cd' !important;  
}  

.serviceIcons .fa-cc-mastercard:before {
	content: '\f013' !important;  
}

.serviceIcons .fa-pie-chart:before {
	content: '\f0e7' !important;
}

.woocommerce div.product form.cart .button {
	background-color: #4a9dbe;  
}

.woocommerce div.product form.cart .button:hover {
	background-color: #77a464;  
}  

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
  	background-color: #4a9dbe;
}  

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {
  	background-color: #77a464;
} 

input[type="submit"], .woocommerce #payment #place_order {
  	background-color: #4a9dbe;
  	color: #ffffff !important;
} 

input[type="submit"]:hover {
  	background-color: #77a464;
} 

.woocommerce #payment #place_order:hover {	
	background-color: #77a464;
}  

/** General **/

.tm-header-wc-cart-link a:hover { color: #ffffff!important; }

.tm-header-icon .tm-header-wc-cart-link i.tm-know-icon-shopping-cart:hover {
	color: #ffffff !important;
}  

.tm-mmenu-active-color-skin #site-header-menu #site-navigation div.nav-menu > ul > li.current_page_item > a {
	color: #4DBE8C !important;  
}

.tm-mmenu-active-color-skin #site-header-menu #site-navigation div.nav-menu > ul > li.current-menu-ancestor > a {
	color: #4DBE8C !important;     
}

.tm-mmenu-active-color-skin #site-header-menu #site-navigation div.nav-menu > ul > li > a:hover {
	color: #4DBE8C !important;
}

#site-header-menu #site-navigation div.nav-menu > ul > li > a {
	margin: 0px 0px 0px 0px;  
}  

#site-header-menu #site-navigation div.nav-menu > ul > li {	
	margin: 0px 15px 0px 15px;  
}   

textarea {
	color: #787878 !important;  
  	background-color: none !important;
}  

textarea:focus {
	border: 1px solid #d1d1d1 !important;  
}  

.leftCol .fabrikElement {
	padding-left: 8px;  
}  

.fabrikActions button {
	padding: 10px 30px !important;
  	background-color: #4a9dbe !important;
  	color: #fff !important;
}  

.fabrikActions button:hover {
	background-color: #639347 !important;
}

/** Theme Button **/  

.tm-vc_general.tm-vc_btn3.tm-vc_btn3-color-skincolor {
	color: #444 !important;  
  	border-radius: 2px;
}  

.tm-vc_general.tm-vc_btn3.tm-vc_btn3-color-skincolor:hover {
	background-color: #4DBE8C !important;  
}

span.edit-link {
	display: none;  
}

.headerSlogan {
	font-size: 1.5em;
  	line-height: 7.2em;
  	color: #4a9dbd;
}

span.tm-fbar-open-icon [class*=" ti-"] {
	display: inline-block;
    position: relative;
    -moz-animation: bounce 1s infinite linear;
    -o-animation: bounce 1s infinite linear;
    -webkit-animation: bounce 1s infinite linear;
    animation: bounce 1s infinite linear;	  
}  

@keyframes bounce {
	0% { top: 0; }
    50% { top: -0.2em; }
    70% { top: -0.3em; }
    100% { top: 0; }
}  


i.tm-knox-icon-search:hover {
	color: #71BC4B !important; 	  
}  

ul.styled {
	list-style-type: none;
}  

ul.styled li:before {
    content: '▸';
  	color: #4a9dbe;
  	padding-right: 1em;
}
  
/** Social **/

.tm-knox-icon-googleplus:before {
  	content: '\e80e' !important;  
}  

/** Paragraphs **/

h2.paraTitle {
	font-family: "Nunito Sans", Arial, Helvetica, sans-serif;
    font-weight: 800;
    font-size: 34px;
    line-height: 40px;
    letter-spacing: 1.5px;
}  
  
h2.paraTitle span:first-of-type {
	color: #4a9dbe; 
}  

/** Team - Single Page **/


  
/** Testimonials **/

.testimonials_quote {
  	margin: 2em;
    font-size: 1.5em;
    line-height: 1.2em;
    font-style: italic;
    color: #4a9dbe;
}  



.thememount-box-desc h2 {
	font-weight: 600;  
}  

.thememount-box-desc::after {
	content: '' !important;  
  	border-top-left-radius: none;
    border-top-right-radius: none;
    border: 1px solid #f5f5f5;
}  

/** Products  - Category Page **/

h2.intro {
	font-size: 2.3em; 	 
}

h4.tm-custom-heading {
	margin-top: 20px !important;  
	margin-bottom: 20px;	
}

tr#top {
	background-color: #639347;  	
} 

tr#bottom {
	background-color: #f5f5f5;
}  

tr#bottom td {
	font-size: 22px;	
  	color: #000;
  	padding: 30px; 
}  
  
tr#top td {
	font-size: 22px;	
  	color: #fff;
  	padding: 30px;
}  

a.learn_more {
  	color: #444;
  	border-color: #444;
  	border-style: solid;
    border-width: 1px;
  	padding: 8px 12px;
  	display: inline-block;
  	float: left;
  	font-weight: 600;
}  
  
/** WooCommerce **/

p.product {
	display: none;  
}  

a.added_to_cart {
	display: none;  
}

a.add_to_cart_button {
	color: #4a9dbe;
  	border-color: #4a9dbe;
  	border-style: solid;
    border-width: 1px;
  	padding: 8px 12px;
  	display: inline-block;
  	float: left;
  	margin: 0px 5px;
}  

a.add_to_cart_button:focus {
	background-color: #F25D8D; 
  	color: #ffffff;
  	border-color: #F25D8D;
  	border-style: solid;
    border-width: 1px;
}  

a.view_more {
  	color: #fff;
  	border-color: #4a9dbe;
  	border-style: solid;
    border-width: 1px;
  	background-color: #4a9dbe;
  	padding: 8px 12px;
  	display: inline-block;
  	float: left;
  	font-weight: 600;
  	margin: 0px 5px;
}  

div.tm-vc_cta3- {
	width: 251px;
}  

#homeIcons .tm-vc_cta3-icons {
	display: table-cell !important;  
}  

.tm-vc_cta3-icons {
	display: none !important;  
}  

.tm-wrap-cell {
  	
}  

/** Footer **/
#prefooter2 {
    padding: 20px 0px;
    background: #031927;
    color: #FFF;
}

.prefooterContainer {
	padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

ul.mcFooter {
    display: block;
    list-style-type: disc;
  	margin: 0px;
  	padding: 0%;
}

ul.mcFooter li {
	display: inline-block !important;
  	list-style-type: none !important;
  	list-style-image: none !important;
  	width: 24%;
  	padding: 0% 1%;
}

ul.mcFooter li:first-of-type {
	padding-top: 0% !important;
  	padding-bottom: 0% !important;
  	padding-left: 0% !important;
  	padding-right: 1% !important;
}  

ul.mcFooter li:first-of-type + li + li {
	margin: 0% 1%;
}

ul.mcFooter li input[type="text"]::-webkit-input-placeholder {
 	color: #fff; 
}  

ul.mcFooter li input[type="email"]::-webkit-input-placeholder {
 	color: #fff; 
}

input#mcSubmit {
  	padding: 10px 30px !important;
}

input#mcSubmit:hover {
  	background-color: #4dbe97;
}

.we_accept {	
	margin-top: 5%;  
}  

.we_accept img {
	display: inline-block; 
  	float: left;
}  

.we_accept p {
	display: inline-block !important;
  	float: left;	
  	font-size: 14px;
}  

/** Case Studies **/
.case1 {  	
  	background-image: url("https://www.humanoutsource.com.au/wp-content/uploads/2017/10/e3_style_vanessa_garrard2.jpg");
	text-align: left;
  	background-size: cover;
  	color: #ffffff !important;
  	height: 335px;
}
.case2 {
   	background-image: url("https://www.humanoutsource.com.au/wp-content/uploads/2017/10/hassalls_slide.jpg");
	background-size: cover;
  	text-align: left;
  	color: #ffffff !important;
  	height: 335px;
}

.case3 {
   	background-image: url("https://www.humanoutsource.com.au/wp-content/uploads/2017/10/aspire_benefits.jpg");
  	background-size: cover;
  	text-align: left;
  	color: #ffffff !important;
  	height: 335px;
}

.case4 {
   	background-image: url("https://www.humanoutsource.com.au/wp-content/uploads/2017/10/cciq_transparent_66kb.png");
	text-align: left;
  	background-size: cover;
  	background-position: left bottom;
  	color: #ffffff !important;
  	height: 335px;
}

.case5 {
	background-image: url("/wp-content/uploads/2017/10/vetwell-group.png");
  	text-align: left;
  	background-size: cover;
  	background-position: center center;
  	color: #ffffff !important;
  	height: 335px;  	
}  

.case6 {
	background-image: url("https://www.humanoutsource.com.au/wp-content/uploads/2017/10/bulk_fuel_australia.jpg");
  	text-align: left;
  	background-size: cover;
  	background-position: center center;
  	color: #ffffff !important;
  	height: 335px;  		  
}  

.case7 {
	background-image: url("https://www.humanoutsource.com.au/wp-content/uploads/2017/11/amcs-transparent.png");
  	text-align: left;
  	background-size: cover;
  	background-position: 50% 85%;
  	color: #ffffff !important;
  	height: 335px;  		  
}
.case8 {
	background-image: url("https://www.humanoutsource.com.au/wp-content/uploads/2021/08/QVS-logo-Red-3.png");
  	text-align: left;
  	background-size: cover;
  	background-position: 50% 85%;
  	color: #ffffff !important;
  	height: 335px;  		  
}

.case1 #caseTitle { color :#ffffff; font-weight: 600; font-size: 2.3em; }
.case2 #caseTitle { color :#ffffff; font-weight: 600; font-size: 2.3em; }
.case3 #caseTitle { color :#ffffff; font-weight: 600; font-size: 2.3em; }
.case4 #caseTitle { color :#ffffff; font-weight: 600; font-size: 2.3em; }
.case5 #caseTitle { color :#ffffff; font-weight: 600; font-size: 2.3em; }
.case6 #caseTitle { color :#ffffff; font-weight: 600; font-size: 2.3em; }
.case7 #caseTitle { color :#ffffff; font-weight: 600; font-size: 2.3em; }
.case8 #caseTitle { color :#ffffff; font-weight: 600; font-size: 2.3em; }

.caseRow {
	padding-top: 27%;
  	padding-left: 10%;
  	padding-right: 10%;
  	padding-bottom: 100px;  
	z-index: 10;
  	overflow: hidden;
  	height: 100%;
  	background-image: linear-gradient(353deg, rgba(74, 157, 189,0.75) 0%, rgba(213,47,91,0) 560px);
  	-webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.caseRow:hover {
	padding-top: 25%;
  	background-image: linear-gradient(353deg, rgba(74, 157, 189,0.9) 0%, rgba(213,47,91,0) 560px);
}

a.learnMore {
	color: #ffffff; 
}  

a.learnMore:after {
	font-family: FontAwesome;
    content: "\f178";
    position: absolute;
	padding-left: 2%;
    transition: all 200ms ease;
}  

a.learnMore:hover {
	color: #f25d8d;
  	text-decoration: none;
}  

a.learnMore:hover:after {
	padding-left: 4%;
}  

/** Products **/

.tm-cta3-content-wrapper a.seeProducts {
	background-color: #4a9dbe;
  	padding: 12px 30px;
  	line-height: 43px;
  	margin-top: 10px;
  	color: #fff;
}

span.highlight {
	color: #4a9dbe;
  	font-weight: 600;
}  
.iconProd1 {
	font-size: 17px;
  	font-weight: 700;
  	color: #ffffff;
  	line-height: 15px;
  	margin: 2em 0em;
}  
.iconProd1:before { 
  	font-family: FontAwesome; 
  	content: "\f087"; 
  	display: inline-block; 
  	padding: 1em; 
  	border-width: 1px; 
  	border-color: 1px; 
  	border-style: solid;
  	margin-right: 0.75em;
}
.iconProd2 {  
	font-size: 17px;
  	font-weight: 700;
  	color: #ffffff;
  	line-height: 15px;
  	margin: 2em 0em;
}
.iconProd2:before { 
  	font-family: FontAwesome; 
  	content: "\f007"; 
  	display: inline-block; 
  	padding: 1em; 
  	border-width: 1px; 
  	border-color: 1px; 
  	border-style: solid;
  	margin-right: 0.75em;
}

.iconProd3 {  
	font-size: 17px;
  	font-weight: 700;
  	color: #ffffff;
  	line-height: 15px;
  	margin: 2em 0em;
}
.iconProd3:before { 
  	font-family: FontAwesome; 
  	content: "\f004"; 
  	display: inline-block; 
  	padding: 1em; 
  	border-width: 1px; 
  	border-color: 1px; 
  	border-style: solid;
  	margin-right: 0.75em;
}
.iconProd4 {  
	font-size: 17px;
  	font-weight: 700;
  	color: #ffffff;
  	line-height: 15px;
  	margin: 2em 0em;
}
.iconProd4:before { 
  	font-family: FontAwesome; 
  	content: "\f017"; 
  	display: inline-block; 
  	padding: 1em; 
  	border-width: 1px; 
  	border-color: 1px; 
  	border-style: solid;
  	margin-right: 0.75em;
}

/** Dropdown Floating Sidebar **/

span.strong {
	text-transform: uppercase;
  	font-weight: 600;
  	font-size: 1.25em;
  	font-family: "Oswald", sans-serif;
}  

span.strong:after {
	content: " ";
  	border-bottom-style: solid;
  	border-bottom-width:2px;
  	border-bottom-color: #4a9dbd;
  	display:table-cell;
  	width:200px; 
}  

.phoneLink {
	font-size: 2em;
  	margin-bottom: 15px !important;
}  

.phoneLink:hover {
	color: #4a9dbe;  
  	transition: all 0.5s ease;
}  

/** UI Gradients **/

.uiGradient {
  background: #fc5c7d; /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #fc5c7d, #6a82fb); /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #fc5c7d, #6a82fb); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

/** Button **/

.buttonFP {
	line-height: 18px;
    padding: 14px 25px 14px 25px;
  	box-shadow: #7A223F 0 3px;
    background-color: #F25D8D;
	display: inline-block;
  	position: relative;	
  	top: 25px;
}

/** Contact **/

input[type="submit"]:hover {
	  background-color: #4DBE8C !important;
}  

.thememount-box-blog .tm-entry-meta-wrapper {
	display: none;
}

.thememount-boxes-view-default .thememount-blogbox-footer-readmore a {
	line-height: 18px;
    padding: 14px 25px 14px 25px;
  	box-shadow: #7A223F 0 3px;
    background-color: #F25D8D;
	display: inline-block;
  	position: relative;	
  	top: -10px;
  	font-weight: 400;
}   

.contactDetails {
	color: #ffffff !important;  
  	font-size: 19px;
    line-height: 34px;
    font-weight: 600;
} 

.contactDetails a:hover {
	color: #031927 !important;
  	cursor: inherit;
}

.prodTel {
	font-weight: 800;
    font-size: 36px;
    line-height: 43px;
    letter-spacing: 1.5px;
  	color: #ffffff;
}
  
.prodTel:hover { color: #031927!important; }

#contactSocials .wpb_wrapper .thememount-social-links-wrapper .social-icons li > a {
	font-size: 22px !important;
  	color: #fff;
}

#contactSocials .wpb_wrapper .thememount-social-links-wrapper .social-icons li > a:hover {
	color: #031927;
}
  
#contactSocials .wpb_wrapper .thememount-social-links-wrapper .social-icons li {
	padding-left: 8px;
  	padding-right: 8px;
}  

/** Privacy Policy **/

ul.legal {
    margin: 2em 0em 2em 2em;
    list-style: none;
  	margin-bottom: 2em !important;
}

/** Trusted By **/

.trustedBy img {
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
  	width: 75px;
    height: auto;
}


/** Mobile Queries **/

@media screen and (max-width: 768px) { 
  	ul.mcFooter > li { width: 23%; display: inline-block !important; list-style-type: none !important;list-style-image: none !important; } 
  	ul.mcFooter li label { font-weight: 400; font-size: 10px; }
  	ul.mcFooter li input { font-size: 8px; }
  	ul.mcFooter li input[type="submit"] { font-size: 8px; }
  	ul.mcFooter li input#mcSubmit { padding: 14px 17px !important; }
  	.trustedBy { display: none; }
  	#prefooter2 { background-color: #031929!important; }
  	.trustedBy img { width: 50px !important; height: auto; display: inline-block; } 
  	.trustBox p { line-height: 30px; margin-right: 5%; }
  	.trustBox { max-width: 15% !important; height: auto; padding: 0 2%; display: inline-block; float: left; line-height: 55px; }
  	#homeIcons, .homeIcons { padding: 0 2%; }
	.trustedBox img { max-width: 40px; margin: 0 1%; }
	.aboutPanel { padding-left: 0px; }
}  

.trustBox:first-of-type { margin-right: 5%; }

.trustBox { max-width: 145px !important; height: auto; padding: 0 2%; display: inline-block !important; float: left !important; line-height: 55px; }

.trustBox img { max-width: 140px !important; height: auto !important; }

.trustedBox {  
	display: inline-block !important;
  	max-width: auto;
  	white-space: nowrap;
  	float: left !important;
}

.trustedBox img {
	display: inline-block;
  	float: left;
  	max-width: 140px;
  	margin: 0 2%;
}  

.aboutPanel { 
	padding-left: 95px; 
}

/** All **/

.serviceHeading {
	display: table-cell;
  	height: 9em;
  	padding-left: 2.2em;
  	vertical-align: bottom;
  	font-weight: 700;
  	text-transform: uppercase;
}    

.serviceHeading h3 { font-weight: 800; }

#bg-blue {
	background-color: #4a9dbe;
  	padding-bottom: 1em;
}  

/** 1 **/

.serviceCube1 {
    flex: 1;
  	color: #ffffff;
    text-align: left;
    transition: .3s;
    max-width: 50%;
    padding-top: 14em;
    min-width: 0%;
  	max-height: 33%;
  	background:linear-gradient(0deg,rgba(0,0,0,0.85),rgba(0,0,0,0.85)),url(/wp-content/uploads/2017/11/HR_HealthCheck_bg.jpg);
  	background-size:cover;
}

.serviceCube1:hover {
    transition: .5s;
    max-width: 100% !important;
    background:linear-gradient(0deg,rgba(0,0,0,0.85),rgba(0,0,0,0.85)),url(/wp-content/uploads/2017/11/HR_HealthCheck_bg.jpg);
    flex-grow: 9999;
  	padding: 9em 0;
    cursor: pointer;
    color: #fff;
  	max-height: 100%;
}

.serviceCube1 .serviceContent {
	display: none;
  	padding-left: 4em;
  	padding-right: 2em;
}  

.serviceCube1:hover {
	padding-top: 6em;  
}  

.serviceCube1:hover .serviceContent {
  	display: block;
}  

/** 2 **/

.serviceCube2 {
    flex: 1;
  	color: #ffffff;
    text-align: left;
    transition: .3s;
    max-width: 50%;
    padding-top: 14em;
    min-width: 0%;
  	max-height: 33%;
  	background:linear-gradient(0deg,rgba(74, 157, 190,0),rgba(74, 157, 190,0)),url(/wp-content/uploads/2017/11/HR_Fundamentals_bg.jpg);
  	background-size:cover;
}

.serviceCube2:hover {
    transition: .5s;
    max-width: 100% !important;
    background:linear-gradient(0deg,rgba(74, 157, 190,0.85),rgba(74, 157, 190,0.85)),url(/wp-content/uploads/2017/11/HR_Fundamentals_bg.jpg);
    flex-grow: 9999;
  	padding: 9em 0;
    cursor: pointer;
    color: #fff;
  	max-height: 100%;
} 

.serviceCube2 .serviceContent {
	display: none;
  	padding-left: 4em;
  	padding-right: 2em;
}  

.serviceCube2:hover {
	padding-top: 6.5em;  
}  

.serviceCube2 .serviceHeading h3 { color: #031927; }
.serviceCube2:hover .serviceHeading h3 { color: #fff; }

.serviceCube2:hover .serviceContent {
  	display: block;
}  

/** 3 **/

.serviceCube3 {
    flex: 1;
  	color: #ffffff;
    text-align: left;
    transition: .3s;
    max-width: 50%;
    padding-top: 14em;
    min-width: 0%;
  	max-height: 33%;
  	background:linear-gradient(0deg,rgba(74, 157, 190,0),rgba(74, 157, 190,0)),url(/wp-content/uploads/2017/11/HR_Advisory_bg.jpg);
  	background-size:cover;
}

.serviceCube3:hover {
    transition: .5s;
    max-width: 100% !important;
    background:linear-gradient(0deg,rgba(74, 157, 190,0.85),rgba(74, 157, 190,0.85)),url(/wp-content/uploads/2017/11/HR_Advisory_bg.jpg);
    flex-grow: 9999;
  	padding: 9em 0;
    cursor: pointer;
    color: #fff;
  	max-height: 100%;
} 

.serviceCube3 .serviceContent {
	display: none;
  	padding-left: 4em;
  	padding-right: 2em;
}  

.serviceCube3:hover {
	padding-top: 8em;
}  

.serviceCube3 .serviceHeading h3 { color: #031927; }
.serviceCube3:hover .serviceHeading h3 { color: #fff; }

.serviceCube3:hover .serviceContent {
  	display: block;
}  
 
/** 4 **/

.serviceCube4 {
    flex: 1;
  	color: #ffffff;
    text-align: left;
    transition: .3s;
    max-width: 50%;
    padding-top: 14em;
    min-width: 0%;
  	max-height: 33%;
  	background:linear-gradient(0deg,rgba(0,0,0,0.85),rgba(0,0,0,0.85)),url(/wp-content/uploads/2017/11/HR_Manager_bg.jpg);
  	background-size:cover;
}

.serviceCube4:hover {
    transition: .5s;
    max-width: 100% !important;
    background:linear-gradient(0deg,rgba(0,0,0,0.85),rgba(0,0,0,0.85)),url(/wp-content/uploads/2017/11/HR_Manager_bg.jpg);
    flex-grow: 9999;
  	padding: 9em 0;
    cursor: pointer;
    color: #fff;
  	max-height: 100%;
}

.serviceCube4 .serviceContent {
	display: none;
  	padding-left: 4em;
  	padding-right: 2em;
}  

.serviceCube4:hover {
	padding-top: 4.5em;  
}  

.serviceCube4:hover .serviceContent {
  	display: block;
}

/** 5 **/

.serviceCube5 {
    flex: 1;
  	color: #ffffff;
    text-align: left;
    transition: .3s;
    max-width: 50%;
    padding-top: 14em;
    min-width: 0%;
  	max-height: 33%;
  	background:linear-gradient(0deg,rgba(0,0,0,0.85),rgba(0,0,0,0.85)),url(/wp-content/uploads/2018/08/Humanoutsource_HR_Employee_Assist_Header.jpg);
  	background-size:cover;
}

.serviceCube5:hover {
    transition: .5s;
    max-width: 100% !important;
    background:linear-gradient(0deg,rgba(0,0,0,0.85),rgba(0,0,0,0.85)),url(/wp-content/uploads/2018/08/Humanoutsource_HR_Employee_Assist_Header.jpg);
    flex-grow: 9999;
    cursor: pointer;
    color: #fff;
  	max-height: 100%;
}

.serviceCube5:hover .serviceContent {
  	display: block;	
  	color: rgba(255, 255, 255, 1.0);
} 

.serviceCube5 .serviceContent {
	display: none;
  	padding-left: 4em;
  	padding-right: 4em;
}  

.serviceCube5:hover {
 padding: 15% 0  !important; 
}  

.serviceCube5:hover .serviceContent {
  	display: block;
}

/** 6 **/

.serviceCube6 {
    flex: 1;
  	color: #ffffff;
    text-align: left;
    transition: .3s;
    max-width: 50%;
    padding-top: 14em;
    min-width: 0%;
  	max-height: 33%;
  	background:linear-gradient(0deg,rgba(74,157,190,0.0),rgba(74,157,190,0.0)),url(/wp-content/uploads/2017/10/pexels-photo-373076.jpeg);
  	background-size:cover;
}

.serviceCube6:hover {
    transition: .5s;
    max-width: 100% !important;
    background:linear-gradient(0deg,rgba(74, 157, 190,0.85),rgba(74, 157, 190,0.85)),url(/wp-content/uploads/2017/10/pexels-photo-373076.jpeg);
    flex-grow: 9999;
  	padding: 9em 0;
    cursor: pointer;
    color: #fff;
  	max-height: 100%;
  	overflow: hidden;
  	z-index: 99;
}

.serviceCube6 .serviceContent {
	display: none;
  	padding-left: 5em;
  	padding-right: 2em;
}  

.serviceCube6:hover {
	padding-top: 4.5em;  
}  

.serviceCube6:hover .serviceContent {
  	display: block;
}

.serviceCube6 .serviceHeading h3 { color: #031927; }
.serviceCube6:hover .serviceHeading h3 { color: #fff; }

/** 7 **/

.serviceCube7 {
    flex: 1;
  	color: #ffffff;
    text-align: left;
    transition: .3s;
    max-width: 50%;
    padding-top: 14em;
    min-width: 0%;
  	max-height: 33%;
  	background:linear-gradient(0deg,rgba(0,0,0,0.85),rgba(0,0,0,0.85)),url(https://www.humanoutsource.com.au/wp-content/uploads/2018/08/Humanoutsource_HR_Employee_Assist_Header.jpg);
  	background-size:cover;
}

.serviceCube7:hover {
    transition: .5s;
    max-width: 100% !important;
    background:linear-gradient(0deg,rgba(0,0,0,0.85),rgba(0,0,0,0.85)),url(https://www.humanoutsource.com.au/wp-content/uploads/2018/08/Humanoutsource_HR_Employee_Assist_Header.jpg);
    flex-grow: 9999;
  	padding: 9em 0;
    cursor: pointer;
    color: #fff;
  	max-height: 100%;
}

.serviceCube7 .serviceContent {
	display: none;
  	padding-left: 4em;
  	padding-right: 2em;
}  

.serviceCube7:hover {
	padding-top: 6em;  
}  

.serviceCube7:hover .serviceContent {
  	display: block;
}

.serviceContainer {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  background-color: #eee;
}

/** 8 **/

.serviceCube8 {
    flex: 1;
  	color: #ffffff;
    text-align: left;
    transition: .3s;
    max-width: 50%;
    padding-top: 14em;
    min-width: 0%;
  	max-height: 33%;
  	background:linear-gradient(0deg,rgba(74, 157, 190,0),rgba(74, 157, 190,0)),url(https://www.humanoutsource.com.au/wp-content/uploads/2017/04/knox-datapic2.jpg);
  	background-size:cover;
}

.serviceCube8:hover {
    transition: .5s;
    max-width: 100% !important;
    background:linear-gradient(0deg,rgba(74, 157, 190,0.85),rgba(74, 157, 190,0.85)),url(https://www.humanoutsource.com.au/wp-content/uploads/2017/04/knox-datapic2.jpg);
    flex-grow: 9999;
  	padding: 9em 0;
    cursor: pointer;
    color: #fff;
  	max-height: 100%;
} 

.serviceCube8 .serviceContent {
	display: none;
  	padding-left: 4em;
  	padding-right: 2em;
}  

.serviceCube8:hover {
	padding-top: 6.5em;
}  

.serviceCube8 .serviceHeading h3 { color: #031927; }
.serviceCube8:hover .serviceHeading h3 { color: #fff; }

.serviceCube8:hover .serviceContent {
  	display: block;
} 

/** Products - Grid Display **/  

a.viewMore {
	color: #fff;
    border-color: #fff;
    border-style: solid;
    border-width: 1px;
    padding: 8px 10px;
    display: block;
    width: 123px;
    font-size: 10px;
  	text-align: center;
  	margin-top: 15px;
}  

@media screen and (max-width: 768px) {
	.serviceHeading h3 { font-size: 13px !important;  }      
}  

/** END **/