@font-face {
    font-family: 'Hind Light';
	font-weight: normal;
	font-style: normal;
    src: url('font/Hind-Light.eot');
    src: url('font/Hind-Light.eot?#iefix') format('embedded-opentype'),
        url('font/Hind-Light.woff2') format('woff2'),
        url('font/Hind-Light.woff') format('woff'),
        url('font/Hind-Light.ttf') format('truetype'),
        url('font/Hind-Light.svg#hindlight') format('svg');
}

@font-face {
    font-family: 'Hind Medium';
	font-weight: normal;
	font-style: normal;

    src: url('font/Hind-Medium.eot');
    src: url('font/Hind-Medium.eot?#iefix') format('embedded-opentype'),
        url('font/Hind-Medium.woff2') format('woff2'),
        url('font/Hind-Medium.woff') format('woff'),
        url('font/Hind-Medium.ttf') format('truetype'),
        url('font/Hind-Medium.svg#hindmedium') format('svg');
}

* { box-sizing: border-box; }

body, td, select, input, textarea { font-family: 'Hind Light', Arial, sans-serif; font-size: 26px; /*line-height: 160%;*/ color: #6C6E71; }
select, option { font: -moz-pull-down-menu; font-size: 20px; }
html[lang="ru"] body .page > h1,
html[lang="ru"] body .page > .rich-text,
html[lang="ru"] body .page > .rich-text td,
html[lang="ru"] body .page > .rich-text select,
html[lang="ru"] body .page > .rich-text textarea,
html[lang="ru"] body .page > .rich-text input { font-family: serif; }
input[type="file"] { font-size: 20px; }
em, i { font-family: Arial, sans-serif; }
strong, bold { font-family: 'Hind Medium'; }
em strong, i bold, strong em, bold i { font-family: Arial, sans-serif; }
p { margin: 26px 0; }
a { color: #00adef; text-decoration: none; transition: color 0.2s; }
a:hover { color: #000; }
body { margin: 0; background-color: #fff; overflow-wrap: break-word; }
body::after {
    position: absolute; width: 0; height: 0; overflow: hidden; z-index: -1;
    /* preload images: */
    content: url(../img/copy-black.svg);
}
.page { position: relative; }

.page.universal-font section.banner,
.page.universal-font section.intro,
.page.universal-font section.rich-text { font-family: Arial, sans-serif; }
.tile.universal-font .title,
.tile.universal-font .summary { font-family: Arial, sans-serif; }
.page.universal-font section h1,
.page.universal-font section h2,
.page.universal-font section h3 {  font-weight: normal; }

.page > img,
.page > a > img { display: block; width: 100%; max-width: 1280px; margin: 0 auto 54px; }
.page > img.full,
.page > a > img.full { max-width: none; }

.page > div.image { display: block; width: 100%; max-width: 1280px; margin: 0 auto 54px; }
.page > div.image img { display: block; width: 100%; }
.page > div.image.left { text-align: left; }
.page > div.image.right { text-align: right; }
.page > div.image.center { text-align: center; }
.page > div.image.full { max-width: none; }
.page > div.image .caption,
section .image .caption { margin: 4px auto; }
.page > div.image.full .caption { margin: 0 auto; max-width: 1280px; }
.page > div.image .caption p,
section .image .caption p { margin: 0; font-size: 20px; line-height: 120%; color: #000; }

.back-button { display: none; opacity: .9; position: fixed; z-index: 100; right: 18px; bottom: 16px; background-color: #00adef; border: none; border-radius: 32px; font-size: 28px; color: #fff; padding: 20px 26px 20px 50px; cursor: pointer; box-shadow: 0 0 16px rgba(0,0,0,0.25); white-space: nowrap; transition: opacity .2s; }
.back-button:hover { opacity: 1; }
.back-button::before { content: ""; position: absolute; left: 15%; top: 50%; transform: translateY(-50%) rotate(180deg); width: 14%; padding-top: 14%; mask: url(../img/arrow-triangle-right.svg) no-repeat center / contain; -webkit-mask: url(../img/arrow-triangle-right.svg) no-repeat center / contain; background-color: #fff; transition: background-color 0.2s; }
@media (max-width: 1328px) {
    .back-button { padding: 1.5% 2.5% 1.5% 4%; font-size: 2vw; }
}
@media (max-width: 767px) {
    .back-button { padding: 12px 15px 12px 28px; font-size: 15px; }
}
@media (max-width: 511px) {
    .back-button { text-indent: -9999px; }
    .back-button::before { left: 18%; width: 50%; padding-top: 50%; }
}

header { position: relative;padding: 0 16px; }
nav ul { position: relative; margin: 0 16px; }
nav a { transition: color 0s; }

section { clear: both; position: relative; max-width: 1280px; margin: 40px auto; }

/*section { margin: 0 auto 54px auto; border-top: 1px solid #BFC0C1; padding-top: 54px; }*/
.menu { display: none; }

header { height: 96px; }
nav ul,
footer .subnav ul { list-style: none; margin: 0; padding: 0; font-size: 0.01px; }
nav ul > li,
footer .subnav ul > li { position: relative; display: inline-block; }
nav.primary ul > li.back { display: none; }
nav a,
footer .subnav a { display: inline-block; padding: 0 12px; font-size: 17px; color: #6C6E71; text-decoration: none; }
nav.primary { margin-right: 156px; }
nav.primary a { font-size: 20px; line-height: 96px; }
nav.primary > ul { z-index: 101; }
nav.primary > ul li.current > a { color: #00ADEF; }
nav.primary > ul > li.current > a::after { content: ""; position: absolute; top: 0; left: 13px; right: 13px; height: 9px; background-color: #00adef; }
nav.primary > ul li.active > a,
nav.primary > ul li.current:hover > a { color: #fff; }
nav.primary > ul { text-align: center; }
nav.primary > ul ul { text-align: left; }

nav.primary > ul > li.grey > a::after { content: ""; position: absolute; top: 0; left: 13px; right: 13px; height: 9px; background-color: #77777a; }
nav.primary > ul > li.current.grey > a { color: #77777a; }
nav.primary > ul > li.grey:hover > a,
nav.primary > ul > li.grey.active > a { background-color: #77777a; color: #fff; }
nav.primary > ul > li.magenta > a::after { content: ""; position: absolute; top: 0; left: 13px; right: 13px; height: 9px; background-color: #ec008c; }
nav.primary > ul > li.current.magenta > a { color: #ec008c; }
nav.primary > ul > li.magenta:hover > a,
nav.primary > ul > li.magenta.active > a { background-color: #ec008c; color: #fff; }
nav.primary > ul > li.cyan > a::after { content: ""; position: absolute; top: 0; left: 13px; right: 13px; height: 9px; background-color: #00aeef; }
nav.primary > ul > li.current.cyan > a { color: #00aeef; }
nav.primary > ul > li.cyan:hover > a,
nav.primary > ul > li.cyan.active > a { background-color: #00aeef; color: #fff; }
nav.primary > ul > li.green > a::after { content: ""; position: absolute; top: 0; left: 13px; right: 13px; height: 9px; background-color: #65ba30; }
nav.primary > ul > li.current.green > a { color: #65ba30; }
nav.primary > ul > li.green:hover > a,
nav.primary > ul > li.green.active > a { background-color: #65ba30; color: #fff; }
nav.primary > ul > li.purple > a::after { content: ""; position: absolute; top: 0; left: 13px; right: 13px; height: 9px; background-color: #742e98; }
nav.primary > ul > li.current.purple > a { color: #742e98; }
nav.primary > ul > li.purple:hover > a,
nav.primary > ul > li.purple.active > a { background-color: #742e98; color: #fff; }
nav.primary > ul > li.yellow > a::after { content: ""; position: absolute; top: 0; left: 13px; right: 13px; height: 9px; background-color: #d4c400; }
nav.primary > ul > li.current.yellow > a { color: #d4c400; }
nav.primary > ul > li.yellow:hover > a,
nav.primary > ul > li.yellow.active > a { background-color: #d4c400; color: #fff; }
nav.primary > ul > li.black > a::after { content: ""; position: absolute; top: 0; left: 13px; right: 13px; height: 9px; background-color: #000000; }
nav.primary > ul > li.current.black > a { color: #000000; }
nav.primary > ul > li.black:hover > a,
nav.primary > ul > li.black.active > a { background-color: #000000; color: #fff; }

header { height: auto; }
nav.primary > ul { position: static; }
nav.primary > ul > li { position: static; }
nav.primary > ul > li > a { position: relative; }
nav.primary > ul > li:hover > ul { display: none; }
nav.primary > ul > li.current > ul { display: block; left: 0; right: 0; max-width: none; text-align: center; z-index: 5; }
nav.primary > ul > li.current { padding-bottom: 50px; }
nav.primary > ul > li.current > ul > li > a { border-bottom: none; }
nav.primary > ul > li.current.grey > a { background-color: #77777a; color: #fff; }
nav.primary > ul > li.current.grey > ul { border-top: 1px solid #77777a; background-color: #77777a; }
nav.primary > ul > li.current.grey > ul > li > a { color: #fff; }
nav.primary > ul > li.current.grey > ul > li:hover > a { background-color: #fff; color: #77777a; }
nav.primary > ul > li.current.grey > ul > li.current > a { background-color: #fff; color: #77777a; }
nav.primary > ul > li.current.grey > ul > li > ul li.current > a { color: #77777a; }
nav.primary > ul > li.current.grey > ul > li > ul li:hover > a { background-color: #77777a; color: #fff; }
nav.primary > ul > li.current.magenta > a { background-color: #ec008c; color: #fff; }
nav.primary > ul > li.current.magenta > ul { border-top: 1px solid #ec008c; background-color: #ec008c; }
nav.primary > ul > li.current.magenta > ul > li > a { color: #fff; }
nav.primary > ul > li.current.magenta > ul > li:hover > a { background-color: #fff; color: #ec008c; }
nav.primary > ul > li.current.magenta > ul > li.current > a { background-color: #fff; color: #ec008c; }
nav.primary > ul > li.current.magenta > ul > li > ul li.current > a { color: #ec008c; }
nav.primary > ul > li.current.magenta > ul > li > ul li:hover > a { background-color: #ec008c; color: #fff; }
nav.primary > ul > li.current.cyan > a { background-color: #00aeef; color: #fff; }
nav.primary > ul > li.current.cyan > ul { border-top: 1px solid #00aeef; background-color: #00aeef; }
nav.primary > ul > li.current.cyan > ul > li > a { color: #fff; }
nav.primary > ul > li.current.cyan > ul > li:hover > a { background-color: #fff; color: #00aeef; }
nav.primary > ul > li.current.cyan > ul > li.current > a { background-color: #fff; color: #00aeef; }
nav.primary > ul > li.current.cyan > ul > li > ul li.current > a { color: #00aeef; }
nav.primary > ul > li.current.cyan > ul > li > ul li:hover > a { background-color: #00aeef; color: #fff; }
nav.primary > ul > li.current.green > a { background-color: #65ba30; color: #fff; }
nav.primary > ul > li.current.green > ul { border-top: 1px solid #65ba30; background-color: #65ba30; }
nav.primary > ul > li.current.green > ul > li > a { color: #fff; }
nav.primary > ul > li.current.green > ul > li:hover > a { background-color: #fff; color: #65ba30; }
nav.primary > ul > li.current.green > ul > li.current > a { background-color: #fff; color: #65ba30; }
nav.primary > ul > li.current.green > ul > li > ul li.current > a { color: #65ba30; }
nav.primary > ul > li.current.green > ul > li > ul li:hover > a { background-color: #65ba30; color: #fff; }
nav.primary > ul > li.current.purple > a { background-color: #742e98; color: #fff; }
nav.primary > ul > li.current.purple > ul { border-top: 1px solid #742e98; background-color: #742e98; }
nav.primary > ul > li.current.purple > ul > li > a { color: #fff; }
nav.primary > ul > li.current.purple > ul > li:hover > a { background-color: #fff; color: #742e98; }
nav.primary > ul > li.current.purple > ul > li.current > a { background-color: #fff; color: #742e98; }
nav.primary > ul > li.current.purple > ul > li > ul li.current > a { color: #742e98; }
nav.primary > ul > li.current.purple > ul > li > ul li:hover > a { background-color: #742e98; color: #fff; }
nav.primary > ul > li.current.yellow > a { background-color: #d4c400; color: #fff; }
nav.primary > ul > li.current.yellow > ul { border-top: 1px solid #d4c400; background-color: #d4c400; }
nav.primary > ul > li.current.yellow > ul > li > a { color: #fff; }
nav.primary > ul > li.current.yellow > ul > li:hover > a { background-color: #fff; color: #d4c400; }
nav.primary > ul > li.current.yellow > ul > li.current > a { background-color: #fff; color: #d4c400; }
nav.primary > ul > li.current.yellow > ul > li > ul li.current > a { color: #d4c400; }
nav.primary > ul > li.current.yellow > ul > li > ul li:hover > a { background-color: #d4c400; color: #fff; }
nav.primary > ul > li.current.black > a { background-color: #000000; color: #fff; }
nav.primary > ul > li.current.black > ul { border-top: 1px solid #000000; background-color: #000000; }
nav.primary > ul > li.current.black > ul > li > a { color: #fff; }
nav.primary > ul > li.current.black > ul > li:hover > a { background-color: #fff; color: #000000; }
nav.primary > ul > li.current.black > ul > li.current > a { background-color: #fff; color: #000000; }
nav.primary > ul > li.current.black > ul > li > ul li.current > a { color: #000000; }
nav.primary > ul > li.current.black > ul > li > ul li:hover > a { background-color: #000000; color: #fff; }

nav.primary > ul > li.current > ul > li { display: inline-block; }
nav.primary > ul > li.current > ul > li.back { display: none; }

nav.secondary { max-width: 1280px; margin: 40px auto 60px; }
nav.secondary ul { z-index: 2; border-top: 1px solid #BFC0C1; border-bottom: 1px solid #BFC0C1; text-align: center; }
nav.secondary ul > li.back { display: none; }
nav.secondary a { font-size: 26px; color: #909090; line-height: 96px; padding: 0 24px; }
nav.secondary .current > a { color: #00ADEF; }
nav.secondary .current:hover > a { color: #fff; }
nav.secondary > ul > li > a { line-height: 89px; }
nav.secondary > ul > li.current > a { position: relative; }
nav.secondary > ul > li.current > a::after { content: ""; position: absolute; top: 0; left: 24px; right: 24px; height: 9px; background-color: #00adef; }

nav.secondary ul li { position: static; }
nav.secondary ul ul { margin-top: 0; border: none; text-align: left; }
nav.secondary ul ul li { display: block; position: static; }
nav.secondary ul ul li a { display: block; line-height: 36px; padding: 7px 24px; border-bottom: 1px solid #d7d5d5; }
nav.secondary ul ul li:last-child > a { border-bottom: none; }

nav li:hover > a,
nav li.active > a { background-color: #00ADEF; color: #fff; }
nav ul > li > ul,
nav ul > li > .dropdown { position: absolute; z-index: 1; display: none; min-width: 240px; max-width: 512px; background-color: #fff; box-shadow: 0 16px 16px rgba(0,0,0,0.25); }
html[lang="es"] nav ul > li > ul,
html[lang="es"] nav ul > li > .dropdown { max-width: 640px; }
nav > ul > li.active > ul,
nav > ul > li.active > .dropdown { box-shadow: 0 16px 16px rgba(0,0,0,0.5); }
nav ul > li > .dropdown.right { right: 0; }
nav.primary ul > li:last-child > ul { right: 0; }
nav.primary ul > li > ul > li { display: block; }
nav.primary ul > li > ul > li > a { display: block; border-bottom: 1px solid #d7d5d5; line-height: 50px; white-space: nowrap; }
nav.primary ul > li > ul > li:last-child > a { border-bottom: none; }
nav > ul > li.active:hover > ul,
nav > ul > li.active:hover > .dropdown { display: none; }
nav ul > li:hover > ul,
nav ul > li:hover > .dropdown,
nav.active ul > li.active:hover > ul,
nav.active ul > li.active:hover > .dropdown,
nav ul > li.active > ul,
nav ul > li.active > .dropdown { display: block; }


nav.primary a.menu { position: absolute; z-index: 101; right: 136px; width: 52px; height: 64px; background: url(../img/menu.png) no-repeat center center / 56%; text-indent: -9999px; }

.nav-right { position: absolute; z-index: 1000; top: 0; right: 16px; font-size: 0; }
.nav-right .search { position: relative; display: inline-block; }

.nav-right .search-nav { display: relative; display: block; width: 78px; height: 96px; background: url(../img/search.png) no-repeat center center; text-indent: -9999px; }
.nav-right .search-dropdown { position: absolute; z-index: 1000; right: 0; display: none; width: 700px; padding: 20px 19px; background-color: #fff; font-size: 26px; box-shadow: 0 16px 16px rgba(0,0,0,0.5); }
.nav-right .search:hover .search-nav,
.nav-right .search.active .search-nav { background-color: #00ADEF; background-image: url(../img/search-over.png); }
.nav-right .search:hover .search-dropdown,
.nav-right .search.active .search-dropdown { display: block; }
nav.primary.active.opened + .nav-right .search:hover .search-dropdown { display: none; }
nav.primary.active.opened + .nav-right .search.active:hover .search-dropdown { display: block; }
.nav-right .search input { box-sizing: border-box; width: 100%; height: 60px; border: none; padding-left: 62px; background: #E5E3E3 url(../img/search-input.png) no-repeat 16px center; color: #9F9DA0; font-size: 18px;  outline: none; }
.nav-right .searching .search-input { position: relative; }
.nav-right .searching .search-input::after { content: " "; position: absolute; top: 0; right: 0; bottom: 0; width: 64px; background: url(../img/search-spinner.gif) no-repeat center center; }

.nav-right .search-types { display: flex; list-style-type: none; margin: 0; padding: 0; background-color: #f1eff0; }
.nav-right .search-types li { flex-grow: 1; margin: 0; padding: 0; }
.nav-right .search-types li a { display: block; border-right: 1px solid #d7d5d5; padding: 16px 4px; text-align: center; color: #6C6E71; transition: color 0s; }
.nav-right .search-types li:last-child a { border-right: none; }
.nav-right .search-types li.active a { background-color: #6C6E71; color: #fff; }
.nav-right .search-types li a:hover,
.nav-right .search-types li.active a:hover { background-color: #00adef; color: #fff; }

.nav-right .search-results { max-height: 400px; margin-top: 20px; overflow: auto; }
.nav-right .search-results.none { margin-top: 0; }
.nav-right .search-results a { display: block; position: relative; clear: both; width: 100%; max-height: 150px; padding: 0 0 20px 0; text-decoration: none; color: #6C6E71; overflow: hidden; }
.nav-right .search-results a .title { border-top: 1px solid #00ADEF; padding-top: 4px; font-size: 28px; color: #000; }
.nav-right .search-results a .summary { padding-top: 4px; font-size: 16px; }
.nav-right .search-results a:hover .summary { color: #000; }
.nav-right .search-results a .summary p { margin: 0; }
.nav-right .search-results a.tile { height: 150px; }
.nav-right .search-results a.tile .thumb { position: relative; float: left; width: 20%; max-width: 130px; max-height: 130px; }
.nav-right .search-results a.tile .thumb:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: transparent; transition: background-color 0.2s; }
.nav-right .search-results a.tile:hover .thumb:before { background-color: rgba(0,0,0,0.2); }
.nav-right .search-results a.tile .thumb img { display: block; width: 100%; }
.nav-right .search-results a.tile .title { margin-left: 22%; }
.nav-right .search-results a.tile .summary { margin-left: 22%; transition: color 0.2s; }
.nav-right .search-results a.tile:hover .summary { color: #000; }

.search-practices,
.search-partners,
.search-insights { min-height: 768px; }
.search-practices.no-search { min-height: auto; }

.search-practices > .left { display: none; }
.search-practices .search input { box-sizing: border-box; width: 100%; height: 60px; border: none; padding-left: 62px; background: #E5E3E3 url(../img/search-input.png) no-repeat 16px center; color: #9F9DA0; font-size: 18px; outline: none; }
.search-practices .search { position: relative; }
.search-practices .search.searching::after { content: " "; position: absolute; top: 0; right: 0; bottom: 0; width: 64px; background: url(../img/search-spinner.gif) no-repeat center center; }
.search-practices .results { overflow: hidden; }
.search-practices .results .half { float: left; width: 50%; padding: 0 12px; list-style: none; }
.search-practices .results .title { margin-bottom: 2%; font-size: 32px; font-weight: bold; color: #000; }
.search-practices .results a { display: block; border-top: 1px solid transparent; border-bottom: 1px solid transparent; padding: 3px 0; color: #6C6E71; }
.search-practices .results .tileset a { border-top: none; }
.search-practices .results a:hover { border-color: #00adef; color: #00adef; text-decoration: none; }
.search-practices .results .full { padding: 0 12px; list-style: none; }

.search-practices .results {}
.search-practices .results.none { margin-top: 0; }
.search-practices .results a.tile { display: block; position: relative; clear: both; width: 100%; padding: 0 0 20px 0; text-decoration: none; color: #6C6E71; overflow: hidden; }
.search-practices .results a.tile:first-child { padding-top: 20px; }
.search-practices .results a.tile .title { border-top: 1px solid #00ADEF; margin-bottom: 0; padding-top: 4px; font-size: 28px; color: #000; }
.search-practices .results a.tile .summary { padding-top: 4px; font-size: 24px; }
.search-practices .results a.tile:hover .summary { color: #000; }
.search-practices .results a.tile .summary p { margin: 0; }
.search-practices .results a.tile .thumb { position: relative; float: left; width: 20%; max-width: 130px; max-height: 130px; }
.search-practices .results a.tile .thumb:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: transparent; transition: background-color 0.2s; }
.search-practices .results a.tile:hover { border-color: transparent; }
.search-practices .results a.tile:hover .thumb:before { background-color: rgba(0,0,0,0.2); }
.search-practices .results a.tile .thumb img { display: block; width: 100%; }
.search-practices .results a.tile .title { margin-left: 142px; }
.search-practices .results a.tile .summary { margin-left: 142px; transition: color 0.2s; }
.search-practices .results a.tile:hover .summary { color: #000; }
@media (max-width: 700px) {
    .search-practices .results a.tile .title,
    .search-practices .results a.tile .summary { margin-left: 22%; font-size: 16px; }
}

.practice-list { display: flex; flex-wrap: wrap; }
.practice-list .group { display: flex; flex-direction: column; width: 33.33%; }
.practice-list .group:first-child { width: 66.66%; flex-direction: row;  }
.practice-list .group:last-child .columns_break { margin-top: -12px; }
.practice-list .group:last-child .columns_break .columns_header { display: none; }
@media (max-width: 640px) {
    .practice-list .group { flex-direction: row; }
    .practice-list .group,
    .practice-list .group:first-child { width: 100%; }
    .practice-list .group:last-child .columns_break { margin-top: 0; }
    .practice-list .group:last-child .columns_break .columns_header { display: block; }
    .practice-list .group > ul { width: 50%; }
}
section.rich-text.practice-list ul li { line-height: 125%; }
.practice-list ul li ul { padding-left: 20px; }
.practice-list ul li ul li { font-size: 20px; line-height: 105%; }

body.location .search-practices { margin-top: 60px; border-top: 1px solid #BFC0C1; padding-top: 40px; }
body.location .search-practices ul.half ul { margin-bottom: 12px; }
body.location .search-practices ul.half li { margin: 4px 0; }
body.location .search-practices ul.half > li > a { font-weight: bold; }

body.location section.contact { text-align: center; }
body.location section.contact h3 { padding: 10px 0; }
body.location section.contact h3.address a { position: relative; display: inline-block; padding: 0; background: none; }
body.location section.contact h3.address { border-top: none; } 
body.location section.contact h3.address .copy { top: -6px; }


section.details .contact .office .notice { color: #ec008c; }
section.details .contact .office .notice p { margin: 10px 0; }

.lang { position: relative; display: inline-block; }
.lang-nav { display: relative; display: block; width: 78px; height: 96px;  background: url(../img/lang2.png) no-repeat center center / 50%; text-indent: -9999px; }
.lang-dropdown { position: absolute; z-index: 1000; right: 0; display: none; margin: 0; padding: 0; background-color: #fff; font-size: 26px; list-style: none; box-shadow: 0 16px 16px rgba(0,0,0,0.5); }
.lang:hover .lang-nav,
.lang.active .lang-nav { background-color: #00ADEF; background-image: url(../img/lang2-over.png); }
.lang:hover .lang-dropdown,
.lang.active .lang-dropdown { display: block; }
nav.primary.active.opened + .nav-right .lang:hover .lang-dropdown { display: none; }
nav.primary.active.opened + .nav-right .lang.active:hover .lang-dropdown { display: block; }

.lang .lang-dropdown li a { display: block; margin: 0; border-bottom: 1px solid #d7d5d5; padding: 0 48px; line-height: 50px; color: #6C6E71; text-decoration: none; white-space: nowrap; transition: color 0s; }
.lang .lang-dropdown li:last-child a { border-bottom: none; }
.lang .lang-dropdown li.active a { border-bottom-color: #77777b; background-color: #77777b; color: #fff; }
.lang .lang-dropdown li a:hover { border-bottom-color: #00ADEF; background-color: #00ADEF; color: #fff; }
nav ul > li > .dropdown.practices-partners { max-width: none; }
.practices-partners { width: 300%; height: 400px; }
.practices-partners .left { position: absolute; top: 0; bottom: 0; left: 0; width: 33.33%; background-color: #f1eff0; }
.practices-partners .left li { display: block; }
.practices-partners .left li a { display: block; border-bottom: 1px solid #d7d5d5; padding-left: 24px; font-size: 26px; line-height: 50px; color: #6C6E71; white-space: nowrap; }
html[lang="es"] .practices-partners .left li a,
html[lang="fr-ca"] .practices-partners .left li a { padding-left: 10%; }
.practices-partners .left li.active a { background-color: #77777b; color: #fff; }
.practices-partners .left li:hover a { background-color: #00ADEF; color: #fff; }
.practices-partners .right { position: absolute; top: 0; right: 0; bottom: 0; width: 66.66%; padding: 20px 19px; }
.practices-partners .right .search { position: relative; }
.practices-partners .right .search input { position: relative; box-sizing: border-box; width: 100%; height: 60px; border: none; padding-left: 62px; background: #E5E3E3 url(../img/search-input.png) no-repeat 16px center; color: #9F9DA0; font-size: 18px; }
.practices-partners .right .search.searching::after { content: " "; position: absolute; top: 0; right: 0; bottom: 0; width: 64px; background: url(../img/search-spinner.gif) no-repeat center center; }
.practices-partners .right .results { position: relative; width: 100%; max-height: 280px; overflow-y: auto; /*overflow-y: scroll;*/ -webkit-overflow-scrolling: touch; margin-top: 20px; font-size: 18px; }
.practices-partners .right .results .error { border-radius: 4px; border: 1px solid #f00; padding: 4px 8px; background-color: #fee; color: #f00; }

#page_search .search-results li,
.practices-partners .right .results li { display: block; font-size: 18px; }
#page_search .search-results li a,
.practices-partners .right .results li a { display: block; max-height: 150px; border-top: 1px solid #ADE7FF; padding: 12px 0 24px 0; background-color: transparent; font-size: 18px; line-height: 120%; transition: color 0s; }
#page_search .search-results li.title,
.practices-partners .right .results li.title,
.practices-partners .right .results li a .title { font-weight: bold; color: #000; }
#page_search .search-results li.title,
.practices-partners .right .results li.title { margin-bottom: 3px; }
.practices-partners .right .results li a p { margin: 0; }
#page_search .search-results li a:hover,
.practices-partners .right .results li a:hover,
.practices-partners .right .results li a:hover .title { color: #00ADEF; }

#page_search .search-results .half { float: left; width: 50%; max-height: 320px; overflow-y: auto; margin: 0; padding: 0 20px; }
#page_search .search-results .half:first-child { padding-right: 2%; }
#page_search .search-results .half li a { border-top: 1px solid rgba(255,255,255,0); border-bottom: 1px solid rgba(255,255,255,0); padding: 3px 0; }
#page_search .search-results .half li a:hover { border-color: #00ADEF; color: #00ADEF; }

.practices-partners .right .results .half { float: left; width: 50%; max-height: 280px; overflow-y: auto; }
.practices-partners .right .results .half:first-child { padding-right: 2%; }
.practices-partners .right .results .half li a { border-top: 1px solid rgba(255,255,255,0); border-bottom: 1px solid rgba(255,255,255,0); padding: 3px 0; }
.practices-partners .right .results .half li a:hover { border-color: #00ADEF; color: #00ADEF; }

.practices-partners .right .results .thumbs li a { border: none; padding: 0 0 12px 0; clear: both; overflow: hidden; }
.practices-partners .right .results .thumbs li a .thumb { position: relative; float: left; width: 20%; }
.practices-partners .right .results .thumbs li a .thumb img { display: block; width: 100%; }
.practices-partners .right .results .thumbs li a:hover .thumb::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0,173,239,0.25); pointer-events: none; }
.practices-partners .right .results .thumbs li a .name,
.practices-partners .right .results .thumbs li a .role,
.practices-partners .right .results .thumbs li a .location { margin-left: 22%; width: 78%; }
.practices-partners .right .results .thumbs li a .name { border-top: 1px solid #BFC0C1; padding: 10px 0 10px 0; font-size: 26px;  }
.practices-partners .right .results .thumbs li a:hover .name { border-color: #00ADEF; }
.practices-partners .right .results .thumbs li a .role,
.practices-partners .right .results .thumbs li a .location { font-size: 16px; line-height: 125%; }
.practices-partners .right .results .thumbs li a:hover { color: #00ADEF; }

nav.body .practices-partners,
html[lang="es"] nav.body .practices-partners,
html[lang="fr-ca"] nav.body .practices-partners { width: auto; }
nav.body .back { display: none; }
nav.body .practices-partners .right { padding-top: 0; }
nav.body .practices-partners .right .results { max-height: 320px; overflow-y: auto; }
html[lang="es"] nav.body .practices-partners .left li a,
html[lang="fr-ca"] nav.body .practices-partners .left li a { padding-left: 0; }

.title-suffix { display: inline-block; margin-left: 12px; color: #909090; }

section.conversation { position: relative; max-width: none; margin: 0 auto 40px; border-top: none; padding-top: 36.45%; background-color: #eee; /*background-size: 100%; background-repeat: no-repeat;*/ }
section.conversation.collapse { padding: 40px 0; }
section.conversation .image { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: auto; }
section.conversation .question p:first-of-type { margin-top: 0; }

section.conversation.overlay::after { content: ""; position: absolute; z-index: 1; left: 0; top: 0; right: 0; bottom: 0; background: url(../img/banner-circle.png) no-repeat center center / auto 100%; pointer-events: none; }
.banner > .title { margin: 0; font-weight: normal; }
.banner > .title,
.conversation.overlay .question { position: absolute; z-index: 2; top: 50%; transform: translateY(-50%); left: 33.33%; width: 33.33%; font-size: 5vw; text-align: center; vertical-align: middle; color: #fff; }
.video + .question { text-shadow: 0 0 8px rgba(0,0,0,.25); }

.conversation.overlay .answers {display: flex; flex-direction: column; justify-content: center; position: absolute; z-index: 3; top: 0; right: 0; left: 0; bottom: 0; margin: 0; padding: 0; background-color: #00ADEF; text-align: center; vertical-align: middle; list-style: none; opacity: 0; transition: opacity 0.2s ease-in-out; }
.conversation.overlay .answers::after { content: ""; position: absolute; z-index: 1; left: 0; top: 0; right: 0; bottom: 0; background: url(../img/banner-circles.png) no-repeat top center / 100% auto; overflow: hidden; pointer-events : none; }
.no-js .conversation.overlay:hover .answers,
.conversation.overlay.active .answers { opacity: 1 !important; }
.conversation.overlay .answers li a { display: block; margin-left: 12%; width: 76%; border-top: 1px solid rgba(111,206,246,0); border-bottom: 1px solid rgba(111,206,246,0); font-size: 3vw; line-height: 140%; color: #fff; text-decoration: none; transition: color 0.2s, border-color 0.2s; }
.conversation.overlay .answers li a:hover { border-color: rgba(111,206,246,1); color: #ff0; }

.conversation .video { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: auto; overflow: hidden; }
.conversation .video video { position: absolute; width: 100%; }
section.banner.top-banner { min-height: 64px; font-size: inherit; }
.top-banner .banner-bar { position: absolute; bottom: 0; left: 0; right: 0; z-index: 3; font-size: 1.5vw; color: #fff; }
.top-banner .banner-bar > div > a { padding: 3% 0 3% 3%; }
.top-banner .banner-bar a { display: inline-block; color: #fff; }
.top-banner .banner-bar .banner-bar-left { position: relative; float: left; width: 50%; background-color: rgba(0,0,0,0.25); }
.top-banner .banner-bar .banner-bar-left { background: linear-gradient(8deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); }
.top-banner .banner-bar .banner-bar-left > a::after { content: ""; position: absolute; top: 0; bottom: 0; width: 2%; margin-left: 1.5%; mask: url(../img/arrow-triangle-right.svg) no-repeat center / contain; -webkit-mask: url(../img/arrow-triangle-right.svg) no-repeat center / contain; background-color: #fff; transition: background-color 0.2s; }
.top-banner .banner-bar .banner-bar-left > a:hover::after { background-color: #00adef; }
body.grey .top-banner .banner-bar .banner-bar-left > a:hover::after { background-color: #f9f9ff; }
body.magenta .top-banner .banner-bar .banner-bar-left > a:hover::after { background-color: #ff0097; }
body.cyan .top-banner .banner-bar .banner-bar-left > a:hover::after { background-color: #00baff; }
body.green .top-banner .banner-bar .banner-bar-left > a:hover::after { background-color: #8aff41; }
body.purple .top-banner .banner-bar .banner-bar-left > a:hover::after { background-color: #c34dff; }
body.yellow .top-banner .banner-bar .banner-bar-left > a:hover::after { background-color: #ffec00; }
body.black .top-banner .banner-bar .banner-bar-left > a:hover::after { background-color: #000000; }
.top-banner .banner-bar .banner-bar-left > a { padding-left: 10%; padding-right: 4.5%; }
.top-banner .banner-bar .banner-bar-left > a::before { content: ""; position: absolute; left: 0.5%; top: 0; bottom: 0; width: 9%; mask: url(../img/world-map.svg) no-repeat center / contain; -webkit-mask: url(../img/world-map.svg) no-repeat center / contain; background-color: #fff; transition: background-color 0.2s; }
.top-banner .banner-bar .banner-bar-left > a:hover::before { background-color: #00adef; }
body.grey .top-banner .banner-bar .banner-bar-left > a:hover::before { background-color: #f9f9ff; }
body.magenta .top-banner .banner-bar .banner-bar-left > a:hover::before { background-color: #ff0097; }
body.cyan .top-banner .banner-bar .banner-bar-left > a:hover::before { background-color: #00baff; }
body.green .top-banner .banner-bar .banner-bar-left > a:hover::before { background-color: #8aff41; }
body.purple .top-banner .banner-bar .banner-bar-left > a:hover::before { background-color: #c34dff; }
body.yellow .top-banner .banner-bar .banner-bar-left > a:hover::before { background-color: #ffec00; }
body.black .top-banner .banner-bar .banner-bar-left > a:hover::before { background-color: #000000; }
.top-banner .banner-bar-right { position: absolute; top: 0; bottom: 0; right: 0; width: 50%; background: rgba(0,0,0,0.25); text-align: right; }
.top-banner .banner-bar-right { background: linear-gradient(-8deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); }
.top-banner .banner-bar-right > a { position: absolute; right: 28%; white-space: nowrap; }
.top-banner .banner-bar-left > a:hover,
.top-banner .banner-bar-right > a:hover { color: #00ADEF; }
body.grey .top-banner .banner-bar-left > a:hover,
body.grey .top-banner .banner-bar-right > a:hover { color: #f9f9ff; text-shadow: 0 0 4px rgba(0,0,0,1); }
body.magenta .top-banner .banner-bar-left > a:hover,
body.magenta .top-banner .banner-bar-right > a:hover { color: #ff0097; text-shadow: 0 0 4px rgba(0,0,0,1); }
body.cyan .top-banner .banner-bar-left > a:hover,
body.cyan .top-banner .banner-bar-right > a:hover { color: #00baff; text-shadow: 0 0 4px rgba(0,0,0,1); }
body.green .top-banner .banner-bar-left > a:hover,
body.green .top-banner .banner-bar-right > a:hover { color: #8aff41; text-shadow: 0 0 4px rgba(0,0,0,1); }
body.purple .top-banner .banner-bar-left > a:hover,
body.purple .top-banner .banner-bar-right > a:hover { color: #c34dff; text-shadow: 0 0 4px rgba(0,0,0,1); }
body.yellow .top-banner .banner-bar-left > a:hover,
body.yellow .top-banner .banner-bar-right > a:hover { color: #ffec00; text-shadow: 0 0 4px rgba(0,0,0,1); }
body.black .top-banner .banner-bar-left > a:hover,
body.black .top-banner .banner-bar-right > a:hover { color: #000000; text-shadow: 0 0 4px rgba(0,0,0,1); }
.top-banner .cards { position: absolute; right: 0; bottom: 0;  width: 75%; }
.top-banner .cards:hover { height: 323%; background-color: #00aeef; }

.top-banner .cards .card { opacity: 0; position: absolute; bottom: 0; right: 0; width: 100%; min-height: 100%; background-color: transparent; text-align: left; transition: opacity 2s, background-color .25s; }
.top-banner .cards .card:first-child { opacity: 1; }
.top-banner .cards .card .txt { opacity: 0; transition: opacity .25s; }
.top-banner .cards .card a,
.top-banner .cards .card span { display: none; }
.top-banner .cards .card a.phone,
.top-banner .cards .card a.email,
.top-banner .cards .card a.linkedin { padding: 1.5% 1.5% 1.5% 6.66%; white-space: nowrap; }
.top-banner .cards .card a.phone { background: url(../img/phone.svg) no-repeat center left / 16px auto; }
.top-banner .cards .card a.phone.mobile { background: url(../img/mobile.svg) no-repeat center left / 16px auto; }
.top-banner .cards .card a.email { background: url(../img/email.svg) no-repeat center left / 16px auto; }
.top-banner .cards .card a.linkedin { background: url(../img/social/linkedin-white.svg) no-repeat center left / 16px auto; }
.top-banner .cards a.photo,
.top-banner .cards .card a.name { font-size: 110%; }
.top-banner .cards .card .title { margin-bottom: 4%; }
.top-banner .cards .card .photo { display: block; position: absolute; bottom: 0; right: 0; width: 35%; padding: 8% 6% 4% 0; }
.top-banner .cards .card .photo::after { content: "\25B8"; position: absolute; top: 50%; width: 17%; right: 0; transform: translateY(-50%); font-size: 3vw; text-align: center; color: #fff; overflow: hidden; }
.top-banner .cards:hover .card .photo::after { display: none; }

.top-banner .cards .card .title,
.top-banner .cards .card a.phone,
.top-banner .cards .card a.email,
.top-banner .cards .card a.linkedin { font-size: 66.66%; }
.top-banner .cards .card img { display: block; width: 100%; border-radius: 50%; box-shadow: 0 0 8px rgba(0,0,0,.25); }
.top-banner .cards .card a:hover { color: #000; }
.top-banner .cards .card a.arrow { position: absolute; width: 5%; top: 0; bottom: 0; z-index: 1; color: rgba(255,255,255,.5); cursor: pointer; transition: background-color .25s, color .25s; font-size: 3vw; text-align: center; overflow: hidden; }
.top-banner .cards .card a.arrow:hover { background-color: rgba(255,255,255,0.5); color: #00aeef; }
.top-banner .cards .card a.arrow.left { left: 0; }
.top-banner .cards .card a.arrow.left::after { content: "\25C2"; position: absolute; top: 50%; left: -20px; right: -20px; transform: translateY(-50%); }
.top-banner .cards .card a.arrow.right { right: 0; }
.top-banner .cards .card a.arrow.right::after { content: "\25B8"; position: absolute; top: 50%; left: -20px; right: -20px; transform: translateY(-50%); }
.top-banner .cards:hover .card { padding: 4% 6%; background-color: #00aeef; }
body.grey .top-banner .cards:hover .card { background-color: #77777a; }
body.grey .top-banner .cards .card a.arrow:hover { color: #77777a; }
body.grey .top-banner .cards:hover { background-color: #77777a; }
body.magenta .top-banner .cards:hover .card { background-color: #ec008c; }
body.magenta .top-banner .cards .card a.arrow:hover { color: #ec008c; }
body.magenta .top-banner .cards:hover { background-color: #ec008c; }
body.cyan .top-banner .cards:hover .card { background-color: #00aeef; }
body.cyan .top-banner .cards .card a.arrow:hover { color: #00aeef; }
body.cyan .top-banner .cards:hover { background-color: #00aeef; }
body.green .top-banner .cards:hover .card { background-color: #65ba30; }
body.green .top-banner .cards .card a.arrow:hover { color: #65ba30; }
body.green .top-banner .cards:hover { background-color: #65ba30; }
body.purple .top-banner .cards:hover .card { background-color: #742e98; }
body.purple .top-banner .cards .card a.arrow:hover { color: #742e98; }
body.purple .top-banner .cards:hover { background-color: #742e98; }
body.yellow .top-banner .cards:hover .card { background-color: #d4c400; }
body.yellow .top-banner .cards .card a.arrow:hover { color: #d4c400; }
body.yellow .top-banner .cards:hover { background-color: #d4c400; }
body.black .top-banner .cards:hover .card { background-color: #000000; }
body.black .top-banner .cards .card a.arrow:hover { color: #000000; }
body.black .top-banner .cards:hover { background-color: #000000; }

.top-banner .cards:hover .card::before { content: ""; display: block; float: right; width: 39%; padding-top: 37%; }
.top-banner .cards:hover .card .txt { opacity: 1; }
.top-banner .cards:hover a,
.top-banner .cards:hover .card span { display: block; }
.top-banner .office-map.details { display: none; position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: auto; overflow: hidden; z-index: 4; }
.top-banner .map .map-back-control { padding-left: 32px; }
.top-banner .map .map-back-control::before { content: "\25C2"; position: absolute; left: 4px; top: 44%; transform: translateY(-50%); font-size: 200%; }

@media (min-width: 1328px) {
    .top-banner .cards .card { }
    .top-banner .cards .card .txt { }
    .top-banner .cards .card a.phone,
    .top-banner .cards .card a.email,
    .top-banner .cards .card a.linkedin { }
    .top-banner .cards .card a.phone,
    .top-banner .cards .card a.phone.mobile,
    .top-banner .cards .card a.email,
    .top-banner .cards .card a.linkedin { background-size: 5% auto; }
    .top-banner .cards .card img { transition: width .25s, height .25s; }
    .top-banner .cards:hover .card { }
    .top-banner .cards:hover .card img { }
}

@media (max-width: 767px) {
    .top-banner .banner-bar { font-size: 16px; }
    .top-banner .cards { width: 320px; }
    .top-banner .cards:hover { height: 120px; }
    .top-banner .banner-bar > div > a { padding: 16px 0 16px 0; }
    .top-banner .banner-bar .banner-bar-left > a { width: 44px; padding-left: 0; background-position-x: 6px; background-size: 32px; text-indent: -9999px; }
    .top-banner .banner-bar .banner-bar-left > a::before { width: 44px; }
    .top-banner .banner-bar-right > a { right: 128px; }
}
@media (max-width: 511px) {
    .top-banner .banner-bar-right > a { right: 52px; left: calc(-100% + 44px); overflow: hidden; text-overflow: ellipsis; }
    .top-banner .cards .card .photo { width: auto; padding: 10px 10px 10px 0; }
    .top-banner .cards .card img { width: 32px; height: 32px; transition: width .25s, height .25s, padding .25s; }
    .top-banner .cards:hover .card .photo { padding: 4% 6% 4% 0; }
    .top-banner .cards:hover .card img { width: 96px; height: 96px; }
}


section.conversation.rows { padding-top: 0; background-color: #00ADEF; }
.conversation.rows:before,
.conversation.rows::after { content: ""; position: absolute; z-index: 3; top: 0; right: 0; width: 50%; height: 116%; background: url(../img/banner-circles.png) no-repeat top right / 200% auto; overflow: hidden; pointer-events : none; }
.conversation.rows::before{ background-position: left 0; right: auto; left: 0; bottom: 0; height: auto; }
.conversation.rows .inner { position: relative; z-index: 2; left: 16%; width: 68%; padding: 6% 0; }
.conversation.rows .question { position: relative; margin: 0 0 3% 0; /*border-top: 1px solid #43C6F7; border-bottom: 1px solid #43C6F7;*/ padding: 1% 8%; font-size: 3vw; line-height: 120%; text-align: center; color: #fff; }
.conversation.rows .question .back { display: block; position: absolute; left: 0; top: 0; width: 8%; margin-top: 1%; background: url(../img/back-white-88.png) no-repeat center center / 75%; text-indent: -9999px; transition: background-image 0.2s; }
.conversation.rows .question .back:hover { background-image: url(../img/back-yellow-88.png); }
.conversation.rows .question .close { display: none; position: absolute; right: 0; top: 0; width: 8%; margin-top: 1%; background: url(../img/close-white-88.png) no-repeat center center / 75%; text-indent: -9999px; transition: background-image 0.2s; }
.conversation.rows .question .close:hover { background-image: url(../img/close-yellow-88.png); }
.conversation.rows .answers {display: flex; flex-direction: column; justify-content: center; margin: 0; padding: 0; text-align: center; vertical-align: middle; list-style: none; }
.conversation.rows .answers li a { display: block; margin-left: 5%; width: 90%; border-bottom: 1px solid #43C6F7; padding: 1% 0; font-size: 3vw; line-height: 100%; color: #fff; text-decoration: none; transition: color 0.2s, border-color 0.2s; }
.conversation.rows .answers li:first-child a { border-top: 1px solid #43C6F7; }
.conversation.rows .answers li a:hover { color: #ff0; }

section.conversation.pills { background-color: #00ADEF; }
.conversation.pills::before,
.conversation.pills::after { content: ""; position: absolute; z-index: 3; top: 0; right: 0; width: 50%; height: 116%; background: url(../img/banner-circles.png) no-repeat top right / 200% auto; overflow: hidden; pointer-events : none; }
.conversation.pills::before{ background-position: left 0; right: auto; left: 0; bottom: 0; height: auto; }
.conversation.pills .inner { position: absolute; z-index: 2; top: 50%; transform: translateY(-50%); left: 16%; width: 68%; }
.conversation.pills.collapse .inner { position: relative; top: auto; transform: none; }
.conversation.pills .question { position: relative; margin: 0 0 3% 0; /*border-top: 1px solid #43C6F7; border-bottom: 1px solid #43C6F7;*/ padding: 1% 5%; font-size: 3vw; line-height: 120%; text-align: center; color: #fff; }
.conversation.pills .question .back { display: block; position: absolute; left: 0; top: 0; width: 8%; margin-top: 1%; background: url(../img/back-white-88.png) no-repeat center center / 75%; text-indent: -9999px; transition: background-image 0.2s; }
.conversation.pills .question .back:hover { background-image: url(../img/back-yellow-88.png); }
.conversation.pills .question .close { display: none; position: absolute; right: 0; top: 0; width: 8%; margin-top: 1%; background: url(../img/close-white-88.png) no-repeat center center / 75%; text-indent: -9999px; transition: background-image 0.2s; }
.conversation.pills .question .close:hover { background-image: url(../img/close-yellow-88.png); }
.conversation.pills .answers { position: relative; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: left; margin: 0; padding: 0; text-align: left; vertical-align: middle; list-style: none; }
.conversation.pills .answers::after { content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 3px; background-color: #00ADEF; }
.conversation.pills .answers { border-top: 1px solid #43C6F7; }
.conversation.pills .answers::after { border-bottom: 1px solid #43C6F7; }
.conversation.pills .answers li:nth-child(3n+1) { text-align: left; }
.conversation.pills .answers li:nth-child(3n+2) { text-align: center; }
.conversation.pills .answers li:nth-child(3n+3) { text-align: right; }
.conversation.pills .answers li {flex: 0 1 33.33%; max-width: 33.33%; border-bottom: 1px solid #43C6F7; }
.conversation.pills .answers.many li {flex: 0 1 33.33%; }
.conversation.pills .answers.too.many li {flex: 0 1 25%; padding: 6px 2%; }
.conversation.pills .answers li a { position: relative; height: 100%; display: flex; flex-direction: column; justify-content: center; padding: 4% 8%; font-size: 2vw; line-height: 110%; color: #fff; text-decoration: none; transition: color 0.2s ease-in-out; }
.conversation.pills .answers li a:hover { color: #ff0; }
.conversation.pills .answers li.active a { color: #000; }
.conversation.pills .answers li.active a:hover { color: #ff0; }
.conversation.pills .answers.many li a { font-size: 1.5vw; }

.conversation.no-answers .question { margin-bottom: 0; }

section.banner::before,
section.banner::after { content: ""; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; width: 50%; max-width: 640px; height: 135%; background: url(../img/banner-circles.png) no-repeat right top / 225% auto; pointer-events: none; }
section.banner::before{ background-position: left 0; right: auto; left: 0; height: auto; }
section.banner { position: relative; margin: 0 auto 40px; max-width: none; border-top: none; padding: 40px 0; background-color: #00ADEF; font-size: 5vw; color: #fff; }
section.banner.no-circles::before,
section.banner.no-circles::after { display: none; }
body.grey section.banner { background-color: #77777a; }
body.magenta section.banner { background-color: #ec008c; }
body.cyan section.banner { background-color: #00aeef; }
body.green section.banner { background-color: #65ba30; }
body.purple section.banner { background-color: #742e98; }
body.yellow section.banner { background-color: #d4c400; }
body.black section.banner { background-color: #000000; }

section.banner .content { position: relative; margin: 0 auto; max-width: 1280px; overflow: hidden; }
section.banner .content h1 { margin: 1.25% 0 0 0; border-bottom: 1px solid #43c6f7; padding-bottom: 1.25%; font-size: 67.25px; line-height: 130%; }
section.banner .content h1.keyline-top { border-top: 1px solid #43c6f7; }
section.banner .content h1 a { color: #fff; text-decoration: none; }
section.banner .content h2 { margin: 1.25% 0 0 0; font-size: 54.5px; color: #000; }
section.banner .content h2::after { content: ":"; }
section.banner .content h3 { margin: 1.5625% 0 0 0; border-top: 1px solid #43c6f7; border-bottom: 1px solid #43c6f7; font-size: 25px; line-height: 200%; }
section.banner .content h3 a { color: #fff; text-decoration: none; }
section.banner .content.left-image h1,
section.banner .content.left-image h2,
section.banner .content.left-image h3 { margin-left: 34.25%; }
section.banner .circle { position: relative; float: left; width: 31.25%; }
section.banner .circle img { display: block; width: 100%; margin: 0; border-radius: 200px; }

body.grey section.banner .content h2 { color: #000; }
body.grey section.banner .content h3,
body.grey section.banner .content h1 { border-color: #a3a3a5; }
body.magenta section.banner .content h2 { color: #000; }
body.magenta section.banner .content h3,
body.magenta section.banner .content h1 { border-color: #f254b1; }
body.cyan section.banner .content h2 { color: #000; }
body.cyan section.banner .content h3,
body.cyan section.banner .content h1 { border-color: #43c6f7; }
body.green section.banner .content h2 { color: #000; }
body.green section.banner .content h3,
body.green section.banner .content h1 { border-color: #97d074; }
body.purple section.banner .content h2 { color: #000; }
body.purple section.banner .content h3,
body.purple section.banner .content h1 { border-color: #a172b9; }
body.yellow section.banner .content h2 { color: #000; }
body.yellow section.banner .content h3,
body.yellow section.banner .content h1 { border-color: #e2d754; }
body.black section.banner .content h2 { color: #000; }
body.black section.banner .content h3,
body.black section.banner .content h1 { border-color: #000000; }


.banner > .title, .conversation.overlay .question { margin: 0; font-weight: normal; }
.web-page.home .page > h2 { margin: 96px auto 0; font-family: 'Hind Light', Arial, sans-serif; font-size: 56px; text-align: center; }

@media (max-width: 1328px) {
    .web-page.home .page > h2 { margin: 5% auto 0; font-size: 4vw; }
}
@media (max-width: 767px) {
    .web-page.home .page > h2 { font-size: 30px; }
}


section.banner.collapsed { padding: 0; }

section img.center,
section img.full { display: block; width: 100%; }
section img.left,
section video.left { display: block; width: 33.33%; float: left; margin-right: 40px; margin-bottom: 30px; }
section img.right,
section video.right { display: block; width: 33.33%; float: right; margin-left: 40px; margin-bottom: 30px; }
section img.above-center,
section video.above-center { display: block; width: 33.33%; margin: 0 auto 30px; }
section img.above-full,
section video.above-full { display: block; width: 100%; margin: 0 auto 30px; }
section img.below-full,
section video.below-full { display: block; width: 100%; }

.partner section.banner .content h1 { margin-top: 3%; border: none; padding-bottom: 0; font-weight: normal; font-size: 60px; }
.partner section.banner .content h3 { margin-top: 0; border-top: none; font-weight: normal; font-size: 24px; }
.partner section.banner .content h3.role { padding-bottom: 20px; line-height: 120%; }
.partner section.banner .content ul.role { margin: 0 0 0 34.25%; border-bottom: 1px solid #43c6f7; padding: 0 0 1.5625% 24px; list-style: none; font-size: 24px; line-height: 120%; }
body.grey.partner section.banner .content ul.role { border-color: #a3a3a5; }
body.magenta.partner section.banner .content ul.role { border-color: #f254b1; }
body.cyan.partner section.banner .content ul.role { border-color: #43c6f7; }
body.green.partner section.banner .content ul.role { border-color: #97d074; }
body.purple.partner section.banner .content ul.role { border-color: #a172b9; }
body.yellow.partner section.banner .content ul.role { border-color: #e2d754; }
body.black.partner section.banner .content ul.role { border-color: #000000; }
.partner section.banner .content ul.role li { position: relative; }
.partner section.banner .content ul.role li::before { content: "\27a4"; position: absolute; margin-left: -20px; margin-right: 5px; font-size: 12px; }
.partner section.banner .content h3 a { display: block; padding-left: 44px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: color 0.2s; }
.partner section.banner .content h3 a:hover { color: #000; }
.partner section.banner .content h3.phone a { position: relative; background: url(../img/phone.svg) no-repeat center left / 28px auto; }
.partner section.banner .content h3.phone.mobile a { background: url(../img/mobile.svg) no-repeat center left / 28px auto; }
.phone-message { position: absolute; display: inline-block; left: 44px; font-size: .4em; background: rgba(0,0,0,0.1); padding: 3px 4px 1px 4px; border-radius: 8px; line-height: 100%; bottom: -4px; box-shadow: 1px 2px 2px rgba(0,0,0,0.4); transition: color 0.2s; }
.details .contact .phone a .phone-message { color: #00adef; left: 22px; font-size: .6em; bottom: 1px; }
.details .contact .phone a:hover .phone-message { color: #000; }
.card .txt .phone-message { font-size: .5em; position: relative; width: fit-content; left: auto; top: auto; }
/*.tileset .summary .contact .phone-message { position: relative; top: -1.75em; left: 4.5%; background-color: #aaa; } */
.summary .contact .phone-message { position: relative; top: -8px; left: 0; display: table; width: fit-content; }
#office .phone-message { left: 44px; font-size: .4em; bottom: 2px; }
.rich-text.form .privacy-phone { display: inline-block; position: relative; }
.rich-text.form .phone-message { position: absolute; line-height: 100%; padding: 3px 4px 1px 4px; border: none; box-shadow: 1px 2px 2px rgba(0,0,0,.4); display: inline-block; font-style: italic; background-color: rgba(0,0,0,0.1); bottom: -4px; left: 0px; }
.map-popup .phone-message { bottom: 1px; color: #000; background-color: #ddd; line-height: 6px; left: 0px; padding: 0 6px; }
.details .contact .phone a .phone-message.phone-message-contact { left: 44px; bottom: 3px; font-size: 11px; line-height: 70%; transition: color 0.2s; }
.banner .phone .phone-message { bottom: 2px; }
.partner section.banner .content h3.email a { background: url(../img/email.svg) no-repeat center left / 28px auto; }
.partner section.banner .content h3.linkedin a { background: url(../img/social/linkedin-white.svg) no-repeat center left / 28px auto; }
.partner section.banner .content h3.social.boyden a  { background: url(../img/social/boyden-white.svg) no-repeat center left / 28px auto; }
.partner section.banner .content h3.social.linkedin a { background: url(../img/social/linkedin-white.svg) no-repeat center left / 28px auto; }
.partner section.banner .content h3.social.twitter a { background: url(../img/social/twitter-white.svg) no-repeat center left / 28px auto; }
.partner section.banner .content h3.social.facebook a { background: url(../img/social/facebook-white.svg) no-repeat center left / 28px auto; }
.partner section.banner .content h3.social.xing a { background: url(../img/social/xing-white.svg) no-repeat center left / 28px auto; }

.partner section.banner .content .certifications { border: none; }
.partner section.banner .content .certifications img { display: inline-block; width: auto; max-height: 32px; margin: 0 4px 2px 4px; vertical-align: middle; }
.partner section.banner .content h3.certifications a { display: inline; padding-left: 0; }



.partner section.practices { padding-top: 0; }
.partner section.practices h2 { border-top: none; padding-top: 0; }
.partner section.practices ul,
.partner section.resume ul { margin: 8px 0; }
.partner section.practices ul li,
.partner section.resume ul li { margin-bottom: 1%; line-height: 150%; }
.partner section h2 { margin-bottom: 0; color: #00ADEF; }
.location .page > h2,
.partner .page > h2,
.partner section.rich-text h2 { margin-top: 40px; border-top: 1px solid #00ADEF; padding-top: 40px; font-family: 'Hind Light', Arial, sans-serif; font-size: 38px; font-weight: normal; }
body.grey.location .page > .intro,
body.grey.location .page > h2,
body.grey.partner .page > h2,
body.grey.partner section.rich-text h2 { border-color: #77777a; }
body.magenta.location .page > .intro,
body.magenta.location .page > h2,
body.magenta.partner .page > h2,
body.magenta.partner section.rich-text h2 { border-color: #ec008c; }
body.cyan.location .page > .intro,
body.cyan.location .page > h2,
body.cyan.partner .page > h2,
body.cyan.partner section.rich-text h2 { border-color: #00aeef; }
body.green.location .page > .intro,
body.green.location .page > h2,
body.green.partner .page > h2,
body.green.partner section.rich-text h2 { border-color: #65ba30; }
body.purple.location .page > .intro,
body.purple.location .page > h2,
body.purple.partner .page > h2,
body.purple.partner section.rich-text h2 { border-color: #742e98; }
body.yellow.location .page > .intro,
body.yellow.location .page > h2,
body.yellow.partner .page > h2,
body.yellow.partner section.rich-text h2 { border-color: #d4c400; }
body.black.location .page > .intro,
body.black.location .page > h2,
body.black.partner .page > h2,
body.black.partner section.rich-text h2 { border-color: #000000; }
.location .page > .intro + h2 { margin-top: 0; border-top: 0; padding-top: 0; }
/*.partner section.resume h2:first-child { border-top: none; padding-top: 0; }*/


.partner.journal .intro { border-bottom: none; padding-bottom: 0; }
.journal-entry section.heading { border-top: 1px solid #00adef; padding-top: 16px; }
.journal-entry section.heading .date { font-family: 'Hind Medium'; font-size: 22px; }
.journal-entry section.heading h2 { margin-top: 0; margin-left: 0; margin-right: 0; padding-top: 0; }
.journal-entry section.heading h2 a { text-decoration: none; }
.journal-entry section.heading h2 a:hover { text-decoration: underline; }

.contact .slide-control { display: none; }
.contact-map header { position: relative; z-index: 100; background-color: #fff; }
.contact-map footer { position: relative; z-index: 1; margin-top: 0; }
.contact-map .details { max-width: none; margin: 0; z-index: 1; }
.contact-map .details .contact { position: absolute; z-index: 1; top: 10px; left: 10px; width: 320px; padding: 12px; background-color: #fff; box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); transition: left .25s; }
.contact-map .details.collapsed .contact { left: -320px; }
.contact-map .details .contact::before { content: ""; position: absolute; z-index: -1; top: -10px; bottom: 0; left: 0; width: 100%; padding: 10px 23px 0 0; }
.contact-map .details .contact .slide-control { display: block; opacity: 0; transition: opacity .25s; position: absolute; top: 10px; right: -23px; width: 23px; height: 48px; background: #fff url(../img/arrow-left.png) center center/75% no-repeat; box-shadow: 4px 1px 4px rgba(0, 0, 0, 0.1); cursor: pointer; }
.contact-map .details .contact:hover .slide-control,
.contact-map .details.collapsed .contact .slide-control { opacity: 1; }
.contact-map .details.collapsed .contact .slide-control { background-image: url(../img/arrow-right.png); }
.contact-map .details.collapsed .contact .slide-control:hover { background-image: url(../img/arrow-right-disabled.png); }
.contact-map .details .contact .slide-control:hover { background-color: #00ADEF; background-image: url(../img/arrow-left-disabled.png); }

.location.contact .details { z-index: 1; }
.location.contact .details .contact { position: absolute; z-index: 1; top: 10px; left: 10px; width: 320px; padding: 12px; background-color: #fff; box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); transition: left .25s; }
.location.contact .details.collapsed .contact { left: -320px; }
.location.contact .details .contact::before { content: ""; position: absolute; z-index: -1; top: -10px; bottom: 0; left: 0; width: 100%; padding: 10px 23px 0 0; }
.location.contact .details .contact .slide-control { display: block; opacity: 0; transition: opacity .25s; position: absolute; top: 10px; right: -23px; width: 23px; height: 48px; background: #fff url(../img/arrow-left.png) center center/75% no-repeat; box-shadow: 4px 1px 4px rgba(0, 0, 0, 0.1); cursor: pointer; }
.location.contact .details .contact:hover .slide-control,
.location.contact .details.collapsed .contact .slide-control { opacity: 1; }
.location.contact .details.collapsed .contact .slide-control { background-image: url(../img/arrow-right.png); }
.location.contact .details.collapsed .contact .slide-control:hover { background-image: url(../img/arrow-right-disabled.png); }
.location.contact .details .contact .slide-control:hover { background-color: #00ADEF; background-image: url(../img/arrow-left-disabled.png); }
.contact .details { overflow: hidden; }

.map .gm-fullscreen-control { display: none; }
.map .map-controls { margin: 10px; box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px; }
.map .map-controls button { margin: 0; border: none; border-left: 1px solid #ccc; padding: 8px; background-color: #fff; font-family: Roboto, Arial, sans-serif; font-size: 18px; text-align: center; color: #555; cursor: pointer; }
.map .map-controls button::after { display: block; content: attr(data-label); padding: 0 2px; font-weight: bold; height: 0; overflow: hidden; visibility: hidden; }
.map .map-controls button.active { font-weight: bold; color: #000; }
.map .map-controls button:first-child { border-radius: 2px 0 0 2px; border-left: none; }
.map .map-controls button:last-child { border-radius: 0 2px 2px 0; }
.map .fullscreen-control { width: 40px; text-indent: -9999px; background: #fff url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%20018%2018%22%3E%0A%20%20%3Cpath%20fill%3D%22%23666%22%20d%3D%22M0%2C0v2v4h2V2h4V0H2H0z%20M16%2C0h-4v2h4v4h2V2V0H16z%20M16%2C16h-4v2h4h2v-2v-4h-2V16z%20M2%2C12H0v4v2h2h4v-2H2V12z%22%2F%3E%0A%3C%2Fsvg%3E%0A) center center no-repeat; }
.map .fullscreen-control.active { background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%3E%0A%20%20%3Cpath%20fill%3D%22%23111%22%20d%3D%22M4%2C4H0v2h6V0H4V4z%20M14%2C4V0h-2v6h6V4H14z%20M12%2C18h2v-4h4v-2h-6V18z%20M0%2C14h4v4h2v-6H0V14z%22%2F%3E%0A%3C%2Fsvg%3E%0A); }
.map .map-controls button:hover { background-color: #ebebeb; color: #000; }
.map .map-popup div { border-bottom: 1px solid #00ADEF; padding: 4px 0; }
.map .map-popup div:last-child { border-bottom: none; }
.map .map-popup .title { font-weight: bold; }
.map .map-popup .notice { color: #ec008c; }
.map .map-popup .notice p { margin: 0; }

.map .map-popup a { display: block; color: #00adef; }
.map .map-popup a:hover { color: #000; /*color: #ec008c;*/ }

body.contact .details .contact { margin-left: 69.125%; }
body .contact.left { margin-left: 0; }
body .contact h3 { margin: 0; border-top: 1px solid #43c6f7; font-size: 24px; line-height: 200%; font-weight: normal; }
body .contact h3:first-child { border-top: none; }
body .contact h3 a { display: block; padding-left: 44px; text-decoration: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
body .contact h3.phone a { background: url(../img/phone-cyan.svg) no-repeat left center / 28px auto; }
body .contact h3.email a { background: url(../img/email-cyan.svg) no-repeat left center / 28px auto; }
body .contact h3.linkedin a { background: url(../img/linkedin-cyan.svg) no-repeat left center / 28px auto; }
body .contact h3.address { line-height: 120%; }
body .contact h3.address a { padding-top: 10px; padding-bottom: 10px; background: url(../img/pin-cyan.svg) no-repeat left 10px / 28px auto; white-space: normal; overflow: visible; text-overflow: clip; }
/*.contact .contact select { width: 100%; margin-bottom: 40px; padding: 0 8px; font-size: 24px; }
.contact .contact select option { padding: 8px; }*/

body .contact .select { position: relative; display: inline-block; width: 100%; overflow: hidden; vertical-align: middle; }
body .contact .select select { border: 1px solid #43c6f7; border-radius: 0; width: 100%; padding: 6px 8px; background-color: #fff; -webkit-appearance: none; font-size: 26px; color: #000; transition: border 0.2s; }
body.location.contact .details .select select { font-size: 18px; }
/*body .contact .select optgroup { padding: 12px; }*/
body .contact .select::before { content: ""; position: absolute; top: 4px; bottom: 4px; right: 4px; width: 100px; background: url(../img/drop-down-white-bg.png) no-repeat right center; pointer-events: none; }
body .contact .select option { padding: 6px; font-size: 16px; }
body .contact .select option.region { background-color: #eee; font-weight: bold; }
body .contact .select option.region:hover { background-color: #ddd; }
body .contact .select::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; width: 100px; background: url(../img/drop-down-blue-arrow.png) no-repeat right center / 50%; pointer-events: none; }
body.location.contact .details .contact { margin-left: 0; }

.contact-info.media-contact { margin-top: 84px; font-size: 80%; }
#office .contact-info.media-contact { margin-top: 0; }
.contact-info.media-contact h2 { font-size: 28px; }
.contact-info.media-contact p { margin: 6% 0; }

.partner.contact .map { float: left; width: 66%; height: 845px; }
/*
    body.partner.contact .map { float: none; width: 100%; }
    body.partner.contact .contact { margin-left: 0; margin-top: 30px; }
    body.partner.contact .contact h3 a { font-size: 24px; }
    body.partner.contact .contact .select select { font-size: 24px; }

    body.location.contact .contact { float: none; width: auto; }
    body.location.contact .office { margin-bottom: 40px; }
    body.location.contact .map { width: auto; }

    .contact-info.media-contact { margin-top: 4%; }
    .contact-info.media-contact h2 { margin: 0 0 1% 0; }
    .contact-info.media-contact p { margin: 2% 0; }
*/

body.partner.contact .details { display: flex; justify-content: space-between; }
body.partner.contact .details .contact { margin-left: 0; width: 15em; }

body.partner.contact .blankmap {
    background-image: url(../img/blankmap.png);
    background-size: 100% 100%;
    text-align: center;
    color: #000;
    text-shadow: 0 0 5px #fff;
    float: left;
    width: 66%;
    min-height: 12em;
    min-height: 10em;
    font-size: 1.5em;
    padding-top: 2em;
}

@media (max-width: 767px) {
body.partner.contact .details { display: block; }
body.partner.contact .blankmap { width: 100%; }
body.partner.contact .details .contact { width: 100%; }
}

.practice .page > h1 { margin: 40px auto 16px; line-height: 100%; }
.practice .page > h1.top-separator { border-top: 1px solid #BFC0C1; padding-top: 40px; }
.practice .page > h3 { margin: -20px auto; color: #909090; }
.practice .intro { margin-bottom: 40px; border-bottom: 1px solid #BFC0C1; padding-bottom: 20px; }
.practice .intro p { margin: 16px 0; }

section.banner .tint::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0,173,239,0.4); }
section.banner .tint.light::after { background-color: rgba(0,173,239,0.4); }

body.grey section.banner .tint::after { background-color: rgba(119, 119, 122,0.4); }
body.grey section.banner .tint.light::after { background-color: rgba(119, 119, 122,0.3); }
.grey-bg { background-color: #77777a; }

body.magenta section.banner .tint::after { background-color: rgba(236, 0, 140,0.4); }
body.magenta section.banner .tint.light::after { background-color: rgba(236, 0, 140,0.3); }
.magenta-bg { background-color: #ec008c; }

body.cyan section.banner .tint::after { background-color: rgba(0, 174, 239,0.4); }
body.cyan section.banner .tint.light::after { background-color: rgba(0, 174, 239,0.3); }
.cyan-bg { background-color: #00aeef; }

body.green section.banner .tint::after { background-color: rgba(101, 186, 48,0.4); }
body.green section.banner .tint.light::after { background-color: rgba(101, 186, 48,0.3); }
.green-bg { background-color: #65ba30; }

body.purple section.banner .tint::after { background-color: rgba(116, 46, 152,0.4); }
body.purple section.banner .tint.light::after { background-color: rgba(116, 46, 152,0.3); }
.purple-bg { background-color: #742e98; }

body.yellow section.banner .tint::after { background-color: rgba(212, 196, 0,0.4); }
body.yellow section.banner .tint.light::after { background-color: rgba(212, 196, 0,0.3); }
.yellow-bg { background-color: #d4c400; }

body.black section.banner .tint::after { background-color: rgba(0, 0, 0,0.4); }
body.black section.banner .tint.light::after { background-color: rgba(0, 0, 0,0.3); }
.black-bg { background-color: #000000; }


.logo-padding { padding: 12px; }

section.rich-text { padding-top: 0; margin-top: 26px; margin-bottom: 26px; }
section.rich-text p { line-height: 150%; }
section.rich-text p:last-child { margin-bottom: 0; }
section.rich-text ol,
section.rich-text ul { margin-top: 0; margin-bottom: 12px; }
section.rich-text ol li,
section.rich-text ul li { margin-bottom: 1%; line-height: 150%; }
section.rich-text.image { overflow: hidden; }
section.rich-text.columns2,
form.columns2 { column-count: 2; }
.columns2 .keep-together,
.columns3 .keep-together { break-inside: avoid; }
section.rich-text ul.columns2 { column-count: 2; }
section.rich-text.columns3,
form.columns3,
section.rich-text ul.columns3 { column-count: 3; }
section.rich-text.image.left ol,
section.rich-text.image.left ul,
section.rich-text.image.left-50 ol,
section.rich-text.image.left-50 ul { margin-left: -40px; }
section.rich-text.image.left ol li,
section.rich-text.image.left-50 ol li,
section.rich-text.image.left ul li,
section.rich-text.image.left-50 ul li { position: relative; left: 40px; padding-right: 40px; }
section.rich-text.image p { margin-top: 0; }
section.rich-text.big-bottom-margin { margin-bottom: 64px; }

section.rich-text.allow-overflow { clear: none; overflow: visible; }

section a.button { display: inline-block; margin: 24px 0; border: 1px solid #00adef; padding: 12px 24px; background: #00adef; font-weight: bold; text-decoration: none; color: #fff; transition: none; }
section a.button:hover { background: #fff; color: #00adef; }
body.grey section a.button,
body.grey .page > section.rich-text a.button { border-color: #77777a; background: #77777a; color: #fff; }
body.grey section a.button:hover,
body.grey .page > section.rich-text a.button:hover { background: #fff; color: #77777a; }
body.magenta section a.button,
body.magenta .page > section.rich-text a.button { border-color: #ec008c; background: #ec008c; color: #fff; }
body.magenta section a.button:hover,
body.magenta .page > section.rich-text a.button:hover { background: #fff; color: #ec008c; }
body.cyan section a.button,
body.cyan .page > section.rich-text a.button { border-color: #00aeef; background: #00aeef; color: #fff; }
body.cyan section a.button:hover,
body.cyan .page > section.rich-text a.button:hover { background: #fff; color: #00aeef; }
body.green section a.button,
body.green .page > section.rich-text a.button { border-color: #65ba30; background: #65ba30; color: #fff; }
body.green section a.button:hover,
body.green .page > section.rich-text a.button:hover { background: #fff; color: #65ba30; }
body.purple section a.button,
body.purple .page > section.rich-text a.button { border-color: #742e98; background: #742e98; color: #fff; }
body.purple section a.button:hover,
body.purple .page > section.rich-text a.button:hover { background: #fff; color: #742e98; }
body.yellow section a.button,
body.yellow .page > section.rich-text a.button { border-color: #d4c400; background: #d4c400; color: #fff; }
body.yellow section a.button:hover,
body.yellow .page > section.rich-text a.button:hover { background: #fff; color: #d4c400; }
body.black section a.button,
body.black .page > section.rich-text a.button { border-color: #000000; background: #000000; color: #fff; }
body.black section a.button:hover,
body.black .page > section.rich-text a.button:hover { background: #fff; color: #000000; }


section .image.left { float: left; width: 31.08%; margin-right: 2.25%; }
section .image.right { float: right; width: 31.08%; margin-left: 2.25%; margin-bottom: 2%; }
section.rich-text.image .left-50,
section.rich-text.image .right-50 { width: 47.75%; }
section.rich-text.image .left-50 { float: left; margin-right: 2.25%; }
section.rich-text.image .right-50 { float: right; margin-left: 2.25%; }
section.rich-text.image .below { display: block; width: 100%; margin: 12px 0; }
section.rich-text.image .below-center { display: block; width: 100%; margin: 12px auto; }
section .image img { display: block; width: 100%; margin: auto; }

section.image.columns { display: flex; flex-wrap: wrap; justify-content: center; }
section.image .image .caption { margin: 4px auto; }
section.image.columns .image { position: relative; margin: 0.25%; }
section.image.columns .image img { margin: auto 0; }
section.image.columns-1 .image { width: 99.5%; }
section.image.columns-2 .image { width: 49.5%; }
section.image.columns-3 .image { width: 32.83%; }
section.image.columns-4 .image { width: 24.5%; }
section.image.columns .image .caption { display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: 0; background-color: rgba(0,0,0,0.8); opacity: 0; cursor: default; overflow: hidden; transition: opacity .2s ease-in-out;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently supported by Chrome, Opera and Firefox */
}
section.image.columns a.image .caption { cursor: pointer; }
section.image.columns .image .caption .title { margin: 12px; font-size: 26px; color: #fff; }
section.image.columns .image .caption p { margin: 12px; font-size: 26px; color: #fff; }
section.image.columns .image:hover .caption { font-size: 26px; color: #fff; opacity: 1; }
section.image.columns .image.on .caption { opacity: 1; }
section.image.columns .image.off .caption,
section.image.columns .image.off:hover .caption{ opacity: 0; }
section.image.columns .image .caption.below { position: static; opacity: 1; background-color: transparent; }
section.image.columns .image .caption.below .title { color: #00adef; }
section.image.columns .image:hover .caption.below .title { color: #000; }
section.image.columns .image .caption.below p { color: #6C6E71; }
@media (max-width: 1328px) {
    section.image.columns .image .caption .title { margin: 2%; font-size: 2vw; }
}
section.rich-text q { font-style: italic; }
section.rich-text .callout { color: #00aeef; font-weight: bold; }
body.grey section.rich-text h1,
body.grey section.rich-text h2,
body.grey section.rich-text h3,
body.grey section.rich-text h4,
body.grey section.rich-text h5,
body.grey section.rich-text h6,
body.grey section.rich-text .callout { color: #77777a; }
body.magenta section.rich-text h1,
body.magenta section.rich-text h2,
body.magenta section.rich-text h3,
body.magenta section.rich-text h4,
body.magenta section.rich-text h5,
body.magenta section.rich-text h6,
body.magenta section.rich-text .callout { color: #ec008c; }
body.cyan section.rich-text h1,
body.cyan section.rich-text h2,
body.cyan section.rich-text h3,
body.cyan section.rich-text h4,
body.cyan section.rich-text h5,
body.cyan section.rich-text h6,
body.cyan section.rich-text .callout { color: #00aeef; }
body.green section.rich-text h1,
body.green section.rich-text h2,
body.green section.rich-text h3,
body.green section.rich-text h4,
body.green section.rich-text h5,
body.green section.rich-text h6,
body.green section.rich-text .callout { color: #65ba30; }
body.purple section.rich-text h1,
body.purple section.rich-text h2,
body.purple section.rich-text h3,
body.purple section.rich-text h4,
body.purple section.rich-text h5,
body.purple section.rich-text h6,
body.purple section.rich-text .callout { color: #742e98; }
body.yellow section.rich-text h1,
body.yellow section.rich-text h2,
body.yellow section.rich-text h3,
body.yellow section.rich-text h4,
body.yellow section.rich-text h5,
body.yellow section.rich-text h6,
body.yellow section.rich-text .callout { color: #d4c400; }
body.black section.rich-text h1,
body.black section.rich-text h2,
body.black section.rich-text h3,
body.black section.rich-text h4,
body.black section.rich-text h5,
body.black section.rich-text h6,
body.black section.rich-text .callout { color: #000000; }

body.partner.profile section.rich-text h3,
body.partner.profile section.rich-text h4,
body.partner.profile section.rich-text h5,
body.partner.profile section.rich-text h6 { color: #6C6E71; }

table.icons td:first-child { width: 7%; padding-right: 1.33%; }
table.icons img.icon { width: 100%; }

section.accordion { border-bottom: 1px solid #00aeef; }
section.accordion .item { border-top: 1px solid #00aeef; border-left: 1px solid #00aeef; border-right: 1px solid #00aeef; }
section.accordion .item > .title { padding: 12px 12px; font-weight: bold; cursor: pointer; }
body .page section.accordion .item.active > .title { color: #00aeef; }
section.accordion .item > .title::before { content: "+"; display: inline-block; width: 18px; height: 18px; line-height: 18px; border-radius: 9px; margin-right: 12px; background-color: #00aeef; font-family: Arial, sans-serif; font-size: 22px; color: #fff; text-align: center; }
section.accordion .item.active > .title::before { content: "\2212"; background-color: #00aeef; }
section.accordion .content { display: none; border-top: 1px solid #00aeef; padding: 12px 12px 24px; }
section.accordion .content p:first-child { margin-top: 0; }
section.accordion .content p:last-child { margin-bottom: 0; }
body.grey section.accordion { border-color: #77777a; }
body.grey section.accordion .item { border-color: #77777a; }
body.grey .page section.accordion .item.active > .title { color: #77777a; }
body.grey section.accordion .item.active > .title::before { background-color: #77777a; }
body.grey section.accordion .item > .title { color: #77777a; border-color: #77777a; }
body.grey section.accordion .item > .title::before { background-color: #77777a; }
body.grey section.accordion .content { border-color: #77777a; }
body.grey .accordion a { color: #77777a; }
body.magenta section.accordion { border-color: #ec008c; }
body.magenta section.accordion .item { border-color: #ec008c; }
body.magenta .page section.accordion .item.active > .title { color: #ec008c; }
body.magenta section.accordion .item.active > .title::before { background-color: #ec008c; }
body.magenta section.accordion .item > .title { color: #ec008c; border-color: #ec008c; }
body.magenta section.accordion .item > .title::before { background-color: #ec008c; }
body.magenta section.accordion .content { border-color: #ec008c; }
body.magenta .accordion a { color: #ec008c; }
body.cyan section.accordion { border-color: #00aeef; }
body.cyan section.accordion .item { border-color: #00aeef; }
body.cyan .page section.accordion .item.active > .title { color: #00aeef; }
body.cyan section.accordion .item.active > .title::before { background-color: #00aeef; }
body.cyan section.accordion .item > .title { color: #00aeef; border-color: #00aeef; }
body.cyan section.accordion .item > .title::before { background-color: #00aeef; }
body.cyan section.accordion .content { border-color: #00aeef; }
body.cyan .accordion a { color: #00aeef; }
body.green section.accordion { border-color: #65ba30; }
body.green section.accordion .item { border-color: #65ba30; }
body.green .page section.accordion .item.active > .title { color: #65ba30; }
body.green section.accordion .item.active > .title::before { background-color: #65ba30; }
body.green section.accordion .item > .title { color: #65ba30; border-color: #65ba30; }
body.green section.accordion .item > .title::before { background-color: #65ba30; }
body.green section.accordion .content { border-color: #65ba30; }
body.green .accordion a { color: #65ba30; }
body.purple section.accordion { border-color: #742e98; }
body.purple section.accordion .item { border-color: #742e98; }
body.purple .page section.accordion .item.active > .title { color: #742e98; }
body.purple section.accordion .item.active > .title::before { background-color: #742e98; }
body.purple section.accordion .item > .title { color: #742e98; border-color: #742e98; }
body.purple section.accordion .item > .title::before { background-color: #742e98; }
body.purple section.accordion .content { border-color: #742e98; }
body.purple .accordion a { color: #742e98; }
body.yellow section.accordion { border-color: #d4c400; }
body.yellow section.accordion .item { border-color: #d4c400; }
body.yellow .page section.accordion .item.active > .title { color: #d4c400; }
body.yellow section.accordion .item.active > .title::before { background-color: #d4c400; }
body.yellow section.accordion .item > .title { color: #d4c400; border-color: #d4c400; }
body.yellow section.accordion .item > .title::before { background-color: #d4c400; }
body.yellow section.accordion .content { border-color: #d4c400; }
body.yellow .accordion a { color: #d4c400; }
body.black section.accordion { border-color: #000000; }
body.black section.accordion .item { border-color: #000000; }
body.black .page section.accordion .item.active > .title { color: #000000; }
body.black section.accordion .item.active > .title::before { background-color: #000000; }
body.black section.accordion .item > .title { color: #000000; border-color: #000000; }
body.black section.accordion .item > .title::before { background-color: #000000; }
body.black section.accordion .content { border-color: #000000; }
body.black .accordion a { color: #000000; }

section.form .Error .type { font-weight: bold; color: #b00; }
section.form .Warning .type { font-weight: bold; color: #cc0; }
section.form .Notice .type { font-weight: bold; color: #00ADEF; }
section.form .field input[type="text"].invalid {border: 3px solid; border-color: #ff5050; background-color: #ffeeee; color: #ff5050;}

section.form .message { border: 2px solid #b00; border-radius: 12px; padding: 20px 20px 20px 40px; background-color: #fee; }
section.form .success .message { border: 2px solid #0b0; border-radius: 12px; padding: 20px 20px; background-color: #efe; }
section.form .success ul.message { padding: 20px 20px 20px 40px; }
section.form .message li { margin: 1% auto; }
section.form .message li.Error { color: #b00; }
section.form .message li.Warning { color: #f80; }
section.form .message li.Notice { color: #00b; }

.privacy-notice section.form .success { border: 2px solid #00adef; border-radius: 12px; padding: 20px 20px; }

section.form.columns form {  }

section.form.columns fieldset {  }
section.form form h2 { padding-top: 0; margin: 40px 0 0 0; }
section.form form fieldset h2 { padding-top: 0; margin-bottom: 0; }
section.form form fieldset:first-of-type h2 { margin-top: 0; }

section.form.columns .field { display: table-row; }
section.form .field label,
section.form .field .input { position: relative; padding-bottom: 8px; }
section.form.rows .field label,
section.form.rows .field .input { display: block; width: 100%; max-width: 640px; }
section.form.columns .field label,
section.form.columns .field .input { display: table-cell; vertical-align: top; }
section.form.columns .field label p { margin: 6px 0; }
section.form.rows .field label { margin-top: 40px; }
section.form.rows .field label p:last-child { margin-bottom: 0; }
section.form.columns .field label { width: 320px; padding-right: 8px; }
section.form.columns .field .input { width: 640px; }
.privacy-notice section.form.columns .field .input { width: auto; }
section.form .field select,
section.form .field input[type="text"],
section.form .field input[type="email"],
section.form .field input[type="tel"],
section.form .field input[type="url"],
section.form .field input[type="password"],
section.form .field input[type="file"],
section.form.columns .field .radios,
section.form .field textarea { width: 100%; border: 1px solid #E2F4FD; border-radius: 0; padding: 6px 8px; background-color: #E2F4FD; color: #00ADEF; -webkit-appearance: none; transition: border 0.2s; }
section.form.columns .field .radios { color: #6C6E71; }
section.form .field select:focus,
section.form .field input[type="text"]:focus,
section.form .field input[type="email"]:focus,
section.form .field input[type="tel"]:focus,
section.form .field input[type="url"]:focus,
section.form .field input[type="password"]:focus,
section.form .field input[type="file"]:focus,
section.form .field textarea:focus { outline: none; border: 1px solid #00ADEF; }
section.form .select { position: relative; width: 100%; margin: 0; }


section.form .select::before { content: ""; position: absolute; top: 4px; bottom: 4px; right: 4px; width: 82px; background: url(../img/drop-down-blue-bg.png) no-repeat right center; pointer-events: none; }
section.form .select::after { content: ""; position: absolute; top: 1px; bottom: 1px; right: 1px; width: 82px; background: url(../img/drop-down-blue-arrow.png) no-repeat right center / 50%; pointer-events: none; }
section.form .field label.required::before,
section.form td.title.required::before { content: "*"; position: absolute; left: -0.75em; line-height: 150%; color: #b00; }

section.form .field .radios .radio { position: relative; }
section.form .field .radios input[type="radio"] { position: absolute; top: 50%; transform: translateY(-50%); width: 28px; margin: 0; background-color: transparent; cursor: pointer; }
section.form .field .radios label { display: inline-block; width: 100%; margin: 0 0 0 28px; padding: 9px 28px 9px 7px; cursor: pointer; }
section.form .field .radios .radio.other label { width: auto; }
section.form .field .radios input[type="radio"]:hover + label,
section.form .field .radios label:hover { color: #000; }
section.form .field .radios input[type="radio"]:checked + label { color: #00ADEF; }

section.form.columns .field.checkbox { display: block; min-height: 48px; }
section.form .field.checkbox .input { position: absolute; display: block; width: 44px; height: 48px; padding: 0; background-color: #E2F4FD; cursor: pointer; }
section.form .field.checkbox .input input { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); margin: 0; cursor: pointer; }
section.form .field.checkbox label { display: block; width: auto; margin-left: 52px; cursor: pointer; }
section.form .field.checkbox label::after { content: ""; position: absolute; width: 44px; height: 48px; top: 0; left: -52px; cursor: pointer; }
section.form .field.checkbox label.required::before { left: -70px; }

section.form .field .short input,
section.form .field .short .select { width: 25%; }
section.form .field .medium input,
section.form .field .medium textarea,
section.form .field .medium .select { width: 50%; }
section.form .field .long input,
section.form .field .long .select { width: 100%; }
section.form .field .input.date { white-space: nowrap; }
section.form .field .date .select { display: inline-block; width: 50%; }
section.form .field .date input { width: 25%; }
section.form .field-help { width: 100%; }
section.form .field-help p { font-size: 20px; }
section.form .field-help p:first-child { margin-top: 0; }
section.form .actions { margin: 40px 0; }
section.form .actions input,
dialog button,
a.opportunity-apply-button { border: 1px solid #00ADEF; border-radius: 0; padding: 12px 24px; background-color: #00ADEF; font-size: 26px; font-weight: bold; color: #fff; -webkit-appearance: none; cursor: pointer; }
section.form .actions input:focus,
section.form .actions input:hover,
a.opportunity-apply-button:focus,
a.opportunity-apply-button:hover { background-color: #fff; color: #00ADEF; }

dialog { display: block; border: none; padding: 0; background: none; opacity: 0; transition: opacity .25s; overflow: visible; }
dialog p:first-child { margin-top: 0; }
dialog .popup { position: relative; z-index: 1; border: 3px solid #00ADEF; border-radius: 8px; padding: 26px; background-color: #fff; box-shadow: 0 0 32px rgba(0,0,0,.5); color: #6C6E71; }
dialog[open] { opacity: 1; }
dialog[open].closing { opacity: 0; }

dialog::backdrop { background: none; }
dialog .backdrop { pointer-events: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #000; opacity: 0; transition: opacity .25s; }
dialog[open] .backdrop { opacity: .5; pointer-events: auto; }

dialog button { margin: 0 0 26px 0; border-radius: 4px; border: 3px solid #00ADEF; font-weight: normal; background-color: #00ADEF; color: #fff; }
dialog button:hover { background-color: #fff; color: #00ADEF; }
dialog button:focus,
dialog button:focus-visible { border-color: #000; outline: none; }
dialog button:focus:hover,
dialog button:focus-visible:hover { border-color: #00ADEF; }
dialog .checkbox { display: flex; align-items: center; font-size: 80%; color: #A8ABAF; }
dialog input[type=checkbox] { width: 24px; height: 24px; accent-color: #00ADEF; }

body.green section.form .actions input,
body.green a.opportunity-apply-button { border: 1px solid #65ba30; background-color: #65ba30; color: #fff; }
body.green section.form .actions input:focus,
body.green section.form .actions input:hover,
body.green a.opportunity-apply-button:focus,
body.green a.opportunity-apply-button:hover { background-color: #fff; color: #65ba30; }


iframe.thrive { border: 1px solid #eee; width: 100%; height: 800px; max-width: 1280px; }

section.form .actions .g-recaptcha { margin-bottom: 24px; }

section.form .group table { width: 100%; border-collapse: collapse; margin-bottom: 32px; }
section.form .group table th { border: 1px solid #fff; background-color: #eee; padding: 4px 6px; font-weight: normal; }
section.form .group table td { position: relative; border-bottom: 1px solid #eee; padding: 8px 0; text-align: center; }
section.form .group table th:first-child,
section.form .group table td:first-child { text-align: left; }
section.form .group label { position: absolute; top: 0; left: 0; bottom: 0; right: 0; cursor: pointer; }
section.form .group table td:hover { background-color: #E2F4FD; }
section.form .group table td:first-child:hover { background-color: transparent; }

.privacy-notice section.form.columns .consent-field-local .radio:nth-child(3) { display: none; }
.privacy-notice section.form.columns .consent-request-field { display: none; }
.privacy-notice section.form.columns .consent-request-field textarea[name="ConsentRequest"] { height: 220px; }
.privacy-notice section.form.columns .consent-request-field.show { display: table-row; }

.page > h1,
.page > h2.slogan { display: block; margin: 0; font-size: 80px; font-weight: normal; text-align: center; color: #00ADEF; }
.page > h1 a { text-decoration: none; }
.page > h1 a:hover { text-decoration: underline; }
.page > h3 { display: block; font-size: 26px; font-weight: normal; text-align: center; color: #909090; }

.page > h1 .text-normal { color: #909090; }

.intro { border-top: none; padding: 0 28px 14px; font-size: 34px; line-height: 145%; text-align: center; color: #909090; }
.intro { margin-bottom: 40px; border-bottom: 1px solid #BFC0C1; }

.quote { width: 31.08%; margin-bottom: 2.25%; color: #00adef; }
.quote.left { float: left; margin-right: 2.25%; border-right: 1px solid #00adef; padding-right: 2.25%; }
.quote.right { float: right; margin-left: 2.25%; border-left: 1px solid #00adef; padding-left: 2.25%; }
.quote p:first-child { margin-top: 0; }
.quote p:last-child { margin-bottom: 0; }
body.grey .quote { color: #77777a; }
body.grey .quote.left,
body.grey .quote.right { border-color: #77777a; }
body.magenta .quote { color: #ec008c; }
body.magenta .quote.left,
body.magenta .quote.right { border-color: #ec008c; }
body.cyan .quote { color: #00aeef; }
body.cyan .quote.left,
body.cyan .quote.right { border-color: #00aeef; }
body.green .quote { color: #65ba30; }
body.green .quote.left,
body.green .quote.right { border-color: #65ba30; }
body.purple .quote { color: #742e98; }
body.purple .quote.left,
body.purple .quote.right { border-color: #742e98; }
body.yellow .quote { color: #d4c400; }
body.yellow .quote.left,
body.yellow .quote.right { border-color: #d4c400; }
body.black .quote { color: #000000; }
body.black .quote.left,
body.black .quote.right { border-color: #000000; }


.ellipsis { overflow: hidden; }

.tile.side-image .text { position: absolute; top: 0; bottom: 0; width: 100%; }

.tileset { position: relative; padding-top: 0; margin-bottom: 20px; border-bottom: 1px solid #bfc0c1; padding-bottom: 40px; overflow: hidden; }
.tileset-rows { margin: -1.5%; }

.tile { position: relative; float: left; }
.tile.grid-04 { width: 33.33%; }
.tile.grid-08 { width: 66.66%; }
.tile.grid-12 { width: 99.99%; }

.tile:before { content: ""; display: block; }
.tile.grid-04:before { padding-top: 99.99%; }
.tile.grid-08:before { padding-top: 50.00%; }
.tile.grid-12:before { padding-top: 33.33%; }

.tile-spacing {position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.grid-04 .tile-spacing { padding: 4.5%; }
.grid-08 .tile-spacing { padding: 2.25%; }
.grid-12 .tile-spacing { padding: 1.5%; }

.tile a.title,
.tile a.type { display: block; }

.tile-content { position: relative; display: block; width: 100%; height: 100%; overflow: hidden; color: #6C6E71; text-decoration: none; transition: background-color 0.2s, color 0.2s; }
.tile.image .text,
.tile .tile-caption { position: absolute; left: 0; right: 0; bottom: 0; height: 33.33%; padding: 6% 8.5%; background-color: rgba(0,0,0,0.25); color: #fff; transition: background-color 0.2s; }

.partner-tile .title { position: relative; }
.title-icons { float: right; width: 18%; }
.title-icons::after {
  content: "\00a0";
  background: url(/img/phone.svg) no-repeat center right / 35% auto, url(/img/email.svg) no-repeat center right / 35% auto;
  background-position: 30% 45%, 100% 45%;
  position: absolute;
  right: -5.5%;
  width: 25%;
  opacity: 0.8;
}

.tile.image .text::after,
.tile .tile-caption::after { content:""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: url(../svg/half-o.svg) no-repeat 0 12% / 4.5% auto; }
.tile .title { font-size: 35px; line-height: 110%; word-break: break-word; }
.tile .summary { font-size: 24px; }
.tileset.offices .tile.type-bar-image.bt .text .summary { font-size: 22px; }
.tile .summary em { font-family: 'Hind Light', Arial, sans-serif; }

.tile.ot a.tile-content:hover { color: #000; }

.tile .tile-content .image { width: auto; }
.tile.image img,
.tile .image img { display: block; width: 100%; }
.tile.image .text,
.tile.image .tile-caption { padding: 2% 8.5% 1%; font-size: 18px; }
.tile.image a:hover .text,
.tile.image a:hover .tile-caption { background-color: rgba(0,0,0,0.8); }
.tile.image .type { margin: 3% 0 0 0; }
.tile.image.title-first .type { margin: 0; }
.tile.image .title { margin-left: -0.75%; font-size: 32px; margin-bottom: 5px; margin-top: 4px;}
.tile.image.type-first .title { font-size: 34px; }
.tile.image.type-first .summary { display: none; }
.tile.image .summary { font-size: 22px; }
.tile.image .summary p { margin: 0; }

.tile.text .tile-content:before { content:""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; border-left: 1px solid #000; }
.tile.text .tile-content:hover { color: #000; }
.tile.text .text { position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding-bottom: 4.5%; }
.tile.text .type { position: relative; display: flex; flex-direction: column; justify-content: center; /*height: 16.25%; padding: 0 6.5%;*/ padding: 4.1% 6.5%; font-family: 'Hind Medium'; font-size: 23px; color: #fff; transition: background-color 0.2s; }
.tile.text .title { padding: 5% 6.5%; font-size: 38px; }
.tile.text .summary { padding: 0 6.5%; }
.tile.text .summary p { margin: 26px 0 0 0; }
.tile.text .summary p:first-child { margin: 0; }
.tile.text .summary ul { margin: 0; }
.tile.text .summary ul li { margin: 12px 0 0 0; }
.tile.text .image { display: none; }

.tile.hide-type .type { display: none; }

.tile.specialties .summary strong { font-family: 'Hind Light', Arial, sans-serif; font-weight: normal; color: #00aeef; }
.tile.specialties.side-image.bt.grey .title { position: relative; z-index: 1; color: #00aeef; }
.tile.specialties.side-image.bt.grey .summary { position: relative; z-index: 1; }
.tile.specialties.type-bar-image.bt.cyan .tile-content:hover .image::after { background-color: rgba(119, 119, 122,1); }
.tile.specialties.type-bar-image.bt.cyan .tile-content:hover .text .type { background-color: rgba(0, 174, 239,0.8); }
.tile.specialties.grid-08.side-image .text { background: url(../img/our-specialties.png); background-size: 100%; }
.tile.specialties.grid-08.side-image .tile-content .text::after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0, 0, 0, 0); transition: background-color 0.2s; }
.tile.specialties.grid-08.side-image .tile-content:hover .text::after { background-color: rgba(0, 0, 0, 0.2); }

.grid-08.tile.text .type { padding: 2.05% 3.25%; }
.grid-08.tile.text .title { padding: 2.5% 3.25%; }
.grid-08.tile.text .summary { padding: 0 3.25%; }

.tile.social .tile-content:hover { color: #000; }
.tile.social .tile-content::before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; border-left: 1px solid #000; }
.tile.social .text { position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding-bottom: 12%; color: #6C6E71; }
.tile.social .text a { color: #6C6E71; }
.tile.social .text a:hover { color: #000; }
.tile.social .type { position: relative; display: flex; flex-direction: column; justify-content: center; /*height: 16.25%; padding: 0 6.5%;*/ padding: 4.1% 6.5%; font-family: 'Hind Medium'; font-size: 23px; color: #fff; transition: background-color 0.2s; }
.tile.social .type:before { content:""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: url(../svg/half-o.svg) no-repeat left center / 4.5% auto; opacity: 0.65; }
.tile.social .type .icons { position: absolute; top: 0; right: 0; left: 0; bottom: 0; margin: 0; padding: 0 2% 0 0; list-style: none; text-align: right; font-size: 0; }
.tile.social .type .icons li { /*position: relative;*/ display: inline-block; width: 13.5%; height: 100%; text-indent: 100%; cursor: pointer; }
.tile.social .type .icons li a { display: block; height: 100%; /*position: absolute; top: 0; bottom: 0; right: 0; left: 0;*/ }
.tile.social .type .icons li.boyden { background: url(../img/social/boyden-white.svg) no-repeat center / 80% auto; }
.tile.social .type .icons li.boyden:hover { background: url(../img/social/boyden-black.svg) no-repeat center / 80% auto; }
.tile.social .type .icons li.twitter { background: url(../img/social/twitter-white.svg) no-repeat center / 80% auto; }
.tile.social .type .icons li.twitter:hover { background: url(../img/social/twitter-black.svg) no-repeat center / 80% auto; }
.tile.social .type .icons li.facebook { background: url(../img/social/facebook-white.svg) no-repeat center / 80% auto; }
.tile.social .type .icons li.facebook:hover { background: url(../img/social/facebook-black.svg) no-repeat center / 80% auto; }
.tile.social .type .icons li.linkedin { background: url(../img/social/linkedin-white.svg) no-repeat center / 80% auto; }
.tile.social .type .icons li.linkedin:hover { background: url(../img/social/linkedin-black.svg) no-repeat center / 80% auto; }
.tile.social .type .icons li.xing { background: url(../img/social/xing-white.svg) no-repeat center / 80% auto; }
.tile.social .type .icons li.xing:hover { background: url(../img/social/xing-black.svg) no-repeat center / 80% auto; }

.tile.social .title { padding: 8% 6.5% 4% 6.5%; font-size: 27px; color: #000; }
.tile.social .summary { padding: 0 6.5%; }
.tile.social .text .summary .time { display: block; margin-bottom: 4px; color: #000; }
.tile.social .summary p { margin: 26px 0 0 0; }
.tile.social .summary p:first-child { margin: 0; }
.tile.social .summary ul { margin: 0; }
.tile.social .summary ul li { margin: 12px 0 0 0; }
.tile.social .pager { position: absolute; left: 6.5%; bottom: 0; }
.tile.social .image { display: none; }
.tile.social.grey .title a { color: #77777a; }
.tile.social.grey .title a:hover { color: #000; }
.tile.social.grey .type { background-color: #77777a; }
.tile.social.grey .tile-content:before { border-color: #77777a; }
.tile.social.magenta .title a { color: #ec008c; }
.tile.social.magenta .title a:hover { color: #000; }
.tile.social.magenta .type { background-color: #ec008c; }
.tile.social.magenta .tile-content:before { border-color: #ec008c; }
.tile.social.cyan .title a { color: #00aeef; }
.tile.social.cyan .title a:hover { color: #000; }
.tile.social.cyan .type { background-color: #00aeef; }
.tile.social.cyan .tile-content:before { border-color: #00aeef; }
.tile.social.green .title a { color: #65ba30; }
.tile.social.green .title a:hover { color: #000; }
.tile.social.green .type { background-color: #65ba30; }
.tile.social.green .tile-content:before { border-color: #65ba30; }
.tile.social.purple .title a { color: #742e98; }
.tile.social.purple .title a:hover { color: #000; }
.tile.social.purple .type { background-color: #742e98; }
.tile.social.purple .tile-content:before { border-color: #742e98; }
.tile.social.yellow .title a { color: #d4c400; }
.tile.social.yellow .title a:hover { color: #000; }
.tile.social.yellow .type { background-color: #d4c400; }
.tile.social.yellow .tile-content:before { border-color: #d4c400; }
.tile.social.black .title a { color: #000000; }
.tile.social.black .title a:hover { color: #000; }
.tile.social.black .type { background-color: #000000; }
.tile.social.black .tile-content:before { border-color: #000000; }

.tile.banner .image { height: 30%; overflow: hidden; }
.tile.banner .text { position: absolute; top: 30%; left: 0; right: 0; bottom: 0; border-left: 1px solid #000; padding-bottom: 5%; transition: color 0.2s; }
.tile.banner .text .type { padding: 4.25% 6.75% 2%; font-family: 'Hind Medium'; font-size: 23px; }
.tile.banner .text .type::after { content:""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: url(../svg/half-o.svg) no-repeat 0 4.5% / 4.5% auto; }
.tile.banner .text .title { padding: 0 6.75% 4.5%; font-size: 35px; }
.tile.banner .text .summary { padding: 0 6.75%; }
.tile.banner .text .summary p { margin: 0; }
.tile.banner .tile-content:hover .text { color: #000; }

.tile.type-bar-image.bt .image::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.30); transition: background-color 0.2s; }
.tile.type-bar-image.bt .text { position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding: 0 0 4% 0; }
.tile.type-bar-image.bt .text .type { position: relative; height: 16%; padding: 4% 7.5%; background-color: rgba(0,0,0,0.50); font-size: 23px; font-family: 'Hind Medium'; color: #fff; transition: background-color 0.2s; }
.grid-08.tile.type-bar-image.bt .text .type { height: 16%; padding: 2% 3.75% 0; }
.tile.type-bar-image.bt .text .type::after { content:""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: url(../svg/half-o.svg) no-repeat 0 40% / 4.5% auto; }
.grid-08.tile.type-bar-image.bt .text .type::after { background-size: 2.25% auto; }
.tile.type-bar-image.bt .text .title { padding: 3.5% 7.5%; font-size: 35px; color: #fff; /*text-shadow: 0 0 16px rgba(0,0,0,1);*/ }
.grid-08.tile.type-bar-image.bt .text .title { padding: 1.75% 3.75%; }
.tile.type-bar-image.bt .text .summary { padding: 0 7.5%; font-size: 25px; line-height: 128%; color: #fff; opacity: 0; transition: opacity 0.2s; }
.grid-08.tile.type-bar-image.bt .text .summary {  padding: 0 3.75%; }
.tile.type-bar-image.bt .text .summary p { margin: 0; }
.tile.type-bar-image.bt .tile-content:hover .title { text-shadow: none; }
.tile.type-bar-image.bt.always-show-text .text .summary,
.tile.type-bar-image.bt .tile-content:hover .summary { opacity: 1; }
.tile.type-bar-image.bt .tile-content:hover .image::after { background-color: rgba(0,0,0,1); }

.tile.alt-sizes .text .type,
.tile.type-bar-image.bt.alt-sizes .text .type { padding: 2.5% 7.5%; font-family: 'Hind Medium'; font-size: 30px; font-weight: normal; }
.tile.alt-sizes .text .title,
.tile.type-bar-image.bt.alt-sizes .text .title { font-size: 110%; line-height: 130%; }
.tile.type-bar-image.bt.title-on-hover .image::after { background-color: rgba(0,0,0,0); }
.tint-tiles .tile.grey.type-bar-image.bt.title-on-hover .image::after { background-color: rgba(119, 119, 122,0.3); }
.tint-tiles .tile.magenta.type-bar-image.bt.title-on-hover .image::after { background-color: rgba(236, 0, 140,0.3); }
.tint-tiles .tile.cyan.type-bar-image.bt.title-on-hover .image::after { background-color: rgba(0, 174, 239,0.3); }
.tint-tiles .tile.green.type-bar-image.bt.title-on-hover .image::after { background-color: rgba(101, 186, 48,0.3); }
.tint-tiles .tile.purple.type-bar-image.bt.title-on-hover .image::after { background-color: rgba(116, 46, 152,0.3); }
.tint-tiles .tile.yellow.type-bar-image.bt.title-on-hover .image::after { background-color: rgba(212, 196, 0,0.3); }
.tint-tiles .tile.black.type-bar-image.bt.title-on-hover .image::after { background-color: rgba(0, 0, 0,0.3); }
.tile.type-bar-image.bt.title-on-hover .text .title { opacity: 0; transition: opacity 0.2s; }
.tile.type-bar-image.bt.title-on-hover .tile-content:hover .title { opacity: 1; }

.tile.type-bar-image.bt.no-hover.no-shade .tile-content .image::after { background-color: rgba(255,255,255,0); }

.tile-quote { font-size: 67%;  line-height: 133%; }

.tile .tile-content .text .summary img { width: 100%; opacity: 0; transition: opacity 0.25s; }
.tile.more-img-top-padding .tile-content .text .summary img { margin-top: 5%; }
.tile .tile-content:hover .text .summary img { opacity: 1; }

.tile.title-bar-image.bt .image::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; transition: background-color 0.2s; }
.tile.title-bar-image.bt .text { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.tile.title-bar-image.bt .text .type { position: relative; height: 10.5%; border-top: 1px solid #000; padding: 1% 0; background-color: #fff; font-family: 'Hind Medium'; font-size: 20px; }
.tile.title-bar-image.bt .text .title { height: 16%; padding: 3% 4.75%; background-color: rgba(0,0,0,0.8); font-size: 35px; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: background-color 0.2s; }
.tile.title-bar-image.bt.no-title-ellipsis .text .title { text-overflow: clip; }
.tile.title-bar-image.bt .text .summary { padding: 5% 7.5%; font-size: 25px; line-height: 128%; color: #fff; opacity: 0; transition: opacity 0.2s; }
.tile.title-bar-image.bt .text .summary p { margin: 0; }
.tile.title-bar-image.bt .tile-content:hover .summary { opacity: 1; }
.tile.title-bar-image.bt .tile-content:hover .image::after { background-color: rgba(0,0,0,1); }

/* text-only */
.tile.text-only.ot .text { position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-left: 1px solid #000; transition: border-color 0.2s; }
.tile.text-only.ot.testimonial .tile-content:hover .text { border-color: #000; }
.tile.text-only.ot .text .type { position: relative; padding: 2% 4.5%; background-color: #fff; font-family: 'Hind Medium'; font-size: 20px; }
.tile.text-only.ot .text .title { padding: 5% 4.75%; font-size: 36px; transition: color 0.2s; }
.tile.text-only.ot .text .summary { padding: 0 4.75%; font-size: 25px; line-height: 126%; transition: color 0.2s; }
.tile.text-only.ot .text.testimonial .summary { transition: color 0.2s; }
.tile.text-only.ot .text .summary p { margin: 0; }

.tile.text-only.ot.testimonial .summary { padding: 3% 4.75%; font-size: 36px; line-height: 118%; }
.tile.text-only.ot.testimonial .tile-content:hover .text { color: #000; }

section.rich-text.image-margin { margin-bottom: 40px; border-bottom: 1px solid #BFC0C1; padding-bottom: 40px; }
section.rich-text.image-margin h2 { margin-left: 36.5%; padding-top: 0; margin-bottom: 26px; }
section.rich-text.image-margin p { margin-left: 36.5%; }

/* New Executive Search page stylings */

blockquote { background: no-repeat left/6% transparent url(../img/quote.png); background-position-x: left; background-position-y: center; background-position-x: left; background-position-y: top; padding: 1px 40px 10px 20px; }
blockquote.cyan { color: #00aeef; }
@media (max-width: 700px) {
    blockquote { padding: 0px 40px 10px 10px; }
}
blockquote:hover { color: #000; }

.tile.text-only.ot.testimonial {
    background: no-repeat left/14% transparent url(../img/quote.png);
    background-position-x: left;
    background-position-y: center;
    background-size: 14%;
    background-size: 20%;
    background-position: 22px 20px;
}

.tile.text-only.ot.testimonial .text { top: .25em; border: 0; }
.tile.text-only.ot.testimonial .tile-content:hover .text { color: #77777a; }
.tile.text-only.ot.testimonial .tile-content:hover .text { color: #ec008c; }
.tile.text-only.ot.testimonial .tile-content:hover .text { color: #00aeef; }
.tile.text-only.ot.testimonial .tile-content:hover .text { color: #65ba30; }
.tile.text-only.ot.testimonial .tile-content:hover .text { color: #742e98; }
.tile.text-only.ot.testimonial .tile-content:hover .text { color: #d4c400; }
.tile.text-only.ot.testimonial .tile-content:hover .text { color: #000000; }

.columns2_header,
.columns_header { list-style-type: none; font-size: 1.1em; font-weight: bold; margin-left: -1.2em; }
.columns2_spacer,
.columns_spacer { list-style-type: none; }

.less-padding .tile-spacing { position: relative; }

.less-padding .tile.grid-04::before { padding-top: unset; }

.less-padding .tile.text-only.ot .text { position: relative; }

.clamp { display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical; overflow: hidden; }

/* End new Executive Search page stylings */


/* simple outline border - show type/title/summary on hover */
.tile.border a { border-top: 1px solid #000; border-left: 1px solid #000; }
.tile.border.grey .tile-content { border-top: 1px solid #77777a; border-left: 1px solid #77777a; }
.tile.border.grey a.tile-content:hover { border-color: #000; }
.tile.border.magenta .tile-content { border-top: 1px solid #ec008c; border-left: 1px solid #ec008c; }
.tile.border.magenta a.tile-content:hover { border-color: #000; }
.tile.border.cyan .tile-content { border-top: 1px solid #00aeef; border-left: 1px solid #00aeef; }
.tile.border.cyan a.tile-content:hover { border-color: #000; }
.tile.border.green .tile-content { border-top: 1px solid #65ba30; border-left: 1px solid #65ba30; }
.tile.border.green a.tile-content:hover { border-color: #000; }
.tile.border.purple .tile-content { border-top: 1px solid #742e98; border-left: 1px solid #742e98; }
.tile.border.purple a.tile-content:hover { border-color: #000; }
.tile.border.yellow .tile-content { border-top: 1px solid #d4c400; border-left: 1px solid #d4c400; }
.tile.border.yellow a.tile-content:hover { border-color: #000; }
.tile.border.black .tile-content { border-top: 1px solid #000000; border-left: 1px solid #000000; }
.tile.border.black a.tile-content:hover { border-color: #000; }
.tile.border .image img { display: block; width: 75%; margin: 12.5%; }
.tile.border .text { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.tile.border .text .type { position: relative; height: 16%; padding: 4% 7.5%; background-color: rgba(0,0,0,0.50); font-size: 20px; color: #fff; opacity: 0; transition: background-color 0.2s, opacity 0.2s; }
.tile.border .text .type::after { content:""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: url(../svg/half-o.svg) no-repeat 0 40% / 4.5% auto; }
.tile.border .text .title { padding: 3.5% 7.5%; font-size: 35px; color: #fff; /*text-shadow: 0 0 16px rgba(0,0,0,1);*/ opacity: 0; transition: opacity 0.2s; }
.tile.border .text .summary { padding: 0 7.5%; font-size: 25px; line-height: 128%; color: #fff; opacity: 0; transition: opacity 0.2s; }
.tile.border .text .summary p { margin: 0; }
.tile.border.hover .image::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; transition: background-color 0.2s; }
.tile.border.hover .tile-content:hover .type,
.tile.border.hover .tile-content:hover .title,
.tile.border.hover .tile-content:hover .summary { opacity: 1; }
.tile.border.hover .tile-content:hover .image::after { background-color: rgba(0,0,0,1); }
.tile.border.hover.grey a:hover { border-color: #77777a; }
.tile.border.hover.grey .tile-content:hover .image::after { background-color: rgba(119, 119, 122,1); }
.tile.border.hover.magenta a:hover { border-color: #ec008c; }
.tile.border.hover.magenta .tile-content:hover .image::after { background-color: rgba(236, 0, 140,1); }
.tile.border.hover.cyan a:hover { border-color: #00aeef; }
.tile.border.hover.cyan .tile-content:hover .image::after { background-color: rgba(0, 174, 239,1); }
.tile.border.hover.green a:hover { border-color: #65ba30; }
.tile.border.hover.green .tile-content:hover .image::after { background-color: rgba(101, 186, 48,1); }
.tile.border.hover.purple a:hover { border-color: #742e98; }
.tile.border.hover.purple .tile-content:hover .image::after { background-color: rgba(116, 46, 152,1); }
.tile.border.hover.yellow a:hover { border-color: #d4c400; }
.tile.border.hover.yellow .tile-content:hover .image::after { background-color: rgba(212, 196, 0,1); }
.tile.border.hover.black a:hover { border-color: #000000; }
.tile.border.hover.black .tile-content:hover .image::after { background-color: rgba(0, 0, 0,1); }

.tile.split .tile-content .image { position: relative; }
.tile.split .tile-content .image::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; transition: background-color 0.2s; }
.tile.split .text { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.tile.split .text .type { position: relative; display: flex; flex-direction: column; justify-content: center; min-height: 16.666%; /*padding: 0 6.5%;*/ padding: 4.1% 6.5%; background-color: #fff; font-family: 'Hind Medium'; font-size: 23px; color: #fff; transition: background-color 0.2s; }
.tile.split .text .title { height: 33.333%; padding: 4.1% 6.5% 2% 6.5%; font-size: 32px; color: #fff; }
.tile.split .tile-content:hover .title { background-color: #000; }
.tile.split .tile-content:hover .image::after { background-color: rgba(0,0,0,0.3); }
.tile.split.top-image .tile-content .image { top: 16.666%; }
.tile.split.top-image .text .title { position: absolute; top: 66.666%; left: 0; right: 0; height: 33.333%; }
.tile.split.bottom-image .tile-content .image { top: 50%; }

.tile.split.grey .type { color: #77777a; }
.tile.split.grey .type::after { content:""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; border-top: 1px solid #77777a; background: url(../svg/half-o-grey.svg) no-repeat left center / 4.5% auto; }
.tile.split.grey .title { background-color: #77777a; transition: background-color 0.2s; }
.tile.split.magenta .type { color: #ec008c; }
.tile.split.magenta .type::after { content:""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; border-top: 1px solid #ec008c; background: url(../svg/half-o-magenta.svg) no-repeat left center / 4.5% auto; }
.tile.split.magenta .title { background-color: #ec008c; transition: background-color 0.2s; }
.tile.split.cyan .type { color: #00aeef; }
.tile.split.cyan .type::after { content:""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; border-top: 1px solid #00aeef; background: url(../svg/half-o-cyan.svg) no-repeat left center / 4.5% auto; }
.tile.split.cyan .title { background-color: #00aeef; transition: background-color 0.2s; }
.tile.split.green .type { color: #65ba30; }
.tile.split.green .type::after { content:""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; border-top: 1px solid #65ba30; background: url(../svg/half-o-green.svg) no-repeat left center / 4.5% auto; }
.tile.split.green .title { background-color: #65ba30; transition: background-color 0.2s; }
.tile.split.purple .type { color: #742e98; }
.tile.split.purple .type::after { content:""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; border-top: 1px solid #742e98; background: url(../svg/half-o-purple.svg) no-repeat left center / 4.5% auto; }
.tile.split.purple .title { background-color: #742e98; transition: background-color 0.2s; }
.tile.split.yellow .type { color: #d4c400; }
.tile.split.yellow .type::after { content:""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; border-top: 1px solid #d4c400; background: url(../svg/half-o-yellow.svg) no-repeat left center / 4.5% auto; }
.tile.split.yellow .title { background-color: #d4c400; transition: background-color 0.2s; }
.tile.split.black .type { color: #000000; }
.tile.split.black .type::after { content:""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; border-top: 1px solid #000000; background: url(../svg/half-o-black.svg) no-repeat left center / 4.5% auto; }
.tile.split.black .title { background-color: #000000; transition: background-color 0.2s; }

/* side-image */
.tile.grid-08.side-image.ot .tile-content:before { border-top: 1px solid #000; border-bottom: 1px solid #000; transition: border-color 0.2s; }
.tile.grid-08.side-image .text { padding: 1% 0 2% 0; }

.tile.grid-08.side-image.ot.left .tile-content:before { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: 0 0 0 50%; }
.tile.grid-08.side-image.left .image { position: absolute; top: -2.25%; width: 50%; }
.tile.grid-08.side-image.left .type { margin: 2.25% 2.25% 0 52.25%; }
.tile.grid-08.side-image.left .title { margin: 2.25% 2.25% 2.25% 52.25%; }
.tile.grid-08.side-image.left .summary { margin-left: 52.25%; margin-right: 2.25%; }

.tile.grid-08.side-image.ot.right .tile-content:before { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: 0 50% 0 0; }
.tile.grid-08.side-image.right .image { position: absolute; top: -2.25%; width: 50%; margin-left: 50%; }
.tile.grid-08.side-image.right .type { margin: 2.25% 52.25% 0 2.25%; }
.tile.grid-08.side-image.right .title { margin: 2.25% 52.25% 2.25% 2.25% }
.tile.grid-08.side-image.right .summary { margin-right: 52.25%; margin-left: 2.25%; }

.tile.grid-12.no-image.ot .tile-content:before {  content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; }

.tile.grid-12.no-image.ot .tile-content:before,
.tile.grid-12.side-image.ot .tile-content:before { border-top: 1px solid #000; border-bottom: 1px solid #000; transition: border-color 0.2s; }
.tile.grid-12.no-image.ot .text,
.tile.grid-12.side-image.ot .text { padding: 0.66% 0; }
.tile.grid-12.no-image.ot .text { position: absolute; top: 0; right: 0; bottom: 0; left: 0; }

.tile.grid-12.side-image.ot.left .tile-content:before { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: 0 0 0 32.8125%; }
.tile.grid-12.side-image.left .image { position: absolute; top: -2.25%; width: 32.8125%; }
.tile.grid-12.no-image .type { margin: 1.4% 1.625% 0 0; }
.tile.grid-12.side-image.left .type { margin: 1.4% 1.625% 0 34.3125%; }
.tile.grid-12.no-image .title { margin: 1.4% 1.625% 0 0; }
.tile.grid-12.side-image.left .title { margin: 1.4% 1.625% 0 34.3125%; }
.tile.grid-12.no-image .summary { margin-right: 3.375%; }
.tile.grid-12.side-image.left .summary { margin-left: 34.3125%; margin-right: 3.375%; }

.tile.grid-12.side-image.ot.right .tile-content:before { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: 0 33.33% 0 0; }
.tile.grid-12.side-image.right .image { position: absolute; top: -3.375%; width: 32.8125%; margin-left: 66.66%; }
.tile.grid-12.side-image.right .type { margin: 3.375% 36.705% 0 1.625%; }
.tile.grid-12.side-image.right .title { margin: 1.4% 36.705% 0 1.625%; }
.tile.grid-12.side-image.right .summary { margin-right: 36.705%; margin-left: 1.625%; }

.tile.grid-08.side-image.top-bottom-border.grey .tile-content { border-top: 1px solid #77777a; border-bottom: 1px solid #77777a; transition: border-color 0.2s, background-color 0.2s; }
.tile.grid-12.no-image.ot.grey .tile-content:before,
.tile.grid-12.side-image.ot.grey .tile-content:before { border-color: #77777a; transition: border-color 0.2s; }
.tile.grid-08.side-image.top-bottom-border.magenta .tile-content { border-top: 1px solid #ec008c; border-bottom: 1px solid #ec008c; transition: border-color 0.2s, background-color 0.2s; }
.tile.grid-12.no-image.ot.magenta .tile-content:before,
.tile.grid-12.side-image.ot.magenta .tile-content:before { border-color: #ec008c; transition: border-color 0.2s; }
.tile.grid-08.side-image.top-bottom-border.cyan .tile-content { border-top: 1px solid #00aeef; border-bottom: 1px solid #00aeef; transition: border-color 0.2s, background-color 0.2s; }
.tile.grid-12.no-image.ot.cyan .tile-content:before,
.tile.grid-12.side-image.ot.cyan .tile-content:before { border-color: #00aeef; transition: border-color 0.2s; }
.tile.grid-08.side-image.top-bottom-border.green .tile-content { border-top: 1px solid #65ba30; border-bottom: 1px solid #65ba30; transition: border-color 0.2s, background-color 0.2s; }
.tile.grid-12.no-image.ot.green .tile-content:before,
.tile.grid-12.side-image.ot.green .tile-content:before { border-color: #65ba30; transition: border-color 0.2s; }
.tile.grid-08.side-image.top-bottom-border.purple .tile-content { border-top: 1px solid #742e98; border-bottom: 1px solid #742e98; transition: border-color 0.2s, background-color 0.2s; }
.tile.grid-12.no-image.ot.purple .tile-content:before,
.tile.grid-12.side-image.ot.purple .tile-content:before { border-color: #742e98; transition: border-color 0.2s; }
.tile.grid-08.side-image.top-bottom-border.yellow .tile-content { border-top: 1px solid #d4c400; border-bottom: 1px solid #d4c400; transition: border-color 0.2s, background-color 0.2s; }
.tile.grid-12.no-image.ot.yellow .tile-content:before,
.tile.grid-12.side-image.ot.yellow .tile-content:before { border-color: #d4c400; transition: border-color 0.2s; }
.tile.grid-08.side-image.top-bottom-border.black .tile-content { border-top: 1px solid #000000; border-bottom: 1px solid #000000; transition: border-color 0.2s, background-color 0.2s; }
.tile.grid-12.no-image.ot.black .tile-content:before,
.tile.grid-12.side-image.ot.black .tile-content:before { border-color: #000000; transition: border-color 0.2s; }
.tile.grid-08.side-image.top-bottom-border .tile-content:hover { border-color: #000; }
.tile.grid-12.side-image.ot .tile-content:hover:before { border-color: #000; }

.tile.side-image .summary p { margin: 26px 0 0 0; }
.tile.grid-08.side-image .summary p:first-child { margin: 0; }

.tile.side-image .tile-content .image:before { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: transparent; transition: background-color 0.2s; }
.tile.side-image .tile-content:hover .image:before { background-color: rgba(0,0,0,0.2); }

/* wide */
.tile.grid-08.wide .tile-content:before { border-top: 1px solid #000; border-bottom: 1px solid #000; transition: border-color 0.2s; }

.tile.grid-12.wide.left .tile-content:before { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: 0 0 0 34.375%; }
.tile.grid-12.wide.left .image { position: absolute; top: -2.25%; width: 32.8125%; }
.tile.grid-12.wide.left .image::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; transition: background-color 0.2s; }
.tile.grid-12.wide.left a.image { z-index: 1; }
.tile.grid-12.wide.left .tile-content a.image:hover::after,
.tile.grid-12.wide.left a.tile-content:hover .image::after { background-color: rgba(0,0,0,0.2); }
.tile.grid-12.wide.left .text { position: absolute; top: 0; bottom: 0; width: 100%; padding: 0 0 1% 0; }
.tile.grid-12.wide.left .type { margin: 0.75% 2.25% 0 34.75%; font-family: 'Hind Medium'; font-size: 20px; transition: color 0.2s; }
.tile.grid-12.wide.left .title { margin: 1.4% 2.25% 0 34.75%; transition: color 0.2s; }
.tile.grid-12.wide.left .summary { margin: 1.4% 3.375% 0 34.75%; }
.tile.grid-12.wide.left .summary p { margin: 0; }

.current-opportunities .tile.grid-12.wide.left .summary p { margin: 26px 0; }

.tile.grid-12.wide.left.ot .tile-content:before { border-top: 1px solid #000; border-bottom: 1px solid #000; transition: border-color 0.2s; }

.tile.grid-12.wide.left.bt .tile-content { color: #fff; }
.tile.grid-12.wide.left.bt .type,
.tile.grid-12.wide.left.bt .title,
.tile.grid-12.wide.left.bt .summary { margin-left: 35.5%; }

.contact .copy { position: absolute; top: 0; right: 0; width: 40px; height: 40px; border: none; margin: 0; padding: 0; font-size: 0; cursor: pointer; opacity: 0; }
.contact .copy::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(../img/copy-white.svg) right center/24px no-repeat; transition: background 0.2s; }
.contact a:hover > .copy,
.contact span:hover > .copy { opacity: 1; transition: opacity 0.2s; }
.contact .copy:hover::after { background: url(../img/copy-black.svg) right center/24px no-repeat; }

.contact .office .copy::after { background: url(../img/copy-cyan.svg) right center/24px no-repeat; }
.contact .office .copy:hover::after,
.contact .office .copy:hover::after { background: url(../img/copy-black.svg) right center/24px no-repeat; }
.contact .office .copy { top: 2px; width: 56px; background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 255), rgba(255, 255, 255, 255)); }

.tile.grey .contact .copy { background-image: linear-gradient(to right, rgba(119, 119, 122, 0), rgba(119, 119, 122, 255), rgba(119, 119, 122, 255)); }
.tile.grey .contact a:hover .copy,
.tile.grey .contact span:hover .copy { transition: opacity 0.5s; }
.tile.magenta .contact .copy { background-image: linear-gradient(to right, rgba(236, 0, 140, 0), rgba(236, 0, 140, 255), rgba(236, 0, 140, 255)); }
.tile.magenta .contact a:hover .copy,
.tile.magenta .contact span:hover .copy { transition: opacity 0.5s; }
.tile.cyan .contact .copy { background-image: linear-gradient(to right, rgba(0, 174, 239, 0), rgba(0, 174, 239, 255), rgba(0, 174, 239, 255)); }
.tile.cyan .contact a:hover .copy,
.tile.cyan .contact span:hover .copy { transition: opacity 0.5s; }
.tile.green .contact .copy { background-image: linear-gradient(to right, rgba(101, 186, 48, 0), rgba(101, 186, 48, 255), rgba(101, 186, 48, 255)); }
.tile.green .contact a:hover .copy,
.tile.green .contact span:hover .copy { transition: opacity 0.5s; }
.tile.purple .contact .copy { background-image: linear-gradient(to right, rgba(116, 46, 152, 0), rgba(116, 46, 152, 255), rgba(116, 46, 152, 255)); }
.tile.purple .contact a:hover .copy,
.tile.purple .contact span:hover .copy { transition: opacity 0.5s; }
.tile.yellow .contact .copy { background-image: linear-gradient(to right, rgba(212, 196, 0, 0), rgba(212, 196, 0, 255), rgba(212, 196, 0, 255)); }
.tile.yellow .contact a:hover .copy,
.tile.yellow .contact span:hover .copy { transition: opacity 0.5s; }
.tile.black .contact .copy { background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 255), rgba(0, 0, 0, 255)); }
.tile.black .contact a:hover .copy,
.tile.black .contact span:hover .copy { transition: opacity 0.5s; }

.notification { position: fixed; bottom: 32px; left: 50%; transform: translateX(-50%); margin: auto; border-radius: 4px; background: rgba(0,0,0,0.75); padding: 12px 16px; color: #fff; z-index: 1000; opacity: 0; transition: opacity 0.5s; }
.notification.show { opacity: 1; }

.contact .phone,
.contact .email,
.contact .address,
.contact .linkedin { position: relative; }

.contact .phone .copy,
.contact .email .copy,
.contact .linkedin .copy { top: 50%; transform: translateY(-50%); }

.tile .summary .contact { margin-bottom: 1.4%; }
.tile .summary .contact .phone,
.tile .summary .contact .email,
.tile .summary .contact .address,
.tile .summary .contact .linkedin { display: block; padding-left: 4.5%; background: url(../img/phone.svg) no-repeat left center / 3.5% auto; line-height: 150%; }

.tile .summary .contact .phone { background-image: url(../img/phone.svg); }
.tile .summary .contact .email { background-image: url(../img/email.svg); }
.tile .summary .contact .address { background-image: url(../img/pin.svg); background-position: left 1.33%; }
.tile .summary .contact .linkedin { background-image: url(../img/linkedin.svg); }

.tile .summary .contact a.phone,
.tile .summary .contact a.email,
.tile .summary .contact a.address,
.tile .summary .contact a.linkedin { color: #fff; }

.tile .summary .contact a.phone:hover,
.tile .summary .contact a.email:hover,
.tile .summary .contact a.address:hover,
.tile .summary .contact a.linkedin:hover { color: #000; }

.tile.grid-04 .summary .contact .phone,
.tile.grid-04 .summary .contact .email,
.tile.grid-04 .summary .contact .address,
.tile.grid-04 .summary .contact .linkedin { padding: 2% 0 2% 13.5%; background-size: 11.25%; }
.tile.grid-04 .summary .contact .address { background-position: left 4%; line-height: 125%; }
.tile.grid-04.type-bar-image.bt.always-show-text .image::after { background-color: rgba(0,0,0,0.5); }


.tile.theme-color .tile-caption { background-color: rgba(0, 174, 239, 0.8); }
.tile.ot.theme-color .tile-content .type { color: rgba(0, 174, 239, 0.8); }
.tile.grid-12.wide.left.bt.theme-color .tile-content:before { background-color: #00aeef; }

body.grey .tile.theme-color .tile-caption { background-color: rgba(119, 119, 122, 0.8); }
body.grey .tile.ot.theme-color .tile-content .type { color: rgba(119, 119, 122, 0.8); }
.tile.grey .tile-caption { background-color: rgba(119, 119, 122, 0.8); }
.tile.text.grey .type { background-color: #77777a; }
.tile.text.grey .type::after { content:""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: url(../svg/half-o-white.svg) no-repeat left center / 4.5% auto; opacity: 0.65; }
.tile.image.grey .text { background-color: rgba(119, 119, 122, 0.8); }
.grid-08.tile.text.grey .type::after { background-size: 2.25% auto; }

.tile.text.grey .tile-content::before { border-color: #77777a; }

.tile.type-bar-image.bt.grey .text .type { background-color: rgba(119, 119, 122,0.80); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.tile.type-bar-image.bt.grey .tile-content:hover .text .type { background-color: rgba(255,255,255,0.3); }
.tile.type-bar-image.bt.grey .tile-content:hover .image::after { background-color: rgba(119, 119, 122,1); }

.tile.text.no-hover.grey .tile-content:hover { color: #77777a; }

.tile.text.outline.grey .tile-content::before,
.tile.type-bar-image.outline.grey .image::after { border: 1px solid #77777a; }
.tile.type-bar-image.bt.grey.white-bg .tile-content .text .title { color: #77777a; }
.tile.type-bar-image.bt.grey.no-hover .tile-content .text .type,
.tile.type-bar-image.bt.grey.alt-sizes .tile-content .text .type,
.tile.type-bar-image.bt.grey.no-hover .tile-content:hover .text .type { background-color: rgba(119, 119, 122,1); }
.tile.type-bar-image.bt.grey.no-hover .tile-content:hover .image::after { background-color: rgba(0,0,0,0); }

.tile.type-bar-image.bt.grey.alt-sizes .tile-content:hover .text .type { background-color: #a0a0a2; }
.tile.type-bar-image.bt.grey.no-hover .tile-content:hover .text .type { background-color: #77777a; }

.tile.outline-on-hover.type-bar-image.bt.grey .tile-content:hover .text .type { background-color: #77777a; }
.tile.title-on-hover.outline-on-hover.type-bar-image.bt.grey .tile-content .text .title { color: #77777a; }
.tile.title-on-hover.type-bar-image.grey .text .type { background-color: rgba(119, 119, 122,0.8); }
.tile.outline-on-hover.type-bar-image.bt.grey .tile-content:hover .image::after { border: 1px solid #77777a; background-color: #fff; }

.tile.title-bar-image.bt.grey .text .type { border-color: #77777a; color: #77777a; }
.tile.title-bar-image.bt.grey .text .title { background-color: rgba(119, 119, 122,0.8); }
.tile.title-bar-image.bt.grey .tile-content:hover .text .title { background-color: rgba(255,255,255,0.30); }
.tile.title-bar-image.bt.grey .tile-content:hover .image::after { background-color: rgba(119, 119, 122,1); }

.tile.text-only.ot.grey .text { border-color: #77777a; }
.tile.text-only.ot.grey .text div:first-child { color: #77777a; }

.tile.banner.grey .text { border-color: #77777a; }
.tile.banner.grey .text .type { color: #77777a; }
.tile.banner.grey .text .type::after { background-image: url(../svg/half-o-grey.svg); }

.tile.no-image.ot.grey .text > div:first-child,
.tile.side-image.ot.grey .text > div:first-child { color: #77777a; transition: color 0.2s; }
.tile.no-image.ot.grey .tile-content:hover .text > div:first-child,
.tile.side-image.ot.grey .tile-content:hover .text > div:first-child { color: #000; }
.tile.side-image.ot.grey.grid-08 .tile-content:before { border-color: #77777a; }
.tile.side-image.ot.grey.grid-08 a.tile-content:hover:before { border-color: #000; }

.tile.side-image.ot.grey .type { color: #77777a; }

.tile.side-image.bt.grey .tile-content { background-color: #77777a; color: #fff; transition: background-color 0.2s; }
.tile.side-image.bt.grey .tile-content:hover { background-color: #000; color: #fff; }
.tile.side-image.bt.grey .title { color: #fff; }


.tile.grid-12.wide.left.bt.grey .tile-content:before,
body.grey .tile.grid-12.wide.left.bt.theme-color .tile-content:before { background-color: #77777a; }

.tile.grid-12.wide.left.ot.grey .tile-content:before { border-color: #77777a; }
.tile.grid-12.wide.left.ot.grey .type { color: #77777a; }
.tile.grid-12.wide.left.ot.grey .title { color: #77777a; }
.tile.grid-12.wide.left.ot.grey a.tile-content:hover:before { border-color: #000; }
.tile.grid-12.wide.left.ot.grey a.tile-content:hover .type { color: #000; }
.tile.grid-12.wide.left.ot.grey a.tile-content:hover .title { color: #000; }
body.magenta .tile.theme-color .tile-caption { background-color: rgba(236, 0, 140, 0.8); }
body.magenta .tile.ot.theme-color .tile-content .type { color: rgba(236, 0, 140, 0.8); }
.tile.magenta .tile-caption { background-color: rgba(236, 0, 140, 0.8); }
.tile.text.magenta .type { background-color: #ec008c; }
.tile.text.magenta .type::after { content:""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: url(../svg/half-o-white.svg) no-repeat left center / 4.5% auto; opacity: 0.65; }
.tile.image.magenta .text { background-color: rgba(236, 0, 140, 0.8); }
.grid-08.tile.text.magenta .type::after { background-size: 2.25% auto; }

.tile.text.magenta .tile-content::before { border-color: #ec008c; }

.tile.type-bar-image.bt.magenta .text .type { background-color: rgba(236, 0, 140,0.80); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.tile.type-bar-image.bt.magenta .tile-content:hover .text .type { background-color: rgba(255,255,255,0.3); }
.tile.type-bar-image.bt.magenta .tile-content:hover .image::after { background-color: rgba(236, 0, 140,1); }

.tile.text.no-hover.magenta .tile-content:hover { color: #ec008c; }

.tile.text.outline.magenta .tile-content::before,
.tile.type-bar-image.outline.magenta .image::after { border: 1px solid #ec008c; }
.tile.type-bar-image.bt.magenta.white-bg .tile-content .text .title { color: #ec008c; }
.tile.type-bar-image.bt.magenta.no-hover .tile-content .text .type,
.tile.type-bar-image.bt.magenta.alt-sizes .tile-content .text .type,
.tile.type-bar-image.bt.magenta.no-hover .tile-content:hover .text .type { background-color: rgba(236, 0, 140,1); }
.tile.type-bar-image.bt.magenta.no-hover .tile-content:hover .image::after { background-color: rgba(0,0,0,0); }

.tile.type-bar-image.bt.magenta.alt-sizes .tile-content:hover .text .type { background-color: #f14daf; }
.tile.type-bar-image.bt.magenta.no-hover .tile-content:hover .text .type { background-color: #ec008c; }

.tile.outline-on-hover.type-bar-image.bt.magenta .tile-content:hover .text .type { background-color: #ec008c; }
.tile.title-on-hover.outline-on-hover.type-bar-image.bt.magenta .tile-content .text .title { color: #ec008c; }
.tile.title-on-hover.type-bar-image.magenta .text .type { background-color: rgba(236, 0, 140,0.8); }
.tile.outline-on-hover.type-bar-image.bt.magenta .tile-content:hover .image::after { border: 1px solid #ec008c; background-color: #fff; }

.tile.title-bar-image.bt.magenta .text .type { border-color: #ec008c; color: #ec008c; }
.tile.title-bar-image.bt.magenta .text .title { background-color: rgba(236, 0, 140,0.8); }
.tile.title-bar-image.bt.magenta .tile-content:hover .text .title { background-color: rgba(255,255,255,0.30); }
.tile.title-bar-image.bt.magenta .tile-content:hover .image::after { background-color: rgba(236, 0, 140,1); }

.tile.text-only.ot.magenta .text { border-color: #ec008c; }
.tile.text-only.ot.magenta .text div:first-child { color: #ec008c; }

.tile.banner.magenta .text { border-color: #ec008c; }
.tile.banner.magenta .text .type { color: #ec008c; }
.tile.banner.magenta .text .type::after { background-image: url(../svg/half-o-magenta.svg); }

.tile.no-image.ot.magenta .text > div:first-child,
.tile.side-image.ot.magenta .text > div:first-child { color: #ec008c; transition: color 0.2s; }
.tile.no-image.ot.magenta .tile-content:hover .text > div:first-child,
.tile.side-image.ot.magenta .tile-content:hover .text > div:first-child { color: #000; }
.tile.side-image.ot.magenta.grid-08 .tile-content:before { border-color: #ec008c; }
.tile.side-image.ot.magenta.grid-08 a.tile-content:hover:before { border-color: #000; }

.tile.side-image.ot.magenta .type { color: #ec008c; }

.tile.side-image.bt.magenta .tile-content { background-color: #ec008c; color: #fff; transition: background-color 0.2s; }
.tile.side-image.bt.magenta .tile-content:hover { background-color: #000; color: #fff; }
.tile.side-image.bt.magenta .title { color: #fff; }


.tile.grid-12.wide.left.bt.magenta .tile-content:before,
body.magenta .tile.grid-12.wide.left.bt.theme-color .tile-content:before { background-color: #ec008c; }

.tile.grid-12.wide.left.ot.magenta .tile-content:before { border-color: #ec008c; }
.tile.grid-12.wide.left.ot.magenta .type { color: #ec008c; }
.tile.grid-12.wide.left.ot.magenta .title { color: #ec008c; }
.tile.grid-12.wide.left.ot.magenta a.tile-content:hover:before { border-color: #000; }
.tile.grid-12.wide.left.ot.magenta a.tile-content:hover .type { color: #000; }
.tile.grid-12.wide.left.ot.magenta a.tile-content:hover .title { color: #000; }
body.cyan .tile.theme-color .tile-caption { background-color: rgba(0, 174, 239, 0.8); }
body.cyan .tile.ot.theme-color .tile-content .type { color: rgba(0, 174, 239, 0.8); }
.tile.cyan .tile-caption { background-color: rgba(0, 174, 239, 0.8); }
.tile.text.cyan .type { background-color: #00aeef; }
.tile.text.cyan .type::after { content:""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: url(../svg/half-o-white.svg) no-repeat left center / 4.5% auto; opacity: 0.65; }
.tile.image.cyan .text { background-color: rgba(0, 174, 239, 0.8); }
.grid-08.tile.text.cyan .type::after { background-size: 2.25% auto; }

.tile.text.cyan .tile-content::before { border-color: #00aeef; }

.tile.type-bar-image.bt.cyan .text .type { background-color: rgba(0, 174, 239,0.80); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.tile.type-bar-image.bt.cyan .tile-content:hover .text .type { background-color: rgba(255,255,255,0.3); }
.tile.type-bar-image.bt.cyan .tile-content:hover .image::after { background-color: rgba(0, 174, 239,1); }

.tile.text.no-hover.cyan .tile-content:hover { color: #00aeef; }

.tile.text.outline.cyan .tile-content::before,
.tile.type-bar-image.outline.cyan .image::after { border: 1px solid #00aeef; }
.tile.type-bar-image.bt.cyan.white-bg .tile-content .text .title { color: #00aeef; }
.tile.type-bar-image.bt.cyan.no-hover .tile-content .text .type,
.tile.type-bar-image.bt.cyan.alt-sizes .tile-content .text .type,
.tile.type-bar-image.bt.cyan.no-hover .tile-content:hover .text .type { background-color: rgba(0, 174, 239,1); }
.tile.type-bar-image.bt.cyan.no-hover .tile-content:hover .image::after { background-color: rgba(0,0,0,0); }

.tile.type-bar-image.bt.cyan.alt-sizes .tile-content:hover .text .type { background-color: #4dc6f3; }
.tile.type-bar-image.bt.cyan.no-hover .tile-content:hover .text .type { background-color: #00aeef; }

.tile.outline-on-hover.type-bar-image.bt.cyan .tile-content:hover .text .type { background-color: #00aeef; }
.tile.title-on-hover.outline-on-hover.type-bar-image.bt.cyan .tile-content .text .title { color: #00aeef; }
.tile.title-on-hover.type-bar-image.cyan .text .type { background-color: rgba(0, 174, 239,0.8); }
.tile.outline-on-hover.type-bar-image.bt.cyan .tile-content:hover .image::after { border: 1px solid #00aeef; background-color: #fff; }

.tile.title-bar-image.bt.cyan .text .type { border-color: #00aeef; color: #00aeef; }
.tile.title-bar-image.bt.cyan .text .title { background-color: rgba(0, 174, 239,0.8); }
.tile.title-bar-image.bt.cyan .tile-content:hover .text .title { background-color: rgba(255,255,255,0.30); }
.tile.title-bar-image.bt.cyan .tile-content:hover .image::after { background-color: rgba(0, 174, 239,1); }

.tile.text-only.ot.cyan .text { border-color: #00aeef; }
.tile.text-only.ot.cyan .text div:first-child { color: #00aeef; }

.tile.banner.cyan .text { border-color: #00aeef; }
.tile.banner.cyan .text .type { color: #00aeef; }
.tile.banner.cyan .text .type::after { background-image: url(../svg/half-o-cyan.svg); }

.tile.no-image.ot.cyan .text > div:first-child,
.tile.side-image.ot.cyan .text > div:first-child { color: #00aeef; transition: color 0.2s; }
.tile.no-image.ot.cyan .tile-content:hover .text > div:first-child,
.tile.side-image.ot.cyan .tile-content:hover .text > div:first-child { color: #000; }
.tile.side-image.ot.cyan.grid-08 .tile-content:before { border-color: #00aeef; }
.tile.side-image.ot.cyan.grid-08 a.tile-content:hover:before { border-color: #000; }

.tile.side-image.ot.cyan .type { color: #00aeef; }

.tile.side-image.bt.cyan .tile-content { background-color: #00aeef; color: #fff; transition: background-color 0.2s; }
.tile.side-image.bt.cyan .tile-content:hover { background-color: #000; color: #fff; }
.tile.side-image.bt.cyan .title { color: #fff; }


.tile.grid-12.wide.left.bt.cyan .tile-content:before,
body.cyan .tile.grid-12.wide.left.bt.theme-color .tile-content:before { background-color: #00aeef; }

.tile.grid-12.wide.left.ot.cyan .tile-content:before { border-color: #00aeef; }
.tile.grid-12.wide.left.ot.cyan .type { color: #00aeef; }
.tile.grid-12.wide.left.ot.cyan .title { color: #00aeef; }
.tile.grid-12.wide.left.ot.cyan a.tile-content:hover:before { border-color: #000; }
.tile.grid-12.wide.left.ot.cyan a.tile-content:hover .type { color: #000; }
.tile.grid-12.wide.left.ot.cyan a.tile-content:hover .title { color: #000; }
body.green .tile.theme-color .tile-caption { background-color: rgba(101, 186, 48, 0.8); }
body.green .tile.ot.theme-color .tile-content .type { color: rgba(101, 186, 48, 0.8); }
.tile.green .tile-caption { background-color: rgba(101, 186, 48, 0.8); }
.tile.text.green .type { background-color: #65ba30; }
.tile.text.green .type::after { content:""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: url(../svg/half-o-white.svg) no-repeat left center / 4.5% auto; opacity: 0.65; }
.tile.image.green .text { background-color: rgba(101, 186, 48, 0.8); }
.grid-08.tile.text.green .type::after { background-size: 2.25% auto; }

.tile.text.green .tile-content::before { border-color: #65ba30; }

.tile.type-bar-image.bt.green .text .type { background-color: rgba(101, 186, 48,0.80); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.tile.type-bar-image.bt.green .tile-content:hover .text .type { background-color: rgba(255,255,255,0.3); }
.tile.type-bar-image.bt.green .tile-content:hover .image::after { background-color: rgba(101, 186, 48,1); }

.tile.text.no-hover.green .tile-content:hover { color: #65ba30; }

.tile.text.outline.green .tile-content::before,
.tile.type-bar-image.outline.green .image::after { border: 1px solid #65ba30; }
.tile.type-bar-image.bt.green.white-bg .tile-content .text .title { color: #65ba30; }
.tile.type-bar-image.bt.green.no-hover .tile-content .text .type,
.tile.type-bar-image.bt.green.alt-sizes .tile-content .text .type,
.tile.type-bar-image.bt.green.no-hover .tile-content:hover .text .type { background-color: rgba(101, 186, 48,1); }
.tile.type-bar-image.bt.green.no-hover .tile-content:hover .image::after { background-color: rgba(0,0,0,0); }

.tile.type-bar-image.bt.green.alt-sizes .tile-content:hover .text .type { background-color: #93cf6f; }
.tile.type-bar-image.bt.green.no-hover .tile-content:hover .text .type { background-color: #65ba30; }

.tile.outline-on-hover.type-bar-image.bt.green .tile-content:hover .text .type { background-color: #65ba30; }
.tile.title-on-hover.outline-on-hover.type-bar-image.bt.green .tile-content .text .title { color: #65ba30; }
.tile.title-on-hover.type-bar-image.green .text .type { background-color: rgba(101, 186, 48,0.8); }
.tile.outline-on-hover.type-bar-image.bt.green .tile-content:hover .image::after { border: 1px solid #65ba30; background-color: #fff; }

.tile.title-bar-image.bt.green .text .type { border-color: #65ba30; color: #65ba30; }
.tile.title-bar-image.bt.green .text .title { background-color: rgba(101, 186, 48,0.8); }
.tile.title-bar-image.bt.green .tile-content:hover .text .title { background-color: rgba(255,255,255,0.30); }
.tile.title-bar-image.bt.green .tile-content:hover .image::after { background-color: rgba(101, 186, 48,1); }

.tile.text-only.ot.green .text { border-color: #65ba30; }
.tile.text-only.ot.green .text div:first-child { color: #65ba30; }

.tile.banner.green .text { border-color: #65ba30; }
.tile.banner.green .text .type { color: #65ba30; }
.tile.banner.green .text .type::after { background-image: url(../svg/half-o-green.svg); }

.tile.no-image.ot.green .text > div:first-child,
.tile.side-image.ot.green .text > div:first-child { color: #65ba30; transition: color 0.2s; }
.tile.no-image.ot.green .tile-content:hover .text > div:first-child,
.tile.side-image.ot.green .tile-content:hover .text > div:first-child { color: #000; }
.tile.side-image.ot.green.grid-08 .tile-content:before { border-color: #65ba30; }
.tile.side-image.ot.green.grid-08 a.tile-content:hover:before { border-color: #000; }

.tile.side-image.ot.green .type { color: #65ba30; }

.tile.side-image.bt.green .tile-content { background-color: #65ba30; color: #fff; transition: background-color 0.2s; }
.tile.side-image.bt.green .tile-content:hover { background-color: #000; color: #fff; }
.tile.side-image.bt.green .title { color: #fff; }


.tile.grid-12.wide.left.bt.green .tile-content:before,
body.green .tile.grid-12.wide.left.bt.theme-color .tile-content:before { background-color: #65ba30; }

.tile.grid-12.wide.left.ot.green .tile-content:before { border-color: #65ba30; }
.tile.grid-12.wide.left.ot.green .type { color: #65ba30; }
.tile.grid-12.wide.left.ot.green .title { color: #65ba30; }
.tile.grid-12.wide.left.ot.green a.tile-content:hover:before { border-color: #000; }
.tile.grid-12.wide.left.ot.green a.tile-content:hover .type { color: #000; }
.tile.grid-12.wide.left.ot.green a.tile-content:hover .title { color: #000; }
body.purple .tile.theme-color .tile-caption { background-color: rgba(116, 46, 152, 0.8); }
body.purple .tile.ot.theme-color .tile-content .type { color: rgba(116, 46, 152, 0.8); }
.tile.purple .tile-caption { background-color: rgba(116, 46, 152, 0.8); }
.tile.text.purple .type { background-color: #742e98; }
.tile.text.purple .type::after { content:""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: url(../svg/half-o-white.svg) no-repeat left center / 4.5% auto; opacity: 0.65; }
.tile.image.purple .text { background-color: rgba(116, 46, 152, 0.8); }
.grid-08.tile.text.purple .type::after { background-size: 2.25% auto; }

.tile.text.purple .tile-content::before { border-color: #742e98; }

.tile.type-bar-image.bt.purple .text .type { background-color: rgba(116, 46, 152,0.80); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.tile.type-bar-image.bt.purple .tile-content:hover .text .type { background-color: rgba(255,255,255,0.3); }
.tile.type-bar-image.bt.purple .tile-content:hover .image::after { background-color: rgba(116, 46, 152,1); }

.tile.text.no-hover.purple .tile-content:hover { color: #742e98; }

.tile.text.outline.purple .tile-content::before,
.tile.type-bar-image.outline.purple .image::after { border: 1px solid #742e98; }
.tile.type-bar-image.bt.purple.white-bg .tile-content .text .title { color: #742e98; }
.tile.type-bar-image.bt.purple.no-hover .tile-content .text .type,
.tile.type-bar-image.bt.purple.alt-sizes .tile-content .text .type,
.tile.type-bar-image.bt.purple.no-hover .tile-content:hover .text .type { background-color: rgba(116, 46, 152,1); }
.tile.type-bar-image.bt.purple.no-hover .tile-content:hover .image::after { background-color: rgba(0,0,0,0); }

.tile.type-bar-image.bt.purple.alt-sizes .tile-content:hover .text .type { background-color: #9e6db7; }
.tile.type-bar-image.bt.purple.no-hover .tile-content:hover .text .type { background-color: #742e98; }

.tile.outline-on-hover.type-bar-image.bt.purple .tile-content:hover .text .type { background-color: #742e98; }
.tile.title-on-hover.outline-on-hover.type-bar-image.bt.purple .tile-content .text .title { color: #742e98; }
.tile.title-on-hover.type-bar-image.purple .text .type { background-color: rgba(116, 46, 152,0.8); }
.tile.outline-on-hover.type-bar-image.bt.purple .tile-content:hover .image::after { border: 1px solid #742e98; background-color: #fff; }

.tile.title-bar-image.bt.purple .text .type { border-color: #742e98; color: #742e98; }
.tile.title-bar-image.bt.purple .text .title { background-color: rgba(116, 46, 152,0.8); }
.tile.title-bar-image.bt.purple .tile-content:hover .text .title { background-color: rgba(255,255,255,0.30); }
.tile.title-bar-image.bt.purple .tile-content:hover .image::after { background-color: rgba(116, 46, 152,1); }

.tile.text-only.ot.purple .text { border-color: #742e98; }
.tile.text-only.ot.purple .text div:first-child { color: #742e98; }

.tile.banner.purple .text { border-color: #742e98; }
.tile.banner.purple .text .type { color: #742e98; }
.tile.banner.purple .text .type::after { background-image: url(../svg/half-o-purple.svg); }

.tile.no-image.ot.purple .text > div:first-child,
.tile.side-image.ot.purple .text > div:first-child { color: #742e98; transition: color 0.2s; }
.tile.no-image.ot.purple .tile-content:hover .text > div:first-child,
.tile.side-image.ot.purple .tile-content:hover .text > div:first-child { color: #000; }
.tile.side-image.ot.purple.grid-08 .tile-content:before { border-color: #742e98; }
.tile.side-image.ot.purple.grid-08 a.tile-content:hover:before { border-color: #000; }

.tile.side-image.ot.purple .type { color: #742e98; }

.tile.side-image.bt.purple .tile-content { background-color: #742e98; color: #fff; transition: background-color 0.2s; }
.tile.side-image.bt.purple .tile-content:hover { background-color: #000; color: #fff; }
.tile.side-image.bt.purple .title { color: #fff; }


.tile.grid-12.wide.left.bt.purple .tile-content:before,
body.purple .tile.grid-12.wide.left.bt.theme-color .tile-content:before { background-color: #742e98; }

.tile.grid-12.wide.left.ot.purple .tile-content:before { border-color: #742e98; }
.tile.grid-12.wide.left.ot.purple .type { color: #742e98; }
.tile.grid-12.wide.left.ot.purple .title { color: #742e98; }
.tile.grid-12.wide.left.ot.purple a.tile-content:hover:before { border-color: #000; }
.tile.grid-12.wide.left.ot.purple a.tile-content:hover .type { color: #000; }
.tile.grid-12.wide.left.ot.purple a.tile-content:hover .title { color: #000; }
body.yellow .tile.theme-color .tile-caption { background-color: rgba(212, 196, 0, 0.8); }
body.yellow .tile.ot.theme-color .tile-content .type { color: rgba(212, 196, 0, 0.8); }
.tile.yellow .tile-caption { background-color: rgba(212, 196, 0, 0.8); }
.tile.text.yellow .type { background-color: #d4c400; }
.tile.text.yellow .type::after { content:""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: url(../svg/half-o-white.svg) no-repeat left center / 4.5% auto; opacity: 0.65; }
.tile.image.yellow .text { background-color: rgba(212, 196, 0, 0.8); }
.grid-08.tile.text.yellow .type::after { background-size: 2.25% auto; }

.tile.text.yellow .tile-content::before { border-color: #d4c400; }

.tile.type-bar-image.bt.yellow .text .type { background-color: rgba(212, 196, 0,0.80); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.tile.type-bar-image.bt.yellow .tile-content:hover .text .type { background-color: rgba(255,255,255,0.3); }
.tile.type-bar-image.bt.yellow .tile-content:hover .image::after { background-color: rgba(212, 196, 0,1); }

.tile.text.no-hover.yellow .tile-content:hover { color: #d4c400; }

.tile.text.outline.yellow .tile-content::before,
.tile.type-bar-image.outline.yellow .image::after { border: 1px solid #d4c400; }
.tile.type-bar-image.bt.yellow.white-bg .tile-content .text .title { color: #d4c400; }
.tile.type-bar-image.bt.yellow.no-hover .tile-content .text .type,
.tile.type-bar-image.bt.yellow.alt-sizes .tile-content .text .type,
.tile.type-bar-image.bt.yellow.no-hover .tile-content:hover .text .type { background-color: rgba(212, 196, 0,1); }
.tile.type-bar-image.bt.yellow.no-hover .tile-content:hover .image::after { background-color: rgba(0,0,0,0); }

.tile.type-bar-image.bt.yellow.alt-sizes .tile-content:hover .text .type { background-color: #e1d54d; }
.tile.type-bar-image.bt.yellow.no-hover .tile-content:hover .text .type { background-color: #d4c400; }

.tile.outline-on-hover.type-bar-image.bt.yellow .tile-content:hover .text .type { background-color: #d4c400; }
.tile.title-on-hover.outline-on-hover.type-bar-image.bt.yellow .tile-content .text .title { color: #d4c400; }
.tile.title-on-hover.type-bar-image.yellow .text .type { background-color: rgba(212, 196, 0,0.8); }
.tile.outline-on-hover.type-bar-image.bt.yellow .tile-content:hover .image::after { border: 1px solid #d4c400; background-color: #fff; }

.tile.title-bar-image.bt.yellow .text .type { border-color: #d4c400; color: #d4c400; }
.tile.title-bar-image.bt.yellow .text .title { background-color: rgba(212, 196, 0,0.8); }
.tile.title-bar-image.bt.yellow .tile-content:hover .text .title { background-color: rgba(255,255,255,0.30); }
.tile.title-bar-image.bt.yellow .tile-content:hover .image::after { background-color: rgba(212, 196, 0,1); }

.tile.text-only.ot.yellow .text { border-color: #d4c400; }
.tile.text-only.ot.yellow .text div:first-child { color: #d4c400; }

.tile.banner.yellow .text { border-color: #d4c400; }
.tile.banner.yellow .text .type { color: #d4c400; }
.tile.banner.yellow .text .type::after { background-image: url(../svg/half-o-yellow.svg); }

.tile.no-image.ot.yellow .text > div:first-child,
.tile.side-image.ot.yellow .text > div:first-child { color: #d4c400; transition: color 0.2s; }
.tile.no-image.ot.yellow .tile-content:hover .text > div:first-child,
.tile.side-image.ot.yellow .tile-content:hover .text > div:first-child { color: #000; }
.tile.side-image.ot.yellow.grid-08 .tile-content:before { border-color: #d4c400; }
.tile.side-image.ot.yellow.grid-08 a.tile-content:hover:before { border-color: #000; }

.tile.side-image.ot.yellow .type { color: #d4c400; }

.tile.side-image.bt.yellow .tile-content { background-color: #d4c400; color: #fff; transition: background-color 0.2s; }
.tile.side-image.bt.yellow .tile-content:hover { background-color: #000; color: #fff; }
.tile.side-image.bt.yellow .title { color: #fff; }


.tile.grid-12.wide.left.bt.yellow .tile-content:before,
body.yellow .tile.grid-12.wide.left.bt.theme-color .tile-content:before { background-color: #d4c400; }

.tile.grid-12.wide.left.ot.yellow .tile-content:before { border-color: #d4c400; }
.tile.grid-12.wide.left.ot.yellow .type { color: #d4c400; }
.tile.grid-12.wide.left.ot.yellow .title { color: #d4c400; }
.tile.grid-12.wide.left.ot.yellow a.tile-content:hover:before { border-color: #000; }
.tile.grid-12.wide.left.ot.yellow a.tile-content:hover .type { color: #000; }
.tile.grid-12.wide.left.ot.yellow a.tile-content:hover .title { color: #000; }
body.black .tile.theme-color .tile-caption { background-color: rgba(0, 0, 0, 0.8); }
body.black .tile.ot.theme-color .tile-content .type { color: rgba(0, 0, 0, 0.8); }
.tile.black .tile-caption { background-color: rgba(0, 0, 0, 0.8); }
.tile.text.black .type { background-color: #000000; }
.tile.text.black .type::after { content:""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: url(../svg/half-o-white.svg) no-repeat left center / 4.5% auto; opacity: 0.65; }
.tile.image.black .text { background-color: rgba(0, 0, 0, 0.8); }
.grid-08.tile.text.black .type::after { background-size: 2.25% auto; }

.tile.text.black .tile-content::before { border-color: #000000; }

.tile.type-bar-image.bt.black .text .type { background-color: rgba(0, 0, 0,0.80); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.tile.type-bar-image.bt.black .tile-content:hover .text .type { background-color: rgba(255,255,255,0.3); }
.tile.type-bar-image.bt.black .tile-content:hover .image::after { background-color: rgba(0, 0, 0,1); }

.tile.text.no-hover.black .tile-content:hover { color: #000000; }

.tile.text.outline.black .tile-content::before,
.tile.type-bar-image.outline.black .image::after { border: 1px solid #000000; }
.tile.type-bar-image.bt.black.white-bg .tile-content .text .title { color: #000000; }
.tile.type-bar-image.bt.black.no-hover .tile-content .text .type,
.tile.type-bar-image.bt.black.alt-sizes .tile-content .text .type,
.tile.type-bar-image.bt.black.no-hover .tile-content:hover .text .type { background-color: rgba(0, 0, 0,1); }
.tile.type-bar-image.bt.black.no-hover .tile-content:hover .image::after { background-color: rgba(0,0,0,0); }

.tile.type-bar-image.bt.black.alt-sizes .tile-content:hover .text .type { background-color: #4d4d4d; }
.tile.type-bar-image.bt.black.no-hover .tile-content:hover .text .type { background-color: #000000; }

.tile.outline-on-hover.type-bar-image.bt.black .tile-content:hover .text .type { background-color: #000000; }
.tile.title-on-hover.outline-on-hover.type-bar-image.bt.black .tile-content .text .title { color: #000000; }
.tile.title-on-hover.type-bar-image.black .text .type { background-color: rgba(0, 0, 0,0.8); }
.tile.outline-on-hover.type-bar-image.bt.black .tile-content:hover .image::after { border: 1px solid #000000; background-color: #fff; }

.tile.title-bar-image.bt.black .text .type { border-color: #000000; color: #000000; }
.tile.title-bar-image.bt.black .text .title { background-color: rgba(0, 0, 0,0.8); }
.tile.title-bar-image.bt.black .tile-content:hover .text .title { background-color: rgba(255,255,255,0.30); }
.tile.title-bar-image.bt.black .tile-content:hover .image::after { background-color: rgba(0, 0, 0,1); }

.tile.text-only.ot.black .text { border-color: #000000; }
.tile.text-only.ot.black .text div:first-child { color: #000000; }

.tile.banner.black .text { border-color: #000000; }
.tile.banner.black .text .type { color: #000000; }
.tile.banner.black .text .type::after { background-image: url(../svg/half-o-black.svg); }

.tile.no-image.ot.black .text > div:first-child,
.tile.side-image.ot.black .text > div:first-child { color: #000000; transition: color 0.2s; }
.tile.no-image.ot.black .tile-content:hover .text > div:first-child,
.tile.side-image.ot.black .tile-content:hover .text > div:first-child { color: #000; }
.tile.side-image.ot.black.grid-08 .tile-content:before { border-color: #000000; }
.tile.side-image.ot.black.grid-08 a.tile-content:hover:before { border-color: #000; }

.tile.side-image.ot.black .type { color: #000000; }

.tile.side-image.bt.black .tile-content { background-color: #000000; color: #fff; transition: background-color 0.2s; }
.tile.side-image.bt.black .tile-content:hover { background-color: #000; color: #fff; }
.tile.side-image.bt.black .title { color: #fff; }


.tile.grid-12.wide.left.bt.black .tile-content:before,
body.black .tile.grid-12.wide.left.bt.theme-color .tile-content:before { background-color: #000000; }

.tile.grid-12.wide.left.ot.black .tile-content:before { border-color: #000000; }
.tile.grid-12.wide.left.ot.black .type { color: #000000; }
.tile.grid-12.wide.left.ot.black .title { color: #000000; }
.tile.grid-12.wide.left.ot.black a.tile-content:hover:before { border-color: #000; }
.tile.grid-12.wide.left.ot.black a.tile-content:hover .type { color: #000; }
.tile.grid-12.wide.left.ot.black a.tile-content:hover .title { color: #000; }

.tile.side-image.bt.lob-es .tile-content { background-color: rgba(0, 174, 239,0.80); color: #fff; }
.tile.side-image.bt.lob-es .tile-content:hover { background-color: #000; }
.tile.side-image.ot.lob-es .tile-content:before { border-color: #00aeef; }
.tile.no-image.ot.lob-es .text > div:first-child,
.tile.side-image.ot.lob-es .text > div:first-child { color: #00aeef; }
.tile.no-image.ot.lob-es .tile-content:hover .text > div:first-child,
.tile.side-image.ot.lob-es .tile-content:hover .text > div:first-child { color: #000; }
.tile.side-image.ot.lob-es.grid-08 .tile-content::before { border-color: #00aeef; }
.tile.side-image.ot.lob-es.grid-08 a.tile-content:hover::before { border-color: #000; }
.tile.type-bar-image.bt.lob-es .text .type { background-color: rgba(0, 174, 239,0.80); }
.tile.type-bar-image.bt.lob-es .tile-content:hover .text .type { background-color: rgba(255,255,255,0.3); }
.tile.text.lob-es .text .type { background-color: rgba(0, 174, 239,0.80); }
.tile.type-bar-image.bt.lob-es .tile-content:hover .image::after { background-color: rgba(0, 174, 239,1); }
.tile.text.lob-es .tile-content::before { border-color: #00aeef; }
.tile.grid-12.no-image.ot.lob-es .tile-content::before,
.tile.grid-12.side-image.ot.lob-es .tile-content::before { border-color: #00aeef; }
.tile.side-image.bt.lob-im .tile-content { background-color: rgba(101, 186, 48,0.80); color: #fff; }
.tile.side-image.bt.lob-im .tile-content:hover { background-color: #000; }
.tile.side-image.ot.lob-im .tile-content:before { border-color: #65ba30; }
.tile.no-image.ot.lob-im .text > div:first-child,
.tile.side-image.ot.lob-im .text > div:first-child { color: #65ba30; }
.tile.no-image.ot.lob-im .tile-content:hover .text > div:first-child,
.tile.side-image.ot.lob-im .tile-content:hover .text > div:first-child { color: #000; }
.tile.side-image.ot.lob-im.grid-08 .tile-content::before { border-color: #65ba30; }
.tile.side-image.ot.lob-im.grid-08 a.tile-content:hover::before { border-color: #000; }
.tile.type-bar-image.bt.lob-im .text .type { background-color: rgba(101, 186, 48,0.80); }
.tile.type-bar-image.bt.lob-im .tile-content:hover .text .type { background-color: rgba(255,255,255,0.3); }
.tile.text.lob-im .text .type { background-color: rgba(101, 186, 48,0.80); }
.tile.type-bar-image.bt.lob-im .tile-content:hover .image::after { background-color: rgba(101, 186, 48,1); }
.tile.text.lob-im .tile-content::before { border-color: #65ba30; }
.tile.grid-12.no-image.ot.lob-im .tile-content::before,
.tile.grid-12.side-image.ot.lob-im .tile-content::before { border-color: #65ba30; }
.tile.side-image.bt.lob-lc .tile-content { background-color: rgba(116, 46, 152,0.80); color: #fff; }
.tile.side-image.bt.lob-lc .tile-content:hover { background-color: #000; }
.tile.side-image.ot.lob-lc .tile-content:before { border-color: #742e98; }
.tile.no-image.ot.lob-lc .text > div:first-child,
.tile.side-image.ot.lob-lc .text > div:first-child { color: #742e98; }
.tile.no-image.ot.lob-lc .tile-content:hover .text > div:first-child,
.tile.side-image.ot.lob-lc .tile-content:hover .text > div:first-child { color: #000; }
.tile.side-image.ot.lob-lc.grid-08 .tile-content::before { border-color: #742e98; }
.tile.side-image.ot.lob-lc.grid-08 a.tile-content:hover::before { border-color: #000; }
.tile.type-bar-image.bt.lob-lc .text .type { background-color: rgba(116, 46, 152,0.80); }
.tile.type-bar-image.bt.lob-lc .tile-content:hover .text .type { background-color: rgba(255,255,255,0.3); }
.tile.text.lob-lc .text .type { background-color: rgba(116, 46, 152,0.80); }
.tile.type-bar-image.bt.lob-lc .tile-content:hover .image::after { background-color: rgba(116, 46, 152,1); }
.tile.text.lob-lc .tile-content::before { border-color: #742e98; }
.tile.grid-12.no-image.ot.lob-lc .tile-content::before,
.tile.grid-12.side-image.ot.lob-lc .tile-content::before { border-color: #742e98; }

.tile.type-bar-image.bt.dei .text .type { background-color: rgba(0,0,0,1); }

/* flex-boxify tiles to avoid percentage height issue */
.tileset-rows { display: flex; flex-direction: row; flex-wrap: wrap; }
.tile { flex: 0 0 auto; }

.tile.expandable:before { display: none; }
.tile.expandable .tile-spacing { position: relative; }
.tile.expandable .tile-content { display: flex; }
.tile.expandable.wide.left .tile-content:before { display: none; }
.tile.expandable.wide.left .image { position: relative; top: 0; width: 33.33%; margin-right: 1.5%; }
.tile.expandable.wide.left .text { position: relative; width: 67.1875%; padding: 0; }
.tile.expandable.wide.left.ot .text { border-top: 1px solid #000; border-bottom: 1px solid #000; }
.tile.expandable.wide.left.ot.cyan .text { border-color: #00aeef; }
.tile.expandable.wide.left .title,
.tile.expandable.wide.left .summary { margin-left: 1.4%; }

@media (max-width: 767px) {
    .tile.grid-12.expandable.wide.left .title,
    .tile.grid-12.expandable.wide.left .summary { margin-left: 1.4%; }
}
@media (max-width: 511px) {
    .tile.expandable .tile-content { flex-direction: column; }
    .tile.expandable.ot .tile-content { border-top: 1px solid #000; border-bottom: 1px solid #000; }
    .tile.expandable.ot.cyan .tile-content { border-color: #00aeef; }
    .tile.expandable.wide.left .text { width: auto; }
    .tile.expandable.wide.left.ot .text { border-style: none; }

}

.featured-opportunities .tile:nth-child(3) {}

table.items { width: 100%; border-collapse: collapse; }
table.items th { padding: 18px 24px; text-align: left; }
table.items tr:nth-child(odd) { }
table.items tr:nth-child(even) { background: #eee; }
table.items td { padding: 18px 24px; vertical-align: top; }

table.timeline { border-collapse: collapse; }
table.timeline td { padding: 12px; vertical-align: top; }
table.timeline td p:first-child { margin-top: 0; }
table.timeline td p:last-child { margin-bottom: 0; }
table.timeline td:first-child { border-right: 3px solid #00adef; text-align: right; white-space: nowrap; }

table.process { border-collapse: separate; border-spacing: 0 24px; }
table.process tr { background-color: #eee; }
table.process td { padding: 1.75%; vertical-align: top; color: #000; }
table.process td:first-child { width: 33.33%; border-radius: 0 12px 12px 0; background-color: #00aeef; font-weight: bold; color: #fff; }
table.process td p:first-child { margin-top: 0; }
table.process td p:last-child { margin-bottom: 0; }

table.numbering { border-collapse: collapse; }
table.numbering tr {}
table.numbering td { vertical-align: top; }
table.numbering td:first-child { padding-right: 24px; }
table.numbering td p { margin: 0 0 12px 0; }


.opportunity .page > h3 { text-align: left; }
.opportunity .cs304DE2DD { font-weight: bold; }
.opportunity .csCF6C31CD { font-style: italic; }

.sitemap li { padding: 8px 0; }
.sitemap li a { text-decoration: none; }

footer { margin-top: 54px; padding: 64px 0 128px 0; background-color: #f4f4F4; text-align: center; }
footer .legal a { color: #6C6E71; text-decoration: none; }
footer .legal a:hover { text-decoration: underline; }
footer nav ul,
footer .subnav ul { margin: 0 auto; z-index: 1; }
footer nav ul > li,
footer .subnav ul > li { position: relative; }
footer nav ul > li::after,
footer .subnav ul > li::after { content: ""; position: absolute; top: 12px; right: -4px; width: 8px; height: 8px; border-radius: 8px; background-color: #6c6e71; }
footer nav ul > li:last-child::after,
footer .subnav ul > li:last-child::after { display: none; }
footer nav a,
footer .subnav a { padding: 0 32px; font-size: 26px; line-height: 32px; }
footer nav a:hover,
footer .subnav a:hover { background: none; text-decoration: underline; color: inherit; }
footer nav li:hover a,
footer .subnav li:hover a { background: none; color: inherit; }
footer section { border-top: none; margin: 32px auto 0 auto; font-size: 16px;}

#site-terms { font-size: 20px; display: none; position: fixed; bottom: 0; left: 0; right: 0; z-index: 300; border-top: 1px solid #ddd; background-color: #f4f4F4; padding: 12px 24px 12px; box-shadow: 0 0 24px rgba(0,0,0,0.25); }
#site-terms a { white-space: nowrap; }
#site-terms p { float: left; margin: 12px 0; }
#site-terms.short > div { display: inline-block; float: right; }
#site-terms button { margin: 0 0 0 12px; border: 1px solid #00ADEF; border-radius: 0; padding: 12px 24px; background-color: #00adef; color: #fff; font-family: 'Hind Light', Arial, sans-serif; font-size: 20px; cursor: pointer; -webkit-appearance: none; }
#site-terms button:hover { background-color: #fff; color: #00adef; }
#site-terms.short { position: fixed; bottom: 0; left: 0; right: 0; z-index: 300; border-top: 1px solid #ddd; background-color: #f4f4F4; padding: 24px 160px 24px 24px; box-shadow: 0 0 24px rgba(0,0,0,0.25); font-size: 26px; }
#site-terms.short button { display: block; position: absolute; top: 50%; transform: translateY(-50%); right: 24px; border: 1px solid #00ADEF; border-radius: 0; padding: 12px 24px; background-color: #00adef; color: #fff; font-family: 'Hind Light', Arial, sans-serif; font-size: 26px; font-weight: bold; cursor: pointer; -webkit-appearance: none; }
#site-terms.site-terms-long { display: flex!important; }
#site-terms.site-terms-long.closed { display: none!important; }
#site-terms.site-terms-long > .site-terms-box > div.cookie-button-container { float: right; height: 100%; display: flex; align-items: flex-end; shape-outside: inset(calc(100% - 60px) 0 0); }
#site-terms.site-terms-long button { margin-bottom: 0.25em; }

@media (max-width: 1328px) {
    #site-terms.short {
      font-size: 2vw;
    }
}
@media (max-width: 1080px) {
    #site-terms.site-terms-long { font-size: 2vw; }
}
@media ( max-width: 1050px ) {
    #site-terms.site-terms-long { display: flex!important; }
    #site-terms.site-terms-long.closed { display: none!important; }
    #site-terms.site-terms-long > div.cookie-button-container { height: auto; shape-outside: auto; justify-content: end; }
}
@media (max-width: 800px) {
    #site-terms.site-terms-long { font-size: 16px; }
}
@media (max-width: 767px) {
    #site-terms.short, #site-terms.short button {
      font-size: 16px;
    }
    
    #site-terms.site-terms-long > .site-terms-box > div.cookie-button-container { float: none;
        height: auto;
        position: absolute;
        bottom: 0;
        width: 100%;
        display: flex;
        justify-content: space-between; 
        padding-right: 3em;
        padding-bottom: 10px;
    }
    #site-terms.site-terms-long { padding-bottom: 70px; }
    #site-terms.site-terms-long button { padding: 12px 2px; }
}


.site-terms-dialog { display: none; position: fixed; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); padding: 2%; background-color: #fff; box-shadow: 0 0 24px rgba(0,0,0,0.5); }
.site-terms-dialog button { display: block; margin: auto; border: 1px solid #00ADEF; border-radius: 0; padding: 12px 24px; background-color: #00adef; color: #fff; font-family: 'Hind Light', Arial, sans-serif; font-size: 26px; font-weight: bold; cursor: pointer; -webkit-appearance: none; }
.site-terms-dialog button:hover { background-color: #fff; color: #00adef; }

#cookie-settings-layer { margin: 0; position: fixed; top: 0; left: 0; width: 100%; height: 100%; max-width: none; z-index: 9999; background: rgba(0,0,0,0.65); }
#cookie-settings-layer .settings-sidebar { font-size: 16px; position: absolute; top: 0; left: 0; height: 100%; background: #fff; max-width: 0em; transition: all linear 0.25s; overflow: hidden; overflow: auto; }
#cookie-settings-layer .settings-sidebar h1, #cookie-settings-layer .settings-sidebar h2, #cookie-settings-layer .settings-sidebar h3 { font-size: 18px; }
#cookie-settings-layer.open .settings-sidebar { max-width: 26em; }
#cookie-settings-layer .settings-sidebar header { padding: 0; margin: 0; padding: 0 1em; position: absolute; top: 0; left: 0; width: 100%; height: 3em; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #ddd; }
#cookie-settings-layer .settings-sidebar header h1, #cookie-settings-layer .settings-sidebar header h2 { height: 80%; }
#cookie-settings-layer .settings-sidebar header img { height: 100%; }
#cookie-settings-layer .settings-close { height: 1.5em; width: 1.5em; text-indent: -9999px; overflow: hidden; border: none; background: transparent; cursor: pointer; position: relative; }
#cookie-settings-layer .settings-close::before,
#cookie-settings-layer .settings-close::after { content: ""; display: block; position: absolute; left: 0; width: 92%; height: 0; border-top: 3px solid #6C6E71; }
#cookie-settings-layer .settings-close::before { top: 0; transform: rotate(45deg); transform-origin: bottom left; }
#cookie-settings-layer .settings-close::after { bottom: 0; transform: rotate(-45deg); transform-origin: top left; }
#cookie-settings-layer .settings-sidebar > .content { padding: 0; margin: 5em 1em 1em; }
#cookie-settings-layer .settings-sidebar .accordion { margin: 1em 0; }
#cookie-settings-layer .settings-sidebar .accordion h3 { margin: 0; position: relative; font-size: 16px; padding-right: 6em; }
#cookie-settings-layer .settings-sidebar .accordion small { margin: 0 0 0 3.5em; color: #00aeef; position: absolute; top: 1.15em; right: 1em; }

#cookie-settings-layer button { display: inline-block; margin: 0.5em 0.5em 0.5em 0; border: 1px solid #00ADEF; border-radius: 0; padding: 0.2em 1em; background-color: #00adef; color: #fff; font-family: 'Hind Light', Arial, sans-serif; font-size: 110%; font-weight: bold; cursor: pointer; -webkit-appearance: none; }
#cookie-settings-layer button:hover, 
#cookie-settings-layer button:focus { background-color: #fff; color: #00adef; }
#cookie-settings-layer .close-buttons { display: flex; justify-content: space-between; }
#cookie-settings-layer .close-buttons button { width: 48%; }

#cookie-settings-layer .ot-tgl {
    position: absolute;
    right: 0.7em;
    top: 25.6px;
    transform: matrix(1, 0, 0, 1, 0, -15);
    width: 45px;
    z-index: 1;
}
#cookie-settings-layer .ot-tgl input { height: 0; width: 0; position: absolute; opacity: 0; }
#cookie-settings-layer .ot-tgl label {
    display: inline-block;
    height: 25px;
    position: relative;
    width: 45px;
}
#cookie-settings-layer .ot-tgl label span {
    background-color: rgb(242, 241, 241);
    border: 1px solid  rgb(221, 221, 221);
    border-radius: 20px;
    bottom: 0px;
    box-sizing: content-box;
    cursor: pointer;
    height: 23px;
    left: 0px;
    position: absolute;
    right: 0px;
    top: 0px;
    transition-delay: 0s;
    transition-duration: 0.2s;
    transition-property: all;
    transition-timing-function: ease-in;
    width: 43px;
}
#cookie-settings-layer .ot-tgl label span::before {
    background-color: rgb(125, 125, 125);
    border-radius: 20px;
    bottom: 1px;
    box-sizing: content-box;
    content: "";
    cursor: pointer;
    height: 21px;
    position: absolute;
    transition-delay: 0s;
    transition-duration: 0.4s;
    transition-property: all;
    transition-timing-function: ease;
    visibility: visible;
    width: 21px;
}
#cookie-settings-layer .ot-tgl label span:last-child {
    display: none;
}

#cookie-settings-layer .ot-tgl input:focus + .ot-switch .ot-switch-nob {
    box-shadow: 0 0 1px #2196f3;
    outline-style: auto !important;
    outline-width: 1px !important;
}
#cookie-settings-layer .ot-tgl input:checked + .ot-switch .ot-switch-nob {
    background-color: #d5e9ff;
    border: 1px solid #00adef;
}
#cookie-settings-layer .ot-tgl input:checked + .ot-switch .ot-switch-nob::before {
    -webkit-transform: translateX(21px);
    -ms-transform: translateX(21px);
    transform: translateX(21px);
    background-color: #00adef;
}

.debug { font-size: 16px; }
.debug .event .Error { font-weight: bold; color: #b00; }
.debug .event .Warning { font-weight: bold; color: #cc0; }
.debug .event .Notice { font-weight: bold; color: #00ADEF; }
.debug .event pre { font-size: 14px; }

/* custom classes */
h1.logo,
div.logo { float: left; display: block; margin: 0 16px 0 0; }
h1.logo { text-indent: -9999px; }
h1.logo a,
div.logo a { position: relative; z-index: 102; width:  212px; height: 96px; ; }
h1.logo a { display: block; background: url(../img/logo.png) no-repeat center center; }
div.logo a { display: table-cell; vertical-align: middle; text-align: center; }
div.logo a img { display: inline-block; width: 100%; max-width: 180px; vertical-align: top; }

.page > h1,
.page > h2.slogan,
.page > h2,
.page > h3,
.page > h4,
.page > h5,
.page > h6 { max-width: 1280px; margin: 0 auto; color: #00adef; }

.page > h2 { font-family: 'Hind Medium'; font-weight: normal; font-size: 38px; }
.page > h2.keylines { border-top: 1px solid #bfc0c1; border-bottom: 1px solid #bfc0c1; padding: 13px 0; }

.page > h1.keylines,
.page > h2.keylines.slogan { border-top: 1px solid #bfc0c1; border-bottom: 1px solid #bfc0c1; padding: 13px 26px; font-family: 'Hind Light', Arial, sans-serif; }
.page > h1.keylines sup,
.page > h2.keylines.slogan sup { position: absolute; font-size: 16px; margin: 6px 0 0 6px; }

.page > h2.text-location,
.page > h2.text-related { margin-top: 40px; padding-top: 10px; }
.page > h2.text-location { border-top: 1px solid #ec008c; color: #ec008c; }
.page > h2.text-related { border-top: 1px solid #00aeef; color: #00aeef; }

.page section h2 { margin: 0 0 40px 0; font-size: 36px; color: #00adef; }

.page > h3.left { text-align: left; }

.page > h2.subtitle { margin: 40px auto; font-family: 'Hind Light', Arial, sans-serif; font-size: 34px; font-weight: bold; text-align: center; }


body.grey .page > section.rich-text a { color: #77777a; }
body.grey .page > section.rich-text a:hover { color: #000; }
body.grey .page > h1,
body.grey .page > h2,
body.grey .page > h3,
body.grey .page > h4,
body.grey .page > h5,
body.grey .page > h6 { border-color: #77777a; color: #77777a; }
body.grey .page section h2 { color: #77777a; }
body.grey nav.secondary .current > a { color: #77777a; }
body.grey nav.secondary .current:hover > a { color: #fff; }
body.grey nav.secondary > ul > li.current > a::after { background-color: #77777a; }
body.grey nav.secondary li:hover > a,
body.grey nav.secondary li.active > a { background-color: #77777a; }

body.magenta .page > section.rich-text a { color: #ec008c; }
body.magenta .page > section.rich-text a:hover { color: #000; }
body.magenta .page > h1,
body.magenta .page > h2,
body.magenta .page > h3,
body.magenta .page > h4,
body.magenta .page > h5,
body.magenta .page > h6 { border-color: #ec008c; color: #ec008c; }
body.magenta .page section h2 { color: #ec008c; }
body.magenta nav.secondary .current > a { color: #ec008c; }
body.magenta nav.secondary .current:hover > a { color: #fff; }
body.magenta nav.secondary > ul > li.current > a::after { background-color: #ec008c; }
body.magenta nav.secondary li:hover > a,
body.magenta nav.secondary li.active > a { background-color: #ec008c; }

body.cyan .page > section.rich-text a { color: #00aeef; }
body.cyan .page > section.rich-text a:hover { color: #000; }
body.cyan .page > h1,
body.cyan .page > h2,
body.cyan .page > h3,
body.cyan .page > h4,
body.cyan .page > h5,
body.cyan .page > h6 { border-color: #00aeef; color: #00aeef; }
body.cyan .page section h2 { color: #00aeef; }
body.cyan nav.secondary .current > a { color: #00aeef; }
body.cyan nav.secondary .current:hover > a { color: #fff; }
body.cyan nav.secondary > ul > li.current > a::after { background-color: #00aeef; }
body.cyan nav.secondary li:hover > a,
body.cyan nav.secondary li.active > a { background-color: #00aeef; }

body.green .page > section.rich-text a { color: #65ba30; }
body.green .page > section.rich-text a:hover { color: #000; }
body.green .page > h1,
body.green .page > h2,
body.green .page > h3,
body.green .page > h4,
body.green .page > h5,
body.green .page > h6 { border-color: #65ba30; color: #65ba30; }
body.green .page section h2 { color: #65ba30; }
body.green nav.secondary .current > a { color: #65ba30; }
body.green nav.secondary .current:hover > a { color: #fff; }
body.green nav.secondary > ul > li.current > a::after { background-color: #65ba30; }
body.green nav.secondary li:hover > a,
body.green nav.secondary li.active > a { background-color: #65ba30; }

body.purple .page > section.rich-text a { color: #742e98; }
body.purple .page > section.rich-text a:hover { color: #000; }
body.purple .page > h1,
body.purple .page > h2,
body.purple .page > h3,
body.purple .page > h4,
body.purple .page > h5,
body.purple .page > h6 { border-color: #742e98; color: #742e98; }
body.purple .page section h2 { color: #742e98; }
body.purple nav.secondary .current > a { color: #742e98; }
body.purple nav.secondary .current:hover > a { color: #fff; }
body.purple nav.secondary > ul > li.current > a::after { background-color: #742e98; }
body.purple nav.secondary li:hover > a,
body.purple nav.secondary li.active > a { background-color: #742e98; }

body.yellow .page > section.rich-text a { color: #d4c400; }
body.yellow .page > section.rich-text a:hover { color: #000; }
body.yellow .page > h1,
body.yellow .page > h2,
body.yellow .page > h3,
body.yellow .page > h4,
body.yellow .page > h5,
body.yellow .page > h6 { border-color: #d4c400; color: #d4c400; }
body.yellow .page section h2 { color: #d4c400; }
body.yellow nav.secondary .current > a { color: #d4c400; }
body.yellow nav.secondary .current:hover > a { color: #fff; }
body.yellow nav.secondary > ul > li.current > a::after { background-color: #d4c400; }
body.yellow nav.secondary li:hover > a,
body.yellow nav.secondary li.active > a { background-color: #d4c400; }

body.black .page > section.rich-text a { color: #000000; }
body.black .page > section.rich-text a:hover { color: #000; }
body.black .page > h1,
body.black .page > h2,
body.black .page > h3,
body.black .page > h4,
body.black .page > h5,
body.black .page > h6 { border-color: #000000; color: #000000; }
body.black .page section h2 { color: #000000; }
body.black nav.secondary .current > a { color: #000000; }
body.black nav.secondary .current:hover > a { color: #fff; }
body.black nav.secondary > ul > li.current > a::after { background-color: #000000; }
body.black nav.secondary li:hover > a,
body.black nav.secondary li.active > a { background-color: #000000; }

section.no-separator { border: none; }
section.intro.no-separator { border: none; padding-bottom: 0; }
.page > h1.top-separator,
.page > h2.top-separator,
section.top-separator { border-top: 1px solid #BFC0C1; padding-top: 40px; }

body .page > h1.top-separator.grey,
body .page > h2.top-separator.grey,
body section.top-separator.grey { border-color: #BFC0C1; }

section.push-up { position: relative; top: -48px; background-color: #fff; }

/* practice */
section.rich-text.practice { margin-bottom: 85px; font-size: 38px; color: #00ADEF; }
section.learn-more { margin-top: -45px; margin-bottom: 85px; font-size: 38px; }

/* newsletter forms */
.embedded-media.newsletter-form { padding-bottom: 40px; }

/* news pages */
.filters { border-top: 1px solid #43C6F7; border-bottom: 1px solid #43C6F7; padding: 1.5% 0; line-height: 44px; font-size: 28px; color: #909090; overflow: auto; }
body.grey .filters { border-color: #77777a; }
body.magenta .filters { border-color: #ec008c; }
body.cyan .filters { border-color: #00aeef; }
body.green .filters { border-color: #65ba30; }
body.purple .filters { border-color: #742e98; }
body.yellow .filters { border-color: #d4c400; }
body.black .filters { border-color: #000000; }
.filters .options { float: right; line-height: 0; }
.filters .options .select { position: relative; display: inline-block; width: 392px; margin-left: 20px; border-left: 1px solid #90909044; padding-left: 20px; overflow: hidden; /*vertical-align: middle;*/ }
.filters .options .select select { width: 420px; border: none; height: 44px; background: #fff; color: #00aeef; font-family: 'Hind Light', Arial, sans-serif; font-size: 28px; cursor: pointer; -webkit-appearance: none; }
.filters .options .select::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; width: 100px; background: url(../img/drop-down.png) no-repeat right center; pointer-events: none; }
.filters .options .select option { padding: 12px; color: #6C6E71; }

.filters.news .options { float: none; padding-bottom: 1px; }
.filters.news .options > div { width: 400px; margin-top: 1px; }
.filters.news .options > div.select { margin-left: 0; border-left: none; padding-left: 0; }
.filters.news .options > div.select select { width: 100%; height: 60px; border: 1px solid #E5E3E3; background-color: #E5E3E3; padding: 6px 8px; color: #6C6E71; outline: none; }
.filters.news .options > div.select::after { top: 1px; bottom: 1px; right: 1px; background: url(../img/drop-down-grey-arrow-on-grey.png) repeat-y right center; }
.filters.news .options > div.select option { padding: 0; background-color: #fff; color: #000; }
.filters.news .options > div.select option.top { background-color: #eee; color: #000; }

.filters.news .options > div.search-input { float: right; }
.filters.news .options > div.search-input input { box-sizing: border-box; width: 100%; height: 60px; border: 1px solid #E5E3E3; padding-left: 62px; background: #E5E3E3 url(../img/search-input.png) no-repeat 16px center; color: #6C6E71; font-family: 'Hind Light', Arial, sans-serif; font-size: 28px; outline: none; }
.filters.news .options > div.searching.search-input { position: relative; }
.filters.news .options > div.searching.search-input::after { content: " "; position: absolute; top: 0; right: 0; bottom: 0; width: 64px; background: url(../img/search-spinner.gif) no-repeat center center; }
.filters.news.three .options { font-size: 0; }
.filters.news.three .options > div.search-input { float: none; display: inline-block; overflow: hidden; }
.filters.news.three .options > div { width: 31.33%; margin-left: 3%; }
.filters.news.three .options > div:first-child { margin-left: 0; }

.filters.opportunities { color: #6C6E71; }

.pager { text-align: center; font-size: 0px; }
.pager a { display: inline-block; width: 44px; height: 44px; line-height: 44px; vertical-align: middle; text-decoration: none; text-indent: -9999px; background: url(../img/arrow-right.png) no-repeat center center; cursor: pointer; }
.pager a:first-child { background: url(../img/arrow-left.png) no-repeat center center; }
.pager a.disabled,
.pager a[href="#"] { cursor: default; background: url(../img/arrow-right-disabled.png) no-repeat center center; }
.pager a.disabled:first-child,
.pager a[href="#"]:first-child { background: url(../img/arrow-left-disabled.png) no-repeat center center; }

.pager .select { display: inline-block; width: 260px; margin: 0 -28px 0 0; overflow: hidden; vertical-align: middle; }
.pager .select select { width: 288px; height: 44px; border: none; padding-right: 44px; background: #fff; text-align: center; font-family: 'Hind Light', Arial, sans-serif; font-size: 26px; color: #00aeef; cursor: pointer; -webkit-appearance: none; }
body.grey .pager .select select { color: #77777a; }
body.magenta .pager .select select { color: #ec008c; }
body.cyan .pager .select select { color: #00aeef; }
body.green .pager .select select { color: #65ba30; }
body.green .pager a { background: url(../img/arrow-right-green.png) no-repeat center center; }
body.green .pager a:first-child { background: url(../img/arrow-left-green.png) no-repeat center center; }
body.purple .pager .select select { color: #742e98; }
body.purple .pager a { background: url(../img/arrow-right-purple.png) no-repeat center center; }
body.purple .pager a:first-child { background: url(../img/arrow-left-purple.png) no-repeat center center; }
body.yellow .pager .select select { color: #d4c400; }
body.black .pager .select select { color: #000000; }

/* media files */
.media-file section { border-top: none; }
.media-file section h4 { margin: 62px 0 44px 0; font-size: 36px; color: #00adef; }

.media-file .page > h1,
.media-file .page > h2,
.media-file .page > h3,
.media-file .page > h4,
.media-file .page > h5,
.media-file .page > h6 { max-width: 1280px; margin: 85px auto 54px; color: #00adef; }

.media-file .page > h1.media-file-type { margin-top: 0; }
.media-file .page > h2.media-file-type { margin: 0 auto; text-align: center; font-family: 'Hind Light', Arial, sans-serif; color: #909090; }

.media-file .page > h5 { margin-bottom: 44px; border-top: 1px solid #00adef; padding-top: 10px; font-size: 36px; }

.media-file .intro { margin-bottom: 0; font-size: 35px; }
.media-file .intro p { margin-bottom: 0; }

.media-file .byline { max-width: 1280px; margin: 10px auto 0 auto; position: relative; text-align: center; color: #000; }
.media-file .byline > a { color: #000; text-decoration: none; transition: color 0.2s; }
.media-file .byline > a:hover { color: #00adef; }

section.media-file-nav { display: flex; justify-content: flex-start; align-items: center; margin-top: 54px; border-top: 1px solid #43c6f7; border-bottom: 1px solid #43c6f7; padding: 15px 0; overflow: hidden; }
section.media-file-nav.media-file-nav-center { justify-content: center; }
section.media-file-nav .share { position: relative; float: left; width: 33.33%; }
section.media-file-nav .share::after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: transparent; }
section.media-file-nav .share.enable::after { display: none; }
section.media-file-nav .share:before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 44px; background: url(../img/share.svg) no-repeat center left / 100% auto; }
section.media-file-nav .share a { display: inline-block; color: #00adef; text-decoration: none; }
section.media-file-nav .share .active,
section.media-file-nav .share .inactive { padding-left: 60px; line-height: 64px; transition: opacity 0.25s; }
section.media-file-nav .share .active { position: absolute; top: 50%; left: 0; transform: translateY(-50%); opacity: 0; line-height: 0; font-size: 0; white-space: nowrap; }
section.media-file-nav .share .active a,
section.media-file-nav .share .active img { display: inline-block; vertical-align: middle; font-size: 0; }
section.media-file-nav .share .active img { margin: 0 2px 0 0; }
section.media-file-nav .share .toggle { z-index: 1; content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 44px; }

section.media-file-nav .share .inactive a { cursor: default; }
section.media-file-nav .share:hover .inactive,
section.media-file-nav .share.visible .inactive { opacity: 0; }
section.media-file-nav .share:hover .active,
section.media-file-nav .share.visible .active { opacity: 1; }

body .alert-bar { margin: 0; padding: 1px 12px; max-width: none; text-align: center; }
body .rich-text.alert-bar p { margin: 12px 0; }
body .rich-text.alert-bar p:last-child { margin-bottom: 12px; }
.alert-bar.grey { background-color: rgba(119, 119, 122,0.5); }
.alert-bar.magenta { background-color: rgba(236, 0, 140,0.5); }
.alert-bar.cyan { background-color: rgba(0, 174, 239,0.5); }
.alert-bar.green { background-color: rgba(101, 186, 48,0.5); }
.alert-bar.purple { background-color: rgba(116, 46, 152,0.5); }
.alert-bar.yellow { background-color: rgba(212, 196, 0,0.5); }
.alert-bar.black { background-color: rgba(0, 0, 0,0.5); }
.alert-bar.black { background-color: #000; color: #ddd; }
.alert-bar.black a:hover { color: #ddd; }

.alert-bar.ukraine-support { background: #3C60A7 url(../img/ukraine-support.jpg) center / cover; }
.alert-bar.ukraine-support p { margin: 0; line-height: 100%; }
.alert-bar.ukraine-support p:first-child a { color: #E9C920; }
.alert-bar.ukraine-support p:last-child a { color: #3C60A7; }

.addthis_sharing_toolbox { display: inline-block; }
.addthis_sharing_toolbox a.at-icon-wrapper { margin: 0 2px 0 0; }
.addthis_sharing_toolbox a.at-icon-wrapper:focus,
.addthis_sharing_toolbox a.at-icon-wrapper:hover { transform: none; -webkit-transform: none; }

section.media-file-nav .page-nav { position: relative; display: inline-block; width: 33.33%; text-align: center; white-space: nowrap; vertical-align: middle; }
section.media-file-nav .page-nav .select option { text-align: left; font-size: 20px; }

section.media-file-nav .page-nav > a { position: absolute; top: 0; bottom: 0; width: 44px; }
section.media-file-nav .page-nav > a.back { left: 0; }
section.media-file-nav .page-nav > a.next { right: 0; }
section.media-file-nav .pager .select { width: 100%; margin: 0; padding: 0 44px; }
section.media-file-nav .pager .select::after { content: ""; position: absolute; top: 1px; bottom: 1px; right: 44px; width: 82px; border-right: 1px solid #eee; background: url(../img/drop-down-grey-arrow-on-grey.png) no-repeat right center; pointer-events: none; }
section.media-file-nav .pager .select select { width: 100%; padding: 0 8px; text-align: left; background: #E5E3E3; }
/*
section.media-file-nav .page-nav { display: inline-block; width: 33.33%; height: 58px; text-align: center; white-space: nowrap; vertical-align: middle; }
section.media-file-nav .page-nav a { display: inline-block; width: 58px; height: 58px; }

section.media-file-nav .page-nav .select { position: relative; display: inline-block; width: 292px; overflow: hidden; }
section.media-file-nav .page-nav .select select { width: 320px; height: 58px; border: none; font-family: 'Hind Light', Arial, sans-serif; font-size: 26px; color: #00aeef; cursor: pointer; }
section.media-file-nav .page-nav .select::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; width: 100px; height: 58px; background: url(../img/drop-down.png) no-repeat right center; pointer-events: none; }
section.media-file-nav .page-nav .select option { padding: 12px; color: #6C6E71; }
*/

section.media-file-nav .facebook { mask-image: url(../img/facebook-black.svg); -webkit-mask-image: url(../img/facebook-black.svg); }
section.media-file-nav .twitter { mask-image: url(../img/twitter-black.svg); -webkit-mask-image: url(../img/twitter-black.svg); }
section.media-file-nav .linkedin { mask-image: url(../img/linkedin-black.svg); -webkit-mask-image: url(../img/linkedin-black.svg); }
section.media-file-nav .email { mask-image: url(../img/email-black.svg); -webkit-mask-image: url(../img/email-black.svg); }
section.media-file-nav .pdf { mask-image: url(../img/pdf-black.svg); -webkit-mask-image: url(../img/pdf-black.svg); }
section.media-file-nav .print { mask-image: url(../img/print.svg); -webkit-mask-image: url(../img/print.svg); }
section.media-file-nav .icon { display: inline-block; width: 32px; height: 32px; margin: 0 4px; mask-size: cover; -webkit-mask-size: cover; background-color: #00adef; }
section.media-file-nav .icon:hover { background-color: #000; }

section.media-file-nav .download { float: right; width: 33.33%; text-align: right; }
section.media-file-nav .download a { position: relative; display: block; padding-left: 16.5%; line-height: 225%; color: #00adef; text-decoration: none; }
section.media-file-nav .download.pdf {}
section.media-file-nav .download { display: none; }

.image.Center { margin: auto; width: auto; }
.image.Left { text-align: left; }
.image.Right { text-align: right; }
.image.FloatLeft { float: left; padding: 0 10px 10px 0; }
.image.FloatRight { float: right; padding: 0 0 10px 10px; }
.image.NoScaling { width: auto; }
.image.NoScaling img { width: auto; }
.image.Center.NoScaling img { margin: auto; width: auto; }

.exec-brief .brief-title { overflow: hidden; }
.exec-brief .brief-title h1 { margin: 0 0 12px 0; color: #000; }
.exec-brief .brief-title h2 { margin: 0 0 12px 0; }
.exec-brief .brief-title .logo { display: inline-block; float: right; max-width: 320px; max-height: 200px; }
.exec-brief .page h2 { font-weight: normal; }
.exec-brief .page > h2,
.exec-brief .rich-text h2 { border-top: 1px solid #43c6f7; padding-top: 24px; }
.exec-brief section.banner::before,
.exec-brief section.banner::after { display: none; }
.exec-brief section .opportunity-apply-button { display: inline-block; margin-top: 38px; }
section.attachment.center { text-align: center; }
section.attachment a {display: block; line-height: 32px;}
section.attachment a img {vertical-align: middle;}
section.attachment p:first-of-type {margin-top: 8px;}

section.fsqs-registered { text-align: center; }
section.fsqs-registered a { display: inline-block; }
section.fsqs-registered img { height: 120px; width: auto; display: inline; margin: 0 16px; }

@media (max-width: 1328px) {
    .exec-brief .brief-title .logo { padding-top: 2%; }
}
@media (max-width: 767px) {
    .exec-brief .brief-title { text-align: center; }
    .exec-brief .brief-title .logo { float: none; }
}

.media-player audio { width: 100%; }
.media-player video { width: 100%; }

.embedded-media .media-center iframe { margin-left: 50%; transform: translateX(-50%); }

.embedded-media .media-full-4-3  { position: relative; padding-bottom: 75%; height: 0; }
.embedded-media .media-full-16-9 { position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; }
.embedded-media .media-center-50 { position: relative; width: 50%; margin: auto; padding-bottom: 50%; height: 0; }

.embedded-media .media-full-4-3 iframe,
.embedded-media .media-full-16-9 iframe,
.embedded-media .media-center-50 iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.media-file .tile.grid-12.side-image.ot .text { padding: 0; }
.media-file .tile.grid-12.side-image.left .type { font-size: 31px; }
.media-file .tile.grid-12.side-image.left .title { margin-top: 2.6%; color: #000; }
.media-file .tile.grid-12.side-image.left .summary p { margin-top: 2.25%; line-height: 130%; }
.media-file .tile.grid-12.wide.left.author .tile-content:before,
.media-file .tile.grid-12.side-image.ot.author .tile-content::before { border: none; }
.media-file .tile.grid-12.side-image.left.author .type { margin-top: 0; }

.margin-top-none { margin-top: 0; }
.margin-bottom-none { margin-bottom: 0; }

.color-black { color: #000000; }
div.color-black { display: inline; }
.color-grey { color: #77777a; }
.color-grey a { text-decoration: underline; color: #77777a; }
.color-grey a:hover { color: black; }
div.color-grey { display: inline; }
.color-magenta { color: #ec008c; }
.color-magenta a { text-decoration: underline; color: #ec008c; }
.color-magenta a:hover { color: black; }
div.color-magenta { display: inline; }
.color-cyan { color: #00aeef; }
.color-cyan a { text-decoration: underline; color: #00aeef; }
.color-cyan a:hover { color: black; }
div.color-cyan { display: inline; }
.color-green { color: #65ba30; }
.color-green a { text-decoration: underline; color: #65ba30; }
.color-green a:hover { color: black; }
div.color-green { display: inline; }
.color-purple { color: #742e98; }
.color-purple a { text-decoration: underline; color: #742e98; }
.color-purple a:hover { color: black; }
div.color-purple { display: inline; }
.color-yellow { color: #d4c400; }
.color-yellow a { text-decoration: underline; color: #d4c400; }
.color-yellow a:hover { color: black; }
div.color-yellow { display: inline; }
.color-black { color: #000000; }
.color-black a { text-decoration: underline; color: #000000; }
.color-black a:hover { color: black; }
div.color-black { display: inline; }
.color-yellow { color: #D4C400; }
div.color-yellow { display: inline; }

.social-follow-widget { margin: 0 0 24px 0; font-size: 0; }
.social-follow-widget > a { display: inline-block; margin: 0 6px; border-radius: 20px; width: 40px; height: 40px; background-color: #00adef; background-repeat: no-repeat; background-position: center; }
.social-follow-widget > a:hover { background-color: #000; }
.social-follow-widget > a.linkedin { background-image: url(../img/social/linkedin-white.svg); }
.social-follow-widget > a.facebook { background-image: url(../img/social/facebook-white.svg); }
.social-follow-widget > a.twitter { background-image: url(../img/social/twitter-white.svg); }
@media print {
    .social-follow-widget { display: none; }
}

body.black { background-color: #000; }
.black .page { overflow-x: visible; }
body.black header { background-color: #fff; }
body.black footer { background-color: #000; }
body.black footer .social-follow-widget > a { background-color: #6C6E71; }
body.black footer .social-follow-widget > a:hover { background-color: #00adef; }
.blm { position: relative; }
body.black .blm { background-color: #000; color: #fff; }
body.black .blm::before,
body.black .blm::after { content: ""; position: absolute; z-index: 3; top: 0; right: 0; width: 50%; height: 116%; background: url(../img/banner-circles-light.png) no-repeat bottom right / 200% auto; overflow: hidden; pointer-events: none; }
body.black .blm::before { background-position: top left; top: -4%; right: auto; left: 0; bottom: -20%; height: auto; }
.blm section { max-width: 1024px; }
.blm section:first-child { margin-top: 0; padding-top: 120px; }
.blm.ceos-stand::before,
.blm.ceos-stand::after { top: -2%; }
.blm.ceos-stand section { max-width: 1280px; }
.blm.ceos-stand section table { margin-bottom: 48px; }
.blm.ceos-stand section table td { padding: 4px 12px; }
body.black .blm.ceos-stand section table td { color: #fff; }
.blm.ceos-stand section a.button { margin: 48px 0; padding: 24px 48px; font-family: 'Hind Medium'; font-size: 36px; }
body.black .blm.ceos-stand section a.button { border: none; }
.blm.ceos-stand section.our-pledge { border: 8px solid #00adef; padding: 40px; background-color: #fff; font-size: 85%; color: #333; }
.blm.ceos-stand section.our-pledge td,
.blm.ceos-stand section.our-pledge h2 { font-family: 'Lato',Helvetica,Arial,sans-serif; color: #333; }
body.black .blm.ceos-stand section.our-pledge td,
body.black .blm.ceos-stand section.our-pledge h2 { color: #333; }
.blm.ceos-stand section.our-pledge table.numbering { margin-bottom: 0; }
.blm.ceos-stand section.our-pledge table.numbering td { padding-bottom: 24px; font-size: 23px; }
.blm.ceos-stand section.our-pledge table.numbering td img { width: 120px; }
.blm.ceos-stand section.our-pledge table.numbering td strong { font-size: 28px; }
.blm.ceos-stand section.our-pledge table.numbering td p { line-height: 140%; }
.blm section.rich-text.image > img { width: 33.33%; }
.blm section.rich-text p { line-height: 125%; }
@media (max-width: 1328px) {
    .blm section:first-child { margin: 0 12.5% 4.25%; padding-top: 10%; }
    .blm.ceos-stand section { margin: 0 6.25% 4.25%; }
    .blm.ceos-stand section.our-pledge table.numbering td { font-size: 1.5vw; }
    .blm.ceos-stand section.our-pledge table.numbering td strong { font-size: 1.85vw; }
    .blm.ceos-stand section a.button { font-size: 2.5vw; }
}
@media (max-width: 767px) {
    .blm.ceos-stand::before,
    .blm.ceos-stand::after { top: -20px; }
    .blm.ceos-stand section.our-pledge { padding: 12px; }
    .page .blm.ceos-stand section h2 { padding-top: 6px; }
    .blm.ceos-stand section.our-pledge table.numbering td { font-size: 12px; }
    .blm.ceos-stand section.our-pledge table.numbering td strong { font-size: 16px; }
    .blm.ceos-stand section.our-pledge table.numbering td img { width: 86px; }
    .blm.ceos-stand section a.button { padding: 3% 6%; font-size: 18px; }
}
@media (max-width: 511px) {
    .blm.ceos-stand section table td { padding: 4px; }
    .blm.ceos-stand section.our-pledge table.numbering td img { width: 43px; }
}


span.keep-together { white-space: nowrap; }

#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:200;color:#fff;}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner{position:relative;border:1px solid #303030;overflow:hidden;height:100px;}
#sb-body{position:relative;height:100%;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-loading-inner span{background:url(../img/shadowbox/loading.gif) no-repeat;padding-left:34px;display:inline-block;}
#sb-body,#sb-loading{background-color:#060606;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title,#sb-title-inner{height:26px;line-height:26px;}
#sb-title-inner{font-size:16px;}
#sb-info,#sb-info-inner{height:20px;line-height:20px;}
#sb-info-inner{font-size:12px;}
#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}
#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}
#sb-nav-close{background-image:url(../img/shadowbox/close.png);}
#sb-nav-next{background-image:url(../img/shadowbox/next.png);}
#sb-nav-previous{background-image:url(../img/shadowbox/previous.png);}
#sb-nav-play{background-image:url(../img/shadowbox/play.png);}
#sb-nav-pause{background-image:url(../img/shadowbox/pause.png);}
#sb-counter{float:left;width:45%;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}

section.rich-text.image .image.video .thumb { position: relative; }
section.rich-text.image .image.video .thumb::before,
section.rich-text.image .image.video .thumb::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); width: 49px; height: 49px; opacity: 0.75; }
section.rich-text.image .image.video .thumb::before { border-radius: 36px; background: #fff; box-shadow: 0 0 8px rgba(0,0,0,.5); }
section.rich-text.image .image.video .thumb::after { width: 0; height: 0; margin-left: 3px; border-left: 18px solid #00adef; border-top: 12px solid transparent; border-bottom: 12px solid transparent; z-index: 2; }
section.rich-text.image .image.video:hover .thumb::before { opacity: 1; }
section.rich-text.image .image.video:hover .thumb::after { border-left-color: #000; }

@media (max-width: 1612px) {
    html[lang="de"] nav.primary a { font-size: 19px; }
    html[lang="de"] .lang-dropdown { font-size: 19px; }

    html[lang="es"] nav.primary a { font-size: 17px; }
    html[lang="es"] .lang-dropdown { font-size: 17px; }

    html[lang="fr-ca"] nav.primary a { font-size: 16px; }
    html[lang="fr-ca"] .lang-dropdown { font-size: 16px; }

    html[lang="ru"] nav.primary a { font-size: 18px; }
    html[lang="ru"] .lang-dropdown { font-size: 18px; }

    html[lang="es"] .practices-partners { width: 350%; }
    html[lang="de"] .practices-partners,
    html[lang="fr-ca"] .practices-partners { width: 400%; }
    html[lang="es"] .practices-partners .left { width: 28.5714%; }
    html[lang="de"] .practices-partners .left,
    html[lang="fr-ca"] .practices-partners .left { width: 25%; }
    html[lang="es"] .practices-partners .right { width: 71.4286% }
    html[lang="de"] .practices-partners .right,
    html[lang="fr-ca"] .practices-partners .right { width: 75%; }
    html[lang="de"] .practices-partners .right .search input,
    html[lang="es"] .practices-partners .right .search input,
    html[lang="fr-ca"] .practices-partners .right .search input { padding-left: 56px; }
}


/*@media (max-width: 1279px) {*/
@media (max-width: 1328px) {
    section.form .actions input,
    dialog button,
    a.opportunity-apply-button,
    body, td, select, input, textarea { font-size: 2vw; }
    section.form .field input[type="file"] { font-size: 1.5vw; }
    .practice-list ul li ul li { font-size: 1.75vw; }
    .practice-list ul li ul { padding-left: 8%; }
    p { margin: 2% 0; }
    dialog button { margin: 0 0 2% 0; }

    header { padding: 0 0 0 16px; }
    h1.logo a,
    div.logo a { width: 120px; height: 64px; background-size: 100%; }
    nav.primary { margin-right: 120px; }
    nav.secondary { margin: 0 2.75% 4.5%; }
    body.location .search-practices { margin-top: 4.5%; }
    nav a,
    footer .subnav a { padding: 0 8px; }
    nav.primary a { font-size: 1.4vw; line-height: 64px; }
    nav.primary > ul > li.current > a::after { left: 8px; right: 8px; }
    html[lang="de"] nav.primary a { font-size: 1.30vw; font-weight: normal; }
    html[lang="es"] nav.primary a  { font-size: 1.20vw; font-weight: normal; }
    html[lang="fr-ca"] nav.primary a { font-size: 1.15vw; font-weight: normal; }
    html[lang="ru"] nav.primary a { font-size: 1.25vw; }

    nav.primary > ul > li > a { line-height: 64px; }
    nav.primary > ul > li.current > a::after { height: 6px; }
nav.primary > ul > li.grey > a::after { left: 8px; right: 8px; height: 6px; }
nav.primary > ul > li.magenta > a::after { left: 8px; right: 8px; height: 6px; }
nav.primary > ul > li.cyan > a::after { left: 8px; right: 8px; height: 6px; }
nav.primary > ul > li.green > a::after { left: 8px; right: 8px; height: 6px; }
nav.primary > ul > li.purple > a::after { left: 8px; right: 8px; height: 6px; }
nav.primary > ul > li.yellow > a::after { left: 8px; right: 8px; height: 6px; }
nav.primary > ul > li.black > a::after { left: 8px; right: 8px; height: 6px; }
    nav.secondary > ul > li > a { padding: 0 16px; line-height: 300%; }
    nav.secondary > ul > li.current > a::after { height: 6px; left: 16px; right: 16px; }
    nav.secondary a { /*font-family: 'Hind Medium';*/ font-size: 1.75vw; line-height: 64px; }

    .practices-partners .left li a { font-size: 1.75vw; }
    .practices-partners .right .results .thumbs li a .name { padding: 1% 0; font-size: 1.75vw; }
    .practices-partners .right .results .thumbs li a .role,
    .practices-partners .right .results .thumbs li a .location { font-size: 1.25vw; }

    nav.body .practices-partners .left li a { font-size: 1.75vw; }
    nav.body .practices-partners .right .results .thumbs li a .name { padding: 3% 0; font-size: 3vw; }
    nav.body .practices-partners .right .results .thumbs li a .role,
    nav.body .practices-partners .right .results .thumbs li a .location { font-size: 2vw; }

    .search-practices .results .title { font-size: 2.4vw }

    .lang-dropdown { /*font-family: 'Hind Medium';*/ font-size: 1.75vw; }

    .nav-right .search-nav { width: 52px; height: 64px; background-size: 56%; }
    .nav-right .lang-nav { width: 52px; height: 64px; background-size: 56%; }

    .page > div.image.full .caption,
    .page > div.image { padding: 0 2.75%; }
    .page > div.image.full { padding: 0; }
    .page > div.image .caption p,
    section .image .caption p { font-size: 1.95vw; }

    section.rich-text.image-margin h2,
    section.rich-text.image-margin p { margin-left: 36%; }
    section.rich-text.image-margin { margin-bottom: 2.75%; padding-bottom: 2.75%; }
    section.rich-text.image-margin h2 { margin-bottom: 2%; }

    section img.left,
    section video.left { width: 33.33%; margin-right: 3%; }
    section img.right,
    section video.right { width: 33.33%; margin-left: 3%; }

    .practices-partners { width: 325%; }
    .practices-partners .left  { width: 30.76615384%; }
    .practices-partners .right { width: 69.23384615%; }
    .practices-partners .right .search input { padding-left: 16%; background-size: 7% auto; font-size: 1.5vw; }
    html[lang="fr-ca"] .practices-partners .right .search input { padding-left: 12.5%; font-size: 1.25vw; }

    nav.body .practices-partners .right .search input { padding-left: 62px; background-size: auto; }

    body.partner.contact .contact h3 a { font-size: 2vw; }
    body.partner.contact .contact .select select { font-size: 2vw; }
    body .contact .select select { font-size: 2vw; }

    section.banner { margin: 0 auto 3%; padding: 3% 0; }
    section.banner .content { margin: 0 2.75%; }
    section.banner .content h3 { font-size: 1.88vw; }
    section.banner .content h2 { font-size: 4.105vw; }
    section.banner .content h1 { font-size: 5.065vw; }

    .media-file .byline { margin: 0.75% 2.75% 0; }

    section.image.columns .image .caption p { margin: 2%; font-size: 1.95vw; }
    section.image.columns .image .caption ol,
    section.image.columns .image .caption ul { padding-left: 4%; }
    section.image.columns .image:hover .caption { font-size: 1.95vw; }
    section.image.columns.columns-1 .image .caption p { margin: 1%; }
    section.image.columns.columns-2 .image .caption p { margin: 2%; }
    section.image.columns.columns-3 .image .caption p { margin: 3%; }
    section.image.columns.columns-4 .image .caption p { margin: 4%; }
    section.image.columns.columns-4 .image .caption p { margin: 5%; }

    section.conversation { margin: 0 auto 4.25%; }


    section { margin: 2.75% 2.75% 4.25%; }
    section.columns3 {  }
    .page > h1,
    .page > h2,
    .page > h3,
    .page > h4,
    .page > h5,
    .page > h6 { margin: 0 2.75% 2.75%; }
    .page > h1 { font-size: 6vw; }
    .page > h1.keylines,
    .page > h2.keylines.slogan { margin: 0 2.75% 2.75%; }
    .page > h1.keylines sup,
    .page > h2.keylines.slogan sup { font-size: 1.25vw; }
    .page > h2 { font-size: 2.85vw; }

    .page > h2,
    .partner .page h2,
    .partner section.rich-text h2,
    .page section h2 { margin: 0 0 2% 0; font-size: 3vw; }
    .page > h2,
    .partner .page h2 { margin: 2% 2.75%; }
    
    .page > h2.subtitle { margin: 3% 2.75%; font-size: 2.5vw; }

    .location .page > h2,
    .partner .page > h2,
    .partner section.rich-text h2 {
        padding-top: 2%;
    }

    .page > img { max-width: none; margin: 0 0 4.25% 0; padding: 0 2.75% 0; }
    .page > img.full { padding: 0; }

    .intro { margin-bottom: 3%; font-size: 2.5vw; }

    .filters { overflow: hidden; }
    .filters,
    .filters.news .options .search-input input,
    .filters .options .select select { font-size: 24px; }
    .filters .options .select { width: 392px; margin-left: 20px; padding-left: 20px; }
    .filters .options .select select { width: 420px; }

    .tile .type { font-size: 1.8vw; }
    .tile .title { font-size: 2.55vw; }
    .tile .summary { font-size: 1.8vw; }

    .tile.text .type { font-size: 1.8vw; }
    .tile.text .title { font-size: 3vw; }

    .tile.social .type { font-size: 1.8vw; }
    .tile.social .title { font-size: 2vw; }

    .tile.image .type { font-size: 1.4vw; }
    .tile.image .title { font-size: 2.30vw; margin-bottom: 2px; margin-top: 4px;}
    .tile.image.bt.type-first .title { font-size: 2.25vw; }
    .tile.image .summary { font-size: 1.5vw; }

    .tile.type-bar-image.bt .text .type { font-size: 1.8vw; }
    .tile.type-bar-image.bt .text .title { font-size: 2.7vw; }
    .tile.type-bar-image.bt .text .summary { font-size: 1.95vw; }

    .tile.alt-sizes .text .type,
    .tile.type-bar-image.bt.alt-sizes .text .type { font-size: 2.1vw; }
    .tile.alt-sizes .text .title,
    .tile.type-bar-image.bt.alt-sizes .text .title { font-size: 2.1vw; }
    .tile-quote { font-size: 1.25vw; }

    .tile.title-bar-image.bt .text .type { font-size: 1.8vw; }
    .tile.title-bar-image.bt .text .title { font-size: 2.7vw; }
    .tile.title-bar-image.bt .text .summary { font-size: 1.95vw; }

    .tile.text-only.ot .text .type { font-size: 1.55vw; }
    .tile.text-only.ot .text .title { font-size: 2.8vw; }
    .tile.text-only.ot .text .summary { font-size: 1.94vw; }

    .tile.banner .text .type { font-size: 1.78vw; }
    .tile.banner .text .title { font-size: 2.72vw; }
    .tile.banner .text .summary { font-size: 2.1vw; }

    .tile.wide.left .text .type { font-size: 1.56vw; }
    .tile.wide.left .text .title { font-size: 3.25vw; }
    .tile.wide.left .text .summary { font-size: 2.1vw; }

    .tile .summary .contact .phone,
    .tile .summary .contact .email,
    .tile .summary .contact .address,
    .tile .summary .contact .linkedin { background-size: 3.75%; }

    .tile.split .text .title { font-size: 2.25vw; }
    .tile.split .text .type { font-size: 1.55vw; }
    footer nav a { font-family: 'Hind Medium'; font-size: 16px; }
    footer section { font-size: 12px; }

    .page > h1.keylines,
    .page > h2.keylines.slogan { padding: 1% 2%; font-size: 5.25vw; }

    .contact .contact h3 { font-size: 2vw; line-height: 48px; }

    section.media-file-nav { margin: 4.25% 2.75%; padding: 1% 0; }
    .media-file .page > h1,
    .media-file .page > h2,
    .media-file .page > h3,
    .media-file .page > h4,
    .media-file .page > h5,
    .media-file .page > h6 { margin: 85px 2.75% 54px }

    .media-file .page > h5 { margin: 5.5% 2.75% 3.5%; }

    .media-file .intro { font-size: 2.64vw; }
    
    .site-terms-dialog button { font-size: 1.5vw; }
}

@media (max-width: 1023px) {
    .filters,
    .filters .options .select select { font-size: 24px; }
    .filters .options .select { width: 332px; margin-left: 20px; padding-left: 20px; }
    .filters .options .select select { width: 360px; }

    .filters.news .options .select { width: 46.5%; }
    .filters.news .options .search-input { width: 46.5%; }

    html[lang="es"] .practices-partners .right .results li { font-size: 14px; }
    html[lang="es"] .practices-partners .right .results li a { font-size: 14px; }
}

@media (max-width: 960px) {
    section.form .field.checkbox label.required::before { left: -64px; }
}

@media (max-width: 839px) {
    h1.logo,
    div.logo { margin-right: 0; }
    .conversation.pills .answers li a { padding: 8px 2%; }
    .conversation.pills .answers.too.many li a { padding: 4px 2%; }
    
    .filters,
    .filters .options .select select { font-size: 24px; }
    .filters .options .select { width: 292px; margin-left: 20px; padding-left: 20px; }
    .filters .options .select select { width: 320px; }
}

@media (max-width: 767px) {
    section.form .actions input,
    dialog button,
    a.opportunity-apply-button,
    body, td, select, input, textarea { font-size: 16px; }
    section.form .field input[type="file"] { font-size: 12px; }
    .practice-list ul li ul li { font-size: 14px; }
    p { margin: 12px 0; }
    dialog button { margin: 0 0 12px 0; }

    .page { overflow-x: hidden; }
    header { padding: 0 0 0 16px; }
    nav.primary > ul { position: fixed; z-index: 200; top: 64px; right: -276px; bottom: 0; width: 260px; background-color: #fff; box-shadow: -16px 16px 16px rgba(0,0,0,0.25); transition: right 0.2s; }
    nav.primary > ul > li { display: block; }
    nav.primary ul > li > a { display: block; border-bottom: 1px solid #d7d5d5; padding: 16px 12px; font-family: 'Hind Light', Arial, sans-serif; font-size: 26px; line-height: 32px; overflow: hidden; text-overflow: ellipsis; }

    html[lang="de"] nav.primary ul > li > a,
    html[lang="es"] nav.primary ul > li > a,
    html[lang="fr-ca"] nav.primary ul > li > a,
    html[lang="de"] .lang .lang-dropdown li a,
    html[lang="es"] .lang .lang-dropdown li a,
    html[lang="fr-ca"] .lang .lang-dropdown li a { font-size: 18px; }
    nav.primary ul > li > ul > li:last-child > a { border-bottom: 1px solid #d7d5d5; }
    nav.active ul > li:hover > ul,
    nav.active ul > li:hover > .dropdown { display: block; }

    .lang .lang-dropdown li a { font-family: 'Hind Light', Arial, sans-serif; font-size: 26px; }

    nav.primary > a.menu { display: block; right: 120px; }
    nav.primary > ul { text-align: left; }
    nav.primary.opened > a.menu,
    nav.primary:hover > a.menu { background-image: url(../img/menu-over.png); background-color: #00ADEF; }
    nav.primary.opened > ul { right: 0; }
    nav.primary > ul > li.current a::after { top: 12px; bottom: 8px; left: 0; right: auto; width: 6px; height: auto; }

nav.primary > ul > li.grey > a::after { top: 0; bottom: 0; left: 0; right: auto; width: 6px; height: auto; }
nav.primary > ul > li.magenta > a::after { top: 0; bottom: 0; left: 0; right: auto; width: 6px; height: auto; }
nav.primary > ul > li.cyan > a::after { top: 0; bottom: 0; left: 0; right: auto; width: 6px; height: auto; }
nav.primary > ul > li.green > a::after { top: 0; bottom: 0; left: 0; right: auto; width: 6px; height: auto; }
nav.primary > ul > li.purple > a::after { top: 0; bottom: 0; left: 0; right: auto; width: 6px; height: auto; }
nav.primary > ul > li.yellow > a::after { top: 0; bottom: 0; left: 0; right: auto; width: 6px; height: auto; }
nav.primary > ul > li.black > a::after { top: 0; bottom: 0; left: 0; right: auto; width: 6px; height: auto; }

    nav.secondary a { font-size: 22px; }
    nav.secondary > ul > li > a { padding: 0 12px; }
    nav.secondary > ul > li.current > a::after { height: 4px; left: 12px; right: 12px; }

    nav ul > li { position: static; }
    nav ul > li > a { position: relative; }
    nav ul > li:hover > ul,
    nav ul > li:hover > .dropdown { display: none; }
    nav.primary ul > li > ul { display: block; width: 260px; left: 276px; top: 0; bottom: 0; transition: left 0.2s; }
    nav.primary ul > li > ul { z-index: 201; }
    nav.primary ul > li > ul > li > a { line-height: 150%; }
    nav ul > li.active > ul { left: 0; }
    nav.primary ul > li.back { display: block; }
    nav.primary ul > li.back a:before { content: " "; position: absolute; left: 0; display: inline-block; margin: 0 16px; width: 32px; height: 32px; border-radius: 32px; border: 1px solid #00ADEF; background: url(../img/back-over.png) no-repeat center center / 100%; }
    nav.primary ul > li.back a:hover:before { border-color: #fff; background: url(../img/back-white.png) no-repeat center center / 100%; }
    nav.primary ul > li.back a { padding-left: 64px; }

    nav.primary ul > li > ul > li:last-child > a { border-bottom: none; }
    nav.primary > ul { position: absolute; bottom: auto; z-index: 1000; }
    nav.primary > ul > li.current { padding: 0; }
    nav.primary > ul > li.current > ul { text-align: left; }
    nav.primary > ul > li.current > ul > li { display: block; }
    nav.primary ul > li > ul,
    nav.primary ul > li:hover > ul { display: none; }
    nav.primary > ul li.current > ul { display: block; }
    nav.primary > ul li > a[href="#"] + ul { display: block; }
    nav.primary > ul > li.current ul { position: relative; top: auto; }
    nav.primary > ul > li.current ul > li.back { display: none; }
    nav.primary > ul > li.current > ul > li > a { position: static; padding-left: 20px; }
    nav.primary > ul > li.current > ul > li > ul > li > a { position: static; padding-left: 40px; }
    nav.active ul > li > ul,
    nav.active ul > li > .dropdown { box-shadow: none; min-width: auto; }
    nav.primary ul > li > a { border-bottom: none; padding: 16px 24px; }
    nav.primary ul > li > ul { top: auto; left: auto; width: auto; }
    nav.primary ul > li > ul > li > a { border-bottom: none; white-space: normal; }

    nav.primary > ul > li.current.grey > ul { background-color: #fff; }
    nav.primary > ul > li.current.grey > ul > li > a,
    nav.primary > ul > li.current.grey > ul > li:hover > a { color: #6C6E71; }
    nav.primary > ul > li.current.grey > ul > li.current:hover > a { color: #77777a; }
    nav.primary > ul > li.current.grey > ul > li > a:hover,
    nav.primary > ul > li.current.grey > ul > li.current > a:hover { background-color: #77777a; color: #fff; }
    nav.primary > ul > li.grey > a { background-color: #fff;  }
    nav.primary > ul > li.grey > a::after { top: 8px; bottom: 8px; width: 8px; }
    nav.primary > ul > li.grey ul > li > a::after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; width: 8px; background-color: #77777a; }
    nav.primary > ul > li.current.magenta > ul { background-color: #fff; }
    nav.primary > ul > li.current.magenta > ul > li > a,
    nav.primary > ul > li.current.magenta > ul > li:hover > a { color: #6C6E71; }
    nav.primary > ul > li.current.magenta > ul > li.current:hover > a { color: #ec008c; }
    nav.primary > ul > li.current.magenta > ul > li > a:hover,
    nav.primary > ul > li.current.magenta > ul > li.current > a:hover { background-color: #ec008c; color: #fff; }
    nav.primary > ul > li.magenta > a { background-color: #fff;  }
    nav.primary > ul > li.magenta > a::after { top: 8px; bottom: 8px; width: 8px; }
    nav.primary > ul > li.magenta ul > li > a::after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; width: 8px; background-color: #ec008c; }
    nav.primary > ul > li.current.cyan > ul { background-color: #fff; }
    nav.primary > ul > li.current.cyan > ul > li > a,
    nav.primary > ul > li.current.cyan > ul > li:hover > a { color: #6C6E71; }
    nav.primary > ul > li.current.cyan > ul > li.current:hover > a { color: #00aeef; }
    nav.primary > ul > li.current.cyan > ul > li > a:hover,
    nav.primary > ul > li.current.cyan > ul > li.current > a:hover { background-color: #00aeef; color: #fff; }
    nav.primary > ul > li.cyan > a { background-color: #fff;  }
    nav.primary > ul > li.cyan > a::after { top: 8px; bottom: 8px; width: 8px; }
    nav.primary > ul > li.cyan ul > li > a::after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; width: 8px; background-color: #00aeef; }
    nav.primary > ul > li.current.green > ul { background-color: #fff; }
    nav.primary > ul > li.current.green > ul > li > a,
    nav.primary > ul > li.current.green > ul > li:hover > a { color: #6C6E71; }
    nav.primary > ul > li.current.green > ul > li.current:hover > a { color: #65ba30; }
    nav.primary > ul > li.current.green > ul > li > a:hover,
    nav.primary > ul > li.current.green > ul > li.current > a:hover { background-color: #65ba30; color: #fff; }
    nav.primary > ul > li.green > a { background-color: #fff;  }
    nav.primary > ul > li.green > a::after { top: 8px; bottom: 8px; width: 8px; }
    nav.primary > ul > li.green ul > li > a::after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; width: 8px; background-color: #65ba30; }
    nav.primary > ul > li.current.purple > ul { background-color: #fff; }
    nav.primary > ul > li.current.purple > ul > li > a,
    nav.primary > ul > li.current.purple > ul > li:hover > a { color: #6C6E71; }
    nav.primary > ul > li.current.purple > ul > li.current:hover > a { color: #742e98; }
    nav.primary > ul > li.current.purple > ul > li > a:hover,
    nav.primary > ul > li.current.purple > ul > li.current > a:hover { background-color: #742e98; color: #fff; }
    nav.primary > ul > li.purple > a { background-color: #fff;  }
    nav.primary > ul > li.purple > a::after { top: 8px; bottom: 8px; width: 8px; }
    nav.primary > ul > li.purple ul > li > a::after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; width: 8px; background-color: #742e98; }
    nav.primary > ul > li.current.yellow > ul { background-color: #fff; }
    nav.primary > ul > li.current.yellow > ul > li > a,
    nav.primary > ul > li.current.yellow > ul > li:hover > a { color: #6C6E71; }
    nav.primary > ul > li.current.yellow > ul > li.current:hover > a { color: #d4c400; }
    nav.primary > ul > li.current.yellow > ul > li > a:hover,
    nav.primary > ul > li.current.yellow > ul > li.current > a:hover { background-color: #d4c400; color: #fff; }
    nav.primary > ul > li.yellow > a { background-color: #fff;  }
    nav.primary > ul > li.yellow > a::after { top: 8px; bottom: 8px; width: 8px; }
    nav.primary > ul > li.yellow ul > li > a::after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; width: 8px; background-color: #d4c400; }
    nav.primary > ul > li.current.black > ul { background-color: #fff; }
    nav.primary > ul > li.current.black > ul > li > a,
    nav.primary > ul > li.current.black > ul > li:hover > a { color: #6C6E71; }
    nav.primary > ul > li.current.black > ul > li.current:hover > a { color: #000000; }
    nav.primary > ul > li.current.black > ul > li > a:hover,
    nav.primary > ul > li.current.black > ul > li.current > a:hover { background-color: #000000; color: #fff; }
    nav.primary > ul > li.black > a { background-color: #fff;  }
    nav.primary > ul > li.black > a::after { top: 8px; bottom: 8px; width: 8px; }
    nav.primary > ul > li.black ul > li > a::after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; width: 8px; background-color: #000000; }

    nav ul > li > .dropdown { display: block; }
    .practices-partners { z-index: 1; top: 0; bottom: 0; left: 276px; width: 260px; height: auto; background-color: #fff; transition: left 0.2s; }

    li.active > .practices-partners { left: 0; overflow-y: auto; -webkit-overflow-scrolling: touch; }
    html[lang="es"] .practices-partners .left,
    html[lang="fr-ca"] .practices-partners .left,
    .practices-partners .left { position: static; width: 100%; white-space: nowrap; }
    .practices-partners .left li { display: inline-block; width: 25%; }
    .practices-partners .left li a { display: inline-block; width: 100%; padding: 0 2px; font-size: 12px; text-align: center; }
    html[lang="es"] .practices-partners .right
    html[lang="fr-ca"] .practices-partners .right,
    .practices-partners .right { position: static; width: auto; padding: 8px; }
    .practices-partners .right .results { max-height: none; overflow: hidden; }
    .practices-partners .right .search input { padding-left: 32px; background-position: 8px center; font-size: 12px; }
    /*.practices-partners .right .search input { padding-left: 14%; background-size: 7% auto; font-size: 1.5vw; }*/

    .practices-partners .right .results .thumbs li a .name { padding: 2px 0; font-size: 1.75vw; }

    .practices-partners .right .results .thumbs li a .role,
    .practices-partners .right .results .thumbs li a .location { font-weight: normal; }
    .practices-partners .right .results .half { max-height: none; overflow-y: hidden; }
    .nav-right { position: static; float: right; margin-right: 16px; }
    .nav-right .search { position: static; }
    .nav-right .search-dropdown { width: 100%; }
    .nav-right .search-types li a { font-size: 3.45vw; }
    /* <768 */
    nav.body .practices-partners .left li a { font-size: 1.75vw; }
    nav.body .practices-partners .right .results .thumbs li a .name { padding: 8px 0; font-size: 24px; }
    nav.body .practices-partners .right .results .thumbs li a .role,
    nav.body .practices-partners .right .results .thumbs li a .location { font-size: 16px; }
    nav.body .practices-partners .right { padding: 0; }
    nav.body .practices-partners .right .search input { padding-left: 40px; background-size: 24px; font-size: 2.5vw; }
    nav.body .practices-partners .right .results { max-height: none; }

    .search-practices .results .title { font-size: 20px; }

    section img.above-center { width: 50%; margin-bottom: 4.25%; }

    section.conversation { padding-top: 54.675%; /*background-size: 150%; background-position: center center;*/ }
    section.conversation .image { left: -25%; width: 150%; }
    section.conversation .video { left: -25%; width: 150%; }
    .banner > .title,
    .conversation.overlay .question { width: 50%; left: 25%; font-size: 8vw; }
    .conversation.overlay .answers li a { width: 92%; margin: 1% 4%; font-size: 3.75vw; line-height: 130%; }

    section.conversation.pills { padding-top: 0; }
    .conversation.pills .inner { position: relative; top: 0; transform: none; padding: 4.25% 0; }
    .conversation.pills.no-answers .inner { padding: 4.25% 0 0 0; }

    .conversation.pills .inner { left: 4%; width: 92%; }
    .conversation.pills .question { padding: 1% 9% 1% 9%; font-size: 4vw; /*line-height: 175%;*/ }
    .conversation.pills .question .back,
    .conversation.pills .question .close { width: 8%; margin-top: 0; padding-top: 7.5%; line-height: 0; }
    .conversation.pills .answers li { flex: 0 1 50%; max-width: 50%; }
    .conversation.pills .answers li a { font-size: 3vw; }
    .conversation.pills .answers.many li { flex: 0 1 33.33%; padding: 2px 2%; }
    .conversation.pills .answers.many li a { font-size: 3vw; }
    .conversation.pills .answers.too.many li a { font-size: 2vw; }

.conversation.pills .answers li:nth-child(odd) { text-align: left; }
.conversation.pills .answers li:nth-child(even) { text-align: right; }
    .page > h1 { font-size: 42px; }
    .page > h2.subtitle {font-size: 20px; }
    .intro { font-size: 20px; }
    .partner section.rich-text h2,
    .page section h2 { padding-top: 24px; font-size: 24px; }
    .page section.rich-text.image.left h2,
    .page section.rich-text.image.left-50 h2,
    .page section.rich-text.image.right h2,
    .page section.rich-text.image.right-50 h2 { padding-top: 0; font-size: 24px; }
    
    .partner section.rich-text h2,
    .page section h2 {margin: 0 0 24px 0;}
    section.form form h2 { margin: 24px 0 0 0; }

    .filters,
    .filters.news .options .search-input input,
    .filters .options .select select { font-size: 20px; }
    .filters .options .select { width: 212px; margin-left: 20px; padding-left: 20px; }
    .filters .options .select select { width: 240px; }

    .tileset { padding-bottom: 0; }

    .tile .type { font-size: 2.5vw; }
    .tile .title { font-size: 3.8vw; }
    .tile .summary { font-size: 3vw; }

    .tile.text .type { font-size: 2.25vw; }
    .tile.text .title { font-size: 4.5vw; }

    .tile.social .type { font-size: 2.75vw; }
    .tile.social .title { font-size: 4.5vw; }

    .tile.image .title { font-size: 3.5vw; margin-bottom: 2px; margin-top: 4px;}
    .tile.image .type { font-size: 2.2vw; }
    .tile.image .summary { font-size: 2.75vw; }
    .tile.image.bt.type-first .title { font-size: 3.25vw; }

    .tile.banner .text .type { font-size: 2.25vw; }
    .tile.banner .text .title { font-size: 3.9vw; }
    .tile.banner .text .summary { font-size: 2.75vw; }

    .tile.type-bar-image.bt .text .type { font-size: 2.25vw; }
    .tile.type-bar-image.bt .text .title { font-size: 3.9vw; }
    .tile.type-bar-image.bt .text .summary { font-size: 2.75vw; }

    .tile.alt-sizes .text .type,
    .tile.type-bar-image.bt.alt-sizes .text .type { font-size: 3.1vw; }
    .tile.alt-sizes .text .title,
    .tile.type-bar-image.bt.alt-sizes .text .title { font-size: 3.1vw; }
    .tile-quote { font-size: 1.9vw; }

    .tile.title-bar-image.bt .text .type { font-size: 2.25vw; }
    .tile.title-bar-image.bt .text .title { font-size: 3.9vw; }
    .tile.title-bar-image.bt .text .summary { font-size: 2.75vw; }

    .tile.text-only.ot .text .type { font-size: 2.25vw; }
    .tile.text-only.ot .text .title { font-size: 3.9vw; }
    .tile.text-only.ot .text .summary { font-size: 2.75vw; }

    .tile.text-only.ot.testimonial .summary { font-size: 4vw; }

    .tile.split .text .title { font-size: 3.5vw; }
    .tile.split .text .type { font-size: 2.25vw; }

    .tile.grid-04 { width: 50%; }
    /*.tile.grid-04 .tile-spacing { padding: 4.5% 1.5%; }*/

    .tile.grid-08 { width: 100%; }
    .tile.grid-08.side-image.left .image { position: relative; width: 50%; }
    /*.tile.grid-08.side-image .text { padding: 4% 0; }*/

    .tile.grid-12::before { padding-top: 47.75%; }
    
    .tile.grid-12.side-image.left .tile-content,
    .tile.grid-12.wide.left .tile-content { padding-bottom: 2.25%; }
    .tile.grid-12.side-image.left .tile-content:before,
    .tile.grid-12.side-image.ot.left .tile-content::before { margin: 0 0 0 47.75%; }
    .tile.grid-12.side-image.ot.right .tile-content::before { margin: 0 47.75% 0 0; }
    .tile.grid-12.wide.left .tile-content:before { margin: 0 0 0 50%; }
    .tile.grid-12.side-image.left .image,
    .tile.grid-12.wide.left .image { width: 47.75%; }
    .tile.grid-12.side-image.left .title,
    .tile.grid-12.wide.left .title { margin: 2.25% 2.25% 0 50%; font-size: 4.75vw; }
    .tile.grid-12.side-image.left .type,
    .tile.grid-12.wide.left .type { margin: 2.25% 2.25% 0 50%; font-size: 2.75vw; }
    .tile.grid-12.side-image.left .summary,
    .tile.grid-12.wide.left .summary { margin-left: 50%; margin-right: 2.25%; font-size: 3vw; }

    .tile.grid-12.side-image.right .image { margin-left: 52.25%; width: 47.75%; }
    .tile.grid-12.side-image.right .title { margin: 2.25% 50% 0 2.25%; font-size: 4.75vw; }
    .tile.grid-12.side-image.right .summary { margin: 2.25% 50% 0 2.25%; font-size: 2.75vw; }
    .tile.grid-12.side-image.ot.right .tile-content::before { margin: 0; }


    .tile.grid-12.wide.left.bt .type,
    .tile.grid-12.wide.left.bt .title,
    .tile.grid-12.wide.left.bt .summary { margin-left: 52.25%; }

    .tile .summary .contact .phone,
    .tile .summary .contact .email,
    .tile .summary .contact .address,
    .tile .summary .contact .linkedin { padding-left: 9%; background-size: 7.5%; }
    
    .tileset .summary .contact .phone-message { left: 9%; }

    .quote { width: 47.75%; }

    section .image { width: 47.75%; /*margin-bottom: 10px;*/ }

    body .contact h3 { font-size: 24px; line-height: 200%; }

    body.partner.contact .map { float: none; width: 100%; }
    body.partner.contact .contact { margin-left: 0; margin-top: 30px; }
    body.partner.contact .contact h3 a { font-size: 24px; }
    body.partner.contact .contact .select select { font-size: 24px; }
    body .contact .select select { font-size: 24px; }

    body.location.contact .contact { float: none; width: auto; }
    body.location.contact .office { margin-bottom: 40px; }
    body.location.contact .map { width: auto; }
    .contact-info.media-contact { margin-top: 4%; }
    .contact-info.media-contact h2 { margin: 0 0 1% 0; }
    .contact-info.media-contact p { margin: 2% 0; }

    .media-file .page > h5 { margin: 4.5% 2.75%; }
    .media-file .intro { font-size: 24px; }

    section.media-file-nav .share { width: 50%; }
    section.media-file-nav .page-nav { width: 50%; text-align: right; }
    section.media-file-nav .download { display: none; }

    .featured-opportunities .tile:nth-child(3) { display: none; }

    table.icons td:first-child { width: 9%; }

    section.form .field .short input,
    section.form .field .short textarea,
    section.form .field .short .select,
    section.form .field .medium input,
    section.form .field .medium textarea,
    section.form .field .medium .select { width: 100%; }

    section.form .field .date.short input,
    section.form .field .date.short .select,
    section.form .field .date.medium input,
    section.form .field .date.medium .select { width: 33.33%; }
    
    #site-terms button,
    .site-terms-dialog button { font-size: 16px; }
        

    #site-terms.short > div { display: flex; justify-content: space-between; width: 100%; }
    #site-terms > div button { width: 49%; margin: 0; } 
}

@media (max-width: 767px) and (min-width: 511px) {
    body.home .tileset.tint-tiles .tile.grid-04.type-bar-image.bt.grey:last-child .tile-content { background-color: #77777a; }
    body.home .tileset.tint-tiles .tile.grid-04.type-bar-image.bt.magenta:last-child .tile-content { background-color: #ec008c; }
    body.home .tileset.tint-tiles .tile.grid-04.type-bar-image.bt.cyan:last-child .tile-content { background-color: #00aeef; }
    body.home .tileset.tint-tiles .tile.grid-04.type-bar-image.bt.green:last-child .tile-content { background-color: #65ba30; }
    body.home .tileset.tint-tiles .tile.grid-04.type-bar-image.bt.purple:last-child .tile-content { background-color: #742e98; }
    body.home .tileset.tint-tiles .tile.grid-04.type-bar-image.bt.yellow:last-child .tile-content { background-color: #d4c400; }
    body.home .tileset.tint-tiles .tile.grid-04.type-bar-image.bt.black:last-child .tile-content { background-color: #000000; }
    body.home .tileset.tint-tiles .tile.grid-04.type-bar-image.bt:last-child  { width: 100%; }
    body.home .tileset.tint-tiles .tile.grid-04.type-bar-image.bt:last-child::before { padding-top: 50%; }
    body.home .tileset.tint-tiles .tile.grid-04.type-bar-image.bt:last-child .tile-spacing { padding: 2.25%; }
    body.home .tileset.tint-tiles .tile.grid-04.type-bar-image.bt:last-child .image { width: 50%; }
    body.home .tileset.tint-tiles .tile.grid-04.type-bar-image.bt:last-child .image:after { right: 50%; }
    body.home .tileset.tint-tiles .tile.grid-04.type-bar-image.bt:last-child .tile-content:hover { background-color: #000; }
    body.home .tileset.tint-tiles .tile.grid-04.type-bar-image.bt:last-child .tile-content:hover .image:after { background-color: rgba(0,0,0,0.2); }
    body.home .tileset.tint-tiles .tile.grid-04.type-bar-image.bt:last-child .text { position: absolute; top: 0; bottom: 0; width: 100%; padding: 1% 0 2% 0; }
    body.home .tileset.tint-tiles .tile.grid-04.type-bar-image.bt:last-child .text .type { top: -2.25%; margin: 0 0 0 50%; padding: 2% 3.75% 2% 3.75%; background-color: rgba(255, 255, 255,0.2); }
    body.home .tileset.tint-tiles .tile.grid-04.type-bar-image.bt:last-child .text .title { margin: 2.25% 2.25% 2.25% 52.25%; padding: 0; opacity: 1; }
    body.home .tileset.tint-tiles .tile.grid-04.type-bar-image.bt:last-child .text .summary { margin: 0 2.25% 0 52.25%; padding: 0; opacity: 1; }
}

@media (max-width: 511px) {
    header { padding: 0 0 0 8px; }
    h1.logo a { background-size: 90% auto; }
    div.logo a img { width: 90%; }

    nav.secondary { margin: 0 0 4.25% 0; }
    nav.secondary ul > li { display: block; }
    nav.secondary ul > li a { display: block; font-size: 24px; line-height: 150%; }
    nav.secondary > ul > li.current > a::after { display: none; }
    nav.secondary ul > li:hover > ul { display: none; }

    nav.body .practices-partners .left li a { font-size: 4vw; }
    html[lang="de"] nav.body .practices-partners .left li a,
    html[lang="es"] nav.body .practices-partners .left li a,
    html[lang="fr-ca"] nav.body .practices-partners .left li a { font-size: 3vw; }
    nav.body .practices-partners .right .results .thumbs li a .name { padding: 1% 0; }
    .search-practices .results .half { float: none; width: auto; }
    .search-practices .results .title { font-size: 32px; }
    .search-practices .results a { font-size: 24px; }

    section.conversation { padding-top: 72.90%; }
    section.conversation .image { left: -50%; width: 200%; }
    section.conversation .video { left: -50%; width: 200%; }
    section.conversation.left .image { left: 0; width: 200%; }
    section.conversation.right .image { left: -100%; width: 200%; }
    .banner > .title,
    .conversation.overlay .question { width: 75%; left: 12.5%; font-size: 10vw; }
    .conversation.overlay .answers li a { width: 92%; margin: 1% 4%; font-size: 6vw; line-height: 110%; }
    .conversation.pills .inner { left: 4%; width: 92%; }
    div .conversation.rows .question { margin: 0; padding: 44px 9%; font-size: 6vw; }
    .conversation.pills .answers { justify-content: center; text-align: center; }
    .conversation.pills .answers li a { padding: 6px 2%; }
    
    div.has_conversation > h1,
    div.has_conversation > h1,
    div.has_conversation > section { display: none; }
    div.has_conversation > footer { display: none; margin: 0; }
    div.has_conversation header { display: block; background-color: #fff; }
    div.has_conversation .conversation { display: block; margin: 0; }
    div.has_conversation .conversation::before,
    div.has_conversation .conversation::after { display: none; }
    div.has_conversation .conversation .inner { left: 0; width: auto; padding-bottom: 44px; }
    div.has_conversation .conversation .question { margin: 0; padding: 44px 9%; font-size: 8vw; /*line-height: 160%;*/ }
    div.has_conversation .conversation .question .back,
    div.has_conversation .conversation .question .close { display: block; top: 16px; width: 44px; padding-top: 44px; transform: translateY(-50%); background-size: 100%; }
    div.has_conversation .conversation .question .back { left: 8px; }
    div.has_conversation .conversation .question .close { right: 8px; }
    div.has_conversation .conversation .answers li { flex: 0 1 100%; width: auto; max-width: none; }
    div.has_conversation .conversation .answers li a { font-size: 6vw; }
    div.has_conversation .conversation.rows .answers li a { padding: 8px 0; }
    div.has_conversation .conversation .answers.many li { flex: 0 1 100%; }
    div.has_conversation .conversation .answers.many li a { font-size: 6vw; padding: 6px 2%; }
    div.has_conversation .conversation .answers.too.many li a { font-size: 6vw; }

    section.rich-text.columns2,
    form.columns2 { column-count: auto; }

.conversation.pills .answers li:nth-child(odd) { text-align: center; }
.conversation.pills .answers li:nth-child(even) { text-align: center; }
    section.conversation.collapse { padding-bottom: 4.5%; }

    .partner section.banner:before { height: auto; background-position: left 140px; }
    section.banner .circle { float: none; width: 60%; margin: 10px 0 0 20%; }
    section.banner .content h1,
    .partner section.banner .content h1,
    section.banner .content h2,
    .partner section.banner .content h2,
    section.banner .content h3,
    .partner section.banner .content h3,
    .partner section.banner .content ul.role { margin-left: 0; }
    section.banner .content h1 { margin-bottom: 0; font-size: 36px; text-align: center; }
    section.banner .content h2 { font-size: 30px; }
    section.banner .content h3 { margin-top: 24px; font-size: 22px; }
    section.banner .content h3.role { text-align: center; }

    .media-file section.banner .content h1 { text-align: left; }
    section.banner .content.left-image h1,
    section.banner .content.left-image h2,
    section.banner .content.left-image h3 { margin-left: 0; }

    .page > h1.keylines,
    .page > h2.keylines.slogan { font-size: 38px; }
    .page > h1.keylines sup,
    .page > h2.keylines.slogan sup { margin: 4px 0 0 4px; font-size: 12px; }
    .page > h2, .partner .page h2 { font-size: 6vw; }
    .page > div.image .caption p,
    section .image .caption p { font-size: 12px; }
    .practice .page > h3 {margin-top: 0;}

    .intro { padding: 0; }

    .filters,
    .filters .options .select select { font-size: 24px; }
    .filters .options .select { width: 100%; margin-left: 0; border-left: none; border-top: 1px solid #90909044; padding-left: 0; }
    .filters .options .select select { width: 100%; }

    .filters.news .options .select { width: 100%; }
    .filters.news .options .search-input { margin-top: 1.5%; width: 100%; }

    .pager a { width: 16%; max-width: 44px; line-height: 44px; background-size: 100%; }
    .pager a:first-child,
    .pager .page a[href="#"]:first-child { background-size: 100%; }
    .pager .select { display: inline-block; width: 68%; margin: 0 -16% 0 0; overflow: hidden; vertical-align: middle; }
    .pager .select select { width: 116%; padding-right: 32%; font-size: 7.5vw; }

    section img.left,
    section video.left,
    section img.right,
    section video.right { float: none; margin-left: auto; margin-right: auto; width: 100%; }
    section img.above-center { width: 66.66%; }

    section.rich-text.image img.left-50,
    section.rich-text.image video.left-50,
    section.rich-text.image img.right-50,
    section.rich-text.image video.right-50 { width: 100%; margin: 0 0 12px 0; }

    section.rich-text.image .image.left,
    section.rich-text.image .image.right { float: none; margin-left: auto; margin-right: auto; width: 100%; }

    section.rich-text.image-margin h2,
    section.rich-text.image-margin p { margin-left: 0; }

    section.rich-text ul.columns2 { column-count: 1; }
    section.rich-text ul.columns3 { column-count: 1; }

    table.timeline td:first-child { white-space: normal; }

    table.icons td:first-child { width: 12.25%; }

    section.media-file-nav { display: block; padding: 2% 0; }
    section.media-file-nav .share { float: none; width: 100%; }
    section.media-file-nav .share .active { top: 0; transform: none; }
    section.media-file-nav .share .active,
    section.media-file-nav .share .inactive { padding: 0 0 0 44px; line-height: 44px; }
    section.media-file-nav .share::before { width: 34px; }
    section.media-file-nav .page-nav { width: 100%; }
    section.media-file-nav .page-nav { position: relative; top: auto; transform: none; }
    section.media-file-nav .pager .select select { padding-right: 0; font-size: 5vw; text-align: left; }

    .media-file .image { max-width: 100%; }
    .media-file .image.Left,
    .media-file .image.Right { text-align: center; }
    .media-file .image.FloatLeft,
    .media-file .image.FloatRight { float: none; padding: 0; }
    .media-file .image > img { max-width: 100%; }

    .embedded-media .media-center-50 { position: relative; width: 100%; margin: auto; padding-bottom: 100%; height: 0; }

    .tileset { margin-left: 0; margin-right: 0; padding-bottom: 0; }

    /*.tile-spacing { position: relative; }*/
    .tile .title { font-size: 7.75vw;}
    .tile .type { font-size: 5.5vw; }
    .tile .summary { font-size: 6vw; }

    .tile.image.bt.type-first .title { font-size: 6.5vw; }

    /*.tile.text .text { position: relative; }*/
    .tile.text .type { height: 62px; font-size: 5.5vw; }
    .tile.text .title { font-size: 8vw; }

    .tile.social .type { height: 62px; font-size: 5.5vw; }
    .tile.social .title { font-size: 8vw; }

    .tile.image .type { font-size: 4.5vw; }
    .tile.image .title { font-size: 7.5vw; margin-top: 5px;}
    .tile.image .summary { font-size: 5vw; }

    /*.tile.banner .text { position: relative; }*/
    .tile.banner .text .type { font-size: 4.5vw; }
    .tile.banner .text .title { font-size: 7.8vw; }
    .tile.banner .text .summary { font-size: 5.5vw; }

    .tile.side-image .text { /*position: relative;*/ top: 47.75%; }

    .tile.type-bar-image.bt .text .type { font-size: 5vw; }
    .tile.type-bar-image.bt .text .title { font-size: 7.8vw; }
    .tile.type-bar-image.bt .text .summary { font-size: 5.5vw; }

    .tile.alt-sizes .text .type,
    .tile.type-bar-image.bt.alt-sizes .text .type { font-size: 6.2vw; }
    .tile.alt-sizes .text .title,
    .tile.type-bar-image.bt.alt-sizes .text .title { font-size: 6.2vw; }
    .tile-quote { font-size: 3.8vw; }
    .tile.title-bar-image.bt .text .type { font-size: 4.5vw; }
    .tile.title-bar-image.bt .text .title { font-size: 7.8vw; }
    .tile.title-bar-image.bt .text .summary { font-size: 5.5vw; }

    /*.tile.text-only.ot .text { position: relative; }*/
    .tile.text-only.ot .text .type { font-size: 4.5vw; }
    .tile.text-only.ot .text .title { font-size: 7.8vw; }
    .tile.text-only.ot .text .summary { font-size: 5.5vw; }

    .tile.text-only.ot.testimonial .summary { font-size: 8vw; }

    .tile.wide.left .text .type { font-size: 4.5vw; }
    .tile.wide.left .text .title { font-size: 7.8vw; }
    .tile.wide.left .text .summary { font-size: 5.5vw; }

    .tile.split .text .title { font-size: 7.25vw; }
    .tile.split .text .type { font-size: 5vw; }

    .tile.grid-04 { width: 100%; }
    /*.tile.grid-04::before { padding-top: 0; }*/

    .tile.grid-08 { width: 100%; }
    .tile.grid-08:before { padding-top: 200%; }
    .grid-08 .tile-spacing { padding: 4.5%; }

    .tile.grid-08.type-bar-image.bt:before { padding-top: 100%; }
    .tile.grid-08.type-bar-image.bt .text .type { padding: 4% 7.5%; }
    .tile.grid-08.type-bar-image.bt .text .type::after { background-size: 4.5% auto; }
    .tile.grid-08.type-bar-image.bt .text .title { padding: 3.5% 7.5%; }
    .tile.grid-08.type-bar-image.bt .text .summary { padding: 0 7.5%; }

    .tile.grid-08.side-image.left .image { position: relative; top: 0; width: 100%; }
    .tile.grid-08.side-image.ot.left .tile-content::before { margin: 0; }
    .tile.grid-08.side-image .text { padding: 4% 0; }
    .tile.grid-08.side-image.left .type,
    .tile.grid-08.side-image.left .title,
    .tile.grid-08.side-image.left .summary { margin-left: 2.25%; }

    .tile.grid-08.side-image.ot.left .image { top: 1px; }

    .tile.grid-08.side-image.right .image { position: relative; top: 0; width: 100%; margin-left: 0; }
    .tile.grid-08.side-image.right .type,
    .tile.grid-08.side-image.right .title,
    .tile.grid-08.side-image.right .summary { margin-right: 2.25%; }

    .tile.grid-08.side-image.ot.right .image { top: 1px; }
    .tile.grid-08.side-image.ot.right .tile-content::before { margin-right: 0; }


    .tile.specialties.grid-08.side-image .text { background: none; }

    .grid-12 .tile-spacing { position: relative; padding: 4.5%; }

    .tile.grid-12.side-image .text { top: 0; }

    .tile.grid-12::before { padding-top: 0; }
    .tile.grid-12.side-image.left .tile-spacing { position: relative; }
    .tile.grid-12.side-image.left .image,
    .tile.grid-12.side-image.right .image { position: relative; width: 100%; }
    .tile.grid-12.side-image.left .type,
    .tile.grid-12.side-image.left .title,
    .tile.grid-12.side-image.left .summary { margin-left: 0; }
    .tile.grid-12.side-image.ot.left .tile-content:before,
    .tile.grid-12.wide.left .tile-content:before { margin-left: 0; }
    .tile.grid-12.side-image.left .image,
    .tile.grid-12.wide.left .image { position: relative; top: 0; width: 100%; }
    .tile.grid-12.side-image.left .text,
    .tile.grid-12.side-image.right .text,
    .tile.grid-12.wide.left .text { position: relative; }
    .tile.grid-12.side-image.left .title,
    .tile.grid-12.side-image.left .type,
    .tile.grid-12.side-image.left .summary,
    .tile.grid-12.wide.left .title,
    .tile.grid-12.wide.left .type,
    .tile.grid-12.wide.left .summary { margin-left: 2.25%; }
    .tile.grid-12.side-image.left .title,
    .tile.grid-12.side-image.left .summary,
    .tile.grid-12.wide.left .title,
    .tile.grid-12.wide.left .summary { margin-top: 4.2%; }
    .tile.grid-12.side-image.left .type,
    .tile.grid-12.wide.left .type { margin-top: 1.5%; font-size: 5.5vw;}
    .tile.grid-12.side-image.left .title,
    .tile.grid-12.wide.left .title { font-size: 9.5vw; }
    .tile.grid-12.side-image.left .summary,
    .tile.grid-12.wide.left .summary { margin-top: 0; font-size: 5.5vw; }
    .tile.grid-12.wide.left .summary { margin-top: 2.8%; }

    .tile.grid-12.wide.ot.left .image { top: 1px; }

    .tile.grid-12.wide.left.bt .type,
    .tile.grid-12.wide.left.bt .title,
    .tile.grid-12.wide.left.bt .summary { margin-left: 2.25%; }

    .tile.grid-12.side-image.right .image { margin-left: 0; }
    .tile.grid-12.side-image.right .title { margin-right: 2.25%; font-size: 9.5vw; }
    .tile.grid-12.side-image.right .summary { margin-top: 0; margin-right: 2.25%; font-size: 5.5vw; }

    .quote { width: 100%; }
    .quote.left { float: none; margin-right: 0; }
    .quote.right { float: none; margin-left: 0; }

    section .image { width: 100%; }
    section .image.left { float: none; margin-right: 0; }
    section .image.right { float: none; margin-left: 0; }

    section.form.columns .field { display: block; }
    section.form.columns .field label,
    section.form.columns .field .input { display: block; width: auto; }
    section.form.columns .field.checkbox .input { width: 44px; }
    section.form.columns .field.checkbox label::before { top: 0; }
    section.form .field .short input,
    section.form .field .short .select,
    section.form .field .medium input,
    section.form .field .medium .select { width: 100%; }
    section.form.columns .field label { padding: 0; }
    section.form.columns .field label p { margin: 12px 0 0 0; }

    section.form .group table th { font-family: Arial, sans-serif; font-size: 10px; word-wrap: break-word; overflow-wrap: break-word; }
    section.form .group table td:first-child { font-family: Arial, sans-serif; font-size: 10px; word-wrap: break-word; overflow-wrap: break-word; }

    .contact .contact h3.office.address { font-size: 12px; }

    .privacy-notice section.form.columns .consent-request-field.show { display: block; }

    footer { padding: 32px 0; }
    footer nav ul > li { display: block; }
    footer nav ul > li::after { display: none; }
    footer nav ul > li > a { padding: 0; }
}

@media (max-width: 460px) {
    .practice-list .group,
    .practice-list .group:first-child { width: 100%; flex-direction: column; }
    .practice-list .group > ul { width: 100%; }
    .practice-list .group .columns_break,
    .practice-list .group:last-child .columns_break { margin-top: -12px; }
    .practice-list .group .columns_break .columns_header,
    .practice-list .group:last-child .columns_break .columns_header { display: none; }
    .practice-list ul li { font-size: 24px; }
    .practice-list ul li ul { padding-left: 16px; }
    .practice-list ul li ul li { font-size: 18px; }
}

@media (max-width: 385px) {
    .location.contact .details.collapsed .contact,
    .contact-map .details.collapsed .contact { left: 0; }
    .location.contact .details .contact,
    .contact-map .details .contact { position: static; width: auto; padding: 6px; }
    .location.contact .details .contact .slide-control,
    .contact-map .details .contact .slide-control { display: none; }
    table.icons td:first-child { width: 16%; }
    #cookie-settings-layer .settings-sidebar .accordion h3 { display: flex; padding-right: 3.5em; }
    #cookie-settings-layer .settings-sidebar .accordion small { width: 3.5em; text-align: right; top: 50%; transform: translateY(-50%); }
}
@media (max-width: 319px) {
    header { padding: 0; }
    h1.logo,
    div.logo { position: absolute; float: none; left: 0; right: 50%; }
    h1.logo a { width: 100%; max-width: 134px; background-size: 80% auto; }
    div.logo a img { width: 80%; max-width: 134px; vertical-align: middle; }
    nav.primary > ul { width: 100%; max-width: 260px; }
    nav.primary ul > li > a { font-size: 8vw; }
    nav.primary a.menu { left: 50%; right: auto; width: 16%; max-width: 52px; padding: 0; }
    .nav-right { right: 0; width: 33%; margin-right: 0; }
    .nav-right .search { width: 50%; }
    .nav-right .search-nav { width: 100%; max-width: 52px; padding: 0; }
    .nav-right .search-dropdown { padding: 8px; }
    .nav-right .lang { width: 50%; }
    .nav-right .lang-nav { width: 100%; }
    .lang .lang-dropdown { width: 600%; }
    .lang .lang-dropdown li a { font-size: 8vw; padding: 0 10%; }
    .page > h1.keylines,
    .page > h2.keylines.slogan { font-size: 9vw; }
    section img.above-center { width: 100%; margin-bottom: 2.75%; }
    .tileset { margin-bottom: 0; padding-bottom: 9%; }
    footer { margin-top: 0; }
}

@media print {
    html { overflow-y: auto !important; }
    .page { position: static; overflow: auto; }
    header { display: list-item; padding: 0 0 0 2.75%; list-style-image: url(../img/logo.png); list-style-position: inside; }
    header h1.logo,
    header div.logo,
    header nav,
    header .nav-right,
    section.media-file-nav,
    footer nav { display: none; }
    footer { margin: 0; padding: 0; background-color: transparent; }

    .media-file section.banner .content h3 a { color: #00adef; }
    .media-file section.banner .content h2 { font-size: 28px; color: #909090; }
    .media-file section.banner .content h1 { font-size: 34px; }


    /* media files */
    section.banner { background: transparent; color: #000; }
    section.banner::before,
    section.banner::after { display: none; }
    section.banner .circle { display: none; }
    section.banner .content.left-image h1 { margin-left: 1.25%; color: #000; }
    section.banner .content.left-image h2 { margin-left: 1.25%; }
    section.banner .content.left-image h3 { margin-left: 1.25%; color: #000; }
    section.banner .content.left-image a { color: #000; }
    h5.related { display: none; }
    section.related { display: none; }
}

    .hamburger { float: right; }
    .hamburger > a { display: block; width: 78px; color: transparent; font-size: .5em; background: url(../img/menu.png) no-repeat center / 56%; color: transparent; text-indent: -9999px; }
    .hamburger:hover > a { color: transparent !important; }
    .hamburger:hover > a,
    nav.primary > ul > li.hamburger.active > a { background: #00aeef url(../img/menu-over.png) no-repeat center / 56%; color: transparent; }
    nav.primary > ul > li.hamburger { position: relative; }
    nav.primary > ul > li.hamburger > a::after { content: ""; position: absolute; top: 0; left: 13px; right: 13px; height: 9px; background-color: transparent; }
    nav.primary > ul > li.hamburger > ul { z-index: 1000; right: auto; }
    nav.primary > ul > li.hamburger:hover > ul { display: block; }
    nav.primary > ul > li.hamburger:hover > ul > li > ul { display: none; }

    nav.primary > ul > li.hamburger:hover > ul { display: block; }
    nav.primary.active.opened > ul > li.hamburger:hover > ul { display: none; }
    nav.primary.active.opened > ul > li.hamburger.active:hover > ul { display: block; }

    nav.active ul > li > ul,
    nav.active ul > li > .dropdown {}

    @media (max-width: 1328px) {
        nav.primary > ul > li.hamburger > a { width: 52px; }
    }

    @media (max-width: 767px) {
        nav.primary > ul li.hamburger { width: unset; background: unset; }
        nav.primary > ul > li.hamburger > ul { display: block; position: relative; }
        nav.primary.active.opened > ul > li.hamburger:hover > ul { display: block; }
        nav.primary > ul > li.hamburger > a { display: none; }
        nav.primary > ul > li.hamburger > ul > li > ul { display: none; }        
        nav.primary ul > li:last-child > ul { left: 0; }
        nav.primary > ul > li.hamburger > a::after { content: ""; position: absolute; top: unset; left: unset; right: unset; height: unset; background-color: transparent; }
        .hamburger { float: none; font-size: unset; background: transparent; }
    }