﻿html
{
	font-size: 14px;
}
.pcompreportimg
{
	width:100%;
}

.pgrlabel
{
	font-size: 1vw;
	display: block;
}

.pgrcontainer
{
	font-family: Lexend;
	font-size: 10vw;
	line-height: 6vw;
	padding-left: 10%;
}

.pgr
{
	flex-direction: column;
	justify-content: space-evenly;
	padding: initial;
	height: 79%;
	margin-top: 10%;
	margin-bottom: 10%;
}

@media (min-width: 1400px)
{
	.pgrcontainer
	{
		font-size: 128px;
		line-height: 73px;
	}
	.pgrlabel
	{
		font-size: 18px;
		display: block;
	}
}

@media (max-width: 768px)
{
	.pgrcontainer
	{
		font-size: 5vw;
		line-height: 30px;
		display:inline-block;
		width:auto;
		padding-left:0px;
	}
	.pgr
	{
		flex-direction: row;
		justify-content: space-around;
		margin-top: 0px;
		align-items: center;
	}
	.pgrbtnrow
	{
		align-content:flex-start;
	}
	.pgrlabel
	{
		font-size: 2.5vw;
	}
}

main
{
	overflow-y: scroll;
	height: 100vh;
	scroll-snap-type: y proximity;
	scroll-behavior:smooth;
}

#livegraph
{
	display: block;
}

#staticgraph
{
	display: none;
}

@-moz-document url-prefix()
{
	main
	{
		scroll-snap-type: none !important;
	}

	#livegraph
	{
		display: block;
	}

	#staticgraph
	{
		display: none;
	}

	.circle
	{
		display:none;
	}
}

#mnh
{
	position: fixed;
	width: 100vw;
	z-index: 1000;
	max-height: 100vh;
	overflow: hidden auto;
	pointer-events: none;
}
#menuhide2
{
	pointer-events: none;
}

.menuhideb
{
	pointer-events:all;
}
@media (min-width: 720px)
{
	.pbfcontainer
	{
		padding-right: var(--bs-gutter-x, 1.75rem);
	}
}

.SectionSnap
{
	scroll-snap-align: center;
	position: relative;
	height: 100vh;
	max-height: 1080px;
	display: flex;
	align-items: center;
}

.d-flex
{
	justify-content: space-between;
}

.pupdownjobslider
{
	padding-bottom: 120px;
}

.TrustBodyText .pwhitebgreen
{
	font-size: 24px;
}

.prbbuttongap
{
	margin-top: 64px;
}

#videobanner
{
	position: fixed;
	right: 0;
	bottom: 0;
	min-width: 100%;
	min-height: 100%;
}

.pbApplyButtonsHolder .pbtn
{
	margin-top: 16px;
	margin-left: 0px;
}

.rradditional
{
	display: none;
}

.rrordinal
{
	display: block;
}

@media (max-width:576px)
{
	.SectionSnap h3, h4
	{
		font-size: 25px !important;
		line-height:30px!important;
	}

	.pbApplyButtonsHolder .pbtn
	{
		width: 100%;
		display: grid;
	}

	.rradditional
	{
		display: block;
	}

	.rrordinal
	{
		display: none;
	}
}

.pWhiteRButton
{
	text-align: right;
}

.pUpperMainLogo
{
	width: 200px;
}

.slick-dots
{
	bottom: -64px;
}

.card-body
{
	padding: 28px;
}

	.card-body a
	{
		width:fit-content;
	}

.card-text
{
	margin-top: 20px;
}

.pSelectListBody
{
	margin-top: 14px;
}

ol, ul
{
	padding-left: 1.8rem;
}
/*.pblend
{
	mix-blend-mode:color;
}*/
.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus
{
	box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

main
{
	position: relative;
}

p
{
	font-family: Gesta;
}

a
{
	text-decoration: none;
}

.pLatestEmploy
{
	cursor: pointer;
}

	.pLatestEmploy:hover .pbhw
	{
		background-color: #00E5C0;
	}

.pbhw
{
}


.Gesta
{
	font-family: Gesta;
}

.pjBlock h5
{
	margin-bottom: 32px;
}

.maxBlockWidth2cols
{
	max-width: 500px;
}

.maxBlockWidth
{
}

.pUpMargin8
{
	margin-top: 8px;
}

.pUpMargin16
{
	margin-top: 16px;
}

.pUpMargin32
{
	margin-top: 32px;
}

.pUpMargin64
{
	margin-top: 64px;
}

.pDownMargin8
{
	margin-bottom: 8px;
}

.pDownMargin16
{
	margin-bottom: 16px;
}

.pDownMargin32
{
	margin-bottom: 32px;
}

.pDownMargin64
{
	margin-bottom: 64px;
}

.pRightMargin16
{
	margin-right: 16px;
}

.pRightMargin32
{
	margin-right: 32px;
}

.pRightMargin64
{
	margin-right: 64px;
}

.container
{
	position: relative;
}

.HeroContainer
{
	position: absolute;
	width: 90vw;
	margin-top: 25vh;
	margin-left: 5vw;
	margin-right: 5vw;
}

html
{
	position: relative;
	min-height: 100%;
}

body
{
	font-family: 'Degular Variable';
	overflow-x: hidden;
}

.noborder
{
	border-style: none;
}

.pUpDownMargins
{
	padding-top: 100px;
	padding-bottom: 60px;
	padding-left: 25px;
	padding-right: 25px;
}

@font-face
{
	font-family: Degular Variable;
	src: url("/fonts/DegularVariable.ttf") format("opentype");
}
@font-face
{
	font-family: Lexend;
	src: url("/fonts/Lexend-VariableFont_wght.ttf") format("opentype");
}

@font-face
{
	font-family: Gesta;
}

.smalltext
{
	font-size: 13px;
	font-weight: 500;
}

.gestaBlock
{
	font-family: Gesta;
}

.navbar-brand
{
	padding-left: 11px;
	z-index: 1000;
}

h1
{
	font-weight: 400;
	font-size: 90px;
	line-height: 110.49px;
	font-family: 'Degular Variable';
}

h2
{
	font-weight: 400;
	font-size: 60px;
	line-height: 64px;
	font-family: 'Degular Variable';
}

h3
{
	font-weight: 400;
	font-size: 56px;
	line-height: 69.12px;
	font-family: 'Degular Variable';
}

h4
{
	font-weight: 400;
	font-size: 45px;
	line-height: 50px;
	font-family: 'Degular Variable';
}

h5
{
	font-weight: 400;
	font-size: 32px;
	line-height: 38px;
	font-family: 'Degular Variable';
}

h6
{
	font-weight: 400;
	font-size: 17px;
	line-height: 28.8px;
	font-family: Gesta;
}

h7
{
	font-weight: 500;
	font-size: 16px;
	line-height: 21.22px;
	font-family: 'Degular Variable';
}

.textBodyLarge
{
	font-weight: 400;
	font-size: 20px;
	line-height: 24px;
	font-family: Gesta;
}

.textBody
{
	font-weight: 400;
	font-size: 14px;
	line-height: 19.2px;
	font-family: Gesta;
}

.textBodySmall
{
	font-weight: 400;
	font-size: 14px;
	line-height: 16.8px;
	font-family: Gesta;
}

.textBodyExtraSmall
{
	font-weight: 400;
	font-size: 12px;
	line-height: 14.4px;
	font-family: Gesta;
}

.textButton
{
	font-weight: 400;
	font-size: 20px;
	line-height: 26.52px;
}

.textMobileH6
{
	font-weight: 600;
	font-size: 14px;
	line-height: 18.56px;
}

.textMobileButton
{
	font-weight: 400;
	font-size: 16px;
	line-height: 21.22px;
}


.hiringbuttons
{
	display: block;
	z-index: 1000;
}

.SearchBarContainer
{
	margin-top: 50px;
	text-align: center;
}

.SearchBar
{
	background-color: white;
	width: fit-content;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	padding: 7px 7px 7px 29px;
	border-radius: 50px;
}

	.SearchBar img
	{
		vertical-align: sub;
	}

	.SearchBar input[type=text]
	{
		width: 500px;
		margin-left: 8px;
	}

.searchbuttonscontainer
{
	display: inline-block;
	position: relative;
	margin-right: auto;
}

input[type=text], input[type=email]
{
	border: none;
	outline: none;
	padding-left: 5px;
}

.PTLogoWhite
{
	fill: #fff;
}

.pMenu
{
	position: absolute;
	width: 100%;
	background-color: white;
	left: 0px;
	top: 0px;
	/*height:300px;*/
	z-index: 100;
	padding-bottom: 55px;
	display: none;
	transition: all 1s ease;
	filter: drop-shadow(0px 2px 8px lightgrey);
}

	.pMenu .row
	{
		margin-left: auto;
		margin-right: auto;
		min-width: 480px;
	}

.pburgerline
{
	position: relative;
	width: 57%;
	height: 1px;
	background-color: #919191;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 5px;
	border-radius: 10%;
	transition: 500ms;
}

#menuhide1, #menuhide2
{
	transition: 500ms;
}

.pbline1
{
	margin-top: 5px;
}

.pbline1Hover
{
	transform: rotate(45deg) translate(5px, 4px);
}

.pbline2Hover
{
	opacity: 0;
}

.pbline3Hover
{
	transform: rotate(-45deg) translate(4px, -4px);
}

.navbar a
{
	text-decoration: none;
}

#menuhideholder
{
}

.FMenuElement a
{
	text-decoration: none;
}

.FMenuElement .pMenuFormLinkButton
{
	border: none;
	background-color: transparent;
	margin-left: 0px;
	padding-left: 0px;
}

.pBlockHeader
{
	margin-top: 44px;
	font-size: 32px;
	font-weight: 400;
	line-height: 32.4px;
	margin-bottom: 20px;
	font-family: Degular Variable;
}

.bigblock .pMenuBlock:hover .pblockleftheader
{
	border-top: 1px solid #0B141B;
	border-right: 1px solid #0B141B;
	border-left: 1px solid #0B141B;
}

.bigblock .pMenuBlock:hover .pBLockBody img
{
	filter: brightness(1.2);
}

.pblockleftheader
{
	margin: initial;
	border-top: 1px solid #E8E8E8;
	border-right: 1px solid #E8E8E8;
	border-left: 1px solid #E8E8E8;
	border-radius: 14px 14px 0px 0px;
	padding: 14px;
}


.hrs
{
	position: absolute;
	width: 100%;
	top: 80px;
	z-index: -1;
}

.hr1
{
	height: 2px;
	width: 98%;
	margin-left: 1%;
	color: #c3c3c3;
}

.hr2
{
	height: 2px;
	width: 98%;
	margin-left: 1%;
	color: #c3c3c3;
	margin-top: 60px;
}

.hr3
{
	height: 4px;
	width: 100%;
	margin-left: 0px;
	margin-right: 0px;
	color: #ffffff;
}

.pMenuUpSpace
{
	height: 84px;
	width: 100%;
}

.pMenuButton
{
	font-family: Gesta;
	font-weight: 400;
	font-size: 24px;
	cursor: pointer;
}

	.pMenuButton a div
	{
		transition: 1ms;
	}

		.pMenuButton a div:hover
		{
			font-weight: bolder;
		}

.pMenuBlock
{
	overflow-y: hidden;
}

.bigblock
{
	cursor: pointer;
	padding-right: 5px;
}

.pmenuTopic
{
	cursor: pointer;
	pointer-events: none;
}

.menuLink
{
	font-size: 16px;
	cursor: pointer;
	width: fit-content;
	display: flex;
	align-items: center;
}

.pBLockBody
{
	font-weight: 500;
	cursor: default;
}

	.pBLockBody img
	{
		width: 100%;
		border-radius: 0px 0px 14px 14px;
	}

.pBclokBackroudRigtImg
{
	width: 100%;
	/*filter: brightness(0.7) contrast(1.2);*/
}

.pMainText
{
	display: block;
	position: relative;
	color: white;
	text-align: center;
	/*margin-top: 16rem;*/
	margin-bottom: 40px;
}

	.pMainText h1
	{
		font-size: 120px;
	}

.pbgimgcontainer
{
	/*min-width: 100vw;*/
	overflow: hidden;
	position: relative;
	z-index: -1;
	min-height: 100vh;
	top: 0px;
}

.pbgimg
{
	min-height: 100vh;
	box-sizing: border-box;
	background-size: cover;
	height: 100vh;
	width: 100vw;
	position: absolute;
}

	.pbgimg img
	{
		width: 100%;
		filter: brightness(0.5);
	}

.pburger
{
	padding: 24px !important;
	background-size: 54%;
	margin-bottom: 2px;
	background-color: #ffffffdb;
	z-index: 1000;
}

.psearch
{
	padding: 10px 13px 10px 13px;
}

.pFlexCardTitle
{
	font-family: 'Degular Variable';
}

/*.pcard p
{
	font-family: Gesta;
	font-size: 13px;
}*/

.pblockcollapseOpen
{
	/*margin-top: 0%;*/
	/*line-height: 30px;*/
	/*width:100%;*/ /*
	*/
	height: auto;
	opacity: 1;
}

.slider
{
}

.slickelement
{
	position: relative;
}

.pLatestEmploy
{
	margin: 10px 15px 10px 15px;
	border-radius: 60px;
	width: 400px;
}

.bckhover
{
	transition: all 300ms;
	cursor: pointer;
}

.pelementbutton
{
	position: absolute;
	left: 34px;
	top: 0px;
}

.pSliderButton
{
	font-size: 16px;
	font-weight: 500;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 20px;
	padding-right: 20px;
	margin-top: 21px;
	margin-left: initial;
}

.pSliderArrowButton
{
	font-size: 18px;
	font-weight: 500;
	padding: 5px 10px 3px 11px;
}

.psliderfooterblock
{
	border-radius: 0 0 17px 17px;
	padding: 16px;
	min-height: 222px;
}

.pjSliderLinkContainer
{
	position: absolute;
	bottom: 25px;
	left: 20px;
}

.pimgblock
{
}

	.pimgblock img
	{
		width: 100%;
		border-radius: 17px 17px 0 0;
	}

.slick-dots li button:before
{
	font-size: 15px;
}

.slick-dots li.slick-active button:before
{
	opacity: 1;
}

.slick-dots li
{
	margin: initial;
}

.pHeaderWithButton
{
	align-items: center;
	margin-top: 30px;
	margin-bottom: 25px;
	display: flex;
	margin-left: 0px;
	margin-right: 15px;
	flex-wrap: wrap;
}

.pHeaderWithButtonButtonHolder
{
	text-align: right;
	min-width: 200px;
}

.pHeaderButton
{
	/*padding-top: 10px;
	padding-bottom: 10px;*/
	margin-bottom: 14px;
	font-size: 20px;
	font-weight: 400;
	line-height: 26.52px;
}

.psliderheader
{
	padding-top: 30px;
}

.psliderbody
{
	margin-top: 10px;
	font-family: Gesta;
	font-weight: 400;
	font-size: 16px;
}

.previewportraitholder
{
	width: 10%;
	display: none;
}

	.previewportraitholder img
	{
		width: 100%;
		border-radius: 50%;
	}


.pEmplArrowsHolder .slick-arrow::before
{
	padding: 6px 9px 5px 11px;
}



.pEmplArrowsHolder .slick-next::before
{
	font-family: "Degular Variable";
	opacity: 1;
	font-size: 15px;
}

.pEmplArrowsHolder .slick-prev
{
	position: relative;
	left: initial;
}

.pEmplArrowsHolder .slick-next
{
	color: red;
	position: relative;
	right: initial;
}

.pEmplArrowsHolder
{
	display: flex;
	justify-content: space-between;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	right: 64px;
	margin-top: 50px;
	position: absolute;
	z-index: 10;
	width: 59px;
}

.pGreenSliderArrowsHolder
{
	display: flex;
	justify-content: space-between;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	right: 28px;
	margin-top: 50px;
	position: absolute;
	z-index: 10;
	width: 59px;
}

	.pGreenSliderArrowsHolder .slick-arrow::before
	{
		padding: 6px 9px 5px 11px;
	}



	.pGreenSliderArrowsHolder .slick-next::before
	{
		font-family: "Degular Variable";
		opacity: 1;
		font-size: 15px;
	}

	.pGreenSliderArrowsHolder .slick-prev
	{
		position: relative;
		left: initial;
	}

	.pGreenSliderArrowsHolder .slick-next
	{
		color: red;
		position: relative;
		right: initial;
	}

.pGreenSliderContainer
{
	padding: 10px 0px 10px 0px;
	position: relative;
}

.GreenSliderElement
{
	/*height: 250px;*/
	align-items: flex-end;
	padding-left: 13px;
	padding-right: 13px;
}

.pSlidesContainer a
{
	text-decoration: none;
}

.BigDigit
{
	font-size: 150px;
	margin-right:5px;
}

.BigText
{
	font-size: 54px;
	margin-bottom: 42px;
	text-align: right;
}

.pdownrightcontainer
{
	right: 16px;
	bottom: 22px;
	position: absolute;
}

.pEmplText
{
	width: 70%;
	margin-bottom: 40px;
}

.pEmplJobTitle
{
}

.pHWBHeader
{
	width: 70%;
}

.pAccElHeader
{
	padding-top: 18px;
	padding-bottom: 18px;
	cursor: pointer;
	border-top: 1px solid #E8E8E8;
	align-items: center;
	justify-content: space-between;
}

.plusminus
{
	text-align: right;
	padding-right: 15px;
	font-size: 30px;
	font-weight: 100;
	flex: 0 0 auto;
	width: 8.33333333%;
}

.pAccElBody
{
	padding: 20px 10px 10px 32px;
	border-top: 1px solid;
}

.pAccHeaderTitle
{
	padding-left: 0px;
	padding-right: 0px;
	flex: 0 0 auto;
	width: 87%;
	transition: all 1000ms;
	font-size: 24px;
}

.pBlackBody
{
	margin-left: 20px;
	margin-right: 20px;
}

.pBlackHero
{
	/*margin: 15% 16% 15% 16%;*/
	text-align: center;
}

.pBlackHeader
{
	margin: 0px 5px 40px 15px;
}

.pJobSlide
{
	margin: 10px 12px 10px 12px;
	background: white;
	border-radius: 10px;
	padding: 22px;
	width: 296px;
	height: 363px;
}

.pJobSlideHeader
{
	/*height: 82px;*/
}

.pJobSlideSubCat
{
	margin-bottom: 20px;
}

.pJobSlideBody
{
	font-family: Gesta;
	font-size: 11px;
	height: 130px;
}

	.pJobSlideBody li
	{
		margin-top: 5px;
		margin-bottom: 5px;
	}

.pSlideButtons
{
}

.pJobsSlideButtons
{
	margin-left: -9px;
	margin-right: -13px;
	height: 50px;
	position: absolute;
	bottom: 32px;
}

.pJobSliderButton
{
	margin-left: 3px;
	padding: 4px 10px 4px 10px;
}

.FooterSocial
{
	text-align: right;
}

.FooterHeader
{
	align-items: center;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 40px;
}

.bottomlogo
{
	max-height: 120px;
}

.FooterBody
{
	margin: 10px;
	font-size: 10px;
}

.FMenuHeader
{
	font-family: 'Degular Variable';
	font-size: 12px;
	font-weight: 500;
	margin-bottom: 10px;
}

.FMenuBody
{
	font-family: Gesta;
	margin-bottom: 20px;
}

.FooterFooter
{
	margin: 20px;
	font-size: 10px;
	font-weight: 600;
}

	.FooterFooter span
	{
		margin-left: 20px;
	}

.jBodyContainer
{
	position: relative;
	width: 100%;
}

.jFilterContainer
{
	display: inline-block;
}

.jFooter row
{
	align-items: center;
}

.pjbtn
{
	padding: 4px 8px 3px 8px;
	font-size: 15px;
}

.jGreyBtn
{
	font-size: 15px;
	font-weight: 500;
	margin-left: 3px;
	padding: 3px 8px 3px 8px;
}

.jSalary
{
	margin-bottom: 20px;
}

.jBullets
{
	margin-bottom: 40px;
}

.jPostedTime
{
	margin-bottom: 20px;
}

.jsliderbholder
{
	text-align: right;
}

.jCardHeader
{
	font-size: 22px;
}

.jBookmarkContainer
{
	position: absolute;
	right: 25px;
	top: 25px;
	cursor: pointer;
}

	.jBookmarkContainer img
	{
		width: 10px;
	}

.jHeaderContainer
{
	/*align-items: center;*/
}

.jSortBy
{
	text-align: right;
	padding-right: 40px;
}

.jSearchResults
{
	display: flex;
	justify-content: end;
	flex-wrap: wrap;
	align-content: flex-start;
}

.pSelectList
{
	padding: 12px 10px 10px 16px;
	border-radius: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.pSelectListName
{
	display: inline-block;
}

.pSelectListHeader
{
	cursor: pointer;
}

.pSelectListHeaderMark
{
	display: inline-block;
	padding: initial;
	margin: initial;
	text-align: right;
	padding-right: 18px;
}

	.pSelectListHeaderMark img
	{
		transition: 500ms;
		width: 14px;
		transform: scaleY(-1);
	}

.pSelectHeaderOpen
{
	transform: scaleY(1) !important;
}

.pSelectList ul
{
	margin: initial;
}

.pSelectList li::marker
{
}

.pSelectListMarker
{
	cursor: pointer;
}

.psMarker
{
	height: 10px;
	width: 10px;
	border-radius: 50%;
	display: inline-block;
	margin-right: 5px;
}

.psValue
{
	user-select: none;
	font-size: 14px;
}

.jFilterButton
{
}

.pMenuBlock a
{
	text-decoration: none;
	color: black;
}

.pbbBlock
{
	padding-top: 80px;
	padding-bottom: 60px;
}

.pbbButtonContainer
{
	text-align: right;
}

.pbbrigtcontainer
{
	align-items: end;
}

#pblackContent
{
	margin-bottom: 20px;
}

.pbbHeaderDescription
{
	font-size: 10px;
	align-items: flex-end;
	padding-bottom: 25px;
}

.pbbHeaderDescriptionText
{
	max-width: 520px;
}

.pbbBlockBody
{
	margin-top: 40px;
}

.pbbBlockName
{
	margin-bottom: 22px;
}

.pbbBlockButtons
{
	margin-bottom: 20px;
}

.pEvrWDLeft
{
	padding-left: 28px;
	padding-top: 30px;
	position: relative;
	padding-right: 48px;
}

.pEvrWDRight
{
	padding-right: 0px;
	padding-left: 0px;
}

.pEvrWDRights
{
	padding-right: 0px;
	padding-left: 0px;
	display: none;
}

.pCommunitiesIcon
{
	bottom: 0px;
	position: absolute;
	margin-bottom: 20px;
}

	.pCommunitiesIcon .row
	{
		margin-top: 10px;
	}

		.pCommunitiesIcon .row img
		{
			width: 50%;
		}

.pKioraRainbow
{
	width: 120%;
	z-index: 100;
	position: relative;
}

.pKiaOraButtonHolder
{
	text-align: right;
	margin-top: 10px;
}

.pKiaOraColBlock
{
}

.pEvrWDBlock
{
}

.pKiaOraColBlock
{
	margin-bottom: 20px;
	margin-top: 30px;
}

.pKiaOraButtonContainer
{
	text-align: left;
}

.pKiaOraImage2
{
	display: none;
}

.pRRButtons
{
	margin-top: 32px;
}

	.pRRButtons button
	{
		margin-left: initial;
	}

.Ready4Recruit
{
	margin-bottom: 88px;
	margin-top: 20px;
}

.TrustBodyText
{
	font-family: Gesta;
}

.twosquaresinner
{
	padding-left: 30px;
	padding-right: 20px;
}

.twosquarescontainer
{
	padding-top: 75px;
	padding-bottom: 70px;
}

.twosquaresholder
{
	position: relative;
}

.rainbowsquare
{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 90%;
	height: 100%;
	background-image: linear-gradient(-90deg, rgb(87 224 194 / 34%), #00E5C0 22%, #FF1EFF 100%);
	z-index: -1;
	margin-left: -20px;
	margin-top: -20px;
}

.rainbowrow
{
	width: 100%;
}

.photosquare
{
	position: relative;
	bottom: 0px;
	right: 0px;
	width: 90%;
}

	.photosquare img
	{
		width: 100%;
	}

.twosquaretext
{
	font-family: Gesta;
}

.pValuesLeftNote
{
	font-size: 10px;
	max-width: 400px;
	font-family: Gesta;
}

.pinkliopen::before
{
	font-size: 24px !important;
}

.pinkli::before
{
	content: "●";
	font-size: 0px;
	vertical-align: bottom;
	margin-right: 21px;
	transition: all 500ms;
}

.pinkliBlind::before
{
	content: "●";
	font-size: 12px;
	vertical-align: bottom;
	margin-right: 21px;
	color: transparent;
	transition: all 500ms;
}

.valuesnotes
{
	font-size: 40px;
	opacity: .5;
}

.AwardsContainer
{
	padding-top: 30px;
	padding-bottom: 30px;
}

.pAwardHeaderBlock
{
	align-items: center;
	padding-top: 15px;
	padding-bottom: 15px;
}

.pAwardsHeader
{
	margin-bottom: 25px;
	padding-left: 0px;
}

.pRecruitFor .col-xl-6
{
	padding-left: 0px;
}

.pAwardsNotes
{
	/*max-width:500px;*/
}

.pAward
{
	border-top: 1px solid;
	padding-top: 24px;
	padding-bottom: 16px;
}

.graphHeader
{
	padding-left: 21px;
	padding-right: 21px;
}

.graphHeaderText
{
	max-width: 400px;
}

.pJobSearchBlock
{
	padding-top: 65px;
}

.pExpertSlide
{
	margin: 10px 15px 10px 15px;
	border-radius: 60px;
	width: 292px;
}

	.pExpertLowLocButs
	{
		margin-top: 15px;
		align-items: center;
	}

.pMapMark
{
	display: inline-block !important;
	margin-top: 10px;
	margin-bottom: 12px;
	margin-right: 6px;
	width: 23px;
}

.pExpertsliderfooterblock
{
	border-radius: 0 0 14px 14px;
	padding: 13px 13px 6px 16px;
	transition: all 300ms;
}

.pexpertimgblock img
{
	width: 100%;
	border-radius: 14px 14px 0 0;
}

.pExpertIcons img, .pExpertIcons svg
{
	width: 100%;
	display: inline-block;
}

.pExpertIcons div
{
	padding-right: 3px;
	padding-left: 3px;
}

.pExpertIcons a
{
	cursor: pointer;
}

.pExecutivesBlock
{
}

.p2cols
{
	/*padding-left: 10px;*/
	max-width: 560px;
}

.pjBackLink
{
	margin-top: 32px;
	width: 100%;
}

.pjMainBlock
{
	margin-top: 120px;
	margin-bottom: 120px;
}

	.pjMainBlock hr
	{
		margin-top: 64px;
		margin-bottom: 64px;
	}

.pjCards
{
	min-width: 480px;
}

.pjCard
{
	border-radius: 14px;
	padding: 32px;
	margin-bottom: 32px;
}

.jCard:hover
{
	background-color: #0B141B;
	color: #fff;
	cursor: pointer;
}

.pjCardImg
{
	width: 100%;
	border-radius: 14px;
}

.pjCardPhoneEmsil
{
	display: inline-block;
	width: fit-content;
}

.pjConsultantMiddle
{
	align-items: center;
	font-family: Gesta;
}

.pjBodyBlock
{
	font-family: Gesta;
	font-size: 16px;
	font-weight: 400;
}

.pjobfooterblock
{
	border-radius: 14px;
	padding: 64px 32px;
	margin-right: 32px;
	margin-left: 32px;
	margin-bottom: 120px;
	color: white;
}

.cardextramobile
{
	display: none;
}

.cardextrabig
{
	/*display: inline-block;*/
}

.pjUpLinkButtons
{
}

.pjDownLinkButtons
{
	display: none;
}

.pjConsultantbtnsadditional
{
	display: none;
}

.pjAdditionalButtons
{
	display: none;
	margin-top: 64px;
}

.twosquarescontainerheader
{
	margin-bottom: 120px;
	align-items: flex-end;
}

.pjCodeBlock
{
	display: block;
}

.pjCodeContainerextra
{
	display: none;
}

.pjCodeContainerOrdinal
{
	display: block;
	padding-bottom: 10px;
}

.pjHeaderRainbowBlock
{
	padding-top: 120px;
	padding-bottom: 26px;
}

.twosquares3slidescontainer
{
	padding: 0.9vw;
	border-radius: 14px;
}

	.twosquares3slidescontainer h5
	{
		font-size: 1.9vw;
		font-family: 'Degular Variable'
	}

	.twosquares3slidescontainer .rainbowrow
	{
		font-size: 1vw;
		line-height: 129%;
	}

	.twosquares3slidescontainer p
	{
		margin: initial;
	}

.twosquarescontainerheaderextra
{
	display: none;
}

.ppContainer
{
	flex-direction: row-reverse;
}

.ppImageContainer img
{
	border-radius: 14px;
}

.ppDataContainer
{
	margin-top: 128px;
}

	.ppDataContainer .hh
	{
		margin-bottom: 26px;
	}

.ppBody .row
{
	margin-bottom: 32px;
}

.blogpostbody
{
	padding-bottom: 62px;
	max-width: 809px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 64px;
}

.blogheadertext
{
	font-size: 28px;
	line-height: 36px;
	font-weight: 500;
}

.blogpostbody p
{
	display: flow-root;
}

.pBlogEditButton
{
	position: absolute;
	right: 15px;
	top: 0px;
}

.pRecruitFor
{
	padding-top: 32px;
	padding-bottom: 16px;
}

#Popup
{
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 10000;
}

.PopUpcontainer
{
	position: fixed;
	width: 100%;
	height: 100vh;
}

.popupbody
{
	height: 100vh;
	overflow-y: auto;
}

.popleft
{
	background-color: #77777777;
}

.popright
{
	background-color: white;
	padding: 32px;
}

#bodyblur
{
	transition: 300ms;
}

.popupSubHeader
{
	max-width: 500px;
	margin-top: 32px;
	margin-bottom: 64px;
}

.popFieldsHeader
{
	margin-bottom: 32px;
}

.popblock
{
	margin-bottom: 32px;
}

.poptext
{
	display: block;
	border-radius: 60px;
	padding: 10px 20px 10px 20px;
	width: 100%;
	margin-top: 8px;
	padding-left: 20px !important;
}

.popSelect
{
	padding-right: 10px;
}

.perror
{
	color: red;
	margin-left: 16px;
}

.pJobApplyDetails
{
	border-top: solid 1px black;
	border-bottom: solid 1px black;
	padding-top: 32px;
	padding-bottom: 32px;
	justify-content: space-between;
	margin-bottom: 64px;
}

.pJobDetailsHead
{
	font-family: Gesta;
	font-size: 14px;
}

.pJobDetailsBody
{
	font-family: Gesta;
	font-size: 20px;
}

.pJobDetailCol
{
	display: inline-block;
	width: auto;
	max-width: 300px;
}

.ppIcon img
{
	width: 100%;
}

.pcontactButtonContainer
{
	margin-top: 64px;
}

.stmargin
{
	margin-top: 64px;
}

.officecard
{
	padding: 32px;
}
/*************************************************************************** media ************************************************************/
@media (max-width: 1400px)
{
	.container
	{
		max-width: 1400px;
	}

	main
	{
		width: 100%;
	}

	.pMainText
	{
		margin-top: 1vh;
	}

		.pMainText h1
		{
			font-size: 10vw;
			line-height: 8vw;
		}
}

@media (min-width: 1400px)
{
	.twosquares3slidescontainer h5
	{
		font-size: 32px;
	}

	.twosquares3slidescontainer .rainbowrow
	{
		font-size: 15px;
	}

	.twosquares3slidescontainer
	{
		padding: 16px;
	}
}

@media(max-width:1200px)
{
	.pRecruitFor
	{
		border: none;
		padding-top: 32px;
		padding-bottom: 16px;
		border-radius: 14px;
		padding-left: 16px;
		padding-right: 16px;
		margin-bottom: 16px;
	}

		.pRecruitFor:last-of-type
		{
			display: none;
		}

		.pRecruitFor h5
		{
			font-size: 24px;
			font-family: Gesta;
			margin-bottom: 32px;
		}
}

@media(max-width:1000px)
{
	.pbbBlockButtons
	{
		width: 100%;
		margin-bottom: 20px;
	}

	.pbbBlockContent
	{
		width: 100%;
	}

	.pKiaOraCols
	{
		width: 100%;
	}

	.pKiaOraImage
	{
		width: 100%;
		display: none;
	}

	.pKiaOraImage2
	{
		width: 100%;
		display: block;
	}

	.pKioraRainbow
	{
		width: 100%;
	}

	.pKiaOraButtonHolder
	{
		text-align: left;
	}

	.pKiaOraColBlock
	{
		width: 100%;
	}

	.pKiaOraButtonContainer
	{
		text-align: left;
		width: 100%;
	}

	.pKiaOraButtonContainer
	{
		padding-left: initial;
	}

	.twosquarephotos
	{
		width: 100%;
	}

	.rainbowrowouter
	{
		width: 100%;
	}

	.rainbowrow
	{
		width: 50%;
	}

	.twosquaretext
	{
		width: 100%;
		margin-top: 35px;
	}

	.photosquare
	{
		width: 100%;
	}

	.rainbowsquare
	{
		width: 100%;
	}

	.jCard
	{
		/*width: 50%;*/
	}

	h2
	{
		font-size: 64px;
		font-weight: 400;
		line-height: 69.12px;
	}

	.jSearchResults
	{
		width: 100%;
	}

	.jFilterContainer
	{
		width: 100%;
		display: block;
		min-width: 300px;
	}

	.pSelectListName
	{
		width: 95%;
	}

	.pSelectListHeaderMark
	{
		width: 5%;
		position: absolute;
		right: 15px;
	}

	.jBodyContainer
	{
		margin-right: initial;
		margin-left: initial;
	}

	.jFilterButton
	{
		max-width: 400px;
		min-width: 180px;
		position: relative;
		display: inline-block;
	}

	.pEvrWDRight
	{
		display: none;
	}

	.pEvrWDRights
	{
		display: block;
		background-image: url(/Images/reportVert.jpg);
		background-position: center;
		background-size: 100%;
		background-repeat: no-repeat;
		filter: brightness(0.7) contrast(1.2);
	}

		.pEvrWDRights img
		{
			display: none;
			width: 100%;
			height: fit-content;
			margin-top: -16vw !important;
		}

	.twosquarescontainerheaderextra
	{
		display: block;
		margin-top: 64px;
		margin-bottom: 64px;
		margin-right: auto;
		margin-left: auto;
	}

	.twosquarescontainerheaderordinal
	{
		display: none;
	}
}

@media (max-width:992px)
{
	.jFilterButton
	{
		max-width: initial;
		width: 100%;
	}

	.pjCards
	{
		width: 100%;
		min-width: initial;
	}

	.cardextrabig
	{
		display: none;
	}

	.cardextramobile
	{
		display: block;
	}

	.pjUpLinkButtons
	{
		display: none;
	}

	.pjDownLinkButtons
	{
		display: block;
		margin-top: 0px;
		margin-bottom: 16px;
		font-size: 14px;
		font-weight: 600;
		font-family: 'Degular Variable';
	}

		.pjDownLinkButtons svg
		{
			width: 48px;
			margin-right: 8px;
		}

	.pjConsultantCard
	{
		margin-top: 32px;
		padding-left: 0px;
		padding-right: 0px;
		background-color: transparent;
		border: none;
	}

	.pjobfooterblock
	{
		margin-left: 16px;
		margin-right: 16px;
	}

	.pjConsultantTextBlock
	{
		border-radius: 14px;
		margin-top: 8px;
		padding: 16px 12px;
	}

		.pjConsultantTextBlock h6
		{
			font-size: 20px;
		}

		.pjConsultantTextBlock .textBodyLarge
		{
			font-size: 14px;
		}

	.pjConsultantImage
	{
		padding: 0px;
	}

	.pjConsultantbtnsadditional
	{
		display: inline-block;
	}

	.pjConsultantbtns
	{
		display: none;
	}

	.pjConsultantProfileBlock
	{
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-top: 16px;
	}

	.pjCardPhoneEmsil svg
	{
		margin-right: 4px !important;
	}

	.pjBackLink
	{
		border: 1px solid #E8E8E8;
		width: max-content;
		margin-right: auto;
		border-radius: 14px;
		padding: 4px 12px 3px 12px;
		text-decoration: none;
		margin-left: 20px;
	}

		.pjBackLink a
		{
			text-decoration: none;
		}

	.pjMainBlock
	{
		margin-top: 16px;
		margin-bottom: 16px;
	}

		.pjMainBlock hr
		{
			margin-top: 32px;
			margin-bottom: 32px;
		}

	.pjBodyBlock
	{
		font-size: 14px;
	}

	.pjConsultantMiddle
	{
		padding-left: 8px;
		padding-right: 8px;
	}

	.pjConsultantHeaderText
	{
		font-size: 32px;
		font-family: 'Degular Variable';
		font-weight: 400;
	}

	.pjAdditionalButtons
	{
		display: block;
	}

	.pjCodeContainer
	{
		display: flex;
		width: 100%;
		justify-content: space-between;
	}

	.pjCodeContainerOrdinal
	{
		display: none;
	}

	.pjBlock h5
	{
		margin-bottom: 16px;
	}
}

@media (max-width: 834px)
{
	/*.PopupHeader h3
	{
		font-size: 25px;
	}*/
	.pchmbody
	{
		margin-top: 32px;
	}

	.blogheadertext
	{
		font-size: 24px;
		line-height: 27px;
	}

	.pupdownjobslider
	{
		padding-bottom: 64px;
	}

	.ppDataContainer
	{
		margin-top: 32px;
	}

		.ppDataContainer .hh
		{
			margin-bottom: 16px;
		}

	.pcbpayrolling
	{
		padding-top: 0px;
		padding-bottom: 0px;
	}

	.TrustBodyText .pwhitebgreen
	{
		font-size: 16px;
	}

	.prbbuttongap
	{
		margin-top: 32px;
	}

	.pExecutivesBlock
	{
		padding: 32px;
	}

	.pBlackHero h4
	{
		font-weight: 300;
		/*font-family: Gesta;*/
		line-height: 41px;
	}

	.Whiteblock
	{
		padding-bottom: initial;
	}

	.pHeaderWithButtonButtonHolder
	{
		text-align: left;
		margin-bottom: 32px;
		margin-top: 16px;
	}

	.locationgooglebuttonholder
	{
		text-align: left;
	}

		.locationgooglebuttonholder .pbtn
		{
			margin-left: 0px;
		}

	.pLocationCartHeader
	{
		margin-bottom: 32px;
	}

	.locationcard
	{
		margin-bottom: 32px;
	}

	.pcontactButtonContainer
	{
		margin-top: 32px;
	}

	.pHeaderWithButton
	{
		margin-top: 0px;
		/*margin-bottom: 0px;*/
	}

	.pRainbowHeader
	{
		margin-bottom: 16px;
	}

	.psliderheader
	{
		padding-top: 0px;
		padding-bottom: 26px;
	}

	.SearchBar
	{
		width: 100%;
		display: flex;
	}

		.SearchBar input[type=text]
		{
			width: 500px;
			margin-left: 8px;
			flex: 1;
		}

	.pUpperMainLogo
	{
		width: 36vw;
	}

	.rainbowrow
	{
		width: 100%;
		margin-top: 20px;
	}

	.jCard
	{
		width: 100%;
	}

	.jFilterContainer
	{
		width: 100%;
		display: block;
		min-width: 300px;
	}

	.pbtn
	{
		font-size: 14px;
		padding: 6px 20px 6px 20px;
	}

	.pburger
	{
		padding: 17px 17px 17px 17px !important;
	}

	.pEmplText
	{
		width: 100%;
		font-size: 20px;
		font-family: Gesta;
		font-weight: 400;
	}

	.GreenFrame
	{
		flex-direction: column-reverse;
	}

	.previewportraitholder
	{
		position: absolute;
	}

	.pEmplJobTitle
	{
		/*margin-left: 58px;*/
		margin-bottom: -8px;
		margin-top: 38px;
	}

	.previewportraitholder img
	{
		border-radius: 20%;
		min-width: 50px;
	}

	.pEmplArrowsHolder
	{
		display: none;
	}

	.WESlider .slick-dots
	{
		display: block !important;
	}

	h1
	{
		font-size: 45px;
		line-height: 55px;
	}

	h2
	{
		line-height: 47px;
		font-size: 42px;
	}

	h3
	{
		line-height: 40px;
		font-size: 33px;
		font-weight: 400;
	}

	h4
	{
		line-height: 34px;
		font-size: 32px;
	}

	h5
	{
		font-size: 20px;
		line-height: 24px;
	}

	h6
	{
		font-size: 15px;
		line-height: 20px;
	}

	.pHWBHeader
	{
		width: 100%;
	}

	.pBlackHero h3
	{
		font-size: 28px;
		line-height: 41px;
	}

	.pBlackHeroSlider h3
	{
		font-family: Gesta;
		font-size: 26px;
		line-height: 41px;
	}

	.pBlackHero
	{
		margin: 100px 6px 100px 6px;
	}

	.TrustBodyText
	{
		margin-bottom: 20px;
	}

		.TrustBodyText button
		{
			/*margin-top:20px;*/
		}

	.BigDigit
	{
		font-size: 15vw;
	}

	.BigText
	{
		text-align: left;
		font-size: 4vw;
	}
}

@media (max-width:1260px)
{
	.menucol
	{
		min-width: 700px;
	}

	.menuleft
	{
		order: 2;
		margin-top: 30px;
	}

	.bigblock
	{
		/*margin-top: 60px;*/
	}
}

@media (max-width: 768px)
{
	.pEvrWDRight .pBclokBackroudRigtImg
	{
		margin-top: -128px;
	}
}

@media (min-width: 768px)
{
	html
	{
		font-size: 16px;
	}

	/*h3
	{
		font-size: 42px;
		line-height: 50px;
	}*/
}

@media (max-width:700px)
{
	.menucol
	{
		min-width: auto;
	}

	.pMenuButton:hover .greenLine
	{
		width: 100%;
	}
}

@media (max-width:576px)
{
	.popblock
	{
		margin-bottom: 0px;
	}

	.popsubmitblock
	{
		margin-top: 32px;
		margin-bottom: 30px
	}

	#pSubmitButton
	{
		padding: 12px 20px 12px 20px;
	}

	.Ready4Recruit
	{
		margin-bottom: 0px;
	}

	.pjUpperButtons
	{
		margin-bottom: 15px;
	}

	.pjSliderLinkContainer
	{
		left: 30px;
	}

	.FooterSocial
	{
		text-align: left;
		margin-top: 16px;
	}

	.pUpDownMargins
	{
		padding-top: 64px;
		padding-bottom: 32px;
		padding-left: 25px;
		padding-right: 25px;
	}

	.pWhiteRButton
	{
		text-align: left;
	}

		.pWhiteRButton .pbtn
		{
			margin-left: 0px;
		}

	.FooterBody
	{
		flex-direction: column-reverse;
	}

	.pGreenSliderArrowsHolder
	{
		bottom: 18%;
		margin-top: initial;
		right: 25px
	}

	.BigDigit
	{
		font-size: 17vw;
		margin-right: 5vw;
	}

	.BigText
	{
		text-align: left;
		font-size: 7vw;
	}
}

@media (max-width:650px)
{
	.hiringbuttons
	{
		display: none !important;
	}
}

@media(max-width:500px)
{
	.pMenu .row
	{
		min-width: auto;
	}

	#Menu .hrs .hr2
	{
		display: none;
	}

	.menuLink
	{
		margin-bottom: 20px;
		margin-left: 10px;
	}

	.pLatestEmploy
	{
		width: 21rem;
	}

	.pHeaderWithButtonButtonHolder
	{
		text-align: left;
	}
}

@media(max-width:400px)
{
	.SearchBar input[type=text]
	{
		width: 22vw;
	}

	.psearch
	{
		padding: 5px 8px 5px 8px;
	}

	.pbtn
	{
		margin-left: 3px;
	}

	.pMainText h1
	{
		font-size: 34px;
		line-height: 34px;
	}

	.pjCard
	{
		padding: 16px;
	}

	.pjobfooterblock
	{
		padding: 16px 8px;
		margin-left: 0px;
		margin-right: 0px;
	}

	.pjDownLinkButtons svg
	{
		width: 44px;
		margin-right: initial;
	}
}

/*************************************************** Animation *********************************************************/

.reveal
{
	position: relative;
	opacity: 0;
	filter: blur(5px);
}

	.reveal.active
	{
		opacity: 1;
		filter: blur(0px);
	}

.active.fade-bottom
{
	animation: fade-bottom .5s ease-out;
}

.active.fade-left
{
	animation: fade-left .5s ease-out;
}

.active.fade-right
{
	animation: fade-right .5s ease-out;
}

.active.fade-front
{
	animation: fade-front .5s ease-out;
}

@keyframes fade-bottom
{
	0%
	{
		transform: translateY(100px);
		filter: blur(50px);
		opacity: 0;
	}

	100%
	{
		transform: translateY(0);
		filter: blur(0px);
		opacity: 1;
	}
}

@keyframes fade-left
{
	0%
	{
		transform: translateX(-100px);
		filter: blur(50px);
		opacity: 0;
	}

	100%
	{
		transform: translateX(0);
		filter: blur(0px);
		opacity: 1;
	}
}

@keyframes fade-right
{
	0%
	{
		transform: translateX(100px);
		opacity: 0;
	}

	100%
	{
		transform: translateX(0);
		opacity: 1;
	}
}

@keyframes fade-front
{
	0%
	{
		transform: scale(2);
		filter: blur(10px);
		opacity: 0;
	}

	100%
	{
		transform: scale(1);
		filter: blur(0px);
		opacity: 1;
	}
}
