body {
    overflow: hidden;
}

/* fonts */
@font-face {
    font-family: 'KPMG Web';
    src: url('../fonts/KPMG Web-Thin Italic.eot');
    src: url('../fonts/KPMG Web-Thin Italic.eot?#iefix') format('embedded-opentype'),
         url('../fonts/KPMG Web-Thin Italic.woff2') format('woff2'),
         url('../fonts/KPMG Web-Thin Italic.woff') format('woff'),
         url('../fonts/KPMG Web-Thin Italic.ttf') format('truetype'),
         url('../fonts/KPMG Web-Thin Italic.svg#KPMG Web-Thin Italic') format('svg');
    font-weight: 100;
    font-style: italic;
    font-stretch: normal;
}
@font-face {
    font-family: 'KPMG Web';
    src: url('../fonts/KPMG Web-Extra Light Italic.eot');
    src: url('../fonts/KPMG Web-Extra Light Italic.eot?#iefix') format('embedded-opentype'),
         url('../fonts/KPMG Web-Extra Light Italic.woff2') format('woff2'),
         url('../fonts/KPMG Web-Extra Light Italic.woff') format('woff'),
         url('../fonts/KPMG Web-Extra Light Italic.ttf') format('truetype'),
         url('../fonts/KPMG Web-Extra Light Italic.svg#KPMG Web-Extra Light Italic') format('svg');
    font-weight: 200;
    font-style: italic;
    font-stretch: normal;
}
@font-face {
    font-family: 'KPMG Web';
    src: url('../fonts/KPMG Web-Thin.eot');
    src: url('../fonts/KPMG Web-Thin.eot?#iefix') format('embedded-opentype'),
         url('../fonts/KPMG Web-Thin.woff2') format('woff2'),
         url('../fonts/KPMG Web-Thin.woff') format('woff'),
         url('../fonts/KPMG Web-Thin.ttf') format('truetype'),
         url('../fonts/KPMG Web-Thin.svg#KPMG Web-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
    font-stretch: normal;
}
@font-face {
    font-family: 'KPMG Web';
    src: url('../fonts/KPMG Web-Light.eot');
    src: url('../fonts/KPMG Web-Light.eot?#iefix') format('embedded-opentype'),
         url('../fonts/KPMG Web-Light.woff2') format('woff2'),
         url('../fonts/KPMG Web-Light.woff') format('woff'),
         url('../fonts/KPMG Web-Light.ttf') format('truetype'),
         url('../fonts/KPMG Web-Light.svg#KPMG Web-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
}
@font-face {
    font-family: 'KPMG Web';
    src: url('../fonts/KPMG Web-Extra Light.eot');
    src: url('../fonts/KPMG Web-Extra Light.eot?#iefix') format('embedded-opentype'),
         url('../fonts/KPMG Web-Extra Light.woff2') format('woff2'),
         url('../fonts/KPMG Web-Extra Light.woff') format('woff'),
         url('../fonts/KPMG Web-Extra Light.ttf') format('truetype'),
         url('../fonts/KPMG Web-Extra Light.svg#KPMG Web-Extra Light') format('svg');
    font-weight: 200;
    font-style: normal;
    font-stretch: normal;
}
@font-face {
    font-family: 'KPMG Web';
    src: url('../fonts/KPMG Web-Light Italic.eot');
    src: url('../fonts/KPMG Web-Light Italic.eot?#iefix') format('embedded-opentype'), url('../fonts/KPMG Web-Light Italic.woff2') format('woff2'), url('../fonts/KPMG Web-Light Italic.woff') format('woff'), url('../fonts/KPMG Web-Light Italic.ttf') format('truetype'), url('../fonts/KPMG Web-Light Italic.svg#KPMG Web-Light Italic') format('svg');
    font-weight: 300;
    font-style: italic;
    font-stretch: normal;
}

/* CSS Base Definitions */
*, *:before, *:after {
    box-sizing: border-box;
}

body,
input,
button,
select,
textarea {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-weight: 300;
}

body {
    background-color: #FFFFFF;
    color: #565656;
    overflow-y: scroll;
    font-size: 16px;
    letter-spacing: 1px;
}

:invalid {
    outline-color: #DD0000;
    outline-color: rgba(221, 0, 0, 0.5);
    box-shadow: none;
}

:focus {
    outline-color: transparent;
}

a:focus,
input:focus,
select:focus,
textarea:focus,
button:focus {
    outline-color: #5E6D81;
}

a,
button {
    transition-property: color, background-color, border-color;
    transition-duration: 0.3s;
    text-decoration: none;
    outline: none;
}

a {
    color: #005EB8;
    text-decoration: none;
    outline: none;
}

a:hover,
a:focus {
    color: #00338D;
    outline: none;
}

a:active {
    color: #005EB8;
    outline: none;
}

h1,
h2 {
    font-family: 'KPMG Web', Arial;
    font-weight: 200;
    font-style: normal;
    font-stretch: normal;
}
h1 {font-size: 90px;}
h2 {font-size: 70px;}
h3,
h4 {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
}
h3 {
    font-weight: bold;
    font-size: 1em;
}

ul, ol {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
p, li {
    line-height: 1.75
}

/* Common classes */
.copyright a.txtLightBlue{
    color: #0091DA;
    font-size: 10px;
    margin-right: 0;
}
.sectionTitle {
    padding: 20px 0;
}
.boxTitle {
    margin-bottom: .35em;
}
.sectionSubtitle {
    text-transform: uppercase;
    margin: 1em 0;
}
.customUnderLine:after,
.lineTop:before {
    content: '';
    border-bottom: 3px solid #fff;
    display: block;
    width: 50px;
    margin: 10px auto 0;
}
.taLeft.customUnderLine:after {
    margin: 10px 0 0;
    border-color: #00338D;
}
h1.customUnderLine:after {
    margin: 20px auto 0;
}
.lineTop:before {
    border-bottom: none;
    border-top: 3px solid #fff;
    margin: 0 0 10px;
}

.txtContainer {
    margin: auto;
}

.row {
    clear: both;
    position: relative;
}

.columnContainer {
    display: flex !important;
    display: -ms-flexbox !important;
    width: 100%;
}
.oneCol {width: 100%;}
.twoCol {width: 50%;}
.threeCol {width: 33%;}
.fourCol {width: 25%;}
.fiveCol {width: 20%;}
.sixCol {width: 16%;}

.col90 {width: 90%;}
.col80 {width: 80%;}
.col70 {width: 70%;}
.col60 {width: 60%;}
.col40 {width: 40%;}
.col30 {width: 30%;}
.col20 {width: 20%;}

.taLeft {text-align: left;}
.taCenter {text-align: center;}
.taRight {text-align: right;}

.mBottom4em{
    margin-bottom:4em;
}
.icon {
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 40px;
    padding-top: 60px;
}

.iconIntegrity {background-image: url(../images/iconIntegrity.png); background-size: 60px;}
.iconCitizenship { background-image: url(../images/iconCitizenship.png);}
.iconInclusion {background-image: url(../images/iconDiversity.png);}
.iconLivingGreen {background-image: url(../images/iconLiving.png); background-size: 50px;}
.iconHealth {background-image: url(../images/iconHeart-white.png); background-size: 25px;}
.iconHealthAlt {background-image: url(../images/iconHeart.png); background-size: 25px;}
.iconPersonalTime {background-image: url(../images/iconTree.png); background-size: 25px;}
.iconFinancial {background-image: url(../images/iconPig-white.png); background-size: 29px;}
.iconFinancialAlt {background-image: url(../images/iconPig.png); background-size: 29px;}
.iconExecCareers {background-image: url(../images/iconLegacy.png); background-size: 65px; padding-top: 90px}
.iconTransitioningMilitary {background-image: url(../images/iconBadge.png); background-size: 65px; padding-top: 90px}
.iconAdvisory {background-image: url(../images/iconAdvisoryW.png);}
.iconAudit {background-image: url(../images/iconAuditW.png);}
.iconTax {background-image: url(../images/iconTaxW.png);}
.iconBusinessSupport {background-image: url(../images/iconBusinessW.png);}
.iconFederal {background-image: url(../images/iconFederalW.png); background-size: 30px 40px;}
.iconTechnology {background-image: url(../images/iconTechW.png);}
.iconSchool {background-image: url(../images/iconSchool.png);}
.iconTraining {background-image: url(../images/iconTarget.png);}
.iconPrograms {background-image: url(../images/iconGlobe.png);}
.iconLearningTech {background-image: url(../images/iconComputer.png);}
.iconTransfer {background-image: url(../images/iconTransfer.png); background-size: inherit;}
.iconOffice {background-image: url(../images/iconOffice.png); background-size: inherit;}
.iconGlobal {background-image: url(../images/iconGlobal.png); background-size: inherit;}
.iconPlay {background-image: url(../images/playButton.png);}
.iconTotal {background-image: url(../images/iconStar.png);}
.iconFamily {background-image: url(../images/iconHouse.png);}
.iconPerks {background-image: url(../images/iconAdd.png);}
.iconVacationAlt {background-image: url(../images/iconTreeAlt.png);}
.iconLocation {background-image: url(../images/iconMapMarker.png);}
.iconBuilding {background-image: url(../images/iconBuilding.png);}

.genericButton {
    text-transform: none !important;
    text-align: left;
    line-height: 1.3;
    padding: 10px 20px;
    margin: 0 5px;
    letter-spacing: 0;
}
span.break {display: block;}

.whiteLine,
.purpleStrokeButton,
.purpleButton,
.greenButton,
.greenStrokeButton,
.darkGreenButton,
.darkGreenStrokeButton,
.pinkButton,
.pinkStrokeButton,
.redButton,
.redStrokeButton,
.yellowButton,
.yellowStrokeButton,
.blueButton,
.blueStrokeButton {
    background-color: transparent;
    border-color: #fff;
    color: #fff !important;
    border-width: 1px;
    min-width: inherit !important;
    padding: 15px 20px 15px 40px !important;
}
.purpleStrokeButton {
    background-color: transparent;
    border-color: #470A68;
    color: #470A68 !important;
}
.purpleButton {
    background-color: #470A68;
    border-color: #470A68;
    color: #fff !important;
    margin-top: 0;
    font-weight: bold;
}
.blueButton {
    background-color: #00338D;
    border-color: #00338D;
    color: #fff !important;
    margin-top: 0;
}
.blueStrokeButton {
    background-color: transparent;
    border-color: #00338D;
    color: #00338D !important;
}

.greenButton {
    background-color: #00A3A1;
    border-color: #00A3A1;
    color: #fff !important;
    margin-top: 0;
    font-weight: bold;
}
.greenStrokeButton {
    background-color: transparent;
    border-color: #00A3A1;
    color: #00A3A1 !important;
}
.darkGreenButton {
    background-color: #009A44;
    border-color: #009A44;
    color: #fff !important;
    margin-top: 0;
    font-weight: bold;
}
.darkGreenStrokeButton {
    background-color: transparent;
    border-color: #009A44;
    color: #009A44 !important;
}

.pinkButton {
    background-color: #C6007E;
    border-color: #C6007E;
    color: #fff !important;
    margin-top: 0;
    font-weight: bold;
}
.pinkStrokeButton {
    background-color: transparent;
    border-color: #C6007E;
    color: #C6007E !important;
}
.redButton {
    background-color: #BC204B;
    border-color: #BC204B;
    color: #fff !important;
    margin-top: 0;
    font-weight: bold;
}
.redStrokeButton {
    background-color: transparent;
    border-color: #BC204B;
    color: #BC204B !important;
}
.yellowButton {
    background-color: #EAAA00;
    border-color: #EAAA00;
    color: #fff !important;
    margin-top: 0;
    font-weight: bold;
}
.yellowStrokeButton {
    background-color: transparent;
    border-color: #EAAA00;
    color: #EAAA00 !important;
}
.whiteLine:hover,
.purpleButton:hover,
.greenButton:hover,
.darkGreenButton:hover,
.pinkButton:hover,
.redButton:hover,
.yellowButton:hover
.blueButton:hover {
    background-color: #fff;
    text-decoration: none;
    color: #333 !important;
}
.purpleButton:hover {color: #470A68 !important;}
.greenButton:hover {color: #00A3A1 !important;}
.darkGreenButton:hover {color: #009A44 !important;}
.pinkButton:hover {color: #C6007E !important;}
.redButton:hover {color: #BC204B !important;}
.yellowButton:hover {color: #EAAA00 !important;background-color: #fff;}
.blueButton:hover {color: #00338D !important;background-color: #fff;}

.hasIcon {
    position: relative;
}
.hasIcon i {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -5px;
    font-size: 10px;
}
.genericButton.hasIcon i {
    position: absolute;
    left: 15px;
    top: 50%;
    margin-top: -8px;
    font-size: 15px;
}
.smallButton {
    padding: 5px 10px 5px 20px !important;
    margin: 5px;
    font-size: 0.8em;
    font-weight: bold;
    letter-spacing: 1px;
}
.smallButton.hasIcon i {
    left: 7px;
    margin-top: -5px;
    font-size: 10px;
}

/*********************** color definitions */
/* type primary */
.txtBlue {color:#00338D;}
.txtMediumBlue {color:#005EB8;}
.txtLightBlue {color:#0091DA;}
/* type secondary */
.txtViolet {color:#483698;}
.txtPurple {color:#470A68;}
.txtLightPurple {color:#6D2077;}
.txtGreen {color:#00A3A1;}
/* type tertiary */
.txtDarkGreen {color:#009A44;}
.txtLightGreen {color:#43B02A;}
.txtYellow {color:#EAAA00;}
.txtOrange {color:#F68D2E;}
.txtRed {color:#BC204B;}
.txtPink {color:#C6007E;}

.txtWhite {color: #fff;}

/* background primary */
.bgBlue {background-color:#00338D;}
.bgMediumBlue {background-color:#005EB8;}
.bgLightBlue {background-color:#0091DA;}
/* background secondary */
.bgViolet {background-color:#483698;}
.bgPurple {background-color:#470A68;}
.bgLightPurple {background-color:#6D2077;}
.bgGreen {background-color:#00A3A1;}
/* background tertiary */
.bgDarkGreen {background-color:#009A44;}
.bgLightGreen {background-color:#43B02A;}
.bgYellow {background-color:#EAAA00;}
.bgOrange {background-color:#F68D2E;}
.bgRed {background-color:#BC204B;}
.bgPink {background-color:#C6007E;}

.bgWhite {background-color: #fff;}

.hasBullets li {
    padding-left: 20px;
    line-height: 1.4;
    padding-bottom: .35em;
    position: relative;
}
.hasBullets li:before {
    content: "\f111";
    display: inline-block;
    font: normal normal normal 7px/1 FontAwesome;
    text-rendering: auto;
    line-height: 20px;
    width: 15px;
    height: 15px;
    text-align: center;
    color: #898989;
    margin-left: -15px;
    padding-right: 10px;
    position: absolute;
}
.tealBullets li:before {color: #00a3a1;}
.purpleBullets li:before {color: #A56C87;}
.whiteBullets li:before {color: #fff;}

.bulletsMargin {margin-left: 20px;}

.videoTxtContainer {
    width: 50%;
    margin: auto;
}
.videoTxtContainer p {
    margin-bottom: 2em;
}
a.linkGroup,
a.linkGroup:hover {
    color: #fff;
    text-decoration: none !important;
}

.uppercase {text-transform: uppercase;}
.nowrap {white-space: nowrap;}
/*----- Accordion -----*/
.accordionContainer {
    padding: 0 8em 3em;
}

.accordion, .accordion * {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}

.accordion {
    overflow:hidden;
    border-radius:3px;
}

/*----- Section Titles -----*/
.benefitsExpanded .accordion-section-title {
    width:100%;
    padding:10px;
    display:inline-block;
    transition:all linear 0.15s;
    /* Type */
    font-size:1.200em;
    border: 1px solid #ddd;
    color: #000 !important;
    border-bottom:none;
    outline: none;
    background-image: var(--background--image--tealPlus);
    background-repeat: no-repeat;
    background-position: 10px
}

.benefitsExpanded .accordion-section-title {
    width: 100%;
    padding: 10px;
    display: inline-block;
    transition: all linear 0.15s;
    font-size: 1.200em;
    border: 1px solid #ddd;
    color: #000 !important;
    border-bottom: none;
    outline: none;
    background-image: var(--background--image--tealPlus);
    background-repeat: no-repeat;
    background-position: 10px;
}
.benefitsExpanded .accordion-section-title:before {
    content: '+';
    color: #fff;
    display: inline-block;
    padding: 5px 15px;
    font-size: 40px;
    vertical-align: middle;
    margin:0 25px 0 5px;
    transition: .5s;
}

.benefitsExpanded .accordion-section-title.active, .accordion-section-title:hover {
    outline: none;
    /* Type */
    text-decoration:none;
}
.benefitsExpanded .accordion-section-title.active {
    font-weight: bold;
}
.benefitsExpanded .accordion-section-title.active:before {
    transform: rotate(45deg);
    transition: .5s;
    font-weight: normal;
}

.benefitsExpanded .accordion-section:last-child .accordion-section-title,
.benefitsExpanded .accordion-section:last-child .accordion-section-content {
    border-bottom: 1px solid #ddd;
}
.benefitsExpanded .accordion-section:last-child .accordion-section-content {
    border-top: 1px solid #ddd;
}

/*----- Section Content -----*/
.benefitsExpanded .accordion-section-content {
    padding:15px;
    display:none;
    border: 1px solid #ddd;
    border-bottom:none;
}

/*********************** ESTRUCTURE */
.container {
    max-width: 1400px;
    margin: 0 auto;
    display: block;
}

body {
    margin-top: 177px;
    background-color: #F5F5F5;
}
body.home,
body.jobPage {
    margin-top: 112px;
    font-size: 14px;
    letter-spacing: 0;
}
body.eventPage {
    font-size: 14px;
    letter-spacing: 0;
}

.anchor::before {
    content:"";
    display:block;
    height:177px;
    margin:-177px 0 0;
}

/* header */
header {
    background-color: #F5F5F5;
    box-shadow: 0 3px 5px rgba(0,0,0,.3);
    margin-bottom: 10px;
    text-align: center;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 99;
    font-size: 14px;
}
header .container {
    width: 98%;
    max-width: 1600px;
    padding: 0 !important;
}
.logo {
    padding: 35px 0 35px 15px;
    display: inline-block;
    width: 90px;
    float: left;
}
.logo img {
    width: 90px;
}

.socialHeader {
    float: right;
    display: inline-block;
    width: 180px;
    margin-top: 18px;
    position: relative;
}
.socialNetworks {
    display: inline-block;
    width: 75px;
    vertical-align: top;
    float: left;
}
.socialNetworks.customAppear {
    font-size: 11px;
    display: inline-block;
    border: 1px solid #0091da;
    padding: 17px 10px;
    width: 96px;
    float: right;
}
.socialNetworks a,
.socialNetworks a:hover {
    color: #0091DA;
    text-decoration: none;
}
.socialNetworks span {
    display: inline-block;
    width: 34px;
    padding: 5px;
    border: 1px solid #0091DA;
    font-size: 20px;
    margin-bottom: 4px;
}
.searchBarHeader {
    display: inline-block;
    background-color: #0091DA;
    color: #fff;
    vertical-align: top;
    top: 0;
    position: absolute;
    right: 0;
    transition: width 1s;
    width: 77px;
    max-height: 75px;
}
.searchBarHeader .navSearchTrigger,
.searchBarHeader.open button {
    position: absolute;
    right: 0;
    display: inline-block;
    width: 75px;
    vertical-align: top;
    text-align: center;
    cursor: pointer;
    padding: 23px 0;
    top: 0;
}
.searchBarHeader.open button {
    background-color: #0091DA;
    border: none;
    color: #fff;
}
.searchBarHeader.open {
    width: 600px;
    text-align: left;
    background-color: #0091DA;
}
.navSearch {
    width: 0;
    overflow: hidden;
    transition: width 1s;
    display: inline-block;
}
.searchBarHeader.open .navSearch {
    display: inline-block;
    width: 100%;
}
.searchBarHeader.open .navSearchTrigger {
    display: none;
}

.select2-container-multi .select2-choices {
    border: 2px solid #6e1f78 !important;
    max-height: 53px;
    overflow: auto !important;
}
.select2-container-multi .select2-choices .select2-search-field {
    height: 49px;
}
.select2-container-multi .select2-choices .select2-search-field input {
    margin-top: 12px !important;
    font-size: 14px !important;
}
.select2-container-multi .select2-choices .select2-search-choice {
    margin-bottom: 0 !important;
}
#officeLocations input[placeholder] {
    color: #777 !important;
}

.navSearch input {
    background-color: #0091DA;
    border: none;
    font-family: 'KPMG Web', Arial;
    color: #fff !important;
    font-size: 3em;
    padding: 20px;
    width: 520px;
    outline: none;
}
.body_Firefox .navSearch input,
.body_IE .navSearch input,
.body_Gecko .navSearch input{

    padding: 16px;
}

.navSearch input::-webkit-input-placeholder {color: #fff;}
.navSearch input:-moz-placeholder {color: #fff;}
.navSearch input::-moz-placeholder {color: #fff;}
.navSearch input:-ms-input-placeholder {color: #fff;}

.mainMenu {
    display: inline-block;
    width: calc(100% - 320px)
}
.mainMenu ul {
    letter-spacing: 0;
}

.mainMenu li.navItem {
    display: inline-block;
    height: 110px;
    vertical-align: middle;
    line-height: inherit;
    overflow: hidden;
}

.mainMenu li.navItem a {
    padding: 0 20px;
    font-size: 15px;
    display: block;
    color: #282828;
    margin-left: -3px;
    height: 110px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 100%;
}
.mainMenu li.navItem:hover:after,
.mainMenu li.navItem.active:after {
    content: "";
    position: absolute;
    margin-left: -15px;
    width: 0px;
    height: 0px;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #440a64;
    margin-top: -10px;
}
.mainMenu li.navItem.txtMediumBlue:hover:after,
.mainMenu li.navItem.txtMediumBlue.active:after {
    display: none;
}

.mainMenu li.active {
    background-color: #EBEBEB;
}
.mainMenu li li.active {
    background-color: transparent;
    font-weight: bold;
}

.mainMenu li.active ul {
    display: block;
}
.mainMenu li.navItem.txtMediumBlue a {
    color:#0091DA;
    font-weight: bold;
}

.mainMenu li ul {
    display: none;
    position: absolute;
    background-color:#470A68;
    left: 0;
    right: 0;
    z-index: 88;
}
.mainMenu li.navItem:hover ul {
    display: block;
    z-index: 89;
}
.mainMenu li ul li.subItem {
    display: inline-block;
    vertical-align: middle;
    margin: 0 15px;
}
.mainMenu li ul li.subItem a {
    color: #fff;
    padding: 18px 22px;
    font-size: 14px;
    vertical-align: middle;
    height: inherit;
    line-height: 1.2;
}
.mainMenu li.navItem a:hover {
    text-decoration: none;
    opacity: .8;
}
.mainMenu li.navItem a span {
    display: block;
}

.subMenu.smWK {margin-left: -30px;}
.subMenu.smYC {margin-left: -200px;}
.subMenu.smCD {margin-left: -320px;}
.subMenu.smPA {padding-left: 110px;}
.subMenu.smCK {padding-left: 350px;}

.gsc-results-wrapper-overlay {
    width: 90% !important;
    height: 90% !important;
    left: 5% !important;
}

/* footer */
.mainFooter {
    background-color: #333333;
    color: #cecdcd;
    position: relative;
    letter-spacing: 0;
}
.mainFooter .container {
    width: 87%;
    max-width: 1600px;
    padding: 60px 0 0;
}
.copyright {
    background-color: #262626;
    font-size: .8em;
    margin: auto;
    padding: 20px;
}
.copyright img {
    float: right;
    width: 60px;
}
.copyright p {
    width: calc(100% - 200px);
    color: #cecdcd;
    text-align: left;
    font-size: 10px;
    line-height: 15px;
    margin: 0 0 5px 0;
}
.copyright li {
    display: inline-block;
    padding: 0 0 1.5em 0
}
.copyright li:after {
    content: '|';
    margin-right: 10px
}
.copyright li:last-child:after {
    content: '';
}
.copyright a {
    color: #cecdcd;
    font-size: 12px;
    margin-right: 10px
}

.footerLinks h4 a {
    color: #0091DA;
    text-transform: uppercase;
    font-size: 12px
}
.footerLinks li {
    padding: 2px;
    line-height: 1;
}
.footerLinks li a {
    color: #cecdcd;
    font-size: 12px;
}
.footerLinks ul {
    margin-top: 3px;
    margin-bottom: 20px
}
.footerLinks li ul {
    margin: 0 0 0 20px
}

.footerLinks h4 + h4 {
    margin-top: 20px;
}

.socialNetFooter ul {
    display: flex;
    justify-content: space-between;
    display: -ms-flexbox;
}

.socialFooter {
    width: 300px;
}
.socialFooter img {
    width: 100%;
}
.socialNetFooter li {
    display: inline-block;
    vertical-align: middle;
    padding: 0 12px;
    font-size: 25px
}
.socialNetFooter img {
    margin-top: -10px;
}

.popup-linkedin {
    background-color: #005EB8;
    color: #9fc9f1;
    display: block;
    margin-bottom: 3px;
    text-align: center;
}
.popup-linkedin small {
    padding: 5px 10px;
    font-size: 12px;
    display: block;
}
.popup-linkedin a:hover small {
    color: #fff;
}
/**************** internal page **/
.imgBanner {
    height: 600px;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    text-align: center;
    display: flex;
    display: -ms-flexbox;
    justify-content: center;
    flex-direction: column;
    -ms-flex-pack: center;
    -ms-flex-align:center;
}

.imgBanner .lineBox h1.mainTitle {
    font-size: 104px;
    line-height: 1.1;
    margin: 0 auto;
}
.lineBox {
    text-align: center;
}
.lineBox h1 {
    margin: .25em auto;
    font-size: 70px;
}
.lineBox span.topLine,
.lineBox span.bottomLine {
    display: block;
    border: 2px solid #fff;
    margin: auto;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 16px;
}
span.topLine {
    border-bottom: none !important;
}
span.bottomLine {
    border-top: none !important;
}

.imgBanner .lineBox span {
    width: 300px;
    height: 150px;
}
.tile .lineBox span {
    width: 320px;
    height: 250px;
}
.boxContent .lineBox span {
    width: 220px;
    height: 150px;
}

.imgBanner .lineBox.videoIcon span.topLine {
    height: 100px;
}
.imgBanner .lineBox.videoIcon span.bottomLine {
    height: 200px;
    position: relative;
}
.lineBox.videoIcon span.bottomLine:after {
    content: '';
    width: 80px;
    height: 80px;
    display: block;
    background-image: url(../images/playButton.png);
    background-size: cover;
    margin: auto;
    transform: translateY(30%);
}

.txtContainer p {
    margin-bottom: 2em;
}

.tile .figure {
    display: inline-flex;
    display: -ms-inline-flex;
    justify-content: center;
    flex-direction: column;
    height: 770px;
    vertical-align: top;
    width: 50%;
    -ms-flex-pack: center;
    -ms-flex-align:center;
}
.tile .txtContainer {
    display: inline-flex;
    justify-content: center;
    flex-direction: column;
    min-height: 770px;
    vertical-align: top;
    width: 50%;
    padding: 2em 4em;
    align-items: flex-start;
}

.tile.tileNarrow .figure {
    width: 35%;
}
.tile.tileNarrow .txtContainer {
    width: 64%;
}

.body_IE .tile .txtContainer,
.body_Gecko .tile .txtContainer {
    display: inline-block;
    padding: 10% 2em 0;
    width:61%;
}

.body_IE .diversityAndInclusion .tile .txtContainer,
.body_Gecko .diversityAndInclusion .tile .txtContainer{
    padding-top: 3em;
    display: table-cell;
    padding-right: 4em;
}
.body_IE .workplaceOfTheFuture .tile .txtContainer,
.body_Gecko .workplaceOfTheFuture .tile .txtContainer{
    padding-top: 9%;
}

.body_IE .figure,
.body_Gecko .figure{
    background-size: cover;
}

/* home */
.loggedUser {
    padding: 15px 10px 0;
}
.loggedUser .container {
    display: flex;
    max-width: 1260px;
    justify-content: space-between;
    flex-wrap: wrap;
}
.luBox {
    display: inline-block;
    vertical-align: middle;
    padding-top: 15px;
}
.userName h2 {
    font-size: 45px;
    padding-top: 8px;
    font-weight: 500;
}
.userBtns li {
    display: inline-block;
    vertical-align: top;
}
.userBtns .genericButton {
    margin-right: 0;
}

.section.mainMosaic {
    padding-top: 5px;
}
.mainMosaic .container {
    display: flex;
    flex-flow: row wrap;
    width: 100%;
    max-width: 1280px;
    text-align: center;

    /* ie fix */
    display: -ms-flexbox;
}
.boxHome {
    background-color: #ccc;
    display: block;
    width: 25%;
    border: 10px solid #F5F5F5;
    height: 300px;
    color: #fff;
    position: relative;
    background-position: center;
    font-size: 14px;
    letter-spacing: 0;
}
.bigBox {
    width: 50%;
    height: 600px;
    background-size: cover;
}
.boxRow {
    width: 100%;
    height: auto;
}
.bigBoxH {
    width: 50%;
    height: 300px;
}
.boxUp {
    margin-top: -300px;
}
.boxContent {
    position: absolute;
    bottom: 14%;
    width: 100%;
    padding: 0 15px;
}
.hbCareerDev .boxContent {
    bottom: inherit;
    top: 50%;
    margin-top: -45px;
}
.hbYourCareer .boxContent {
    bottom: inherit;
    top: 50%;
    margin-top: -195px;
}

.boxContent .boxTitle {
    font-size: 3.2em;
    line-height: 40px;
}
.boxTitle.icon {
    background-size: 50px;
}
.hbFindYourCareer .boxTitle.icon {
    background-size: 70px;
}

.hbYourCareer {
    background-image: var(--background--image--hbYourCareer);
}
.hbTalentCommunity {
    background-image: var(--background--image--hbTalentCommunity);
}
.hbFindYourCareer {
    background-color: #00A3A1;
}
.hbExecutiveCareers {
    background-color: #00338d;
}
.hbLakehouse {
    background-image: var(--background--image--hbLakehouse);
    background-position: center top;
    background-size: cover;
}
.hbCareerDev {
    background-image: var(--background--image--hbCareerDev);
}
.hbMilitary {
    background-image: var(--background--image--hbMilitary);
    background-position: top center;
    background-size: cover;
}
.hbCaroussel {
    background-color: #DDDCDC;
}
.hbCorpResponsibility {
    background-image: var(--background--image--hbCorpResponsibility);
}
.hbTheKpmgStory {
    background-image: var(--background--image--hbTheKpmgStory);
    background-position: 0;
    background-size: cover;
}
.boxRow.ourHistoryBG {
    margin-top: 0;
    background-position: center;
    background-size: 100%;
    background-image: var(--background--image--ourHistoryBg);
}

.flyOut {
    position: fixed;
    right: -595px;
    top: 260px;
    z-index: 99;
    transition: right 1s;
    font-size: 14px;
}
.flyOut.open {
    right: 0;
}
.foTrigger {
    transform: rotate(-90deg);
    position: absolute;
    left: -135px;
    top: 82px;
    letter-spacing: 2px;
}

.body_Firefox .foTrigger {
    left: -147px;
    top: 89px;
}

.foTrigger.mobFlyout {
    letter-spacing: inherit;
}
.foTrigger span {
    cursor: pointer;
    display: block;
    background-color: #0091DA;
    color: #fff;
    font-size: 27px;
    font-weight: bold;
    padding: 13px 20px;
    font-family: 'KPMG Web';
    white-space: nowrap;
}
.foTrigger span:after {
    content: "\f055";
    font-family: 'FontAwesome';
    padding-left: 10px;
}
.foContent {
    background-color: #333;
    color: #fff;
    padding: 20px;
}

.flyoutSearch input {
    width: 300px;
    height: 40px;
    background: #f5f5f5;
    border: none;
    font-size: 10pt;
    float: left;
    color: #65737e;
    padding-left: 15px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    outline: none;
}
.flyoutSearch button.icon {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    border: none;
    background: #0091da;
    height: 30px;
    width: 50px;
    color: #fff;
    opacity: 1;
    font-size: 11pt;
    margin-left: -56px;
    line-height: 20px;
    margin-top: 5px;
    padding: inherit;
}
.boxFO {
    width: 555px
}
.boxFO .paIcons {
    text-align: center;
}
.boxFO .paIcons li {
    margin: 0 -3px;
}

.colSec {
    display: inline-block;
    width: 160px;
    margin-top: -1em;
    vertical-align: bottom;
}
.colMain {
    display: inline-block;
    width: 390px;
}
.colSec .sectionTitle {
    padding:0 0 40px 0;
    font-size: 5em;
}

.foTitle {
    font-size: 24px;
    font-family: Arial;
    font-weight: 300;
    color: #0091da;
    text-align: right;
    padding-bottom: 1.5em;
    margin-top: -1em;
}
.foTitle:after {
    content: "\f107";
    font-family: 'FontAwesome';
    padding-left: 5px;
    font-size: 15px;
}
.boxFO .sectionSubtitle {
    color: #666;
}

.boxFO .paIcons li a.icon {
    background-position: center 30px;
    margin: -1px 1px 0 0;
    border: 1px solid #666;
}
.boxFO .paIcons li a.iconBusinessSupport {padding-top: 75px; background-position: center 25px}

.boxFO .paIcons li a.iconAdvisory:hover, .boxFO .paIcons li a.iconAdvisory:active {background-color: #470A68;}
.boxFO .paIcons li a.iconAudit:hover, .boxFO .paIcons li a.iconAudit:active {background-color: #00A3A1;}
.boxFO .paIcons li a.iconTax:hover, .boxFO .paIcons li a.iconTax:active {background-color: #C6007E;}
.boxFO .paIcons li a.iconBusinessSupport:hover, .boxFO .paIcons li a.iconBusinessSupport:active {background-color: #BC204B;}
.boxFO .paIcons li a.iconFederal:hover, .boxFO .paIcons li a.iconFederal:active {background-color: #009A44;}
.boxFO .paIcons li a.iconTechnology:hover, .boxFO .paIcons li a.iconTechnology:active {background-color: #EAAA00;}

.linkedinPU {
    border: 1px solid #666;
    width: 140px;
    height: 57px;
    margin-top: 20px;
}
.linkedinPU a {
    display: block;
    color: #666;
    line-height: 1;
    padding:5px;
}
.linkedinPU a:before {
    content: "\f0e1";
    font-family: 'FontAwesome';
    display: inline-block;
    background-color: #0091DA;
    width: 45px;
    height: 45px;
    float: left;
    text-align: center;
    font-size: 28px;
    margin-right: 10px;
    line-height: 1.7;
    color: #fff;
}
.linkedinPU:hover a {
    background-color: #444;
    color: #fff;
}
.linkedinPU a:after {
    color: #fff;
    content: "\f054";
    font-family: 'FontAwesome';
    font-size: 8px;
    border: 1px solid #666;
    padding: 2px;
    margin-left: 13px;
}

/* jcaroussel */
.jcarousel-wrapper {
    margin: 20px auto;
    position: relative;
    border: 10px solid #fff;
    width: 600px;
    height: 400px;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    -webkit-box-shadow: 0 0 2px #999;
       -moz-box-shadow: 0 0 2px #999;
            box-shadow: 0 0 2px #999;
}

.jcarousel-wrapper .photo-credits {
    position: absolute;
    right: 15px;
    bottom: 0;
    font-size: 13px;
    color: #fff;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.85);
    opacity: .66;
}

.jcarousel-wrapper .photo-credits a {
    color: #fff;
}

/** Carousel **/

.jcarousel {
    position: relative;
    overflow: hidden;
}

.jcarousel ul {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

.jcarousel li {
    float: left;
}
.jcarousel img {
    display: block;
    max-width: 100%;
    height: auto !important;
    margin: auto;
}
/** Carousel Controls **/

.jcarousel-control-prev,
.jcarousel-control-next {
    position: absolute;
    top: 50%;
    width: 30px;
    height: 30px;
    text-align: center;
    background: #233E87;
    color: #fff;
    text-decoration: none;
    text-shadow: 0 0 1px #000;
    font: 24px/27px Arial, sans-serif;
    -webkit-border-radius: 30px;
       -moz-border-radius: 30px;
            border-radius: 30px;
    -webkit-box-shadow: 0 0 2px #999;
       -moz-box-shadow: 0 0 2px #999;
            box-shadow: 0 0 2px #999;
}

.jcarousel-control-prev {
    left: 10px;
}

.jcarousel-control-next {
    right: 10px;
}

.jcarousel-control-prev:hover,
.jcarousel-control-next:hover,
.jcarousel-control-prev:active,
.jcarousel-control-next:active {
    color: #fff;
}
.jcarousel-control-prev:hover span,
.jcarousel-control-next:hover span {
    display: block;
}

.jcarousel-control-prev.inactive,
.jcarousel-control-next.inactive {
    opacity: .5;
    cursor: default;
}

/** Carousel Pagination **/

.jcarousel-pagination {
    position: absolute;
    bottom: 0;
    left: 15px;
}

.jcarousel-pagination a {
    text-decoration: none;
    display: inline-block;

    font-size: 11px;
    line-height: 14px;
    min-width: 14px;

    background: #fff;
    color: #4E443C;
    border-radius: 14px;
    padding: 3px;
    text-align: center;

    margin-right: 2px;

    opacity: .75;
}

.jcarousel-pagination a.active {
    background: #4E443C;
    color: #fff;
    opacity: 1;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.75);
}

/* why kpmg */
.bgOurRichStory {
    background-image: var(--background--image--ourRichStoryBg);
}
.ourCulture .txtContainer,
.ourHistory .txtContainer {
    width: 70%;
    margin: 0 auto;
    padding: 60px 0;
    text-align: center;
}

.ourCulture p{
    font-size:14px;
}
.ourHistoryBG {
    background-image: var(--background--image--WK_KPMGstoryVideoBg);
    background-repeat: no-repeat;
    text-align: center;
    color: #fff;
    background-size: cover;
    display: flex;
    justify-content: center;
    flex-direction: column;
    height: 585px;
    background-position: center bottom;
}
.headsUpThinking .figure {
    background-image: var(--background--image--headsUp);
    color: #fff;
    background-position: center;
    background-size: cover;
}
.headsUpThinking .container {
    padding: 0 4em;
}

.mobile .headsUpThinking{
    text-align:center;
}
.ourValuesBG {
    background-image: var(--background-image--ourValues);
    padding: 4em 0;
}
.ourValues .txtContainer {
    width: 60%;
    margin: auto;
    padding-bottom: 5em;
}
.ourValues .txtContainer.blockQuote {
    padding-bottom: 0;
    padding-top: 6em;
    text-transform: uppercase;
}
.ourValues .txtContainer.blockQuote p{
    margin-top:2em;
}
.ourValues .txtContainer.blockQuote .quoteImg{
    width:150px;
    height:150px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    margin:0px auto;
    text-align: center;
    overflow: hidden;
}

.ourValues .txtContainer.blockQuote .quoteImg img{
    width:100%;
    height:100%;
}
.opacityTxt {
    opacity: .7;
}
.strongTxt {
    font-weight: bold;
}
.ourValues .columnContainer {
    width: 100%;
    margin: auto;
    display: table !important;
}
.ourValues .columnContainer .twoCol {
    display: table-cell;
}
.ourValues .columnContainer .twoCol.purpleBG1 {background-color: #4c186b;}
.ourValues .columnContainer .twoCol.purpleBG2 {background-color: #531f71;}

.ourValues .columnContainer .boxContainer {
    width: 70%;
    margin: auto;
    padding: 3em 0;
}

.ourValues ul.hasBullets.purpleBullets {
    padding-right: 10px;
}

.corporateResponsibilityBG {
    background-image: var(--background--image--corporateRespBg);
    padding: 5em 0 8em;
    background-size: cover;
}
.corporateResponsibility .txtContainer {
    width: 50%;
}
.corporateResponsibility h2 {
    display: block;
    width: 100%;
    line-height: 1;
    text-transform: none;
}
.corporateResponsibility .columnContainer {
    width: 100%;
    margin: auto;
    padding-bottom: 3em;
}
.corporateResponsibility .fourCol {
    padding: 0 3em
}

.diversityAndInclusion .figure {
    background-color: #B1DFDB;
    display: table-cell;
    vertical-align: middle;
}
.diversityAndInclusion .txtContainer {
    display: table-cell;
}
.diversityAndInclusion .figure h1 span {
    display: block;
    text-align: center;
    margin: auto;
    height: inherit;
}
.diversityAndInclusion .noST a {
    text-decoration: underline;
}

.topLine.daiIcon {
    background-image: url(../images/iadIcon.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 50%
}

.workplaceOfTheFuture .figure {
    background-image: var(--background--image--workplaceFutureBg);
    color: #fff;
}

.ourVision .figure {
    background-image: var(--background--image--WK_ourVisionBg);
    color: #fff;
    background-size: cover;
    background-position: center;
}

.strategySuccess .figure {
    background-image: var(--background--image--WK_StrategySuccessBg);
    color: #fff;
    background-size: cover;
    background-position: center;
}
.ourPromise .blockQuote,
.strategySuccess .blockQuote {
    text-transform: uppercase;
    font-weight: bold;
}

.ourPromise {
    background-image: var(--background--image--totalRewards);
    background-size: 100%;
    padding: 4em 0;
}
.ourPromise .txtContainer {
    width: 65%;
    text-align: center;
    color: #fff;
}

.ourPromise .quoteImg{
    width:150px;
    height:150px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    margin:0px auto;
    text-align: center;
    overflow: hidden;
}

.ourPromise .quoteImg img{
    width:100%;
    height:100%;
}
.ourPromise .blockQuote{
    margin-top:2em;
}
.totalRewardsBG {
    background-image: var(--background--image--totalRewards);
    padding: 4em 0 18em;
    background-size: 100%;
}
.totalRewards .txtContainer {
    width: 50%;
    margin: auto;
    padding-bottom: 2em;
}
.totalRewards .threeCol p,
.totalRewards .threeCol li {
    text-align: left;
    padding: 0 5em;
}
.totalRewards .icon {
    padding-top: 44px;
}

.benefits .container {
    width: 90%;
}
.benefitsBtnCont {
    margin-top: -24em;
    margin-bottom: 1.3em;
}
.body_Firefox .benefitsBtnCont {
    margin-bottom: 0.3em;
}
.benefitsBtnCont a#kpmgBenefitsBtn.active {
    background-color: #fff;
    text-decoration: none;
    color: #333 !important;
}
.benefitsBtnCont a#kpmgBenefitsBtn.active i.fa-chevron-right {
    left: 13px;
    margin-top: -8px;
}
.benefitsBtnCont a#kpmgBenefitsBtn.active i.fa-chevron-right:before {
    content: "\f00d";
}

.benefitsExpanded {
    position: relative;
    z-index: 1;
    margin-bottom: 5em;
    display: none;
    transition: right 1s;
    font-size: 16px;
}
.benefitsExpanded.open {
    display: block;
    margin-top: -50px;
    padding-top: 50px;
}

.benefitsExpanded .txtContainer {
    width: 50%;
}
.downChevron {
    width: 30px;
    margin: 2em 0;
}
.accordionContainer .sectionTitle {
    font-size: 70px;
}
.benefitsExpanded h4 {
    margin-top: 2em;
}
.benefitsExpanded .extraPad {
    padding-bottom: 1em;
}
.benefitsExpanded .link {
    text-decoration: underline;
}

.topPad {
    padding-top: 5em;
}

.noST li {
    padding-right: 1em;
    line-height: 1.2;
    padding-bottom: .75em;
}

/* your career page */
.ourCulture .figure {
    height: 680px;
}
.ourCulture .figure.coi {
    background-image: var(--background--image--coi1Bg);
    color: #fff;
    background-size: cover;
}
.ourCulture .figure.coi2 {
    background-image: var(--background--image--coi2Bg);
    color: #fff;
    background-size: cover;
}
.ourCulture .txtContainer {
    padding: 0 6em;
    min-height: 370px;
}

.executiveCareersBG {
    background-image: var(--background--image--executiveCareers);
    padding: 4em 0;
}
.executiveCareers .txtContainer {
    width: 70%;
    margin: auto;
    padding-bottom: 5em;
}
.executiveCareers .columnContainer {
    width: 100%;
    margin: auto;
}
.executiveCareers .threeCol {
    padding: 0 1em;
    text-align: left;
}
.executiveCareers .threeCol li {
    margin-bottom: .75em;
}
.partners .figure.wakp {
    background-image: var(--background--image--EC_partnersBg);
    color: #fff;
    text-align: center;
    background-size: cover;
}
.partners .videoTxtContainer {
    width: 80%;
    margin: auto;
}
.partners .extraPanel .columnContainer {
    width: 100%;
    margin: auto;
}

.transitioningMilitaryBG {
    background-image: var(--background--image--YC_militaryTransitionBg);
    padding: 5em 0 8em;
    background-size: cover;
    background-position: center top;
    color: #fff;
}
.transitioningMilitary .txtContainer {
    width: 50%;
}

.practiceAreasYCBG {
    background-image: var(--background--image--VioletPracticeAreasBg);
    padding: 3em 0 4em;
    background-size: cover;
}
.home .practiceAreasYCBG {
    background-image: var(--background--image--LightBluePracticeAreasBg);
}
.practiceAreasYC .paIcons {
    margin: 3em auto;
}
.paIcons li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px;

}
.paIcons li a {
    display: block;
    color: #fff;
    width: 130px;
    line-height: 1;
    height: 120px;
    padding-top: 75px;
    font-size: 14px;
    letter-spacing: 0;
}
.paIcons li a.icon {
    background-position: center 20px;
    border: 1px solid #fff;
}

.investingInYourSuccess .txtContainer {
    width: 70%;
    margin: 0 auto;
    padding: 80px 0 60px;
}
.bgInvestingInYourSuccess {
    background-image: var(--background--image--YC_InvestingSuccessBg);
    background-position: center;
}

/* career development page */
.execCareers .txtContainer {
    width: 70%;
    margin: 0 auto;
    padding: 80px 0 60px;
}
.bgExecCareers {
    background-image: var(--background--image--EC_executiveCareersBg);
    background-position: center;
}

.mosaics .columnContainer {
    flex-wrap: wrap;
    justify-content: center;
}

.mosaicItem .txt {
    height: 300px;
    width: 50%;
    padding: 5%;
    font-size: .9em;
    position: relative;
    z-index: 2;
}
.mosaicItem .txt.txtR {
    float: right;
}
.mosaicItem .txt p {
    font-size: 13px;
    line-height: 1.25;
}

.mosaicItem {
    position: relative;
}
.mosaicItem .bgCont {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.mosaicItem.itemSchool .bgCont {
    background-image: var(--background--image--career_sq1Bg);
    right: inherit;
    left: 0;
    background-position: left;
}
.mosaicItem.itemTraining .bgCont {
    background-image: var(--background--image--career_sq2Bg);
    right: inherit;
    left: 0;
}
.mosaicItem.itemPrograms .bgCont {
    background-image: var(--background--image--career_sq3Bg);
}
.mosaicItem.itemLearningTech .bgCont {
    background-image: var(--background--image--career_sq4Bg);
    background-position: left 0px;
    background-size: cover;
}
.mosaicItem .icon {
    background-size: 54px;
    padding-top: 80px;
    position: relative;
}

.mosaicItem.itemTraining .icon:before {
    content: "\f084";
    font-family: 'FontAwesome';
    position: absolute;
    top: 0;
    left: 50%;
    font-size: 40px;
    transform: translateX(-50%);
    border-bottom: 2px solid #fff;
    padding-bottom: 7px;
    width: 50px;
}
.mosaicItem.itemTraining p a {
    font-weight: 600;
    color: #fff;
    padding: 5px 10px;
    display: inline-block;
    margin-top: 10px;
}
.mosaicItem.itemTraining p a:before {
    content: "\f054";
    font-family: 'FontAwesome';
    display: inline-block;
    font-size: 10px;
    margin-right: 5px;
}
.mosaicItem.itemTraining p a:hover {
    color: #000;
    background-color: #fff;
}

.mosaicItem.itemTraining .icon,
.mosaicItem.itemSchool .icon,
.mosaicItem.itemLearningTech .icon {
    padding-top: 60px;
}
.sArrow:after {
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-width: 30px;
    margin-top: -30px;
    z-index: 64;
}
.bgGreen.sArrow:after {
    right: 100%;
    border-right-color: #00a3a1;
}
.bgYellow.sArrow:after {
    right: 100%;
    border-right-color: #EAAA00;
}
.bgLightBlue.sArrow:after {
    left: 100%;
    border-left-color: #0091da;
}
.bgPurple.sArrow:after {
    left: 100%;
    border-left-color: #4C146C;
}

.careerMobility .txtContainer,
.globalMobility .txtContainer,
.firstTwoYears .txtContainer {
    padding: 0 4em;
}

.cDetail .row {
    padding-top: 2em;
}

.cDetail .colLayout {
    display: inline-block;
    vertical-align: middle;
}
h3.colLayout {
    width: 33%;
    text-align: center;
}
p.colLayout {
    width: 65%;
}
.colLayout.icon {margin-top: 0;}
.colLayout.iconTransfer {
    padding-top: 40px;
}
.colLayout.iconGlobal {
    padding-top: 70px;
}

.globalMobilityBG {
    background-image: var(--background--image--YC_globalMobilityBg);
    padding: 10em 0;
    background-size: cover;
}
.firstTwoYearsBG {
    background-image: var(--background--image--EC_firstTwoYearsBg);
    padding: 5em 0;
    background-size: cover;
}
.globalMobility p,
.firstTwoYears p {
    padding-top: 1em;
}

/* practice area pages */
.practiceAreas .txtContainer {
    width: 70%;
    margin: 0 auto;
    padding: 80px 0 60px;
}
.bgPracticeAreas {
    background-image: var(--background--image--PracticeAreasBg);
    background-position: center;
}

.paMosaics .columnContainer {
    flex-wrap: wrap;
    justify-content: center;
    font-size: 14px;
}

.paMosaicItem {
    background-repeat: no-repeat;
    background-position: center top;
    padding: 2em 3em;
    min-height: 400px;
    max-height: 400px;
    background-size: cover;
    width: 33.333333%;
    overflow: hidden;
}
.paMosaicItem .txt p {
    font-size: .9em;
    line-height: 1.2;
    margin-bottom: 1em
}
.paMosaicItem img {
    margin-bottom: 1em;
    padding-top: 5em;
}
.paMosaicItem .txt,
.paMosaicItem:hover .titleCont,
.paMosaicItem.hover .titleCont {
    display: none;
}
.paMosaicItem:hover .txt,
.paMosaicItem.hover .txt,
.paMosaicItem .titleCont {
    display: block;
    padding: 0 10px;
}

.paMosaicItem.itemAdvisory {background-image: var(--background--image--paMosaicAdvisoryBg);}
.paMosaicItem.itemAudit {background-image: var(--background--image--paMosaicAuditBg);}
.paMosaicItem.itemTax {background-image: var(--background--image--paMosaicTaxBg);}
.paMosaicItem.itemBusiness {background-image: var(--background--image--paMosaicBSSBg);}
.paMosaicItem.itemFederal {background-image: var(--background--image--paMosaicFederalBg);}
.paMosaicItem.itemTechnology {background-image: var(--background--image--paMosaicTechBg);}

.paMosaicItem h2.boxTitle {
    font-size: 4em;
}

.bgImg {
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100%;
    display: block;
    width: 100%;
    height: 700px;
    position: absolute;
    z-index: 6;
}
.advisoryBg {background-image: var(--background--image--PAadvisoryBg);}
.auditBg {background-image: var(--background--image--PAauditBg);}
.taxBg {background-image: var(--background--image--PAtaxBg);}
.bssBg {background-image: var(--background--image--PAbssBg);}
.federalBg {background-image: var(--background--image--PAfederalBg);}
.technologyBg {background-image: var(--background--image--PAtechBg);}
.jobDetailBg {background-image: var(--background--image--jobDetailBg_1);}

.bigTitle {
    text-align: center;
    font-size: 7em;
    padding: 1em 0;
    color: #fff;
}
.paInternal {
    position: relative;
    z-index: 9;
    color: #000;
}
.paInternal .txtContainer {
    width: 70%;
    padding-top: 5em;
}
.paInternal .txtContainer h3.paSectionTitle {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 1.5em;
    letter-spacing: 2px;
    padding: 1em 0;
}
.paSectionSubTitle {
    margin-bottom: 2em;
}
.midSeparator {
    border-top: 1px solid #ddd;
    text-align: center;
    margin-top: 100px;
    padding-bottom: 4em;
}
.midSeparator .genericButton {
    margin-top: -35px;
}
.piTechSupport .txtContainer {
    width: 60%;
}
.centerP {
    width: 100%;
    max-width: 300px;
    text-align: left;
    margin: auto;
    font-weight: bold;
}
.centerP h4 {
    padding-bottom: .5em;
}

.practiceGroups {
    padding:0 4em 4em 4em;
}

.practiceGroups .box {
    border: 1px solid #ccc;
    padding: 4em;
    margin: 2em 0;
    font-size: 1.1em;
}
.box li {
    margin: .5em 0 0;
    font-weight: bold;
}
a.hasIcon {
    padding-left: 15px;
    display: inline-block;
    line-height: 1.3;
}
.practiceGroups .box h3 {
    font-size: 1.2em;
    margin-bottom: .25em;
}

.columnContainer.howItWorks {
    width: 90%;
    margin: auto;
    padding: 4em 0 6em;
}
.mainCol {
    order: 1;
    width: 66%;
    padding-left: 4em;
}
.QaA dt {
    font-weight: bold;
    font-size: 1.3em;
    padding-top: 2em;
}
.QaA dd {
    margin:0;
    line-height: 1.7;
    padding: .5em 0 2em;
}

.sidebar {
    margin-right: 1em;
    padding-right: 1.5em;
    border-right: 1px solid #ccc;
    order: -1;
    color: #898989;
    font-size: .9em;
    width: 33%;
}
.sidebar h3 {
    font-size: 1.3em;
}
.sidebar h4 {
    font-size: 1.3em;
    padding-bottom: .25em
}
.sidebar .iconLeft {
    background-position: 0 30px;
    background-size: inherit;
}
.sidebar .hasBullets li:before {
    color: #898989;
    font-size: .4em;
}

/*data accordion*/
.dataAccordion{
    padding:0;
    margin-top:3em;
}
.dataAccordion .accordion-section-title {
    width:100%;
    padding:10px;
    display:inline-block;
    transition:all linear 0.15s;
    /* Type */
    font-size:1.200em;
    border: 1px solid #ddd;
    color: #000 !important;
    border-bottom:none;
    outline: none;
    background-image: var(--background--image--tealPlus);
    background-repeat: no-repeat;
    background-position: 10px
}

.dataAccordion .accordion-section-title {
    width: 100%;
    padding: 10px;
    display: inline-block;
    transition: all linear 0.15s;
    font-size: 1.200em;
    border: 1px solid #ddd;
    color: #000 !important;
    border-bottom: none;
    outline: none;
    background-image: var(--background--image--dataAccordion);
    background-repeat: no-repeat;
    background-position: 10px;
}
.dataAccordion .accordion-section-title:before {
    content: '+';
    color: #fff;
    display: inline-block;
    padding: 5px 15px;
    font-size: 40px;
    vertical-align: middle;
    margin:0 25px 0 5px;
    transition: .5s;
}

.dataAccordion .accordion-section-title.active, .accordion-section-title:hover {
    outline: none;
    /* Type */
    text-decoration:none;
}
.dataAccordion .accordion-section-title.active {
    font-weight: bold;
}
.dataAccordion .accordion-section-title.active:before {
    transform: rotate(45deg);
    transition: .5s;
    font-weight: normal;
}

.dataAccordion .accordion-section:last-child .accordion-section-title,
.dataAccordion .accordion-section:last-child .accordion-section-content {
    border-bottom: 1px solid #ddd;
}
.dataAccordion .accordion-section:last-child .accordion-section-content {
    border-top: 1px solid #ddd;
}

.dataAccordion .accordion-section-content {
    padding:15px;
    display:none;
    border: 1px solid #ddd;
    border-bottom:none;
}

/* videos */
.videoThumbs .container {
    margin: 4em auto;
    width: 70%;
}
.videoThumbs.auditPage .container,
.videoThumbs.techPage .container {width: 50%;}

.videoThumb {
    margin: 1em auto;
    min-height: 230px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    position: relative;
    font-size: 14px;
}
.videoThumb a {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.4);
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    padding: 150px 2em 0;
    line-height: 19px;
}
.videoThumb a:hover {
    background-color: rgba(0,0,0,.6);
    text-decoration: none;
}
.videoThumb a.iconPlay {
    background-size: 70px;
    background-position: center 50px;
}
.videoThumbs .buttonBar {
    padding-top: 2em;
    clear: both;
}

.thumbYao {background-image: var(--background--image--thumbYaoBg); background-position: top left;}
.thumbAdvisory {background-image: var(--background--image--thumbAdvisory); background-position: top left;}
.thumbOurCulture {background-image: var(--background--image--thumbOurCulture); background-position: top left;}
.TogetherBetter {background-image: var(--background--image--TogetherBetter); background-position: top left;}
.CultureAndVision {background-image: var(--background--image--CultureAndVision); background-position: top left;}
.thumbCotton {background-image: var(--background--image--thumbCotton); background-position: bottom left;}
.thumbLibertella {background-image: var(--background--image--thumbLibertella);}
.thumbCalacci {background-image: var(--background--image--thumbCalacci);}
.thumbRealDeal {background-image: var(--background--image--thumbRealDeal);}
.thumbBoeve {background-image: var(--background--image--thumbBoeve);}
.thumbFarrer {background-image: var(--background--image--thumbFarrer);}
.thumbHand {background-image: var(--background--image--thumbHand);}
.thumbDouglas {background-image: var(--background--image--thumbDouglas);}
.thumbDayOne {background-image: var(--background--image--thumbDayOne);}

.thumbIgnition {background-image: var(--background--image--thumbIgnition);}
.thumbDayInLife {background-image: var(--background--image--thumbDayInLife);}

/* job list + job details */
.section.searchBar {
    height: 200px;
}
.searchBG {
    background-image: var(--background--image--searchJobs);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    color: #fff;
    padding: 5.5em 0 3em;
    position: fixed;
    z-index: 7;
    left: 0;
    right: 0;
    width: 100%;
}
.jobPage .container {
    padding-left: 5%;
    padding-right: 5%;
}
.searchHelp {
    text-align: right;
    margin-top: -50px;
    clear: both;
    position: absolute;
    right: 0;
}
.searchHelp li {
    display: inline-block;
    padding: 0 1em;
}
.searchHelp li a,
.searchHelp li a:active {
    font-weight: bold;
    color: #fff;
}
.searchHelp li a:hover {
    opacity: .8;
    color: #fff;
    text-decoration: none;
}
.searchHelp li a i {
    font-size: 1.5em;
    display: inline-block;
    margin-right: 10px;
}
/**/
.jobPage .container form{
    position: relative;
}
.searchHelp li.lastItem{
    padding: 10px;
    border:1px solid #fff;
    display: block;
    margin: 15px 0px 0px 0px;
    width: auto;
    float: right;
    position: absolute;
    right: 0;
}

.searchCont .col {
    display: inline-block;
    vertical-align: top;
}
.searchCont h1 {
    font-size: 3em;
    letter-spacing: 2px;
    padding: 0 0 .35em;
}
.searchCont h1 i {
    font-size: 0.7em;
    margin-right: 10px;
}

.searchCont .srchInp.col {
    width: calc(100% - 185px);
}
.searchCont .srchBtn.col {
    width: 180px;
}

.dropdown-bg {
    width: 32%;
    float: left;
    line-height: 2.2;
}
input.dropdown-search[type=text], input.search-search[type=text] {
    width: 36%;
    box-sizing: border-box;
    border: 2px solid #6e1f78;
    border-radius: 0px;
    font-size: 16px;
    background-color: var(--color--white);
    background-position: 97% center;
    background-repeat: no-repeat;
    padding: 8px 40px 8px 10px;
    float: left;
    height: 53px;
}
input.search-search[type=text] {
    background-image: url(../images/search-icon.png);
}
.trigger,
.activetrigger,
.trgPA {
    font-size: 16px;
    font-family: Arial;
    background: #fff url(../images/down-chevron.png) 97% center no-repeat;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    box-sizing: border-box;
    border: 2px solid #6e1f78;
    border-radius: 0px;
    font-size: 15px;
    padding: 8px 40px 8px 10px;
    color: #777 !important;
    background-size: 25px;
    white-space: nowrap;
}
.dropcontainer {
    position: absolute;
    font-size: 15px;
    color: #777;
    z-index: 200;
    margin-left: 3px;
    width: 250px;
}
.dropcontainer ul {
    font-size: 15px;
    border: 1px solid #ccc;
    border-top: none;
    background: #fff;
    list-style-type: none;
    padding: 0;
    margin: 0;
    width: 123%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0px 0px 8px 2px #cccccc;
    -moz-box-shadow: 0px 0px 8px 2px #cccccc;
    box-shadow: 0px 0px 8px 2px #cccccc;
}
.dropcontainer ul li {
    padding: 5px 0 5px 15px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    border-bottom: 1px solid #eae8ea;
}
.dropcontainer ul li:first-child {
    display: none;
}
.dropcontainer ul li:hover {
    background: #f8f4f9;
    outline: none;
}
.dropcontainer ul li a {
    color: #6d2077 !important;
}
.dropdownhidden {
    display: none;
}
.dropdownvisible {
    height: 223px;
    overflow: auto;
}
.srchBtn .genericButton {padding: 15px 20px !important; margin: 0;}
.srchBtn .genericButton.hasIcon {padding-left: 30px !important;}
.srchBtn .genericButton.hasIcon i {left: 10px;}

.mapContainer {
    display: none;
}

.breadcrumb {
    background: none;
    border-bottom: #ddd solid 1px;
    border-radius: 0;
    padding-left: 2.5%;
    line-height: 2.2;
    padding: 8px 15px;
    margin-bottom: 10px;
    list-style: none;
}
.breadcrumb>li {
    display: inline-block;
}
.breadcrumb>.active {
    color: #777;
}
.breadcrumb>li+li:before {
    padding: 0 5px;
    color: #ccc;
    content: "/\00a0";
}
.titleCont {
    position: relative;
}
.jobListContainer {
    margin-top: 20px;
}
.jobListContainer .titleCont {
    border-bottom: #ddd solid 1px;
}

.titleCont h1 {
    font-size: 7em;
    padding-left: 5%;
    margin-top: 0;
    padding-top: 0;
    line-height: 1;
    color: #00338d;
    margin-bottom: 5px;
}
.displayingJobs {
    position: absolute;
    bottom: 13px;
    right: 0;
    margin-right: 5%;
    font-weight: bold;
}

.jobListContainer .columnContainer {
    width: 90%;
    margin: 2em auto;
}

.result {
    margin: 0 0 1em;
    padding: 0 1.5% 1em;
    border-bottom: #ddd solid 1px;
}
.resultsData {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 145px);
}
.resultsData p {
    font-weight: bold;
}
.resultsBtn {
    display: inline-block;
    vertical-align: middle;
    width: 140px;
}
.sidebar .tbPad {
    padding: 1em 0;
}

.pagination-wrapper {
    text-align: center;
    padding-top: 1em;
}

.currentPageLink,
.currentPageLink:link,
.currentPageLink:visited,
.currentPageLink:hover,
.currentPageLink:focus,
.currentPageLink:active {
    cursor: default;
    color: #fff;
    border-color: #00338D;
    background-color: #00338D;
}
.paginationItem {
    display: inline-block;
    margin-left: 00;
    text-decoration: none;
    white-space: nowrap;
    padding: .2em 1em;
    color: #00338D;
    position: relative;
    font-weight: bold;
    border: 1px solid #ddd;
    line-height: 2.2
}
.paginationItem:hover,
.paginationItem:focus,
.paginationItem:active {
    background-color: #00338D;
    text-decoration: none;
    border-color: #00338D;
    color: #fff;
}

.jobDetailPage .container {
    width: 80%;
    margin: 0 auto 3em;
    padding:0 0 3em 0;
}
.jobDetailPage .columnContainer {
    padding: 0 5%;
}
.jobDetailPage .mainCol {
    padding-left: 1em;
}
.jobDetailPage .mainCol p {
    padding-bottom: 1em;
}
.jobDetailPage .jobData {
    margin-bottom: 2em;
}
.jobDetailPage .jobData p {
    padding-bottom: 0;
}
.jobDetailPage .jobCont .genericButton {
    margin-left: 0;
}
.jobtitleContainer {
    padding: 0 1em 4em;
    text-align: center;
    color: #fff;
}
.jobtitleContainer .sectionTitle {
    font-size: 7em;
    padding: 1em 0 20px;
}
.jobtitleContainer h3 {
    text-transform: uppercase;
    font-size: 1.2em;
    margin-bottom: 20px;
}
.jobDescription .subDesc {
    padding-bottom: 1em;
}
.jobDescription ul,
.jobDescription ol {
    list-style: inherit;
    margin: 0 0 2em 1em;
    padding: 0 0 0 1em;
}
.body_IE .jobDescription ul,
.body_Gecko .jobDescription ul{
    list-style: disc;
}

.socialShare p {
    text-transform: uppercase;
    font-weight: bold;
}

.li-share {
    width: 27px;
    height: 27px;
}

.hero-social {
    background: rgba(63, 64, 68, 0.6);
    padding: 3px 4px;
    display: inline-block;
}
.hero-social .fa {
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    margin: 0 1px;
}
.hero-social a i {color: #ffffff;}
.hero-social .fa-linkedin {
    background-color: #0081cb;
    pointer-events: none;
}
.hero-social .fa-facebook {background-color: #365ca9;}
.hero-social .fa-twitter {background-color: #0cb3ff;}
.hero-social .fa-envelope {background-color: #989898;}
.hero-social .fa-plus {background-color: #ff6b51;}

.sendToFriend {
    width: 100%;
    max-width: 600px;
    margin: auto;
    padding: 4em 0 2em;
}
.sendToFriend h2 {
    margin-bottom: .25em;
}
.fieldBox {
    margin: 1.5em 0;
}
.fieldBox .fieldBoxLabel {
    font-weight: bold;
}
.sendToFriend input,
.sendToFriend textarea {
    width: 100%;
    padding: .2em .5em;
    border: 1px solid #ccc;
}
.sendToFriend input:hover,
.sendToFriend textarea:hover {
    border: 1px solid #337ab7;
}

.sendToFriend input:focus,
.sendToFriend textarea:focus {
    border: 1px solid #337ab7;
    box-shadow: 0 0 5px rgba(51,122,183,.5) !important;
}
.sendToFriend .saveButton {
    display: inline-block;
    color: #fff;
    padding: 10px 20px;
    margin: 10px;
    font-weight: bold;
    letter-spacing: 1px;
    position: relative;
    text-align: left;
    line-height: 20px;
    background-color: #337ab7;
    border: 1px solid transparent;
    min-width: auto;
}
.sendToFriend .saveButton:hover {
    color: #337ab7;
    background-color: #fff;
    border: 1px solid #337ab7;
}
.sendToFriend .saveButton:before {
    content: "\f054";
    display: inline-block;
    font: normal normal normal 10px/1 FontAwesome;
    text-rendering: auto;
    line-height: 15px;
    width: 15px;
    height: 15px;
    text-align: center;
    margin-left: -5px;
}

.tpt_socialShareIcon:hover,
.tpt_socialShareIcon:focus,
.tpt_socialShareIcon:active {
    outline: none;
    box-shadow: none;
}

/* find a location */
.map-container {
    position: relative;
}
.mapButtonContainer {
    position: absolute;
    z-index: 6;
    width: 100%;
}
#kpmg-map {
    height: 600px;
    width: 100%;
    background-color: #f5f5f5;
}

.wotf {
    background-color: rgba(0,0,0,.1);
    padding: 26px 30px 26px 60px;
    color: #fff;
    background-image: url(../images/marker-blue.png);
    background-repeat: no-repeat;
    background-position: 20px 17px;
    font-weight: bold;
    text-shadow: 1px 1px 1px rgba(0,0,0,.2);
    display: inline-block;
}
.mapClose {
    position: absolute;
    right: 0;
    top: 0;
}

/* events */
.eventsBg {
    background-image: var(--background--image--eventsBg);
}

.calendar-icon {
    width: 80px;
    height: 104px;
    background-image: url(../images/calendar-icon.png);
    background-size: contain;
    margin: 0 auto;
    color: #002f8d;
    line-height: 2.2
}
.calendar-month {
    font-size: 18px;
    text-transform: uppercase;
    padding-top: 18px;
    height: 38px;
}
.calendar-day {
    font-size: 18px;
}

/*----- Events Accordion -----*/
#eventsAccordion {
    margin-top: 4em;
    box-shadow: 0 1px 5px rgba(0,0,0,0.2);
}
#eventsAccordion .accordion-section {
    border: 1px solid #ddd;
    color: #000 !important;
    padding: 10px 20px;
    box-shadow: 0 1px 5px rgba(0,0,0,0.2);
}
#eventsAccordion .accordion-section-title {
    width:100%;
    display:block;
    transition:all linear 0.15s;
    outline: none;
    position: relative;
    color: #000 !important;
}
.eventLine {
    font-size:1.200em;
}
.eventDate {
    font-family: 'KPMG Web';
    font-weight: 200;
    font-size: 40px;
    vertical-align: middle;
    color: #444444;
    line-height: 1;
    padding: 15px;
    display: inline-block;
    min-height: 60px;
    width: 170px;
}
.eventName {
    min-height: 60px;
    font-weight: bold;
    font-size: 16px;
    text-transform: uppercase;
    vertical-align: middle;
    line-height: 24px;
    padding: 10px;
    color: #00338d;
    display: inline-block;
    width: calc(100% - 210px);
}
.eventName span {
    color: #444444;
    font-weight: normal;
    text-transform: none;
}
.eventButton {
    position: absolute;
    right: 0;
    top: 10px;
    transform: rotate(0deg);
    transition: .5s;
}

#eventsAccordion .accordion-section-title.active, .accordion-section-title:hover {
    outline: none;
    /* Type */
    text-decoration:none;
}
#eventsAccordion .accordion-section-title.active .eventButton {
    transform: rotate(-45deg);
    transition: .5s;
    font-weight: normal;
}

/*----- Section Content -----*/
#eventsAccordion .accordion-section-content {
    padding:15px;
    display:none;
}
.eventDetail {
    width: calc(100% - 210px);
    margin-left: 170px;
    border-top: 1px solid #ddd;
    padding-top: 1.5em;
}
.eventShare {
    padding-bottom: 1.5em;
}
.eventShare p {
    float: left;
    color: #999;
    margin-bottom: 0
}
.eventShare .hero-social {
    background: transparent;
    padding: 0px 14px;
}
.eventDescription {
    padding-bottom: 1.5em;
    line-height: 2;
    display: block;
}
.eventRegister a {
    margin-left: 0;
    letter-spacing: 2px;
}

/* social */
.bgSocialMedia {
    background-image: var(--background--image--socialMedia);
}
#twine-cc {
    z-index: 3;
    min-height: 2587px;
    padding-top: 30px;
    background-color: #f5f5f5;
    max-width: 1600px;
    margin: 0px auto;
}
.socialNets {
    margin-top: 3em;
}
.socialContainer {
    display: flex;
    justify-content: center;
    align-items: center;
}
.socialContainer a {
    width: 20%;
    text-align: center;
    font-size: 300%;
    width: 100%;
    vertical-align: middle;
    display: inline-block;
    padding: 70px 0;
    color: #fff;
}
.socialContainer a:hover {
    box-shadow: 0 0 10px rgba(0,0,0,.5) inset;
}

.snTW {background-color: #2CAAE0}
.snFB {background-color: #3B5B9B}
.snLI {background-color: #0173B1}
.snIG {background-color: #00A3A1}
.snYT {background-color: #E64A41}

/* video gallery */
.bgVideoGallery {
    background-image: var(--background--image--VideoGallery);
    height: 450px;
}
.bgVideoGallery .sectionSubtitle {
    margin: 1em;
}

p.iconHolder {
    font-size: 1.2em;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 0;
}
.iconHolder span {
    display: block;
    font-size: 44px;
}
.videoGalleryPage .videoThumbs .container {
    margin: 4em auto;
    width: 80%;
}
.videoGalleryPage .videoThumbs .columnContainer {
    flex-flow: row wrap;
}
.videoGalleryPage .videoThumb {
    margin: 1em auto;
    width: 32%;
}

.mobArrow,
.menu-btn,
.socialNetworksMenu {
    display: none !important;
}

.hide-gcse {
    width: 0px;
    height: 0px;
    overflow: hidden;
}

#twine-load-more {
    width: 170px !important;
}

.socialMedia .container {
    padding: 0 15px;
}

/* resolving the flyout overlap */
.diversityAndInclusion .txtContainer,
.partners .extraPanel .txtContainer {padding-right: 4em;}
@media all and (max-width: 900px) {
    .workplaceOfTheFuture .txtContainer {padding-right: 4em;}
}

/**********************************
************MOBILE*****************
**********************************/
@media all and (max-width: 1400px) {
    .txtContainer {
        padding-left: 2em;
        padding-right: 2em;
    }
    .mainMenu li ul li.subItem a {
        padding: 20px 10px;
        font-size: 13px;
    }
}
@media (max-width: 1300px) {
    .mainMenu li.navItem a {
        font-size: 13px;
        padding: 10px;
    }
    .subMenu.smYC {
        margin-left: -200px;
    }
    .subMenu.smCD {
        margin-left: -270px;
    }
    .subMenu.smPA {
        padding-left: 0;
    }
    .subMenu.smCK {
        padding-left: 250px;
    }
    .searchBG {padding:4.5em 0 2em;}
    .searchHelp {margin-bottom: 2em;}
    .titleCont h1 {
        font-size: 5em;
        padding-left: 0;
    }
    .displayingJobs {margin-right: 2%;}
    .logo {
        padding: 35px 0;
        width: 90px;
    }
    .mainMenu {
        display: inline-block;
        width: calc(100% - 270px);
    }
    .jobListContainer {
        margin-top: none;
    }
    .jobListContainer .breadcrumb {padding-left: 0;}
    .jobListContainer .columnContainer {width: 100%;}
    .mainCol {
        width: 66%;
        padding-left:0;
    }
    .jobDetailPage .columnContainer {
        padding: 0 2em;
    }
}
@media (max-width: 1180px) {
    .mainMenu li ul.smWK li.subItem {
        margin: 0 5px;
    }

    .mainMenu li ul li.subItem a {
        font-size: 12px;
    }
}
@media (max-width: 1024px) {
    /* this is a temporary css in order to hide the flyout in android */
    .flyOut {display: none !important;}
    /*********************/

    /* home */
    .boxHome {
        border: 5px solid #F5F5F5;
        height: 200px;
    }
    .bigBox {
        width: 50%;
        height: 500px;
    }
    .boxContent .boxTitle {
        font-size: 30px;
        line-height: 25px;
    }
    .boxHome .genericButton {
        font-size: 14px;
        padding: 8px 15px 8px 30px !important;
    }
    .boxTitle.icon {
        background-size: 50px !important;
    }
    .boxContent .lineBox h1 {font-size: 4em;}
    .boxRow {height: auto !important; padding: 2em 0;}
    .boxRow .sectionTitle {font-size: 4.2em;}
    .boxRow .videoTxtContainer .sectionSubtitle {font-size: 1.2em;}
    .boxRow .videoTxtContainer p {font-size: 1em;}
    .boxRow .videoTxtContainer img {width: 50px;}

    .jobDetailPage .container {width: 90%;}
    .paInternal .txtContainer {width: 90%;}
    .eventsBg, .jobDetailBg {background-size: cover; height: 300px}
    .jobtitleContainer {padding: 0 1em 1em;}
    .jobtitleContainer .sectionTitle {font-size: 5em;}
    .loggedUser {
        padding: 10px 5px 0;
    }

    .home .practiceAreasYC {font-size: 14px;}
    .home .practiceAreasYC .sectionTitle {font-size: 5em;}
}
@media (max-width: 1023px) {
    body {
        margin-top: 71px !important;
        background-color: #F5F5F5;
    }
    .anchor::before {
        height: 71px;
        margin: -71px 0 0;
    }
    .socialHeader {
        float: right;
        display: inline-block;
        width: auto;
        margin-top: 8px;
        margin-right: 50px
    }
    .socialNetworks,
    .socialNetworks.customAppear {
        display: none;
    }
    .searchBarHeader {
        display: inline-block;
        background-color: transparent;
        color: #0091DA;
    }
    .searchBarHeader .navSearchTrigger:hover {
        background-color: #0091DA;
        color: #fff;
    }
    .logo {
        padding: 15px 0 15px 15px;
    }
    header {
        background-color: #fff;
    }
    /* mobile menu */
    .menu-btn {
        display: block !important;
        position: absolute;
        right: -4px;
        top: 8px;
        font-size: 30px;
        z-index: 999999;
        width: 64px;
        height: 53px;
        cursor: pointer;
        -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;
    }
    .menu-btn span {
        position: absolute;
        height: 4px;
        width: 34px;
        margin: 15px 15px 0;
        background: #0091DA;
        border-radius: 5px;
        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;
        -webkit-transform-origin: left center;
        -moz-transform-origin: left center;
        -o-transform-origin: left center;
        transform-origin: left center;
    }
    .menu-btn span:nth-child(1) {
        top: 0px;
    }
    .menu-btn span:nth-child(2) {
        top: 10px;
    }
    .menu-btn span:nth-child(3) {
        top: 20px;
    }
    .mainMenu li.navItem a span {display: inline;}

    .pushy-open-right .menu-btn span:nth-child(1) {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        top: -2px;
        left: 7px;
    }
    .pushy-open-right .menu-btn span:nth-child(2) {display: none;}
    .pushy-open-right .menu-btn span:nth-child(3) {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        top: 22px;
        left: 7px;
    }

    .mainMenu .navCont li.navItem {
        display: block;
        height: inherit;
        line-height: inherit;
        position: relative;
        border-bottom: 1px dotted #ccc;
        margin: 2px 4px;
    }
    .mainMenu li.active {
        background-color: #fff;
        font-weight: bold;
    }
    .mainMenu li.active li {
        font-weight: normal;
    }
    .mobArrow {
        display: block !important;
        position: absolute !important;
        right: 0px;
        top: 0;
        color: #000;
        background-color: #f1f1f1;
        display: inline-block;
        padding: 0 5px !important;
        font-size: 20px !important;
        z-index: 999999;
        width: 30px !important;
        height: 35px !important;
        font-weight: normal;
    }
    .mainMenu li ul.subMenu {
        display: block;
        position: inherit;
        background-color: #fff;
        left: inherit;
        right: inherit;
        z-index: inherit;
        padding: 0 !important;
        margin: 0 !important;
    }
    .mainMenu li.navItem a {
        padding: 10px;
        height: inherit;
        margin: 0;
        display: block;
        text-align: left !important;
    }
    .mainMenu li ul li.subItem a {
        color: #666;
        padding: 5px 20px;
        height: inherit;
    }
    .mainMenu li.navItem:hover:after, .mainMenu li.navItem.active:after {
        display: none;
    }
    .mainMenu li ul li.subItem {
        display: block;
        width: 100%;
    }
    .mainMenu li.navItem a:hover {
        opacity: 1;
    }
    .socialNetworks.customAppear{
        padding: 10px 5px;
        width: 100%;
        margin: 20px 0px;
        border: none
    }
    .socialNetworksMenu{
        display: block !important;
        padding: 2em 0 0;
    }

    .socialNetworksMenu a,
    .socialNetworksMenu a:hover {
        color: #0091DA !important;
        text-decoration: none;
        padding: 0 !important;
        display: inline-block !important;
    }
    .socialNetworksMenu span {
        display: inline-block;
        width: 34px;
        padding: 5px;
        border: 1px solid #0091DA;
        font-size: 20px;
        margin-bottom: 4px;
    }

    .searchBG {position: inherit;}
    .searchCont .srchInp.col {width: 100%;}
    .searchCont .srchBtn.col {width: 100%; padding: 5px 2px 0;}
    .section.searchBar {height: inherit;}

    .searchBarHeader .navSearchTrigger,
    .searchBarHeader.open button {
        padding: 12px 0 13px;
        top: 0;
    }
    .navSearch input {
        font-size: 2.5em;
        padding: 13px;
        width: 525px;
    }
    .body_Firefox .navSearch input,
    .body_IE .navSearch input,
    .body_Gecko .navSearch input {
        padding: 8px;
    }
    /* ExecutiveCareers */
    .mosaicItem .bgCont {
        background-position: center !important;
        background-size: cover !important;
        width: 100%;
        bottom: 250px;
    }
    .mosaicItem .txt {
        height: 250px;
        width: 100%;
        padding: 2em 4em;
        margin-top: 300px
    }
    .sArrow:after {
        left: 50%;
        margin-left: -30px;
    }
    .bgGreen.sArrow:after {
        top: -30px;
        border-right-color: transparent;
        border-bottom-color: #00a3a1;
    }
    .bgYellow.sArrow:after {
        top: -30px;
        border-right-color: transparent;
        border-bottom-color: #EAAA00;
    }
    .bgLightBlue.sArrow:after {
        top: -30px;
        left: inherit;
        border-left-color: transparent;
        border-bottom-color: #0091da;
    }
    .bgPurple.sArrow:after {
        top: -30px;
        left: inherit;
        border-left-color: transparent;
        border-bottom-color: #4C146C;
    }
    .corporateResponsibility .columnContainer {
        width: 90%;
        display: block !important;
        margin: auto;
    }
    .corporateResponsibility .fourCol {
        width: 100%;
    }
    .benefitsBtnCont {
        margin-top: -17em !important;
        margin-bottom: 4em !important;
    }

}

@media (max-width: 900px) {
    /* why kpmg */
    .imgBanner {
        height: 405px;
    }
    .bgVideoGallery.imgBanner {
        height: 425px;
        font-size: 14px;
    }

    .imgBanner .lineBox h1.mainTitle {
        font-size: 6em;
    }
    .imgBanner .lineBox span {
        width: 200px;
        height: 100px;
    }
    .twoCol, .threeCol, .fourCol {width: 100%;}

    span.break {display: inline;}
    .boxRow .videoTxtContainer p span.break {display: block;}

    .ourValues .columnContainer,
    .corporateResponsibility .columnContainer,
    .totalRewards .columnContainer,
    .executiveCareers .columnContainer,
    .transitioningMilitary .txtContainer {
        width: 90%;
        display: block !important;
        margin: auto
    }
    .ourValues .twoCol {
        margin-bottom: 0;
        display: block !important;
    }
    .ourValues .columnContainer .boxContainer {
        width: 100%;
        padding: 3em;
    }
    .ourValues .columnContainer {
        width: 100%;
    }

    .tile .figure {
        width: 100% !important;
        height: 500px
    }
    .partners .extraPanel .columnContainer {
        display: block !important;
    }
    .topLine.daiIcon {background-size: 40%; height: 150px !important}
    .tile .txtContainer {
        width: 100% !important;
        min-height: inherit;
        margin: 2em auto;
    }

    .workplaceOfTheFuture .tile .figure.wof,
    .strategySuccess .tile .figure {
        order:1;
    }
    .workplaceOfTheFuture .tile .txtContainer,
    .strategySuccess .tile .txtContainer {
        order:2;
    }

    .diversityAndInclusion .figure {
        display: block;
        padding: 4em 0;
        height: inherit;
    }
    .diversityAndInclusion .figure h1 span {
        display: inline;
    }

    .totalRewards .txtContainer,
    .ourPromise .txtContainer,
    .ourValues .txtContainer,
    .ourCulture .txtContainer {
        width: 90%;
        margin: auto;
        padding-bottom: 5em;
    }
    .ourPromise .txtContainer {
        padding-bottom: 0 !important;
    }
    .strategySuccess .figure {
        background-size: cover;
        background-position: center;
    }
    .benefits .container {
        width: 100%;
    }
    .benefitsExpanded {
        width: 90%;
        margin: 0 auto 5em;
    }
    .accordionContainer {padding: 0 3em 3em;}

    .corporateResponsibility .buttonBar {
        width: 80%;
        max-width: 600px;
        margin: auto;
    }
    .corporateResponsibility .buttonBar .genericButton {
        width: 100%;
        margin: .5em auto;
    }

    /* YourCareer */
    .tile .figure.coi, .tile .figure.coi2 {height: 600px;background-size: cover;}
    .tile .lineBox span {height: 100px; width: 200px;}
    .executiveCareers .txtContainer {width: 90%;padding-bottom: 2.5em;}
    .videoTxtContainer {width: 90%;}
    .practiceAreasYC .paIcons li a {
        width: 100px;
        height: 90px;
        padding: 60px 4px 0;
        background-size: 30px;
        font-size: 12px;
    }
    .practiceAreasYC .paIcons li a.iconBusinessSupport {background-position: center 10px; padding-top: 47px;}

    .videoThumbs .container {
        width: 90% !important;
    }

    .jobDetailPage .container {width: 90%;}
    .paInternal .txtContainer {width: 90%;}
    .piTechSupport .txtContainer {width: 90%;}

    .mainFooter .container {width: 96%;}
}

@media (max-width: 768px) {
    .displayingJobs {
        position: inherit;
        margin-top: 1em;
    }

    .searchBarHeader.open {
        width: 500px;
    }
    /* footer */
    .footerLinks .fourCol {display: none;}
    .footerLinks .fourCol.socialFooter {
        display: block;
        text-align: center;
        width: 80%;
        margin: auto;
    }
    .copyright p {width: 100%;}
    .copyright {padding-bottom: 50px;}
    /* home */
    .boxHome {height: 300px;width: 50%;}
    .bigBox {width: 100%;height: 600px;}
    .boxUp {margin-top: 0;}
    .boxContent .boxTitle {font-size: 3.2em; line-height: 1;}
    .hbCareerDev .boxContent .boxTitle {font-size: 4.2em; line-height: 40px;}
    .boxTitle.icon {background-size: 70px !important; padding-top: 80px !important;}
    .hbMilitary {order:1;}
    .hbTheKpmgStory {order:1;}
    .hbCorpResponsibility {order:1;}
    .hbCaroussel {order: 2; width: 100%;}
    .boxRow {width: 100%;}
    .boxRow .sectionTitle {font-size: 5em;}
    .boxRow.ourHistoryBG {background-size: cover;}

    .headsUpThinking .txtContainer,
    .ourValues .txtContainer,
    .corporateResponsibility .txtContainer,
    .benefitsExpanded .txtContainer,
    .ourCulture .txtContainer,
    .ourHistory .txtContainer {width: 90%;}
    .corporateResponsibility .fourCol {padding: 0 0 4em;}
    .totalRewards .threeCol p, .totalRewards .threeCol li {padding: 0;}
    .totalRewards .threeCol p {padding-bottom: 2em;}

    .tile .txtContainer {padding: 0 2em;}
    .executiveCareers .txtContainer {width: 100%;padding-bottom: 1em;}
    .executiveCareers h4 {font-size: 1.15em; padding-top: 2em;}
    .executiveCareers .threeCol {padding: 0;}

    .transitioningMilitaryBG,
    .globalMobilityBG,
    .firstTwoYearsBG{
        background: none;
        padding: 0;
    }
    .careerMobility .txtContainer,
    .transitioningMilitary .txtContainer,
    .globalMobility .txtContainer,
    .firstTwoYears .txtContainer {
        width: 100% !important;
        padding: 0 2em;
    }
    .execCareers .txtContainer,
    .ourCulture .txtContainer {
        width: 100% !important;
        padding: 3em 2em;
    }
    .execCareers .txtContainer p {
        margin-bottom: 0;
    }
    .globalMobility .txtContainer.mainText,
    .transitioningMilitary .txtContainer.mainText,
    .firstTwoYears .txtContainer.mainText {
        background-size: cover;
        padding: 8em 0;
        background-position: top center
    }
    .transitioningMilitary .txtContainer.mainText {
        background-image: var(--background--image--YC_militaryTransitionBg);
    }
    .globalMobility .txtContainer.mainText {
        background-image: var(--background--image--GlobalMobility);
    }
    .firstTwoYears .txtContainer.mainText {
        background-image: var(--background--image--EC_firstTwoYearsBg);
    }
    .globalMobility .txtContainer.fullText,
    .firstTwoYears .txtContainer.fullText,
    .transitioningMilitary .txtContainer.fullText {
        color: #333;
        margin: 3em 0;
        text-align: left;
    }
    .transitioningMilitary .txtContainer .buttonBar {
        text-align: center;
    }
    .transitioningMilitary .txtContainer .buttonBar .whiteLine {
        border-color: #00338D;
        color: #00338D !important;
    }

    .investingInYourSuccess .txtContainer {
        width: 90%;
        padding: 50px 0 20px;
    }
    .mosaicItem {background-size: 150% !important;}
    .mosaicItem .txt p,
    .mosaicItem .txt .sectionSubtitle {
        font-size: 1.1em;
    }
    .globalMobility p {padding-top: 0;}

    .firstTwoYears p {padding-top: 0;}

    .paInternal .container {margin: 0 1em;}
    .practiceGroups {padding: 0 1em 4em;}
    .practiceGroups .box {padding: 2em;}

    .videoThumbs .container {width: 100% !important;}
    .videoThumb {margin: 1em .5em 0;}

    .jobDetailPage .container {width: 95%;}
    .accordionContainer {padding: 0 1.5em 3em;}

    .eventDate {
        font-size: 1.7em;
        padding: 0 5px;
        display: block;
        min-height: inherit;
        width: auto;
    }
    .eventName {
        min-height: inherit;
        font-size: 20px;
        padding: 5px 35px 5px 5px;
        display: block;
        width: 100%;
    }
    .eventName span {font-size: 15px}
    .eventDetail {
        width: 100%;
        margin-left: 0;
        border-top: 1px solid #ddd;
        padding-top: 1.5em;
    }
    #eventsAccordion .accordion-section-content {
        padding: 15px 5px;
    }

    .userBtns .genericButton {
        margin-right: 5px;
        margin-left: 0;
        margin-bottom: 2px;
    }
}
@media (max-width: 700px) {
    .searchBarHeader.open {
        width: 350px;
    }

    .sendToFriend {
        padding: 4em 1.5em 2em;
    }

    .practiceAreasYC .paIcons li a.icon {
        width: 200px;
        height: 190px;
        padding: 140px 4px 0;
        background-size: 50px;
        font-size: 14px;
        margin-bottom: 10px;
        background-position: center 50px;
    }
    .imgBanner .lineBox h1.mainTitle {font-size: 70px;}
    .sectionTitle {font-size: 60px;}
    .boxTitle, h2.sectionSubtitle {font-size: 3.75em}
    .socialContainer a {padding:7% 0;}
    .socialContainer a i.customUnderLine:after {width: 25px;}

    .dropdown-bg,
    input.dropdown-search[type=text],
    input.search-search[type=text] {
        width: 100%;
        float: none;
    }
    .searchBarHeader.open {width: 450px;}
    .navSearch input {width: 377px;}

    .diversityAndInclusion .columnContainer {display: block !important;}

    .ourCulture .txtContainer,
    .ourHistory .txtContainer,
    .investingInYourSuccess .txtContainer,
    .careerMobility .txtContainer p,
    .execCareers .txtContainer {text-align: left;}

    .totalRewards .threeCol {
        text-align: center;
    }
    .benefitsExpanded .txtContainer {
        width: 100%;
        padding: 0 1em;
    }
    .accordionContainer {
        padding: 0 1.5em 3em;
    }
    .firstTwoYears .sectionTitle {
        font-size: 90px;
    }
}

@media (max-width: 736px) {
    body {margin-top: 57px !important;}
    .logo {padding: 8px 0 8px 15px;}
    .searchBarHeader.open .navSearch {
        display: inline-block;
    }
    .searchBarHeader .navSearchTrigger, .searchBarHeader.open button {
        padding: 9px 0 8px;
        width: 40px;
        font-size: 1.7em !important
    }
    .searchBarHeader .navSearchTrigger .fa-2x {font-size: 1em !important}
    .navSearch input {
        font-size: 1.8em;
        padding: 10px 13px;
        width: 100%;
    }
    .menu-btn span {
        height: 4px;
        margin: 10px 15px 0;
    }
    .anchor::before {
        height: 56px;
        margin: -57px 0 0;
    }

}

@media (max-width: 600px) {
    .videoTxtContainer {font-size: 1em;}
    .transitioningMilitary .txtContainer {width: 90%;}
    .cDetail .colLayout {display: block;}
    h3.colLayout {width: 100%;}
    p.colLayout {width: 100%;}
    .colLayout.lineTop:before {margin: 10px auto;}
    p.iconHolder {font-size: 1em; padding-top: 20px}
    .iconHolder span {font-size: 30px;}
    .bgVideoGallery .sectionTitle {font-size: 3.5em;}
    .bgVideoGallery .sectionSubtitle {margin-top: 0}
    .bgVideoGallery .txtContainer p {margin-bottom: 0;}

    .searchBarHeader.open {width: 350px;}
    .jobtitleContainer {
        background-image: var(--background--image--jobDetailBg_1);
        background-position: top center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .eventPage .jobtitleContainer,
    .sendToAfriend .jobtitleContainer{
        background-image: inherit;
    }

    .jcarousel li {
        transform: translateY(10%);
        height: 300px;
    }

    .videoGalleryPage .videoThumb,
    .videoThumb{
        width: 98%;
        margin: .5em auto;
    }
    .videoThumbs .columnContainer {
        flex-wrap: wrap;
    }
}
@media (max-width: 480px) {
    /* home */
    .boxHome {height: 200px; width: 50%;}
    .bigBox {width: 100%; height: 400px;}
    .boxUp {margin-top: 0;}
    .boxContent .boxTitle {font-size: 30px; line-height: 25px;}
    .boxTitle.icon {background-size: 50px !important; padding-top: 60px !important;}
    .bigBoxH, .boxRow {width: 100% !important;}
    .boxRow .sectionTitle {font-size: 70px;}
    .boxContent .lineBox span {width: 220px; height: 110px;}
    .hbYourCareer .boxContent {margin-top: -155px;}
    .practiceAreasYC .paIcons li a.icon {
        width: 150px;
        height: 150px;
        background-position: center 30%;
        padding-top: 95px;
        margin: 0 auto 10px;
    }
    .practiceAreasYC p {padding: 0 1em;}
    .boxRow.ourHistoryBG {background-size: cover;}
    .boxContent {padding: 0 5px;}
    .socialNetFooter li {padding: 0 6px;}

    .mosaicItem {background-size: 180% !important;}
    .mosaicItem .txt {padding: 2em 2em 4em; height: inherit;}

    .socialContainer a {padding:7% 0; font-size: 200%;}
    .imgBanner .lineBox h1.mainTitle {line-height: .85; padding-top: 10px}

    p.iconHolder {padding-top: 0;}

    .paInternal .txtContainer {padding: 2em 10px;}
    .jobDetailPage .container {width: 100%; margin: 0;}

    .mapClose {width: 40px;}
    .mapClose img {width: 100%}
    .wotf {
        padding: 12px 15px 12px 35px;
        background-position: 10px 10px;
        background-size: 15px
    }

    .searchBarHeader.open {width: 390px;}
    .navSearch input {width: 350px;}

    .corporateResponsibilityBG .genericButton {
        width: 300px;
        margin-top: 15px;
    }
    .boxFO .paIcons li a.iconBusinessSupport {
        padding-top: 70px !important;
        background-position: center 20px !important;
    }
    .bgImg {
        background-size: auto 350px;
    }

    .alignReset {text-align: left;}
    .jcarousel li {
        transform: inherit;
        height: inherit;
    }

    .paMosaicItem .txt p{
        font-size:.8em;
    }

    .dataAccordion .accordion-section-title{
       font-size:.7em !important;
    }
    .dataAccordion .accordion-section-title:before {
        margin: 0 10px 0px 5px;
        padding: 5px 10px;
        font-size:20px;
        float: left;
    }

    .dataAccordion .accordion-section-title{
        background-size: 40px;
    }
}
@media (max-width: 414px) {
    .bgImpactWithPurpose {background-position: -220px 0;}
    .boxFO .paIcons li a.iconBusinessSupport {
        padding-bottom: 50px !important;
    }
    .boxFO .paIcons li {margin: 0 -2px;}
    .searchBarHeader.open {width: 350px;}
    .navSearch input {width: 300px;}
    .benefitsExpanded .accordion-section .accordion-section-title span {
        display: inline-block;
        max-width: 190px;
        vertical-align: middle;
        width: calc(100% - 85px);
    }
    .jcarousel li {
        transform: translateY(5%);
        height: 200px;
    }

    .firstTwoYears .txtContainer.mainText{
        background-position: top 0px right -140px;
    }

    .userBtns li {
        width: 49%;
    }
    .luBox.userBtns {
        width: 100%;
    }
    .userBtns .genericButton {
        margin-right: 0;
        margin-left: 0;
        margin-bottom: 2px;
        width: 100%;
    }
}
@media (max-width: 375px) {
    .searchBarHeader.open {width: 310px;}
    .navSearch input {width: 270px;}
    .jcarousel li {
        transform: translateY(10%);
        height: 200px;
    }
}
@media (max-width: 340px) {
    .practiceAreasYC .paIcons li a.icon {
        width: 120px;
        height: 120px;
        background-position: center 25px;
        padding-top: 80px;
        background-size: 40px;
    }
    .hbFindYourCareer .boxTitle.icon {
        background-position: center 15px;
    }
    .footerLinks .fourCol.socialFooter {width: 90%;}
    .boxContent .lineBox h1 {letter-spacing: -1px;}
    .wotf {font-size: .9em}
        .searchCont h1 {
        font-size: 2.5em;
        letter-spacing: inherit;
        padding: .35em 0;
    }
    .searchBarHeader.open {width: 260px;}
    .searchBarHeader.open .navSearch {width: 220px;}
    .accordionContainer {
        padding: 0 .5em 1.5em;
    }
    .jcarousel li {
        transform: translateY(15%);
        height: 200px;
    }

    .paMosaicItem img{
        padding-top:2em;
    }

    .paMosaicItem .txt p {
        font-size: .7em;
    }
}

/* styles to avoid the android screen resize in mobile devices */
@media (max-width: 768px) {
    .flyOut {
        right: 0;
        left: 0;
        top: calc(100% - 0px);
        bottom: inherit;
        width: 100%;
        transition: top 1s;
    }
    .flyOut.open {
        bottom: inherit;
        top: calc(100% - 457px);
    }
    .body_Firefox .foTrigger,
    .foTrigger {
        transform: rotate(0deg);
        position: absolute;
        left: 0;
        top: -47px;
        right: 0;
        width: 100%;
    }
    .foTrigger span:after {
        padding-left: 0;
        float: right;
        margin-top: -5px;
    }
    .body_Firefox .foTrigger span::after {
        margin-top: -25px;
    }
    .boxFO {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }
    .boxFO .sectionSubtitle,
    .boxFO .sectionTitle {
        display: none;
    }
    .boxFO .colSec {
        display: block;
        width: 100%;
        margin-top: 1em;
        order: 2;
    }
    .boxFO .colMain {
        display: block;
        order:1;
        width: 100%;
    }
    .foTitle {
        color: #0091da;
        text-align: left;
        padding-bottom: .5em;
        margin-top: 1em;
        display: block;
    }
    .flyoutSearch input {width: 100%;}

    .linkedinPU {
        width: 100%;
        height: 37px;
        margin-top: 20px;
    }
    .linkedinPU a {
        color: #fff;
        line-height: 1.7;
        padding: 5px;
        font-size: 16px
    }
    .linkedinPU a:before {
        width: 25px;
        height: 25px;
        font-size: 18px;
        line-height: 1.1 !important;
        padding-top: 3px;
    }
    .linkedinPU a:after {
        font-size: 12px;
        float: right;
        display: block;
        padding: 0 5px;
    }

    .boxFO .paIcons li {
        width: 33%;
    }
    .boxFO .paIcons li a.icon {
        background-position: center 30px;
        margin: -1px 1px 0 0;
        border: 1px solid #666;
        width: 100%;
        padding: 80px 10px 40px;
    }

    .dataAccordion .accordion-section-title{
        font-size: 1em;
    }

    .dataAccordion{
        padding:0;
    }

}
/*@media (max-width: 802px) and (orientation: landscape) {
    .pushy-open-right .pushy.pushy-right {z-index: 126;}
    .flyOut {
        top: 0;
        z-index: 100;
        right: -425px;
    }
    .pushy-open-right .flyOut {z-index: 97}
    .foTitle {display: none;}
    .colSec {
        display: block;
        width: 100%;
        margin-top: -1em;
        vertical-align: bottom;
    }
    .flyoutSearch {padding-bottom: 1em;}
    .colSec .sectionTitle {
        display: inline-block;
        font-size: 4em;
        vertical-align: top;
        padding-bottom: 20px
    }
    .linkedinPU {
        margin-top: -14px;
        display: inline-block;
        float: right;
        vertical-align: top;
    }
    .flyoutSearch input {width: 100%;}
    .boxFO .sectionSubtitle {margin-bottom: .5em;}
    .foTrigger {top: 160px;}
    .boxFO {width:385px;}
}*/

@media screen and (max-height: 420px) {
    .flyOut {
        right: 0;
        left: 0;
        bottom: inherit;
        top: calc(100% - 0px);
        width: 100%;
        transition: top 1s;
    }
    .flyOut.open {
        bottom: inherit;
        top: calc(100% - 70px)
    }
    .foTrigger {
        transform: rotate(0deg);
        position: absolute;
        left: 0;
        top: -47px;
        right: 0;
        width: 100%;
    }
    .foTrigger span:after {
        padding-left: 0;
        float: right;
        margin-top: -5px;
    }
    .eventDescription a {
        word-wrap: break-word;
    }
}
@media (max-height: 375px) and (orientation: landscape) {
    .boxFO .paIcons li a.icon {
        background-position: center 20px;
        border: 1px solid #666;
        height: 90px;
        padding-top: 50px;
        background-size: 24px;
    }
    .colMain {padding-bottom: 6em;}
    .boxRow .videoTxtContainer p span.break {display: inline;}
}

@media (min-width: 890px) and (max-width: 1024px) {
    .jcarousel img {height: 190px !important;}
}
@media (max-height: 480px) and (orientation: portrait) {
    .boxFO .colSec {
        margin-top: 0;
    }
    .flyOut.open {
        top: calc(100% - 370px);
    }
    .boxFO .paIcons li a.icon {
        background-position: center 10px !important;
        padding: 60px 0 0 !important;
        font-size: 11px;
        height: 90px !important;
    }
    .boxFO .paIcons li a.iconBusinessSupport {
        padding-bottom: 20px !important;
    }

}
/* landscape kindle fire */
@media (min-height: 532px) and (max-height: 534px) and (orientation: landscape) {
    .flyOut {
        top: 110px;
    }
}
/* oddly and extremely specific adjustments */
@media (min-width: 901px) and (max-width: 980px) {
    .ourCulture .figure.coi {
        background-position: -50px 0;
    }
    .tileNarrow .figure .lineBox span {
        width: 80%;
        height: 150px;
    }
    .tileNarrow .figure .lineBox h1 span {
        width: auto;
        height: inherit;
    }
}
@media (max-width: 767px) {
    .jobPage .columnContainer {flex-wrap: wrap;}
    .jobPage .mainCol {width: 100%; padding-left: 0;}
    .jobPage .sidebar {
        margin-right: 0;
        padding-right: 0;
        border-right: none;
        order: 2;
        width: 100%;
        margin-top: 3em;
    }
    .sidebar h3.sectionSubtitle {margin: 2em 0 -1em;}
    .searchHelp {margin-bottom: 0;}
    .searchHelp li a span {display: none;}
    .searchHelp li.lastItem {
        position: relative;
        margin: 0px 5px;
        padding: 0;
        border: none;
    }
}

@media (max-width: 320px) {
    .boxContent {bottom: 10%;}
    .hbFindYourCareer .genericButton {white-space: nowrap;}
}
/*Start select2 upgrade parsing*/
.select2-container .select2-selection--multiple{display:flex;}
.select2-container .select2-search--inline .select2-search__field{width:100% !important; margin-top: 1px;}
.select2-container .select2-selection--multiple .select2-selection__rendered{padding:0px;}
.select2-container .select2-selection--single .select2-selection__rendered{padding:0px;}
.select2-container--default .select2-selection--single .select2-selection__rendered{line-height:inherit;}
.select2-container--default .select2-selection--multiple{border-radius: 0px;}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    margin-bottom: 0 !important;
}
.select2-container--default .select2-selection--multiple {
    border: 2px solid #6e1f78 !important;
    max-height: 53px;
    overflow: auto !important;
}
.select2-container .select2-search--inline .select2-search__field {
    margin-top: 12px !important;
    font-size: 14px !important;
}
.select2-container .select2-search--inline {
    height: 49px;
}
/*End select2 upgrade parsing*/

.list--3Cols{
    column-count: 3;
}

.list--3Cols li{
    margin: 0 0 10px;
    break-inside: avoid;
}

@media all and (max-width:1000px){
    .list--3Cols{
        column-count: 2;
    }
}

@media all and (max-width:500px){
    .list--3Cols{
        column-count: 1;
    }
}

.mTop20{
    margin-top: 20px;
}

.jobDetailPage .jobCont *{
    line-height: 1.75;
}