/*!

 * Bootstrap v3.1.1 (http://getbootstrap.com)

 * Copyright 2011-2014 Twitter, Inc.

 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)

 */





.modal,

.popover {

    top: 0;

    left: 0;

    display: none

}



.modal-title,

.popover {

    line-height: 1.42857143

}



.btn-white.button,

.button,

.reverse-btn {

    vertical-align: middle

}



#header .main-nav li .sub-nav .sub-nav-menu-wrapper .whats-new-section.whats-new-hidden,

.invisible {

    visibility: hidden

}



.modal-open {

    overflow: hidden

}



.modal {

    overflow: auto;

    overflow-y: scroll;

    position: fixed;

    right: 0;

    bottom: 0;

    z-index: 1050;

    -webkit-overflow-scrolling: touch;

    outline: 0

}



.modal.fade .modal-dialog {

    -webkit-transform: translate(0, -25%);

    -ms-transform: translate(0, -25%);

    transform: translate(0, -25%);

    -webkit-transition: -webkit-transform .3s ease-out;

    -moz-transition: -moz-transform .3s ease-out;

    -o-transition: -o-transform .3s ease-out;

    transition: transform .3s ease-out

}



.modal.in .modal-dialog {

    -webkit-transform: translate(0, 0);

    -ms-transform: translate(0, 0);

    transform: translate(0, 0);

    width: 100%;

    height: 100%

}



.modal-dialog {

    position: relative;

    width: auto;

    margin: 10px

}



.modal-content {

    position: relative;

    background: #404040;

    padding: 2em;

    border-radius: .5em;

    -moz-border-radius: .5em;

    -webkit-border-radius: .5em;

    width: 90%;

    margin: 1% auto;

    box-sizing: border-box;

    -moz-box-sizing: border-box;

    -webkit-box-sizing: border-box;

    outline: 0

}



.modal-backdrop {

    position: fixed;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    background-color: #000

}



.modal-backdrop.fade {

    opacity: 0;

    filter: alpha(opacity=0)

}



.modal-backdrop.in {

    opacity: .5;

    filter: alpha(opacity=50)

}



.modal-header {

    min-height: 16.43px

}



.modal-header .close {

    margin-top: -2px

}



.modal-title {

    margin: 0

}



.modal-body {

    position: relative;

    padding: 20px 20px 0

}



.modal-footer {

    margin-top: 15px;

    padding: 19px 20px 20px;

    text-align: right;

    border-top: 1px solid #e5e5e5

}



.modal-footer .btn+.btn {

    margin-left: 5px;

    margin-bottom: 0

}



.modal-footer .btn-group .btn+.btn {

    margin-left: -1px

}



.modal-footer .btn-block+.btn-block {

    margin-left: 0

}



@media (min-width:768px) {

    .modal-dialog {

        width: 600px;

        margin: 30px auto

    }

    .modal-content {

        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);

        box-shadow: 0 5px 15px rgba(0, 0, 0, .5)

    }

    .modal-sm {

        width: 300px

    }

}



@media (min-width:992px) {

    .modal-lg {

        width: 900px

    }

}



.popover {

    position: absolute;

    z-index: 1060;

    max-width: 276px;

    padding: 1px;

    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

    font-size: 14px;

    font-weight: 400;

    text-align: left;

    background-color: #fff;

    -webkit-background-clip: padding-box;

    background-clip: padding-box;

    border: 1px solid #DCDCDC;

    border: 1px solid rgba(0, 0, 0, .2);

    border-radius: 6px;

    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);

    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);

    white-space: normal

}



.popover.top {

    margin-top: -10px

}



.popover.right {

    margin-left: 10px

}



.popover.bottom {

    margin-top: 10px

}



.popover.left {

    margin-left: -10px

}



.popover-title {

    margin: 0;

    padding: 8px 14px;

    font-size: 14px;

    background-color: #f7f7f7;

    border-bottom: 1px solid #ebebeb;

    border-radius: 5px 5px 0 0

}



:lang(af) body,

:lang(br) body,

:lang(ca) body,

:lang(cs) body,

:lang(cy) body,

:lang(da) body,

:lang(de) body,

:lang(el) body,

:lang(en) body,

:lang(eo) body,

:lang(es) body,

:lang(et) body,

:lang(eu) body,

:lang(fi) body,

:lang(fr) body,

:lang(fy) body,

:lang(gl) body,

:lang(hr) body,

:lang(hu) body,

:lang(is) body,

:lang(it) body,

:lang(lt) body,

:lang(lv) body,

:lang(mg) body,

:lang(mt) body,

:lang(nl) body,

:lang(no) body,

:lang(pl) body,

:lang(pt) body,

:lang(ro) body,

:lang(sk) body,

:lang(sl) body,

:lang(sr) body,

:lang(sv) body,

:lang(tr) body,

body {

    font-size: .625em

}



.popover-content {

    padding: 9px 14px

}



.popover>.arrow,

.popover>.arrow:after {

    position: absolute;

    display: block;

    width: 0;

    height: 0;

    border-color: transparent;

    border-style: solid

}



.leftdot,

.wrapper {

    position: relative

}



.popover>.arrow {

    border-width: 11px

}



.popover>.arrow:after {

    border-width: 10px;

    content: ""

}



.popover.bottom>.arrow:after,

.popover.left>.arrow:after,

.popover.right>.arrow:after,

.popover.top>.arrow:after {

    content: " "

}



.popover.top>.arrow {

    left: 50%;

    margin-left: -11px;

    border-bottom-width: 0;

    border-top-color: #999;

    border-top-color: rgba(0, 0, 0, .25);

    bottom: -11px

}



.popover.top>.arrow:after {

    bottom: 1px;

    margin-left: -10px;

    border-bottom-width: 0;

    border-top-color: #fff

}



.popover.right>.arrow {

    top: 50%;

    left: -11px;

    margin-top: -11px;

    border-left-width: 0;

    border-right-color: #999;

    border-right-color: rgba(0, 0, 0, .25)

}



.popover.right>.arrow:after {

    left: 1px;

    bottom: -10px;

    border-left-width: 0;

    border-right-color: #fff

}



.popover.bottom>.arrow {

    left: 50%;

    margin-left: -11px;

    border-top-width: 0;

    border-bottom-color: #999;

    border-bottom-color: rgba(0, 0, 0, .25);

    top: -11px

}



.popover.bottom>.arrow:after {

    top: 1px;

    margin-left: -10px;

    border-top-width: 0;

    border-bottom-color: #fff

}



.popover.left>.arrow {

    top: 50%;

    right: -11px;

    margin-top: -11px;

    border-right-width: 0;

    border-left-color: #999;

    border-left-color: rgba(0, 0, 0, .25)

}



.popover.left>.arrow:after {

    right: 1px;

    border-right-width: 0;

    border-left-color: #fff;

    bottom: -10px

}



:lang(af),

:lang(br),

:lang(ca),

:lang(cy),

:lang(da),

:lang(de),

:lang(el),

:lang(en),

:lang(eo),

:lang(es),

:lang(et),

:lang(eu),

:lang(fi),

:lang(fr),

:lang(fy),

:lang(gl),

:lang(hr),

:lang(hu),

:lang(is),

:lang(it),

:lang(lt),

:lang(lv),

:lang(mg),

:lang(mt),

:lang(nl),

:lang(no),

:lang(pl),

:lang(pt),

:lang(ro),

:lang(ru),

:lang(sk),

:lang(sl),

:lang(sr),

:lang(sv),

:lang(tr) {

    font-family: 'Open Sans', Verdana, Helvetica, sans-serif

}



:lang(ar),

:lang(az),

:lang(be),

:lang(bg),

:lang(he),

:lang(hi),

:lang(hy),

:lang(ka),

:lang(ms),

:lang(sh),

:lang(th),

:lang(uk),

:lang(vi) {

    font-family: Verdana, Helvetica, sans-serif

}



body {

    background: #e8eae9;

    font-family: 'Open Sans', Verdana, Helvetica, sans-serif;

    margin: 0;

    padding: 0

}



.logo-print {

    display: none

}



* {

    outline-color: transparent

}



h1,

h2,

h3,

h4,

h5,

h6 {

    line-height: 1.3;

    margin: 0 0 .5em;

    padding-bottom: .2em;

    color: #000

}



h1 {

    font-weight: 400;

    font-size: 3em

}



h2 {

    font-size: 2em;

    font-weight: 400

}



h3,

h4 {

    font-size: 1.8em

}



h3 {

    font-weight: 400

}



h4,

h5,

strong {

    font-weight: 700

}



h5 {

    font-size: 1.4em

}



.text-left {

    text-align: left;

}



.text-center {

    text-align: center;

}



.text-right {

    text-align: right;

}



.reverse-btn {

    border: 2px solid #d0d0ce;

    font-size: 16px;

    color: #d0d0ce;

    display: table-cell;

    min-height: 50px;

    line-height: 1.8;

    padding: .6em;

    width: 100%;

    background: 0 0

}



.reverse-btn a {

    color: #fff

}



.reverse-btn a:visited,

.reverse-btn:visited {

    color: #d0d0ce

}



.reverse-btn:hover {

    background: #4cbee9;

    color: #fff!important

}



.white .reverse-btn {

    border: 2px solid #00a3e0;

    color: #00a3e0

}



.white .reverse-btn:hover {

    color: #fff

}



.btn-white.button,

a {

    color: #00a3e0;

    text-decoration: none

}



.black {

    background: #000

}



.no-display {

    display: none

}



.btn-white.button,

.clearfix {

    display: inline-block

}



li,

p {

    line-height: 1.4;

    margin: 0 0 1em;

    word-wrap: break-word

}



li {

    list-style-position: inside

}



a {

    -webkit-transition: all .3s linear;

    -moz-transition: all .3s linear;

    -o-transition: all .3s linear;

    -ms-transition: all .3s linear;

    transition: all .3s linear

}



ol,

ul {

    list-style-type: none;

    margin: 0;

    padding: 0

}



.wrapper {

    margin: -1px auto 0;

    max-width: 1200px;

    width: 100%;

    height: auto;

    overflow: hidden

}



.wrapper .main-container {

    margin: 0;

    height: auto;

    overflow: hidden;

    word-wrap: break-word;

    padding-top: 30px;

    padding-bottom: 30px

}



.wrapper .main-container.headerimage {

    padding-top: 0

}



.wrapper .main-container .content.main {

    margin: 0 6%;

    position: relative;

    width: 88%;

    background: #fff

}



#footer-section,

.wrapper {

    /*top: 94px*/
    top: 49px

}



header.lang-display~#footer-section,

header.lang-display~div.wrapper {

    top: 121px

}



.btn-white.button {

    background: #fff;

    border: 1px solid #00a3e0;

    -webkit-border-radius: 2px;

    -webkit-background-clip: padding-box;

    -moz-border-radius: 2px;

    -moz-background-clip: padding;

    border-radius: 2px;

    background-clip: padding-box;

    font-size: 1.6em;

    padding: 7px 15px;

    margin-top: 1em

}



.btn-white:hover {

    text-decoration: none;

    background: #4cceff;

    color: #fff!important;

    border: 1px solid #4cceff

}



.btn-white:active,

a.button.btn-blue:active {

    text-decoration: none;

    color: #fff!important;

    border-color: #007ead

}



.btn-white:active {

    background: #007ead

}



a.button.btn-blue {

    background: #00a3e0;

    -webkit-border-radius: 2px;

    -webkit-background-clip: padding-box;

    -moz-border-radius: 2px;

    -moz-background-clip: padding;

    border-radius: 2px;

    background-clip: padding-box;

    text-decoration: none;

    color: #fff!important;

    width: 100%

}



a.button.btn-blue i {

    margin-left: 1em

}



a.button.btn-blue:hover {

    text-decoration: none;

    background: #7adbff;

    color: #fff!important

}



a.button.btn-blue:active {

    background: #007ead

}



a:visited {

    color: #609

}



.button-blue,

.button-dark-blue,

.button-gray,

.button-green,

.button-teal {

    color: #fff!important

}



.button {

    -webkit-border-radius: 2px;

    -webkit-background-clip: padding-box;

    -moz-border-radius: 2px;

    -moz-background-clip: padding;

    border-radius: 2px;

    background-clip: padding-box;

    box-sizing: border-box

}



.button-small {

    padding: 3% 2%;

    font-size: 1.6em

}



.button-medium {

    padding: 3% 2%;

    font-size: 1.8em

}



.button-large {

    padding: 6% 2%;

    font-size: 2em

}



.button-blue {

    background: #00a3e0

}



.button-blue:hover {

    background: #4cceff

}



.button-blue:active {

    background: #007ead

}



.button-green {

    background: #86bc25

}



.button-green:hover {

    background: #cae991

}



.button-green:active {

    background: #68911d

}



.button-gray {

    background: #75787b

}



.button-gray:hover {

    background: #c3c4c6

}



.button-gray:active {

    background: #5c5f61

}



.button-dark-blue {

    background: #012169

}



.button-dark-blue:hover {

    background: #0652fd

}



.button-dark-blue:active {

    background: #011136

}



.button-teal {

    background: #0097a9

}



.button-teal:hover {

    background: #43ebff

}



.button-teal:active {

    background: #006976

}



.clearfix:after {

    line-height: 0

}



* html .clearfix {

    height: 100%

}



.box {

    float: left

}



.inside-box {

    margin: 6%;

    font-size: 1.2em;

    line-height: 1.4em

}



.inside-box h2,

.inside-box h3,

.inside-box h4 {

    margin: 0;

    padding: 0

}



.col-1 {

    width: 24%

}



.col-2 {

    width: 49%

}



.col-3 {

    width: 59%

}



.clear {

    clear: both;

    margin: 0

}



.white {

    background-color: #fff;

    color: #8c8c8c

}



.image,

.image-sml {

    background-color: #DCDCDC

}



.white h2 a {

    color: #036

}



.image {

    width: 27%;

    float: right;

    margin: 6% 6% 6% 0

}



.image-sml {

    width: 33%;

    float: left;

    margin: 0 1em 0 0

}



.leftdot {

    left: 8%;

    width: 50px;

    height: 50px

}



.hide {

    display: none

}



a.drop-down {

    text-align: left;

    padding-left: 1em;

    padding-right: 1em

}



a.drop-down span {

    text-align: right;

    padding-left: 1em

}



@media screen and (-webkit-min-device-pixel-ratio:0) {

    .first {

        left: 99%

    }

    #featured-trending h1 {

        padding-left: 18%

    }

}



.audible {

    left: -999em;

    position: absolute

}



.primary-headline {

    font-size: 3em;

    font-weight: 400;

    line-height: 1.2

}



.sub-headline {

    font-size: 1.8em;

    color: #75787b;

    font-weight: 300

}



.secondary-headline {

    font-size: 20px;

    color: #000;

    font-weight: 400

}



.secondary-headline.black-title {

    color: #000

}



.secondary-headline.white-title {

    color: #fff

}



.tertiary-headline {

    font-size: 1.8em;

    color: #000;

    font-weight: 700

}



.headline-text-white {

    color: #fff

}



.page-intro-copy {

    font-size: 1.8em;

    color: #53565a;

    font-weight: 400

}



.body-copy {

    font-size: 1.4em;

    color: #000;

    font-weight: 400

}



.small-body-copy {

    font-size: 1.1em;

    color: #000;

    font-weight: 400

}



:lang(ja) .primary-headline {

    font-size: 2.6em

}



:lang(ja) .secondary-headline {

    font-size: 2.2em

}



:lang(zh-hans) .standard-white-component blockquote,

:lang(zh-hans) .standard-white-component li,

:lang(zh-hans) .standard-white-component p,

:lang(zh-hant) .standard-white-component blockquote,

:lang(zh-hant) .standard-white-component li,

:lang(zh-hant) .standard-white-component p {

    font-size: 1.5em

}



.standard-white-component {

    padding: 50px 60px 0;

    overflow: hidden

}



.standard-white-component.no-padding {

    padding: 0

}



.standard-white-component .component-left-column {

    width: 67%;

    float: left;

    padding-top: 0

}



.standard-white-component .component-left-column h3.secondary-headline {

    text-align: left;

    padding-left: 0

}



.standard-white-component .component-right-column {

    width: 27%;

    padding: 0 0 0 6%;

    float: left

}



.standard-white-component .standard-white-component {

    width: 67%;

    padding: 0 0 0 6%;

    float: left

}



.standard-white-component li,

.standard-white-component p {

    font-size: 1.4em;

    color: #000;

    font-weight: 400

}



.standard-white-component li .body-copy,

.standard-white-component p .body-copy {

    font-size: 1em

}



.contact-list {

    margin-bottom: 2em

}



.contact-list ul {

    border-collapse: collapse;

    display: table;

    width: 100%

}



.contact-list ul .contact-list-item {

    display: table-row;

    margin-bottom: 0;

    background-color: #fbfbfb;

    border-top: 1px solid #f0f1f1;

    list-style-type: none

}



.contact-list ul .contact-list-item:first-child {

    border-top: 0

}



.contact-list ul .contact-list-item .list-item {

    display: block;

    padding: 15px 12px;

    font-size: 14px;

    border-collapse: separate

}



.contact-list ul .contact-list-item .list-item:hover {

    background-color: #d0d0ce

}



.contact-list ul .contact-list-item .list-item span {

    display: table-cell;

    vertical-align: middle;

    color: #000

}



.contact-list ul .contact-list-item .list-item span.icon:before {

    line-height: 42px;

    color: #86bc25;

    border-radius: 50%;

    border: 1px solid #86bc25;

    font-size: 20px;

    text-align: center;

    display: inline-block;

    background-color: #fff;

    margin-right: 11px;

    height: 40px;

    width: 40px

}



.contact-list ul .contact-list-item .list-item span.download-app-icon,

.contact-list ul .contact-list-item .list-item span.register-icon {

    background: #fff;

    width: 40px;

    height: 40px;

    border: 1px solid #86bc25;

    border-radius: 100%;

    position: relative

}



.f_circleG,

.social-share-links ul li a {

    -webkit-background-clip: padding-box;

    -moz-background-clip: padding

}



.contact-list ul .contact-list-item .list-item span.download-app-icon:before,

.contact-list ul .contact-list-item .list-item span.register-icon:before {

    display: inline;

    height: 24px;

    width: 24px;

    position: absolute;

    top: 22%;

    left: 20%;

    content: ''

}



.contact-list ul .contact-list-item .list-item span.download-app-icon+span,

.contact-list ul .contact-list-item .list-item span.register-icon+span {

    padding-left: 11px

}



.contact-list ul .contact-list-item .list-item span.download-app-icon:before {

    background-image: url(/content/dam/html/uk/careersv2/images/icon-download-app-updated.svg)

}



.contact-list ul .contact-list-item .list-item span.register-icon:before {

    background-image: url(/content/dam/html/uk/careersv2/images/icon-registration.svg)

}



.table-frame .table-frame-col-100 {

    width: 100%;

    padding: 0

}



.table-frame .table-frame-col-50 {

    width: 50%

}



.table-frame .table-frame-col-70 {

    width: 67%

}



.table-frame .table-frame-col-30 {

    width: 32%

}



.table-frame .table-frame-col-33 {

    width: 33%

}



.table-frame .table-frame-col-100px {

    width: 100px

}



:lang(zh-Hant) .office-location .offices-container .column .offices .address {

    height: 150px

}



:lang(ru) .office-location .offices-container .column .offices .office-name p.small-body-copy .view_map:before {

    left: -21%

}



:lang(zh-hans) .office-location .offices-container .column .offices .office-name p.small-body-copy .view_details:before {

    left: -31%

}



:lang(fr) .office-location .offices-container .column .offices .office-name p.small-body-copy .view_map:before {

    left: -28%

}



:lang(de) .office-location .offices-container .column .offices .office-name p.small-body-copy .view_map {

    margin-right: .5em

}



:lang(de) .office-location .offices-container .column .offices .office-name p.small-body-copy .view_map:before {

    left: -29%

}



:lang(de) .office-location .offices-container .column .offices .office-name p.small-body-copy .view_details:before {

    left: -27%

}



:lang(sq) .office-location .offices-container .column .offices .office-name p.small-body-copy .view_map:before {

    left: -33%

}



:lang(sq) .office-location .offices-container .column .offices .office-name p.small-body-copy .view_details:before {

    left: -36%

}



.office-location .office-page-links-container .location-search .select-wrap.clear-dropdown:after {

    display: block

}



.left-content-section {

    float: left;

    width: 75%;

    padding-top: 30px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box

}



.right-content-section {

    float: right;

    width: 25%;

    padding: 30px 60px 0 0;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box

}



.authorError {

    color: #e30613!important

}



.floatingCirclesG {

    position: fixed;

    width: 30px;

    height: 30px;

    -webkit-transform: scale(.6);

    -moz-transform: scale(.6);

    -o-transform: scale(.6);

    -ms-transform: scale(.6);

    transform: scale(.6);

    z-index: 1999;

    top: 50%;

    left: 50%;

    display: none

}



.f_circleG {

    position: absolute;

    background-color: #000;

    height: 5px;

    width: 5px;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

    background-clip: padding-box;

    -webkit-animation-name: f_fadeG;

    -moz-animation-name: f_fadeG;

    -o-animation-name: f_fadeG;

    -ms-animation-name: f_fadeG;

    animation-name: f_fadeG;

    -webkit-animation-duration: 1.04s;

    -moz-animation-duration: 1.04s;

    -o-animation-duration: 1.04s;

    -ms-animation-duration: 1.04s;

    animation-duration: 1.04s;

    -webkit-animation-iteration-count: infinite;

    -moz-animation-iteration-count: infinite;

    -o-animation-iteration-count: infinite;

    -ms-animation-iteration-count: infinite;

    animation-iteration-count: infinite;

    -webkit-animation-direction: linear;

    -moz-animation-direction: linear;

    -o-animation-direction: linear;

    -ms-animation-direction: linear;

    animation-direction: linear

}



.frotateG_01 {

    left: 0;

    top: 12px;

    -webkit-animation-delay: .39s;

    -moz-animation-delay: .39s;

    -o-animation-delay: .39s;

    -ms-animation-delay: .39s;

    animation-delay: .39s

}



.frotateG_02 {

    left: 4px;

    top: 4px;

    -webkit-animation-delay: .52s;

    -moz-animation-delay: .52s;

    -o-animation-delay: .52s;

    -ms-animation-delay: .52s;

    animation-delay: .52s

}



.frotateG_03 {

    left: 12px;

    top: 0;

    -webkit-animation-delay: .65s;

    -moz-animation-delay: .65s;

    -o-animation-delay: .65s;

    -ms-animation-delay: .65s;

    animation-delay: .65s

}



.frotateG_04 {

    right: 4px;

    top: 4px;

    -webkit-animation-delay: .78s;

    -moz-animation-delay: .78s;

    -o-animation-delay: .78s;

    -ms-animation-delay: .78s;

    animation-delay: .78s

}



.frotateG_05 {

    right: 0;

    top: 12px;

    -webkit-animation-delay: .91s;

    -moz-animation-delay: .91s;

    -o-animation-delay: .91s;

    -ms-animation-delay: .91s;

    animation-delay: .91s

}



.frotateG_06 {

    right: 4px;

    bottom: 4px;

    -webkit-animation-delay: 1.04s;

    -moz-animation-delay: 1.04s;

    -o-animation-delay: 1.04s;

    -ms-animation-delay: 1.04s;

    animation-delay: 1.04s

}



.frotateG_07 {

    left: 12px;

    bottom: 0;

    -webkit-animation-delay: 1.17s;

    -moz-animation-delay: 1.17s;

    -o-animation-delay: 1.17s;

    -ms-animation-delay: 1.17s;

    animation-delay: 1.17s

}



.frotateG_08 {

    left: 4px;

    bottom: 4px;

    -webkit-animation-delay: 1.3s;

    -moz-animation-delay: 1.3s;

    -o-animation-delay: 1.3s;

    -ms-animation-delay: 1.3s;

    animation-delay: 1.3s

}



@-webkit-keyframes f_fadeG {

    0% {

        background-color: #000

    }

    100% {

        background-color: #fff

    }

}



@keyframes f_fadeG {

    0% {

        background-color: #000

    }

    100% {

        background-color: #fff

    }

}



@media only screen and (max-width:1023px) and (min-width:768px) {

    .col-1 {

        width: 49%

    }

    .primary-headline {

        font-size: 2.8em

    }

    .secondary-headline {

        font-size: 2.4em

    }

    .page-intro-copy {

        font-size: 1.8em

    }

    h1 {

        font-size: 2.8em

    }

    :lang(ja) .secondary-headline {

        font-size: 2em

    }

    .standard-white-component .component-left-column h3.secondary-headline,

    .standard-white-component h3.secondary-headline {

        padding-left: 0;

        margin: 0;

        width: 100%;

        font-size: 2em

    }

    .standard-white-component .component-right-column {

        padding: 0;

        width: 100%

    }

    .standard-white-component .component-left-column {

        width: 100%;

        float: left;

        padding-top: 0;

        margin-bottom: 1em

    }

}



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

    :lang(ja) .secondary-headline {

        font-size: 2em

    }

    :lang(ja) .primary-headline {

        font-size: 2.2em

    }

}



@media only screen and (max-width:767px) {

    .col-1 {

        width: 49%

    }

    .wrapper .main-container {

        padding-top: 15px;

        padding-bottom: 15px

    }

    .wrapper .main-container .content.main {

        margin: 0 2%;

        width: 96%

    }

    .primary-headline,

    h1 {

        font-size: 2.4em

    }

    :lang(ja) .secondary-headline {

        font-size: 1.6em

    }

    .secondary-headline {

        font-size: 1.8em

    }

    .page-intro-copy,

    .tertiary-headline {

        font-size: 1.6em

    }

    :lang(ko) body .primary-headline,

    :lang(zh-Hans) body .primary-headline,

    :lang(zh-Hant) body .primary-headline {

        font-size: 2.4em

    }

    :lang(zh-Hans) body .header-intro-container .header-intro-label {

        bottom: -2px

    }

    #footer-section,

    .wrapper,

    header.lang-display~#footer-section,

    header.lang-display~div.wrapper {

        top: 0

    }

    .standard-white-component {

        padding: 15px

    }

    .standard-white-component .component-left-column {

        float: left;

        padding-top: 0;

        width: 100%;

        margin-bottom: 1em

    }

    .standard-white-component h3.secondary-headline {

        padding-left: 0;

        margin: 0;

        width: 100%;

        font-size: 2em

    }

    .standard-white-component .component-right-column {

        width: 100%;

        padding: 0

    }

}



@font-face {

    font-family: Dcom-EDE;

    src: url(/content/dam/html/uk/careersv2/fonts/fonticons/Dcom-EDE.woff) format('woff'), url(/content/dam/html/uk/careersv2/fonts/fonticons/Dcom-EDE.svg#Dcom-EDE) format('svg');

    font-weight: 400;

    font-style: normal

}



[class*=" icon-"],

[class*=cta-icon],

[class^=icon-] {

    font-family: Dcom-EDE!important;

    speak: none;

    font-style: normal;

    font-weight: 400;

    font-variant: normal;

    text-transform: none;

    line-height: 1;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale

}



[class*=" icon-"]:before,

[class^=icon-]:before {

    font-weight: 400;

    font-style: normal;

    display: inline-block;

    text-decoration: inherit

}



.icon-connect-profile:before {

    content: "\e1000"

}



.icon-news:before {

    content: "\e1003"

}



.icon-services:before {

    content: "\e1002"

}



.icon-survey:before {

    content: "\e1001"

}



.icon-share-alt-o:before {

    content: "\e1004"

}



.icon-podcast-o:before {

    font-family: Dcom-EDE!important;

    content: "\e938"

}



.icon-phone-o:before {

    content: "\e926"

}



.icon-tick-list:before {

    content: "\e936"

}



.icon-user-o:before {

    content: "\e92b"

}



.icon-home-o:before {

    content: "\e91d"

}



.icon-lock-o:before {

    content: "\e90b"

}



.icon-volume-off-o:before {

    content: "\e914"

}



.icon-volume-down-o:before {

    content: "\e912"

}



.icon-volume-up-o:before {

    content: "\e913"

}



.icon-tag-o:before {

    content: "\e91f"

}



.icon-tags-o:before {

    content: "\e921"

}



.icon-print-o:before {

    content: "\e909"

}



.icon-filter-o:before {

    content: "\e92a"

}



.icon-unlock-o:before {

    content: "\e929"

}



.icon-delicious:before {

    content: "\f1a5"

}



.icon-stumbleupon:before {

    content: "\f1a4"

}



.icon-twitter:before {

    content: "\f099"

}



.icon-facebook:before {

    content: "\f09a"

}



.icon-google:before {

    content: "\f1a0"

}



.icon-instagram:before {

    content: "\f16d"

}



.icon-blog:before {

    content: "\e600"

}



.icon-xing:before {

    content: "\e93d"

}



.icon-weibo:before {

    content: "\f18a"

}



.icon-rss:before,

.icon-rssfeed:before {

    content: "\f09e"

}



.icon-slideshare:before {

    content: "\e601"

}



.icon-vk:before {

    content: "\f189"

}



.icon-renren:before {

    content: "\e604"

}



.icon-pinterest:before {

    content: "\e603"

}



.icon-youku:before {

    content: "\e602"

}



.icon-linkedin:before {

    content: "\f0e1"

}



.icon-google-plus:before,

.icon-googleplus:before {

    content: "\f0d5"

}



.icon-youtube:before {

    content: "\e948"

}



.icon-whatsapp:before {

    content: "\e93e"

}



.icon-glassdoor:before {

    content: "\e605"

}



.icon-countryselector:before,

.icon-global:before {

    content: "\e905"

}



.icon-quick-link:before {

    content: "\e608"

}



.icon-job-search:before {

    content: "\e906"

}



.icon-office-locations:before {

    content: "\e907"

}



.icon-submit-rfp:before {

    content: "\e931"

}



.icon-music:before {

    content: "\f001"

}



.icon-search:before {

    content: "\f002"

}



.icon-email:before {

    content: "\f003"

}



.icon-star:before {

    content: "\f005"

}



.icon-star-o:before {

    content: "\f006"

}



.icon-user:before {

    content: "\f007"

}



.icon-film:before {

    content: "\f008"

}



.icon-zoom-in:before {

    content: "\f00e"

}



.icon-zoom-out:before {

    content: "\f010"

}



.icon-clipboard:before {

    content: "\e933"

}



.icon-phone:before {

    content: "\f095"

}



.icon-file-text-o:before {

    content: "\f0f6"

}



.icon-calendar:before {

    content: "\f073"

}



.icon-unlink:before {

    content: "\f127"

}



.icon-unlock:before {

    content: "\f09c"

}



.icon-bookmark-o:before {

    content: "\f097"

}



.icon-bookmark:before {

    content: "\f02e"

}



.icon-share-alt:before {

    content: "\f1e0"

}



.icon-arrows:before {

    content: "\f046"

}



.icon-upload:before {

    content: "\f093"

}



.icon-download-alt:before {

    content: "\f019"

}



.icon-fullscreen:before {

    content: "\f0b2"

}



.icon-lock:before {

    content: "\f023"

}



.icon-volume-down:before {

    content: "\f027"

}



.icon-volume-up:before {

    content: "\f028"

}



.icon-volume-off:before {

    content: "\f026"

}



.icon-book-o:before {

    content: "\e902"

}



.icon-comments-o:before {

    content: "\e928"

}



.icon-step-backward-o:before {

    content: "\e90f"

}



.icon-fast-backward-o:before {

    content: "\e90d"

}



.icon-backward-o:before {

    content: "\e911"

}



.icon-play-o:before {

    content: "\e920"

}



.icon-forward-o:before {

    content: "\e918"

}



.icon-step-forward-o:before {

    content: "\e90e"

}



.icon-fast-forward-o:before {

    content: "\e910"

}



.custom-rte .quotes:before,

.icon-quote-left:before {

    content: "\f10d"

}



.icon-quote-right:before {

    content: "\f10e"

}



.icon-navicon:before {

    content: "\f0c9"

}



.icon-check:before {

    content: "\f00c"

}



.icon-remove:before {

    content: "\f00d"

}



.icon-photo:before {

    content: "\f03e"

}



.icon-map-marker:before {

    content: "\f041"

}



.icon-share-square-o:before {

    content: "\f045"

}



.icon-check-square-o:before {

    content: "\f047"

}



.icon-step-backward:before {

    content: "\f048"

}



.icon-fast-backward:before {

    content: "\f049"

}



.icon-backward:before {

    content: "\f04a"

}



.icon-play:before {

    content: "\f04b"

}



.icon-pause:before {

    content: "\f04c"

}



.icon-stop:before {

    content: "\f04d"

}



.icon-forward:before {

    content: "\f04e"

}



.icon-fast-forward:before {

    content: "\f050"

}



.icon-step-forward:before {

    content: "\f051"

}



.icon-chevron-left:before {

    content: "\f053"

}



.icon-chevron-right:before {

    content: "\f054"

}



.icon-plus:before {

    content: "\f067"

}



.icon-minus:before {

    content: "\f068"

}



.icon-chevron-up:before {

    content: "\f077"

}



.icon-chevron-down:before {

    content: "\f078"

}



.icon-square-o:before {

    content: "\f096"

}



.icon-square:before {

    content: "\f0c8"

}



.icon-list-ul:before {

    content: "\f0ca"

}



.icon-angle-double-left:before {

    content: "\f100"

}



.icon-angle-double-right:before {

    content: "\f101"

}



.icon-angle-double-up:before {

    content: "\f102"

}



.icon-angle-double-down:before {

    content: "\f103"

}



.icon-angle-left:before {

    content: "\f104"

}



.icon-angle-right:before {

    content: "\f105"

}



.icon-angle-up:before {

    content: "\f106"

}



.icon-angle-down:before {

    content: "\f107"

}



.icon-circle-o:before {

    content: "\f10c"

}



.icon-info:before {

    content: "\f129"

}



.icon-exclamation:before {

    content: "\f12a"

}



.icon-dot-circle-o:before {

    content: "\f192"

}



.icon-external-link:before {

    content: "\f08e"

}



.icon-caret-down:before {

    content: "\f0d7"

}



.icon-caret-up:before {

    content: "\f0d8"

}



.icon-caret-left:before {

    content: "\f0d9"

}



.icon-caret-right:before {

    content: "\f0da"

}



.icon-sort-down:before {

    content: "\f0dd"

}



.icon-sort-up:before {

    content: "\f0de"

}



.icon-question:before {

    content: "\f128"

}



.icon-ellipsis-h:before {

    content: "\f141"

}



.icon-ellipsis-v:before {

    content: "\f142"

}



.contact-list-item .list-item:hover .external-link:after {

    font-family: Dcom-EDE!important;

    content: "\f08e";

    float: right;

    padding-left: 10px

}



.location-link .icon-chevron:before,

.signin .icon-chevron:before {

    content: "\f078"

}



.location-link.active .icon-chevron:before,

.sign-in-link.active .icon-chevron:before {

    content: "\f077"

}



.has-sub-nav .icon-chevron:before {

    content: "\f078"

}



.has-sub-nav.active .icon-chevron:before {

    content: "\f077"

}



.icon-file .path1:before {

    content: "\f15b";

    color: #000

}



.icon-file .path2:before {

    content: "\f15c";

    margin-left: -1em;

    color: #fff

}



.icon-file .path3:before {

    content: "\f15d";

    margin-left: -1em;

    color: #000

}



.countryselector:before {

    font-family: Dcom-EDE;

    content: "\e905";

    font-size: 1.5em;

    vertical-align: -2px;

    float: left;

    margin: -2px 2px 0 0

}



div.global-site-selector>div.welcome-desc.icon-globe:before {

    content: "\e905";

    float: left;

    font-size: 6.7em;

    font-weight: 400;

    margin: 5% 5% 5% -5px;

    opacity: .05

}



div.global-site-selector>div.site-selector .icon-globe:before {

    color: #b1b1b1;

    content: "\e905";

    font-size: 2.3em;

    font-weight: 400;

    left: 5.2%;

    position: absolute;

    top: 56%;

    z-index: 9;

    margin-top: -17px

}



.profiles-cta-icon:before {

    content: "\e1000"

}



.pressreleases-cta-icon:before {

    content: "\e1003"

}



.services-cta-icon:before {

    content: "\e1002"

}



.contactus-cta-icon:before {

    content: "\e926"

}



.careers-cta-icon:before,

.jobsearch-cta-icon:before {

    content: "\e906"

}



.officelocations-cta-icon:before {

    content: "\e907"

}



.submitrfp-cta-icon:before {

    content: "\e931"

}



.articles-cta-icon:before {

    content: "\f0f6"

}



.events-cta-icon:before {

    content: "\f073"

}



.brightcovepodcast .podcast .video-js .vjs-control-bar .vjs-volume-menu-button:before {

    content: "\f028"!important

}



.brightcovepodcast .podcast .video-js .vjs-control-bar .vjs-volume-menu-button.vjs-vol-0:before {

    content: "\f026"!important

}



.brightcovepodcast .podcast .video-js .vjs-control-bar .vjs-play-control:before {

    content: "\f04b"!important

}



.brightcovepodcast .podcast .video-js .vjs-control-bar .vjs-play-control.vjs-playing:before {

    content: "\f04c"!important

}



.author-panel .profile-txt .social-media-wrapper ul li a.icon-facebook,

.pop-up .profile-boxes .social-media-wrapper ul li a.icon-facebook,

.wrapper.profile-page .contact-links a.icon-facebook {

    border-color: #3b5998;

    color: #3b5998

}



.author-panel .profile-txt .social-media-wrapper ul li a.icon-facebook:hover,

.pop-up .profile-boxes .social-media-wrapper ul li a.icon-facebook:hover,

.wrapper.profile-page .contact-links a.icon-facebook:hover {

    background: #3b5998;

    color: #fff!important

}



.author-panel .profile-txt .social-media-wrapper ul li a.icon-linkedin,

.pop-up .profile-boxes .social-media-wrapper ul li a.icon-linkedin,

.wrapper.profile-page .contact-links a.icon-linkedin {

    border-color: #007bb6;

    color: #007bb6

}



.author-panel .profile-txt .social-media-wrapper ul li a.icon-linkedin:hover,

.pop-up .profile-boxes .social-media-wrapper ul li a.icon-linkedin:hover,

.wrapper.profile-page .contact-links a.icon-linkedin:hover {

    background: #007bb6;

    color: #fff!important

}



.author-panel .profile-txt .social-media-wrapper ul li a.icon-twitter,

.pop-up .profile-boxes .social-media-wrapper ul li a.icon-twitter,

.wrapper.profile-page .contact-links a.icon-twitter {

    border-color: #00aced;

    color: #00aced

}



.author-panel .profile-txt .social-media-wrapper ul li a.icon-twitter:hover,

.pop-up .profile-boxes .social-media-wrapper ul li a.icon-twitter:hover,

.wrapper.profile-page .contact-links a.icon-twitter:hover {

    background: #00aced;

    color: #fff!important

}



.author-panel .profile-txt .social-media-wrapper ul li a.icon-google-plus,

.author-panel .profile-txt .social-media-wrapper ul li a.icon-googleplus,

.pop-up .profile-boxes .social-media-wrapper ul li a.icon-google-plus,

.pop-up .profile-boxes .social-media-wrapper ul li a.icon-googleplus,

.wrapper.profile-page .contact-links a.icon-google-plus,

.wrapper.profile-page .contact-links a.icon-googleplus {

    border-color: #dd4b39;

    color: #dd4b39

}



.author-panel .profile-txt .social-media-wrapper ul li a.icon-google-plus:hover,

.author-panel .profile-txt .social-media-wrapper ul li a.icon-googleplus:hover,

.pop-up .profile-boxes .social-media-wrapper ul li a.icon-google-plus:hover,

.pop-up .profile-boxes .social-media-wrapper ul li a.icon-googleplus:hover,

.wrapper.profile-page .contact-links a.icon-google-plus:hover,

.wrapper.profile-page .contact-links a.icon-googleplus:hover {

    background: #dd4b39;

    color: #fff!important

}



.author-panel .profile-txt .social-media-wrapper ul li a.icon-xing,

.pop-up .profile-boxes .social-media-wrapper ul li a.icon-xing,

.wrapper.profile-page .contact-links a.icon-xing {

    border-color: #026466;

    color: #026466

}



.author-panel .profile-txt .social-media-wrapper ul li a.icon-xing:hover,

.pop-up .profile-boxes .social-media-wrapper ul li a.icon-xing:hover,

.wrapper.profile-page .contact-links a.icon-xing:hover {

    background: #026466;

    color: #fff!important

}



.author-panel .profile-txt .social-media-wrapper ul li a.icon-vk,

.pop-up .profile-boxes .social-media-wrapper ul li a.icon-vk,

.wrapper.profile-page .contact-links a.icon-vk {

    border-color: #45668e;

    color: #45668e

}



.author-panel .profile-txt .social-media-wrapper ul li a.icon-vk:hover,

.pop-up .profile-boxes .social-media-wrapper ul li a.icon-vk:hover,

.wrapper.profile-page .contact-links a.icon-vk:hover {

    background: #45668e;

    color: #fff!important

}



.author-panel .profile-txt .social-media-wrapper ul li a.icon-weibo,

.pop-up .profile-boxes .social-media-wrapper ul li a.icon-weibo,

.wrapper.profile-page .contact-links a.icon-weibo {

    border-color: #e6162d;

    color: #e6162d

}



.author-panel .profile-txt .social-media-wrapper ul li a.icon-weibo:hover,

.pop-up .profile-boxes .social-media-wrapper ul li a.icon-weibo:hover,

.wrapper.profile-page .contact-links a.icon-weibo:hover {

    background: #e6162d;

    color: #fff!important

}



.author-panel .profile-txt .social-media-wrapper ul li a.icon-pinterest,

.pop-up .profile-boxes .social-media-wrapper ul li a.icon-pinterest,

.wrapper.profile-page .contact-links a.icon-pinterest {

    border-color: #cc2127;

    color: #cc2127

}



.author-panel .profile-txt .social-media-wrapper ul li a.icon-pinterest:hover,

.pop-up .profile-boxes .social-media-wrapper ul li a.icon-pinterest:hover,

.wrapper.profile-page .contact-links a.icon-pinterest:hover {

    background: #cc2127;

    color: #fff!important

}



.author-panel .profile-txt .social-media-wrapper ul li a.icon-renren,

.pop-up .profile-boxes .social-media-wrapper ul li a.icon-renren,

.wrapper.profile-page .contact-links a.icon-renren {

    border-color: #005eac;

    color: #005eac

}



.author-panel .profile-txt .social-media-wrapper ul li a.icon-renren:hover,

.pop-up .profile-boxes .social-media-wrapper ul li a.icon-renren:hover,

.wrapper.profile-page .contact-links a.icon-renren:hover {

    background: #005eac;

    color: #fff!important

}



.author-panel .profile-txt .social-media-wrapper ul li a.icon-blog,

.pop-up .profile-boxes .social-media-wrapper ul li a.icon-blog,

.wrapper.profile-page .contact-links a.icon-blog {

    border-color: #3c8a2e;

    color: #3c8a2e

}



.author-panel .profile-txt .social-media-wrapper ul li a.icon-blog:hover,

.pop-up .profile-boxes .social-media-wrapper ul li a.icon-blog:hover,

.wrapper.profile-page .contact-links a.icon-blog:hover {

    background: #3c8a2e;

    color: #fff!important

}



.author-panel .profile-txt .social-media-wrapper ul li a.icon-youTube,

.pop-up .profile-boxes .social-media-wrapper ul li a.icon-youTube,

.wrapper.profile-page .contact-links a.icon-youTube {

    border-color: #b00;

    color: #b00

}



.author-panel .profile-txt .social-media-wrapper ul li a.icon-youTube:hover,

.pop-up .profile-boxes .social-media-wrapper ul li a.icon-youTube:hover,

.wrapper.profile-page .contact-links a.icon-youTube:hover {

    background: #b00;

    color: #fff!important

}



.author-panel .profile-txt .social-media-wrapper ul li a.icon-rss,

.author-panel .profile-txt .social-media-wrapper ul li a.icon-rssfeed,

.pop-up .profile-boxes .social-media-wrapper ul li a.icon-rss,

.pop-up .profile-boxes .social-media-wrapper ul li a.icon-rssfeed,

.wrapper.profile-page .contact-links a.icon-rss,

.wrapper.profile-page .contact-links a.icon-rssfeed {

    border-color: #fa9b39;

    color: #fa9b39

}



.author-panel .profile-txt .social-media-wrapper ul li a.icon-rss:hover,

.author-panel .profile-txt .social-media-wrapper ul li a.icon-rssfeed:hover,

.pop-up .profile-boxes .social-media-wrapper ul li a.icon-rss:hover,

.pop-up .profile-boxes .social-media-wrapper ul li a.icon-rssfeed:hover,

.wrapper.profile-page .contact-links a.icon-rss:hover,

.wrapper.profile-page .contact-links a.icon-rssfeed:hover {

    background: #fa9b39;

    color: #fff!important

}



.author-panel .profile-txt .social-media-wrapper ul li a.icon-glassdoor,

.pop-up .profile-boxes .social-media-wrapper ul li a.icon-glassdoor,

.wrapper.profile-page .contact-links a.icon-glassdoor {

    border-color: #60aa27;

    color: #60aa27

}



.author-panel .profile-txt .social-media-wrapper ul li a.icon-glassdoor:hover,

.pop-up .profile-boxes .social-media-wrapper ul li a.icon-glassdoor:hover,

.wrapper.profile-page .contact-links a.icon-glassdoor:hover {

    background: #60aa27;

    color: #fff!important

}



.author-panel .profile-txt .social-media-wrapper ul li a.icon-whatsapp,

.pop-up .profile-boxes .social-media-wrapper ul li a.icon-whatsapp,

.wrapper.profile-page .contact-links a.icon-whatsapp {

    border-color: #43d854;

    color: #43d854

}



.author-panel .profile-txt .social-media-wrapper ul li a.icon-whatsapp:hover,

.pop-up .profile-boxes .social-media-wrapper ul li a.icon-whatsapp:hover,

.wrapper.profile-page .contact-links a.icon-whatsapp:hover {

    background: #43d854;

    color: #fff!important

}



input.dcom-checkbox[type=checkbox],

input.dcom-radio[type=radio],

input.form_field_checkbox,

input.form_field_radio {

    display: none

}



input.dcom-checkbox[type=checkbox]+label.input-label,

input.dcom-radio[type=radio]+label.input-label,

input.form_field_checkbox+label.input-label,

input.form_field_radio+label.input-label {

    background-repeat: no-repeat;

    cursor: pointer;

    display: inline-block;

    height: 16px;

    vertical-align: middle;

    line-height: 16px

}



input.dcom-checkbox[type=checkbox]+label.input-label,

input.form_field_checkbox+label.input-label {

    background-position: -3px -109px

}



input.dcom-checkbox[type=checkbox]:checked+label.input-label,

input.form_field_checkbox:checked+label.input-label {

    background-position: -3px -125px

}



input.dcom-radio[type=radio]+label.input-label,

input.form_field_radio+label.input-label {

    background-position: -3px -77px

}



input.dcom-radio[type=radio]:checked+label.input-label,

input.form_field_radio:checked+label.input-label {

    background-position: -3px -93px

}



.customcheckbox.section .form_row .form_rightcol,

.customradio.section .form_row .form_rightcol {

    margin-bottom: 10px

}



.checkbox.section .form_row .form_rightcol label p {

    line-height: 16px;

    display: inline

}



.button,

.capture_saveButton,

.form_button,

.form_button_reset,

.form_button_submit,

button a {

    padding: 1em 3em 1.1em;

    font-weight: 700!important;

    text-decoration: none;

    display: inline-block;

    text-align: center

}



.btn-white,

.form_captcha_refresh .form_button {

    color: #00a3e0!important;

    background: #fff;

    background-size: 100% 250%;

    border: 1px solid #d2d4cd;

    border-color: #DEDEDE #d0d0ce #bbbcbc

}



.btn-white a:hover,

.btn-white:hover,

.form_captcha_refresh .form_button:hover {

    background-position: 0 99%

}



.btn-white:active,

.form_captcha_refresh .form_button:active {

    border-top-color: #d0d0ce

}



.btn-white a:hover {

    -webkit-transition: all .3s linear;

    -moz-transition: all .3s linear;

    -o-transition: all .3s linear;

    -ms-transition: all .3s linear;

    transition: all .3s linear

}



.btn-blue,

.capture_saveButton,

.form_button,

.form_button_reset,

.form_button_submit {

    color: #fff;

    background: #00a3e0;

    background-size: 100% 250%

}



.btn-blue:hover,

.capture_saveButton:hover,

.form_button:hover,

.form_button_reset:hover,

.form_button_submit:hover {

    -webkit-transition: all .3s linear;

    -moz-transition: all .3s linear;

    -o-transition: all .3s linear;

    -ms-transition: all .3s linear;

    transition: all .3s linear;

    background: #4cceff

}



.btn-blue a:hover,

.btn-grey {

    -webkit-transition: all .3s linear;

    -moz-transition: all .3s linear;

    -o-transition: all .3s linear;

    -ms-transition: all .3s linear

}



.btn-blue:active,

.capture_saveButton:active,

.form_button:active,

.form_button_reset:active,

.form_button_submit:active {

    text-decoration: none;

    background: #007ead;

    color: #fff;

    border-color: #007ead

}



.btn-blue a:hover {

    background-position: 0 99%;

    transition: all .3s linear

}



.btn-blue .audible {

    padding: .5em 1em;

    font-size: 1.4em;

    color: #00a3e0;

    margin: 2% .5% 0

}



.btn-grey {

    color: #fff!important;

    background: 0 #9e9e9e;

    background-size: 100% 250%;

    border: 1px solid #d2d4cd;

    transition: all .3s linear

}



.btn-grey:hover {

    background-position: 0 99%;

    -webkit-transition: all .3s linear;

    -moz-transition: all .3s linear;

    -o-transition: all .3s linear;

    -ms-transition: all .3s linear;

    transition: all .3s linear

}



.btn-grey:active {

    -webkit-box-shadow: inset 0 5px 20px #7f7f7f;

    -moz-box-shadow: inset 0 5px 20px #7f7f7f;

    box-shadow: inset 0 5px 20px #7f7f7f

}



.formcomponent div.section {

    margin-bottom: 1em

}



.form_field_text,

.form_field_textarea {

    width: 100%

}



.form_rightcol_wrapper .form_field_textarea {

    color: #000

}



form .form_row {

    color: #000;

    line-height: 24px

}



.form_row,

.form_row_description {

    font-size: 1.4em;

    color: #000;

    font-weight: 400;

    margin-bottom: .5em;

    clear: both

}



.section.checkbox .form_row,

.section.radio .form_row {

    line-height: 16px

}



.form_field.form_field_file {

    background: 0 0;

    border: 1px solid #d0d0ce;

    color: #d2d4cd;

    display: block;

    font-size: 1em

}



.form_field.form_field_file input[type=file] {

    -webkit-background-size: 100% 250%;

    -moz-background-size: 100% 250%;

    -webkit-transition: -all .3s linear;

    -moz-transition: -all .3s linear;

    -o-transition: -all .3s linear;

    -ms-transition: -all .3s linear;

    transition: -all .3s linear;

    color: #fff;

    border: 1px solid #0090c7;

    background-image: -webkit-gradient(linear, left top, left bottom, from(#5fd3ff), to(#0090c7));

    background-image: -webkit-linear-gradient(0deg, #5fd3ff, #0090c7);

    background-image: -o-linear-gradient(0deg, #5fd3ff, #0090c7);

    background: #0090c7

}



.form_rightcol_wrapper .form_field_textarea {

    background: none;

    border: 1px solid #d0d0ce;

    padding: 5px;

    width: 70%;

    border-radius: 0

}



.form .form_field_textarea,

.form_rightcol .form_captcha_input .form_field_text,

.form_rightcol .form_rightcol_wrapper .form_field_text,

.upload .form_rightcol .form_field_file {

    background: 0 0;

    border: 1px solid #d0d0ce;

    padding: 5px;

    width: 50%;

    border-radius: 0

}



.form_field_select {

    width: 50%;

    padding: 5px;

    font-size: 1.2em

}



.form_button,

.form_button_reset,

.form_button_submit {

    font-size: 1.1em;

    margin: 0 2% 0 0;

    padding: .5em 2em

}



.dropdown .form_row .form_rightcol {

    width: 52%;

    height: 30px

}



.dropdown .form_row .form_rightcol.form_error {

    padding: 4px 0 0 4px;

    width: 100%

}



.dropdown .form_row .form_rightcol select {

    background: none;

    border: 1px solid #d0d0ce;

    padding: 5px;

    width: 100%;

    cursor: pointer;

    font-size: 1em;

    font-weight: 400;

    color: #000;

    -moz-appearance: none;

    -webkit-appearance: none;

    border-radius: 0

}



.dropdown .form_row .form_rightcol select option {

    width: 96%;

    padding: 0 2%;

    font-size: 1em;

    font-weight: 400;

    color: #000

}



.dropdown .form_row .form_rightcol.error-border {

    border-color: red

}



.form_row .form_rightcol .form_field .form_field_file {

    width: 100%

}



.form_rightcol.file_form_error,

.form_rightcol.file_type_error,

.form_rightcol.form_error {

    width: 100%;

    padding: 4px;

    line-height: 25px;

    margin: -4px 0 -4px -4px;

    position: relative;

    top: -34px;

    font-size: 1.1em;

    font-weight: 400;

    color: #e30613

}



.file_form_error,

.file_type_error,

.form_error,

.form_error_title {

    color: #e30613;

    font-size: 1.1em

}



form .file_form_error,

form .file_type_error,

form .form_error,

form .form_error_title {

    font-size: 1.4em;

    font-weight: 400

}



.checkbox.section .form_rightcol.form_error {

    top: -18px

}



.captcha .form_row_description:empty+.form_row .form_error {

    top: -53px

}



.section.upload .form_rightcol.form_error {

    top: -25px

}



.form_captcha_refresh {

    clear: both;

    margin-top: .3em;

    float: left!important

}



.form_captchatimer,

.form_captchatimer_bar {

    height: 20px;

    display: none

}



.form_leftcol .form_leftcollabel,

.form_leftcol .form_leftcolmark {

    display: inline-block

}



.error-message {

    color: red;

    display: none;

    background: #ffe1e1;

    width: 51%;

    padding: 4px;

    line-height: 19px;

    margin: 0

}



.required-field {

    color: #bbbcbc;

    font-size: 13px;

    font-weight: 700;

    display: inline-block;

    padding: 2px

}



form .form_leftcolmark {

    float: left;

    padding-left: 0!important;

    font-weight: 700;

    color: #bbbcbc!important

}



.dropdown .form_row.industry_select .form_rightcol.form_error,

.dropdown .form_row.topic_select .form_rightcol.form_error,

.form_rightcol.file_form_error,

.form_rightcol.file_type_error {

    display: none;

    top: 0;

    padding-bottom: 10px

}



.form_captcha_refresh .form_button,

.form_rightcol .form_button_submit {

    padding: .5em 2em;

    font-size: 1.077em;

    border: none;

    border-radius: 2px

}



.form_row_description+.form_row {

    height: 30px

}



form .form_row_description {

    color: #75787b

}



.checkbox.section input[type=checkbox] {

    margin-left: -9999px;

    height: 0

}



.checkbox.section input[type=checkbox]:focus+label,

.dropdown .form_row .form_rightcol select:focus,

.form_button_submit:focus,

.upload .form_rightcol .form_field_file:focus {

    outline: dotted 1px

}



.form .form_field_textarea:focus,

.form_rightcol .form_captcha_input .form_field_text:focus,

.form_rightcol .form_rightcol_wrapper .form_field_text:focus,

.form_rightcol_wrapper .form_field_textarea:focus {

    outline: 0

}



.form-section fieldset {

    border: none

}



legend {

    width: 100%;

    margin-left: auto

}



@media screen and (min-width:768px) and (max-width:1023px) {

    .form .form_field_textarea,

    .form_rightcol .form_captcha_input .form_field_text,

    .form_rightcol .form_rightcol_wrapper .form_field_text,

    .upload .form_rightcol .form_field_file {

        width: 70%

    }

    .dropdown .form_row .form_rightcol {

        width: 72%

    }

}



@media screen and (max-width:767px) {

    .form .form_field_textarea,

    .form_rightcol .form_captcha_input .form_field_text,

    .form_rightcol .form_rightcol_wrapper .form_field_text,

    .upload .form_rightcol .form_field_file {

        width: 96%

    }

    .gigya-label,

    input[name=email],

    input[name=username],

    input[name=password] {

        width: 96%!important

    }

    .dropdown .form_row .form_rightcol {

        width: 92%

    }

    .section.end {

        padding: 2% 4%;

        top: -20px

    }

}



.clearfix:after,

.clearfix:before {

    content: " ";

    display: table

}



#header {

    background: #000;

    width: 100%;

    position: fixed;

    z-index: 1500;

    text-align: center

}



#header .header-container {

    padding: 10px 0;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    width: 100%;

    text-align: left!important

}



#header .header-container .column {

    min-height: 10px;

    float: left;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box

}



#header .header-container .column.logo {

    width: 24.5%;

    height: 70px

}



#header .header-container .column.logo .deloitte-logo {

    height: 70px!important

}



#header .header-container .column.logo .deloitte-logo img {

    height: inherit!important

}



#header .header-container .column.search {

    width: 32.5%;

    margin: 18px 0 0;

    position: relative

}



#header .header-container .column.navigation {

    width: 43%

}



#header .header-container .column.navigation ul.main-nav li.subnav-item a.subnav-item-anchor {

    font-size: 1.8em

}



#header .header-container .column.navigation ul.sub-nav-menu li.no-click-close a.no-click-close {

    font-size: 1.4em

}



#header .header-container .column.navigation,

#header .header-container .column.search {

    display: block;

    padding-left: 1%

}



#header li {

    list-style: none

}



#header .header-button,

#header .mobile-search-close {

    display: none

}



#header .header-button,

#header .mobile-search-close,

#header .search-input,

#header .sticky-top,

#header .submit-button {

    -moz-transition: all .5s ease-in-out .1s;

    -webkit-transition: all .5s ease-in-out .1s;

    -ms-transition: all .5s ease-in-out .1s;

    -o-transition: all .5s ease-in-out .1s;

    transition: all .5s ease-in-out .1s

}



#header .navigation ul {

    text-align: right;

    padding: 0;

    width: 100%

}



#header .logo {

    padding-bottom: 0

}



#header .logo a:hover {

    border-bottom: none!important

}



#header .search-input {

    background: #e5f6fc;

    border: 1px solid #ade9ff;

    width: 100%;

    display: block;

    -webkit-border-radius: .3em;

    -webkit-background-clip: padding-box;

    -moz-border-radius: .3em;

    -moz-background-clip: padding;

    border-radius: .3em;

    background-clip: padding-box;

    font-size: 1.8em;

    color: #000;

    padding: .6em 2em .6em .8em

}



#header .search-input input::-webkit-input-placeholder {

    color: #FFF!important

}



#header .search-input input::-ms-input-placeholder {

    color: #FFF

}



#header .search-input input::-moz-input-placeholder {

    color: #FFF;

    opacity: 1

}



#header .search-input.active,

#header .search-input:active,

#header .search-input:focus {

    border: 1px solid #00a3e0;

    -webkit-box-shadow: 0 0 6px #72c7e7, 0 0 6px #72c7e7;

    -moz-box-shadow: 0 0 6px #72c7e7, 0 0 6px #72c7e7;

    box-shadow: 0 0 6px #72c7e7, 0 0 6px #72c7e7

}



#header .search-input.active::-moz-placeholder,

#header .search-input.active::-webkit-input-placeholder,

#header .search-input:active::-moz-placeholder,

#header .search-input:active::-webkit-input-placeholder,

#header .search-input:focus::-moz-placeholder,

#header .search-input:focus::-webkit-input-placeholder {

    color: transparent

}



#header .submit-button {

    background: none;

    border: 0;

    font-size: 1.6em;

    position: absolute;

    right: .6em;

    top: 1px;

    line-height: 2em;

    color: #fff;

    padding: 0;

    cursor: pointer

}



#header .breadcrumb-section-bar {

    border-top: 1px solid #53565a

}



#header .breadcrumb-container {

    max-width: 1200px;

    margin: 0 auto

}



#header .language-display {

    color: #bbbcbc;

    text-align: right;

    width: 100%;

    padding: .5em 0

}



#header .language-display li {

    margin: 0;

    font-size: 1.2em;

    display: inline

}



#header .language-display li a {

    color: #bbbcbc

}



#header .language-display li a.active {

    color: #fff;

    font-weight: 500;

    cursor: text

}



#header .header-wrapper {

    max-width: 1200px;

    margin: 0 auto

}



@media screen and (min-width:768px) and (max-width:768px) {

    #header .header-container .column.search {

        width: 29.5%

    }

    #header .header-container .column.navigation {

        width: 46%

    }

}



@media screen and (min-width:768px) and (max-width:1024px) {

    #header .breadcrumb-container,

    #header .header-container {

        width: 96%

    }

    #header .header-container .column.navigation ul.main-nav li.subnav-item .sub-nav-menu-items .menu-row a strong,

    #header .header-container .column.navigation ul.main-nav li.subnav-item a.subnav-item-anchor {

        font-size: 1.6em

    }

}



@media screen and (min-width:260px) and (max-width:767px) {

    #header .breadcrumb-container {

        max-width: 1200px;

        width: 92%;

        margin: 0 auto

    }

    #header {

        position: relative;

        overflow: visible

    }

    #header .bilingual-logo-template .header-container {

        height: 95px

    }

    #header .bilingual-logo-template .header-container .column.logo .deloitte-logo {

        height: 95px!important

    }

    #header .header-container {

        padding: .1em 0 0;

        width: 100%;

        height: 75px;

        border-bottom: 0;

        display: block

    }

    #header .header-container .column.search .submit-button {

        right: 5.5%;

        top: 11px;

        height: auto

    }

    #header .header-container .column.logo {

        float: none;

        text-align: center;

        width: 100%;

        height: inherit!important

    }

    #header .header-container .column.logo .deloitte-logo {

        height: 75px!important

    }

    #header .header-container .mobile-search-button {

        right: 1em;

        top: 1em

    }

    #header .header-container .header-button {

        display: block!important

    }

    #header .header-container .mobile-search-close {

        border: 0;

        color: #f8f8f8;

        font-size: 2em;

        left: 0;

        line-height: 1.7em;

        position: absolute;

        width: 2.2em;

        background-color: #000

    }

    #header .header-container .mobile-search-close:focus i {

        outline: dotted 1px

    }

    #header .header-container #bottom,

    #header .header-container #top,

    #header .header-container .mobile-search-close {

        display: block

    }

    #header .header-container .mobile-nav-button {

        left: 1.2em

    }

    #header .header-container .header-button {

        border-radius: 100%;

        color: #97999b;

        height: 3.9em;

        background: #000;

        position: absolute;

        width: 3.9em;

        right: 1.2em;

        top: 1.8em;

        border: 2px solid #97999b;

        font-size: 100%

    }

    #header .header-container .header-button i {

        font-size: 2.4em;

        vertical-align: middle;

        position: absolute;

        left: 50%;

        top: 50%;

        margin-left: -12px;

        margin-top: -12px

    }

    #header .header-container .column.search {

        float: none;

        z-index: 10;

        display: none;

        padding: 1em 5% 5% 2%;

        width: 100%;

        position: absolute;

        top: 0;

        margin-left: 768px;

        background-color: #000;

        margin-top: 2%

    }

    #header .header-container .column.search .search-input {

        float: right;

        width: 87%

    }

    #header .header-container .column.navigation {

        padding: 0;

        float: none;

        left: 0;

        margin: 0;

        overflow: auto;

        position: relative;

        width: 100%;

        display: none;

        background: #393939

    }

    #header .header-container .column.navigation ul {

        margin: 0;

        padding: 0;

        text-align: left

    }

    #header .header-container .column.navigation ul.main-nav,

    #header .header-container .column.navigation ul.topline-nav {

        float: none

    }

    #header .header-container .column.navigation ul.topline-nav li {

        border-right: 0

    }

    #header .header-container .column.navigation ul.topline-nav li.signin {

        float: none;

        display: block;

        margin-left: 0

    }

    #header .header-container .column.navigation ul.topline-nav li.signin li a {

        margin: 0;

        padding: 0 4%;

        width: 92%;

        border-bottom: 1px solid #f1f1f1

    }

    #header .header-container .column.navigation ul.topline-nav li.countryselector {

        margin: 0

    }

    #header .header-container .column.navigation ul.topline-nav li.about-link,

    #header .header-container .column.navigation ul.topline-nav li.contactus-link,

    #header .header-container .column.navigation ul.topline-nav li.countryselector {

        border-bottom: 1px solid #f1f1f1;

        padding: 0 4%

    }

    #header .header-container .column.navigation ul.topline-nav li a {

        width: auto

    }

    #header .header-container .column.navigation ul li {

        display: block;

        line-height: 3.8em;

        margin: 0;

        padding: 0

    }

    #header .header-container .column.navigation ul li .sub-nav ul li a {

        display: table-cell;

        line-height: 1.6em;

        text-align: left;

        vertical-align: middle

    }

    #header .header-container .column.navigation ul.main-nav li.subnav-item a.subnav-item-anchor {

        padding: 0 4%;

        border-bottom: 1px solid #f1f1f1;

        width: 92%;

        display: block;

        font-size: 1.4em

    }

    #header .header-container .column.navigation ul.main-nav li.subnav-item a.subnav-item-anchor i {

        float: right;

        padding-left: 0;

        font-size: 1em;

        margin-top: 14px

    }

    #header .header-container .column.navigation ul.main-nav li.subnav-item.last a.subnav-item-anchor {

        border-bottom: 0

    }

    #header .header-container .column.navigation ul.main-nav li.subnav-item .sub-nav .sub-nav-menu-wrapper {

        width: 100%

    }

    #header .header-container .column.navigation ul.main-nav li.subnav-item .sub-nav .sub-nav-menu-wrapper .sub-nav-menu-items {

        display: block;

        width: 100%;

        border-top: 2px solid #86bc25;

        padding-left: 0

    }

    #header .header-container .column.navigation ul.main-nav li.subnav-item .sub-nav .sub-nav-menu-wrapper .sub-nav-menu-items .menu-row {

        float: none;

        display: block;

        width: 100%

    }

    #header .header-container .column.navigation ul.main-nav li.subnav-item .sub-nav .sub-nav-menu-wrapper .sub-nav-menu-items .menu-row.empty {

        display: none

    }

    #header .header-container .column.navigation ul.main-nav li.subnav-item .sub-nav .sub-nav-menu-wrapper .sub-nav-menu-items .menu-row:last-child {

        padding-bottom: 0

    }

    #header .header-container .column.navigation ul.main-nav li.subnav-item .sub-nav .sub-nav-menu-wrapper .sub-nav-menu-items .menu-row .sub-menu-items {

        display: block;

        width: 100%;

        padding: 4%;

        border-bottom: 1px solid #ccc

    }

    #header .header-container .column.navigation ul.main-nav li.subnav-item .sub-nav .sub-nav-menu-wrapper .sub-nav-menu-items .menu-row .sub-menu-items ul li {

        margin-bottom: 5px

    }

    #header .header-container .column.navigation ul.main-nav li.subnav-item .sub-nav .sub-nav-menu-wrapper .sub-nav-menu-items .menu-row .sub-menu-items.empty,

    #header .header-container .column.navigation ul.main-nav li.subnav-item .sub-nav .sub-nav-menu-wrapper .whats-new-section {

        display: none

    }

    #header .header-container .column.navigation ul.main-nav li.no-anchor span {

        padding: 0 4%;

        width: 92%

    }

    #header .navigation,

    #header .search,

    .sub-nav-menu {

        padding: 0

    }

    #header .header-container .column.navigation ul.main-nav .contact-us-link {

        border-bottom: 0;

        font-weight: 500

    }

    #header .header-container .column.navigation ul.main-nav .contact-us-link li {

        border: none!important

    }

    #header .header-container .column.navigation ul.main-nav .sub-nav {

        background: #000;

        position: inherit!important

    }

    #header .header-container .column.navigation ul.sub-nav-menu li.no-click-close a.no-click-close {

        font-size: 1.2em

    }

    #header .header-container .navigation ul {

        width: auto

    }

    .sub-nav,

    input.location {

        width: 100%

    }

    #header .logo img {

        position: relative

    }

    .location {

        float: left

    }

    .wrapper {

        margin: 0 auto

    }

    .sub-nav,

    .sub-nav ul {

        left: 0;

        margin: 0;

        padding: 0;

        position: relative;

        top: 0

    }

    .sub-nav {

        position: static

    }

    .breadcrumb-section-bar {

        border-top: 1px solid #f1f1f1

    }

    .sub-nav-menu li {

        display: inline!important;

        width: 2em

    }

    .sub-nav-menu li a {

        float: left!important;

        background-color: #393939!important;

        color: #62b5e5!important;

        margin: .4em .4em .6em;

        display: inline-block;

        padding: .2em .8em;

        -webkit-box-shadow: 1px 1px 1px #393939;

        -moz-box-shadow: 1px 1px 1px #393939;

        box-shadow: 1px 1px 1px #393939;

        -webkit-border-radius: .3em 0 0 .3em;

        -webkit-background-clip: padding-box;

        -moz-border-radius: .3em 0 0 .3em;

        -moz-background-clip: padding;

        border-radius: .3em 0 0 .3em;

        background-clip: padding-box;

        position: relative

    }

    .sub-nav-menu li a:after {

        right: -.2em

    }

    #header .header-wrapper.bilingual-logo-template .header-container .column.search {

        padding-bottom: 12%

    }

}



.social-media-links ul li a:focus,

.social-share-links ul li a:focus,

.sponsor-logo a:focus img {

    outline: #00a3e0 dotted 1px

}



#header .bilingual-logo-template .column.logo {

    padding: 0

}



.bilingual-logo-template .logo-deloitte {

    height: 52px

}



[class*=" bilingual-logo-cn-"],

[class^=bilingual-logo-cn-] {

    background-position: -3px -611px!important

}



[class*=" bilingual-logo-tw-"],

[class^=bilingual-logo-tw-] {

    background-position: -3px -784px!important

}



[class*=" bilingual-logo-jp-"],

[class^=bilingual-logo-jp-] {

    background-position: -3px -968px!important

}



[class*=" bilingual-logo-re-en"],

[class^=bilingual-logo-re-en] {

    width: 207px;

    height: 36px;

    background-image: url(/content/dam/resources/reff/icons/reff-logo-en-sprite-V1.png);

    background-position: 0 8px

}



[class*=" bilingual-logo-re-ro"],

[class^=bilingual-logo-re-ro] {

    width: 207px;

    height: 36px;

    background-image: url(/content/dam/resources/reff/icons/reff-logo-ro-sprite-V1.png);

    background-position: 5px 8px

}



@media screen and (max-width:767px) {

    #header .bilingual-logo-template .column.logo {

        padding-top: 10px

    }

}



@media screen and (min-device-width:768px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:2) {

    [class*=" bilingual-logo-jp-"],

    [class^=bilingual-logo-jp-] {

        background-position: 2px -415px

    }

    [class*=" bilingual-logo-re-"],

    [class^=bilingual-logo-re-] {

        background-position: 0 -129px;

        background-size: 85%

    }

    [class*=" bilingual-logo-re-ro"],

    [class^=bilingual-logo-re-ro] {

        background-position: 0 -16px;

        background-size: 85%

    }

}



@media screen and (min-device-width:604px) and (max-device-width:966px) and (-webkit-min-device-pixel-ratio:1.3) {

    [class*=" bilingual-logo-jp-"],

    [class^=bilingual-logo-jp-] {

        background-position: 2px -415px

    }

}



@media screen and (max-device-width:640px) and (-webkit-min-device-pixel-ratio:1) {

    [class*=" bilingual-logo-jp-"],

    [class^=bilingual-logo-jp-] {

        background-position: 2px -424px

    }

    [class*=" bilingual-logo-re-"],

    [class^=bilingual-logo-re-] {

        background-position: 9px -155px;

        background-size: 98%

    }

    [class*=" bilingual-logo-re-ro"],

    [class^=bilingual-logo-re-ro] {

        background-position: 27px -18px;

        background-size: 98%

    }

}



.container.wrapper.bilingual-logo-re-en,

.container.wrapper.bilingual-logo-re-ro {

    height: 18px;

    background-position: 5px 8px;

    top: 8px;

    left: 10px

}



.container.wrapper.bilingual-logo-re-en {

    background: url(/content/dam/resources/deloitte/icons/reff-logo-en-sprite-V1.png) no-repeat

}



.container.wrapper.bilingual-logo-re-ro {

    background: url(/content/dam/resources/deloitte/icons/reff-logo-ro-sprite-V1.png) no-repeat

}



.container.wrapper.bilingual-logo-re-en img,

.container.wrapper.bilingual-logo-re-ro img {

    display: none

}



.dual-logo-container a span,

.dual-logo-template span.dual-logo {

    background-image: url(/etc/designs/dcom/assets/images/dcom-sprite-v6.png);

    background-repeat: no-repeat;

    display: inline-block;

    height: 22px;

    width: 88px

}



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

    #header .dual-logo-container {

        float: right;

        padding: 1.5em 0;

        width: 20%;

        text-align: right

    }

    #header .dual-logo-nav {

        float: left;

        width: 77%;

        margin-right: 1%

    }

    #header .column.logo a.deloitte-logo span.dual-logo {

        display: none

    }

    .dual-logo-template .topline-nav li {

        display: inline-block

    }

    .dual-logo-template .topline-nav div.countryselector {

        margin: 0 0 0 .4em

    }

}



@media screen and (max-width:767px) {

    #header .header-container .dual-logo-container {

        display: none

    }

    #header .column.logo a.deloitte-logo span.dual-logo {

        margin-left: 6%

    }

}



@media screen and (max-width:370px) {

    #header .dual-logo-template .column.logo {

        width: 66%;

        margin: 0 auto

    }

    #header .column.logo a.deloitte-logo span.dual-logo {

        margin-left: 2%

    }

    :lang(ja) #header .column.logo a.deloitte-logo span.dual-logo {

        margin-left: 0

    }

}



[class*=" dual-logo-jp-"],

[class^=dual-logo-jp-] {

    background-position: 0 -36px

}



.social-share-links ul li {

    display: inline-block;

    margin: 0 1em 0 0;

    font-size: 18px;

    text-align: center

}



.social-share-links ul li a {

    color: #fff;

    vertical-align: middle;

    display: table-cell;

    -webkit-border-radius: 100%;

    -moz-border-radius: 100%;

    border-radius: 100%;

    background-clip: padding-box;

    width: 32px;

    height: 32px

}



.social-share-links ul li:last-child {

    margin-right: 0

}



.social-share-links ul li.whatsapp-mobile {

    display: none

}



.social-share-links a.icon-facebook {

    background-color: #3b5998

}



.social-share-links a.icon-linkedin {

    background-color: #007bb6

}



.social-share-links a.icon-twitter {

    background-color: #00aced

}



.social-share-links a.icon-google-plus,

.social-share-links a.icon-googleplus {

    background-color: #dd4b39

}



.social-share-links a.icon-email {

    background-color: #00a3e0

}



.social-share-links a.icon-weibo {

    background-color: #e6162d

}



.social-share-links a.icon-renren {

    background-color: #005eac

}



.social-share-links a.icon-vk {

    background-color: #45668e

}



.social-share-links a.icon-xing {

    background-color: #026466

}



.social-share-links a.icon-pinterest {

    background-color: #cc2127

}



.social-share-links a.icon-whatsapp {

    background-color: #43d854

}



.social-share-links a.icon-rss,

.social-share-links a.icon-rssfeed {

    background-color: #fa9b39

}



.share-bar .social-share-links {

    padding: 20px 60px 10px

}



.share-bar .social-share-links-transparent {

    padding: 0 60px 30px;

    margin-bottom: 2em

}



.share-bar .social-share-links-transparent ul {

    padding-top: 30px;

    border-top: 5px solid #97999b

}



@media only screen and (min-width:768px) and (max-width:1024px) {

    .share-bar .social-share-links {

        padding-left: 5%

    }

    .share-bar .social-share-links ul li {

        margin-right: .8em

    }

}



@media only screen and (max-width:767px) {

    .share-bar .social-share-links {

        padding: 15px

    }

    .share-bar .social-share-links ul {

        line-height: 3

    }

    .share-bar .social-share-links ul li {

        margin-right: .5em;

        margin-left: .6em;

        font-size: 1.6em

    }

    .share-bar .social-share-links ul li a {

        margin-bottom: 1.1em

    }

    .share-bar .social-share-links ul li:first-child {

        margin-left: 0

    }

    .share-bar .social-share-links ul li.whatsapp-mobile {

        display: inline-block

    }

    .share-bar .social-share-links-transparent {

        margin-bottom: 2em

    }

}



.social-tab {

    width: 100%;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    padding: 0 0 2%;

    height: auto;

    overflow: hidden;

    margin: 0

}



.social-media-links {

    float: left

}



.sponsor-logo,

.sponsor-logo img {

    float: right

}



.social-media-links ul li {

    list-style: none;

    display: inline-block;

    text-align: center;

    vertical-align: middle;

    margin-right: 1em

}



.social-media-links ul li a {

    color: #fff;

    height: 32px;

    width: 32px;

    font-size: 1.6em;

    background-color: #d0d0ce;

    -webkit-border-radius: 100%;

    -webkit-background-clip: padding-box;

    -moz-border-radius: 100%;

    -moz-background-clip: padding;

    border-radius: 100%;

    background-clip: padding-box;

    display: table-cell;

    vertical-align: middle

}



.topline-nav li,

.topline-nav li a {

    color: #ffffff;

    display: inline-block

}



.social-media-links li:hover a:hover {

    text-decoration: none

}



.social-media-links li:hover a.icon-facebook {

    background-color: #3b5998

}



.social-media-links li:hover a.icon-linkedin {

    background-color: #007bb6

}



.social-media-links li:hover a.icon-twitter {

    background-color: #00aced

}



.social-media-links li:hover a.icon-youtube {

    background-color: #b00

}



.social-media-links li:hover a.icon-google-plus {

    background-color: #dd4b39

}



.social-media-links li:hover a.icon-rss {

    background-color: #fa9b39

}



.social-media-links li:hover a.icon-blog {

    background-color: #3c8a2e

}



.social-media-links li:hover a.icon-weibo {

    background-color: #e6162d

}



.social-media-links li:hover a.icon-xing {

    background-color: #026466

}



.social-media-links li:hover a.icon-renren {

    background-color: #005eac

}



.social-media-links li:hover a.icon-vk {

    background-color: #45668e

}



.social-media-links li:hover a.icon-pinterest {

    background-color: #cc2127

}



.social-media-links li:hover a.icon-glassdoor {

    background-color: #60aa27

}



.social-media-links li:hover a.icon-instagram {

    background-color: #000

}



@media screen and (min-width:0px) and (max-width:767px) {

    .social-tab .social-media-links ul li {

        margin-right: 1.3em

    }

    .sponsor-logo {

        float: none;

        padding-top: 2%;

        clear: both;

        width: 100%

    }

    .sponsor-logo img {

        max-width: 100%;

        padding-bottom: 4%;

        float: none

    }

}



@media screen and (min-width:0px) and (max-width:1024px) {

    .social-tab {

        width: 96%;

        margin: 0 2%

    }

}



@media screen and (max-width:767px) {

    .social-tab {

        width: 93%;

        margin: 0 3.5%

    }

}



:lang(zh-Hans).topline-nav li {

    margin-left: 0;

    font-size: 12px

}



:lang(zh-Hans).topline-nav .signin #gigya_controls_logout {

    margin-left: 0

}



:lang(zh-Hans).topline-nav .countryselector:before {

    margin: 0 2px 0 0

}



:lang(ja) .topline-nav li,

:lang(ko) .topline-nav li,

:lang(zh-Hans) .topline-nav li,

:lang(zh-Hant) .topline-nav li {

    font-size: 1em

}



.topline-nav {

    margin: 10px 0 5px;

    float: right

}



.topline-nav li {

    margin-bottom: 0;

    padding-right: .8em;

    padding-left: .8em

}



.topline-nav li:first-child {

    border-left: 0;

    padding-left: 0

}



.topline-nav li a {

    padding: 0

}



.topline-nav li a.active {

    color: #000;

    cursor: pointer

}



.topline-nav li.countryselector {

    padding-right: 0;

    border-left: none

}



.topline-nav li.countryselector #location {

    float: left;

    margin-right: .5em;

    font-size: 1.1em;

    padding: 0

}



.topline-nav li.about-link,

.topline-nav li.contactus-link,

.topline-nav li.countryselector a.location-link {

    font-size: 1.1em

}



.topline-nav li.signin {

    padding-right: 0

}



.topline-nav li.signin li#gigya_controls_login {

    border: none

}



.topline-nav li.signin li#gigya_controls_login img {

    width: 30px;

    height: auto;

    margin-right: 8px;

    border-radius: 100px

}



.topline-nav li.signin li#gigya_controls_login a.sign-in-link {

    padding-right: .8em

}



.topline-nav li.signin #gigya_controls_login,

.topline-nav li.signin #gigya_controls_logout {

    font-size: 1.1em;

    padding-left: 0;

    padding-right: 0

}



.topline-nav li.signin #gigya_controls_logout {

    margin-left: 1.37em

}



.topline-nav li.signin #gigya_controls_logout:empty {

    margin-left: 0;

    border: none

}



.inline-nav-topic-page,

.topic-column,

.topic-introduction {

    opacity: 0

}



.standardpromo {

    background: #fff

}



.standardpromo .standard-promo.branded-template {

    border-top: solid 4px #0c2864

}



.htmlfragmentpromo .insight-grey,

.iframepromo .insight-grey {

    border-top: solid 4px #53565a

}



.htmlfragmentpromo .insight-blue,

.iframepromo .insight-blue {

    border-top: solid 4px #0097a9

}



.htmlfragmentpromo .insight-brown,

.iframepromo .insight-brown {

    border-top: solid 4px #d0d0ce

}



.htmlfragmentpromo .insight-green,

.iframepromo .insight-green {

    border-top: solid 4px #bbbcbc

}



.htmlfragmentpromo .insight-yellow,

.iframepromo .insight-yellow {

    border-top: solid 4px #c4d600

}



.htmlfragmentpromo .insight-dark-deloitte-blue,

.iframepromo .insight-dark-deloitte-blue {

    border-top: solid 4px #000e2a

}



.htmlfragmentpromo .insight-deloitte-blue,

.iframepromo .insight-deloitte-blue {

    border-top: solid 4px #012169

}



.htmlfragmentpromo .box-blue,

.iframepromo .box-blue {

    border-top: solid 4px #00a3e0

}



.htmlfragmentpromo .insight-white,

.htmlfragmentpromo .white,

.iframepromo .insight-white,

.iframepromo .white {

    border-top: solid 4px #fff

}



.featured-promo.employee-promo.box.html-promo,

.featured-promo.employee-promo.box.iframe-promo {

    border-top: solid 4px #86bc25

}



.featured-promo.employee-promo.box.iframe-promo {

    color: #000

}



.du-featured-promo .call-to-action-label,

.du-standard-promo .call-to-action-label,

.list-standard-promo .call-to-action-label {

    float: left;

    width: 70%

}



.du-featured-promo span.external-link-icon,

.du-standard-promo span.external-link-icon,

.list-standard-promo span.external-link-icon {

    float: right;

    font-weight: 700;

    margin-top: 1.2em

}



.du-featured-promo span.external-link-icon:before,

.du-standard-promo span.external-link-icon:before,

.list-standard-promo span.external-link-icon:before {

    content: '\f08e';

    font-family: Dcom-EDE;

    font-size: 16px;

    color: #97999b

}



.topic-page .standardpromo {

    background: 0 0

}



.promo-label {

    font-size: 1.2em;

    font-weight: 700;

    color: #97999b

}



:lang(ja) .promo-label,

:lang(zh-Hans) .promo-label,

:lang(zh-Hant) .promo-label {

    font-size: 1.4em;

    letter-spacing: .07em

}



.call-to-action,

.careers-promo,

.contact-us-promo,

.download-file-component,

.du-standard-promo,

.employee-promo,

.events-promo,

.list-standard-promo,

.office-promo,

.pr-promo,

.solutions-promo,

.standard-promo,

.topic-promo-standard {

    padding: 20px;

    width: 100%;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    overflow-wrap: break-word;

    word-wrap: break-word;

    color: #53565a

}



.call-to-action.expired-promo,

.careers-promo.expired-promo,

.contact-us-promo.expired-promo,

.download-file-component.expired-promo,

.du-standard-promo.expired-promo,

.employee-promo.expired-promo,

.events-promo.expired-promo,

.list-standard-promo.expired-promo,

.office-promo.expired-promo,

.pr-promo.expired-promo,

.solutions-promo.expired-promo,

.standard-promo.expired-promo,

.topic-promo-standard.expired-promo {

    display: none

}



.careers-promo .header-anchors,

.du-standard-promo .header-anchors,

.employee-promo .header-anchors,

.events-promo .header-anchors,

.list-standard-promo .header-anchors,

.solutions-promo .header-anchors,

.standard-promo .header-anchors,

.topic-promo-standard .header-anchors {

    margin-bottom: 10px

}



.main-container.topic-page .topic-promo-layout .du-standard-promo,

.main-container.topic-page .topic-promo-layout .list-standard-promo,

.main-container.topic-page .topic-promo-layout .standard-promo {

    margin-bottom: 2em

}



.careers-promo,

.contact-us-promo,

.du-standard-promo,

.employee-promo,

.events-promo,

.list-standard-promo,

.office-promo,

.pr-promo,

.solutions-promo,

.standard-promo,

.topic-promo-standard {

    padding: 20px;

    width: 100%;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    word-wrap: break-word;

    background: #fff

}



.careers-promo .promo-label,

.contact-us-promo .promo-label,

.du-standard-promo .promo-label,

.employee-promo .promo-label,

.events-promo .promo-label,

.list-standard-promo .promo-label,

.office-promo .promo-label,

.pr-promo .promo-label,

.solutions-promo .promo-label,

.standard-promo .promo-label,

.topic-promo-standard .promo-label {

    color: #97999b

}



.careers-promo .tertiary-headline,

.contact-us-promo .tertiary-headline,

.du-standard-promo .tertiary-headline,

.employee-promo .tertiary-headline,

.events-promo .tertiary-headline,

.list-standard-promo .tertiary-headline,

.office-promo .tertiary-headline,

.pr-promo .tertiary-headline,

.solutions-promo .tertiary-headline,

.standard-promo .tertiary-headline,

.topic-promo-standard .tertiary-headline {

    font-size: 2em;

    line-height: 1.2em;

    color: #000;

    font-weight: 400

}



.page-description-for-promo {

    font-size: 1.6em;

    line-height: 1.43em;

    color: #53565a;

    margin-bottom: 0

}



.page-description-for-promo p {

    margin: 0

}



.page-description-for-promo span {

    display: block

}



.page-description-for-promo ol li,

.page-description-for-promo ul li {

    list-style: disc inside

}



.page-description-for-promo b,

.page-description-for-promo p {

    font-weight: 400

}



.page-description-for-promo li,

.page-description-for-promo li li {

    font-size: 1em

}



.people-color {

    border-top: solid 4px #86BC25

}



.careers-color {

    border-top: solid 4px #C4D600

}



.analysis-color {

    border-top: solid 4px #43B02A

}



.perspective-color {

    border-top: solid 4px #046A38

}



.dup-color {

    border-top: solid 4px #62B5E5

}



.event-color {

    border-top: solid 4px #0097A9

}



.solution-color {

    border-top: solid 4px #00A3E0

}



.news-color {

    border-top: solid 4px #2C5234

}



.office-color {

    border-top: solid 4px #012169

}



.pr-color {

    border-top: solid 4px #53565a

}



.employee-promo {

    float: left;

    color: #53565a

}



.employee-promo .tertiary-headline {

    margin-bottom: .5em

}



.employee-promo .employee-role-title-wrapper {

    margin-top: 10px

}



.employee-promo .employee-role-title-wrapper p.employee-role,

.employee-promo .employee-role-title-wrapper p.employee-title {

    font-size: 1.4em;

    margin-bottom: 5px

}



.employee-promo .employee-role-title-wrapper p.employee-role {

    font-weight: 700

}



.employee-promo .employee-role-title-wrapper p.tertiary-headline {

    margin-bottom: 5px

}



:lang(zh-hans) .employee-promo .employee-role-title-wrapper p.employee-role,

:lang(zh-hans) .employee-promo .employee-role-title-wrapper p.employee-title,

:lang(zh-hant) .employee-promo .employee-role-title-wrapper p.employee-role,

:lang(zh-hant) .employee-promo .employee-role-title-wrapper p.employee-title {

    font-size: 15px

}



.office-promo a {

    margin: 0 0 .5em;

    display: block

}



.office-promo a.body-copy {

    text-decoration: underline

}



.office-promo .promo-label {

    color: #53565a

}



.office-promo h3 {

    display: table-cell

}



.office-promo .body-copy {

    color: #53565a;

    margin: 0

}



.office-promo .office-locator {

    margin-bottom: .5em

}



.office-promo .icon-map-marker {

    margin: 0 .4em 0 0;

    font-size: 17px;

    display: table-cell;

    color: #97999b

}



.office-promo .icon-map-marker:before {

    border: 1px solid #97999b;

    border-radius: 50%;

    vertical-align: middle;

    padding: 8px 10px

}



.pr-promo .page-description-for-promo {

    font-size: 1.8em;

    line-height: 1.3em;

    margin-bottom: 15px

}



.pr-promo .pr-link {

    font-size: 1.4em;

    color: #000;

    font-weight: 700;

    margin: 0;

    position: relative

}



.pr-promo .pr-link .icon-right::after {

    font-family: Dcom-EDE!important;

    content: "\f105";

    position: absolute;

    margin-left: 8px;

    line-height: 1.4em;

    color: #97999b

}



.call-to-action {

    background: #00a3e0

}



.call-to-action .promo-label {

    color: #fff

}



.call-to-action .button-call-to-action p.body-copy {

    margin: 0;

    padding: 2%;

    width: 96%

}



.call-to-action h3 {

    margin: 0 .2em 0 0;

    color: #fff;

    padding-bottom: 0;

    font-size: 1.6em;

    font-weight: 700;

    line-height: 1.1em

}



.call-to-action .description {

    font-size: 1.6em;

    line-height: 1.4em;

    color: #fff;

    display: block;

    max-width: 100%;

    margin: .7em auto 0

}



.call-to-action .button {

    width: 100%;

    display: table;

    vertical-align: middle;

    word-wrap: break-word

}



.contact-us-promo {

    border-top: solid 4px #012169

}



.contact-us-promo p.promo-label {

    color: #97999b

}



.contact-us-promo a.highlighted-link {

    color: #00a3e0;

    font-weight: 700

}



.contact-us-promo span.small-body-copy {

    font-size: .75em

}



.contact-us-promo .body-copy h4 {

    color: #012169;

    font-size: 1.8em;

    font-weight: 700

}



.contact-us-promo .body-copy h5 {

    color: #000;

    font-size: 1.45em;

    font-weight: 700

}



.contactuspromo {

    height: auto;

    overflow: hidden

}



.htmlfragmentpromo.section .featured-promo,

.iframepromo.section .featured-promo {

    width: 92%;

    padding: 4%;

    background: #fff

}



.promo-focus:focus>div {

    outline: #000 dotted 1px

}



#globalresults:focus+label,

.poll .question fieldset .answers input:focus {

    outline: dotted 1px

}



:lang(zh-hans) .page-description-for-promo {

    letter-spacing: .07em

}



.iframe-promo.insight-grey h1,

.iframe-promo.insight-grey h2,

.iframe-promo.insight-grey h3,

.iframe-promo.insight-grey h4,

.iframe-promo.insight-grey li,

.iframe-promo.insight-grey ul {

    color: #000

}



.iframe-promo.insight-grey a,

.iframe-promo.insight-grey p,

.iframe-promo.insight-grey span,

.iframe-promo.insight-grey strong {

    color: #000;

    font-size: 1.4em

}



.iframe-promo.insight-green h1,

.iframe-promo.insight-green h3,

.iframe-promo.insight-green h4,

.iframe-promo.insight-green li,

.iframe-promo.insight-green ul {

    color: #000

}



.iframe-promo.insight-green a,

.iframe-promo.insight-green p,

.iframe-promo.insight-green span,

.iframe-promo.insight-green strong {

    color: #000;

    font-size: 1.4em

}



.iframe-promo.insight-white h1,

.iframe-promo.insight-white h2,

.iframe-promo.insight-white h3,

.iframe-promo.insight-white h4,

.iframe-promo.insight-white li {

    color: #000

}



.iframe-promo.insight-white a,

.iframe-promo.insight-white p,

.iframe-promo.insight-white span,

.iframe-promo.insight-white strong {

    color: #012169;

    font-size: 1.4em

}



.iframe-promo.insight-brown h1,

.iframe-promo.insight-brown h2,

.iframe-promo.insight-brown h3,

.iframe-promo.insight-brown h4 {

    color: #000

}



.iframe-promo.insight-brown a,

.iframe-promo.insight-brown p,

.iframe-promo.insight-brown span,

.iframe-promo.insight-brown strong {

    color: #000;

    font-size: 1.4em

}



.iframe-promo.insight-blue h1,

.iframe-promo.insight-blue h2,

.iframe-promo.insight-blue h3,

.iframe-promo.insight-blue h4,

.iframe-promo.insight-brown li {

    color: #000

}



.iframe-promo.insight-blue a,

.iframe-promo.insight-blue p,

.iframe-promo.insight-blue span,

.iframe-promo.insight-blue strong {

    color: #000;

    font-size: 1.4em

}



.iframe-promo.employee-promo h1,

.iframe-promo.employee-promo h2,

.iframe-promo.employee-promo h3,

.iframe-promo.employee-promo h4,

.iframe-promo.insight-blue li {

    color: #000

}



.iframe-promo.employee-promo a,

.iframe-promo.employee-promo p,

.iframe-promo.employee-promo span,

.iframe-promo.employee-promo strong {

    color: #000;

    font-size: 1.4em

}



.iframe-promo.employee-promo li,

.iframe-promo.insight-yellow h1,

.iframe-promo.insight-yellow h2,

.iframe-promo.insight-yellow h3,

.iframe-promo.insight-yellow h4 {

    color: #000

}



.iframe-promo.insight-yellow a,

.iframe-promo.insight-yellow p,

.iframe-promo.insight-yellow span,

.iframe-promo.insight-yellow strong {

    color: #000;

    font-size: 1.4em

}



.iframe-promo.insight-yellow li,

.iframepromo.insight-dark-deloitte-blue h1,

.iframepromo.insight-dark-deloitte-blue h2,

.iframepromo.insight-dark-deloitte-blue h3,

.iframepromo.insight-dark-deloitte-blue h4,

.iframepromo.insight-dark-deloitte-blue li {

    color: #000

}



.iframepromo.insight-dark-deloitte-blue a,

.iframepromo.insight-dark-deloitte-blue p,

.iframepromo.insight-dark-deloitte-blue span,

.iframepromo.insight-dark-deloitte-blue strong {

    color: #000;

    font-size: 1.4em

}



.iframe-promo.insight-deloitte-blue h1,

.iframe-promo.insight-deloitte-blue h2,

.iframe-promo.insight-deloitte-blue h3,

.iframe-promo.insight-deloitte-blue h4,

.iframe-promo.insight-deloitte-blue li {

    color: #000

}



.iframe-promo.insight-deloitte-blue a,

.iframe-promo.insight-deloitte-blue p,

.iframe-promo.insight-deloitte-blue span,

.iframe-promo.insight-deloitte-blue strong {

    color: #000;

    font-size: 1.4em

}



.iframe-promo.box-blue h1,

.iframe-promo.box-blue h2,

.iframe-promo.box-blue h3,

.iframe-promo.box-blue h4,

.iframe-promo.box-blue li {

    color: #000

}



.iframe-promo.box-blue a,

.iframe-promo.box-blue p,

.iframe-promo.box-blue span,

.iframe-promo.box-blue strong {

    color: #000;

    font-size: 1.4em

}



@media screen and (min-width:768px) and (max-width:1023px) {

    .employee-promo {

        padding: 15px

    }

    .employee-promo .tertiary-headline {

        font-size: 1.5em

    }

    .call-to-action h3 {

        font-size: 1.4em

    }

}



@media screen and (min-width:1024px) and (max-width:1024px) {

    .employee-promo .tertiary-headline {

        font-size: 1.8em

    }

}



@media screen and (max-width:767px) {

    .careers-promo .tertiary-headline,

    .du-standard-promo .tertiary-headline,

    .employee-promo .tertiary-headline,

    .events-promo .tertiary-headline,

    .list-standard-promo .tertiary-headline,

    .office-promo .tertiary-headline,

    .solutions-promo .tertiary-headline,

    .standard-promo .tertiary-headline,

    .topic-promo-standard .tertiary-headline {

        font-size: 1.8em

    }

    .call-to-action h3,

    .page-description-for-promo {

        font-size: 1.4em

    }

    .employee-promo .employee-role-title-wrapper {

        margin-top: -.5em;

        float: right;

        width: 65%;

        margin-left: 1em

    }

    .employee-promo .employee-image-wrapper {

        float: left;

        width: 25%

    }

}



.cq-searchpromote-search {

    text-align: left

}



.cq-searchpromote-search #q {

    background: #333;

    width: 93%!important;

    font-size: 1.6em;

    border: 0;

    display: block;

    color: #f8f8f8;

    padding: .4em 3%;

    moz-transition: all .5s ease-in-out .1s;

    -webkit-transition: all .5s ease-in-out .1s;

    -ms-transition: all .5s ease-in-out .1s;

    -o-transition: all .5s ease-in-out .1s;

    transition: all .5s ease-in-out .1s;

    max-height: 24px

}



.cq-searchpromote-search #q::-ms-clear {

    display: none

}



.cq-searchpromote-search #searchform input[type=submit] {

    background: none;

    display: none

}



.cq-searchpromote-search div#autocomplete {

    background: #f8f8f8;

    color: #333;

    margin: 0 1px;

    padding: 0;

    position: absolute;

    top: 35px;

    width: 95%;

    z-index: 1;

    height: auto

}



.cq-searchpromote-search div#autocomplete div.yui-ac-bd li {

    cursor: pointer;

    height: auto;

    margin: 0;

    padding: .25em .71em;

    position: relative;

    color: #333;

    font-size: 1.4em;

    border-top: 1px solid #d4d4d4;

    line-height: 2em

}



.cq-searchpromote-search div#autocomplete div.yui-ac-bd li a {

    color: #333

}



.cq-searchpromote-search div#autocomplete div.yui-ac-bd li.yui-ac-highlight {

    background-color: #333

}



.cq-searchpromote-search div#autocomplete div.yui-ac-bd li.yui-ac-highlight a,

.cq-searchpromote-search div#autocomplete div.yui-ac-bd li.yui-ac-highlight p {

    color: #f8f8f8

}



.cq-searchpromote-search div#autocomplete div.yui-ac-bd li.yui-ac-highlight.promotions a {

    color: #fff

}



.cq-searchpromote-search div#autocomplete div.yui-ac-bd li:first-child {

    border-top: none

}



.cq-searchpromote-search div#autocomplete .yui-ac-content {

    border: 1px solid #d4d4d4

}



.cq-searchpromote-search div#autocomplete .yui-ac-content ul li:last-child {

    border-bottom: none

}



body #SiteSearch input {

    min-height: 10px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    margin: 0;

    position: relative

}



@media screen and (max-width:767px) {

    .cq-searchpromote-search #searchform #autocomplete {

        width: 80.5%

    }

    .cq-searchpromote-search #q {

        padding-right: 11%!important;

        width: 72%!important;

        margin-left: 13%

    }

    .cq-searchpromote-search div#autocomplete {

        background: #f8f8f8;

        color: #333;

        margin: 0 48px;

        padding: 0 0 0 3px;

        position: absolute;

        top: 44px;

        width: 96%;

        z-index: 1;

        height: auto

    }

}



#header .main-nav li {

    margin: 0 2.5em 0 0

}



#header .main-nav li.subnav-item {

    display: inline-block;

    white-space: nowrap;

    padding-bottom: 16px

}



#header .main-nav li.subnav-item:last-child {

    margin-right: 0

}



#header .main-nav li.subnav-item a.has-sub-nav i {

    padding-left: 5px;

    font-size: .6em

}



#header .main-nav li a,

#header .main-nav li.no-anchor {

    color: #fff;

    padding: 0

}



#header .main-nav li.contact-us-link {

    display: none

}



#header .main-nav li .sub-nav {

    display: none;

    padding: 0;

    position: absolute;

    width: 100%;

    text-align: left;

    left: 0;

    top: 88px;

    z-index: 999;

    background: #393939

}



#header .main-nav li .sub-nav ul {

    white-space: normal;

    text-align: left

}



#header .main-nav li .sub-nav .sub-nav-menu-wrapper {

    width: 100%;

    margin: 0 auto;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    max-width: 1200px;

    display: table

}



#header .main-nav li .sub-nav .sub-nav-menu-wrapper .sub-nav-menu-items {

    display: table-cell;

    width: 75%;

    padding-left: 55px

}



#header .main-nav li .sub-nav .sub-nav-menu-wrapper .sub-nav-menu-items .menu-row {

    display: table;

    width: 100%;

    table-layout: fixed;

    overflow: hidden

}



#header .main-nav li .sub-nav .sub-nav-menu-wrapper .sub-nav-menu-items .menu-row:last-child {

    padding-bottom: 4%

}



#header .main-nav li .sub-nav .sub-nav-menu-wrapper .sub-nav-menu-items .menu-row .sub-menu-items {

    padding-top: 4%;

    width: 33%;

    display: table-cell;

    vertical-align: top

}



#header .main-nav li .sub-nav .sub-nav-menu-wrapper .sub-nav-menu-items .menu-row .sub-menu-items a strong {

    font-size: 1.8em;

    color: #fff;

    font-weight: 400

}



#header .main-nav li .sub-nav .sub-nav-menu-wrapper .sub-nav-menu-items .menu-row .sub-menu-items a strong:hover {

    color: #00a3e0;

    text-decoration: underline

}



#header .main-nav li .sub-nav .sub-nav-menu-wrapper .sub-nav-menu-items .menu-row .sub-menu-items ul li {

    margin-bottom: 8px

}



#header .main-nav li .sub-nav .sub-nav-menu-wrapper .sub-nav-menu-items .menu-row .sub-menu-items ul li a {

    font-size: 1.4em;

    color: #ccc;

    line-height: 1.2em

}



#header .main-nav li .sub-nav .sub-nav-menu-wrapper .sub-nav-menu-items .menu-row .sub-menu-items ul li a:hover {

    color: #00a3e0;

    text-decoration: underline

}



#header .main-nav li .sub-nav .sub-nav-menu-wrapper .whats-new-section {

    background-color: #1c1c1c;

    display: table-cell;

    padding: 1% 0;

    width: 20%;

    vertical-align: top

}



#header .main-nav li .sub-nav .sub-nav-menu-wrapper .whats-new-section strong {

    padding-left: 4%;

    padding-right: 4%;

    font-size: 1.6em;

    color: #86bc25

}



#header .main-nav li .sub-nav .sub-nav-menu-wrapper .whats-new-section ul li {

    margin: 0;

    padding-left: 4%;

    padding-right: 4%;

    padding-top: 4%

}



#header .main-nav li .sub-nav .sub-nav-menu-wrapper .whats-new-section ul li a {

    display: block

}



#header .main-nav li .sub-nav .sub-nav-menu-wrapper .whats-new-section ul li a:hover {

    text-decoration: none

}



#header .main-nav li .sub-nav .sub-nav-menu-wrapper .whats-new-section ul li strong:hover,

.author-panel .profile-txt h4.profile-name a:hover,

.author-panel .profile-txt p #more-btn:hover,

.disclaimer-text a:hover,

.similar-trends .article-tags li a:hover {

    text-decoration: underline

}



#header .main-nav li .sub-nav .sub-nav-menu-wrapper .whats-new-section ul li strong {

    font-size: 1.6em;

    color: #fff;

    padding-left: 0;

    font-weight: 400

}



#header .main-nav li .sub-nav .sub-nav-menu-wrapper .whats-new-section ul li p {

    font-size: 1.3em;

    color: #d0d0ce;

    padding-bottom: 10px;

    margin: 0;

    border-bottom: 1px solid #333

}



#header .main-nav li .sub-nav .sub-nav-menu-wrapper .whats-new-section ul li p:hover {

    text-decoration: none

}



#header .main-nav li .sub-nav .sub-nav-menu-wrapper .whats-new-section ul li:hover {

    background-color: #2c2c2c

}



#header .main-nav li .sub-nav .sub-nav-menu-wrapper .whats-new-section ul li:last-child p {

    border-bottom: none

}



.column.navigation ul li.no-anchor span {

    cursor: default;

    padding: 0

}



@media screen and (max-width:767px) {

    .has-sub-nav i {

        float: right;

        margin-top: 15px;

        font-size: .6em

    }

}



#footer-section {

    margin: 0 auto;

    background: #fff;

    position: relative;

    z-index: 999;

    border-top: solid 1px #d0d0ce

}



#footer-section .footer-CTA {

    background-color: #2b2b2b

}



#footer-section .footer-CTA.three-links ul li {

    width: 400px

}



#footer-section .footer-CTA.two-links ul li {

    width: 600px

}



#footer-section .footer-CTA ul {

    max-width: 1200px;

    margin: auto;

    border-bottom: 1px solid #2b2b2b;

    height: inherit;

    box-sizing: border-box;

    display: table

}



#footer-section .footer-CTA ul li {

    display: table-cell;

    margin: 0;

    font-size: 2.4em;

    text-align: center;

    line-height: 1em;

    border-right: 2px solid #000

}



#footer-section .footer-CTA ul li:first-child {

    border-left: 2px solid #000

}



#footer-section .footer-CTA ul li:hover {

    cursor: pointer;

    background-color: #53565a

}



#footer-section .footer-CTA ul li:hover a {

    color: #fff

}



#footer-section .footer-CTA ul li a {

    color: #fff;

    text-decoration: none;

    display: block;

    padding: 4% 0

}



#footer-section .footer-wrapper {

    max-width: 1200px;

    margin: 0 auto

}



#footer-section .footer-wrapper .footer-container {

    padding: 2.5em 0 3em;

    margin: 0;

    position: relative;

    width: 100%

}



#footer-section .footerlinks .footer-column {

    padding-left: 0;

    float: left;

    width: 18%

}



#footer-section .footerlinks .footer-column.legal {

    float: right

}



#footer-section .footerlinks .footer-column .tertiary-headline {

    font-weight: 400;

    margin: 0 0 1em

}



#footer-section .footerlinks .footer-column.first {

    padding-left: 0;

    width: 28%

}



#footer-section .footerlinks .footer-column.first li.footer-contact-us {

    font-weight: 700

}



#footer-section .footerlinks>div.footer-column:last-child {

    padding-left: 2%;

    float: right;

    width: 15%

}



#footer-section ul.footer-col {

    list-style: none;

    margin: 0;

    padding: 0 4% 0 0

}



#footer-section ul.footer-col li {

    margin: 0 0 1em

}



#footer-section ul.footer-col li a {

    color: #00a3e0;

    font-size: 1.2em;

    text-decoration: none

}



#footer-section ul.footer-col li a.contact-us {

    font-weight: 600

}



:lang(zh-Hant) #footer-section ul.footer-col li a {

    letter-spacing: .07em;

    font-size: 1.4em

}



:lang(ko) #footer-section ul.footer-col li a {

    font-size: 1.4em

}



:lang(ja) #footer-section .footer-CTA ul li,

:lang(zh-Hans) #footer-section .footer-CTA ul li,

:lang(zh-Hant) #footer-section .footer-CTA ul li {

    font-size: 1.6em

}



@media screen and (min-width:768px) and (max-width:1023px) {

    #footer-section div.footer-column {

        padding-left: 2%;

        width: 20%;

        box-sizing: border-box;

        -moz-box-sizing: border-box

    }

    #footer-section div.footer-column.first {

        padding-left: 0;

        padding-right: 0

    }

    :lang(ja) #footer-section .footer-CTA ul li {

        font-size: 2em

    }

}



.author-panel,

.cookie-container form#cookieoptinform {

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box

}



@media screen and (min-width:0px) and (max-width:1024px) {

    #footer-section .footer-wrapper .footer-container {

        margin: 0 2%;

        width: 96%

    }

}



@media screen and (max-width:767px) {

    #footer-section {

        margin: 0 auto;

        background: #fff;

        position: relative;

        z-index: 999

    }

    #footer-section .footer-CTA.three-links ul,

    #footer-section .footer-CTA.two-links ul {

        display: inline

    }

    #footer-section .footer-CTA.three-links ul li,

    #footer-section .footer-CTA.two-links ul li {

        width: 95%

    }

    #footer-section .footer-CTA ul li {

        display: block;

        font-size: 18px;

        border-right: 0;

        border-top: 2px solid #000;

        padding: 3% 0 3% 15px;

        text-align: left

    }

    #footer-section .footer-CTA ul li:first-child {

        border-left: 0;

        border-top: 0

    }

    #footer-section .footer-wrapper {

        max-width: 1200px;

        margin: 0 auto

    }

    #footer-section .footer-wrapper .footer-container {

        margin: 0 3.5%;

        width: 93%

    }

    #footer-section .footerlinks .footer-column {

        padding-left: 0;

        float: none;

        clear: both;

        width: 100%;

        margin: 1em 0 0

    }

    #footer-section .footerlinks .footer-column.legal {

        float: right

    }

    #footer-section .footerlinks .footer-column .tertiary-headline {

        font-weight: 400;

        color: #000;

        margin: 0 0 1em

    }

    #footer-section .footerlinks .footer-column.first {

        padding-left: 0;

        width: 100%

    }

    #footer-section .footerlinks .footer-column.first li.footer-contact-us {

        font-weight: 700

    }

    #footer-section .footerlinks>div.footer-column:last-child {

        padding-left: 0;

        float: none;

        width: 100%;

        clear: both

    }

    #footer-section ul.footer-col li {

        display: inline-block;

        margin: 0 4% 2em 0

    }

}



@media screen and (min-width:730px) and (max-width:767px) {

    #footer-section .footer-CTA.three-links ul li,

    #footer-section .footer-CTA.two-links ul li {

        width: 98%

    }

}



.location-container {

    height: 27em;

    position: absolute;

    width: 300px;

    border-top: 1px solid #97999b;

    font-size: 1.27em;

    top: 48px;

    z-index: 100;

    background: #97999b

}



.location-container .gsc-input {

    width: 94%;

    margin: 10px 8.5px;

    display: block;

    font-size: 14px;

    color: #000;

    border: 3px solid grey;

    background: #f6f6f6

}



.location-container .search-option {

    position: absolute;

    top: 19px;

    right: 20px;

    font-size: 18px;

    color: #97999b

}



.location-container:before {

    content: '';

    display: block;

    position: absolute;

    top: -21px;

    left: 85%;

    width: 0;

    height: 0;

    border-color: transparent transparent #97999b;

    border-style: solid;

    border-width: 10px

}



.location-container #site-selector {

    overflow-y: scroll;

    position: absolute;

    width: 100%;

    height: 80%;

    display: block;

    background: #fff

}



.location-container #site-selector::-webkit-scrollbar {

    width: 16px

}



.location-container #site-selector::-webkit-scrollbar-thumb {

    background: #97999b

}



.location-container #site-selector::-webkit-scrollbar-track {

    background: #d0d0ce

}



.location-container #site-selector ul {

    list-style: none;

    margin: 0;

    padding: 0;

    text-align: left

}



.location-container #site-selector ul li {

    border-bottom: 1px solid #d4d4d4;

    display: block;

    margin: 0;

    padding-left: 20px;

    line-height: 2em;

    font-size: 1.1em

}



.location-container #site-selector ul li:hover {

    background: #f9f9f9

}



.location-container #site-selector ul li a {

    display: block

}



.location-container #site-selector .channel-site h3 {

    color: #404040;

    font-weight: 500;

    margin: .5em 0;

    font-size: 1.1em;

    line-height: 1em

}



.location-container #site-selector .channel-site p {

    margin: .5em 0;

    font-size: .9em;

    color: #929091;

    line-height: 1em

}



.location-container #site-selector .channel-site span {

    display: block;

    color: #929091;

    font-size: .9em;

    line-height: 1.4;

    min-height: 25px

}



.location-container #site-selector .channel-site span:first-child {

    padding-top: 10px;

    line-height: 1.4;

    font-size: 1em;

    color: #404040;

    display: block;

    font-weight: 700

}



.location-container .site-info {

    position: absolute;

    top: 330px;

    background: #f9f9f9;

    width: 100%;

    height: auto;

    min-height: 18px;

    padding-top: 5px;

    padding-bottom: 5px;

    border-top: 1px solid #DCDCDC

}



.location-container .site-info span {

    color: #000;

    margin-right: 10px;

    line-height: normal;

    font-size: .9em

}



.visibility-hidden {

    clip: rect(0, 0, 0, 0);

    display: none

}



.modal-backdrop {

    z-index: 1

}



.site-autodrop {

    position: relative;

    color: #fff!important;

    z-index: 101

}



:lang(ko) .location-container,

:lang(zh-Hant) .location-container {

    height: 28em

}



@media screen and (min-width:260px) and (max-width:767px) {

    .location-container {

        position: relative;

        right: 0;

        top: 0;

        width: 100%;

        -webkit-box-shadow: 1px 0 1px 0 #d0d0ce;

        -moz-box-shadow: 1px 0 1px 0 #d0d0ce;

        box-shadow: 1px 0 1px 0 #d0d0ce;

        margin: 0 0 1em;

        border: 1px solid #d4d4d4;

        height: 27em

    }

    .location-container .gsc-input {

        width: 96%;

        margin: 7px

    }

    .location-container .search-option {

        top: 16px

    }

    .location-container:after {

        top: -22px;

        left: 10%;

        border-width: 11px;

        content: '';

        display: block;

        position: absolute;

        width: 0;

        height: 0;

        border-color: transparent transparent #e5f6fc;

        border-style: solid

    }

    .location-container:before {

        top: -23px;

        left: 10%;

        border-color: transparent transparent #DCDCDC;

        border-width: 11px

    }

    .location-container #site-selector {

        height: 76%

    }

    .location-container #site-selector ul {

        width: 100%

    }

    .location-container #site-selector ul li {

        padding: 0 1em!important;

        line-height: 2!important

    }

    .location-container .site-info {

        height: 22px;

        top: 310px

    }

    .location-container .site-info span {

        margin-left: 10px;

        margin-right: 0;

        display: block

    }

    .visibility-hidden {

        clip: rect(0, 0, 0, 0)

    }

    .modal-backdrop,

    .modal-backdrop.fade.in {

        filter: alpha(Opacity=50);

        opacity: 0

    }

    .modal-backdrop {

        background-color: #fff

    }

    .site-autodrop {

        position: relative;

        color: #000!important;

        z-index: 1

    }

    :lang(ko) .location-container,

    :lang(zh-Hant) .location-container {

        height: 28em

    }

    :lang(ko) .site-info,

    :lang(zh-Hant) .site-info {

        height: 21px

    }

}



.cookie-container {

    background: #fff;

    color: #000;

    width: 100%;

    position: fixed;

    top: 0;

    left: 0;

    z-index: 9999;

    display: none

}



.cookie-container form#cookieoptinform {

    display: table;

    max-width: 1200px;

    box-sizing: border-box;

    max-width: 1200px\9;

    margin: auto;

    background: #fff;

    padding: 1em 0

}



.cookie-container form#cookieoptinform i {

    height: 37px

}



.cookie-container form#cookieoptinform .cookie-popup {

    display: table-row

}



.cookie-container form#cookieoptinform .cookie-popup .cookie-msg {

    width: 85%;

    width: 80%\9;

    padding-right: 7px;

    min-height: 30px;

    font-size: 12px;

    display: table-cell

}



.cookie-container form#cookieoptinform .cookie-popup .cookie-msg p {

    margin: 0

}



.cookie-container form#cookieoptinform .cookie-popup .accept-btn {

    display: table-cell;

    vertical-align: middle;

    text-align: right

}



.cookie-container form#cookieoptinform .cookie-popup .accept-btn .cookie-accept {

    font-size: 12px;

    margin: 0

}



.cookie-container form#cookieoptinform .cookie-popup .accept-btn .cookie-accept i {

    vertical-align: middle;

    margin-right: 5px;

    padding-left: 0

}



:lang(zh-Hans) p,

:lang(zh-Hans) strong,

:lang(zh-Hant) .cookie-msg p,

:lang(zh-Hant) .cookie-msg strong {

    font-size: 14px

}



@media screen and (min-width:767px) and (max-width:1249px) {

    .cookie-container form#cookieoptinform {

        width: 100%;

        padding: 1em

    }

    .cookie-container form#cookieoptinform .cookie-popup .cookie-msg {

        width: 73%

    }

    .cookie-container form#cookieoptinform .cookie-popup .accept-btn {

        width: 21%

    }

}



@media screen and (max-width:767px) {

    .cookie-container form#cookieoptinform .cookie-popup {

        display: block;

        padding: 0 2em

    }

    .cookie-container form#cookieoptinform .cookie-popup .cookie-msg {

        float: none;

        border-right: none;

        padding: 5px 0;

        display: block;

        width: 100%

    }

    .cookie-container form#cookieoptinform .cookie-popup .accept-btn {

        float: none;

        margin-top: 0!important;

        display: block

    }

    .cookie-container form#cookieoptinform .cookie-popup .accept-btn a.cookie-accept {

        display: block;

        margin: 10px auto;

        float: none

    }

    .cookie-container form#cookieoptinform .cookie-popup .accept-btn a.cookie-accept i {

        border: none

    }

}



.disclaimer-text {

    width: 100%;

    padding: 2% 0;

    margin: 0

}



.disclaimer-text p {

    margin: 0

}



.disclaimer-text a:visited {

    color: #609

}



@media screen and (max-width:767px) {

    .disclaimer-text {

        margin: 0 5%

    }

}



:lang(ja) body .disclaimer-text,

:lang(ko) body .disclaimer-text,

:lang(zh-Hans) body .disclaimer-text,

:lang(zh-Hans).disclaimer-text p,

:lang(zh-Hant) body .disclaimer-text {

    font-size: 1.1em

}



@media screen and (min-width:0px) and (max-width:1024px) {

    .disclaimer-text {

        width: 96%;

        margin: 0 2%

    }

}



@media screen and (max-width:767px) {

    .disclaimer-text {

        width: 93%%;

        margin: 0 3.5%

    }

}



.company-information-page .introduction-copy,

.contact-an-office-page .introduction-copy,

.contact-us-page .introduction-copy,

.content-page .introduction-copy,

.global-offices-page .introduction-copy,

.job-search-page .introduction-copy,

.office-details-page .introduction-copy,

.office-location .introduction-copy,

.rfp-page .introduction-copy {

    margin: 0;

    padding: 10px 5% 0 70px

}



.company-information-page .introduction-copy p,

.contact-an-office-page .introduction-copy p,

.contact-us-page .introduction-copy p,

.content-page .introduction-copy p,

.global-offices-page .introduction-copy p,

.job-search-page .introduction-copy p,

.office-details-page .introduction-copy p,

.office-location .introduction-copy p,

.rfp-page .introduction-copy p {

    margin-top: 5px;

    margin-bottom: 10px;

    padding: 0;

    color: #000;

    font-size: 1.8em;

    width: 67%

}



.introductionCopyPost {

    margin-top: -2px

}



.introductionCopyPost .introduction-copy:empty {

    height: 5px

}



.introductionCopyPost .introduction-copy.no-image-bg:empty {

    height: 0

}



.introductionCopyPre {

    margin: -2px 0

}



.introductionCopyPre .introduction-copy {

    -webkit-border-radius: 0;

    -webkit-background-clip: padding-box;

    -moz-border-radius: 0;

    -moz-background-clip: padding;

    border-radius: 0;

    background-clip: padding-box

}



.wrapper .introduction-copy:empty {

    padding: 0

}



.introduction-copy.no-image-bg,

.job-search-page .single-col-btn.no-image-bg {

    background-color: transparent;

    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    box-shadow: none

}



:lang(zh-Hans) .introduction-copy {

    line-height: 1.6em

}



@media screen and (max-width:1024px) {

    .company-information-page .introduction-copy,

    .contact-an-office-page .introduction-copy,

    .contact-us-page .introduction-copy,

    .global-offices-page .introduction-copy,

    .job-search-page .introduction-copy,

    .office-details-page .introduction-copy,

    .office-location .introduction-copy,

    .rfp-page .introduction-copy {

        padding: 0 5% 5%

    }

    .company-information-page .introduction-copy .page-intro-copy,

    .contact-an-office-page .introduction-copy .page-intro-copy,

    .contact-us-page .introduction-copy .page-intro-copy,

    .global-offices-page .introduction-copy .page-intro-copy,

    .job-search-page .introduction-copy .page-intro-copy,

    .office-details-page .introduction-copy .page-intro-copy,

    .office-location .introduction-copy .page-intro-copy,

    .rfp-page .introduction-copy .page-intro-copy {

        width: 100%

    }

    .content-page .introduction-copy {

        padding: 0 0 0 5%

    }

}



@media screen and (max-width:767px) {

    .company-information-page .introduction-copy,

    .contact-an-office-page .introduction-copy,

    .contact-us-page .introduction-copy,

    .content-page .introduction-copy,

    .global-offices-page .introduction-copy,

    .job-search-page .introduction-copy,

    .office-details-page .introduction-copy,

    .office-location .introduction-copy,

    .rfp-page .introduction-copy {

        padding: 0 15px 15px

    }

    .company-information-page .introduction-copy p,

    .contact-an-office-page .introduction-copy p,

    .contact-us-page .introduction-copy p,

    .content-page .introduction-copy p,

    .global-offices-page .introduction-copy p,

    .job-search-page .introduction-copy p,

    .office-details-page .introduction-copy p,

    .office-location .introduction-copy p,

    .rfp-page .introduction-copy p {

        width: 100%;

        font-size: 1.6em

    }

    .company-information-page .introduction-copy .page-intro-copy,

    .contact-an-office-page .introduction-copy .page-intro-copy,

    .contact-us-page .introduction-copy .page-intro-copy,

    .global-offices-page .introduction-copy .page-intro-copy,

    .job-search-page .introduction-copy .page-intro-copy,

    .office-details-page .introduction-copy .page-intro-copy,

    .office-location .introduction-copy .page-intro-copy,

    .rfp-page .introduction-copy .page-intro-copy {

        width: 100%;

        font-size: 1.6em;

        color: #000

    }

}



@media screen and (max-width:768px) {

    .content-page .introduction-copy .page-intro-copy {

        width: 100%

    }

}



.similar-trends {

    background: #fff;

    border-radius: 0;

    border: none;

    padding: 0;

    margin-bottom: 15px

}



.similar-trends .tertiary-headline {

    padding: 12px 20px;

    background: #53565a;

    height: 50px;

    box-sizing: border-box;

    color: #fff;

    font-weight: 400;

    font-size: 1.8em;

    margin-bottom: 0

}



.similar-trends .article-tags {

    padding: 0;

    margin-top: 0;

    list-style: none

}



.similar-trends .article-tags li {

    margin-bottom: 0

}



.similar-trends .article-tags li a {

    display: block;

    box-shadow: none;

    background: 0 0;

    color: #00a3e0;

    padding: 1.108em 18px

}



:lang(zh-Hans) .similar-trends li {

    margin: 0 0 1em

}



@media screen and (max-width:767px) {

    .similar-trends .article-tags li a {

        padding: 1.2em 1em

    }

}



.author-panel {

    box-sizing: border-box;

    display: table;

    padding: 30px 70px;

    width: 100%

}



.author-panel h3.secondary-headline {

    margin: 30px 0 45px

}



.author-panel .profile-boxes {

    display: table-row

}



.author-panel .profile-boxes .profile-box-inner {

    display: table-cell;

    vertical-align: top;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    padding-right: 35px

}



.author-panel .profile-boxes .profile-box-inner:last-child {

    padding: 0

}



.author-panel .profile-img {

    width: 100px;

    float: left

}



.author-panel .profile-txt {

    margin-top: 0

}



.author-panel .profile-txt p {

    margin: 0

}



.author-panel .profile-txt .email-wrapper {

    margin: .5em 0 .7em;

    display: block

}



.author-panel .profile-txt .tel-number-wrapper {

    display: block;

    margin: 1em 0

}



.author-panel .profile-txt .tel-number-wrapper a {

    color: #000;

    font-size: 1.4em

}



.author-panel .profile-txt h5.roles {

    font-size: 1.4em;

    font-weight: 400;

    margin: 0;

    line-height: 1.4em

}



.author-panel .profile-txt h4.profile-name {

    font-size: 1.8em;

    line-height: 1.4em;

    margin-bottom: 0;

    font-weight: 400

}



.author-panel .profile-txt .social-media-wrapper {

    margin: 1.5em 0 2em

}



.author-panel .profile-txt .social-media-wrapper ul li {

    display: inline-block;

    font-size: 1.4em;

    margin: 0 .5em .5em 0

}



.author-panel .profile-txt .social-media-wrapper ul li a {

    vertical-align: middle;

    color: #97999b;

    border-radius: 50%;

    border: 1px solid #97999b;

    height: 28px;

    text-align: center;

    width: 28px;

    display: table-cell

}



.author-panel .profile-txt .social-media-wrapper ul li a:hover {

    text-decoration: none

}



.author-panel .profile-txt .email-wrapper a:hover,

.author-panel.author-panel-1 .profile-txt .email-wrapper a:hover {

    text-decoration: underline

}



.author-panel .profile-txt .social-media-wrapper ul li:hover a.icon-facebook {

    color: #3b5998

}



.author-panel .profile-txt .social-media-wrapper ul li:hover a.icon-linkedin {

    color: #007bb6

}



.author-panel .profile-txt .social-media-wrapper ul li:hover a.icon-twitter {

    color: #00aced

}



.author-panel .profile-txt .email-wrapper {

    line-height: 1.2em;

    font-size: 1.4em

}



.author-panel .profile-box-inner {

    margin-bottom: 1em

}



.author-panel .box-white {

    background-color: #fff;

    height: auto

}



.author-panel .box-white.box-container-white {

    border-top: 4px solid #86bc25

}



.author-panel.author-panel-1 .profile-boxes .profile-box-inner {

    width: 100%;

    display: table;

    table-layout: fixed

}



.author-panel.author-panel-1 .profile-boxes .profile-box-inner .profile-img {

    display: table-cell;

    float: left;

    vertical-align: top;

    width: 100px

}



.author-panel.author-panel-1 .profile-boxes .profile-box-inner .profile-txt {

    display: table-cell;

    float: none;

    padding-left: 0;

    width: 86%;

    vertical-align: top

}



.author-panel.author-panel-1 .profile-txt .tel-number-wrapper {

    line-height: 1.2em;

    display: inline-block;

    margin: 1em 0 0

}



.author-panel.author-panel-1 .profile-txt .email-wrapper {

    border-right: 1px solid #d0d0ce;

    display: inline-block;

    margin: .5em 1em 0 0;

    padding-right: 1em

}



.author-panel.author-panel-1 .profile-txt .email-wrapper.no-pipe {

    border-right: 0

}



.author-panel.author-panel-2 .profile-boxes .profile-box-inner {

    width: 50%

}



.author-panel.author-panel-2 .profile-boxes .profile-box-inner .profile-txt {

    float: left;

    margin-left: 5%;

    width: 68%;

    margin-top: 0

}



.author-panel.author-panel-2 .profile-boxes .profile-box-inner:last-child {

    width: 47%

}



.author-panel.author-panel-3 .profile-boxes .profile-box-inner {

    width: 34%;

    padding-right: 40px

}



.author-panel.author-panel-3 .profile-boxes .profile-box-inner .profile-img {

    display: block;

    width: 150px;

    float: none

}



.author-panel.author-panel-3 .profile-boxes .profile-box-inner .profile-txt {

    display: block;

    margin-top: 1.5em

}



.author-panel.author-panel-3 .profile-boxes .profile-box-inner:last-child {

    width: 30%

}



.profile-img>img {

    width: 100%

}



:lang(zh-Hans) .author-panel .profile-txt .email-wrapper,

:lang(zh-Hans) .author-panel .profile-txt .tel-number-wrapper a,

:lang(zh-Hans) .author-panel .profile-txt h5.roles {

    font-size: 1.5em

}



:lang(ja) .author-panel .profile-txt h4.profile-name {

    font-size: 1.6em

}



.authorhostpanel[dir=rtl] .author-panel.author-panel-1 .profile-boxes .profile-box-inner .profile-txt {

    padding-right: 5%

}



.authorhostpanel[dir=rtl] .author-panel .box-white.box-container-white h3.secondary-headline {

    text-align: right

}



@media screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait) {

    .author-panel {

        padding: 1% 5%

    }

    .author-panel .profile-box-inner .profile-img {

        width: 100px

    }

    .author-panel h3.secondary-headline {

        font-size: 1.8em;

        margin: 30px 0

    }

    .author-panel .profile-txt {

        width: 75%

    }

    .author-panel .profile-txt .social-media-wrapper ul li {

        margin: .5em 1em .5em 0

    }

    .author-panel.author-panel-1 .profile-boxes .profile-box-inner .profile-txt {

        width: 81%

    }

    .author-panel.author-panel-2 .profile-boxes .profile-box-inner {

        width: 100%;

        display: inline-block;

        padding: 0 0 2em;

        border-bottom: 1px solid #d0d0ce

    }

    .author-panel.author-panel-2 .profile-boxes .profile-box-inner:last-child {

        border: none;

        width: 100%;

        padding-top: 2em

    }

    .author-panel.author-panel-2 .profile-boxes .profile-box-inner .profile-txt {

        width: 75%

    }

    .author-panel.author-panel-2 .profile-boxes .profile-box-inner .profile-txt .email-wrapper {

        display: inline-block;

        margin: .5em 1em 0 0;

        padding-right: 1em;

        border-right: 1px solid #d0d0ce

    }

    .author-panel.author-panel-2 .profile-boxes .profile-box-inner .profile-txt .tel-number-wrapper {

        line-height: 1.2em;

        display: inline-block;

        margin: 1em 0 0

    }

    .author-panel.author-panel-3 .profile-boxes .profile-box-inner {

        width: 100%;

        margin-bottom: 0;

        padding: 2em 0;

        border-bottom: 1px solid #d0d0ce;

        display: inline-block

    }

    .author-panel.author-panel-3 .profile-boxes .profile-box-inner .profile-img {

        float: left;

        width: 100px

    }

    .author-panel.author-panel-3 .profile-boxes .profile-box-inner .profile-txt {

        width: 75%;

        float: left;

        margin-top: 0;

        margin-left: 5%

    }

    .author-panel.author-panel-3 .profile-boxes .profile-box-inner .profile-txt .email-wrapper {

        display: inline-block;

        margin: .5em 1em 0 0;

        padding-right: 1em;

        border-right: 1px solid #d0d0ce

    }

    .author-panel.author-panel-3 .profile-boxes .profile-box-inner .profile-txt .tel-number-wrapper {

        display: inline-block;

        margin: 0

    }

    .author-panel.author-panel-3 .profile-boxes .profile-box-inner:after {

        clear: both

    }

    .author-panel.author-panel-3 .profile-boxes .profile-box-inner:first-child {

        padding-top: 0

    }

    .author-panel.author-panel-3 .profile-boxes .profile-box-inner:last-child {

        padding: 2em 0;

        width: 100%;

        border: none

    }

}



@media screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {

    .author-panel {

        padding: 1% 5%

    }

    .author-panel .profile-box-inner .profile-img {

        width: 100px

    }

    .author-panel h3.secondary-headline {

        font-size: 1.8em;

        margin: 30px 0

    }

    .author-panel .profile-txt {

        width: 75%

    }

    .author-panel .profile-txt .social-media-wrapper ul li {

        margin: .5em 1em .5em 0

    }

    .author-panel.author-panel-1 .profile-boxes .profile-box-inner .profile-txt {

        width: 86%

    }

    .author-panel.author-panel-2 .profile-boxes .profile-box-inner {

        width: 100%;

        display: inline-block;

        padding: 0 0 2em;

        border-bottom: 1px solid #d0d0ce

    }

    .author-panel.author-panel-2 .profile-boxes .profile-box-inner:last-child {

        border: none;

        width: 100%;

        padding-top: 2em

    }

    .author-panel.author-panel-2 .profile-boxes .profile-box-inner .profile-txt {

        width: 75%

    }

    .author-panel.author-panel-2 .profile-boxes .profile-box-inner .profile-txt .email-wrapper {

        display: inline-block;

        margin: .5em 1em 0 0;

        padding-right: 1em;

        border-right: 1px solid #d0d0ce

    }

    .author-panel.author-panel-2 .profile-boxes .profile-box-inner .profile-txt .tel-number-wrapper {

        line-height: 1.2em;

        display: inline-block;

        margin: 1em 0 0

    }

    .author-panel.author-panel-3 .profile-boxes .profile-box-inner {

        width: 100%;

        margin-bottom: 0;

        padding: 2em 0;

        border-bottom: 1px solid #d0d0ce;

        display: inline-block

    }

    .author-panel.author-panel-3 .profile-boxes .profile-box-inner .profile-img {

        float: left;

        width: 100px

    }

    .author-panel.author-panel-3 .profile-boxes .profile-box-inner .profile-txt {

        width: 75%;

        float: left;

        margin-top: 0;

        margin-left: 5%

    }

    .author-panel.author-panel-3 .profile-boxes .profile-box-inner .profile-txt .email-wrapper {

        display: inline-block;

        margin: .5em 1em 0 0;

        padding-right: 1em;

        border-right: 1px solid #d0d0ce

    }

    .author-panel.author-panel-3 .profile-boxes .profile-box-inner .profile-txt .tel-number-wrapper {

        display: inline-block;

        margin: 0

    }

    .author-panel.author-panel-3 .profile-boxes .profile-box-inner:after {

        clear: both

    }

    .author-panel.author-panel-3 .profile-boxes .profile-box-inner:first-child {

        padding-top: 0

    }

    .author-panel.author-panel-3 .profile-boxes .profile-box-inner:last-child {

        padding: 2em 0;

        width: 100%;

        border: none

    }

}



@media screen and (max-width:767px) {

    .author-panel {

        padding: 15px

    }

    .author-panel h3.secondary-headline {

        font-size: 1.6em;

        margin: 30px 0

    }

    .author-panel .profile-boxes .profile-box-inner {

        display: inline-block;

        padding: 2em 0;

        border-bottom: 1px solid #d0d0ce

    }

    .author-panel .profile-boxes .profile-box-inner .profile-img {

        width: 150px

    }

    .author-panel .profile-boxes .profile-box-inner .profile-txt h4.profile-name {

        font-size: 1.6em

    }

    .author-panel .profile-boxes .profile-box-inner .profile-txt .email-wrapper {

        display: block;

        padding: 0 0 .7em;

        margin: .5em 0 0;

        border: 0

    }

    .author-panel .profile-boxes .profile-box-inner .profile-txt .tel-number-wrapper {

        border: none;

        display: block;

        padding: 0

    }

    .author-panel .profile-boxes .profile-box-inner .profile-txt .social-media-wrapper ul li {

        margin: .5em 1em .5em 0

    }

    .author-panel .profile-boxes .profile-box-inner:first-child {

        padding-top: 0

    }

    .author-panel .profile-boxes .profile-box-inner:last-child {

        border: none;

        width: 100%;

        padding: 2em 0

    }

    .author-panel.author-panel-1 .profile-boxes .profile-box-inner {

        width: 100%;

        padding: 0

    }

    .author-panel.author-panel-1 .profile-boxes .profile-box-inner .profile-img {

        width: 150px;

        float: none;

        display: block

    }

    .author-panel.author-panel-1 .profile-boxes .profile-box-inner .profile-txt {

        width: 100%;

        float: none;

        margin-left: 0;

        clear: both;

        margin-top: 2em;

        display: block;

        padding-left: 0

    }

    .author-panel.author-panel-2 .profile-boxes .profile-box-inner {

        width: 100%

    }

    .author-panel.author-panel-2 .profile-boxes .profile-box-inner .profile-img {

        width: 150px;

        float: none

    }

    .author-panel.author-panel-2 .profile-boxes .profile-box-inner .profile-txt {

        width: 100%;

        float: none;

        margin-left: 0;

        clear: both;

        margin-top: 2em

    }

    .author-panel.author-panel-2 .profile-boxes .profile-box-inner:last-child {

        padding: 2em 0;

        width: 100%

    }

    .author-panel.author-panel-3 .profile-boxes .profile-box-inner {

        width: 100%;

        padding-right: 0

    }

    .author-panel.author-panel-3 .profile-boxes .profile-box-inner .profile-img {

        float: none

    }

    .author-panel.author-panel-3 .profile-boxes .profile-box-inner .profile-txt {

        width: 100%;

        float: none;

        margin-left: 0;

        clear: both;

        margin-top: 2em

    }

    .author-panel.author-panel-3 .profile-boxes .profile-box-inner .profile-txt .social-media-wrapper {

        margin: 2em 0

    }

    .author-panel.author-panel-3 .profile-boxes .profile-box-inner:last-child {

        padding: 2em 0;

        width: 100%

    }

}



.auto-width-column>div[class^=cq-placeholder-] {

    display: none!important

}



.awc-sixtyseven-thirtythree-c0 {

    width: 66%;

    margin-right: 2%

}



.awc-sixtyseven-thirtythree-c1 {

    width: 32%

}



.awc-thirtythree-sixtyseven-c0 {

    width: 32%;

    margin-right: 2%

}



.awc-thirtythree-sixtyseven-c1 {

    width: 66%

}



.awc-three-thirtythree-c0,

.awc-three-thirtythree-c1,

.awc-three-thirtythree-c2 {

    width: 33%;

    margin-right: 0

}



.awc-sixtyseven-thirtythree-c0 .featured-promo .article-image,

.table-frame-col-100 .featured-promo .article-image,

[class^=awc-three-thirtythree] .featured-promo .article-image {

    width: 30%;

    float: right;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    padding-left: 2%

}



.awc-sixtyseven-thirtythree-c0 .featured-promo .article-image img,

.awc-sixtyseven-thirtythree-c1 .featured-promo .article-image img,

.table-frame-col-100 .featured-promo .article-image img {

    float: right;

    width: 100%

}



.awc-sixtyseven-thirtythree-c0 .featured-promo .article-text,

.awc-sixtyseven-thirtythree-c1 .featured-promo .article-text,

.table-frame-col-100 .featured-promo .article-text {

    width: 70%;

    float: left;

    padding: 20px 0 20px 20px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box

}



.awc-sixtyseven-thirtythree-c0 .featured-promo .description,

.awc-sixtyseven-thirtythree-c1 .featured-promo .description,

.table-frame-col-100 .featured-promo .description {

    max-height: 2.8em;

    overflow: hidden

}



.awc-sixtyseven-thirtythree-c1 .featured-promo .article-image,

.awc-thirtythree-sixtyseven-c0 .featured-promo .article-image,

.table-frame-col-50 .featured-promo .article-image,

[class^=awc-three-thirtythree] .featured-promo .article-image {

    width: 100%;

    float: left;

    padding: 0;

    border-bottom: 2px solid #f4f4f4

}



.table-frame-col-50 .featured-promo .article-image img,

[class^=awc-three-thirtythree] .featured-promo .article-image img {

    float: left;

    width: 100%

}



.awc-sixtyseven-thirtythree-c1 .featured-promo .article-text,

.awc-thirtythree-sixtyseven-c0 .featured-promo .article-text,

.table-frame-col-50 .featured-promo .article-text,

[class^=awc-three-thirtythree] .featured-promo .article-text {

    width: 100%;

    float: left;

    padding: 20px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box

}



.layout-ctrl .autowidthcolumnctrl {

    display: table;

    table-layout: fixed;

    width: 100%;

    border-spacing: 10px 5px

}



.layout-ctrl .auto-width-column {

    display: table-row

}



.layout-ctrl [class^=awc-] {

    display: table-cell;

    border-spacing: 10px 1px;

    background: #fff;

    color: #000;

    vertical-align: top

}



.layout-ctrl [class^=awc-].insight-black {

    background: #000;

    color: #d0d0ce

}



.layout-ctrl [class^=awc-].calltoaction {

    background: #00a3e0;

    padding: 0

}



.layout-ctrl [class^=awc-].empty-column {

    background: 0 0

}



.layout-ctrl .awc-sixtyseven-thirtythree-c0,

.layout-ctrl .awc-thirtythree-sixtyseven-c1 {

    width: 67%;

    vertical-align: top

}



.layout-ctrl .awc-sixtyseven-thirtythree-c1,

.layout-ctrl .awc-thirtythree-sixtyseven-c0,

.layout-ctrl [class^=awc-three-thirtythree] {

    width: 33%

}



.layout-ctrl .awc-sixtyseven-thirtythree-c1 .dynamic-image,

.layout-ctrl .awc-sixtyseven-thirtythree-c1 .dynamic-image img,

.layout-ctrl .awc-thirtythree-sixtyseven-c0 .dynamic-image,

.layout-ctrl .awc-thirtythree-sixtyseven-c0 .dynamic-image img,

.layout-ctrl [class^=awc-three-thirtythree] .dynamic-image,

.layout-ctrl [class^=awc-three-thirtythree] .dynamic-image img {

    display: none

}



.layout-ctrl .awc-one-hundred {

    width: 100%;

    vertical-align: top

}



#featured-more-topic .section.layoutcolumnctrl {

    width: 100%;

    display: table;

    margin-bottom: 10px

}



#featured-more-topic .autowidthcolumnctrl {

    display: table;

    table-layout: fixed;

    width: 100%;

    border-spacing: 10px 0

}



@media screen and (max-width:767px) {

    .awc-fifty-fifty-c0,

    .awc-fifty-fifty-c1,

    .awc-fifty-twentyfive-twentyfive-c0,

    .awc-fifty-twentyfive-twentyfive-c1,

    .awc-fifty-twentyfive-twentyfive-c2,

    .awc-four-twentyfive-c0,

    .awc-four-twentyfive-c1,

    .awc-four-twentyfive-c2,

    .awc-four-twentyfive-c3,

    .awc-sixtyseven-thirtythree-c0,

    .awc-sixtyseven-thirtythree-c1,

    .awc-twentyfive-fifty-twentyfive-c0,

    .awc-twentyfive-fifty-twentyfive-c1,

    .awc-twentyfive-fifty-twentyfive-c2,

    .awc-twentyfive-twentyfive-fifty-c0,

    .awc-twentyfive-twentyfive-fifty-c1,

    .awc-twentyfive-twentyfive-fifty-c2 {

        width: 100%;

        margin-right: 0

    }

    .awc-three-thirtythree-c0,

    .awc-three-thirtythree-c1,

    .awc-three-thirtythree-c2 {

        float: none;

        width: 100%;

        display: block

    }

    .layout-ctrl .autowidthcolumnctrl {

        border-spacing: 0;

        margin-top: 10px

    }

    .layout-ctrl .autowidthcolumnctrl .awc-sixtyseven-thirtythree-c0 .dynamic-image,

    .layout-ctrl .autowidthcolumnctrl .awc-sixtyseven-thirtythree-c0 .dynamic-image img,

    .layout-ctrl .autowidthcolumnctrl .awc-thirtythree-sixtyseven-c1 .dynamic-image,

    .layout-ctrl .autowidthcolumnctrl .awc-thirtythree-sixtyseven-c1 .dynamic-image img {

        display: none

    }

    .layout-ctrl.table-frame,

    .layout-ctrl.table-frame .table-frame-row {

        display: block;

        width: 100%

    }

    .layout-ctrl.table-frame .auto-width-column [class^=awc-] {

        display: block;

        width: 100%;

        float: left;

        margin-bottom: 10px

    }

    .layout-ctrl.table-frame .auto-width-column [class^=awc-]:last-child {

        margin-bottom: 0

    }

    .layout-ctrl.table-frame .auto-width-column .calltoaction,

    .layout-ctrl.table-frame .auto-width-column .insight-black {

        display: block;

        width: 100%;

        float: left;

        margin-bottom: 10px

    }

    .layout-ctrl.table-frame .featured-promo.descriptive-promo .article-image,

    .layout-ctrl.table-frame .featured-promo.no-description .article-image {

        width: 100%;

        padding: 0;

        border-bottom: 2px solid #f4f4f4

    }

    .layout-ctrl.table-frame .featured-promo.descriptive-promo .article-text,

    .layout-ctrl.table-frame .featured-promo.no-description .article-text {

        width: 100%;

        padding: 20px

    }

    #featured-more-topic .autowidthcolumnctrl {

        border-spacing: 0

    }

    .layout-ctrl #row4 {

        margin-top: 0

    }

}



.table-frame .featuredpromo {

    background: #fff

}



.featured-promo,

.topic-promo-featured {

    vertical-align: top;

    height: 100%;

    width: 100%;

    display: inline-block

}



.featured-promo.insight-black,

.topic-promo-featured.insight-black {

    background-color: #000

}



.featured-promo.insight-black .article-text .promo-label,

.featured-promo.insight-black .article-text a,

.featured-promo.insight-black .article-text h3,

.topic-promo-featured.insight-black .article-text .promo-label,

.topic-promo-featured.insight-black .article-text a,

.topic-promo-featured.insight-black .article-text h3 {

    color: #97999b

}



.featured-promo.insight-black .article-text .call-to-action-label,

.featured-promo.insight-black .article-text .description,

.featured-promo.insight-black .article-text h2,

.topic-promo-featured.insight-black .article-text .call-to-action-label,

.topic-promo-featured.insight-black .article-text .description,

.topic-promo-featured.insight-black .article-text h2 {

    color: #fff

}



.featured-promo.insight-white,

.topic-promo-featured.insight-white {

    background-color: #fff

}



.featured-promo.insight-white .call-to-action-label,

.featured-promo.insight-white .description,

.featured-promo.insight-white a,

.featured-promo.insight-white h2,

.topic-promo-featured.insight-white .call-to-action-label,

.topic-promo-featured.insight-white .description,

.topic-promo-featured.insight-white a,

.topic-promo-featured.insight-white h2 {

    color: #000

}



.featured-promo.insight-white h3,

.topic-promo-featured.insight-white h3 {

    color: #97999b

}



.featured-promo a,

.topic-promo-featured a {

    color: #000

}



.featured-promo a:hover,

.topic-promo-featured a:hover {

    text-decoration: none

}



.featured-promo .article-image,

.topic-promo-featured .article-image {

    width: 30%;

    float: right;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    padding-left: 2%

}



.featured-promo .article-image img,

.topic-promo-featured .article-image img {

    float: right;

    width: 100%

}



.featured-promo .article-text,

.topic-promo-featured .article-text {

    width: 70%;

    float: left;

    padding: 20px 0 20px 20px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box

}



.featured-promo .article-text h2,

.topic-promo-featured .article-text h2 {

    margin: 0 .2em 0 0;

    padding-bottom: 0;

    font-size: 2.4em;

    font-weight: 400;

    line-height: 1.1em

}



.featured-promo .article-text h3,

.topic-promo-featured .article-text h3 {

    font-size: 1.8em;

    line-height: 1.22em;

    margin: .25em 0 0;

    font-weight: 400

}



.featured-promo .article-text .description,

.topic-promo-featured .article-text .description {

    font-size: 1.6em;

    line-height: 1.4em;

    display: block;

    max-width: 100%;

    margin: .7em auto 0

}



.featured-promo .call-to-action-label,

.topic-promo-featured .call-to-action-label {

    font-size: 1.6em;

    line-height: 1.3em;

    font-weight: 700;

    margin-top: .9em;

    position: relative

}



.featured-promo .call-to-action-label:after,

.topic-promo-featured .call-to-action-label:after {

    font-family: Dcom-EDE;

    content: "\f105";

    position: absolute;

    margin-left: 8px;

    line-height: 1.4em;

    color: #97999b

}



.topic-promo-featured {

    width: 100%;

    padding: 0!important

}



.topic-promo-featured .topic-image {

    width: 100%;

    padding: 0

}



.topic-promo-featured .article-text {

    width: 100%;

    padding: 20px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box

}



:lang(ja) .featured-promo .article-text h2,

:lang(ja) .topic-promo-featured .article-text h2 {

    font-size: 2.2em

}



@media screen and (min-width:768px) and (max-width:1024px) {

    .careers-promo,

    .events-promo,

    .featured-promo .article-text,

    .office-promo,

    .solutions-promo,

    .standard-promo,

    .topic-promo-featured .article-text {

        padding: 15px

    }

    .featured-promo .article-image,

    .topic-promo-featured .article-image {

        width: 100%;

        float: none;

        -webkit-box-sizing: border-box;

        -moz-box-sizing: border-box;

        box-sizing: border-box;

        border-bottom: 2px solid #f4f4f4;

        padding: 0

    }

    .featured-promo .article-image img,

    .topic-promo-featured .article-image img {

        float: none;

        width: 100%

    }

    .featured-promo .article-text,

    .topic-promo-featured .article-text {

        width: 100%;

        float: none;

        -webkit-box-sizing: border-box;

        -moz-box-sizing: border-box;

        box-sizing: border-box

    }

    .featured-promo .article-text h2,

    .topic-promo-featured .article-text h2 {

        font-size: 2em

    }

    .featured-promo .article-text .call-to-action-label,

    .featured-promo .article-text .description,

    .featured-promo .article-text h3,

    .topic-promo-featured .article-text .call-to-action-label,

    .topic-promo-featured .article-text .description,

    .topic-promo-featured .article-text h3 {

        font-size: 1.6em

    }

}



@media screen and (max-width:767px) {

    .careers-promo,

    .events-promo,

    .featured-promo .article-text,

    .office-promo,

    .solutions-promo,

    .standard-promo,

    .topic-promo-featured .article-text {

        padding: 15px

    }

    .featured-promo .article-image,

    .topic-promo-featured .article-image {

        width: 100%;

        float: none;

        -webkit-box-sizing: border-box;

        -moz-box-sizing: border-box;

        box-sizing: border-box;

        border-bottom: 2px solid #f4f4f4;

        padding: 0

    }

    .featured-promo .article-image img,

    .topic-promo-featured .article-image img {

        float: none;

        width: 100%

    }

    .featured-promo .article-text,

    .topic-promo-featured .article-text {

        width: 100%;

        float: none;

        -webkit-box-sizing: border-box;

        -moz-box-sizing: border-box;

        box-sizing: border-box

    }

    .featured-promo .article-text h2,

    .topic-promo-featured .article-text h2 {

        font-size: 2em

    }

    .featured-promo .article-text h3,

    .topic-promo-featured .article-text h3 {

        font-size: 1.6em

    }

    .featured-promo .article-text .call-to-action-label,

    .featured-promo .article-text .description,

    .topic-promo-featured .article-text .call-to-action-label,

    .topic-promo-featured .article-text .description {

        font-size: 1.4em

    }

    .featured-promo .dynamic-image,

    .featured-promo .dynamic-image img,

    .topic-promo-featured .dynamic-image,

    .topic-promo-featured .dynamic-image img {

        display: none

    }

}



#gSearchForm i {

    position: absolute;

    z-index: 1;

    right: 0;

    font-size: 2em;

    color: #FFF;

    text-align: center!important;

    top: 0;

    background: #75787b!important;

    width: 32px;

    height: 100%;

    line-height: 34px

}



#gSearchForm input::-webkit-input-placeholder {

    color: #fff!important

}



#gSearchForm input::-ms-input-placeholder {

    color: #fff

}



#gSearchForm input::-moz-placeholder {

    color: #fff;

    opacity: 1

}



input.gsc-input {

    background: #333;

    width: 100%;

    margin: 0;

    border: 1px solid #75787b;

    color: #fff;

    padding: .5em 10% .5em 3%;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    vertical-align: top;

    font-size: 16px;

    height: 36px;

    font-family: 'Open Sans', Arial, Helvetica, sans-serif;

    position: relative

}



ul.dropdown-menu li img,

ul.dropdown-menu li:first-child {

    border: 1px solid #d0d0ce

}



input.gsc-input::-ms-clear {

    display: none

}



ul.dropdown-menu {

    position: absolute;

    background: #fff;

    width: 97%;

    z-index: 1001;

    margin-top: -2px

}



ul.dropdown-menu li {

    border-left: 1px solid #d0d0ce;

    border-right: 1px solid #d0d0ce;

    background: #f8f8f8;

    cursor: pointer;

    height: auto;

    margin: 0;

    padding: .25em .6em;

    position: relative;

    color: #000;

    font-size: 1.4em;

    border-bottom: 1px solid #d0d0ce;

    line-height: 2em

}



ul.dropdown-menu li a {

    color: #000

}



ul.dropdown-menu li.promotions:hover,

ul.dropdown-menu li.promotions:hover a {

    color: #fff

}



ul.dropdown-menu li.promotions a {

    color: #00a3e0;

    line-height: normal;

    white-space: normal;

    display: block

}



ul.dropdown-menu li.promotions a.promo-desc {

    color: #000

}



ul.dropdown-menu li.active,

ul.dropdown-menu li:hover {

    background: #333

}



ul.dropdown-menu li.active a,

ul.dropdown-menu li.active a.promo-desc,

ul.dropdown-menu li.active p,

ul.dropdown-menu li:hover a,

ul.dropdown-menu li:hover a.promo-desc,

ul.dropdown-menu li:hover p {

    color: #f8f8f8

}



ul.dropdown-menu li img {

    width: 42px;

    height: 42px;

    margin-top: 3px;

    float: left

}



ul.dropdown-menu li p {

    margin-left: 52px

}



ul.dropdown-menu li:last-child {

    border-bottom: 1px solid #d0d0ce;

    background-clip: padding-box

}



@media screen and (min-width:768px) and (max-width:1024px) {

    input.gsc-input {

        padding: .5em 20% .5em 3%

    }

}



@media screen and (max-width:767px) {

    form#gSearchForm {

        width: 88%;

        float: right

    }

    #gSearchForm i {

        right: 5%;

        top: 11px;

        height: auto;

        line-height: 35px

    }

    input.gsc-input {

        padding: .5em 10% .5em 3%

    }

    .bilingual-logo-template #gSearchForm i {

        top: 23%

    }

}



.custom-rte a:hover {

    text-decoration: underline

}



.custom-rte a:visited {

    color: #609!important

}



.custom-rte blockquote,

.custom-rte li,

.custom-rte p {

    color: #000;

    font-size: 1.4em;

    font-weight: 400

}



.custom-rte li {

    list-style-position: outside

}



.custom-rte blockquote {

    margin: 1em 2.86em

}



.custom-rte ol,

.custom-rte ul {

    margin-left: 30px;

    list-style-position: inside

}



.custom-rte ol li,

.custom-rte ul li {

    display: list-item;

    list-style-type: disc

}



.custom-rte ol ol,

.custom-rte ol ul,

.custom-rte ul ol,

.custom-rte ul ul {

    margin-top: 1em

}



.custom-rte ol li {

    list-style-type: decimal

}



.custom-rte .body-copy {

    color: inherit;

    font: inherit;

    line-height: inherit;

    margin: inherit

}



.custom-rte table.rte-branded-table-styles {

    border: none;

    margin-bottom: 1em;

    width: 100%

}



.custom-rte table.rte-branded-table-styles tr {

    border-top: 1px solid #d0d0ce

}



.custom-rte table.rte-branded-table-styles tr td {

    border: none;

    font-size: 1.4em;

    padding-left: 1.2em;

    padding-top: 1em;

    padding-bottom: 1em

}



.custom-rte table.rte-branded-table-styles tr:last-child {

    border-bottom: 1px solid #d0d0ce

}



.custom-rte table.rte-branded-table-styles th {

    background: #0076a8;

    border: none;

    color: #fff;

    font-size: 1.4em;

    padding-bottom: 1.2em;

    padding-left: 1em;

    padding-top: 1.2em;

    text-align: left;

    font-weight: 700

}



.custom-rte .quotes {

    display: block;

    font-size: 1.285715em;

    padding: 0 8% 0 9%;

    position: relative

}



.custom-rte .quotes:after,

.custom-rte .quotes:before {

    color: #81bc00;

    font-family: Dcom-EDE!important;

    font-size: 2em;

    speak: none

}



.custom-rte .quotes:before {

    float: left;

    margin-left: -11%;

    margin-top: -7px

}



.custom-rte .quotes:after {

    content: "\f10e";

    position: absolute;

    right: 0;

    top: -7px

}



.custom-rte ol li ul li,

.custom-rte ul li ul li {

    list-style-type: disc

}



.custom-rte ol li ol li,

.custom-rte ul li ol li {

    list-style-type: decimal

}



.get-in-touch .content ul,

.wrapper.profile-page .main-col ul {

    list-style-type: disc

}



.custom-rte span.small-body-copy {

    font-size: .79em

}



.custom-rte li li,

.custom-rte span.body-copy {

    font-size: 1em

}



:lang(zh-Hans) .custom-rte blockquote,

:lang(zh-Hans) .custom-rte li,

:lang(zh-Hans) .custom-rte p,

:lang(zh-Hant) .custom-rte blockquote,

:lang(zh-Hant) .custom-rte li,

:lang(zh-Hant) .custom-rte p {

    font-size: 1.5em

}



:lang(zh-Hans) .custom-rte h4,

:lang(zh-Hant) .custom-rte h4 {

    line-height: 1.6em

}



:lang(zh-Hans) .custom-rte h5,

:lang(zh-Hant) .custom-rte h5 {

    font-size: 1.5em;

    line-height: 1.6em

}



:lang(zh-Hans) .custom-rte li,

:lang(zh-Hant) .custom-rte li {

    margin: .5em 0 .5em 1.5em

}



:lang(zh-Hans) .custom-rte li li,

:lang(zh-Hant) .custom-rte li li {

    font-size: 1em;

    margin: .5em 0 .5em 1.5em

}



:lang(zh-Hans) .custom-rte ol ol,

:lang(zh-Hans) .custom-rte ol ul,

:lang(zh-Hans) .custom-rte ul ol,

:lang(zh-Hans) .custom-rte ul ul,

:lang(zh-Hant) .custom-rte ol ol,

:lang(zh-Hant) .custom-rte ol ul,

:lang(zh-Hant) .custom-rte ul ol,

:lang(zh-Hant) .custom-rte ul ul {

    margin-top: 0

}



:lang(zh-Hans) .custom-rte .quotes,

:lang(zh-Hant) .custom-rte .quotes {

    line-height: 1.8em

}



:lang(zh-Hans) .custom-rte span.small-body-copy,

:lang(zh-Hant) .custom-rte span.small-body-copy {

    font-size: .86em

}



@media screen and (max-width:767px) {

    .custom-rte table.rte-branded-table-styles tr td {

        padding: 0 .4em

    }

    .custom-rte .quotes {

        font-size: 1.145em;

        padding: 0 8% 0 10%

    }

    .custom-rte .quotes:before {

        margin-left: -16%

    }

}



.get-in-touch .col-70,

.get-in-touch .content {

    padding-left: 15px;

    padding-right: 15px

}



.get-in-touch {

    background: #fff;

    border-top: 4px solid #86bc25

}



.get-in-touch .content {

    max-width: 1200px;

    margin: 0 auto;

    padding-top: 20px

}



.get-in-touch .content ol {

    list-style-type: decimal

}



.get-in-touch .content .get-in-touch-rich-text {

    font-size: 1.4em;

    color: #000;

    font-weight: 400

}



.get-in-touch .headline {

    font-size: 1.8em;

    font-weight: 400

}



.get-in-touch .author-panel {

    padding: 20px 0

}



@media only screen and (max-width:1023px) and (min-width:768px) {

    .get-in-touch .author-panel {

        padding: 0

    }

    .get-in-touch .author-panel:first-of-type {

        padding-bottom: 0

    }

}



.get-in-touch .author-panel .box-white.box-container-white {

    border-top: none

}



.get-in-touch .author-panel .box-white.box-container-white .secondary-headline {

    display: none

}



@media only screen and (max-width:767px) {

    .get-in-touch .author-panel {

        padding: 0

    }

    .get-in-touch .author-panel:first-of-type {

        padding-bottom: 0

    }

    .get-in-touch .author-panel.author-panel-1 .profile-boxes .profile-box-inner,

    .get-in-touch .author-panel.author-panel-2 .profile-boxes .profile-box-inner {

        padding: 0 0 10px

    }

}



@media only screen and (max-width:1023px) and (min-width:768px) {

    .get-in-touch .author-panel.author-panel-1 .profile-boxes .profile-box-inner,

    .get-in-touch .author-panel.author-panel-2 .profile-boxes .profile-box-inner {

        padding: 0

    }

}



.get-in-touch .author-panel.author-panel-1 .profile-boxes .profile-box-inner,

.get-in-touch .author-panel.author-panel-2 .profile-boxes .profile-box-inner {

    border-bottom: 0

}



.get-in-touch .author-panel.author-panel-1 .profile-boxes .profile-box-inner .profile-img,

.get-in-touch .author-panel.author-panel-2 .profile-boxes .profile-box-inner .profile-img {

    display: block;

    float: left;

    width: 30%;

    max-width: 100px

}



.get-in-touch .author-panel.author-panel-1 .profile-boxes .profile-box-inner .profile-txt,

.get-in-touch .author-panel.author-panel-2 .profile-boxes .profile-box-inner .profile-txt {

    display: block;

    padding-left: 15px;

    width: 68%;

    float: left;

    margin-left: 0

}



@media only screen and (max-width:767px) {

    .get-in-touch .author-panel.author-panel-1 .profile-boxes .profile-box-inner .profile-txt,

    .get-in-touch .author-panel.author-panel-2 .profile-boxes .profile-box-inner .profile-txt {

        margin-top: 0;

        clear: none

    }

    .get-in-touch .author-panel.author-panel-1 .profile-boxes .profile-box-inner .profile-txt .email-wrapper,

    .get-in-touch .author-panel.author-panel-2 .profile-boxes .profile-box-inner .profile-txt .email-wrapper {

        padding: 0

    }

}



.get-in-touch .author-panel.author-panel-1 .profile-boxes .profile-box-inner .profile-txt .divider,

.get-in-touch .author-panel.author-panel-2 .profile-boxes .profile-box-inner .profile-txt .divider {

    padding: 0 5px;

    color: gray

}



.get-in-touch .author-panel.author-panel-1 .profile-boxes .profile-box-inner .profile-txt .contact-info,

.get-in-touch .author-panel.author-panel-2 .profile-boxes .profile-box-inner .profile-txt .contact-info {

    margin: 6px 0;

    font-size: 1.4em

}



.get-in-touch .author-panel.author-panel-1 .profile-boxes .profile-box-inner .profile-txt .contact-info a,

.get-in-touch .author-panel.author-panel-2 .profile-boxes .profile-box-inner .profile-txt .contact-info a {

    display: inline-block

}



.get-in-touch .author-panel.author-panel-1 .profile-boxes .profile-box-inner .profile-txt .contact-info .link-email,

.get-in-touch .author-panel.author-panel-2 .profile-boxes .profile-box-inner .profile-txt .contact-info .link-email {

    margin-bottom: 6px

}



.get-in-touch .author-panel.author-panel-1 .profile-boxes .profile-box-inner .profile-txt .contact-info .link-telephone,

.get-in-touch .author-panel.author-panel-2 .profile-boxes .profile-box-inner .profile-txt .contact-info .link-telephone {

    color: #000;

    word-break: keep-all

}



.get-in-touch .author-panel.author-panel-1 .profile-boxes .profile-box-inner .profile-txt .author-description p,

.get-in-touch .author-panel.author-panel-2 .profile-boxes .profile-box-inner .profile-txt .author-description p {

    visibility: hidden;

    height: 0

}



.get-in-touch .author-panel.author-panel-1 .profile-boxes .profile-box-inner .profile-txt .social-media-wrapper,

.get-in-touch .author-panel.author-panel-2 .profile-boxes .profile-box-inner .profile-txt .social-media-wrapper {

    margin: 10px 0 0

}



.get-in-touch .author-panel.author-panel-1 .profile-boxes .profile-box-inner .profile-txt .social-media-wrapper li a,

.get-in-touch .author-panel.author-panel-2 .profile-boxes .profile-box-inner .profile-txt .social-media-wrapper li a {

    display: table-cell

}



.get-in-touch .author-panel.author-panel-1 .profile-boxes .profile-box-inner .profile-txt .social-media-wrapper .icon-whatsapp,

.get-in-touch .author-panel.author-panel-2 .profile-boxes .profile-box-inner .profile-txt .social-media-wrapper .icon-whatsapp {

    display: none

}



@media only screen and (max-width:1023px) and (min-width:768px) {

    .get-in-touch .author-panel.author-panel-1 .profile-boxes .profile-box-inner .profile-txt .social-media-wrapper .icon-whatsapp,

    .get-in-touch .author-panel.author-panel-2 .profile-boxes .profile-box-inner .profile-txt .social-media-wrapper .icon-whatsapp {

        display: none

    }

}



@media only screen and (max-width:767px) {

    .get-in-touch .author-panel {

        padding: 0

    }

    .get-in-touch .author-panel.author-panel-1 .profile-boxes .profile-box-inner,

    .get-in-touch .author-panel.author-panel-2 .profile-boxes .profile-box-inner {

        padding: 0 0 10px

    }

    .get-in-touch .author-panel.author-panel-1 .profile-boxes .profile-box-inner .profile-txt,

    .get-in-touch .author-panel.author-panel-2 .profile-boxes .profile-box-inner .profile-txt {

        margin-top: 0;

        clear: none

    }

    .get-in-touch .author-panel.author-panel-1 .profile-boxes .profile-box-inner .profile-txt .email-wrapper,

    .get-in-touch .author-panel.author-panel-2 .profile-boxes .profile-box-inner .profile-txt .email-wrapper {

        padding: 0

    }

    .get-in-touch .author-panel.author-panel-1 .profile-boxes .profile-box-inner .profile-txt .social-media-wrapper .icon-whatsapp,

    .get-in-touch .author-panel.author-panel-2 .profile-boxes .profile-box-inner .profile-txt .social-media-wrapper .icon-whatsapp {

        display: table-cell

    }

    .inline-nav-topic-page,

    .tabbed-nav {

        text-align: left;

        padding: 0;

        background: #393939;

        border-bottom: 2px solid #86bc25

    }

    .inline-nav-topic-page .active-topic,

    .tabbed-nav .active-topic {

        position: relative;

        display: block;

        border-bottom: 1px solid #bbbcbc

    }

    .inline-nav-topic-page .active-topic .label,

    .tabbed-nav .active-topic .label {

        display: block;

        color: #d0d0ce;

        padding: 10px 20px;

        font-size: 1.8em;

        text-transform: capitalize

    }

    .inline-nav-topic-page .active-topic .label a,

    .tabbed-nav .active-topic .label a {

        color: #d0d0ce

    }

    .inline-nav-topic-page .active-topic .dropdown-btn,

    .tabbed-nav .active-topic .dropdown-btn {

        font-family: Dcom-EDE;

        font-size: 1.5em;

        color: #d0d0ce;

        position: absolute;

        top: 14px;

        right: 8px;

        height: 20px;

        width: 20px;

        text-align: center

    }

    .inline-nav-topic-page .active-topic.closed .dropdown-btn:after,

    .tabbed-nav .active-topic.closed .dropdown-btn:after {

        content: "\f054"

    }

    .inline-nav-topic-page .active-topic.opened .dropdown-btn:after,

    .tabbed-nav .active-topic.opened .dropdown-btn:after {

        content: "\f053"

    }

    .inline-nav-topic-page a.inline-nav-container-links,

    .tabbed-nav a.inline-nav-container-links {

        display: block;

        border-right: 0;

        margin: 0;

        border-bottom: 1px solid #bbbcbc;

        color: #d0d0ce;

        padding: 10px 20px;

        font-size: 1.8em

    }

    .inline-nav-topic-page .mock-ul.closed,

    .inline-nav-topic-page a.inline-nav-container-links.active,

    .inline-nav-topic-page a.inline-nav-container-links.active-cue,

    .inline-nav-topic-page ul.closed,

    .tabbed-nav .mock-ul.closed,

    .tabbed-nav a.inline-nav-container-links.active,

    .tabbed-nav a.inline-nav-container-links.active-cue,

    .tabbed-nav ul.closed {

        display: none

    }

    .inline-nav-topic-page .mock-ul.opened,

    .inline-nav-topic-page ul.opened,

    .tabbed-nav .mock-ul.opened,

    .tabbed-nav ul.opened {

        display: block

    }

    .inline-nav-topic-page .mock-ul li,

    .inline-nav-topic-page ul li,

    .tabbed-nav .mock-ul li,

    .tabbed-nav ul li {

        display: block;

        border-right: 0;

        margin: 0;

        border-bottom: 1px solid #bbbcbc

    }

    .inline-nav-topic-page .mock-ul li.active,

    .inline-nav-topic-page .mock-ul li.hide-md,

    .inline-nav-topic-page ul li.active,

    .inline-nav-topic-page ul li.hide-md,

    .tabbed-nav .mock-ul li.active,

    .tabbed-nav .mock-ul li.hide-md,

    .tabbed-nav ul li.active,

    .tabbed-nav ul li.hide-md {

        display: none

    }

    .inline-nav-topic-page .mock-ul li .label,

    .inline-nav-topic-page ul li .label,

    .tabbed-nav .mock-ul li .label,

    .tabbed-nav ul li .label {

        display: block;

        color: #d0d0ce;

        padding: 10px 20px;

        font-size: 1.8em

    }

    .main-container.cse-search-page .content-filters .content-button.btn-blue:after {

        top: 34px;

        border: solid transparent;

        content: " ";

        height: 0;

        width: 0;

        position: absolute;

        pointer-events: none;

        border-color: rgba(134, 188, 36, 0);

        border-top-color: #86bc24;

        border-width: 8px;

        margin-left: -4px

    }

    .main-container.cse-search-page .content-filters {

        padding: 0;

        margin: 0

    }

    .main-container.cse-search-page .content-filters .content-button {

        visibility: hidden

    }

    .main-container.cse-search-page .content-filters .tabbedMenu .content-button {

        visibility: visible

    }

    .main-container.cse-search-page .content-filters .tabbedMenu .content-button.btn-blue:after {

        left: 46%;

        top: 40px;

        border: solid transparent;

        content: " ";

        height: 0;

        width: 0;

        display: block;

        position: absolute;

        pointer-events: none;

        border-color: rgba(134, 188, 36, 0);

        border-top-color: #86bc24;

        border-width: 8px;

        margin-left: -4px

    }

    .main-container.cse-search-page .tabbedMenuWrap {

        position: relative

    }

    .main-container.cse-search-page .tabbedScrollWrap {

        position: relative;

        top: 1px;

        overflow: hidden;

        height: 60px

    }

    .main-container.cse-search-page .scrollArrows {

        position: absolute;

        top: 0;

        z-index: 10;

        background: #d0d0ce;

        border-radius: 0;

        color: #d0d0ce;

        text-align: center;

        display: block;

        width: 40px;

        height: 41px;

        text-decoration: none;

        font-family: Dcom-EDE

    }

    .main-container.cse-search-page .scrollArrows.menuScrollLeft {

        background: -moz-linear-gradient(left, #fff 35%, rgba(255, 255, 255, 0) 100%);

        background: -webkit-linear-gradient(left, #fff 35%, rgba(255, 255, 255, 0) 100%);

        background: linear-gradient(to right, #fff 35%, rgba(255, 255, 255, 0) 100%);

        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=1)

    }

    .main-container.cse-search-page .scrollArrows.menuScrollLeft:after {

        content: '\f053';

        position: absolute;

        top: 15px;

        left: 10%;

        font-size: 12px

    }

    .main-container.cse-search-page .scrollArrows.menuScrollRight {

        background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0, #fff 76%);

        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, #fff 76%);

        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, #fff 76%);

        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1)

    }

    .main-container.cse-search-page .scrollArrows.menuScrollRight:after {

        content: '\f054';

        position: absolute;

        top: 15px;

        right: 10%;

        font-size: 12px

    }

    .main-container.cse-search-page .menuScrollRight {

        right: 0;

        border-right: none

    }

    .main-container.cse-search-page .tabbedMenu li a {

        display: block;

        padding: 4px 15px;

        text-decoration: none

    }

    .main-container.cse-search-page .tabList {

        position: absolute;

        top: -3px;

        right: -10px;

        z-index: 30

    }

    .main-container.cse-search-page .tabList ul {

        display: none;

        margin: 0;

        height: auto;

        width: 200px;

        position: relative;

        top: 10px

    }

    .main-container.cse-search-page .content-filters .content-button {

        display: inline-block;

        margin-top: -15px;

        padding: 12px 40px

    }

    .main-container.cse-search-page .content-filters .content-button:last-child {

        margin: 0 0 1em

    }

    .main-container.cse-search-page .content-filters .content-button.btn-blue:before {

        top: auto;

        bottom: 0

    }

    .main-container.cse-search-page .content-filters .content-button.btn-blue:after {

        left: 46%

    }

    .overflow-tabs {

        width: 100%!important;

        display: block;

        background: #fff;

        margin: -15px -15px 15px

    }

    .overflow-tabs .content-button {

        width: 48%;

        cursor: pointer;

        display: inline-block;

        position: relative;

        padding: 10px 0;

        margin: 0;

        -webkit-touch-callout: none;

        -webkit-user-select: none;

        -khtml-user-select: none;

        -moz-user-select: none;

        -ms-user-select: none;

        user-select: none

    }

    .overflow-tabs .content-button .label {

        font-size: 1.6em;

        padding: 3px 25%;

        border-right: 1px solid #d0d0ce;

        display: block;

        text-align: center;

        color: #000;

        word-break: normal

    }

    .overflow-tabs .content-button:last-of-type .label {

        border-right: none

    }

    .overflow-tabs .content-button.active {

        border-bottom: 5px solid #86bc25;

        font-weight: 700

    }

    .overflow-tabs .content-button.active::after {

        content: " ";

        border-top: 10px solid #86bc25;

        border-right: 8px solid transparent;

        border-left: 8px solid transparent;

        border-bottom: 0;

        position: absolute;

        bottom: -15px;

        left: 43.5%;

        height: 0;

        width: 0

    }

}



.brightcovepodcast .podcast .video-js .vjs-control-bar .vjs-play-control.vjs-playing:before,

.brightcovepodcast .podcast .video-js .vjs-control-bar .vjs-play-control:before,

.brightcovepodcast .podcast .video-js .vjs-control-bar .vjs-volume-menu-button.vjs-vol-0:before,

.brightcovepodcast .podcast .video-js .vjs-control-bar .vjs-volume-menu-button:before,

.standard-copy-call-to-action a[target="_blank"].button.btn-blue:after,

.vjs-big-play-button:before,

.vjs-icon-gplus:before,

.vjs-icon-linkedin:before,

.vjs-icon-pinterest:before,

.vjs-icon-play:before,

.vjs-icon-share:before,

.vjs-icon-tumblr:before,

.vjs-icon-twitter:before {

    font-family: Dcom-EDE!important

}



.inline-nav-topic-page,

.tabbed-nav {

    text-align: center;

    padding: 0 0 10px;

    background: #fff

}



.inline-nav-topic-page .active-topic,

.tabbed-nav .active-topic {

    display: none

}



.inline-nav-topic-page a.inline-nav-container-links,

.tabbed-nav a.inline-nav-container-links {

    display: inline-block;

    position: relative;

    border-right: 1px solid #bbbcbc;

    margin-top: 18px;

    margin-bottom: 7px;

    font-size: 1.4em;

    padding: 5px 18px;

    color: #000;

    text-transform: capitalize

}



.inline-nav-topic-page a.inline-nav-container-links:hover,

.tabbed-nav a.inline-nav-container-links:hover {

    text-decoration: underline

}



.inline-nav-topic-page a.inline-nav-container-links.active-cue:hover,

.inline-nav-topic-page li.active .label:hover,

.tabbed-nav a.inline-nav-container-links.active-cue:hover,

.tabbed-nav li.active .label:hover {

    text-decoration: none

}



.inline-nav-topic-page a.inline-nav-container-links:last-of-type,

.tabbed-nav a.inline-nav-container-links:last-of-type {

    border-right: 0

}



.inline-nav-topic-page a.inline-nav-container-links.active-cue,

.tabbed-nav a.inline-nav-container-links.active-cue {

    font-weight: 700;

    border-bottom: 4px solid #86bc25

}



.inline-nav-topic-page a.inline-nav-container-links.active-cue::after,

.tabbed-nav a.inline-nav-container-links.active-cue::after {

    content: " ";

    border-top: 10px solid #86bc25;

    border-right: 8px solid transparent;

    border-left: 8px solid transparent;

    border-bottom: 0;

    position: absolute;

    bottom: -13px;

    left: 43.5%;

    height: 0;

    width: 0

}



.inline-nav-topic-page li,

.tabbed-nav li {

    display: inline-block;

    position: relative;

    border-right: 1px solid #bbbcbc;

    margin-top: 18px;

    margin-bottom: 7px

}



.brightcovepodcast .podcast .video-js .vjs-big-play-button,

.brightcovepodcast .podcast .video-js .vjs-poster,

.brightcovepodcast .podcast .video-js video {

    display: none

}



.inline-nav-topic-page li:last-of-type,

.tabbed-nav li:last-of-type {

    border-right: 0

}



.inline-nav-topic-page li.active,

.tabbed-nav li.active {

    font-weight: 700

}



.inline-nav-topic-page li.active .label,

.tabbed-nav li.active .label {

    border-bottom: 4px solid #86bc25

}



.inline-nav-topic-page li.active::after,

.tabbed-nav li.active::after {

    content: " ";

    border-top: 10px solid #86bc25;

    border-right: 8px solid transparent;

    border-left: 8px solid transparent;

    border-bottom: 0;

    position: absolute;

    bottom: -27px;

    left: 43.5%;

    height: 0;

    width: 0

}



.inline-nav-topic-page li .label,

.tabbed-nav li .label {

    font-size: 1.4em;

    padding: 20px 18px 14px;

    color: #000;

    text-transform: capitalize

}



.inline-nav-topic-page li .label:hover,

.tabbed-nav li .label:hover {

    text-decoration: underline

}



.main-container.cse-search-page .content-filters .tabList {

    visibility: hidden!important

}



.main-container.cse-search-page .content-filters .content-button.btn-blue:after {

    left: 46%;

    top: 34px;

    border: solid transparent;

    content: " ";

    height: 0;

    width: 0;

    position: absolute;

    pointer-events: none;

    border-color: rgba(134, 188, 36, 0);

    border-top-color: #86bc24;

    border-width: 8px;

    margin-left: -4px

}



.topic-page .topic-services {

    background: #fff;

    border-radius: 0;

    border: none;

    padding: 0;

    margin-bottom: 15px

}



.topic-page .topic-services .tertiary-headline {

    padding: 12px 20px;

    background: #000;

    color: #fff;

    font-weight: 400;

    font-size: 1.8em;

    min-height: 50px;

    box-sizing: border-box;

    margin: 0

}



.topic-page .topic-services .service-tags li {

    margin: 0;

    padding: 30px 20px;

    border-bottom: 1px solid #bbbcbc

}



.topic-page .topic-services .service-tags li:hover {

    background: #eeeeed

}



.topic-page .topic-services .service-tags li a {

    padding: 0

}



.topic-page .topic-services .service-tags li a:hover .service-title {

    text-decoration: none

}



.content.main .inline-nav-container .inline-nav-content-page .inline-nav-container-links:hover,

.standard-copy .standard-copy-left-column a:hover {

    text-decoration: underline

}



.topic-page .topic-services .service-tags li a .service-title {

    font-size: 1.8em;

    font-weight: 400

}



.topic-page .topic-services .service-tags li a p {

    font-size: 1.4em;

    margin: 0 0 30px;

    color: #75787b

}



.topic-page .topic-services .service-tags li:last-of-type {

    border-bottom: 0

}



.brightcovepodcast {

    width: 100%

}



.brightcovepodcast .podcast-content {

    background-color: #e8eae9;

    padding: 20px;

    text-align: center

}



.brightcovepodcast .podcast-content.icon-podcast-o:before {

    font-size: 5em;

    color: #97999b;

    padding: 0 0 .25em

}



.brightcovepodcast .podcast-content h4 {

    font-size: 1.8em;

    font-weight: 700;

    text-align: left

}



.brightcovepodcast .podcast-content .custom-rte {

    text-align: left

}



.brightcovepodcast .podcast .video-js {

    box-sizing: border-box;

    width: 100%;

    max-height: 150px;

    background: 0 0;

    margin-bottom: -75px;

    -webkit-transform: none;

    -moz-transform: none;

    -o-transform: none;

    -ms-transform: none;

    transform: none

}



.brightcovepodcast .podcast .video-js object {

    width: 18px;

    height: 20px;

    left: 20px;

    top: 30px;

    z-index: 1;

    opacity: 0

}



.brightcovepodcast .podcast .video-js .vjs-control {

    height: 61px

}



.brightcovepodcast .podcast .video-js .vjs-control:before {

    font-size: 16px!important;

    opacity: 1;

    line-height: 29px;

    width: 54px

}



.brightcovepodcast .podcast .video-js .vjs-play-progress {

    margin-top: -8px!important;

    height: 8px!important;

    background: #86bc25!important

}



.brightcovepodcast .podcast .video-js .vjs-load-progress {

    height: 8px!important

}



.brightcovepodcast .podcast .video-js .vjs-progress-holder {

    height: 7px!important;

    padding: 21px 0 22px!important

}



.brightcovepodcast .podcast .video-js .vjs-progress-holder:before {

    height: 7px!important;

    border: 1px solid #53565a

}



.brightcovepodcast .podcast .video-js .vjs-control-bar {

    top: 0;

    visibility: visible!important;

    display: inline-flex;

    -webkit-transform: none;

    -moz-transform: none;

    -o-transform: none;

    -ms-transform: none;

    transform: none;

    background-color: #d0d0ce;

    border-color: #d0d0ce;

    color: #53565a;

    height: 76px

}



.brightcovepodcast .podcast .video-js .vjs-control-bar .vjs-fullscreen-control.vjs-control.vjs-button {

    display: none

}



.brightcovepodcast .podcast .video-js .vjs-control-bar .vjs-volume-menu-button {

    display: inline

}



.brightcovepodcast .podcast .video-js .vjs-control-bar .vjs-volume-menu-button:before {

    font-size: 16px!important;

    margin-left: -5px

}



.brightcovepodcast .podcast .video-js .vjs-control-bar .vjs-volume-menu-button .vjs-menu,

.brightcovepodcast .podcast .video-js .vjs-control-bar .vjs-volume-menu-button .vjs-menu-content {

    display: none

}



.brightcovepodcast .podcast .video-js .vjs-control-bar .vjs-play-control {

    width: 45px!important

}



.brightcovepodcast .podcast .video-js .vjs-control-bar .vjs-time-control {

    position: absolute;

    top: 31px

}



.brightcovepodcast .podcast .video-js .vjs-control-bar .vjs-current-time {

    left: 34px!important;

    font-weight: 600

}



.brightcovepodcast .podcast .video-js .vjs-control-bar .vjs-time-divider {

    left: 84px!important

}



.brightcovepodcast .podcast .video-js .vjs-control-bar .vjs-duration {

    left: 83px!important

}



.brightcovepodcast .podcast .video-js .vjs-control-bar .vjs-progress-holder.vjs-slider-horizontal {

    width: 100%

}



.brightcovepodcast .podcast .video-js.vjs-has-started.vjs-user-inactive .vjs-control-bar {

    margin-left: inherit;

    pointer-events: inherit;

    -webkit-transform: none;

    -moz-transform: none;

    -o-transform: none;

    -ms-transform: none;

    transform: none

}



.brightcovepodcast .podcast .video-js.vjs-has-started.vjs-user-inactive .vjs-control-bar .vjs-control {

    width: inherit;

    padding: inherit;

    opacity: inherit;

    margin-left: -13px;

    -webkit-transform: none;

    -moz-transform: none;

    -o-transform: none;

    -ms-transform: none;

    transform: none

}



.brightcovepodcast .podcast .video-js.vjs-has-started.vjs-user-inactive .vjs-control-bar .vjs-control .vjs-progress-holder.vjs-slider-horizontal {

    width: 100%;

    margin-left: 10px

}



.brightcovepodcast .podcast .video-js.vjs-has-started.vjs-user-inactive .vjs-control-bar .vjs-control .vjs-play-progress {

    background: 0 0!important

}



.brightcovepodcast .podcast .video-js.vjs-has-started.vjs-user-inactive .vjs-control-bar .vjs-control.vjs-button {

    margin-left: 0

}



.brightcovepodcast .podcast .video-js.vjs-has-started.vjs-user-inactive .vjs-control-bar .vjs-control.vjs-volume-menu-button {

    margin-right: 10px

}



.brightcovepodcast .podcast .video-js.vjs-has-started.vjs-user-inactive .vjs-control-bar .vjs-control.vjs-current-time {

    left: 57px!important

}



.brightcovepodcast .podcast .video-js.vjs-has-started.vjs-user-inactive .vjs-control-bar .vjs-control.vjs-duration {

    left: 105px!important

}



.brightcovepodcast .podcast .video-js.vjs-has-started.vjs-user-inactive .vjs-control-bar .vjs-control .vjs-progress-control {

    -webkit-transform: none;

    -moz-transform: none;

    -o-transform: none;

    -ms-transform: none;

    transform: none

}



.brightcovepodcast .podcast .video-js.vjs-has-started.vjs-user-inactive .vjs-control-bar .vjs-time-divider {

    left: 90px;

    opacity: 1

}



@media screen and (min-width:768px) and (max-width:1024px) {

    .podcast .video-js {

        max-height: 122px

    }

}



@media screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait) {

    .podcast .video-js {

        max-height: 102px

    }

    .podcast .video-js .vjs-control-bar {

        height: 54px

    }

    .podcast .video-js .vjs-control-bar .vjs-control {

        width: 41px

    }

    .podcast .video-js .vjs-control-bar .vjs-play-control:before {

        font-size: 20px

    }

    .podcast .video-js .vjs-control-bar .vjs-volume-menu-button:before {

        font-size: 16px

    }

    .podcast .video-js .vjs-control-bar .vjs-time-control {

        top: 15px

    }

    .podcast .video-js .vjs-control-bar .vjs-current-time {

        left: 40px

    }

    .podcast .video-js .vjs-control-bar .vjs-time-divider {

        left: 79px

    }

    .podcast .video-js .vjs-control-bar .vjs-duration {

        left: 82px

    }

}



@media screen and (max-width:767px) {

    .podcast-content {

        padding: 15px

    }

    .podcast .video-js {

        max-height: 58px;

        margin-bottom: -5px

    }

    .podcast .video-js .vjs-control-bar {

        height: 59px

    }

    .podcast .video-js .vjs-control-bar .vjs-time-control {

        top: 20px

    }

}



.extended-background .showcase-frame .showcase-basic .showcase-content-height,

.showcase-content-height {

    max-height: 7em

}



.extended-background .showcase-frame .showcase-basic {

    background: center center no-repeat #000;

    height: 375px;

    position: relative;

    background-size: 42%

}



.extended-background.secondary .showcase-frame {

    max-width: none

}



.extended-background.secondary .showcase-frame .globalsiteselector {

    max-width: 1200px;

    margin: 0 auto

}



.extended-background.secondary .showcase-basic {

    max-width: none;

    background-size: cover

}



.extended-background.secondary .showcase-basic .showcase-content-wrap {

    max-width: 1200px;

    margin: 0 auto

}



.extended-background.secondary .showcase-basic .showcase-content-wrap .showcase-basic-content {

    padding: 20px 60px;

    margin-left: -60px;

    bottom: 0;

    top: 0;

    z-index: 1;

    background: rgba(0, 0, 0, .8)

}



.extended-background.secondary .showcase-basic .showcase-content-wrap .showcase-basic-content .content-wrap {

    bottom: 30px;

    position: absolute;

    max-width: 400px

}



@media screen and (min-width:768px) and (max-width:1024px) {

    .extended-background .showcase-frame .showcase-basic {

        background-size: contain;

        background-position: top right;

        min-height: 300px

    }

    .extended-background.secondary .showcase-frame .showcase-basic {

        background-size: cover;

        background-position: center;

        min-height: 350px;

        height: auto

    }

    .extended-background.secondary .showcase-frame .showcase-basic .showcase-content-wrap .showcase-basic-content {

        padding: 15px 15px 15px 19px;

        margin-left: 0

    }

}



@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) {

    .extended-background .showcase-frame .showcase-basic {

        background-position: top right

    }

    .extended-background.secondary .showcase-frame .showcase-basic {

        background-size: contain;

        height: auto;

        margin-top: 0;

        background-position: top center

    }

    .extended-background.secondary .showcase-frame .showcase-basic .showcase-content-wrap .showcase-basic-content {

        position: relative;

        width: 100%;

        display: block;

        max-width: 100%;

        box-sizing: border-box;

        background: 0 0;

        padding: 300px 15px 15px;

        margin-left: 0

    }

    .extended-background.secondary .showcase-frame .showcase-basic .showcase-content-wrap .showcase-basic-content .content-wrap {

        position: relative;

        bottom: 0;

        max-width: none

    }

}



@media screen and (max-width:767px) {

    .extended-background .showcase-frame .showcase-basic {

        background-size: 90%;

        height: auto;

        margin-top: 0;

        background-position: top center

    }

    .extended-background .showcase-frame .showcase-basic .showcase-basic-content {

        position: relative;

        width: 100%;

        padding: 300px 15px 0;

        display: block;

        max-width: 100%;

        color: #fff;

        -webkit-box-sizing: border-box;

        -moz-box-sizing: border-box;

        box-sizing: border-box

    }

    .extended-background.secondary .showcase-basic .showcase-content-wrap .showcase-basic-content {

        padding: 145px 5% 15px;

        background: 0 0;

        margin-left: 0

    }

    .extended-background.secondary .showcase-basic .showcase-content-wrap .showcase-basic-content .content-wrap {

        position: relative;

        bottom: 0;

        max-width: none

    }

    .extended-background.secondary.gsiteselector .showcase-frame .showcase-basic {

        margin-top: 2em

    }

}



@media screen and (min-width:480px) and (max-width:767px) {

    .extended-background .showcase-frame .showcase-basic .showcase-basic-content {

        padding-top: 490px

    }

    .extended-background.secondary .showcase-basic .showcase-content-wrap .showcase-basic-content {

        padding-top: 260px

    }

}



.home-page .extended-background.video {

    padding: 0

}



.home-page .extended-background.video .reverse-btn {

    margin-bottom: 0

}



.home-page .extended-background.video .showcase-video {

    height: 375px

}



.home-page .extended-background.video.black .video-js,

.home-page .extended-background.video.white .video-js {

    background: #000!important;

    width: 600px!important;

    height: 375px!important;

    margin: 0 auto

}



.home-page .extended-background.video.black .showcase-video,

.home-page .extended-background.video.white .showcase-video {

    display: block;

    position: relative;

    max-width: 1200px;

    margin: 0 auto

}



.home-page .extended-background.video.white .showcase-video {

    background: #fff

}



.home-page .extended-background.video.white .video-js {

    background: #fff!important

}



.home-page .extended-background.video.white .vjs-poster {

    background-color: #fff!important

}



.home-page .extended-background.video.full {

    background: #000;

    position: relative;

    overflow: hidden

}



.home-page .extended-background.video.full .showcase-frame {

    max-width: initial

}



.home-page .extended-background.video.black .showcase-video .showcase-content-wrap,

.home-page .extended-background.video.full .extended-video-data {

    max-width: 1200px;

    margin: 0 auto

}



.home-page .extended-background.video.black .reverse-btn,

.home-page .extended-background.video.black .reverse-btn a,

.home-page .extended-background.video.black h1,

.home-page .extended-background.video.full .reverse-btn,

.home-page .extended-background.video.full .reverse-btn a,

.home-page .extended-background.video.full h1 {

    color: #fff

}



.home-page .extended-background.video .bc-player-default_default .vjs-big-play-button,

.home-page .extended-background.video .bc-player-default_default .vjs-controls,

.home-page .extended-background.video .video-js .vjs-progress-control:hover .vjs-mouse-display,

.home-page .extended-background.video .vjs-contextmenu-ui-menu,

.home-page .extended-background.video .vjs-control-bar,

.home-page .extended-background.video .vjs-error .vjs-error-display,

.home-page .extended-background.video .vjs-errors-dialog {

    display: none!important;

    visibility: hidden!important

}



.home-page .extended-background.video .vjs-poster {

    background-size: cover

}



.home-page .extended-background.video .vjs-seeking .vjs-loading-spinner,

.home-page .extended-background.video .vjs-waiting .vjs-loading-spinner {

    display: none!important

}



.home-page .extended-background.video.black .showcase-video {

    background: center center no-repeat #000

}



.home-page .extended-background.video.black .showcase-video .showcase-content-wrap .showcase-basic-content {

    padding: 20px 60px;

    margin-left: -60px;

    bottom: 0;

    top: 0;

    z-index: 1;

    background: rgba(0, 0, 0, .8);

    height: 410px

}



.home-page .extended-background.video.black .showcase-video .showcase-content-wrap .showcase-basic-content .content-wrap {

    bottom: 30px;

    position: absolute;

    max-width: 400px

}



.home-page .extended-background.video.black .video-js {

    width: 100%!important;

    height: 100%!important;

    position: absolute;

    top: 0;

    bottom: 0;

    right: 0;

    left: 0

}



.home-page .extended-background.video.black .bc-player-default_default .vjs-big-play-button,

.home-page .extended-background.video.black .bc-player-default_default .vjs-controls,

.home-page .extended-background.video.black .video-js .vjs-progress-control:hover .vjs-mouse-display,

.home-page .extended-background.video.black .vjs-control-bar,

.home-page .extended-background.video.black .vjs-error .vjs-error-display,

.home-page .extended-background.video.black .vjs-errors-dialog {

    display: flex!important;

    visibility: visible!important

}



.home-page .extended-background.video.black .vjs-poster {

    background-size: cover

}



.home-page .extended-background.video.black .vjs-seeking .vjs-loading-spinner,

.home-page .extended-background.video.black .vjs-waiting .vjs-loading-spinner {

    display: inline!important

}



.home-page .extended-background.video.black .vjs-menu.vjs-contextmenu-ui-menu {

    display: none!important

}



.home-page .extended-background.video.black .vjs-dock-text {

    display: block!important

}



@media screen and (max-width:1024px) {

    .home-page .extended-background.video .showcase-basic-content {

        padding-left: 2%

    }

    .home-page .extended-background.video .video-js .vjs-tech {

        display: none!important

    }

    .home-page .extended-background.video .vjs-controls-disabled .vjs-poster {

        display: block!important;

        background-size: 70%

    }

}



@media screen and (min-width:768px) and (max-width:1023px) {

    .home-page .extended-background.video .video-js {

        left: 33%!important

    }

    .home-page .extended-background.video .showcase-basic-content {

        width: 45%;

        bottom: 15px

    }

}



@media screen and (min-width:1024px) and (max-width:1024px) {

    .home-page .extended-background.video .video-js {

        left: 45%!important

    }

    .home-page .extended-background.video .showcase-basic-content {

        width: 45%

    }

}



@media screen and (max-width:767px) {

    .home-page .extended-background.video,

    .home-page .extended-background.video .showcase-video {

        height: auto

    }

    .home-page .extended-background.video .video-js {

        width: 100%!important

    }

    .home-page .extended-background.video .showcase-basic-content {

        position: relative;

        width: 100%;

        padding: 315px 15px 0;

        display: block;

        max-width: 100%;

        color: #fff;

        box-sizing: border-box

    }

    .home-page .extended-background.video .vjs-controls-disabled .vjs-poster {

        background-size: 100%!important;

        height: auto;

        margin-top: 0;

        background-position: top center

    }

}



@media screen and (max-width:567px) {

    .home-page .extended-background.video .vjs-controls-disabled .vjs-poster {

        background-size: 60%!important;

        background-position-x: initial

    }

}



@media screen and (max-width:320px) {

    .home-page .extended-background.video .vjs-controls-disabled .vjs-poster {

        background-size: 55%!important

    }

}



@media screen and (min-width:568px) and (max-width:767px) {

    .home-page .extended-background.video .vjs-controls-disabled .vjs-poster {

        background-size: 55%!important

    }

}



.brightcovevideo.section .video-section {

    display: block;

    position: relative;

    padding-top: 56.25%

}



.brightcovevideo.section .video-section .video-js {

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    bottom: 0;

    right: 0;

    left: 0

}



.brightcovevideo.section .video-section .video-js .vjs-dock-description {

    display: none

}



.brightcoveplaylist.section .video-section .video-wrapper {

    display: block;

    position: relative;

    padding-top: 57%

}



.brightcoveplaylist.section .video-section .video-wrapper .video-js {

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    bottom: 0;

    right: 0;

    left: 0

}



.brightcoveplaylist.section .video-section .video-wrapper .video-js .vjs-dock-description,

.brightcoveplaylist.section .video-section .video-wrapper .video-js .vjs-overlay-bottom {

    display: none

}



.brightcoveplaylist.section .video-section .playlist-wrapper .vjs-playlist {

    width: 100%;

    box-sizing: border-box;

    overflow-x: auto;

    border-spacing: 1px 0;

    background-color: #fff;

    color: #000;

    padding-left: 0

}



.brightcoveplaylist.section .video-section .playlist-wrapper .vjs-playlist.vjs-csspointerevents.vjs-mouse .vjs-playlist-item .vjs-playlist-thumbnail::before {

    height: 46px!important;

    margin-top: -10px

}



.brightcoveplaylist.section .video-section .playlist-wrapper .vjs-playlist.vjs-csspointerevents.vjs-mouse .vjs-icon-play::before {

    padding-top: 20px

}



.brightcoveplaylist.section .video-section .playlist-wrapper .vjs-playlist.vjs-csspointerevents.vjs-mouse .vjs-playlist-now-playing::before {

    padding-top: 10px;

    padding-bottom: 10px

}



.brightcoveplaylist.section .video-section .playlist-wrapper .vjs-playlist .vjs-playlist-item {

    font-size: 14px!important;

    color: #fff;

    height: 76px;

    margin-bottom: 0;

    margin-right: 14px;

    display: table-cell

}



.brightcoveplaylist.section .video-section .playlist-wrapper .vjs-playlist .vjs-playlist-item .vjs-playlist-now-playing:before {

    padding-top: 10px;

    padding-bottom: 1px

}



.brightcoveplaylist.section .video-section .playlist-wrapper .vjs-playlist .vjs-playlist-item .vjs-icon-play:before {

    padding-top: 11px

}



.brightcoveplaylist.section .video-section .playlist-wrapper .vjs-playlist .vjs-playlist-item .vjs-playlist-thumbnail {

    height: 56px;

    font-size: 11px;

    margin-right: 25px;

    width: 100px

}



.brightcoveplaylist.section .video-section .playlist-wrapper .vjs-playlist .vjs-playlist-item .vjs-playlist-thumbnail:before {

    height: 55px!important;

    margin-top: -10px;

    width: 100px;

    top: 0;

    left: 0

}



.brightcoveplaylist.section .video-section .playlist-wrapper .vjs-playlist .vjs-playlist-item .vjs-playlist-thumbnail.vjs-playlist-now-playing~cite {

    color: #86bc25;

    font-weight: 700

}



.brightcoveplaylist.section .video-section .playlist-wrapper .vjs-playlist .vjs-playlist-item .vjs-playlist-thumbnail img {

    height: 100%!important

}



.brightcoveplaylist.section .video-section .playlist-wrapper .vjs-playlist .vjs-playlist-item cite {

    height: 14px;

    line-height: 10px;

    position: absolute;

    top: 62px;

    display: block;

    color: #000;

    width: 100px

}



.brightcoveplaylist.section .video-section .playlist-wrapper .vjs-playlist .vjs-playlist-description,

.brightcoveplaylist.section .vjs-menu.vjs-contextmenu-ui-menu,

.brightcovevideo.section .vjs-menu.vjs-contextmenu-ui-menu,

.youtube-component.section .vjs-menu.vjs-contextmenu-ui-menu {

    display: none

}



.youtube-component .videoWrapper {

    position: relative;

    padding-bottom: 56.25%;

    padding-top: 0;

    height: 0

}



.youtube-component .videoWrapper iframe {

    position: absolute;

    top: 5px;

    left: 0;

    width: 100%;

    height: 100%;

    -webkit-background-size: cover 100%;

    -moz-background-size: cover 100%;

    background-size: cover 100%;

    background-position: center

}



.brightcoveplaylist.section,

.brightcovevideo.section,

.youtube-component.section {

    background: #fff

}



.brightcoveplaylist.section h3.secondary-headline,

.brightcovevideo.section h3.secondary-headline,

.youtube-component.section h3.secondary-headline {

    margin: 0;

    padding-bottom: .3em;

    color: #000

}



.topic-page .brightcoveplaylist.section,

.topic-page .brightcovevideo.section,

.topic-page .youtube-component {

    padding: 20px;

    margin-bottom: 2em!important

}



.topic-page .brightcoveplaylist .vjs-playlist {

    margin-bottom: -15px

}



.vjs-icon-share:before {

    content: "\f1e0"!important

}



.vjs-icon-play:before {

    content: "\f04b"!important;

    font-size: 40px

}



.vjs-icon-facebook:before {

    font-family: Dcom-EDE!important;

    content: "\f09a"!important

}



.vjs-icon-gplus:before {

    content: "\f0d5"!important

}



.vjs-icon-linkedin:before {

    content: "\f0e1"!important

}



.vjs-icon-pinterest:before {

    content: "\e603"!important

}



.vjs-icon-tumblr:before {

    content: "\f173"!important

}



.vjs-icon-twitter:before {

    content: "\f099"!important

}



.vjs-big-play-button:before {

    content: "\e920"!important;

    padding-left: 11%;

    top: -2px!important

}



.vjs-big-play-button {

    border: .066em solid #fff!important

}



@media screen and (min-width:768px) and (max-width:1024px) {

    .youtube-component .component-left-column p {

        display: none

    }

    .youtube-component h3.secondary-headline {

        padding-left: 0;

        width: 100%;

        word-break: break-word;

        padding-bottom: .5em

    }

    .youtube .standard-white-component .component-left-column {

        margin-bottom: 0

    }

}



@media screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {

    .brightcove-video.section .video-section .video-js {

        height: 450px

    }

}



@media screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait) {

    .brightcove-video.section .video-section .video-js {

        height: 270px!important

    }

    .brightcove-video .standard-white-component,

    .youtube .standard-white-component {

        display: flex;

        flex-direction: column

    }

    .brightcove-video .standard-white-component .component-left-column,

    .youtube .standard-white-component .component-left-column {

        order: 2

    }

    .brightcove-video .standard-white-component .component-right-column,

    .youtube .standard-white-component .component-right-column {

        order: 1;

        padding: 0

    }

}



@media screen and (max-width:767px) {

    .brightcoveplaylist.section,

    .brightcovevideo.section {

        padding: 5%;

        margin-bottom: 0

    }

    .topic-page .brightcoveplaylist.section,

    .topic-page .brightcovevideo.section {

        margin-bottom: 2em

    }

}



.full-width-callout {

    padding: 30px;

    background: #E8EAE9;

    margin-bottom: 2em

}



.full-width-callout .full-width-callout-inner-container {

    margin: 0;

    width: 100%

}



.content-page-column .two-columns .two-columns-c1 .fullwidthcalloutbox {

    margin-bottom: 2em;

    padding: 0

}



.content-page-column .two-columns .two-columns-c1 .fullwidthcalloutbox .full-width-callout {

    padding: 3% 7%;

    background-color: #e8eae9

}



.content-page-column .two-columns .two-columns-c1 .fullwidthcalloutbox .full-width-callout .full-width-callout-inner-container a {

    color: #0076a8

}



.content-page-column .two-columns .two-columns-c0 .fullwidthcalloutbox {

    margin-bottom: 2em

}



@media screen and (min-width:768px) and (max-width:1024px) {

    .fullwidthcalloutbox {

        padding: 1% 5%

    }

    .full-width-callout {

        margin-bottom: 0

    }

}



@media screen and (max-width:767px) {

    .fullwidthcalloutbox {

        padding: 5%

    }

    .full-width-callout {

        padding: 5%;

        margin-bottom: 0

    }

}



.header-intro-container .responsive-img-container {

    position: relative;

    text-align: center

}



.header-intro-container .responsive-img-container .responsive-img {

    margin: 0 auto;

    width: 100%;

    max-height: 350px

}



.header-intro-container .header-intro-label {

    position: relative;

    padding-top: 30px;

    padding-left: 70px;

    text-align: left;

    border-top-width: 7px

}



.header-intro-container .header-intro-label.no-image {

    position: relative;

    padding: 2%;

    width: 96%;

    background: 0 0

}



.header-intro-container .header-intro-label.no-image .tertiary-label-style {

    padding: 0

}



.header-intro-container .header-intro-label.no-image-bg {

    display: none;

    background-color: transparent;

    box-shadow: none;

    -moz-box-shadow: none;

    -webkit-box-shadow: none

}



.header-intro-container .header-intro-label .tertiary-label-style {

    background-color: #fff;

    display: inline;

    margin: 0

}



.header-intro-container .header-intro {

    padding: 15px 70px 0

}



.header-intro-container .header-intro h1 {

    font-size: 3em;

    color: #000;

    width: 67%

}



.header-intro-container .header-intro h2 {

    padding-top: 5px;

    font-size: 2.4em;

    color: #75787b;

    font-weight: 400;

    width: 67%

}



.header-intro-container .header-intro h1,

.header-intro-container .header-intro h2 {

    margin: 0;

    padding: 0

}



.header-intro-container.no-image .header-intro-label {

    position: relative;

    padding-top: 30px

}



:lang(ja) .header-intro-container .header-intro h1 {

    font-size: 2.6em

}



:lang(ja) .header-intro-container .header-intro h2 {

    font-size: 2.2em

}



@media screen and (min-width:768px) and (max-width:1024px) {

    .header-intro-container .header-intro,

    .header-intro-container .header-intro-label {

        padding-left: 5%

    }

    .header-intro-container .responsive-img-container .responsive-img {

        max-height: 256px

    }

    .header-intro-container .header-intro-label .tertiary-headline {

        font-size: 16px

    }

    .header-intro-container .header-intro h1 {

        font-size: 28px

    }

    :lang(ja) .header-intro-container .header-intro h1 {

        font-size: 2.4em

    }

    :lang(ja) .header-intro-container .header-intro h2 {

        font-size: 2em

    }

}



@media screen and (max-width:1023px) {

    .header-intro-container .header-intro h1,

    .header-intro-container .header-intro h2 {

        width: 100%

    }

}



@media screen and (max-width:767px) {

    .header-intro-container {

        padding-left: 0

    }

    .header-intro-container .header-intro-label {

        padding-left: 15px;

        padding-right: 15px;

        padding-top: 10px;

        border-top-width: 4px

    }

    .header-intro-container .header-intro-label .tertiary-headline {

        font-size: 14px

    }

    .header-intro-container .header-intro {

        padding-left: 15px;

        box-sizing: border-box;

        padding-right: 15px

    }

    .header-intro-container .header-intro h1 {

        font-size: 2.4em

    }

    .header-intro-container .header-intro h2 {

        font-size: 1.8em

    }

    .header-intro-container .responsive-img-container .responsive-img {

        max-height: 192px

    }

    :lang(ja) .header-intro-container .header-intro h1 {

        font-size: 2.2em

    }

    :lang(ja) .header-intro-container .header-intro h2 {

        font-size: 1.6em

    }

}



.wrapper.topic-page,

.wrapper.careersprogramme-page {

    max-width: 100%

}



.wrapper.topic-page .main-container.topic-page.lite .topicpagebanner .topic-introduction {

    min-height: 75px

}



.wrapper.topic-page .main-container.topic-page.lite .topicpagebanner .topic-introduction .topic-description {

    min-height: 75px;

    max-width: 1200px;

    margin: 0 auto;

    padding-left: 0;

    width: 100%

}



.topicpagebanner * {

    box-sizing: border-box

}



.topicpagebanner.dark,

.topicpagebanner.full {

    background: #000

}



.topicpagebanner.dark .topic-description,

.topicpagebanner.full .topic-description {

    min-height: 300px;

    bottom: 0

}



.topicpagebanner.dark .topic-description .body-copy,

.topicpagebanner.dark .topic-description .primary-headline,

.topicpagebanner.full .topic-description .body-copy,

.topicpagebanner.full .topic-description .primary-headline {

    color: #fff

}



.topicpagebanner.dark .topic-description .secondary-headline,

.topicpagebanner.full .topic-description .secondary-headline {

    color: #d0d0ce

}



.topicpagebanner.full .topic-introduction {

    background-size: cover

}



.topicpagebanner.lite {

    background: #fff;

    border-bottom: 1px solid solid 1px #d0d0ce

}



.topicpagebanner.lite .topic-description {

    color: #000

}



.topicpagebanner.lite a.reverse-btn {

    border: 2px solid #00a3e0;

    color: #00a3e0

}



.topicpagebanner.lite a.reverse-btn:hover {

    background: #4cbee9;

    color: #fff

}



.topicpagebanner.lite a.reverse-btn:visited {

    color: #00a3e0

}



.topicpagebanner.lite .topic-description {

    background: rgba(255, 255, 255, .8)

}



.topicpagebanner .topic-introduction {

    background-repeat: no-repeat;

    background-position-x: right;

    opacity: 1!important;

    top: 0!important;

    min-height: 300px;

    position: relative;

    background-position: right top;

    background-size: cover

}



.topicpagebanner .topic-introduction img {

    position: absolute;

    top: 0;

    right: 0;

    z-index: 0;

    width: auto;

    max-width: none;

    min-height: 300px

}



.topicpagebanner .topic-description {

    padding: 20px 60px;

    width: 50%;

    z-index: 1;

    background: rgba(0, 0, 0, .8)

}



.topicpagebanner .topic-description p {

    font-size: 1.6em

}



a.reverse-btn {

    border: 2px solid #d0d0ce;

    font-size: 16px;

    color: #d0d0ce;

    display: table;

    padding: 0;

    line-height: 2.8;

    vertical-align: middle;

    min-height: 50px;

    background: 0 0

}



a.reverse-btn:hover {

    background: #4cbee9;

    color: #fff

}



@media only screen and (min-width:768px) and (max-width:1024px) {

    .wrapper.topic-page .main-container.topic-page.lite .topicpagebanner .topic-introduction .topic-description {

        margin: 0 auto;

        padding-left: 0;

        width: 96%

    }

}



@media only screen and (min-width:768px) and (max-width:1023px) {

    .topicpagebanner.dark .topic-introduction,

    .topicpagebanner.lite .topic-introduction {

        background-position-x: 120%;

        background-size: auto 300px;

        padding-top: 205px;

        background-position-y: -20px

    }

    .topicpagebanner.full .topic-introduction {

        background-size: contain

    }

}



@media only screen and (max-width:1023px) {

    .wrapper.topic-page .main-container.topic-page.lite .topicpagebanner .topic-introduction {

        padding: 0;

        min-height: 60px

    }

    .wrapper.topic-page .main-container.topic-page.lite .topicpagebanner .topic-introduction .topic-description {

        width: 92%;

        padding-top: 10px;

        min-height: 50px

    }

    .topicpagebanner {

        text-align: center

    }

    .topicpagebanner.full .topic-introduction {

        background-position-x: center;

        background-size: auto 125px;

        padding-top: 125px

    }

    .topicpagebanner .topic-introduction {

        padding-top: 300px;

        background-size: auto 300px;

        background-position-x: center;

        background-position-y: top;

        min-height: auto;

        position: relative

    }

    .topicpagebanner .topic-introduction img {

        position: relative;

        width: auto;

        max-width: 100%;

        min-height: auto;

        max-height: 300px

    }

    .topicpagebanner .topic-introduction.no-image {

        padding-top: 0

    }

    .topicpagebanner .topic-description {

        text-align: left;

        position: relative;

        width: 100%;

        min-height: auto!important;

        padding: 5px 0 20px;

        background: #000

    }

    .topicpagebanner .topic-description .body-copy,

    .topicpagebanner .topic-description .button,

    .topicpagebanner .topic-description .primary-headline,

    .topicpagebanner .topic-description .secondary-headline {

        margin: 15px 4%;

        width: 92%

    }

}



@media only screen and (min-width:480px) and (max-width:767px) {

    .topicpagebanner.dark .topic-introduction,

    .topicpagebanner.lite .topic-introduction {

        background-position-x: 145%;

        background-size: auto 200px;

        padding-top: 200px

    }

    .topicpagebanner.full .topic-introduction {

        background-size: contain

    }

}



@media only screen and (max-width:480px) {

    .topicpagebanner.dark .topic-introduction,

    .topicpagebanner.lite .topic-introduction {

        background-position-x: -458px;

        background-size: auto 200px;

        padding-top: 125px;

        background-position-y: -30px

    }

}



@media only screen and (min-width:321px) and (max-width:480px) {

    .topicpagebanner.dark .topic-introduction,

    .topicpagebanner.lite .topic-introduction {

        background-position: 100% 0

    }

}



.poll {

    position: relative;

    font-size: 1.8em;

    margin-top: 30px

}



.poll .question {

    border-top: 3px #0097A9 solid;

    border-bottom: 3px #0097A9 solid;

    background-color: #f2f2f2;

    padding: 20px 20px 20px 200px

}



.poll .question fieldset {

    border: 0;

    margin: 0;

    padding: 0

}



.poll .question fieldset legend {

    display: inline-block;

    float: left;

    width: auto;

    margin: 0

}



.poll .question fieldset .answers label {

    padding-left: 5px

}



.poll .question fieldset .answers input {

    margin-left: 20px

}



.poll .icon-survey {

    position: absolute;

    top: -15px;

    left: 50px;

    Border-radius: 50%;

    Height: 90px;

    Width: 90px;

    Content: “\f087”;

    Font-family: Dcom-EDE;

    Color: #0097a9;

    Background: #fcfcfc;

    Border: 2px solid #0097A9;

    font-size: 48px;

    text-align: center;

    line-height: 90px

}



@media screen and (min-width:768px) and (max-width:1024px) {

    .poll .icon-survey {

        left: 5%

    }

    .poll .question {

        padding: 20px 20px 20px 150px

    }

}



@media screen and (max-width:767px) {

    .poll {

        font-size: 1.6em;

        margin-top: 0

    }

    .poll .icon-survey {

        display: none

    }

    .poll .question {

        padding: 15px 40px 15px 15px

    }

    .poll .question fieldset legend {

        float: none

    }

    .poll .question fieldset .answers {

        display: block;

        padding-top: 10px

    }

    .poll .question fieldset .answers input:nth-child(1) {

        margin-left: 0

    }

}



.wrapper .scrollContainer {

    position: fixed;

    display: block;

    width: 100%;

    height: 52px;

    z-index: 1000;

    background: #fff;

    border-bottom: 1px solid #000

}



.wrapper .scrollContainer .share-bar {

    float: right;

    width: 30%;

    text-align: right

}



.wrapper .scrollContainer .share-bar .social-share-links {

    padding: 10px 0

}



.wrapper .scrollContainer .share-bar .social-share-links ul li a {

    font-size: 14px;

    height: 28px;

    width: 28px

}



.wrapper .scrollContainer .scrollWrapper {

    margin: 0 auto;

    max-width: 1200px;

    width: inherit;

    position: relative;

    z-index: 1000;

    height: 52px;

    box-sizing: border-box

}



.wrapper .scrollContainer .scrollWrapper h4 {

    color: #fff;

    font-size: 16px;

    padding: 15px 0;

    float: left;

    width: 70%;

    font-weight: 400

}



.wrapper .scrollContainer .scrollWrapper h4 span {

    display: block;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis

}



.wrapper .scrollContainer .scrollWrapper h4 .headline {

    color: gray;

    font-weight: 400

}



.wrapper .scrollContainer .scrollWrapper .eta {

    margin-left: 20px;

    color: gray;

    font-size: 14px

}



.wrapper .scrollContainer .scrollWrapper .scroll-bar {

    height: 10px;

    z-index: 2;

    position: absolute;

    background-color: #86bc25;

    width: 1px;

    bottom: 0

}



.wrapper .scrollContainer .scrollWrapper .scroll-bar-back {

    height: 5px;

    z-index: 1;

    position: absolute;

    background-color: #CCC;

    width: 100%;

    bottom: 0;

    left: 0

}



.wrapper .scrollContainer .scrollWrapper .link-dot {

    cursor: pointer;

    position: absolute;

    border-radius: 50%;

    content: ' ';

    background: rgba(0, 0, 0, .5);

    width: 5px;

    height: 5px;

    bottom: 0;

    z-index: 3

}



.wrapper .scrollContainer .scrollWrapper .progress-indicator {

    position: absolute;

    top: 70px;

    padding: 5px;

    width: 50px;

    height: 50px

}



.wrapper .scrollContainer .scrollWrapper .progress-indicator .label {

    position: absolute;

    left: -15px;

    background: #86bc25;

    text-align: center;

    top: -5px;

    width: 35px;

    color: #000;

    padding: 3px;

    font-size: 1.4em;

    border: 1px solid #fff

}



.wrapper .scrollContainer .scrollWrapper .progress-indicator .label:after,

.wrapper .scrollContainer .scrollWrapper .progress-indicator .label:before {

    bottom: 100%;

    left: 50%;

    border: solid transparent;

    content: " ";

    height: 0;

    width: 0;

    position: absolute;

    pointer-events: none

}



.wrapper .scrollContainer .scrollWrapper .progress-indicator .label:after {

    border-color: rgba(255, 255, 255, 0);

    border-bottom-color: #81bc00;

    border-width: 6px;

    margin-left: -6px

}



.wrapper .scrollContainer .scrollWrapper .progress-indicator .label:before {

    border-color: rgba(194, 225, 245, 0);

    border-bottom-color: #fff;

    border-width: 8px;

    margin-left: -8px

}



.wrapper .scrollContainer .scrollWrapper .popover {

    background-color: #fbfbfb!important;

    border: 1px solid #bbbcbc;

    border-radius: 0;

    box-shadow: none;

    display: table;

    padding: 5px;

    border-spacing: 5px

}



.wrapper .scrollContainer .scrollWrapper .popover .popover-content {

    display: table-row

}



.wrapper .scrollContainer .scrollWrapper .popover .popover-content .icon-bookmark-o {

    display: table-cell;

    vertical-align: middle;

    text-align: center

}



.wrapper .scrollContainer .scrollWrapper .popover .popover-content .icon-bookmark-o:before {

    width: 28px;

    height: 28px;

    border-radius: 100%;

    border: 2px solid #53565a;

    font-size: 14px;

    line-height: 28px;

    color: #53565a

}



.wrapper .scrollContainer .scrollWrapper .popover .popover-content span {

    display: table-cell;

    vertical-align: middle

}



.wrapper .scrollContainer .scrollWrapper .popover.bottom>.arrow,

.wrapper .scrollContainer .scrollWrapper .popover.bottom>.arrow:after {

    border-bottom-color: #fbfbfb!important

}



@media screen and (min-width:768px) and (max-width:1024px) {

    .wrapper .scrollContainer .share-bar {

        width: 40%

    }

    .wrapper .scrollContainer .share-bar .social-share-links ul li:last-child {

        margin-right: 0

    }

    .wrapper .scrollContainer .scrollWrapper {

        width: 96%

    }

    .wrapper .scrollContainer .scrollWrapper h4 {

        width: 60%

    }

}



@media screen and (max-width:767px) {

    .wrapper .scrollContainer {

        position: fixed;

        bottom: 0;

        border-bottom: none

    }

    .wrapper .scrollContainer .share-bar {

        width: 100%;

        text-align: left;

        padding-left: 15px;

        float: none!important

    }

    .wrapper .scrollContainer .scrollWrapper h4 {

        width: 0

    }

    .wrapper .scrollContainer .scrollWrapper .link-dot,

    .wrapper .scrollContainer .scrollWrapper .progress-indicator,

    .wrapper .scrollContainer .scrollWrapper .scroll-bar,

    .wrapper .scrollContainer .scrollWrapper .scroll-bar-back {

        display: none

    }

}



.content.main,

.content.main .content-top {

    position: relative

}



.recommended-articles {

    padding: 0 0 0 60px

}



.recommended-articles .table-frame {

    border-collapse: separate;

    border-spacing: 20px 0;

    margin-left: -20px;

    padding-bottom: 30px

}



.recommended-articles p {

    font-size: 1.4em

}



.recommended-articles h5 {

    font-weight: 400;

    font-size: 1.6em

}



.recommended-articles img {

    width: 100px;

    border: 1px solid #d0d0ce

}



@media screen and (min-width:768px) and (max-width:1024px) {

    .recommended-articles {

        padding-left: 5%

    }

}



@media screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait) {

    .recommended-articles .table-frame {

        border-spacing: 10px 0;

        margin-left: -10px

    }

    .recommended-articles img {

        width: 80px

    }

    .recommended-articles .table-frame .table-frame-col-100px {

        Width: 90px

    }

}



@media screen and (max-width:650px) {

    .recommended-articles {

        padding: 30px 10px 0

    }

    .recommended-articles .recommended-article {

        width: 100%!important;

        display: table-row!important;

        float: left;

        padding-bottom: 20px

    }

    .recommended-articles .table-frame-row .table-frame-row {

        padding-bottom: 20px

    }

}



.content.main {

    margin-bottom: 2em

}



.content.main .inline-nav-container {

    margin-top: 30px;

    max-width: 230px

}



.extended-background,

img {

    max-width: 100%

}



.content.main .inline-nav-container h4 {

    font-size: 1.4em;

    margin-bottom: 15px

}



.content.main .inline-nav-container a.collapse-content,

.content.main .inline-nav-container a.explore-content {

    display: block

}



.content.main .inline-nav-container a .icon-angle-down,

.content.main .inline-nav-container a .icon-angle-up {

    font-size: 2.8em;

    text-align: center;

    width: 100%;

    display: block;

    color: #ccc

}



.content.main .inline-nav-container .inline-nav-content-page .inline-nav-container-links {

    color: #00a3e0;

    font-size: 1.2em

}



.content.main .inline-nav-container .inline-nav-content-page.extended li {

    display: none

}



.content.main .content-top .inline-nav-container {

    position: absolute;

    left: 70%;

    top: -60px;

    margin-top: 0;

    padding-top: 25px;

    padding-left: 25px;

    border-left: 1px solid #97999b;

    width: 20%;

    border-top: none

}



.content.main .content-top .inline-nav-container h3 {

    font-size: 1.4em;

    margin-bottom: 15px

}



@media screen and (max-width:1023px) {

    .content.main .content-top .inline-nav-container,

    .content.main .inline-nav-container {

        position: relative;

        border-top: 1px solid #97999b;

        border-left: none;

        left: 0;

        top: 0;

        padding-top: 5%;

        width: 90%;

        padding-left: 0;

        max-width: 100%

    }

    .content.main .inline-nav-container {

        margin: 0 auto

    }

    .content.main .content-top .inline-nav-container {

        margin: 30px auto 0

    }

}



@media screen and (min-width:480px) and (max-width:767px) {

    .content.main .content-top .inline-nav-container,

    .content.main .inline-nav-container {

        width: 94%

    }

}





















/* CAREERS PROGRAMME - Phil */



.careersprogramme-page .topic-description,

.careersprogramme-page .topic-description .primary-headline,

.careersprogramme-page .topic-description .body-copy,

.careerspath-page .topic-description,

.careerspath-page .topic-description .primary-headline,

.careerspath-page .topic-description .body-copy,

.faq-page .topic-description,

.faq-page .topic-description .primary-headline,

.faq-page .topic-description .body-copy {

color: #fff !important;

}



.careerspath-page .topic-description,

.careersprogramme-page .topic-description,

.faq-page .topic-description {

    padding-top: 30px;

}



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

    .no-gutter > [class*='col-'] {

        padding-right:0;

        padding-left:0;

      }

}



.img-responsive {

width: 100%;

display: block;

max-width: 100%;

height: auto;

}



.row-eq-height{

display: -webkit-box !important;

display: -webkit-flex !important;

display: -ms-flexbox !important;

display:         flex !important;

}



@media screen and (max-width:767px) {





    .careersprogramme-page .topic-description,

    .careerspath-page .topic-description,

    .faq-page .topic-description {

        width: 100%;

    }



    .row-eq-height {

        display: block !important;

    }

}



.bg-grey {

    border: 1px solid #E9E9E9;

    background-color: rgba(0,0,0,0.02);

}

.centrize {

  display: table;

  table-layout: fixed;

  height: 100%;

  width: 100%;

  position: relative;

}

.v-center {

  display: table-cell;

  vertical-align: middle;

}



.careersprogramme-page {

background: #fff;

}



.careerspath-page .main-container,

.faq-page .main-container {

    max-width: 1200px;

    margin: 0 auto;

}



.hero-bg-row {

background-repeat: no-repeat;

background-position: right top;

background-size: auto 100%;

}



.hero-gradient {

    background: linear-gradient(270deg, rgba(0,0,0,0.3) 0%, #000000 100%);

}



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

    .hero-image::before {

    background-image: linear-gradient(270deg, rgba(0,0,0,0) 0%, #000000 100%);

    content: '';

    display: block;

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0px;

    right: auto;

    /*width: 150px;*/

    width: 110px;

    z-index: 100;

    }



    .hero-image::after {

    background-image: linear-gradient(270deg, #000000 0%, rgba(0,0,0,0) 100%);

    content: '';

    display: block;

    position: absolute;

    top: 0;

    bottom: 0;

    right: 0px;

    left: auto;

    /*width: 150px;*/

    width: 110px;

    z-index: 100;

    }

}





@media screen and (min-width:768px) and (max-width:990px) {

    .hero-image::before {

    background-image: linear-gradient(270deg, rgba(0,0,0,0) 0%, #000000 100%);

    content: '';

    display: block;

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0px;

    right: auto;

    /*width: 150px;*/

    width: 40px;

    z-index: 100;

    }



    .hero-image::after {

    background-image: linear-gradient(270deg, #000000 0%, rgba(0,0,0,0) 100%);

    content: '';

    display: block;

    position: absolute;

    top: 0;

    bottom: 0;

    right: 0px;

    left: auto;

    /*width: 150px;*/

    width: 40px;

    z-index: 100;

    }

}



@media screen and (max-width:768px) {

    .hero-image::before {

    background-image: linear-gradient(270deg, rgba(0,0,0,0) 0%, #000000 100%);

    content: '';

    display: block;

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0px;

    right: auto;

    /*width: 150px;*/

    width: 150px;

    z-index: 100;

    }



    .hero-image::after {

    background-image: linear-gradient(270deg, #000000 0%, rgba(0,0,0,0) 100%);

    content: '';

    display: block;

    position: absolute;

    top: 0;

    bottom: 0;

    right: 0px;

    left: auto;

    /*width: 150px;*/

    width: 150px;

    z-index: 100;

    }

}





@media screen and (min-width:768px) and (max-width:1259px) {

    .hero-image {

        overflow: hidden;

    }

    .hero-image .img-responsive {

        position: absolute;

        /* Position the image in the middle of its container. */

        top: -9999px;

        right: -9999px;

        bottom: -9999px;

        left: -9999px;

        margin: auto;

        /* The following values determine the exact image behaviour. */

        /* You can simulate background-size: cover/contain/etc.

         by changing between min/max/standard width/height values.

         These values simulate background-size: cover

        */

        min-width: 100%;

        min-height: 100%;

        max-width: none !important;

        width: auto !important;

    }

}





.careersprogramme-page .btn,

.careerspath-page .btn,

.functional-page .btn {

    display: inline-block;

}



.careersprogramme-page .primary-headline,

.careerspath-page .primary-headline,

.functional-page .primary-headline {

    font-size: 33px;

    font-weight: 700;

}



.careersprogramme-page .btn-blue,

.careerspath-page .btn-blue,

.functional-page .btn-blue {

    background: #00929F;

    width: auto;

    color: #fff;

    font-size: 16px;

    font-weight: 700;

    line-height: 21px;

    text-align: center;

    padding: 0.8em 2em;

}



.careersprogramme-page .btn-blue:hover,

.careerspath-page .btn-blue:hover,

.functional-page .btn-blue:hover {

    background: #009adb;

    color: #fff;

}





.careersprogramme-page .btn-hero,

.careerspath-page .btn-hero,

.functional-page .btn-hero {

    box-shadow: 0 3px 11px 0 rgba(91,185,183,0.39);

    -moz-box-shadow: 0 3px 11px 0 rgba(91,185,183,0.39);

    -webkit-box-shadow: 0 3px 11px 0 rgba(91,185,183,0.39);

}



.careersprogramme-page .topic-introduction,

.careerspath-page .topic-introduction,

.functional-page .topic-introduction {

    background-size: 50%;

}



.careersprogramme-page .topic-description,

.careerspath-page .topic-description,

.functional-page .topic-description {

    padding: 36px 0 60px 50px;

    /*width: 50%;*/

}



.careersprogramme-page .topic-description .body-copy,

.careerspath-page .topic-description .body-copy,

.functional-page .topic-description .body-copy {

    margin-bottom: 36px;

}



.careersprogramme-page .section,

.careerspath-page .section,

.functional-page .section {

    padding: 60px 0;

}



.careerspath-page .section,

.functional-page .section {

    padding: 60px !important;

}



.careersprogramme-page #footer-section{

top:0 !important;

}



#cp-1, 

#cp-2, 

#cp-3, 

#cp-4,

#cp-5,

#cp-6,

#cpath-1,

#cpath-2,

#cpath-3,

#cpath-4 {

    font-size: 14px;

}



#cp-1 .block-inner,

#cpath-1 .block-inner {

    margin-bottom: 60px;

    padding: 0 20px;

}



#cp-1 h1,

#cpath-1 h1 {

    font-weight: 600;

    margin-top: 0 !important;

    font-size: 30px;

    line-height: 1;

}



#cp-1 .sub-heading,

#cp-2 .sub-heading,

#cp-3 .sub-heading,

#cp-4 .sub-heading,

#cp-5 .sub-heading,

#cp-6 .sub-heading,

#cpath-1 .sub-heading,

#cpath-2 .sub-heading,

#cpath-3 .sub-heading,

#cpath-4 .sub-heading,

#cpath-5 .sub-heading,

#cpath-6 .sub-heading,

#functional-page .sub-heading {

    font-size: 19px;

    line-height: 28px;

    color: #505050;

}



#cp-1 .slider-quote {

    background: #00929F;

    color: #fff;

    font-size: 20px;

    line-height: 1.5;

    padding: 50px;

}



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

    #cp-1 .force-margin {

    margin-left: 0 !important;

    margin-right: 0 !important;

    }

}



#cp-2 h2,

#cp-3 h2,

#cp-4 h2,

#cp-5 h2,

#cp-6 h2,

#cpath-1 h2,

#cpath-2 h2,

#cpath-3 h2,

#cpath-4 h2,

#cpath-5 h2 {

/*font-size: 18px;*/

font-size: 20px;

line-height: 1.5;

font-weight: 600;

margin-bottom: 15px;

}



#cp-2 .testimonial-person,

#cp-3 .testimonial-person,

#cp-4 .testimonial-person,

#cpath-4 .testimonial-person {

    color: #505050;

    font-size: 14px;

    line-height: 2;

    margin-top: 7px;

}



#cp-2 .text-holder,

#cp-3 .text-holder,

#cp-4 .text-holder,

#cp-5 .text-holder,

#cp-6 .text-holder,

#cpath-1 .text-holder  {

   margin: 30px 0;

}



#cp-2 .text-holder {

margin-bottom: 40px;

}



#cp-2 .ca-item,

#cp-5 .ca-item,

#cpath-3 .ca-item {

margin-bottom: 20px;

display: block;

position: relative;

}



#cp-2 .ca-title,

#cp-5 .ca-title,

#cpath-3 .ca-title {

    background-color: #000;

    color: #fff;

    font-size: 14px;

    font-weight: 600;

    line-height: 32px;

    padding: 9px 16px;

    z-index: 999;

    position: relative;

    transition: .5s ease;

}



#cp-2 .ca-item .img,

#cp-5 .ca-item .img,

#cpath-3 .ca-item .img {

  opacity: 1;

  display: block;

  width: 100%;

  height: auto;

  transition: .5s ease;

  backface-visibility: hidden;

}



#cp-2 .ca-item .middle,

#cp-5 .ca-item .middle,

#cpath-3 .ca-item .middle {

  opacity: 0;

  position: absolute;

  top:0;

  bottom:0;

  left:0;

  right:0;

  text-align: left;

  padding: 10px;

  color: #fff;

  background: rgba(0,146,159,0.9);

  transition: .5s ease;

  z-index: 1;

}



#cp-2 .ca-item:hover .img,

#cp-5 .ca-item:hover .img,

#cpath-3 .ca-item:hover .img {

  opacity: 0.3;

}



#cp-2 .ca-item:hover .middle,

#cp-5 .ca-item:hover .middle,

#cpath-3 .ca-item:hover .middle  {

  opacity: 1;

}



#cp-2 .ca-item:hover .ca-title,

#cp-5 .ca-item:hover .ca-title,

#cpath-3 .ca-item:hover .ca-title  {

    background: #00929F;

}



#cp-2 .ca-title::after,

#cp-5 .ca-title::after,

#cpath-3 .ca-title::after  {

    font-family: 'simple-line-icons';

    /*content: "\f105";*/

    content: "\e606";

    position: absolute;

    right: 18px;

    font-size: 11px;

}



#cp-3 .testimonial {

    margin-bottom: 33px;

}



#cp-3 .list-title {

    color: #000;

    font-size: 14px;

    font-weight: bold;

    line-height: 19px;

    font-weight: 600;

    margin-bottom: 12px;

}



#cp-3 #benefits ul.small-bullets {

    margin-bottom: 30px;

}



#cp-3 .logo-holder {

    margin-bottom: 30px;

}



#cp-3 .wcyw {

    color: #505050;

    font-size: 19px;

    line-height: 26px;

}



#detailstab {

    margin-bottom: 38px;

}



#detailstab i {

    font-size: 17px;

    line-height: 32px;

    top: 2px;

    position: relative;

    margin-right: 10px;

}



#detailstab-accordion .panel-heading::after,

#detailstab-accordion .panel-heading [data-toggle="collapse"]::after {

    /*background: none !important;*/

}



#detailstab-accordion .panel-heading::after,

#detailstab-accordion .panel-heading [data-toggle="collapse"]::after {

    background: url('/content/dam/html/uk/careersv2/images/baseline-remove-white.svg') !important;

}



#detailstab-accordion .panel-heading .collapsed::after,

#detailstab-accordion .panel-heading [data-toggle="collapsed"]::after {

    background: url('/content/dam/html/uk/careersv2/images/baseline-add-24px.svg') !important;

}



#detailstab-accordion .panel-heading {

background: none !important;

}



#detailstab-accordion .panel-heading a {

background-color: #00929F;

color: #fff !important;

}



#detailstab-accordion .panel-heading a.collapse,

#detailstab-accordion .panel-heading a.collapsed {

background-color: #FCFCFC;

color: #505050 !important;

}





.img-bordered {

    border: 1px solid #E9E9E9;

}



.slick-wdops .question,

.slick-wdops .testimonial-person span {

    font-weight: 600;

}



.slick-wdopsnav .slick-track {

width: 100% !important;

transform: none !important;

}



.slick-wdopsnav .slick-slide {

margin-right: 8px;

border: 3px solid transparent;

width: 60px !important;

height: 60px !important;

}



.slick-wdopsnav .slick-current.slick-active {

border: 3px solid #00929F;

}



#cp-4 .testimonial {

margin-bottom: 40px;

}



#cp-5 h2 {

margin-bottom: 40px;

padding-bottom:0;

}



#cp-5 h3 {

    color: #000;

    font-size: 15px;

    font-weight: 600;

    line-height: 28px;

}



#cp-5 .btn {

margin-bottom: 40px;

}



#cp-5 ul a {

    color: #476BA1 !important;

}



#cp-5 ul a:hover,

#cp-5 ul a:focus {

text-decoration: underline;

}



#cp-5 .panel-title {

font-size: 14px;

font-weight: 600;

}



#cp-5 .panel-body {

    padding: 30px 0;

}



#cp-5 #accordion {

    margin-top: 50px;

}



#cp-6 h2 {

margin-bottom: 24px;

}



#cp-6 .tag-holder {

display: block;

}



#cp-6 .line-before {

    border-left: 1px solid rgba(151,151,151,0.12);

    padding-left: 30px;

}



#cp-6 .tag {

    color: #505050;

    font-size: 14px;

    line-height: 24px;

    padding: 6px 10px;

    border: 1px solid rgba(109,119,131,0.2);

    margin-right: 8px;

    display: inline-block;

    transition: all 0.5s ease-in-out;

}



#cp-6 .tag:hover {

    color: #000;

    border: 1px solid rgba(109,119,131,0.8);

}





/* eof Careers Programme */













/* Careers Path */



.careersprogramme-page,

.careerspath-page {

    background: #fff;

}



.careersprogramme-page {

    /*top: 94px;*/
    top: 49px;

    margin: -1px auto 0;

    width: 100%;

    height: auto;

    overflow: hidden;

    position: relative;

}



.careerspath-page .black {

    max-height: 300px;
    overflow: hidden;

}



.share-container {

    margin-top: 21px;

    margin-bottom: 45px;

}



.share-container ul li {

    display: inline-block;

    margin: 0 1em 0 0;

    text-align: center;

}



.share-container ul li a {

    color: #fff;

    font-size: 1.4em;

    vertical-align: middle;

    display: table-cell;

    -webkit-border-radius: 100%;

    -webkit-background-clip: padding-box;

    -moz-border-radius: 100%;

    -moz-background-clip: padding;

    border-radius: 100%;

    background-clip: padding-box;

    width: 32px;

    height: 32px;

}



.share-container ul li a.icon-twitter {

    background-color: #00aced;

}



.share-container ul li a.icon-linkedin {

    background-color: #007bb6;

}



.share-container ul li a.icon-facebook {

    background-color: #3b5998;

}



.share-container ul li a.icon-googleplus {

    background-color: #dd4b39;

}



.share-container ul li a.icon-email {

    background-color: #00a3e0;

}



.careersprogramme-page section,

.careerspath-page section {

    padding: 60px 0 !important;

}



#cpath-1 h2 {

    /*font-size: 18px;*/

    font-size: 20px;

    font-weight: 600;   

    line-height: 25px;

}



#cpath-1 h1 {

        font-size: 30px;    

        font-weight: 600;   

        line-height: 36px;

        color: #505050;

}



#cpath-2 .text-holder {

    font-size: 14px;

    line-height: 20px;

    margin: 40px 0;

}



.career-option {

margin-bottom: 25px;

}



.career-option .co-title {

    font-size: 14px;    

    font-weight: bold;  

    line-height: 19px;

    margin-bottom: 13px;

}



.career-option .co-text {

    font-size: 14px;    

    line-height: 19px;

}



.career-option .co-text a {

    color: #00a3e0 !important;

}



.career-option .co-text a:hover {

    text-decoration: underline;

}



#cpath-3 h2 {

    margin-bottom: 55px;

}



#cpath-3 #detailstab {

    border-bottom: 1px solid #E9E9E9; 

 }





#cpath-3 #detailstab li {

    margin-bottom: -1px;

}



#cpath-3 .nav-tabs > li > a {

margin-right: 8px;

}



#cpath-3 .nav-tabs > li > a {

    padding-right: 10px;

    padding-left: 10px;

    text-align: center;

}



#cpath-4 h2 {

    margin-bottom: 60px;

}



#cpath-4 .testimonial {

    opacity: 0.79;  

    color: #505050; 

    font-size: 20px;

    line-height: 28px;

    margin-bottom: 30px;

}



#cp-4 .interview-question,

#cpath-4 .interview-question {

    margin-bottom: 30px;

    font-size: 14px;

}



#registerapply .registerapply-item {

    color: #505050 !important;

    font-size: 14px;    

    font-weight: 600;   

    line-height: 32px;  

    text-align: center;

    border: 1px solid #F1F1F1;  

    background-color: #FCFCFC;

    margin-bottom: 20px;

    display: block;

    padding: 10px;

}



#registerapply .registerapply-item:hover {

    color: #000 !important;

    border: 1px solid #000;  

    background-color: #fff;

    margin-bottom: 20px;

    display: block;

    padding: 10px;

    text-decoration: none !important;

}



.btn-expand {

    position: relative;

    padding: 0.8em 4em 0.8em 2em !important;

}



.btn-expand:after {

  background: url('/content/dam/html/uk/careersv2/images/baseline-remove-white.svg');

  position: absolute;

  right: 10px;

  top: 12px;

  font-size: 18px;

  line-height: 22px;

  width: 24px;

  height: 24px;

  content: "";

}



.btn-expand.collapsed:after {

  background: url('/content/dam/html/uk/careersv2/images/baseline-add-white.svg');

  content: "";

}



.careerspath-page #cp-5 .btn {

    margin-bottom: 40px;

}



#cpath-3 .intro {

    margin-bottom: 30px;

}



#cpath-3 .text-item {

    margin-bottom: 30px;

}



#cpath-3 .text-item .title {

    font-weight: 600 !important;

}



#cpath-3 .tab-quote {

    margin-bottom: 50px;

}



/* eof Careers Path */











/*  FAQ */



.wrapper.content-page .main-container.content-page .content.main .content-page-info.perspective-color2 {

    border-top: solid 7px #bdd005;

}



.fontzero {

    font-size: 0 !important;

    line-height: 0 !important;

}



#functional-page .primary-headline {

   font-size: 30px; 

   font-weight: 600; 

   line-height: 36px;

   margin-bottom: 8px;

}



#functional-page .secondary-headline {

    margin-bottom: 20px;

}



#functional-page .tertiary-headline {

    font-size: 18px;    

    font-weight: 600;   

    line-height: 25px;

}



#functional-page .sub-heading {

    font-size: 18px;

    line-height: 25px;

    margin-bottom: 30px;

}



.functional-page p,

.functional-req p,

.functional-ld p,

.functional-select p {

    font-size: 14px;

    line-height: 20px;

    color: #505050;

}



.functional-page .share-bar {

    margin-bottom: 70px;

}



.functional-req .share-bar,

.functional-ld .share-bar,

.functional-select .share-bar {

 margin-bottom: 20px;

}



.functional-req .header-intro .sub-heading,

.functional-ld .header-intro .sub-heading,

.functional-select .header-intro .sub-heading {

    margin-top: 20px;

}



.faq-above {

    margin-bottom: 30px;

}



.faq-title {

    color: #75787B;

    font-size: 24px;

    font-weight: 600;

    line-height: 31px;

    margin-bottom: 0;

    padding-bottom: 0;

}



.expand-all {

    color: #0076A8 !important;

    font-size: 15px;

    font-weight: 600;   

    line-height: 31px;

}



.functional-faq .responsive-img-container,

.functional-req .responsive-img-container,

.functional-ld .responsive-img-container,

.functional-select .responsive-img-container {

    margin: 0 auto;

    background: #000;

}



.functional-page #cp-5,

.functional-page #cp-6,

.functional-req #cp-5,

.functional-req #cp-6,

.functional-ld #cp-5,

.functional-ld #cp-6,

.functional-select #cp-5,

.functional-select #cp-6 {

    border-top: 1px solid #F4F4F4;

}



.functional-page #cp-6 {

    clear: both;

}



.functional-footer-recommend-section {

    background: #FCFBFC;

    border-top: 1px solid #F4F4F4;

}



.functional-footer-recommend-section .padme {

    padding: 60px !important;

}



.functional-page #cp-1,

.functional-select #cpath-3 {

    padding-top: 0 !important;

}



.functional-select #cp-1 {

    padding-bottom: 0 !important;

}



#faq-accordion-qual {

    margin-bottom: 0 !important;

}



.wrapper.content-page .main-container.content-page .associated-articles .nextsteps-cta a {

    color: #fff !important;

}



.wrapper.content-page .main-container.content-page .associated-articles .nextsteps-cta a:hover {

    text-decoration: none !important;

}



.functional-page .acrequirements-notice.section {

    padding-top: 0 !important;

}



.acrequirements-notice .notice {

    font-size: 18px;    

    line-height: 25px;

}



.narrower-content {

    margin-bottom: 60px;

}



.narrower-content .text-holder h2 {

    /*font-size: 18px;*/

    font-size: 20px;    

    font-weight: 600;   

    line-height: 25px;

    margin-bottom: 27px;

}



.narrower-content .text-holder h4 {

    font-size: 14px;    

    font-weight: 600;   

    line-height: 19px;

    margin-bottom: 12px;

}



.narrower-content .text-holder p {

    margin-bottom: 20px;

    color: #505050;

}



.narrower-content .text-holder p strong {

    color: #000;

}



.narrower-content .text-holder .th-item {

    margin-bottom: 30px;

}



.applicants-note {

    font-size: 18px;    

    font-weight: 600;   

    line-height: 25px;

    margin-bottom: 27px;

}



#faq-accordion-require,

#faq-accordion-ld {

    margin-bottom: 0px !important;

}



.functional-page #cp-5 #accordion a {

    color: #000;

    text-decoration: none;

}



.functional-page #cp-5 #accordion a:hover,

.functional-page #cp-5 #accordion a:focus {

    text-decoration: none;

}



#accordion .panel-title a:hover {

    border: 1px solid #000;

    color: #000;

    transition: all 0.2s ease-in-out;

}



.functional-req #cp-1 .margin-bottom {

    margin-bottom: 30px;

}



.functional-req #cp-1 .each-area {

    margin-bottom: 20px;

    padding-bottom: 0;

}



.functional-ld .narrower-content,

.functional-select .narrower-content {

    margin-bottom: 0 !important;

}



.functional-ld .narrower-content .applicants-note,

.functional-select .narrower-content .applicants-note {

    margin-bottom: 15px;

}



.step-no {

    font-size: 14px !important;

    line-height: 20px !important;

    top: 0 !important;

    position: relative;

    margin-right: 10px;

    display: inline-block;

    font-style: normal !important;

    border: 1px solid #505050;

    color: #505050;

    border-radius: 30px;

    -moz-border-radius: 30px;

    -webkit-border-radius: 30px;

    -o-border-radius: 30px;

    text-align: center;

    width: 22px;

    height: 22px;

    transition: all 0.5s ease-in-out;

}



#detailstab li.active .step-no,

#detailstab-accordion .js-tabcollapse-panel-heading .step-no {

    border: 1px solid #fff !important;

    color: #fff !important;

}



#detailstab-accordion .js-tabcollapse-panel-heading.collapsed .step-no {

    border: 1px solid #505050 !important;

    color: #505050 !important;

}





.functional-select #cpath-3 .nav-tabs > li > a {

    min-height: 56px;

}



.functional-select #cpath-3 .tab-pane h2 {

    margin-bottom: 23px;

}



.candidate-box {

    border: 1px solid #F1F1F1;  

    background-color: #F8F8F8;

    padding: 18px;

    margin-bottom: 26px;

}



.candidate-box strong {

    font-weight: 600;

}



#sp-3,

#sp-4 {

    border-top: 1px solid #f4f4f4;

    font-size: 14px;

    line-height: 28px;

}



#sp-4 {

    background-color: rgba(0,0,0,0.01);

}



#sp-3 h2,

#sp-4 h2 {

    /*font-size: 18px; */

    font-size: 20px;   

    font-weight: 600;   

    line-height: 23px;

}



#sp-3 .text-holder .th-item {

    margin-bottom: 27px;

}



h3.small-heading {

    font-size: 18px;

    font-size: 20px;

    line-height: 1.5;

    font-weight: 600;

}









/* RESPONSIVE CAREERS / FUNCTIONAL */



/* ipad */

@media screen and (min-width:768px) and (max-width:991px) { 

    

    #detailstab i {

        display:block;

        margin-right: 0;

    }



    .functional-select #detailstab i {

        margin: 0 auto 5px !important;

    }



    .careerspath-page .section,

    .functional-page .section {

        padding: 30px !important;

    }



    #cp-1 .slider-quote {

        font-size: 18px;

        padding: 20px;

    }



    .careerspath-page .black {

        max-height: none !important;

    }



    .faq-title {

        font-size: 20px;

        line-height: 28px;

    }



    .expand-all {

        font-size: 14px;

        line-height: 28px;

    }



    .functional-page .section {

        padding: 30px !important;

    }



    #programmes-collapse .panel-body,

    #detailstab-accordion .panel-body {

        padding: 15px 0 !important;

    }



}









@media screen and (max-width:767px) {



    .careersprogramme-page,

    .careerspath-page {

        top: 0;

    }



    .careerspath-page .black,

    .functional-page .black {

    max-height: none !important;

    }



    .careersprogramme-page .btn, 

    .careerspath-page .btn,

    .functional-page .btn {

    display: block;

    }



    .careersprogramme-page .wrapper,

    .careerspath-page .wrapper,

    .functional-page .wrapper {

    top: -4px;

    }



    .careerspath-page .section,

    .functional-page .section {

    padding: 30px 15px !important;

    }



    .careersprogramme-page .topic-description, 

    .careerspath-page .topic-description,

    .functional-page .topic-desription {

        padding: 50px 0 0;

        width: 100%;

    }



    .hero-bg-row {

    background-image: none !important;

    }



    h1.primary-headline {

        font-size: 33px;

        line-height: 36px;

    }



    .btn-hero {

        /*margin-bottom: 50px;*/

    }



    .careersprogramme-page .topic-description .body-copy, 

    .careerspath-page .topic-description .body-copy,

    .functional-page .topic-description .body-copy {

        margin-bottom: 55px;

    }



    .careerspath-page .topic-description .body-copy {

        margin-bottom: 0;

    }



    .careersprogramme-page .extended-background.black,

    .careerspath-page .extended-background.black,

    .functional-page .extended-background.black {

        padding-bottom: 40px;

    }



    .careersprogramme-page section,

    .careerspath-page section,

    .functional-page section {

        padding: 50px 0 !important;

    }



    #cp-1 h1, #cpath-1 h1 {

        font-size: 30px;      

        line-height: 38px;

    }



    #cp-1 .sub-heading, 

    #cp-2 .sub-heading, 

    #cp-3 .sub-heading, 

    #cp-4 .sub-heading, 

    #cp-5 .sub-heading, 

    #cp-6 .sub-heading, 

    #cpath-1 .sub-heading, 

    #cpath-2 .sub-heading, 

    #cpath-3 .sub-heading, 

    #cpath-4 .sub-heading, 

    #cpath-5 .sub-heading, 

    #cpath-6 .sub-heading,

    #functional-page .sub-heading {

        font-size: 18px;    

        line-height: 26px;  

    }



    .panel .panel-heading a {

        font-size: 14px;

    }



    



    .slick-wdops .slick-next, 

    .slick-wdops .slick-prev,

    .wdops-areas  {

        top: 22% !important;

    }



    .slick-wdops .slick-prev {

        left: -15px !important;

    }



    .slick-wdops .slick-next {

        right: -15px !important;

    }



    #cp-3 #benefits-collapse .small-bullets {

        margin-bottom: 30px;

    }



    #cp-3 .panel-body .img-bordered {

    margin-top: 30px;

    }



    #cp-4 .testimonial-person, #cpath-4 .testimonial-person {

        margin-bottom: 25px;

        font-size: 14px !important;

    }



    #cp-5 .panel-heading [data-toggle="collapse"]::after {

    margin-top: -11px;

    }



    #cp-6 .line-before {

        border-left: 0 none !important;

        padding-left: 0 !important;

    }



    .careerspath-page #header {

        top:0;

    }



    .careerspath-page section {

        padding: 50px 15px !important;

    }



    #cpath-2 .testimonial .testimonial-person {

        padding-top: 10px;

    }



    .career-options .career-option:last-child {

        /*margin-bottom: 0 !important;*/

    }



    #programmes-collapse .panel-body,

    #detailstab-accordion .panel-body {

        padding: 15px 0 !important;

    }



    .panel-heading .panel-title a {

        padding: 15px 20px; 

    }



    .tab-quote {

        margin-top: 50px;

    }



    .functional-footer-recommend-section .padme {

        padding: 40px 0 !important;

    }



    .functional-page .right-content-section {

        display: none !important;

    }



    #detailstab-accordion .panel-heading a i {

        margin-right: 10px;

    }



    #cpath-3 h2 {

        margin-bottom: 30px;

    }



}





@media screen and (max-width:767px) {

    .slick-wdops .slick-next, 

    .slick-wdops .slick-prev {

        top: 9% !important;

    }

}

/* */











.tag-panel {

    padding: 30px 70px;

    float: none

}



.tag-panel h3.secondary-headline {

    border-top: 5px solid #97999b;

    padding-top: 1em;

    color: #000

}



.tag-panel .more-topics-wrapper {

    width: 60%;

    float: left

}



.tag-panel .article-tags {

    padding: 0;

    margin-top: 1em

}



.tag-panel .article-tags li {

    display: inline

}



.tag-panel .article-tags li.for-clear {

    float: none;

    clear: both;

    margin: 0

}



.tag-panel .article-tags li a {

    color: #000;

    background: #eeefef;

    display: inline-block;

    padding: .5em 1em;

    margin: 0 .5em 1em .4em;

    position: relative

}



.tag-panel .share-bar .social-share-links,

.tag-panel .share-bar .social-share-links-transparent {

    padding: 0

}



.tag-panel .article-tags li a:after {

    content: "";

    height: 1em;

    margin: -.5em 0 0;

    position: absolute;

    right: -.3em;

    top: 50%;

    width: .6em

}



.tag-panel .share-bar {

    float: right;

    width: 30%

}



.tag-panel .share-bar .social-share-links ul li {

    display: inline-block;

    margin: 0 1em .5em 0;

    font-size: 18px;

    text-align: center

}



.tag-panel .share-bar .social-share-links ul li a {

    color: #fff;

    vertical-align: middle;

    display: table-cell;

    -webkit-border-radius: 100%;

    -webkit-background-clip: padding-box;

    -moz-border-radius: 100%;

    -moz-background-clip: padding;

    border-radius: 100%;

    background-clip: padding-box;

    width: 32px;

    height: 32px

}



.tag-panel .share-bar .social-share-links ul li.whatsapp-mobile {

    display: none

}



.tag-panel .share-bar .social-share-links-transparent ul {

    border: 0;

    padding-top: 0

}



:lang(zh-Hans) .tag-panel li {

    margin: 0

}



@media screen and (min-width:768px) and (max-width:1024px) {

    .tag-panel {

        padding: 1% 5%

    }

}



@media screen and (max-width:767px) {

    .tag-panel,

    .tag-panel .article-tags li {

        margin-bottom: 0

    }

    .tag-panel {

        padding: 15px

    }

    .tag-panel .more-topics-wrapper,

    .tag-panel .share-bar {

        display: block;

        float: none;

        width: 100%

    }

    .tag-panel .social-share-links {

        margin-top: 1.5em

    }

    .tag-panel .share-bar .social-share-links ul li.whatsapp-mobile {

        display: inline-block

    }

    .tag-panel .article-tags li a {

        padding: 1em;

        margin-left: 0

    }

}



img {

    -ms-interpolation-mode: bicubic;

    height: auto!important

}



.viewport .youtube-component {

    margin-bottom: 0

}



* html.videoWrapper {

    margin-bottom: 45px;

    margin-top: 0;

    width: 100%;

    height: 100%

}



.videoWrapper {

    position: relative;

    padding-bottom: 56.25%;

    padding-top: 0;

    height: 0

}



.videoWrapper iframe {

    position: absolute;

    top: 5px;

    left: 0;

    width: 100%;

    height: 100%;

    -webkit-background-size: cover 100%;

    -moz-background-size: cover 100%;

    background-size: cover 100%;

    background-position: center

}



.youtube-component h3.secondary-headline {

    padding: 0 0 .3em;

    margin: 0;

    color: #000

}



.topic-page .youtube-component h3.secondary-headline {

    color: #000

}



.topic-page .standard-white-component.youtube-component {

    padding: 20px;

    margin-bottom: 2em;

    background: #fff

}



.small-width-callout,

.standard-copy-call-to-action {

    background-color: #E8EAE9;

    padding: 20px

}



:lang(ja) .youtube-component h3.secondary-headline {

    font-size: 22px

}



:lang(zh-hans) .youtube .standard-white-component blockquote,

:lang(zh-hans) .youtube .standard-white-component li,

:lang(zh-hans) .youtube .standard-white-component p,

:lang(zh-hant) .youtube .standard-white-component blockquote,

:lang(zh-hant) .youtube .standard-white-component li,

:lang(zh-hant) .youtube .standard-white-component p {

    font-size: 15px

}



@media only screen and (max-width:1023px) and (min-width:768px) {

    .youtube-component .component-left-column p {

        display: none

    }

    .youtube-component h3.secondary-headline {

        padding-left: 0;

        width: 100%;

        text-overflow: ellipsis;

        -webkit-text-overflow: ellipsis;

        -moz-text-overflow: ellipsis;

        -ms-text-overflow: ellipsis;

        -o-text-overflow: ellipsis;

        white-space: nowrap;

        overflow: hidden;

        padding-bottom: .5em;

        padding-top: 1em

    }

    .youtube .standard-white-component .component-left-column {

        margin-bottom: 0

    }

}



@media only screen and (max-width:767px) {

    .topic-page .standard-white-component.youtube-component {

        padding: 15px;

        margin-bottom: 2em

    }

    .youtube-component .component-left-column p {

        display: none

    }

    .youtube-component h3.secondary-headline {

        width: 100%;

        text-overflow: ellipsis;

        -webkit-text-overflow: ellipsis;

        -moz-text-overflow: ellipsis;

        -ms-text-overflow: ellipsis;

        -o-text-overflow: ellipsis;

        white-space: nowrap;

        overflow: hidden;

        padding-bottom: 10px

    }

    .youtube-component .component-left-column h3.secondary-headline {

        text-align: center

    }

    .youtube-component .component-right-column h3.secondary-headline {

        padding-top: 1em

    }

    .youtube .standard-white-component .component-left-column {

        margin-bottom: 0

    }

    :lang(ja) .youtube-component h3.secondary-headline {

        font-size: 16px

    }

}



.standard-copy {

    padding: 50px 60px 0;

    height: auto;

    overflow: hidden

}



.standard-copy .standard-copy-left-column {

    width: 67%;

    float: left

}



.standard-copy .standard-copy-right-column {

    width: 27%;

    padding: 0 0 0 6%;

    float: right

}



.topic-page .standard-white-component {

    padding: 0 20px;

    margin-bottom: 2em

}



.topic-page .standard-white-component h3.secondary-headline {

    padding-bottom: 0;

    color: #000

}



:lang(ja) .standard-copy .standard-copy-left-column h3 {

    font-size: 2.2em

}



@media screen and (min-width:768px) and (max-width:1024px) {

    .standard-copy {

        padding: 1% 5%;

        margin-bottom: 0

    }

    .standard-copy .secondary-headline {

        margin-left: 0;

        text-align: left

    }

    .standard-copy .standard-copy-left-column {

        margin-bottom: 2em;

        padding: 0

    }

    .standard-copy .standard-copy-left-column h3 {

        font-size: 1.8em

    }

    .standard-copy .standard-copy-right-column {

        padding-left: 0;

        margin-bottom: 2em

    }

    .standard-copy .standard-copy-image {

        text-align: center

    }

}



@media screen and (max-width:767px) {

    .standard-copy {

        padding: 15px;

        margin-bottom: 0;

        display: flex;

        flex-direction: column

    }

    .standard-copy .secondary-headline {

        width: 100%;

        margin-left: 0;

        text-align: left

    }

    .standard-copy .standard-copy-image,

    .standard-copy .standard-copy-right-column .standard-copy-image {

        text-align: center

    }

    .standard-copy .standard-copy-left-column {

        width: 100%;

        padding: 0;

        order: 2;

        float: none;

        clear: both

    }

    .standard-copy .standard-copy-left-column h3,

    .standard-copy .standard-copy-left-column h4 {

        font-size: 1.6em

    }

    .standard-copy .standard-copy-left-column .custom-rte .quotes {

        font-size: 1.145em

    }

    .standard-copy .standard-copy-right-column {

        width: 100%;

        padding-left: 0;

        order: 1;

        margin-bottom: 2em;

        float: none;

        clear: both

    }

    .standard-copy .standard-copy-right-column .standard-copy-image.CTA-image a img {

        display: none

    }

    .standard-copy .standard-copy-right-column .standard-copy-image img {

        width: auto!important

    }

    :lang(ja) .standard-copy .standard-copy-left-column h3 {

        font-size: 1.6em

    }

}



.standard-copy-call-to-action {

    color: #000

}



.standard-copy-call-to-action p:last-child {

    margin: 0

}



.standard-copy-call-to-action a[target="_blank"].button.btn-blue:after {

    content: "\f08e";

    font-weight: 400;

    margin-left: .5em;

    vertical-align: middle

}



.standard-copy-image img {

    width: 100%

}



.imagecomponent {

    margin-bottom: 2em

}



.imagecomponent figure,

.imagecomponent img {

    text-align: center

}



.imagecomponent figcaption,

.imagecomponent figure figcaption {

    color: #75787b;

    font-size: 1.2em;

    font-style: italic;

    margin-top: .5em;

    text-align: right

}



.field-column .imagecomponent img,

.single-column-c0 .imagecomponent img,

.two-columns-c1 .imagecomponent img {

    margin-bottom: .5em;

    display: block;

    width: 100%

}



.simpleformsimagecomponent.imagecomponent img {

    width: 100%

}



@media screen and (max-width:767px) {

    .imagecomponent {

        text-align: center

    }

    .imagecomponent img {

        width: 100%

    }

}



.download-file-component {

    text-decoration: none;

    width: 100%;

    background-color: #e8eae9;

    padding: 20px;

    margin: 0;

    font-size: 1.4em;

    box-sizing: border-box

}



.download-file-component .icon-download-alt {

    color: #00a3e0;

    font-size: 28px;

    text-align: center;

    margin-bottom: .5em;

    box-sizing: border-box

}



.download-file-component .icon-download-alt:before {

    font-size: 1em;

    width: 42px;

    height: 42px;

    border: 2px solid #00a3e0;

    border-radius: 50%;

    line-height: 1.4em;

    background-color: #fff

}



.download-file-component .download-copy {

    color: #000;

    display: inline-block;

    margin-bottom: .5em

}



.download-file-component button {

    background-color: #00a3e0;

    color: #fff;

    width: 100%;

    padding: 10px;

    border-radius: 2px;

    border: 0;

    cursor: pointer;

    font-weight: 700

}



a.download-plugin {

    text-align: right;

    float: right;

    font-size: 1.2em;

    margin-top: .5em

}



a.download-plugin:hover {

    text-decoration: underline

}



.downloadpromo.section {

    clear: both;

    height: auto;

    margin-bottom: 2em

}



:lang(zh-hans) .download-file-component .download-copy,

:lang(zh-hant) .download-file-component .download-copy {

    font-size: 15px

}



.content-page .content-page-column .two-columns .two-columns-c0 .download-file-component,

.faq-page .content-page-column .two-columns .two-columns-c0 .download-file-component {

    background-color: #e8eae9

}



.colctrl-title,

.trending {

    background: #fff

}



.content-page .content-page-column .two-columns .two-columns-c0 .download-file-component .download-copy,

.faq-page .content-page-column .two-columns .two-columns-c0 .download-file-component .download-copy {

    margin-bottom: .5em

}



.single-column {

    padding: 50px 60px 0

}



.single-column .standard-copy {

    padding: 0

}



@media screen and (min-width:768px) and (max-width:1024px) {

    .single-column {

        padding: 1% 5%

    }

}



@media screen and (max-width:767px) {

    .single-column {

        padding: 15px

    }

}



.colctrl-title {

    padding: 1%;

    font-size: x-large

}



.content-page .content-page-column .two-columns,

.faq-page .content-page-column .two-columns {

    padding: 50px 60px 0;

    margin-bottom: 2em

}



.content-page .content-page-column .two-columns .two-columns-c0,

.faq-page .content-page-column .two-columns .two-columns-c0 {

    width: 67%;

    padding: .1% 0 0;

    float: left

}



.content-page .content-page-column .two-columns .two-columns-c1,

.faq-page .content-page-column .two-columns .two-columns-c1 {

    width: 27%;

    float: right

}



.content-page .content-page-column .two-columns .two-columns-c1:first-child,

.faq-page .content-page-column .two-columns .two-columns-c1:first-child {

    margin-top: 1em

}



.content-page .content-page-column .two-columns .customrichtext .custom-rte h3.secondary-headline,

.content-page .content-page-column .two-columns .customrichtextnotitle .custom-rte h3.secondary-headline {

    margin: 0 0 .3em;

    padding-bottom: 0;

    width: 100%

}



@media screen and (min-width:768px) and (max-width:1024px) {

    .content-page .content-page-column .two-columns {

        padding: 1% 5%

    }

}



@media screen and (max-width:767px) {

    .content-page .content-page-column .two-columns {

        padding: 5%;

        margin-bottom: 0;

        display: flex;

        flex-direction: column

    }

    .content-page .content-page-column .two-columns .secondary-headline {

        width: 100%;

        margin-left: 0

    }

    .content-page .content-page-column .two-columns .two-columns-c0 {

        width: 100%;

        margin-bottom: 2em;

        padding: 0

    }

    .content-page .content-page-column .two-columns .two-columns-c1 {

        width: 100%;

        padding-left: 0

    }

}



.trending h3 {

    background: #000;

    color: #fff;

    height: 50px;

    display: block;

    margin-bottom: 0;

    font-size: 2.4em;

    font-weight: 400;

    line-height: 2.4em;

    padding-left: 20px

}



.trending ol.trending-list {

    width: 100%;

    padding: 0 2%;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    display: table;

    list-style: none;

    overflow: hidden;

    counter-reset: numList

}



.trending ol.trending-list h4 {

    font-size: 1.6em;

    font-weight: 400;

    margin-bottom: 0

}



.trending ol.trending-list h5 {

    font-size: 1.4em;

    margin-bottom: 0;

    font-weight: 400;

    color: #97999b

}



.trending ol.trending-list li:before {

    counter-increment: numList;

    content: counter(numList);

    display: table-cell;

    vertical-align: middle;

    float: left;

    font-size: 1.6em;

    text-align: center;

    color: #97999b;

    width: 24px;

    font-weight: 700;

    height: 24px;

    background: #fff;

    border: 2px solid #97999b;

    -webkit-border-radius: 50%;

    -webkit-background-clip: padding-box;

    -moz-border-radius: 50%;

    -moz-background-clip: padding;

    border-radius: 50%;

    background-clip: padding-box;

    top: 42%;

    line-height: 1.5em;

    position: absolute

}



.trending ol.trending-list li a[id^=trending] {

    display: table-cell;

    vertical-align: middle;

    padding-left: 30px;

    color: #000;

    height: 95px

}



.trending ol.trending-list li.trending-item {

    cursor: pointer;

    padding: 0;

    width: 100%;

    box-sizing: border-box;

    margin: 0 auto;

    vertical-align: middle;

    border-bottom: 1px solid #dcdcdc;

    position: relative

}



.trending ol.trending-list li.trending-item:last-child {

    border: 0

}



.trending ol.trending-list li.trending-item:hover {

    background: #f9f9f9

}



.trending ol.trending-list a h5:hover {

    text-decoration: none!important

}



@media screen and (max-width:767px) {

    .trending ol.trending-list li:before {

        top: 34%;

        margin-left: .5em

    }

    .trending ol.trending-list li a[id^=trending] {

        padding: 20px 0 20px 50px;

        height: auto

    }

}



.single-column,

.two-columns {

    overflow: hidden

}



.two-columns-c0 {

    float: left;

    width: 33%;

    display: block

}



.two-columns-c1 {

    float: right;

    width: 67%;

    display: block

}



.three-columns {

    overflow: hidden

}



.three-columns-c0,

.three-columns-c1 {

    float: left;

    width: 25%;

    display: block

}



.three-columns-c2 {

    float: right;

    width: 50%;

    display: block

}



div.global-site-selector {

    background-color: #fff;

    border: 1px solid #D7D8D2;

    box-sizing: border-box;

    margin: 2em 0;

    position: relative;

    text-align: left

}



div.global-site-selector>div {

    box-sizing: border-box;

    float: left

}



div.global-site-selector .welcome-desc {

    background-color: #f7f7f7;

    padding: 15px 15px 0;

    position: relative;

    width: 38%;

    height: 16em

}



div.global-site-selector .welcome-desc:after {

    border-bottom: 8em solid transparent;

    border-left: 4.5em solid #f7f7f7;

    border-top: 8em solid transparent;

    content: '';

    display: block;

    height: 0;

    position: absolute;

    right: -44px;

    top: 0;

    width: 0;

    z-index: 1

}



div.global-site-selector .welcome-desc h4 {

    font-size: 2.4em;

    font-weight: 400;

    padding: 0

}



.main-container.dynamic-list-page .dynamic-lists-filters ul li.state-active,

.sortResults .DTTL-select label,

div.global-site-selector .welcome-desc p a {

    font-weight: 700

}



div.global-site-selector .welcome-desc p {

    font-size: 1.6em

}



div.global-site-selector>div.site-selector {

    margin-left: 6%;

    width: 30%

}



div.global-site-selector>div.site-selector #site-options-global {

    box-sizing: border-box;

    margin-top: 40px;

    position: relative;

    width: 90%

}



div.global-site-selector>div.site-selector .icon-globe {

    background: #e6e9e9;

    height: 36px;

    padding: 3.55%

}



div.global-site-selector>div.site-selector input {

    background: #fff;

    border-radius: 0;

    border: 1px solid #d2d4cd;

    font-size: 14px;

    height: 34px;

    padding-left: 32px;

    color: #000

}



div.global-site-selector>div.site-selector span.icon-search:before {

    color: #00a1de;

    content: "\f002";

    font-size: 2em;

    position: absolute;

    right: 6%;

    top: 32%

}



div.global-site-selector>div.site-selector div#site-selector-global {

    background: #fff;

    border-radius: 0;

    display: block;

    height: 250px;

    overflow-y: hidden;

    position: absolute;

    width: 100%;

    z-index: 100

}



div.global-site-selector>div.site-selector div#site-selector-global .channel-site span {

    color: #a0a0a0;

    display: block;

    font-size: 1em

}



div.global-site-selector>div.site-selector div#site-selector-global .channel-site span:first-child {

    color: #000;

    font-size: 1.2em;

    font-weight: 700;

    line-height: 1.4;

    padding-top: 10px

}



div.global-site-selector>div.site-selector div#site-selector-global ul li {

    border-bottom: 1px solid #ccc;

    font-size: 1.2em;

    line-height: 2em;

    margin: 0;

    padding-left: 20px

}



div.global-site-selector>div.site-selector div#site-selector-global ul li:hover {

    background: #f9f9f9

}



div.global-site-selector>div.site-selector .site-info-global {

    background: #f9f9f9;

    border-top: 1px solid #ccc;

    height: auto;

    min-height: 22px;

    padding: 5px 0 0;

    position: absolute;

    top: 308px;

    width: 100%;

    z-index: 100;

    text-align: right

}



div.global-site-selector>div.site-selector .site-info-global span {

    font-size: 1.1em;

    margin-right: 10px

}



div.global-site-selector .global-site-selector-close {

    position: absolute;

    top: 15px;

    right: 15px;

    width: auto

}



div.global-site-selector .global-site-selector-close a {

    color: #ccc;

    font-size: 1.2em;

    border: 2px solid #ccc;

    border-radius: 50%;

    height: 20px;

    width: 20px;

    display: block;

    text-align: center;

    line-height: 20px

}



div.global-site-selector>div.most-viewed {

    border-left: 1px solid #ccc;

    margin: 2em 0 0;

    height: 12em

}



div.global-site-selector>div.most-viewed h5 {

    color: #000;

    font-size: 1.6em;

    font-weight: 400;

    margin: .5em 0 .5em 2.5em;

    padding: 0

}



div.global-site-selector>div.most-viewed ul {

    padding-left: 4em

}



div.global-site-selector>div.most-viewed ul li {

    margin-bottom: .5em

}



div.global-site-selector>div.most-viewed a {

    font-size: 1.3em

}



.modal-backdrop-global {

    background-color: #000;

    bottom: 0;

    left: 0;

    position: fixed;

    right: 0;

    top: 0;

    z-index: 1551

}



.modal-backdrop-global.fade {

    filter: alpha(opacity=0);

    opacity: 0

}



.modal-backdrop-global.in {

    filter: alpha(opacity=50);

    opacity: .5

}



@media screen and (min-width:768px) and (max-width:1024px) {

    div.global-site-selector {

        margin: 2em 2%

    }

    div.global-site-selector>div.welcome-desc {

        width: 100%;

        height: auto;

        margin-bottom: 15px

    }

    div.global-site-selector>div.welcome-desc:after {

        right: auto;

        top: 100%;

        left: 0;

        border-top: 30px solid #f7f7f7;

        border-right: 360px solid transparent;

        border-left: 360px solid transparent;

        z-index: 1

    }

    div.global-site-selector>div.welcome-desc p {

        font-size: 1.4em

    }

    div.global-site-selector>div.welcome-desc.icon-globe:before {

        font-size: 6em;

        margin-top: 0;

        margin-bottom: 0

    }

    div.global-site-selector>div.site-selector {

        margin-left: 2%;

        width: 55%

    }

    div.global-site-selector>div.site-selector #site-options-global {

        z-index: 1

    }

}



@media screen and (min-width:1024px) and (max-width:1024px) {

    div.global-site-selector>div.welcome-desc:after {

        border-right: 475px solid transparent;

        border-left: 475px solid transparent

    }

}



@media screen and (min-width:0px) and (max-width:767px) {

    div.global-site-selector {

        margin: 2em 2% 0

    }

    div.global-site-selector .global-site-selector-close {

        background-image: none

    }

    div.global-site-selector #site-selector-global {

        position: static;

        border-left: 1px solid #ccc;

        border-right: 1px solid #ccc;

        width: 99%

    }

    div.global-site-selector #site-selector-global.visibility-hidden {

        display: none

    }

    div.global-site-selector .site-info-global {

        border: 1px solid #ccc;

        width: 99%;

        top: 306px

    }

    div.global-site-selector>div.welcome-desc {

        width: 100%;

        height: auto

    }

    div.global-site-selector>div.welcome-desc:after {

        right: auto;

        top: 100%;

        left: 50%;

        border-top: 30px solid #f7f7f7;

        border-right: 150px solid transparent;

        border-left: 150px solid transparent;

        z-index: 1;

        margin-left: -150px

    }

    div.global-site-selector>div.welcome-desc h4 {

        font-size: 1.8em;

        width: 95%

    }

    div.global-site-selector>div.welcome-desc p {

        font-size: 1.2em;

        margin-left: 70px

    }

    div.global-site-selector>div.welcome-desc.icon-globe:before {

        font-size: 6em;

        margin-top: 0

    }

    div.global-site-selector>div.site-selector {

        margin-left: 4%;

        width: 100%

    }

    div.global-site-selector>div.site-selector .icon-globe {

        position: relative

    }

    div.global-site-selector>div.site-selector .icon-globe:before {

        top: 59%

    }

    div.global-site-selector>div.site-selector span.available-info {

        z-index: -1

    }

    div.global-site-selector>div.site-selector #site-options-global {

        z-index: 99

    }

    div.global-site-selector>div.most-viewed {

        margin: 15px 0;

        border-left: 0;

        height: auto

    }

    div.global-site-selector>div.most-viewed h5 {

        margin: .5em 0 .5em 15px

    }

    div.global-site-selector>div.most-viewed ul {

        padding-left: 15px

    }

    .modal-backdrop-global {

        background: 0 0

    }

}



.home-page .extended-background {

    padding: .3% 0 0

}



.home-page .extended-background.no-showcase {

    padding: 0

}



.home-page .extended-background.gsiteselector.video {

    height: auto;

    padding: .3% 0 0

}



.showcase-basic-content {

    position: absolute;

    bottom: 30px;

    width: 33%;

    max-width: 400px

}



.showcase-basic-content h2 {

    font-size: 18px

}



.white {

    background: #fff

}



.white .showcase-basic-content h1,

.white .showcase-basic-content h2 {

    color: #000

}



.white .showcase-basic,

.white .showcase-frame {

    background-color: #fff!important

}



.black,

.full,

.showcase-frame {

    background: #000

}



.black .showcase-basic-content h1,

.full .showcase-basic-content h1 {

    color: #fff

}



.black .showcase-basic-content h2,

.full .showcase-basic-content h2 {

    color: #d0d0ce

}



.table-frame {

    display: table;

    table-layout: fixed;

    width: 100%

}



.table-frame [class^=table-frame-row] {

    display: table-row

}



.table-frame [class^=table-frame-col] {

    display: table-cell;

    vertical-align: top;

    border-spacing: 10px 1px

}



.table-frame-col-100 {

    width: 100%;

    padding: 0

}



.table-frame-col-50 {

    width: 50%

}



.table-frame-col-70 {

    width: 67%

}



.table-frame-col-30 {

    width: 32%

}



.table-frame-col-33 {

    width: 33%

}



.showcase-frame {

    margin: 0 auto;

    max-width: 1200px;

    width: 100%;

    height: auto

}



.white .showcase-frame {

    background: #fff

}



.wrapper.home-page {

    max-width: 100%

}



.wrapper .main-container.home-page {

    padding-bottom: 15px

}



.wrapper .main-container.home-page .content.main {

    background: 0 0;

    max-width: 1220px;

    width: 100%;

    margin: auto

}



.wrapper .main-container.home-page .content.main #home-featured .featuredpromo.empty-column,

.wrapper .main-container.home-page .content.main #home-featured .standardpromo.empty-column {

    background: 0 0;

    margin-bottom: 0!important

}



.wrapper .main-container.home-page .content.main #main-featured-trending.table-frame {

    margin: 0 0 7px

}



.wrapper .main-container.home-page .content.main button.see-more-btn {

    width: 40%;

    margin: 7px auto 0;

    background: #fff;

    border: 2px solid #00a3e0;

    font-size: 1.6em;

    min-height: 50px;

    display: block

}



.wrapper .main-container.home-page .content.main button.see-more-btn a {

    padding: 0

}



.wrapper .main-container.home-page .content.main button.see-more-btn:hover {

    background: #00a3e0;

    border: 2px solid #00a3e0

}



.wrapper .main-container.home-page .content.main button.see-more-btn:hover a {

    color: #fff

}



.featured .table-frame {

    margin-bottom: 10px

}



.featured [class^=table-frame-col] {

    border-spacing: 10px;

    vertical-align: top

}



.featured #row3 [class^=table-frame-col] {

    border-spacing: 10px 0

}



.table-frame .trending {

    vertical-align: top;

    position: absolute

}



.table-frame#row3 {

    margin-bottom: 0

}



#home-page-mobile-tabs {

    display: none

}



@media screen and (max-width:1023px) {

    #featured-trending-container {

        width: 100%;

        float: none;

        text-align: center;

        padding-top: 2%

    }

    .main-container .viewport {

        width: 100%;

        float: none

    }

    .green-dot-animation {

        display: none

    }

    #toggle-links {

        width: auto;

        text-align: center;

        float: none;

        margin-top: 0!important

    }

    #toggle-links a {

        display: inline-block;

        margin-bottom: 2%

    }

    #toggle-links a span {

        display: inline

    }

    #toggle-links a span i {

        margin: 0;

        position: relative;

        right: 50%;

        top: 1em;

        opacity: 0;

        display: inline-block;

        -webkit-transition-property: visibility;

        -webkit-transition-duration: 4s;

        -moz-transition-property: visibility;

        -moz-transition-duration: 4s;

        transition-property: visibility;

        transition-duration: 4s

    }

    #toggle-links .selected i {

        opacity: 1

    }

    .main-container .viewport .featured,

    .top-content .trending {

        margin-left: 0

    }

}



@media screen and (min-width:768px) and (max-width:1024px) {

    .showcase-basic-content {

        padding: 0 15px;

        width: 42%

    }

    .showcase-basic-content h1 {

        font-size: 2.8em

    }

    .showcase-basic-content .reverse-btn {

        font-size: 1.4em

    }

}



@media screen and (max-width:767px) {

    .wrapper .main-container.home-page {

        padding: 15px

    }

    .wrapper .main-container.home-page .content.main #main-featured-trending.table-frame {

        margin: 0

    }

    .wrapper .main-container.home-page .content.main button.see-more-btn {

        width: 100%;

        margin-bottom: 0;

        margin-top: 15px

    }

    .showcase-basic-content h1 {

        font-size: 2.4em

    }

    .showcase-basic-content h2 {

        font-size: 16px

    }

    .table-frame [class^=table-frame-col] {

        border-spacing: 0

    }

    #home-page-mobile-tabs {

        display: block;

        background: #fff;

        margin: -15px -15px 20px

    }

    #home-page-mobile-tabs ul {

        list-style: none

    }

    #home-page-mobile-tabs ul li.tab {

        width: 48%;

        cursor: pointer;

        display: inline-block;

        position: relative;

        padding: 10px 0;

        margin: 0;

        -webkit-touch-callout: none;

        -webkit-user-select: none;

        -khtml-user-select: none;

        -moz-user-select: none;

        -ms-user-select: none;

        user-select: none

    }

    #home-page-mobile-tabs ul li.tab .label {

        font-size: 1.6em;

        padding: 3px 25%;

        border-right: 1px solid #d0d0ce;

        display: block;

        text-align: center;

        color: #000;

        word-break: normal

    }

    #home-page-mobile-tabs ul li.tab:last-of-type .label {

        border-right: none

    }

    #home-page-mobile-tabs ul li.tab.active {

        border-bottom: 5px solid #86bc25;

        font-weight: 700

    }

    #home-page-mobile-tabs ul li.tab.active::after {

        content: " ";

        border-top: 10px solid #86bc25;

        border-right: 8px solid transparent;

        border-left: 8px solid transparent;

        border-bottom: 0;

        position: absolute;

        bottom: -15px;

        left: 43.5%;

        height: 0;

        width: 0

    }

    #home-featured.featured {

        width: 100%;

        display: block

    }

    #home-featured.featured .table-frame-col-50.featuredpromo {

        display: block;

        width: 100%;

        float: left;

        margin-bottom: 10px

    }

    #home-featured.featured .table-frame-col-50.featuredpromo:last-child {

        margin-bottom: 0

    }

    #home-featured.featured .table-frame-col-100.featuredpromo .featured-promo.descriptive-promo .article-image {

        width: 100%;

        padding: 0;

        border-bottom: 2px solid #f4f4f4

    }

    #home-featured.featured .table-frame-col-100.featuredpromo .featured-promo.descriptive-promo .article-text {

        width: 100%;

        padding: 20px

    }

    #home-featured.featured .table-frame-col-50.standardpromo {

        display: block;

        width: 100%;

        margin-bottom: 10px

    }

    #home-featured.featured .table-frame-col-50.standardpromo:last-child {

        margin-bottom: 0

    }

    .table-frame-col-30.trending {

        width: 100%;

        display: block;

        position: relative

    }

}



.scrollArrows,

.tabbedMenu li a {

    display: block;

    text-decoration: none

}



.tabbedMenuWrap,

.tabbedScrollWrap {

    position: relative

}



.tabbedScrollWrap {

    top: 1px;

    overflow: hidden;

    height: 60px

}



.scrollArrows {

    position: absolute;

    bottom: 16px;

    z-index: 10;

    background: #d0d0ce;

    border-radius: 50%;

    color: #fff;

    text-align: center;

    width: 40px;

    height: 40px

}



.menuScrollLeft {

    left: 0;

    border-left: none;

    background-position: 0 0

}



.menuScrollRight {

    right: 0;

    border-right: none

}



.tabbedMenu li a {

    padding: 4px 15px

}



.tabList ul,

.topic-page #topic-page-mobile-tabs {

    display: none

}



.tabList {

    position: absolute;

    top: -3px;

    right: -10px;

    z-index: 30

}



.tabList ul {

    margin: 0;

    height: auto;

    width: 200px;

    position: relative;

    top: 10px

}



.topic-page {

    background: 0 0

}



.topic-page .main-container.topic-page-content {

    max-width: 1200px;

    margin: 0 auto

}



.topic-page .calltoaction.section {

    margin-bottom: 15px

}



.topic-page .calltoaction.section #call-to-action-contact {

    color: #fff

}



.topic-page .calltoaction.section #call-to-action-contact .button-call-to-action .button {

    background: #fff;

    color: #00a3e0;

    border: 2px solid #fff

}



.topic-page .calltoaction.section #call-to-action-contact .button-call-to-action .button:hover {

    background: #00a3e0;

    color: #fff

}



.topic-page .tier {

    margin-left: -15px;

    margin-right: -15px;

    box-sizing: border-box

}



.topic-page .tier * {

    box-sizing: border-box

}



.topic-page .tier:after,

.topic-page .tier:before {

    content: " ";

    display: table

}



.topic-page .tier:after {

    clear: both

}



.topic-page .col-100 {

    width: 100%

}



.topic-page .col-70 {

    width: 66.66667%

}



.topic-page .col-50 {

    width: 50%

}



.topic-page .col-30 {

    width: 33.33333%

}



.topic-page .col-100,

.topic-page .col-30,

.topic-page .col-50,

.topic-page .col-70 {

    display: block;

    position: relative;

    min-height: 1px;

    float: left;

    padding-left: 15px;

    padding-right: 15px

}



@media only screen and (max-width:767px) {

    .topic-page .tier {

        margin-left: -25px;

        margin-right: -25px

    }

    .topic-page .col-100,

    .topic-page .col-30,

    .topic-page .col-50,

    .topic-page .col-70 {

        width: 100%;

        padding-left: 25px;

        padding-right: 25px

    }

}



.topic-page .col-70 {

    padding-left: 0;

    padding-right: 0

}



.topic-page .col-70 .table-frame#featured-more-topic {

    margin-left: -5px

}



.topic-page .col-70 .table-frame#featured-more-topic .section.layoutcolumnctrl {

    width: 103.5%

}



@media only screen and (max-width:767px) {

    .topic-page .tabbedMenuWrap {

        position: relative

    }

    .topic-page .tabbedScrollWrap {

        position: relative;

        top: 1px;

        overflow: hidden;

        height: 66px

    }

    .topic-page .scrollArrows {

        position: absolute;

        top: 0;

        z-index: 10;

        background: #d0d0ce;

        border-radius: 0;

        color: #d0d0ce;

        text-align: center;

        display: block;

        width: 40px;

        height: 54px;

        text-decoration: none;

        font-family: Dcom-EDE

    }

    .topic-page .scrollArrows.menuScrollLeft {

        background: -moz-linear-gradient(left, #fff 35%, rgba(255, 255, 255, 0) 100%);

        background: -webkit-linear-gradient(left, #fff 35%, rgba(255, 255, 255, 0) 100%);

        background: linear-gradient(to right, #fff 35%, rgba(255, 255, 255, 0) 100%);

        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=1)

    }

    .topic-page .scrollArrows.menuScrollLeft:after {

        content: '\f053';

        position: absolute;

        top: 24px;

        left: 10%;

        font-size: 12px

    }

    .topic-page .scrollArrows.menuScrollRight {

        background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0, #fff 76%);

        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, #fff 76%);

        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, #fff 76%);

        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1)

    }

    .topic-page .scrollArrows.menuScrollRight:after {

        content: '\f054';

        position: absolute;

        top: 24px;

        right: 10%;

        font-size: 12px

    }

    .topic-page .menuScrollLeft {

        left: 0;

        border-left: none;

        background-position: 0 0

    }

    .topic-page .menuScrollRight {

        right: 0;

        border-right: none

    }

    .topic-page .tabbedMenu li a {

        display: block;

        padding: 4px 15px;

        text-decoration: none

    }

    .topic-page .tabList {

        position: absolute;

        top: -3px;

        right: -10px;

        z-index: 30

    }

    .topic-page .tabList ul {

        display: none;

        margin: 0;

        height: auto;

        width: 200px;

        position: relative;

        top: 10px

    }

    .topic-page .main-container.topic-page-content {

        padding: 15px

    }

    .topic-page #topic-page-mobile-tabs {

        display: block;

        margin: -15px -15px 15px

    }

    .topic-page #topic-page-mobile-tabs ul {

        list-style: none

    }

    .topic-page #topic-page-mobile-tabs ul li.tab {

        background: #fff;

        max-height: 52px;

        width: 32%;

        cursor: pointer;

        display: inline-block;

        position: relative;

        padding: 10px 0;

        margin: 0;

        float: left;

        border-bottom: 5px solid #fff;

        -webkit-touch-callout: none;

        -webkit-user-select: none;

        -khtml-user-select: none;

        -moz-user-select: none;

        -ms-user-select: none;

        user-select: none

    }

    .topic-page #topic-page-mobile-tabs ul li.tab .label {

        font-size: 1.6em;

        padding: 3px 40px;

        border-right: 1px solid #d0d0ce;

        display: block;

        text-align: center;

        color: #000;

        white-space: nowrap;

        width: auto;

        min-width: 80px

    }

    .topic-page #topic-page-mobile-tabs ul li.tab:last-of-type .label {

        border-right: none

    }

    .topic-page #topic-page-mobile-tabs ul li.tab.active {

        border-bottom: 5px solid #86bc25;

        font-weight: 700

    }

    .topic-page #topic-page-mobile-tabs ul li.tab.active::after {

        content: "";

        border-top: 10px solid #86bc25;

        border-right: 8px solid transparent;

        border-left: 8px solid transparent;

        border-bottom: 0;

        position: absolute;

        bottom: -15px;

        left: 43.5%;

        height: 0;

        width: 0

    }

}



.fullwidthcalloutbox {

    padding: 0!important

}



.main-container.profiles-page .content.main {

    border-top: solid 7px #c4d600

}



.main-container.events-page .content.main {

    border-top: solid 7px #0097a9

}



.sortResults {

    border-bottom: 1px solid #d7dbdb;

    padding: 1.5em 0 1.5em 70px

}



.sortResults .results-count {

    float: left;

    font-size: 1.4em

}



.sortResults .DTTL-select {

    float: right;

    margin-right: 50px;

    display: flex

}



.sortResults .DTTL-select label {

    font-size: 1.4em;

    border: 0;

    line-height: 40px;

    padding-right: 10px

}



.sortResults .DTTL-select select {

    width: 100%;

    border-color: transparent;

    vertical-align: middle;

    -moz-appearance: none;

    -webkit-appearance: none;

    font-size: 1.2em;

    height: 35px;

    padding-left: 5px;

    background: #fff

}



.sortResults .DTTL-select .DTTL-select-wrap {

    height: 35px;

    display: inline-block;

    overflow: hidden;

    position: relative;

    border: 1px solid #d0d0ce

}



.sortResults .DTTL-select .DTTL-select-wrap:after {

    content: "\f107";

    position: absolute;

    right: 10px;

    font-size: 1.4em;

    top: 20%;

    color: #00a1de;

    font-family: Dcom-EDE!important;

    pointer-events: none;

    display: none\9

}



.sortResults .DTTL-select .DTTL-form-helper-txt {

    font-size: 11px;

    color: #75787b;

    line-height: 12px;

    clear: both

}



.main-container.dynamic-list-page {

    width: 100%;

    position: relative

}



.main-container.dynamic-list-page .dynamic-list-page-title {

    width: 63%;

    float: left

}



.main-container.dynamic-list-page .dynamic-list-page-title[dir=rtl] h1.primary-headline {

    text-align: right

}



.main-container.dynamic-list-page .dynamic-list-page-title .primary-headline {

    padding: 30px 0 0 70px

}



.main-container.dynamic-list-page .fullwidthcalloutboxcontainer {

    width: 26%;

    float: left;

    margin-top: 30px;

    margin-left: 5em;

    padding: 0

}



.main-container.dynamic-list-page .fullwidthcalloutboxcontainer .fullwidthcalloutbox {

    padding: 0

}



.main-container.dynamic-list-page .fullwidthcalloutboxcontainer p {

    font-size: 1.4em

}



.main-container.dynamic-list-page .dynamic-lists-filters {

    padding: 0 0 10px 70px;

    text-align: left;

    border-bottom: 5px solid #e6e9e9

}



.main-container.dynamic-list-page .dynamic-lists-filters .filter-label {

    display: inline-block;

    font-size: 1.4em;

    margin: 1.5% 1.5% 0 0

}



.main-container.dynamic-list-page .dynamic-lists-filters ul {

    display: inline;

    margin-left: .5em

}



.main-container.dynamic-list-page .dynamic-lists-filters ul li {

    display: inline-block;

    font-size: 1.4em;

    position: relative;

    border-right: 1px solid #eee;

    margin: 1em 0 0;

    padding: 0 2%

}



.main-container.dynamic-list-page .dynamic-lists-filters ul li:last-child {

    border-right: 0

}



.main-container.dynamic-list-page .dynamic-lists-filters ul li.state-active:before {

    content: '';

    border-bottom: 5px solid #86bc24;

    position: absolute;

    width: 100%;

    left: 0;

    top: 29px;

    margin-left: 0;

    padding-left: 0

}



.main-container.dynamic-list-page .dynamic-lists-filters ul li.state-active:after {

    top: 34px;

    left: 50%;

    border: solid transparent;

    content: " ";

    height: 0;

    width: 0;

    position: absolute;

    pointer-events: none;

    border-color: rgba(134, 188, 36, 0);

    border-top-color: #86bc24;

    border-width: 8px;

    margin-left: -10px

}



.main-container.dynamic-list-page .dynamic-lists-filters ul li a {

    color: #000!important;

    background: 0 0;

    border: none

}



.main-container.dynamic-list-page .dynamic-lists-filters ul li a:hover {

    cursor: pointer

}



.main-container.dynamic-list-page .page-intro-copy {

    margin-bottom: 0;

    padding: 0 0 30px 70px

}



.main-container.dynamic-list-page .all-dynamic-list {

    clear: both;

    width: 100%;

    padding: 0;

    margin: 1% auto 0;

    color: #000

}



.main-container.dynamic-list-page .all-dynamic-list[dir=rtl] ul.dynamic-list-items li .dynamic-list-text-container .dynamic-list-info .dynamic-list-location.pipe {

    border-left: 1px solid #75787b;

    border-right: none;

    margin: 0;

    padding-left: .5em

}



.main-container.dynamic-list-page .all-dynamic-list[dir=rtl] ul.dynamic-list-items li .dynamic-list-text-container .dynamic-list-info .dynamic-list-telnumber {

    padding-right: .5em

}



.main-container.dynamic-list-page .all-dynamic-list ul.search-pagination {

    text-align: center;

    padding-top: 2%;

    padding-bottom: 2%;

    clear: both;

    width: 100%;

    padding-right: 70px

}



.main-container.dynamic-list-page .all-dynamic-list ul.search-pagination .page-number {

    padding: .5% 1%;

    font-size: 1.6em;

    margin: 0 .5%;

    cursor: pointer;

    border: 0;

    font-weight: 700!important

}



.main-container.dynamic-list-page .all-dynamic-list ul.search-pagination .page-number:last-child {

    margin-right: 0

}



.main-container.dynamic-list-page .all-dynamic-list ul.search-pagination .btn-white {

    background: #fff

}



.main-container.dynamic-list-page .all-dynamic-list ul.search-pagination .btn-white a {

    color: #0090c7

}



.main-container.dynamic-list-page .all-dynamic-list ul.search-pagination .btn-white a:hover {

    color: #fff

}



.main-container.dynamic-list-page .all-dynamic-list ul.search-pagination .btn-white:hover a {

    color: #00a3e0;

    text-decoration: underline

}



.main-container.dynamic-list-page .all-dynamic-list ul.search-pagination .btn-white.btn-blue {

    background: #0090c7

}



.main-container.dynamic-list-page .all-dynamic-list ul.search-pagination .btn-white.btn-blue:hover {

    background: #4cceff!important;

    color: #fff!important

}



.main-container.dynamic-list-page .all-dynamic-list ul.search-pagination .btn-white.btn-blue a {

    color: #fff

}



.main-container.dynamic-list-page .all-dynamic-list ul.search-pagination .btn-white.btn-blue:hover a {

    text-decoration: none

}



.dynamic-list-items li .dynamic-list-text-container h2.tertiary-headline #spell-suggestion a:hover,

.dynamic-list-items li .dynamic-list-text-container h2.tertiary-headline a span.dynamic-list-headline1:hover,

.dynamic-list-items li .dynamic-list-text-container h2.tertiary-headline a span.dynamic-list-headline2:hover {

    text-decoration: underline

}



.main-container.dynamic-list-page .search-summary {

    float: left;

    font-size: 1.4em

}



.main-container.dynamic-list-page h1 {

    text-align: left

}



.main-container.dynamic-list-page h1.primary-headline span.query-term {

    font-weight: 500

}



.main-container.dynamic-list-page .search-sorting {

    display: none

}



.main-container.dynamic-list-page .search-sorting .sort-by {

    float: left;

    width: 45%

}



.main-container.dynamic-list-page .search-sorting .global-results {

    text-align: right

}



.dynamic-list-text-container p {

    font-size: 1.4em;

    margin-bottom: 0;

    margin-top: 5px

}



.dynamic-list-text-container p span.body-copy {

    font-size: 1em

}



ul.dynamic-list-items {

    overflow: hidden

}



ul.dynamic-list-items li .promotion-text-container {

    width: 80%;

    float: right

}



.dynamic-list-items li {

    display: block;

    padding: 2.75% 0;

    border-top: 1px solid #f0f1f1;

    width: 87%;

    overflow: hidden;

    margin: 0 auto

}



.dynamic-list-items li:first-child {

    border: 0

}



.dynamic-list-items li .dynamic-list-text-container {

    width: 83%;

    float: right

}



.dynamic-list-items li .dynamic-list-text-container h2.tertiary-headline {

    margin: 0 0 .25em;

    font-weight: 400

}



.dynamic-list-items li .dynamic-list-text-container h2.tertiary-headline strong {

    font-weight: 700

}



.dynamic-list-items li .dynamic-list-text-container h2.tertiary-headline #spell-suggestion a:visited,

.dynamic-list-items li .dynamic-list-text-container h2.tertiary-headline a:visited {

    color: #609

}



.dynamic-list-items li .dynamic-list-text-container h2.tertiary-headline a span {

    display: block

}



.dynamic-list-items li .dynamic-list-text-container h2.tertiary-headline a span.dynamic-list-headline1 {

    font-size: 1.12em;

    font-weight: 400;

    line-height: 1.8em

}



.dynamic-list-items li .dynamic-list-text-container h2.tertiary-headline a span.dynamic-list-headline2 {

    font-size: 1em

}



.dynamic-list-items li .dynamic-list-image-container {

    width: 15%;

    float: left

}



.dynamic-list-items li .dynamic-list-image-container img {

    border: 1px solid #d0d0ce;

    max-width: 110px;

    max-height: 110px;

    overflow: hidden

}



.dynamic-list-info,

.dynamic-list-office,

.dynamic-list-pdf-details {

    color: #75787b;

    font-size: 1.3em;

    display: block

}



.dynamic-list-info .dynamic-list-location,

.dynamic-list-info .dynamic-list-telnumber {

    display: inline-block

}



.dynamic-list-info .dynamic-list-location.pipe {

    border-right: 1px solid #75787b;

    margin: 0;

    padding-right: .5em

}



.dynamic-list-info .dynamic-list-email a:before,

.dynamic-list-info .dynamic-list-location a:before,

.dynamic-list-info .dynamic-list-telnumber a:before {

    font-family: Dcom-EDE;

    font-size: 14px;

    margin-right: .2em

}



.dynamic-list-info .dynamic-list-location a {

    color: #75787b

}



.dynamic-list-info .dynamic-list-location a:before {

    content: "\f041";

    color: #75787b

}



.dynamic-list-info .dynamic-list-email a {

    color: #00a3e0;

    font-weight: 700

}



.dynamic-list-info .dynamic-list-email a:before {

    content: "\f003";

    color: #75787b

}



.dynamic-list-info .dynamic-list-telnumber {

    padding-left: .5em

}



.dynamic-list-info .dynamic-list-telnumber a {

    color: #75787b

}



.dynamic-list-info .dynamic-list-telnumber a:before {

    content: "\f095";

    color: #75787b

}



@media screen and (max-width:1024px) {

    .profiles-list-items li .profiles-text-container {

        width: 75%

    }

}



:lang(zh-Hant) .dynamic-list-items .dynamic-list-container p {

    font-size: 1.5em;

    line-height: 1.6em

}



@media print {

    .dynamic-list-items li,

    .main-container.dynamic-list-page .all-profiles-list .search-pagination {

        border-top: 1px solid #000

    }

    *,

    a {

        color: #000

    }

    .main-container.dynamic-list-page {

        width: 98%;

        margin: 0 auto

    }

    .main-container.dynamic-list-page .dynamic-lists-filters {

        background: 0 0;

        border: 1px solid #000;

        border-radius: 0

    }

    .main-container.dynamic-list-page .dynamic-lists-filters .facet-button {

        background: 0 0;

        color: #000!important;

        border: 1px solid #000;

        border-radius: 0;

        box-shadow: none

    }

    .dynamic-list-items li .dynamic-list-container .search-url,

    .main-container.dynamic-list-page h1 {

        color: #000

    }

    .main-container.dynamic-list-page .all-profiles-list {

        box-shadow: none;

        border: 1px solid #000;

        border-radius: 0;

        width: initial

    }

    .main-container.dynamic-list-page .all-profiles-list .search-pagination .page-number {

        background: 0 0;

        border: 1px solid #000;

        border-radius: 0;

        box-shadow: none

    }

    input.dcom-checkbox[type=checkbox]+label.input-label,

    input.dcom-radio[type=radio]+label.input-label,

    input.form_field_checkbox+label.input-label,

    input.form_field_radio+label.input-label {

        background: 0 0;

        line-height: 0

    }

    #includeGlobal input[type=checkbox] {

        margin: 0;

        height: 2em;

        float: none

    }

    input.dcom-checkbox[type=checkbox],

    input.dcom-radio[type=radio],

    input.form_field_checkbox,

    input.form_field_radio {

        display: inline-block

    }

    .dynamic-list-items li .dynamic-list-container img {

        border: 1px solid #000

    }

    .dynamic-list-items li .dynamic-list-container {

        width: 70%

    }

}



@media screen and (min-width:768px) and (max-width:1024px) {

    .main-container.dynamic-list-page .fullwidthcalloutboxcontainer {

        margin-left: 4em

    }

}



@media screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {

    .dynamic-list-items li {

        width: 85%

    }

}



@media screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait) {

    .main-container.dynamic-list-page .dynamic-lists-filters,

    .main-container.dynamic-list-page .results-count {

        padding-left: 6%

    }

    .main-container.dynamic-list-page .dynamic-list-page-title .primary-headline,

    .main-container.dynamic-list-page .page-intro-copy {

        padding-left: 9%

    }

    .main-container.dynamic-list-page .dynamic-list-items li .dynamic-list-image-container img {

        max-width: 90px;

        max-height: 90px

    }

}



@media screen and (max-width:767px) {

    .main-container.dynamic-list-page {

        margin: 0 auto;

        width: 96%

    }

    .main-container.dynamic-list-page .search-sorting {

        padding: 2% 4%

    }

    .main-container.dynamic-list-page .all-dynamic-list {

        -webkit-box-shadow: none;

        -moz-box-shadow: none;

        box-shadow: none

    }

    .main-container.dynamic-list-page .all-dynamic-list div#noResults {

        clear: both

    }

    .main-container.dynamic-list-page .all-dynamic-list ul.search-pagination {

        margin: 0;

        padding: 2% 0

    }

    .main-container.dynamic-list-page .all-dynamic-list ul.search-pagination .page-number.btn-white {

        padding: 1% 2%;

        margin: 0 1%

    }

    .main-container.dynamic-list-page .all-dynamic-list .dynamic-list-items li .dynamic-list-text-container {

        width: 100%;

        float: none

    }

    .main-container.dynamic-list-page .all-dynamic-list ul.search-pagination {

        width: 100%;

        padding-left: 0;

        padding-right: 0;

        margin-right: 0

    }

    .main-container.dynamic-list-page .dynamic-list-page-title {

        width: 100%

    }

    .main-container.dynamic-list-page .dynamic-list-page-title h1 {

        text-align: left

    }

    .main-container.dynamic-list-page .dynamic-list-page-title .primary-headline {

        font-size: 2.4em!important;

        padding: 15px 15px 0

    }

    .main-container.dynamic-list-page .dynamic-list-page-title .page-intro-copy {

        margin-bottom: 0;

        padding: 0 15px 30px

    }

    .main-container.dynamic-list-page .dynamic-list-page-title .introductioncopy {

        width: 100%;

        float: none;

        display: block

    }

    .main-container.dynamic-list-page .fullwidthcalloutboxcontainer {

        width: 100%;

        margin-top: 0;

        margin-left: 5.5%

    }

    .main-container.dynamic-list-page .fullwidthcalloutbox {

        width: 88%;

        margin-left: 0;

        display: block;

        padding: 0 15px 10px;

        margin-top: 0

    }

    .main-container.dynamic-list-page .dynamic-list-image-container img,

    .main-container.dynamic-list-page .dynamic-lists-filters .filter-label,

    .main-container.dynamic-list-page .gs-promotion-image-box,

    .main-container.dynamic-list-page .promotion-image-container {

        display: none

    }

    .main-container.dynamic-list-page .dynamic-lists-filters {

        padding: 0 15px 30px

    }

    .main-container.dynamic-list-page .dynamic-lists-filters ul {

        margin-left: 0

    }

    .main-container.dynamic-list-page .profiles-list-items li {

        width: 91%;

        padding: 6% 0

    }

    .main-container.dynamic-list-page .profiles-list-items li .profiles-text-container {

        width: 100%;

        float: left

    }

    .main-container.dynamic-list-page .no-results-copy {

        width: 88%;

        padding: 2% 6%

    }

    .main-container.dynamic-list-page .global-results form#includeGlobal {

        clear: both;

        padding: 10px 0;

        text-align: left

    }

    .main-container.dynamic-list-page .dynamic-lists-filters ul li {

        margin: 0

    }

    .main-container.dynamic-list-page .dynamic-lists-filters ul li.state-active:before {

        top: 37px;

        padding-right: 1px;

        margin-left: -7px;

        left: 6px

    }

    .main-container.dynamic-list-page .dynamic-lists-filters .facet-button:last-child {

        margin-top: 0

    }

    .overflow-tabs .facet-button {

        width: 65%!important

    }

    :lang(ja) .primary-headline {

        font-size: 2.2em!important

    }

}



@media screen and (min-width:450px) and (max-width:767px) {

    .main-container.dynamic-list-page .dynamic-list-page-title .page-intro-copy {

        padding-left: 5.5%

    }

    .results-count {

        padding-top: 0;

        padding-left: 5.8%

    }

}



@media screen and (max-width:400px) {

    .main-container.profile-page .all-dynamic-list ul.search-pagination .page-number.btn-white {

        padding: 1% 1.75%

    }

    .main-container.profile-page .all-dynamic-list div#noResults {

        clear: both

    }

    .results-count {

        padding: 0 15px 1.5em

    }

}



@media only screen and (max-width:767px) {

    .main-container.dynamic-list-page .dynamic-lists-filters .tabList {

        display: none!important

    }

    .main-container.dynamic-list-page .dynamic-lists-filters .facet-button {

        margin: -10px 0 0

    }

    .main-container.dynamic-list-page .dynamic-lists-filters {

        padding: 0;

        margin: 15px 0 0

    }

    .main-container.dynamic-list-page .dynamic-lists-filters .facet-button.btn-blue:after {

        border: solid transparent;

        content: " ";

        height: 0;

        width: 0;

        display: block;

        position: absolute;

        pointer-events: none;

        border-width: 8px;

        margin-left: -4px

    }

    .main-container.dynamic-list-page .tabbedMenuWrap {

        position: relative

    }

    .main-container.dynamic-list-page .tabbedScrollWrap {

        position: relative;

        top: 1px;

        overflow: hidden;

        height: 60px;

        border-top: 1px solid #eee

    }

    .main-container.dynamic-list-page .scrollArrows {

        position: absolute;

        top: 2px;

        z-index: 10;

        background: #d0d0ce;

        border-radius: 0;

        color: #d0d0ce;

        text-align: center;

        display: block;

        width: 40px;

        height: 36px;

        text-decoration: none;

        font-family: Dcom-EDE

    }

    .main-container.dynamic-list-page .scrollArrows.menuScrollLeft {

        background: -moz-linear-gradient(left, #fff 35%, rgba(255, 255, 255, 0) 100%);

        background: -webkit-linear-gradient(left, #fff 35%, rgba(255, 255, 255, 0) 100%);

        background: linear-gradient(to right, #fff 35%, rgba(255, 255, 255, 0) 100%);

        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=1)

    }

    .main-container.dynamic-list-page .scrollArrows.menuScrollLeft:after {

        content: '\f053';

        position: absolute;

        top: 15px;

        left: 10%;

        font-size: 12px

    }

    .main-container.dynamic-list-page .scrollArrows.menuScrollRight {

        background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0, #fff 76%);

        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, #fff 76%);

        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, #fff 76%);

        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1)

    }

    .main-container.dynamic-list-page .scrollArrows.menuScrollRight:after {

        content: '\f054';

        position: absolute;

        top: 15px;

        right: 10%;

        font-size: 12px

    }

    .main-container.dynamic-list-page .menuScrollRight {

        right: 0;

        border-right: none

    }

    .main-container.dynamic-list-page .tabbedMenu li a {

        display: block;

        padding: 4px 15px;

        text-decoration: none

    }

    .main-container.dynamic-list-page .tabList {

        position: absolute;

        top: -3px;

        right: -10px;

        z-index: 30

    }

    .main-container.dynamic-list-page .tabList ul {

        display: none;

        margin: 0;

        height: auto;

        width: 200px;

        position: relative;

        top: 10px

    }

    .main-container.dynamic-list-page .dynamic-lists-filters .facet-button {

        visibility: visible;

        display: inline-block;

        padding: 12px 40px

    }

    .main-container.dynamic-list-page .dynamic-lists-filters .facet-button.btn-blue:before {

        top: auto;

        bottom: 0

    }

    .main-container.dynamic-list-page .dynamic-lists-filters .facet-button.btn-blue:after {

        left: 46%;

        top: 43px;

        border-top-color: transparent

    }

    .main-container.dynamic-list-page .dynamic-lists-filters ul li.state-active:after {

        top: 42px

    }

    .overflow-tabs {

        width: 100%!important;

        display: block;

        background: #fff;

        margin: -15px -15px 15px

    }

    .overflow-tabs .facet-button {

        width: 48%;

        cursor: pointer;

        display: inline-block;

        position: relative;

        padding: 10px 0;

        margin: 0;

        -webkit-touch-callout: none;

        -webkit-user-select: none;

        -khtml-user-select: none;

        -moz-user-select: none;

        -ms-user-select: none;

        user-select: none

    }

    .overflow-tabs .facet-button .label {

        font-size: 1.6em;

        padding: 3px 25%;

        border-right: 1px solid #d0d0ce;

        display: block;

        text-align: center;

        color: #000;

        word-break: normal

    }

    .overflow-tabs .facet-button:last-of-type .label {

        border-right: none

    }

    .overflow-tabs .facet-button.active {

        border-bottom: 5px solid #86bc25;

        font-weight: 700

    }

    .overflow-tabs .facet-button.active::after {

        content: " ";

        border-top: 10px solid #86bc25;

        border-right: 8px solid transparent;

        border-left: 8px solid transparent;

        border-bottom: 0;

        position: absolute;

        bottom: -15px;

        left: 43.5%;

        height: 0;

        width: 0

    }

    :lang(ko) .main-container.dynamic-list-page .dynamic-lists-filters .facet-button.btn-blue:before,

    :lang(ru) .main-container.dynamic-list-page .dynamic-lists-filters .facet-button.btn-blue:before {

        bottom: -3px

    }

    :lang(ja) .main-container.dynamic-list-page .tabbedMenu {

        width: 712px!important

    }

    :lang(fr) .main-container.dynamic-list-page .tabbedMenu {

        width: 881px!important

    }

}



.wrapper.content-page .main-container.content-page .content.main .left-content-section .inline-nav-container.left-section,

.wrapper.content-page .main-container.content-page .content.main .read-more-btn {

    display: none

}



.wrapper.content-page .main-container.content-page .content.main .left-content-section .header-intro-container .header-intro h1,

.wrapper.content-page .main-container.content-page .content.main .left-content-section .header-intro-container .header-intro h2,

.wrapper.content-page .main-container.content-page .content.main .left-content-section.extended {

    width: 100%

}



.wrapper.content-page {

    max-width: 100%

}



.wrapper.content-page .main-container.content-page {

    max-width: 1200px;

    margin: 30px auto 0;

    background: #fff;

    padding-bottom: 0;

    padding-top: 0

}



.wrapper.content-page .main-container.content-page .associated-articles .right-content-section .tag-panel .article-tags,

.wrapper.content-page .main-container.content-page.headerimage {

    margin-top: 0

}



.wrapper.content-page .main-container.content-page .content.main {

    position: relative;

    margin: 0;

    width: 100%

}



.wrapper.content-page .main-container.content-page .content.main .content-page-info {

    overflow: hidden;

    padding-bottom: 5px

}



.wrapper.content-page .main-container.content-page .content.main .content-page-info.people-color {

    border-top: solid 7px #86BC25

}



.wrapper.content-page .main-container.content-page .content.main .content-page-info.careers-color {

    border-top: solid 7px #C4D600

}



.wrapper.content-page .main-container.content-page .content.main .content-page-info.analysis-color {

    border-top: solid 7px #43B02A

}



.wrapper.content-page .main-container.content-page .content.main .content-page-info.perspective-color {

    border-top: solid 7px #046A38

}



.wrapper.content-page .main-container.content-page .content.main .content-page-info.dup-color {

    border-top: solid 7px #62B5E5

}



.wrapper.content-page .main-container.content-page .content.main .content-page-info.event-color {

    border-top: solid 7px #0097A9

}



.wrapper.content-page .main-container.content-page .content.main .content-page-info.solution-color {

    border-top: solid 7px #00A3E0

}



.wrapper.content-page .main-container.content-page .content.main .content-page-info.news-color {

    border-top: solid 7px #2C5234

}



.wrapper.content-page .main-container.content-page .content.main .content-page-info.office-color {

    border-top: solid 7px #012169

}



.wrapper.content-page .main-container.content-page .content.main .content-page-info.pr-color {

    border-top: solid 7px #53565a

}



.wrapper.content-page .main-container.content-page .content.main .content-page-info .left-content-section {

    min-height: 600px

}



.wrapper.content-page .main-container.content-page .content.main .header-intro-container {

    border-top: none

}



.wrapper.content-page .main-container.content-page .content.main .left-content-section .header-intro-container .header-intro-label {

    border-top: none;

    padding-left: 60px;

    padding-right: 60px

}



.wrapper.content-page .main-container.content-page .content.main .left-content-section .header-intro-container .header-intro {

    padding-left: 60px

}



.wrapper.content-page .main-container.content-page .content.main .left-content-section h3.secondary-headline {

    padding-bottom: 20px;

    margin: 0

}



.wrapper.content-page .main-container.content-page .content.main .right-content-section {

    position: relative

}



.wrapper.content-page .main-container.content-page .content.main .right-content-section.extended {

    width: 0

}



.wrapper.content-page .main-container.content-page .content.main .right-content-section .contact-list {

    padding-top: 30px

}



.wrapper.content-page .main-container.content-page .content.main .right-content-section .contact-list ul .contact-list-item .list-item:hover {

    cursor: pointer

}



.wrapper.content-page .main-container.content-page .content.main .right-content-section .contact-list ul .contact-list-item.selected .list-item {

    position: relative;

    z-index: 1002;

    background-color: #86bc25;

    font-weight: 700

}



.wrapper.content-page .main-container.content-page .content.main .right-content-section .contact-list ul .contact-list-item.selected .list-item:before {

    content: "\A";

    border-style: solid;

    border-width: 36px 26px 36px 0;

    border-color: transparent #86bc25 transparent transparent;

    position: absolute;

    left: -26px;

    top: 0

}



.wrapper.content-page .main-container.content-page .divider {

    border-top: 5px solid #97999b

}



.wrapper.content-page .main-container.content-page .recently-viewed {

    padding: 0 0 0 70px

}



.wrapper.content-page .main-container.content-page .recently-viewed li {

    font-size: 1.4em

}



.wrapper.content-page .main-container.content-page .associated-articles {

    box-sizing: border-box;

    background: #fcfcfc;

    float: left;

    padding: 30px 0

}



.wrapper.content-page .main-container.content-page .associated-articles h3 {

    padding-bottom: 20px;

    margin: 0

}



.wrapper.content-page .main-container.content-page .associated-articles a {

    color: #0076a8

}



.wrapper.content-page .main-container.content-page .associated-articles a:hover {

    text-decoration: underline

}



.wrapper.content-page .main-container.content-page .associated-articles .left-content-section,

.wrapper.content-page .main-container.content-page .associated-articles .right-content-section {

    padding-top: 0;

    float: none

}



.wrapper.content-page .main-container.content-page .associated-articles .left-content-section {

    width: 70%

}



.wrapper.content-page .main-container.content-page .associated-articles .right-content-section {

    width: 30%;

    border-left: 1px solid #d0d0ce

}



.wrapper.content-page .main-container.content-page .associated-articles .right-content-section .recently-viewed {

    padding: 0 0 30px 30px

}



.wrapper.content-page .main-container.content-page .associated-articles .right-content-section .tag-panel {

    padding: 0 0 0 30px

}



.wrapper.content-page .main-container.content-page .associated-articles .right-content-section .tag-panel .more-topics-wrapper {

    width: 100%

}



.wrapper.content-page .main-container.content-page .associated-articles .right-content-section .tag-panel .article-tags li a {

    background: #fff;

    color: #000;

    font-size: 1.2em;

    border: 1px solid #d0d0ce;

    word-wrap: break-word

}



.wrapper.content-page .main-container.content-page .associated-articles .right-content-section .tag-panel .article-tags li a:hover {

    background: #d6d7d8;

    text-decoration: none

}



.pop-up .profile-boxes p.profile-name a:hover,

.pop-up .profile-boxes span.email-wrapper a:hover {

    text-decoration: underline

}



.clearfix:after {

    visibility: hidden;

    display: block;

    font-size: 0;

    content: " ";

    clear: both;

    height: 0

}



.hide-it {

    display: none

}



.modal-pop-up {

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background-color: #000;

    opacity: .5;

    z-index: 1000

}



.pop-up {

    z-index: 1001;

    width: 841px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    padding: 30px;

    background-color: #fff;

    position: absolute;

    right: 24%;

    min-height: 200px

}



.pop-up .close-button {

    top: -16px;

    float: right;

    position: relative;

    color: #ccc;

    font-size: 1.2em;

    border: 1px solid #ccc;

    border-radius: 50%;

    height: 20px;

    width: 20px;

    display: block;

    text-align: center;

    line-height: 20px

}



.pop-up .close-button:hover {

    cursor: pointer

}



.pop-up .left-section {

    display: table-cell;

    vertical-align: top;

    padding-right: 30px

}



.pop-up .right-section {

    width: 64%;

    padding-left: 30px;

    vertical-align: top;

    margin-top: -18px;

    display: table-cell;

    border-left: 1px solid #d0d0ce

}



.pop-up .profile-boxes {

    width: 100%;

    float: left;

    box-sizing: border-box;

    margin-bottom: 30px

}



.pop-up .profile-boxes .profile-img {

    max-width: 120px;

    width: 25%;

    padding-right: 20px;

    float: left;

    box-sizing: border-box

}



.pop-up .profile-boxes .profile-txt {

    float: left;

    width: 75%;

    box-sizing: border-box

}



.pop-up .profile-boxes .profile-txt p {

    font-size: 1.4em;

    line-height: 1.6em;

    margin: 0

}



.pop-up .profile-boxes p.profile-name {

    font-weight: 700

}



.pop-up .profile-boxes span.email-wrapper {

    font-size: 1.4em

}



.pop-up .profile-boxes span.tel-number-wrapper a {

    color: #000;

    font-size: 1.4em;

    margin-left: 15px

}



.pop-up .profile-boxes ul {

    border-collapse: initial

}



.pop-up .profile-boxes .social-media-wrapper {

    margin: 1.5em 0 2em

}



.pop-up .profile-boxes .social-media-wrapper ul li {

    display: inline-block;

    font-size: 1.4em;

    margin: 0 .5em .5em 0

}



.pop-up .profile-boxes .social-media-wrapper ul li a {

    vertical-align: middle;

    color: #97999b;

    border-radius: 50%;

    border: 1px solid #97999b;

    height: 28px;

    text-align: center;

    width: 28px;

    display: table-cell

}



.pop-up .profile-boxes .social-media-wrapper ul li a:hover {

    text-decoration: none

}



.pop-up .right-section .list-details h4 a:hover,

.pop-up .right-section .office-location .offices-container .column .offices .office-name h4 a:hover {

    text-decoration: underline

}



.pop-up .profile-boxes .social-media-wrapper ul li:hover a.icon-facebook {

    color: #3b5998

}



.pop-up .profile-boxes .social-media-wrapper ul li:hover a.icon-linkedin {

    color: #007bb6

}



.pop-up .profile-boxes .social-media-wrapper ul li:hover a.icon-twitter {

    color: #00aced

}



.pop-up .right-section .list-details {

    margin-bottom: 2em

}



.pop-up .right-section .list-details h4,

.pop-up .right-section .office-location .offices-container .column .offices .contact p {

    margin-bottom: 0

}



.pop-up .right-section .list-details p {

    font-size: 1.4em

}



.pop-up .right-section .office-location .offices-container {

    padding: 0

}



.pop-up .right-section .office-location .offices-container ul {

    border-collapse: initial

}



.pop-up .right-section .office-location .offices-container .column .offices {

    width: 100%;

    padding: 0

}



.pop-up .right-section .office-location .offices-container .column .offices .office-name p.small-body-copy {

    width: 100%

}



.pop-up .right-section .office-location .offices-container .column .offices .address {

    height: auto

}



body[dir=rtl] .wrapper.content-page .main-container.content-page .header-intro-container .header-intro {

    padding: 15px 60px 0 70px

}



body[dir=rtl] .wrapper.content-page .main-container.content-page .social-share-links ul li:first-child {

    margin: 0

}



body[dir=rtl] .wrapper.content-page .main-container.content-page .author-panel.author-panel-1 .profile-boxes .profile-box-inner .profile-img {

    float: right

}



body[dir=rtl] .wrapper.content-page .main-container.content-page .author-panel.author-panel-1 .profile-txt .email-wrapper {

    border-left: 1px solid #d0d0ce;

    border-right: 0;

    margin: .5em 0 0 1em;

    padding-left: 1em;

    padding-right: 0

}



body[dir=rtl] .wrapper.content-page .main-container.content-page .associated-articles .right-content-section {

    border-right: 1px solid #d0d0ce;

    border-left: 0;

    padding: 30px 0 0 60px

}



body[dir=rtl] .wrapper.content-page .main-container.content-page .associated-articles .right-content-section .tag-panel {

    padding: 0 30px 0 0

}



body[dir=rtl] .recommended-articles {

    padding: 0 60px 0 0

}



body[dir=rtl] .poll .icon-survey {

    right: 50px;

    left: 0

}



body[dir=rtl] .poll .question {

    padding: 20px 200px 20px 20px

}



body[dir=rtl] .poll .question fieldset legend {

    float: none

}



body[dir=rtl] .poll .question fieldset .answers {

    padding-right: 30px

}



@media screen and (min-width:768px) and (max-width:1024px) {

    .wrapper.content-page .main-container.content-page .content.main .left-content-section .header-intro-container .header-intro,

    .wrapper.content-page .main-container.content-page .content.main .left-content-section .header-intro-container .header-intro-label {

        padding: 1% 5%

    }

    .wrapper.content-page .main-container.content-page .content.main .left-content-section .introductionCopyPost .page-intro-copy {

        margin-bottom: 15px

    }

    .wrapper.content-page .main-container.content-page .content.main .right-content-section {

        padding-right: 15px

    }

    .wrapper.content-page .main-container.content-page .associated-articles .right-content-section {

        padding-right: 5%

    }

    .pop-up {

        width: 260%;

        -webkit-box-sizing: content-box;

        -moz-box-sizing: content-box;

        box-sizing: content-box

    }

    .office-location .offices-container .column .offices {

        width: 45%

    }

    .office-location .offices-container .column .offices .office-name p.small-body-copy {

        width: 85%

    }

    .office-location .offices-container .column .offices .office-name p.small-body-copy .view_map {

        margin-right: 15px!important

    }

}



@media screen and (max-width:767px) {

    .wrapper.content-page .main-container.content-page {

        margin-top: 15px

    }

    .wrapper.content-page .main-container.content-page .content.main .header-intro-container {

        border-bottom-width: 4px!important

    }

    .wrapper.content-page .main-container.content-page .content.main .content-page-info {

        padding-bottom: 0

    }

    .wrapper.content-page .main-container.content-page .content.main .content-page-info .left-content-section {

        min-height: initial

    }

    .wrapper.content-page .main-container.content-page .content.main .left-content-section {

        height: 550px;

        float: none;

        width: 100%;

        overflow: hidden

    }

    .wrapper.content-page .main-container.content-page .content.main .left-content-section .inline-nav-container.left-section {

        display: block

    }

    .wrapper.content-page .main-container.content-page .content.main .left-content-section .header-intro-container .header-intro,

    .wrapper.content-page .main-container.content-page .content.main .left-content-section .header-intro-container .header-intro-label {

        padding-left: 15px

    }

    .wrapper.content-page .main-container.content-page .content.main .read-more-btn {

        position: relative;

        display: block;

        width: 92%;

        margin: 10px auto 0;

        background: #fff;

        border: 2px solid #00a3e0;

        font-size: 1.6em;

        padding: 0

    }

    .wrapper.content-page .main-container.content-page .content.main .read-more-btn:before {

        position: absolute;

        top: -45px;

        height: 100%;

        width: 100%;

        left: 0;

        content: "";

        background: linear-gradient(to top, #fff 30%, rgba(255, 255, 255, 0) 80%)

    }

    .wrapper.content-page .main-container.content-page .content.main .read-more-btn a {

        padding: 10px;

        display: block

    }

    .wrapper.content-page .main-container.content-page .content.main .right-content-section {

        float: none;

        width: 100%;

        padding: 15px

    }

    .wrapper.content-page .main-container.content-page .content.main .right-content-section .inline-nav-container.right-section {

        display: none

    }

    .wrapper.content-page .main-container.content-page .content.main .right-content-section .contact-list {

        max-width: 100%;

        padding-top: 0

    }

    .wrapper.content-page .main-container.content-page .content.main .right-content-section .contact-list ul .contact-list-item.selected .list-item:before {

        border-width: 18px 23px 0 25px;

        border-color: #86bc25 transparent transparent;

        position: absolute;

        left: 14px;

        top: 71px

    }

    .wrapper.content-page .main-container.content-page .associated-articles {

        padding: 15px 0

    }

    .wrapper.content-page .main-container.content-page .associated-articles h3 {

        padding-bottom: 15px

    }

    .wrapper.content-page .main-container.content-page .associated-articles .table-frame-col.left-content-section,

    .wrapper.content-page .main-container.content-page .associated-articles .table-frame-col.right-content-section {

        display: block;

        width: 100%;

        float: left

    }

    .wrapper.content-page .main-container.content-page .associated-articles .recommended-articles {

        padding: 0 15px 15px;

        display: block;

        clear: both;

        float: left

    }

    .wrapper.content-page .main-container.content-page .associated-articles .recommended-articles .table-frame {

        display: block;

        margin: 0;

        width: 100%;

        box-sizing: border-box;

        border-spacing: 0;

        padding-bottom: 5px

    }

    .wrapper.content-page .main-container.content-page .associated-articles .recommended-articles .table-frame-col-100px {

        width: 30%;

        padding-right: 15px

    }

    .wrapper.content-page .main-container.content-page .associated-articles .recommended-articles .table-frame-col.copy {

        width: 70%

    }

    .wrapper.content-page .main-container.content-page .associated-articles .recommended-articles .table-frame-col-100px,

    .wrapper.content-page .main-container.content-page .associated-articles .recommended-articles .table-frame-col.copy {

        float: left;

        box-sizing: border-box;

        display: block;

        padding-bottom: 15px;

        height: 115px;

        overflow: hidden

    }

    .wrapper.content-page .main-container.content-page .associated-articles .right-content-section {

        border-left: 0;

        padding: 0

    }

    .wrapper.content-page .main-container.content-page .associated-articles .right-content-section .recently-viewed {

        padding: 0 0 15px 15px

    }

    .wrapper.content-page .main-container.content-page .associated-articles .right-content-section .inline-nav-container {

        padding: 0

    }

    .wrapper.content-page .main-container.content-page .associated-articles .right-content-section .tag-panel,

    .wrapper.content-page .recently-viewed {

        padding: 0 15px

    }

    .pop-up {

        right: 0!important;

        width: inherit;

        min-height: 20px;

        padding: 15px;

        position: relative;

        box-sizing: border-box

    }

    .pop-up .close-button {

        top: -3px

    }

    .pop-up .left-section {

        display: block;

        padding-right: 0;

        padding-top: 10px;

        margin-bottom: 3em

    }

    .pop-up .right-section {

        width: 100%;

        display: block;

        padding-left: 0;

        margin-top: 0;

        border-top: 1px solid #d0d0ce;

        border-left: 0

    }

    .pop-up .profile-boxes:first-child,

    .pop-up .right-section .list-details:first-child,

    .pop-up .right-section .office-location .offices-container .column {

        margin-top: 2em

    }

    .pop-up .profile-boxes {

        display: table;

        float: none

    }

    .pop-up .profile-boxes .profile-txt p,

    .pop-up .profile-boxes span.email-wrapper {

        line-height: 1.8em

    }

    .pop-up .profile-boxes span.tel-number-wrapper a {

        line-height: 2em

    }

    .office-location .offices-container .column .offices .office-name p.small-body-copy {

        margin-top: 5px;

        display: block

    }

    .office-location .offices-container .column .offices .office-name p.small-body-copy a {

        font-size: 1.2em

    }

    .office-location .offices-container .column .offices .office-name p.small-body-copy a.view_map {

        float: left;

        margin-left: 26px

    }

    .office-location .offices-container .column .offices .office-name p.small-body-copy a.view_details {

        margin-left: 0;

        float: right

    }

}



@media print {

    * {

        background: 0 0!important;

        box-shadow: none!important;

        color: #000!important

    }

    .wrapper.content-page .scrollContainer {

        display: none!important

    }

    .wrapper.content-page .main-container.content-page .content.main .left-content-section {

        width: 100%

    }

    .wrapper.content-page .main-container.content-page .content.main .left-content-section .download-button,

    .wrapper.content-page .main-container.content-page .content.main .left-content-section .full-width-callout {

        border: 1px solid #000

    }

    .wrapper.content-page .main-container.content-page .content.main .right-content-section {

        display: none

    }

}



.wrapper.html-fragment-page {

    max-width: 100%

}



.wrapper.html-fragment-page .main-container.html-fragment-page {

    max-width: 1200px;

    margin: 0 auto

}



.wrapper.html-fragment-page .main-container.html-fragment-page .content.main {

    width: 100%;

    margin: 0 auto

}



.wrapper.html-fragment-page .main-container.html-fragment-page .content.main .share-bar.related-topics-disabled {

    margin-top: 30px

}



.wrapper.profile-page .employee-profile-panel {

    margin: 0 auto 20px;

    padding: 30px 0;

    background: #fff;

    border-top: 7px solid #86bc25

}



.wrapper.profile-page .employee-profile-container {

    width: 90%;

    margin: 0 auto

}



.wrapper.profile-page .employee-profile-container h2.secondary-headline {

    font-size: 2.4em;

    color: #53565a;

    margin-bottom: 0

}



.wrapper.profile-page .employee-profile-container h2.secondary-headline span.role1 {

    border-right: 2px solid #53565a;

    padding-right: 1em;

    margin-right: 1em

}



.wrapper.profile-page .employee-profile-container h2.secondary-headline span.role1.no-pipe {

    border-right: none

}



.wrapper.profile-page .employee-profile-container h2.secondary-headline span.role2 {

    padding-left: 0

}



.wrapper.profile-page .employee-profile-container h3.tertiary-headline {

    color: #53565a;

    font-weight: 500

}



.wrapper.profile-page .contact-links .icon-email+a,

.wrapper.profile-page .contact-links .telephone-btn {

    font-weight: 700;

    vertical-align: middle;

    padding-left: 5px;

    display: table-cell

}



.wrapper.profile-page .main-container {

    padding-top: 30px

}



.wrapper.profile-page .main-container .content.main {

    background: 0 0

}



.wrapper.profile-page .main-container .content.main h1 {

    margin-bottom: 0

}



.wrapper.profile-page .main-container .content.main .employee-information p {

    font-size: 1.4em

}



.wrapper.profile-page .employee-recommendation .secondary-headline,

.wrapper.profile-page .sub-container .secondary-headline {

    margin: 0

}



.wrapper.profile-page .employee-recommendation hr,

.wrapper.profile-page .sub-container hr {

    border: 0;

    border-bottom: 1px solid #97999b

}



.wrapper.profile-page .employee-recommendation .standard-promos-only .col-100 .col-30 a.promo-focus .featured-promo,

.wrapper.profile-page .employee-recommendation .standard-promos-only .col-100 .col-30 a.promo-focus .standard-promo,

.wrapper.profile-page .employee-recommendation .standard-promos-only .col-100 .col-70 a.promo-focus .featured-promo,

.wrapper.profile-page .employee-recommendation .standard-promos-only .col-100 .col-70 a.promo-focus .standard-promo,

.wrapper.profile-page .employee-recommendation.featured-and-standard-promos .col-100 .col-30 a.promo-focus .featured-promo,

.wrapper.profile-page .employee-recommendation.featured-and-standard-promos .col-100 .col-30 a.promo-focus .standard-promo,

.wrapper.profile-page .employee-recommendation.featured-and-standard-promos .col-100 .col-70 a.promo-focus .featured-promo,

.wrapper.profile-page .employee-recommendation.featured-and-standard-promos .col-100 .col-70 a.promo-focus .standard-promo,

.wrapper.profile-page .sub-container .standard-promos-only .col-100 .col-30 a.promo-focus .featured-promo,

.wrapper.profile-page .sub-container .standard-promos-only .col-100 .col-30 a.promo-focus .standard-promo,

.wrapper.profile-page .sub-container .standard-promos-only .col-100 .col-70 a.promo-focus .featured-promo,

.wrapper.profile-page .sub-container .standard-promos-only .col-100 .col-70 a.promo-focus .standard-promo,

.wrapper.profile-page .sub-container.featured-and-standard-promos .col-100 .col-30 a.promo-focus .featured-promo,

.wrapper.profile-page .sub-container.featured-and-standard-promos .col-100 .col-30 a.promo-focus .standard-promo,

.wrapper.profile-page .sub-container.featured-and-standard-promos .col-100 .col-70 a.promo-focus .featured-promo,

.wrapper.profile-page .sub-container.featured-and-standard-promos .col-100 .col-70 a.promo-focus .standard-promo {

    margin-top: 15px

}



.wrapper.profile-page .employee-recommendation .standard-promos-only .col-100 .col-30 a.promo-focus .featured-promo,

.wrapper.profile-page .employee-recommendation .standard-promos-only .col-100 .col-70 a.promo-focus .featured-promo,

.wrapper.profile-page .employee-recommendation.featured-and-standard-promos .col-100 .col-30 a.promo-focus .featured-promo,

.wrapper.profile-page .employee-recommendation.featured-and-standard-promos .col-100 .col-70 a.promo-focus .featured-promo,

.wrapper.profile-page .sub-container .standard-promos-only .col-100 .col-30 a.promo-focus .featured-promo,

.wrapper.profile-page .sub-container .standard-promos-only .col-100 .col-70 a.promo-focus .featured-promo,

.wrapper.profile-page .sub-container.featured-and-standard-promos .col-100 .col-30 a.promo-focus .featured-promo,

.wrapper.profile-page .sub-container.featured-and-standard-promos .col-100 .col-70 a.promo-focus .featured-promo {

    vertical-align: inherit

}



.wrapper.profile-page employee-recommendation.standard-promos-only .promo-column {

    margin-top: 10px

}



.wrapper.profile-page .main-col .employee-mobile-content {

    display: none

}



.wrapper.profile-page .main-col ol {

    list-style-type: decimal

}



.wrapper.profile-page .side-col .profile-image {

    display: block;

    margin-bottom: 10px

}



.wrapper.profile-page .side-col .profile-image img {

    width: 100%

}



@media only screen and (max-width:767px) {

    .wrapper.profile-page .main-col .employee-mobile-content .contact-list,

    .wrapper.profile-page .main-col .employee-mobile-content .profile-image {

        display: block

    }

    .wrapper.profile-page .side-col .contact-list,

    .wrapper.profile-page .side-col .profile-image {

        display: none

    }

}



.wrapper.profile-page .contact-links-wrapper {

    border-top: 1px solid #d0d0ce;

    border-bottom: 1px solid #d0d0ce;

    overflow: hidden;

    padding: 2% 0

}



.wrapper.profile-page .contact-links {

    float: left;

    width: 70%;

    font-size: 1.4em;

    display: inline

}



.wrapper.profile-page .contact-links.social-icons {

    float: right;

    width: 30%;

    padding-left: 15px;

    border-left: 1px solid #d0d0ce

}



.wrapper.profile-page .contact-links.social-icons.spacer {

    float: none;

    width: 100%;

    padding-left: 0;

    border-left: none

}



.wrapper.profile-page .contact-links li {

    display: inline-block;

    margin: 0 10px 0 0

}



.wrapper.profile-page .contact-links li.spacer {

    display: none

}



.wrapper.profile-page .contact-links .float-right {

    float: right

}



.wrapper.profile-page .contact-links .icon {

    color: #97999b;

    border-radius: 50%;

    border: 1px solid #97999b;

    height: 32px;

    text-align: center;

    width: 32px;

    display: table-cell;

    vertical-align: middle

}



.wrapper.profile-page .contact-links .icon:before {

    line-height: 2.2em

}



.wrapper.profile-page .contact-links .telephone-btn {

    color: #000

}



.wrapper.profile-page .contact-info,

.wrapper.profile-page .employee-information {

    margin-top: 15px;

    margin-bottom: 20px

}



.wrapper.profile-page .contact-info .body-copy,

.wrapper.profile-page .employee-information .body-copy {

    margin-bottom: 0

}



.wrapper.profile-page .contact-info a.body-copy,

.wrapper.profile-page .employee-information a.body-copy {

    font-size: 1em

}



.wrapper.profile-page .contact-info p,

.wrapper.profile-page .employee-information p {

    line-height: 1.6em

}



.wrapper.profile-page .employee-information p a:before {

    content: "\f041";

    padding-right: 4px;

    font-family: Dcom-EDE!important;

    color: #97999b

}



.wrapper.profile-page .related-topics {

    margin-top: 40px;

    margin-bottom: 20px

}



.wrapper.profile-page .related-topics ul li {

    display: inline-block;

    padding: 8px 12px;

    background: #e8eae9;

    margin: 5px 5px 5px 0

}



.wrapper.profile-page .related-topics ul li a {

    color: #000

}



.wrapper.profile-page .related-topics ul li a:active,

.wrapper.profile-page .related-topics ul li a:focus,

.wrapper.profile-page .related-topics ul li a:hover {

    text-decoration: none

}



.wrapper.profile-page .related-topics ul li:first-of-type {

    margin-left: 0

}



@media only screen and (max-width:767px) {

    .wrapper.profile-page .contact-links .float-right {

        float: none

    }

    .wrapper.profile-page .related-topics ul li {

        margin-left: 0

    }

}



.wrapper.profile-page .twitter-component {

    border: 1px solid #e6e9e9;

    padding: 20px 10px

}



.wrapper.profile-page .twitter-component h3 {

    font-size: 1.8em;

    font-weight: 400

}



.wrapper.profile-page .tier {

    margin-left: -15px;

    margin-right: -15px;

    box-sizing: border-box

}



.wrapper.profile-page .tier * {

    box-sizing: border-box

}



.wrapper.profile-page .tier:after,

.wrapper.profile-page .tier:before {

    content: " ";

    display: table

}



.wrapper.profile-page .tier:after {

    clear: both

}



.wrapper.profile-page .col-100 {

    width: 100%

}



.wrapper.profile-page .col-90 {

    width: 67%

}



.wrapper.profile-page .col-70 {

    width: 66.66667%

}



.wrapper.profile-page .col-50 {

    width: 50%

}



.wrapper.profile-page .col-30 {

    width: 33.33333%

}



.wrapper.profile-page .col-10 {

    width: 27%

}



.wrapper.profile-page .col-10.side-col {

    float: right

}



.wrapper.profile-page .col-10,

.wrapper.profile-page .col-100,

.wrapper.profile-page .col-30,

.wrapper.profile-page .col-50,

.wrapper.profile-page .col-70,

.wrapper.profile-page .col-90 {

    display: block;

    position: relative;

    min-height: 1px;

    float: left;

    padding-left: 15px;

    padding-right: 15px

}



.wrapper.profile-page .col-10.table-offset,

.wrapper.profile-page .col-100.table-offset,

.wrapper.profile-page .col-30.table-offset,

.wrapper.profile-page .col-50.table-offset,

.wrapper.profile-page .col-70.table-offset,

.wrapper.profile-page .col-90.table-offset {

    padding-left: 5px;

    padding-right: 5px

}



@media only screen and (max-width:767px) {

    .wrapper.profile-page .col-10,

    .wrapper.profile-page .col-100,

    .wrapper.profile-page .col-30,

    .wrapper.profile-page .col-50,

    .wrapper.profile-page .col-70,

    .wrapper.profile-page .col-90 {

        width: 100%;

        padding-left: 25px;

        padding-right: 25px

    }

}



.profile-page .social-panel {

    padding: 0;

    margin: 0;

    border: 0

}



.profile-page .social-panel .tweet-group {

    float: none;

    width: 100%;

    border: 0 solid #d0d0ce!important;

    position: relative

}



.profile-page .social-panel .tweet-group .twitt-iframe {

    height: 300px;

    overflow-y: scroll;

    -webkit-overflow-scrolling: touch;

    overflow-x: hidden

}



.profile-page .social-panel .tweet-group .twitt-iframe a,

.profile-page .social-panel .tweet-group .twitt-iframe a:hover {

    color: #00a3e0

}



.profile-page .social-panel .tweet-group i {

    display: none

}



.profile-page .social-panel .tweet-group iframe#twitter-widget-0 {

    float: none;

    max-width: 100%!important

}



.profile-page .social-panel .content-group {

    float: none;

    width: auto

}



:lang(zh-hans) .body-copy,

:lang(zh-hans) .wrapper.profile-page .main-container p,

:lang(zh-hant) .body-copy,

:lang(zh-hant) .wrapper.profile-page .main-container p {

    font-size: 15px

}



:lang(zh-hans) .employee-desc,

:lang(zh-hant) .employee-desc {

    font-size: 1.5em

}



:lang(ja) .twitter-component h3,

:lang(ja) .wrapper.profile-page .main-container h2 {

    font-size: 2.2em

}



@media screen and (min-width:768px) and (max-width:1023px) {

    .profile-page .social-panel .tweet-group iframe#twitter-widget-0 {

        max-width: 88%!important

    }

    .employee-summary .employee-summary-left .employee-contact-details .button-container ul li.employee-social a {

        font-size: 1.1em

    }

    .wrapper.profile-page .col-10 {

        width: 33%

    }

    .wrapper.profile-page .main-container h2 {

        font-size: 2em

    }

    .wrapper.profile-page .main-container .contact-links {

        float: none;

        width: 100%

    }

    .wrapper.profile-page .main-container .contact-links.social-icons {

        padding-top: 5px;

        width: 100%;

        float: none;

        display: block;

        border-left: none;

        padding-left: 0

    }

    .wrapper.profile-page .twitter-component .social-panel .tweet-group iframe#twitter-widget-0 {

        min-width: 0!important

    }

    .wrapper.profile-page .employee-recommendation .featured-promo .article-image img,

    .wrapper.profile-page .employee-recommendation .topic-promo-featured .article-image img {

        display: none

    }

}



@media screen and (min-width:1024px) and (max-width:1024px) {

    .employee-summary .employee-summary-left .employee-contact-details .button-container ul li.employee-social a {

        margin: 0 .5em 0 0

    }

    .wrapper.profile-page .social-panel .tweet-group iframe#twitter-widget-0 {

        min-width: 0!important

    }

    .wrapper.profile-page .employee-recommendation .featured-promo .article-image,

    .wrapper.profile-page .employee-recommendation .topic-promo-featured .article-image {

        float: right;

        width: 30%

    }

}



@media screen and (max-width:1024px) {

    .contact-list ul .contact-list-item .list-item {

        padding: 18px 15px

    }

    .contact-list ul .contact-list-item .list-item span.download-app-icon,

    .contact-list ul .contact-list-item .list-item span.icon:before,

    .contact-list ul .contact-list-item .list-item span.register-icon {

        width: 32px;

        height: 32px;

        line-height: 34px;

        font-size: 16px

    }

    .contact-list ul .contact-list-item .list-item span.download-app-icon:before,

    .contact-list ul .contact-list-item .list-item span.register-icon:before {

        width: 16px;

        height: 16px;

        left: 25%;

        top: 25%

    }

}



@media screen and (max-width:767px) {

    .wrapper.profile-page .employee-profile-container h2.secondary-headline {

        font-size: 1.8em

    }

    .wrapper.profile-page .employee-profile-container h2.secondary-headline span.role1 {

        padding-right: .7em;

        margin-right: .7em

    }

    .employee-profile-panel .employee-profile-container {

        width: 100%

    }

    .employee-profile-panel .employee-profile-container .employee-summary {

        margin: 1em 0

    }

    .employee-profile-panel .employee-profile-container .employee-summary .employee-summary-left {

        float: none;

        width: 100%;

        padding: 0

    }

    .employee-profile-panel .employee-profile-container .employee-summary .employee-summary-left .employee-contact-details .button-container ul li.employee-social a {

        padding: .6em .7em .2em

    }

    .employee-profile-panel .employee-profile-container .employee-summary .employee-summary-left .employee-contact-details a span {

        display: none

    }

    .employee-profile-panel .employee-profile-container .employee-summary .employee-biography h4 {

        font-size: 1.4em

    }

    .employee-profile-panel .employee-profile-container .employee-summary .employee-biography h5 {

        font-size: 1.2em

    }

    .employee-profile-panel .employee-profile-container .employee-summary .employee-summary-right {

        margin: 1.75em 0 0;

        width: 100%

    }

    .employee-profile-panel .employee-profile-container .employee-summary h3.tertiary-headline {

        margin: 1em 0;

        color: #000

    }

    .employee-profile-panel .employee-profile-container .employee-summary .button-container a i {

        margin: 0;

        font-size: 1.4em

    }

    .employee-profile-panel .employee-profile-container h2.secondary-headline {

        font-size: 1.8em;

        margin-bottom: 0

    }

    .employee-profile-panel .employee-profile-container h2.secondary-headline span.role1.pipe {

        padding-right: .5em;

        margin-right: .5em

    }

    .employee-profile-panel .employee-profile-container h2.secondary-headline span.role2 {

        padding-right: 0

    }

    .wrapper.profile-page .main-container {

        padding-top: 15px

    }

    .wrapper.profile-page .employee-profile-container {

        width: 98%

    }

    .wrapper.profile-page .twitter-component h3 {

        font-size: 1.6em

    }

    .wrapper.profile-page .main-container h2 {

        font-size: 2em

    }

    .wrapper.profile-page .contact-links {

        line-height: 1.4em;

        display: block;

        float: none;

        width: 100%

    }

    .wrapper.profile-page .contact-links .icon:before {

        vertical-align: middle

    }

    .wrapper.profile-page .contact-links .icon.icon-email,

    .wrapper.profile-page .contact-links .icon.icon-phone {

        display: none

    }

    .wrapper.profile-page .contact-links.social-icons {

        padding-top: 10px;

        width: 100%;

        float: none;

        border-left: none;

        padding-left: 0

    }

    .wrapper.profile-page .contact-links li {

        margin-right: 16px

    }

    .wrapper.profile-page .contact-links .icon-email+a {

        font-weight: 400;

        font-size: 12px

    }

    .wrapper.profile-page .main-col .contact-list,

    .wrapper.profile-page .main-col .profile-image {

        width: 100%

    }

    .wrapper.profile-page .main-col .employee-mobile-content {

        display: block

    }

    .wrapper.profile-page .main-col .employee-mobile-content .profile-image {

        width: 40%;

        margin-right: 10px;

        float: left

    }

    .wrapper.profile-page .main-col .profile-image img {

        width: 100%

    }

    .wrapper.profile-page .contact-links-wrapper {

        width: 55%;

        word-break: break-all

    }

    :lang(ja) .twitter-component h3,

    :lang(ja) .wrapper.profile-page .main-container h2 {

        font-size: 1.6em

    }

    .employee-recommendation .featured-promo .article-image img,

    .employee-recommendation .topic-promo-featured .article-image img {

        display: none

    }

    .employee-profile-container {

        width: 95%

    }

}



.main-container.error-page.sandp-search .standard-white-component .component-right-column .left {

    width: 100%;

    float: none

}



.main-container.error-page .content.main {

    margin: 0 6%;

    position: relative;

    width: 88%;

    background: #fff

}



.main-container.error-page .content.main .error-page-search-container {

    overflow: hidden;

    margin-bottom: 4em

}



.main-container.error-page .content.main ol.dropdown-menu li a,

.main-container.error-page .content.main ul.dropdown-menu li a {

    color: #000

}



.main-container.error-page .content.main ol.dropdown-menu li.active,

.main-container.error-page .content.main ul.dropdown-menu li.active {

    background: #f3f3f3

}



.main-container.error-page .content.main ol li,

.main-container.error-page .content.main p span a,

.main-container.error-page .content.main ul li {

    color: #00a3e0

}



.main-container.error-page .content.main .search input.gsc-input {

    width: 74%;

    background: #E6E9E9;

    border: none;

    border-radius: 0;

    float: left;

    color: #000

}



.main-container.error-page .content.main .search .gsc-search-button,

.main-container.error-page .content.main .search input.gsc-input {

    height: 35px

}



.main-container.error-page .content.main .search .gsc-search-button {

    background: #75787b;

    border: none;

    border-radius: 0;

    font-size: 18px;

    color: #fff

}



.main-container.error-page .content.main a.button:hover {

    text-decoration: none;

    color: #fff

}



.main-container.error-page .content.main .closest-match {

    display: none

}



.main-container.error-page .content.main .standard-white-component {

    padding-bottom: 30px;

    padding-top: 30px;

    margin-bottom: 0

}



.main-container.error-page .content.main .standard-white-component h1 {

    padding: 0;

    margin: 0

}



.main-container.error-page .content.main .standard-white-component a {

    color: #00a3e0

}



.main-container.error-page .content.main .standard-white-component a i {

    padding-right: .7em

}



.main-container.error-page .content.main .standard-white-component .component-left-column h1 {

    margin-bottom: 1em

}



.main-container.error-page .content.main .standard-white-component .component-left-column .customrichtext .custom-rte h3 {

    font-size: 1.8em;

    color: #555

}



.main-container.error-page .content.main .standard-white-component .component-left-column .closest-match {

    font-size: 1.4em;

    margin: 2.2em 0 2em;

    color: #000

}



.main-container.error-page .content.main .standard-white-component .component-left-column .closest-match p {

    font-weight: 700;

    font-size: 1em

}



.main-container.error-page .content.main .standard-white-component .component-left-column .closest-match a,

.main-container.error-page .content.main .standard-white-component .component-left-column .closest-match p strong {

    display: block

}



.main-container.error-page .content.main .standard-white-component .component-left-column .component-right-column {

    width: 32%;

    border-left: 1px solid;

    border-color: #ccc

}



.main-container.error-page .content.main .standard-white-component .component-left-column .component-right-column.snp-no-border {

    border: none;

    padding-left: 0

}



.main-container.error-page .content.main .standard-white-component .component-left-column .component-left-column {

    width: 60%

}



.main-container.error-page .content.main .standard-white-component .component-left-column .search form ul {

    padding: 0;

    width: 27%;

    border-radius: 0

}



.main-container.error-page .content.main .standard-white-component .component-left-column .search form ul li {

    list-style-type: none;

    margin-left: 0

}



.main-container.error-page .content.main .standard-white-component .component-left-column .search form ul li:last-child {

    border-radius: 0

}



.main-container.error-page .content.main .standard-white-component .component-right-column .standard-white-component .component-left-column p {

    padding: 0

}



.main-container.error-page .content.main .standard-white-component .component-right-column .component-left-column {

    width: 43%

}



.main-container.error-page .content.main .standard-white-component .component-right-column .component-right-column {

    width: 44%;

    border-left: 1px solid #d0d0ce

}



.main-container.error-page .content.main .standard-white-component .component-right-column .component-right-column .customrichtext {

    margin: 0

}



.main-container.error-page .content.main .standard-white-component .component-right-column .imagecomponent figcaption {

    color: #53565a;

    font-size: 12px;

    font-style: italic;

    text-align: right

}



:lang(ja) .error-page .standard-white-component .component-left-column .imagecomponent img,

:lang(ko) .error-page .standard-white-component .component-left-column .imagecomponent img,

:lang(zh-Hans) .error-page .standard-white-component .component-left-column .imagecomponent img,

:lang(zh-Hant) .error-page .standard-white-component .component-left-column .imagecomponent img {

    top: .5em

}



:lang(zh-Hans) .main-container.error-page .content.main .error-page-search-container {

    margin-bottom: 2em

}



.office-location .header-intro-container {

    box-shadow: none;

    position: relative

}



.office-location .header-intro-container .header-intro-label {

    border-top: solid #0c2864 7px

}



.office-location .locations-map {

    height: 340px

}



.office-location .responsive-img.map-enabled {

    display: none

}



.office-location .headerintro .header-intro-container {

    box-shadow: none

}



.office-location .headerintro .header-intro-container.no-image .header-intro-label.map-enabled {

    padding: 0;

    position: absolute

}



.office-location .introduction-copy {

    border-bottom: none;

    padding-bottom: 0

}



.office-location .introduction-copy .page-intro-copy {

    margin-top: 10px;

    width: 92%

}



.office-location .office-page-links-container {

    width: 87%;

    margin: 25px auto 0 70px;

    background-color: #f8f8f8;

    font-size: 1.2em;

    color: #000;

    position: relative;

    display: block

}



.office-location .office-page-links-container .location-box {

    width: 35%;

    padding: 1% 2%;

    background-color: #E4E4E3;

    color: #75787b;

    float: left;

    border-right: 1px solid #E4E4E3;

    height: 65px

}



.office-location .office-page-links-container .location-box:after {

    content: '';

    display: block;

    position: absolute;

    left: 39%;

    top: 0;

    width: 0;

    height: 0;

    border-top: 41px solid transparent;

    border-bottom: 42px solid transparent;

    border-left: 24px solid #E4E4E3

}



.office-location .office-page-links-container .location-box .location-icons {

    float: left;

    border: 2px solid #75787b;

    margin-top: 10px;

    border-radius: 100%;

    width: 40px;

    height: 40px;

    text-align: center;

    font-size: 2em

}



.office-location .office-page-links-container .location-box .location-icons .icon-office-locations {

    color: #75787b

}



.office-location .office-page-links-container .location-box .location-icons .icon-office-locations:before {

    vertical-align: sub;

    line-height: 40px

}



.office-location .office-page-links-container .location-box .location-info {

    float: right;

    width: 80%;

    margin-top: 5px

}



.office-location .office-page-links-container .location-box .location-info label {

    font-size: 1.2em;

    font-weight: 700

}



.office-location .office-page-links-container .location-box .location-info .location-count {

    display: block;

    font-size: 1em;

    padding-top: 5px;

    padding-bottom: 5px

}



.office-location .office-page-links-container .location-search {

    padding: 1% 2%;

    width: 50%;

    float: right;

    position: relative

}



.office-location .office-page-links-container .location-search .select-wrap {

    width: 60%;

    height: 35px;

    overflow: hidden;

    position: relative;

    margin-top: 15px;

    border: 1px solid #d0d0ce

}



.office-location .office-page-links-container .location-search .select-wrap:after {

    content: "\f078";

    position: absolute;

    right: 4%;

    font-size: 1.4em;

    top: 20%;

    color: #00a1de;

    font-family: Dcom-EDE!important;

    pointer-events: none;

    display: none\9

}



.office-location .office-page-links-container .location-search select {

    width: 100%;

    border-color: transparent;

    vertical-align: middle;

    -moz-appearance: none;

    -webkit-appearance: none;

    font-size: 1.2em;

    height: 35px;

    padding-left: 5px;

    background: #fff

}



.office-location .office-page-links-container .location-search select::-ms-expand {

    display: none

}



.office-location .office-page-links-container .location-search select option[disabled] {

    display: none

}



.office-location .global-office-link {

    text-align: right;

    width: 90%;

    margin: 0 auto;

    padding: 1.5% 5% 1.5% 1.5%

}



.office-location .global-office-link a {

    font-size: 1.2em;

    text-align: center;

    float: right

}



.office-location .global-office-link a:before {

    content: "\e608";

    font-family: Dcom-EDE;

    color: #97999b;

    font-size: 12px;

    border: 1px solid #97999b;

    height: 24px;

    width: 24px;

    border-radius: 100%;

    line-height: 24px;

    display: inline-block;

    margin-right: 5px

}



.office-location .global-office-link a:empty {

    display: none

}



.office-location .global-office-link span {

    color: #75787b;

    margin: 0 .5em .4em

}



.office-location .offices-container {

    margin: 0;

    padding: 0 70px 5%;

    background: #fff

}



.office-location .offices-container .column {

    margin-bottom: 2em;

    display: block

}



.office-location .offices-container .column h2 {

    margin-bottom: 0;

    font-weight: 400;

    padding: 1% 2% 1% 0;

    border-bottom: 1px solid #d0d0ce;

    font-size: 2.4em;

    color: #000

}



.office-location .offices-container .column .offices {

    width: 32%;

    display: inline-block;

    vertical-align: top;

    padding: 2% 1% 1% 0

}



.office-location .offices-container .column .offices .office-name h3 {

    font-size: 1.8em;

    margin-bottom: 5px;

    font-weight: 700

}



.office-location .offices-container .column .offices .office-name p.tertiary-headline {

    font-weight: 600;

    margin-bottom: 0

}



.office-location .offices-container .column .offices .office-name p.small-body-copy {

    margin-top: 2px

}



.office-location .offices-container .column .offices .office-name p.small-body-copy .view_map:before {

    content: "\f041"

}



.office-location .offices-container .column .offices .office-name p.small-body-copy .view_details:before {

    content: "\f129"

}



.office-location .offices-container .column .offices .office-name p.small-body-copy a {

    display: inline-block;

    margin-bottom: 5px;

    color: #00a3e0;

    font-size: 1.4em;

    position: relative;

    text-decoration: none

}



.office-location .offices-container .column .offices .office-name p.small-body-copy a:hover {

    text-decoration: underline

}



.office-location .offices-container .column .offices .office-name p.small-body-copy a:visited {

    color: #609

}



.office-location .offices-container .column .offices .office-name p.small-body-copy a:before {

    text-align: center;

    color: #97999b;

    margin: 0 .5em 0 0;

    font-family: Dcom-EDE;

    font-size: 12px;

    border: 1px solid #97999b;

    height: 24px;

    width: 24px;

    border-radius: 100%;

    line-height: 24px;

    display: inline-block

}



.office-location .offices-container .column .offices .office-name p.small-body-copy a:before,

.office-location .offices-container .column .offices .office-name p.small-body-copy a:hover:before {

    text-decoration: none!important

}



.office-location .offices-container .column .offices .address {

    margin-bottom: 0;

    height: 145px

}



.office-location .offices-container .column .offices .address p {

    color: #000;

    margin-bottom: 0;

    font-size: 1.4em;

    line-height: 1.6

}



.office-location .offices-container .column .offices .contact p {

    color: #000;

    font-size: 1.4em

}



.office-location .offices-container .column .offices .contact p strong {

    margin-right: 5px

}



.office-location .offices-container .column .offices .contact p a {

    color: #000

}



.office-location .offices-container .column .offices .contact p .email-link {

    color: #00a3e0;

    margin-top: 5px;

    display: inline-block;

    text-align: center

}



.office-location .offices-container .column .offices .contact p .email-link:before {

    color: #97999b;

    margin-right: 10px;

    content: "\f003";

    font-family: Dcom-EDE;

    font-size: 12px;

    border: 1px solid #97999b;

    height: 24px;

    width: 24px;

    border-radius: 100%;

    line-height: 24px;

    display: inline-block

}



@media screen and (max-width:767px) {

    .main-container.office-location {

        padding-top: 0;

        padding-bottom: 0

    }

    .main-container.office-location .content.main {

        width: 96%;

        margin: 4% 2%

    }

    .main-container.office-location .content.main .headerintro .locations-map {

        display: none

    }

    .main-container.office-location .content.main .headerintro .responsive-img-container {

        margin-bottom: 25px

    }

    .main-container.office-location .content.main .headerintro .responsive-img-container .header-intro-label {

        padding-top: 20px

    }

    .main-container.office-location .content.main .headerintro.no-image .header-intro-label.map-enabled {

        padding: 2% 0 0;

        position: relative

    }

    .main-container.office-location .content.main .office-page-links-container {

        width: 92%;

        margin: 0 auto

    }

    .main-container.office-location .content.main .office-page-links-container .location-box {

        width: 96%;

        padding: 2%;

        border-radius: .3em .3em 0 0;

        min-height: 0;

        height: 85px;

        position: relative

    }

    .main-container.office-location .content.main .office-page-links-container .location-box:after {

        left: 50%;

        margin-left: -142px;

        top: 100%;

        border-top: 30px solid #E4E4E3;

        border-bottom: none;

        border-left: 142px solid transparent;

        border-right: 142px solid transparent

    }

    .main-container.office-location .content.main .office-page-links-container .location-box .location-icons {

        margin-left: 10px

    }

    .main-container.office-location .content.main .office-page-links-container .location-box .location-info {

        margin-top: 0;

        width: 75%

    }

    .main-container.office-location .content.main .office-page-links-container .location-box .location-info .location-count {

        padding-bottom: 0

    }

    .main-container.office-location .content.main .office-page-links-container .location-search {

        padding: 2%;

        width: 95%;

        margin-top: 35px

    }

    .main-container.office-location .content.main .office-page-links-container .location-search .select {

        padding: 2%;

        width: 90%;

        height: 35px

    }

    .main-container.office-location .content.main .office-page-links-container .location-search .select-wrap {

        width: 98%;

        margin-top: 5px;

        margin-bottom: 5px

    }

    .main-container.office-location .content.main .global-office-link {

        padding: 4%;

        width: 90%

    }

    .main-container.office-location .content.main .offices-container {

        padding: 5%

    }

    .main-container.office-location .content.main .offices-container .column .offices {

        width: 90%;

        padding: 4%

    }

    .main-container.office-location .content.main .offices-container .column .offices .office-name h3 {

        font-size: 1.6em

    }

    .main-container.office-location .content.main .offices-container .column .offices .office-name p.small-body-copy {

        margin-top: 5px;

        display: block

    }

    .main-container.office-location .content.main .offices-container .column .offices .office-name p.small-body-copy a {

        font-size: 1.2em

    }

    .main-container.office-location .content.main .offices-container .column .offices .office-name p.small-body-copy a.view_details,

    .main-container.office-location .content.main .offices-container .column .offices .office-name p.small-body-copy a.view_map {

        float: none;

        margin-left: 0!important

    }

    .main-container.office-location .content.main .offices-container .column .offices .address {

        height: auto;

        margin-bottom: 2em

    }

    .main-container.office-location .content.main .offices-container .column h2 {

        padding: 2% 4%;

        font-size: 1.8em

    }

}



@media screen and (min-width:480px) and (max-width:767px) {

    .main-container.office-location .content.main {

        margin: 2% 2% 4%

    }

    .main-container.office-location .content.main .office-page-links-container .location-box .location-info {

        width: 85%

    }

    .main-container.office-location .content.main .office-page-links-container .location-box:after {

        left: 50%;

        margin-left: -250px;

        border-left: 250px solid transparent;

        border-right: 250px solid transparent

    }

    .main-container.office-location .content.main .global-office-link {

        padding: 2% 2% 0

    }

    .main-container.office-location .content.main .offices-container {

        padding: 2% 4% 4%

    }

}



@media screen and (min-width:768px) and (max-width:1024px) {

    .main-container.office-location .content.main .office-page-links-container {

        width: 90%;

        margin-left: 5%

    }

    .main-container.office-location .content.main .office-page-links-container .location-box {

        width: 48%

    }

    .main-container.office-location .content.main .office-page-links-container .location-box:after {

        left: 52%;

        border-top: 40px solid transparent;

        border-bottom: 40px solid transparent;

        border-left: 12px solid #E4E4E3

    }

    .main-container.office-location .content.main .office-page-links-container .location-box .location-info {

        width: 82%

    }

    .main-container.office-location .content.main .office-page-links-container .location-search {

        width: 43%

    }

    .main-container.office-location .content.main .office-page-links-container .location-search .select-wrap {

        width: 98%

    }

    .main-container.office-location .content.main .global-office-link,

    .main-container.office-location .content.main .office-page-links-container .location-search select {

        padding: 2%

    }

    .main-container.office-location .content.main .offices-container {

        padding: 0 5% 5%

    }

    .main-container.office-location .content.main .offices-container .column .offices {

        width: 45%

    }

    .main-container.office-location .content.main .offices-container .column .offices .office-name p.small-body-copy {

        width: 85%

    }

    .main-container.office-location .content.main .offices-container .column .offices .office-name p.small-body-copy .view_details,

    .main-container.office-location .content.main .offices-container .column .offices .office-name p.small-body-copy .view_map {

        float: none;

        margin-left: 0!important

    }

}



@media screen and (min-width:768px) and (max-width:768px) {

    .main-container.office-location .content.main .offices-container .column .offices {

        width: 90%

    }

    .main-container.office-location .content.main .offices-container .column .offices .office-name p.small-body-copy {

        width: 65%

    }

}



@media screen and (min-width:1024px) and (max-width:1024px) {

    .main-container.office-location .content.main .office-page-links-container .location-box:after {

        border-top: 42px solid transparent;

        border-bottom: 42px solid transparent;

        border-left: 16px solid #E4E4E3

    }

}



.search-pagination .btn-blue a {

    color: #fff

}



.main-container.cse-search-page {

    margin: 0 6% 1%;

    width: 88%;

    position: relative;

    min-height: 500px;

    padding-bottom: 20px;

    background: #fff

}



.main-container.cse-search-page .all-search-results {

    clear: both;

    width: 100%;

    padding: 0;

    margin: 1% auto 0;

    color: #000

}



.main-container.cse-search-page .all-search-results .search-pagination {

    text-align: center;

    padding: 2% 0 0;

    clear: both

}



.main-container.cse-search-page .all-search-results .search-pagination .page-number {

    padding: .5% 1%;

    font-size: 1.6em;

    margin: 0 .2%;

    cursor: pointer;

    border: 0;

    font-weight: 700!important;

    display: inline-block

}



.main-container.cse-search-page .all-search-results .search-pagination .page-number.btn-blue a:visited {

    color: #fff

}



.main-container.cse-search-page .all-search-results .search-pagination .page-number.btn-white a:visited,

.main-container.cse-search-page .all-search-results .search-pagination li:not(.next):not(.previous) .btn-white:hover a {

    color: #00a3e0

}



.main-container.cse-search-page .all-search-results .search-pagination .page-number:last-child {

    margin-right: 0

}



.main-container.cse-search-page .all-search-results .search-pagination li:not(.next):not(.previous) .btn-white:hover {

    background: #fff!important;

    text-decoration: underline;

    color: #00a3e0

}



.main-container.cse-search-page .all-search-results .search-pagination li:not(.next):not(.previous) .btn-white.btn-blue {

    background: #00a3e0

}



.main-container.cse-search-page .all-search-results .search-pagination li:not(.next):not(.previous) .btn-white.btn-blue a {

    color: #fff

}



.main-container.cse-search-page .all-search-results .search-pagination .btn-white:hover {

    background: #fff!important;

    text-decoration: underline;

    color: #00a3e0

}



.main-container.cse-search-page .all-search-results .search-pagination .btn-white:hover a {

    color: #00a3e0

}



.main-container.cse-search-page .all-search-results .search-pagination .btn-white.btn-blue {

    background: #00a3e0

}



.main-container.cse-search-page .all-search-results .search-pagination .btn-white.btn-blue a {

    color: #fff

}



.main-container.cse-search-page .all-search-results .search-pagination .btn-white.btn-blue:hover {

    text-decoration: none;

    background: #4cceff!important;

    color: #fff!important

}



.main-container.cse-search-page .search-summary {

    float: left;

    font-size: 1.4em

}



.main-container.cse-search-page h1 {

    text-align: left;

    padding: 0 4.357%

}



.main-container.cse-search-page h1.primary-headline span.query-term {

    font-weight: 600

}



.main-container.cse-search-page .search-sorting {

    display: none

}



.main-container.cse-search-page .search-sorting .sort-by {

    float: left;

    width: 45%

}



.main-container.cse-search-page .search-sorting .global-results {

    text-align: right

}



.main-container.cse-search-page .content-filters {

    padding: 0 5% 1em;

    text-align: left;

    border-bottom: 5px solid #e6e9e9

}



.main-container.cse-search-page .content-filters p {

    color: #000;

    font-size: 1.2em;

    float: left;

    margin: 1.5% 1.5% 0 0

}



.main-container.cse-search-page .content-filters .content-button {

    margin: 1em 0 0;

    padding: 0 2%;

    border: 0;

    border-right: 1px solid #eee;

    width: auto;

    display: inline-block;

    background: 0 0;

    color: #000!important;

    font-weight: 400!important;

    font-size: 1.4em;

    text-decoration: none;

    position: relative

}



#spell-suggestion span a:hover,

.results li .search-text-container h2.tertiary-headline a:hover {

    text-decoration: underline

}



.main-container.cse-search-page .content-filters .content-button:last-child {

    border: 0

}



.main-container.cse-search-page .content-filters .btn-blue {

    font-weight: 700!important

}



.main-container.cse-search-page .content-filters .btn-blue:before {

    content: '';

    border-bottom: 5px solid #86bc24;

    position: absolute;

    width: 100%;

    left: 0;

    top: 29px

}



.main-container.cse-search-page .content-filters .btn-blue:after {

    top: 34px;

    left: 50%;

    border: solid transparent;

    content: " ";

    height: 0;

    width: 0;

    position: absolute;

    pointer-events: none;

    border-color: rgba(134, 188, 36, 0);

    border-top-color: #86bc24;

    border-width: 8px;

    margin-left: -4px

}



.main-container.cse-search-page .content-filters .btn-blue a,

.main-container.cse-search-page .content-filters .btn-blue a:visited,

.main-container.cse-search-page .content-filters .btn-white a,

.main-container.cse-search-page .content-filters .btn-white a:visited {

    color: #000

}



.main-container.cse-search-page .filter-results .content-filters-container {

    display: block!important

}



.main-container.cse-search-page input.dcom-checkbox[type=checkbox],

.main-container.cse-search-page input.dcom-radio[type=radio],

.main-container.cse-search-page input.form_field_checkbox,

.main-container.cse-search-page input.form_field_radio,

.results li {

    display: block

}



.main-container.cse-search-page input.dcom-checkbox[type=checkbox]+label.input-label,

.main-container.cse-search-page input.dcom-radio[type=radio]+label.input-label,

.main-container.cse-search-page input.form_field_checkbox+label.input-label,

.main-container.cse-search-page input.form_field_radio+label.input-label {

    margin-left: 0;

    background: 0 0;

    padding-left: 0

}



.main-container.cse-search-page input.dcom-checkbox[type=checkbox]+label.input-label:before,

.main-container.cse-search-page input.dcom-radio[type=radio]+label.input-label:before,

.main-container.cse-search-page input.form_field_checkbox+label.input-label:before,

.main-container.cse-search-page input.form_field_radio+label.input-label:before {

    content: "\f096";

    font-family: Dcom-EDE!important;

    color: #00a3e0;

    float: left;

    font-size: 1.4em;

    margin-right: 6px

}



.main-container.cse-search-page input.dcom-checkbox[type=checkbox].search-all+label.input-label:before {

    content: "\f047";

    font-family: Dcom-EDE!important;

    color: #00a3e0;

    float: left;

    font-size: 1.4em;

    margin-right: 6px

}



.search-text-container .search-url {

    color: #012169;

    font-size: 1.3em

}



.search-text-container p {

    font-size: 1.4em;

    margin-bottom: 0

}



.search-text-container p span.body-copy {

    font-size: 1em

}



.search-query {

    text-align: center;

    padding-top: 1%

}



ul.results {

    overflow: hidden;

    border-bottom: 1px solid #d7dbdb

}



ul.results li .promotion-text-container {

    width: 80%;

    float: right

}



.results li {

    padding: 2.75% 0;

    border-top: 1px solid #f0f1f1;

    width: 91%;

    overflow: hidden;

    margin: 0 auto

}



.results li:first-child {

    border: 0

}



.results li .search-text-container {

    width: 83%;

    float: right

}



.results li .search-text-container h2.tertiary-headline {

    margin: 0 0 .25em;

    font-weight: 400

}



.dropdown p,

.results li .search-text-container h2.tertiary-headline strong {

    font-weight: 700

}



.results li .search-text-container h2.tertiary-headline a:visited {

    color: #609

}



.results li .search-image-container {

    width: 15%;

    float: left

}



.results li .search-image-container img {

    max-width: 110px;

    max-height: 110px;

    overflow: hidden

}



.results li .search-image-container img[src] {

    border: 1px solid #d0d0ce

}



.search-sorting {

    padding: 2em 4.357%;

    width: 91%;

    clear: both;

    border-bottom: 1px solid #d7dbdb

}



.search-sort.button {

    padding: .5% 1% .5% .5%;

    font-size: 1.2em

}



.search-sort select {

    border: 0!important;

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

    text-indent: .01px;

    text-overflow: ""

}



.search-date {

    color: #75787b

}



.search-profile-info,

.search-results-office,

.search-results-pdf-details {

    color: #75787b;

    font-size: 1.3em;

    display: block

}



.search-results-pdf {

    color: #000;

    font-size: .7em;

    padding: .1em 1em;

    margin: 0;

    background: #cdd2d2;

    vertical-align: middle

}



.search-results-pdf:after {

    content: PDF

}



.dropdown p {

    display: inline-block

}



.no-results {

    padding: 2% 0;

    margin: 0 4.357%;

    font-size: 2.4em;

    text-align: left;

    color: #fe0000;

    clear: both

}



.no-results-copy {

    width: 62%;

    padding: 2% 5% 2% 4.357%

}



.no-results-copy h4 {

    color: #000;

    font-size: 1.6em;

    font-weight: 700

}



.no-results-copy li,

.no-results-copy p {

    font-size: 1.4em;

    color: #333;

    font-weight: 400

}



#spell-suggestion span a:visited,

#spell-suggestion span i {

    color: #00a3e0

}



.no-results-copy ul {

    margin-left: 5%

}



.no-results-copy li {

    list-style-type: disc

}



.no-results-copy li li {

    font-size: 1em

}



.no-results-copy span.small-body-copy {

    font-size: .75em

}



ul.results-promotion {

    list-style-type: none;

    margin: 0

}



ul.results-promotion li {

    background-color: #f6f6f5;

    margin: 2.273% 4.357%;

    padding: 2%

}



.promotion-image-container,

.promotion-text-container p {

    font-size: 1.4em;

    margin-bottom: 0

}



.promotion-image-container {

    margin: 0 2% 4% 0;

    float: left

}



#spell-suggestion {

    padding: 1% 0;

    margin: 0 4.357%;

    font-size: 1.2em;

    clear: both

}



#spell-suggestion span {

    display: block;

    color: #000;

    font-size: 1.2em;

    font-weight: 700

}



#spell-suggestion span.wrong-spell {

    margin-top: .65em;

    font-weight: 400

}



#includeGlobal input[type=checkbox] {

    margin: -9999px;

    height: 0;

    float: left

}



@media screen and (max-width:1024px) {

    .results li .search-text-container {

        width: 75%

    }

}



:lang(zh-Hant) .results .search-text-container p {

    font-size: 1.5em;

    line-height: 1.6em

}



@media print {

    .main-container.cse-search-page .all-search-results .search-pagination,

    .results li {

        border-top: 1px solid #000

    }

    *,

    a {

        color: #000

    }

    .main-container.cse-search-page {

        width: 98%;

        margin: 0 auto

    }

    .main-container.cse-search-page .content-filters {

        background: 0 0;

        border: 1px solid #000;

        border-radius: 0

    }

    .main-container.cse-search-page .content-filters .content-button {

        background: 0 0;

        color: #000!important;

        border: 1px solid #000;

        border-radius: 0;

        box-shadow: none

    }

    .main-container.cse-search-page h1,

    .results li .search-text-container .search-url {

        color: #000

    }

    .main-container.cse-search-page .all-search-results {

        box-shadow: none;

        border: 1px solid #000;

        border-radius: 0;

        width: initial

    }

    .main-container.cse-search-page .all-search-results .search-pagination .page-number {

        background: 0 0;

        border: 1px solid #000;

        border-radius: 0;

        box-shadow: none

    }

    input.dcom-checkbox[type=checkbox]+label.input-label,

    input.dcom-radio[type=radio]+label.input-label,

    input.form_field_checkbox+label.input-label,

    input.form_field_radio+label.input-label {

        background: 0 0;

        line-height: 0

    }

    #includeGlobal input[type=checkbox] {

        margin: 0;

        height: 2em;

        float: none

    }

    input.dcom-checkbox[type=checkbox],

    input.dcom-radio[type=radio],

    input.form_field_checkbox,

    input.form_field_radio {

        display: inline-block

    }

    .results li .search-image-container {

        width: 5%

    }

    .results li .search-image-container img {

        border: 1px solid #000

    }

    .results li .search-text-container {

        width: 70%

    }

}



@media screen and (max-width:767px) {

    .main-container.cse-search-page {

        margin: 0 auto;

        width: 96%

    }

    .main-container.cse-search-page .search-sorting {

        padding: 2% 4%

    }

    .main-container.cse-search-page .all-search-results {

        -webkit-box-shadow: none;

        -moz-box-shadow: none;

        box-shadow: none

    }

    .main-container.cse-search-page .all-search-results div#noResults {

        clear: both

    }

    .main-container.cse-search-page .all-search-results .search-pagination {

        margin: 0;

        padding: 2% 0

    }

    .main-container.cse-search-page .all-search-results .search-pagination .page-number {

        padding: 1% 2%;

        margin: 0 1%

    }

    .main-container.cse-search-page .content-filters {

        padding: 4%

    }

    .main-container.cse-search-page .content-filters p {

        display: none

    }

    .main-container.cse-search-page .content-filters .content-button {

        display: block;

        margin: 0 0 1em;

        padding: 2%

    }

    .main-container.cse-search-page .content-filters .btn-blue:after,

    .main-container.cse-search-page .gs-promotion-image-box,

    .main-container.cse-search-page .promotion-image-container,

    .main-container.cse-search-page .search-image-container img {

        display: none

    }

    .main-container.cse-search-page .content-filters .content-button:last-child {

        margin: 0

    }

    .main-container.cse-search-page .primary-headline {

        font-size: 2.4em!important;

        margin: 0 0 .2em

    }

    .main-container.cse-search-page .results li {

        width: 91%;

        padding: 6% 0

    }

    .main-container.cse-search-page .results li .search-text-container {

        width: 100%;

        float: left

    }

    .main-container.cse-search-page .no-results-copy {

        width: 88%;

        padding: 2% 6%

    }

    .main-container.cse-search-page .global-results form#includeGlobal {

        clear: both;

        padding: 10px 0;

        text-align: left

    }

    :lang(ja) .primary-headline {

        font-size: 2.2em!important

    }

}



@media screen and (max-width:400px) {

    .main-container.cse-search-page .all-search-results .search-pagination .page-number {

        padding: 1% 1.75%

    }

    .main-container.cse-search-page .all-search-results div#noResults {

        clear: both

    }

}



@media only screen and (max-width:767px) {

    .main-container.cse-search-page .content-filters .tabList {

        display: none!important

    }

    .main-container.cse-search-page .content-filters .content-button {

        margin: -10px 0 0

    }

    .main-container.cse-search-page .content-filters {

        padding: 0;

        margin: 15px 0 0

    }

    .main-container.cse-search-page .content-filters .content-button.btn-blue:after {

        border: solid transparent;

        content: " ";

        height: 0;

        width: 0;

        display: block;

        position: absolute;

        pointer-events: none;

        border-color: rgba(134, 188, 36, 0);

        border-top-color: #86bc24;

        border-width: 8px;

        margin-left: -4px

    }

    .main-container.cse-search-page .tabbedMenuWrap {

        position: relative

    }

    .main-container.cse-search-page .tabbedScrollWrap {

        position: relative;

        top: 1px;

        overflow: hidden;

        height: 60px;

        border-top: 1px solid #eee

    }

    .main-container.cse-search-page .scrollArrows {

        position: absolute;

        top: 2px;

        z-index: 10;

        background: #d0d0ce;

        border-radius: 0;

        color: #d0d0ce;

        text-align: center;

        display: block;

        width: 40px;

        height: 36px;

        text-decoration: none;

        font-family: Dcom-EDE

    }

    .main-container.cse-search-page .scrollArrows.menuScrollLeft {

        background: -moz-linear-gradient(left, #fff 35%, rgba(255, 255, 255, 0) 100%);

        background: -webkit-linear-gradient(left, #fff 35%, rgba(255, 255, 255, 0) 100%);

        background: linear-gradient(to right, #fff 35%, rgba(255, 255, 255, 0) 100%);

        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=1)

    }

    .main-container.cse-search-page .scrollArrows.menuScrollLeft:after {

        content: '\f053';

        position: absolute;

        top: 15px;

        left: 10%;

        font-size: 12px

    }

    .main-container.cse-search-page .scrollArrows.menuScrollRight {

        background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0, #fff 76%);

        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, #fff 76%);

        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, #fff 76%);

        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1)

    }

    .main-container.cse-search-page .scrollArrows.menuScrollRight:after {

        content: '\f054';

        position: absolute;

        top: 15px;

        right: 10%;

        font-size: 12px

    }

    .main-container.cse-search-page .menuScrollRight {

        right: 0;

        border-right: none

    }

    .main-container.cse-search-page .tabbedMenu li a {

        display: block;

        padding: 4px 15px;

        text-decoration: none

    }

    .main-container.cse-search-page .tabList {

        position: absolute;

        top: -3px;

        right: -10px;

        z-index: 30

    }

    .main-container.cse-search-page .tabList ul {

        display: none;

        margin: 0;

        height: auto;

        width: 200px;

        position: relative;

        top: 10px

    }

    .main-container.cse-search-page .content-filters .content-button {

        visibility: visible;

        display: inline-block;

        margin-top: -15px;

        padding: 8px 40px

    }

    .main-container.cse-search-page .content-filters .content-button:last-child {

        margin: 0 0 1em

    }

    .main-container.cse-search-page .content-filters .content-button.btn-blue:before {

        top: auto;

        bottom: 0

    }

    .main-container.cse-search-page .content-filters .content-button.btn-blue:after {

        left: 46%;

        top: 43px

    }

    .overflow-tabs {

        width: 100%!important;

        display: block;

        background: #fff;

        margin: -15px -15px 15px

    }

    .overflow-tabs .content-button {

        width: 48%;

        cursor: pointer;

        display: inline-block;

        position: relative;

        padding: 10px 0;

        margin: 0;

        -webkit-touch-callout: none;

        -webkit-user-select: none;

        -khtml-user-select: none;

        -moz-user-select: none;

        -ms-user-select: none;

        user-select: none

    }

    .overflow-tabs .content-button .label {

        font-size: 1.6em;

        padding: 3px 25%;

        border-right: 1px solid #d0d0ce;

        display: block;

        text-align: center;

        color: #000;

        word-break: normal

    }

    .overflow-tabs .content-button:last-of-type .label {

        border-right: none

    }

    .overflow-tabs .content-button.active {

        border-bottom: 5px solid #86bc25;

        font-weight: 700

    }

    .overflow-tabs .content-button.active::after {

        content: " ";

        border-top: 10px solid #86bc25;

        border-right: 8px solid transparent;

        border-left: 8px solid transparent;

        border-bottom: 0;

        position: absolute;

        bottom: -15px;

        left: 43.5%;

        height: 0;

        width: 0

    }

    :lang(ko) .main-container.cse-search-page .content-filters .content-button.btn-blue:before,

    :lang(ru) .main-container.cse-search-page .content-filters .content-button.btn-blue:before {

        bottom: -3px

    }

    :lang(ja) .main-container.cse-search-page .tabbedMenu {

        width: 712px!important

    }

    :lang(fr) .main-container.cse-search-page .tabbedMenu {

        width: 881px!important

    }

}



.tabbed-nav,

.inline-nav-topic-page {

    text-align: center;

    padding: 0 0 10px 0;

    background: #53565a;

}



.tabbed-nav li .label,

.inline-nav-topic-page li .label {

    font-size: 1.4em;

    padding: 20px 18px 14px;

    color: #fff;

}