html, body{scroll-behavior: smooth;}

header{ height:80px; box-shadow: 0px 3px 3px -3px rgba(0, 0, 0, 0.20); width: 100%; position: fixed;
    right: 0px;}
main {
    padding-top: 80px;
}
ul, li{ list-style:none;}
img{max-width:100%}
a, a:hover{ text-decoration:none}
.row{ margin-bottom:0px}
h2{ color:#222; font-weight:600}
header .nav_container {
    position: relative;
    float: right;
	height:70px;
	border-top:none
}
header .logo {
    background-image: url("../ManpowerGroup_files/ManpowerGroup-logo-horizontal.svg");
	background-size:contain;
	margin-top:17px;
  }
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  header .logo {
    background-image: url("../ManpowerGroup_files/ManpowerGroup-logo-horizontal.svg");
	background-size:contain
  }
}

.workforce-item{position:relative;opacity:0;visibility:hidden;transition:opacity 1s ease;-webkit-transition:opacity 1s ease;}
.workforce-item.slick-initialized{display:block;visibility:visible;opacity:1}

ul.navigation{display:flex; justify-content: right; padding-top:32px; margin:0px}
ul.navigation li{ /*border-left:1px solid #CCC !important;*/ float:left; position:relative; height:47px;}
/*ul.navigation li a{ font:bold 11px/32px Arial, sans-serif; color:#666; text-align:center; padding:0px 18px; display:block}*/
ul.navigation li a{ font-family:'Inter', Arial, sans-serif; font-size: 1.125rem; font-weight:600; line-height:1; color:#222; padding:0px 18px;  text-align:center; display:block; transition:none;}
ul.navigation li a span{ position:relative; display:block}
ul.navigation li a span::after{ display: block;
    position: absolute;
    content: "";
    background-color: rgb(194, 87, 0);
    bottom: -4px;
    left: 50%;
    transform: translateX(-50%);
    width: 0px;
    height: 2px;
    transition: 0.25s ease-in-out;}
ul.navigation li:hover a span::after{ width:100%}
ul.navigation li a:hover{ color:#c25700; /*background:#4e4e4e;*/}
ul.navigation li:hover{ color:#c25700 !important; /*background:#4e4e4e;*/}
ul.navigation li:hover a{ color:#c25700;}
ul.navigation li a.subArrow:after{content:"\f105"; display:inline-block;font-family: FontAwesome; color:#222; font-size:18px; float:right; margin-right:-5px }

/*dropmenu nav css strat here*/

.nav2{ position:relative; z-index:99;}

.nav2 li > ul.sub{ position:absolute; left:-9999px; top:0px; height:auto; padding:10px 0px 0px; z-index:99; /*background: #393939;*/ text-align:left}

.nav2 li:hover ul.sub{ position:absolute; left:50%; margin-left:-122px; top:47px; height:auto; width:248px; z-index:9;   /*border:3px solid #709184;*/ text-align:left; /*-moz-box-shadow: 3px 3px 5px #626262; -webkit-box-shadow: 3px 3px 5px #626262; box-shadow: 3px 3px 5px #626262;*/}

.nav2 li:hover ul.sub li{ float:none; background:none; padding:0px; height:auto; position:relative;  background: rgba(255,255,255,1); border-left:1px solid #ccc; border-right:1px solid #ccc; }

.nav2 li:hover ul.sub li a{ display:block; height:auto; padding:8px 15px; text-decoration:none; color:#222; border-bottom:none; font-size:14px; line-height:18px; background:none; font-weight:400; text-align:left}

.nav2 li:hover ul.sub li a:hover{ color:#c25700;}

.nav2 li:hover ul.sub ul{ position:absolute; z-index:998; left:-9999px; top:0px; background:rgba(57,57,57,0.8); height:auto; padding:0px;}
.nav2 li:hover ul.sub li:hover > a {/*background:#2b2b2b;*/}

.nav2 li:hover ul.sub li:hover ul{position:absolute; left:365px; top:-1px; height:auto; padding:0; width:220px;}

.nav2 li:hover{ color:#FFF;}

.nav2 li:hover ul.sub li:first-child{  height:15px; border-top:1px solid #ccc; position:relative}
.nav2 li:hover ul.sub li:last-child{  border-bottom:1px solid #ccc; padding-bottom:20px}
 .nav2 li ul.sub div.triangle {
    position: absolute;
    width: 20px;
    height: 20px;
    top: -10px;
    left: calc(50% - 10px);
    background-color: rgb(255, 255, 255);
    transform: rotate(45deg);
    transition: 0.25s ease-in-out;
    border-top: 1px solid rgb(171, 171, 171);
    border-left: 1px solid rgb(171, 171, 171);
}
/*.nav2 li:hover ul.sub li a[target=_blank]:after{ position:absolute}*/
/*slide menu style*/

.hidden_menu{ /*background:#6e98ca ;*/ background:#333; height: calc(100% - 80px); overflow-y: auto; position: fixed; right: -250px; top:80px; width: 250px; z-index:999;}

.mblLeftNav ul#nav { margin-top:8px; display: block;}
.mblLeftNav ul#nav li{ display: table; width:100%; height:auto; /*background-color:#87a9d2;*/ }
.mblLeftNav ul#nav li a{ /*background-color:#87a9d2;*/ 
border-bottom:1px solid #666; 
font-size:16px; line-height:20px; font-weight:400;
color:#fff; 
display:block; 
padding:8px 15px 8px 15px !important; 
text-align:left;
}
.mblLeftNav ul#nav li a:focus{ text-decoration:none;}
.mblLeftNav ul#nav li a:active{ text-decoration:none;}
.mblLeftNav ul#nav li ul{ margin-left:0px !important; display:none}
.mblLeftNav ul#nav li ul li a{ font-size:13px;}
.mblLeftNav ul#nav li a:hover{ background-color:#000; }
.mblLeftNav ul#nav li.active a{ background-color:#c25700; }
.mblLeftNav ul#nav li ul li a{ background:#464646 !important;}
.mblLeftNav ul#nav li.active ul li ul li a{ background-color:#999 !important; color:#FFF !important; padding-left:35px !important;}
.mblLeftNav ul#nav li a:after{color: #FFF;
    font-size: 18px;
    width: 16px;
    text-align: center;
    float: right;
    margin-right: -12px;}

.mblLeftNav ul#nav li ul.show-subnav{background: #3c5e8d; margin-top:-1px}
.mblLeftNav ul#nav li.open a:after{border-width: 5px 5px 0 5px; border-color: #fff transparent transparent transparent; margin-top:11px;}
.mblLeftNav ul#nav li.open ul li a:after{border-width: 5px 5px 0 5px; border-color: #fff transparent transparent transparent; margin-top:11px;}

.mblLeftNav ul#nav li ul li a{ font-size:13px; color:#fff !important; padding-left:25px !important; font-style:normal; text-shadow:none }

#nav .show-subnav {display: block!important;}

.mobl_button{ 
	background:#FFF; 
	border-left: 1px solid #ddd;
	width: 77px;
	height: 77px; 
	cursor:pointer; 
	display:none; 
	position:absolute;
	right:0px; top:0;
	z-index:9; 
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
}
.mobl_button span{
display: block; left:0; right:0; margin: 24px auto 0 auto;
position: absolute;
height: 2px;
width: 40%;
background: #333;
border-radius: 0px;
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;	
}
.mobl_button.open span{ opacity:1;}
.mobl_button span:nth-child(1) {  top: 6px;}
.mobl_button span:nth-child(2),.mobl_button span:nth-child(3) {top:13px;}
.mobl_button span:nth-child(4) {top:20px;}
.mobl_button.open span:nth-child(1) {top:8px;width: 0%;left: 50%;}
.mobl_button.open span:nth-child(2) {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
.mobl_button.open span:nth-child(3) {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
.mobl_button.open span:nth-child(4) {top: 18px;width: 0%;left: 50%;}
/*------------------------------*/
.homeblock--stat .statblock__content .statblock__heading {
    font-family: Inter, Arial, "Droid Sans", Arimo, sans-serif;
    font-weight: 600;
    font-size: 1.25rem;
    margin-top: 0;
    line-height: 1.3;
    text-transform: uppercase;
    letter-spacing: 1.125px;
    margin-bottom: 2rem;
    transition: 1s ease-in-out;
}
.homeblock--stat {
    position: relative;
    background-color: rgb(255, 255, 255);
    min-height: 100%;
    display: flex;
    align-items: center;
    color: rgb(40, 42, 50);
}
.homeblock--stat .statblock__image {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 1;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% center;
}
.homeblock--stat .statblock__content {
    width: 100%;
    z-index: 2; padding: 75px 0px;
}
.homeblock--stat .statblock__content .statblock__container {
    display: flex;
    align-items: center;
    transition: 1s ease-in-out;
}
.statblock__count {
    font-size: 7.25rem;
    font-weight: 600;
    line-height: 116px;
}
.homeblock--stat .statblock__content .statblock__container .statblock__title {
    font-weight: 600;
	color:#222;
    font-size: 2.75rem;
    line-height: 48px;
    padding-left: 1rem;
    margin-bottom: 0px;
    padding-bottom: 0.625rem;
}
.statblock__text p.large{ margin-bottom:15px}

.button {
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    font-family: Inter, Helvetica, Arial, "Droid Sans", Arimo, sans-serif;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    line-height: 1;
    align-items: center;
    text-align: center;
    color: rgb(255, 255, 255);
    background-color: initial;
    text-decoration: none;
    transition: 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
    border-width: 2px;
    border-style: solid;
    border-color: transparent;
    border-image: initial;
    border-radius: 2rem;
    padding: 0.70rem 2.125rem 1rem;
}
.button.primary-button--orange {
    background-color: rgb(194, 87, 0);
    color: rgb(255, 255, 255);
    border-color: rgb(194, 87, 0);
	margin-bottom: 15px;
}
.button .cta-icon {
    margin-left: 0.625rem;
    position: relative;
    display: inline-block;
	bottom:-6px;
    background-repeat: no-repeat;
    transition: 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.homeblock--stat .statblock__content .statblock__btn .button {
    font-size: 20px;
    line-height: 20px;
}
.button.primary-button--orange:hover {
    background-color: rgb(209, 129, 64);
    color: rgb(255, 255, 255);
    border-color: rgb(209, 129, 64);
}
.button:hover .cta-icon {
    transform: translateX(5px);
}
.primary-button{ padding: 1rem 2.125rem 1rem;
}
.home .banner .button{ font-size:20px; line-height:20px}

.site-footer .disclaimer-logo__list--secondary a[external]:after, .site-footer .disclaimer-logo__list--secondary a[target=_blank]:after, .site-footer .disclaimer-logo__list--secondary a.external:after{ position:relative}
/*======================*/
.gradient_container{border-bottom:none; background-color: rgb(239, 239, 239); background-image:none; padding-bottom:70px}
.gradient_container .intro_text{ margin-bottom:15px}
.workforce_solution{position:relative; width:100%; display:flex; justify-content:center;}
.workforce_solution .card-wrapper{ width:33.33%; padding:28px 20px; }
.card.dark{text-align:center}
.card.dark img {
    max-width: unset;
    width: 100%;
    border-radius: 0.875rem;
	height:auto
}
.card.dark .logo {
    display: block;
    max-width: 100%;
    width: auto;
    margin: 1.25rem auto;
}
.workforce_solution .content{ text-align:center; padding:0 20px; height: 70px; overflow: hidden;}
.workforce_solution .cta-textlink{padding-top: 1rem; text-align:center}
.workforce_solution .learn_more_btn2{ font-size:18px !important; position:relative; left:20px}
.workforce_solution .learn_more_btn2::after{ position:relative; top:-3px}

/* =================================== */
.calloutbar-section.standard {
    padding: 3.5rem 0; position:relative; width:100%
}
.calloutbar-section .calloutbar-x {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    opacity: 1;
    margin: 0;
    z-index: 1;
}
.calloutbar-section.logo .calloutbar-x {
    background-position: 50%;
    background-size: cover;
}
.calloutbar-section .calloutbar-body {
    position: relative;
    z-index: 1;
    text-align: center;
}
.calloutbar-section.logo .calloutbar-body {
    max-width: 50%;
    margin: 0 auto;
}
.calloutbar-section .calloutbar-body .title {
    color: #222;
    font-size: 1.5rem;
    line-height: 1.25;
    font-weight: 600;
    margin-bottom: 1.5rem;
}
.calloutbar-body p {
    margin-bottom: 1.5rem;
	color:#222;
}
.button.primary-button--blue {
    background-color: #3893cd;
    border-color: #3893cd;
    color: #fff;
}
.button.primary-button--blue:hover {
    background-color: #4c79af;
    border-color: #4c79af;
    color: #fff;
}
    .offset-md-1 {
        margin-left: 8.33333%;
    }

.home .banner .tile .action_btn{padding: 15px 80px 12px 64px;}	
/* ===============Insight panel =================== */

.container-sm{ position:relative; padding:0px 15px; max-width:1080px; width:100%; margin:0 auto;}
.image-tiles .our_insights .tile-image, .image-tiles .our_insights .tile-image.active {
    flex-basis: 40%;
}
.image-tiles .our_insights .tile-content .content_box{ padding:20% 5%;}
.image-tiles .tile-content h2{ 
	color:#222;    
	font-size: 1.5rem;
    line-height: 1.25;
    font-weight: 600;
    margin-bottom: 1.5rem;
}
.image-tiles .tile-content .button_cta{ padding-left:15px}
.our_insights .tile-content p{ margin-bottom:24px}
.image-tiles .our_insights.tile{ border-radius:8px; overflow:hidden}

.display-insight{position:relative;opacity:0;visibility:hidden;transition:opacity 1s ease;-webkit-transition:opacity 1s ease;}
.display-insight.slick-initialized{display:block;visibility:visible;opacity:1}
.insight_box .slick-next {
        right: 10px;
        margin-right: 0;
        top: -50px;
        bottom: auto;
    }
.insight_box .slick-prev {
        left: auto;
        margin-left: 0;
        right: 40px;
        top: -50px;
        bottom: auto;
    }
.insight_box .slick-prev, .insight_box .slick-next {
    width: 25px;
    height: 30px;
    border: none; 
    border-radius: 0;
}
.insight_box .slick-prev:hover, .insight_box .slick-next:hover {
    border: none;
    background-color: transparent;
    border-radius: 0;
    color: #FFF;
    outline: none;
}
.insight_box .card-scroll-header {
    display: flex;
    margin-bottom: 18px;
}
.insight_box .card-scroll-header .title {
    font-family: "Inter", Arial, "Droid Sans", "Arimo", sans-serif;
    font-size: 18px;
    font-weight: 400;
	color:#222;
    line-height: 18px;
    text-transform: uppercase;
    letter-spacing: .72px;
    flex: 1 1;
    margin-bottom: 0;
}

/* ===========Footer=============== */
.site-footer {
    color: #8d8f93; padding-top:0px; box-shadow:none
}
.site-footer .site-footer-primary {
    padding-top: 2.5rem;
}
.site-footer .container {
    padding-top: 2.25rem;
    border-top: 1px solid #c9cacc;
}
.site-footer .row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
/*.site-footer .footer-nav {
    border-right: 1px solid #c9cacc;
}*/

.site-footer .footer-nav .footer-nav-block {
    margin-bottom: 1.25rem;
}
.site-footer .footer-nav .footer-nav-block .title {
    cursor: pointer;
    transition: .25s cubic-bezier(.215,.61,.355,1);
}
.site-footer .title {
    letter-spacing: normal;
    color: #386097;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.2;
    padding: 1.5rem 0 0;
	height:80px
}
.site-footer .footer-nav a {
    display: block;
    color: #67696f !important;
    font-weight: 400;
    transition: .25s cubic-bezier(.215,.61,.355,1);
    text-transform: capitalize;
	text-decoration:none;
    font-size: .875rem;
    line-height: 1rem;
    padding-bottom: 12px;
    word-break: break-all;
    word-break: break-word;
    -webkit-hyphens: auto;
    hyphens: auto;
}
.site-footer .footer-rightside {
    padding-left: 2.5rem;
}
.site-footer .footer-rightside .container {
    border-top: none;
}
.newsletter-footer .hubspotForm .hubspotformTitle {
    color: #386097;
    margin-bottom: 1.5rem;
    line-height: 24px;
    letter-spacing: 1.28px;
}
.hubspotForm-content .hubspotformTitle {
    font-size: 1rem;
}
.newsletter-footer .hubspotformTitle{
	color: rgb(56, 96, 151);
    margin-bottom: 1.5rem;
    line-height: 24px;
    letter-spacing: normal;
	padding-top:1.5rem;
	font-weight:600;
}
.newsletter-footer .hubspot-render .hs-richtext p {
    color: rgb(103, 105, 111);
    font-size: 1rem;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 0px;
}
.newsletter-footer .hs-input{ border:1px solid #ccc; padding:1.5rem 1rem; color:#222; border-radius:0px; margin-bottom:1.5rem }
.newsletter-footer .hs-button{ border:0; background-color:#FFF; color: #c25700; font-size: 1.188rem;
    font-weight: 600;
    letter-spacing: 1.2px;
    border-radius: 2rem;
    line-height: 1.2; }
.newsletter-footer .hs-button:hover{ color: #e0690a; opacity: 1;}

.footer_enq_box p{ font-size:1rem !important; color:#FFF}
.footer_enq_box a{ font-size:14px; color:#FFF}

.site-footer .footer-disclaimer {
    text-align: center;
    padding: 4.625rem 1rem 4.688rem;
    margin-top: 0;
    color: #fff;
    background-color: #282a32;
}
.site-footer .footer-disclaimer .container {
    padding-top: 0;
    border-top: none;
}
.site-footer .disclaimer-logo__list {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding: 0;
}
.site-footer .disclaimer-logo__list .disclaimer-logo__item--1 {
    flex: 0 1 100%;
    margin-bottom: 3.5rem;
}
.site-footer .disclaimer-logo__list--secondary {
    margin-bottom: 1.5rem;
}
.site-footer .footer-disclaimer p {
    font-size: .75rem;
    line-height: 18px;
    margin: 0.6rem 0 1rem;
}
.site-footer .disclaimer-utility__list a {
    position: relative;
    display: inline-block;
    margin-left: .625rem;
    font-size: .80rem;
    color: #fff;
    font-weight: 400;
    letter-spacing: normal;
}
.site-footer .disclaimer-utility__list a:hover { text-decoration:underline}
.site-footer .disclaimer-utility__list a:after { display:none}
.footer-social{
	justify-content: center;
    height: 70px;
    align-items: center;
}
.site-footer .footer-bottom-links
 {
    margin-top: 3rem;
    padding-top: 3rem;
    border-top: 1px solid #fff;
}
.site-footer .footer-bottom-links .footer-lang-selector {
    display: flex;
    -moz-align-items: center;
    align-items: center;
    -moz-justify-content: flex-end;
    justify-content: flex-end;
}
.site-footer .applinks {
    margin-top: 32px;
}
.site-footer .footer-social .social-bar .social-icon img {
    max-height: none;
}
.social-icons .social-icon {
    transition: .25s cubic-bezier(.215,.61,.355,1);
    cursor: pointer;
}
.site-footer .footer-social .social-bar .social-icon {
    margin-right: 3rem;
}
.social-icons .social-icon:hover {
    opacity: .5;
}

/* ========================================== */
@media (max-width: 1367px){.popinner_container{max-width:900px !important}}
.insight_box .tile{ min-height: 0px;}
.slick-track{ margin-left: 0px; } 
@media (min-width: 787px){ .slick-track{ margin-left: 0px; }}
@media (max-width: 551px){
.image-tiles .tile-content h2{ font-size:16px;} 
.our_insights .tile-content p{font-size:12px;line-height:16px}
} 
@media (max-width: 480px){ 
.our_insights .tile-content p{ height:46px; overflow: hidden;}
.learn_more_btn2{position:absolute; bottom:4px}
} 
@media (max-width: 428px){
	.image-tiles .tile-content h2{ height:40px; overflow:hidden; padding:0 6px !important}
	.our_insights .tile-content p{padding:0 6px !important}
	.learn_more_btn2{margin-left:6px !important}
}

@media (max-width: 1366px) {
    header .tollfree_md .logo {
        margin-top: 16px;
    }
}
@media (max-width: 991px) {
    .mobl_button {
        display: block !important;
    }
	header .nav_container{ display:none}
	.site-footer .footer-nav {
    border-right: none;
}
.site-footer .footer-rightside {
    padding-left: 0rem;
}
.site-footer .footer-nav .col-6{ width:25%}
.site-footer .footer-leftnav{ width:100%}
}
@media (max-width: 940px) {
    header .logo {
        width: 198px;
        background-size: 198px;
    }
	header .tollfree_md .logo {
        margin-top: 20px;
    }
}

@media (max-width: 767px) {
	.calloutbar-section.logo .calloutbar-body{ max-width:100%}
	.offset-md-1{ margin-left:0px}
	.site-footer .footer-disclaimer{ padding: 4.625rem 1rem 2rem;}
	.copyright, .social-follow{ width:100%}
	.site-footer .footer-social .social-bar .social-icon {
    margin-right: 0.2rem;
}
.footer-social{ display:block !important}
.site-footer .footer-social .social-bar .social-icon:after{ width:auto}
    header .tollfree_md .logo {
        margin-top: 20px;
    }
	.image-tiles .our_insights .tile-content .content_box{ padding:0px}
	.primary-button {
    padding: .5rem 1rem .5rem; font-size:14px; line-height:20px
}
.site-footer .footer-nav .col-6{ width:33.33%}
.site-footer .footer-nav .footer-nav-block {
    margin-bottom: 0;
    padding-bottom: 10px;
}
}
@media (max-width: 550px) {
	.site-footer .footer-nav .col-6{ width:50%}
}
@media (max-width: 480px) {
.our_insights .tile-content p {
    margin-bottom: 12px;
}
.homeblock--stat .statblock__content .statblock__container {
    display: block;
}
.homeblock--stat .statblock__content .statblock__container .statblock__title{ padding-left:0}
.homeblock--stat .statblock__content .statblock__btn .button {
    font-size: 16px;
    line-height: 20px;
}
.image-tiles .tile-content h2{ margin-bottom:10px; font-size:14px}
.statblock__count {
    font-size: 5.25rem;
    line-height: 84px;
}
}
@media (max-width: 460px) {
    header .logo {
        width: 198px;
    }
}