/*---- t+r -----*/

html,
body {
  height: 100%;
}


body {
  font-family: "Graphik Regular", Helvetica, "sans-serif";
  font-feature-settings: "liga", "kern";
}


.report-template a, .authors a, .other-people a, .general-content a {
    border-bottom: 2px solid #2E96FF !important;
}

.link-button-inverted a {
  border-bottom: 2px solid #fff !important;
}

a.no-underline, 
a.author-linkedin img {
  border-bottom: 0px !important;
}


.report-hero a {
  border-bottom: 0px !important;
}



#header #nav .nav-menu .nav-menu-item .nav-link {
    font-family: "Graphik Medium" !important;
    font-size: 36px !important;
    line-height: 54px !important;
    opacity: 1 !important;
    
}
/* Top */
#header.headroom.white.headroom-top #nav .nav-menu .nav-menu-item .nav-link {color:white!important;}
#header.headroom.white.headroom-top #nav .nav-menu .nav-menu-item .nav-link a {color:white!important;}
#header.headroom.white.headroom-top #nav .nav-menu .nav-menu-item .search-button {background-image:url(search_white.svg); background-size: 100% 100%;}

/* Not Top */
#header.headroom.white.headroom-not-top #nav .nav-menu .nav-menu-item .nav-link.selected {border-color:black!important;}
#header.headroom.white.headroom-not-top #nav .nav-menu .nav-menu-item .search-button {background-image:url(search_black.svg)!important; background-size: 100% 100%;}

#header {
  border: none;
}

.mobile-footer {
  display: none;
}

.mobile-submit {
  display: none;
  text-indent: -2000px;
  background-color: transparent;  
  background-image: url(search_white.svg);
  background-repeat: no-repeat;
  background-position: center;
  float: right;
}

/*
#header.white #nav .nav-menu .nav-menu-item .nav-link {
    font-family: 'Graphik Regular' !important;
    font-size: 14px;
    display: inline-block;
    opacity: 1;
  
    color: #fff;
    letter-spacing: -0.5px;
}
*/

#header.white {
  border-bottom: solid 0px rgba(255,255,255,0.35);
}

#header #nav .nav-menu .nav-menu-item .search-button {
    opacity: 1;
}

#header .search-wrapper input {
 
    font-family: 'Graphik Medium' !important;
 
}

.section-search-results .query {
    font-family: 'Graphik Medium' !important;
}


#header #nav .nav-menu .nav-menu-item .current-page, #header #nav .nav-menu .nav-menu-item .left-page, #header #nav .nav-menu .nav-menu-item .right-page {
  font-family: 'Graphik Regular' !important;
    font-size: 14px;
    display: inline-block;
    opacity: 1;
    /* opacity: 1.0; */
    /* transition: opacity 200ms ease; */
    
    letter-spacing: -0.5px;

}

.current-page  {
  width: 120px !important;
  
}

section.team-authors {
  background: #fff;
  padding-top: 60px;
}

.author-hero {
  position: relative;
  background: #fff;
  height: 480px;
}

.team-authors .tile .thumb {
  margin: 0px;
}

.team-authors .tile {
  margin-right: 40px;
}

#careers {
  overflow: hidden;
}

.no-pad-left {
  padding-left: 0px;
}

section.team-authors .tile:last-child:not(:first-child) {
  float: left;
  margin-right: 0px;
}

.empty {
  background-color:transparent!important;
  cursor:initial!important;
}
.empty:hover {
  transition:none!important;
  box-shadow: none!important;
}
.empty:hover:before{
  display:none!important;
}


.team-profile {
  display:none;
  position:absolute;
  background-color: #2E96FF;
  width: 100%;  
  padding: 40px 25px 40px 25px;
  color: #fff;
  font-family: "Graphik Regular", sans-serif;
  font-size: 26px;
  line-height: 1.5em;
  font-weight: normal;
  top: 70px;
  left: 0%;
  right: 0px;
  z-index: 0009;
  text-align: left;

}

.team-profile-close {
  background-image: url(sprite.png);
  background-size: 1029.54545% 931.81818%;
  background-position: 36.67482% 68.30601%;
  background-repeat: no-repeat;
  width: 44px;
  height: 44px;
  text-indent: -0009px;
  display: block;
  position: absolute;
  top: 0px;
  right: 0px;
}

.team-profile .thumb-wrapper .thumb {
  height: 157px;
  width: 157px;
  margin-bottom: 40px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  transition: transform 300ms ease;
}

.team-profile-close {
  cursor: pointer;
}

.team-profile .overlay-content .name {
  font-family: "Graphik Medium", sans-serif;
  font-size: 26px;
  color: #fff;
}

.team-profile .overlay-content .position {
  font-family: "Graphik Medium", sans-serif;
  font-size: 26px;
  color: #000;
}

.team-profile .overlay-content .bio {
  margin-top: 40px;
  margin-bottom: 20px;
  font-size: 17px;
}


.team-authors > .columns {
  float:left!important;
}

.team-overlay {
  position: fixed; /* Sit on top of the page content */
  display: none; /* Hidden by default */
  width: 100%; /* Full width (cover the whole page) */
  height: 100%; /* Full height (cover the whole page) */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255,255,255,0.5); /* Black background with opacity */
  z-index: 000; /* Specify a stack order in case you're using a different order for other elements */
  cursor: pointer; /* Add a pointer on hover */
}

.bio-links a:hover {
  color: #fff !important;
}

.bio-links a {
  margin-right: 30px;
}

.section-awards ul.row {
  margin-bottom: 30px;
}



.hide_me,
.highlight {
  display: none;
}

.no-before:before {
  content: none !important;
}

.grecaptcha-badge { opacity:0; }



.contact-page .back {
  padding-bottom: 60px;
  font-family: 'Graphik Semibold' !important;
  font-size: 16px;
}

.quote-box .quote p {
  color: #fff !important;
}


.landing-home .tile-subtitle {
  display: none;
}

.no-padding {
  padding: 0px;
}

.landing-projects .tile-subtitle,
.landing-ideas .tile-subtitle,
.capabilities-page .tile-subtitle {
  color: #000;
  font-family: "Graphik Regular";
  font-size: 16px;
  line-height: 24px;
}

.idea-detail a,
.new-format p a,
.latest-addition-subhead a,
a.salon-name {
  color: inherit;
  border-bottom: 2px solid #2E96FF;
}

.idea-detail .author-name a,
.idea-detail .section-related a,
.idea-detail .news_title a {
  color: inherit;
  border-bottom: 0px solid #2E96FF;
}

.idea-detail .author-name a:hover {
  color: #2E96FF;
  border-bottom: 0px solid #2E96FF;

}

.video_caption p {
  font-family: "Graphik Regular" !important;
  font-size: 18px;
  color: #000 !important;
  padding-top: 20px;
  line-height: 27px;
  
}


section.more {
  
}

div.more-idea,
div.more-news,
div.more-industries {
  font-family: "Graphik Medium";
  padding-bottom: 120px;
  padding-top: 0px;
  font-size: 16px;
}

div.more-idea:hover,
div.more-news:hover,
div.more-industries:hover {
  color: #2E96FF;
  cursor: pointer;
}


/* hero section */



.landing-hero,
.landing-hero .hero-image {
  height: 100vh;
  position: relative;
}

.landing-hero .hero-image,
.new-format .hero-image {
  background-size: cover;
  z-index: 1;
  background-position: center center;
}

.new-format .hero-image.halign-center {
  background-size: cover;
  z-index: 1;
  background-position: center center;
}


.new-format .hero-image.halign-left {
  background-size: cover;
  z-index: 1;
  background-position: left;
}

.new-format .hero-image.halign-right {
  background-size: cover;
  z-index: 1;
  background-position: right;
}



.hero-message {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 11;
  color: #000;
  top: 235px;
  letter-spacing: -0.5px;
  padding-top: 0px !important;
}

.home .hero-message {
  color: #fff;
}

.landing-contact .hero-message {
  color: #000 !important;
}

.section-hero .titles {
    position: absolute;
    top: 0;
    z-index: 10;
    padding-left: 40px;
    padding-top: 100px;
}

.news.section-hero .titles .source,
.news.section-hero .titles h1,
.news.section-hero .titles h3 {
  color: #fff;
}

.news.section-hero .titles .source,
.section-back .clickable {
  font-family: "Graphik Medium";
}


.hero-message.Black,
.full-bleed-custom .hero-message{
  color: #000 !important;
}

.hero-message h1,
.section-hero h1 {
  font-family: "Graphik Medium" !important;
  font-size: 36px;
  line-height: 1.1em;
  margin-bottom: 30px;
}


.section-hero h2 {
  font-family: "Graphik Medium" !important;
  font-size: 19px !important;
  line-height: 1.3em !important;
}

.hero-message h2,
.hero-message h2 p {
  display: none;
}

.section-hero h3 {
  font-family: "Graphik Semibold" !important;
  font-size: 16px;
  line-height: 1.3em;
}

.hero-message h2 p{
  line-height: 1.3em;
}

.section-related .title {
  font-family: "Graphik Semibold" !important;
  
}

.landing-home > section:nth-of-type(2),
.landing-initiatives > section:nth-of-type(1),
.landing-projects > section:nth-of-type(1),
.landing-ideas > section:nth-of-type(1)  {
  margin-top:-0px;z-index:10;position:relative;
}

.capabilities-page > section:nth-of-type(2) {
  margin-top:-80px;z-index:10;position:relative;
}

.intro-video-hero .overlay h1 {
  margin-top: 0px !important;
  text-align: left !important;
  color: #FFFFFF;
  font-family: 'Graphik Medium';
  font-size: 36px !important;
  line-height: 1.1em !important;
}

.intro-video-hero .overlay h2 {
  font-family: 'Graphik Regular';
  font-size: 19px !important;
  text-align: left !important;
  color: #FFFFFF;
  padding-top: 0px !important;
}

/*
h1, h2, h3, h4, h5, h6 {
    font-family: "Graphik Regular", "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;
    font-weight: normal;
    font-style: normal;
    color: inherit;
    text-rendering: optimizeLegibility;
    margin-top: 0;
    margin-bottom: .5rem;
    line-height: 1.4;
}
*/

/*
h1, h2, h3, h4, h5, h6 {
    font-family: "Graphik Medium", "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;
    font-weight: normal;
    font-style: normal;
    color: inherit;
    text-rendering: optimizeLegibility;
    margin-top: 0;
    margin-bottom: .5rem;
    line-height: 1.4;
}
*/

.section-article h4, .overlay-text h4 {
  font-family: "Graphik Semibold";
}


.section-article li {
  font-family: "Graphik Regular";
  font-size: 17px;
}

.contact-page .subtitle {
  color: #000 !important;
}

.contact-page .subtitle a,
.contact-page .subtitle a:visited {
  color: #2E96FF;
}

.contact-form h2 {
    font-family: "Graphik Medium", "Helvetica Neue",Helvetica,Arial,sans-serif;
    color: #000;
    font-size: 22px;
}

.related-projects > div {width: calc(100% / 3);float:left;}
.related-projects > div > img {width:100%;height:auto;}

.contact-form .input-row {
  margin-left: -12px;
  margin-right: -12px;
}

.wpcf7-submit {
  margin-bottom: 30px;
}

.contact-page label {
  font-size: 16px !important;
}

.contact-page h1 {
  font-family: "Graphik Medium" !important;
}


.single-initiative-subdesc {
  margin-top: -80px;
  z-index:10;
  position:relative;
}

.single-initiative-subdesc {
  margin-top:-80px;z-index:10;position:relative;
}

.white .single-initiative .home-hero-message {
  color: #fff !important;
}

.single-initiative .home-hero-message {
  color: #000;
  top: 150px;
}

.single-initiative-subdesc {
  background-color: #fff;
  padding: 40px;
}

.single-initiative .tile-subtitle {
  display: none;
}

.single-initiative-subdesc h2 {
  font-family: "Graphik Medium";
  font-size: 22px;
  margin-bottom: 20px;
}

.single-initiative-subdesc p {
  color: #000;
  font-size: 16px;
}

div.single-initiative {
  padding-bottom: 80px;
}

  .home-hero {
  position: relative;
}

.home-hero .hero-image {
  background-size: cover;
  z-index: 10;
  height: 594px;
  background-position: center center;
}

.team-name {
  font-family: "Graphik Medium";
  color: #000;
}

.project-type {
  font-family: "Graphik Medium";
  font-size: 17px;
}

.spacer {
  height: 60px;
}

.spacer-20 {
  height: 20px;
}

.spacer-100 {
  height: 100px;
}


.link-button-inverted a,
.link-button a, {
  font-family: "Graphik Semibold" !important;
  width: 270px !important;
}

.link-button a {
  border-color: #000 !important;
  color: #000 !important;
}

.link-button a:hover {
  border-color: #000 !important;
  background: #000 !important;
  color: #FFF !important;
}

.link-button-inverted a:hover {
  border-color: #FFF !important;
  background: #FFF !important;
  color: #000 !important;
}

.link-button a:before,
.link-button a:after {
  border-top: 2px solid #000 !important;
}

.link-button a .arrow:before,
.link-button a .arrow:after {
  border-top: 2px solid #FFF !important;
  
}

.link-button-inverted a:before,
.link-button-inverted a:after {
  border-top: 2px solid #FFF !important;
}

.link-button-inverted a .arrow:before,
.link-button-inverted a .arrow:after {
  border-top: 2px solid #000 !important;
}





.landing-home .section-related .tile {
  margin-left: 0px !important;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}


.section-related .thank-you .tile {
  margin: 2px;
}

.section-related.no-buffer {
  padding-bottom: 0px !important;
  margin-top: 0px !important;
}

.wpcf7-submit {
  margin-top: 40px;
}

.contact-page .subtitle.warning a.toggler:hover {
     
  color: #2E96FF;
}

.contact-page #toggler-panel, .contact-page #toggler-panel li {
    font-family: 'Graphik Regular';
    font-size: 12px;
    line-height: 1.2;
    color: #000;
}


.contact-page {
  background: #F7F7F7;
  color: #000;
}

.contact-page.thank-you {
  min-height: 400px;
  height: 400px;
}

.contact-page header {
  background: #fff;
}

.contact-page h1 {
  color: #000;
  border-bottom: 1px solid #000;
}

.contact-page h1.no-subtitle {
  margin-bottom: 20px !important;
}

.contact-page h2.subheader {
  font-size: 24px;
  margin: -12px 0 24px 0;
}

.contact-page .back,
.contact-page .back a {
  color: #2E96FF;
}

.contact-page .addtoany_share_save_container {
  display: none;
}

.form-columns-2 {
  width: 100%;
  max-width: 100% !important;
  margin-left: 0px !important;
  margin-right: 0px !important;
}

.hs-form-5a9aa671-168e-40f6-98e2-96fb365b773d_c0d2f2a3-64f7-42f1-a7fd-c3ae7ab7dbad fieldset {
    border: 0;
    padding: 0;
    margin: 0;
    max-width: 100% !important;
}

#hsForm_5a9aa671-168e-40f6-98e2-96fb365b773d .input {
  padding: 0px !important;
  margin-bottom: 0px !important;
  background: none !important;
  border-bottom: 0px #000 !important;
}

.hs-form-5a9aa671-168e-40f6-98e2-96fb365b773d_ecc2880d-592f-4e6c-be18-4fee12e6b22c fieldset.form-columns-2 .input {
    margin-right: 8px;
    padding: 0px !important;
}

#firstname-5a9aa671-168e-40f6-98e2-96fb365b773d {
  margin-bottom: 0px !important;
}

.hs-fieldtype-text {
  padding-left: 0px;
  padding-right: 0px;
}

.form-columns-1 {
  width: 100% !important;
  max-width: 100% !important;
}

.hs-form-5a9aa671-168e-40f6-98e2-96fb365b773d_143e43f2-d599-433d-9ef8-7b909844311f fieldset.form-columns-1 .hs-input,
#comments-5a9aa671-168e-40f6-98e2-96fb365b773d {
  width: 100% !important;
  height: 240px !important;
}

form#hsForm_5a9aa671-168e-40f6-98e2-96fb365b773d fieldset:nth-child(4) {
  height: 300px;
}

.contact-form label {
  color: #000;
  font-family: "Graphik Regular" !important;
}

.contact-form input, 
.contact-form .input, 
.contact-form input:focus, 
.contact-form textarea, 
.contact-form textarea:focus,
.cards-form input,
.cards-form input:focus {
  background-color: #fff !important;
  border-radius: 0px;
  font-family: 'Graphik Medium';  
  color: #000;
  border-bottom: 1px solid #000;
  box-shadow: none;
  font-size: 16px !important;
}

.contact-form select,
#contact-form-select,
select.cards-form {
  background-color: #fff !important;
  border-radius: 0px;
  font-family: 'Graphik Medium';  
  color: #000;
  border: 1px solid #000;
  box-shadow: none;
}

select.cards-form {
  background-color: #fff !important;
  border-radius: 0px;
  font-family: 'Graphik Medium';  
  color: #000;
  border: 0px solid #000;
  box-shadow: none;
}


.contact-form input:focus {
  border-bottom: 1px solid #00A4C1 !important;
}

.contact-form input.error_input,
.contact-form input.error_input:focus {
  border-bottom: 1px solid red !important;  
}

.contact-form textarea.error_input,
.contact-form textarea.error_input:focus {
  border: 1px solid red !important;
}

.contact-form textarea,
.contact-form textarea:focus {
  border: 1px solid #000;
  margin-top: 0px !important;
  margin-bottom: 16px !important;
}

.contact-form textarea::placeholder {
  color: #000;
}

.contact-form input::placeholder {
  color: #000;
}

.contact-form input[type="email"]::placeholder {
  color: #000;
}


.section-apply .apply {
    display: block;
    background-color: #2E96FF !important;
    color: #FFF;
    border-radius: 3px;
    font-family: 'Graphik Medium' !important;

}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border: 1px solid #fff;
  border-bottom: 1px solid #000;
  -webkit-text-fill-color: #000;
  -webkit-box-shadow: 0 0 0px 1000px #fff inset;
  transition: background-color 5000s ease-in-out 0s;
}

.contact-form .submit-button {
  margin-top: 50px;
}

.contact-form .submit,
.contact-form .wpcf7-submit {
  background-color: #2E96FF !important;
  border-radius: 0px;
  color: #FFF;
  position: relative;
  cursor: pointer;
  overflow: hidden;
  transition: color 300ms ease, background-color 300ms ease;
  width: 100%;
  border-bottom: none;  
}

.actions input.hs-button {
  background-color: #2E96FF !important;
  border-radius: 0px;
  color: #FFF;
  position: relative;
  cursor: pointer;
  overflow: hidden;
  transition: color 300ms ease, background-color 300ms ease;
  width: 50%;
  border-bottom: none;  
  margin-top: 50px;
}


.hs_lastname .input,
.hs_phone .input,
.hs_company .input,
.hs_lastname label,
.hs_phone label,
.hs_company label {
  margin-left: 8px;
}



.cards-search .submit {
  background-color: #2E96FF !important;
  border-radius: 0px;
  color: #FFF;
  position: relative;
  cursor: pointer;
  overflow: hidden;
  transition: color 300ms ease, background-color 300ms ease;
  width: auto;
  border: none;  
  height: 39px;
  width: 39px;
  font-weight: strong;
}

.cards-search .or {
  margin-left: 40px;
  margin-right: 40px;
  margin-top: -8px;
}


.cards-search-results-text {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
  padding-bottom: 50px;
  font-family: "Graphik Medium", sans-serif;
  font-size: 42px;
}

.cards-search input[type=text] {
  
}

.deal-random-btn-wrapper {
  text-align: center;
  margin-top: 40px;
}

.deal-random-btn-wrapper h3 {
  font-family: 'Graphik Medium', sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 32px;
  line-height: 100%;
  text-align: center;
  letter-spacing: -0.02em;
  color: #000000;
  margin-bottom: 40px;


}


.deal-random-btn {
  width: 300px;
  height: 60px;
  color: #fff;
  font-family: "Graphik Semibold";
  font-size: 17px;
  text-align: left;
  padding-left: 20px;
  background-image: url('rando-btn.png');
}

.deal-random-btn-b {
  width: 300px;
  height: 60px;
  color: #fff;
  font-family: "Graphik Semibold";
  font-size: 17px;
  text-align: center;
  background-color: #2E96FF;
}

.cards h2 {
  font-family: "Graphik Medium", sans-serif;
  font-size: 42px;
}

.cards-search-wrapper .or {
  font-family: "Graphik Medium", sans-serif;
  font-size: 32px;
}

.latest-addition-subhead {
  margin-bottom: 50px;
}

.latest-addition-subhead p,
.cards-search-results-text p {
  font-family: "Graphik Medium", sans-serif !important;
  font-size: 18px;

}

.see-more-detail {
  background-color: #fff;
  margin-top: 100px;
  padding-top: 50px;
  padding-bottom: 80px;
}

.salon-detail-subhead {
  text-align: center;
  margin-bottom: 80px;
}

.salon-detail-subhead h4 {
  font-family: "Graphik Medium", sans-serif;
  font-size: 24px;
}

.salon-detail-subhead a {
  font-family: "Graphik Regular", sans-serif;
}

.contact-form .submit:focus,
.contact-form .wpcf7-submit:focus {
  background-color: #2E96FF !important;
  border-radius: 0px;
  color: #FFF;
  position: relative;
  cursor: pointer;
  overflow: hidden;
  transition: color 300ms ease, background-color 300ms ease;
  width: 100%;
}

.close-see-more {
  width: 27px;
  height: 27px;
  background-image: url('close-icn.png');
  background-repeat: no-repeat;
  display: block;
  float: right;
}

.cards-see-more {
  float: left;
  margin-left: 20px;
}

.new-card {
  float: right;
  margin-right: 20px;
}

.cards-hero-b .cards-see-more,
.cards-hero-b .new-card {
  display: none;
}

.salon-people {
  margin-top: 80px;
}

.salon-people,
.salon-people ul {
  /*display: flex;*/
  text-align: center;
}

.salon-people .hosts ul {
  list-style-type: none;
  width: 400px;
  margin: 0 auto;
  
}

.salon-people .panelists ul {
  list-style-type: none;
  width: 600px;
  margin: 0 auto;
  
}

.salon-people .hosts ul li,
.salon-people .panelists ul li {
  width: 200px;
  display: inline-block;
}

.salon-people ul li p {
  line-height: 1.2em;
}

.salon-people .panelists {
  /*margin-left: 100px;*/
}

.salon-people .hosts img,
.salon-people .panelists img {
  background-size: cover;
  background-position: center center;
  width: 80px;
  height: 80px;
  border-radius: 50%;

  border-radius: 50%;
  border: 3px solid #FFF;
}

.hosts-label,
.panelists-label {
  font-family: "Graphik Regular", sans-serif;
  font-size: 24px;
  margin-bottom: 30px;
  margin-top: 4px;
}

.panelists-label {
  margin-top: 40px;
}

.salon-people .hosts h4 a,
.salon-people .panelists h4 a {
  font-family: "Graphik Medium", sans-serif;
  font-size: 18px;
}


div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
  border: 0px solid #f7e700;
}

div.wpcf7-response-output {
  margin: 0px !important;
  padding: 0px !important;
  border: 0px solid #ff0000;
  color: red;
}


.thank-you p {
  font-size: 18px;
}








input.error,
input.wpcf7-not-valid,
textarea.wpcf7-not-valid {
  border: 1px solid red;
}

span.wpcf7-not-valid-tip {
    color: #f00;
    font-size: 1em;
    font-weight: normal;
    display: block;
    text-indent: -#00099px !important;
    height: 0 !important;
}

label.error {
  color: red;
  padding-top: 0px;
  /*text-indent: -#00099px !important;*/
  opacity: 0;
  height: 0px;
}

.newsletter .wpcf7-list-item-label {
  display: inline-block;  
  vertical-align: top;
  margin-top: 12px;
  margin-left: 10px;
  color: #000;
}

.newsletter .wpcf7-list-item {
  margin-left: 0px !important;
}

.footer {
  font-size: 18px;
  color: #fff;
  height: auto;
  padding: 20px;
  background-color: #000;
}

.footer p {
  color: #fff;
}

.footer-top {
  padding-top: 30px;
}

.footer h2 {
  font-family: 'Graphik Medium', Arial, sans-serif;
  color: #fff;
  font-size: 24px;
  margin-bottom: 10px;
  margin-top: 0px;
}

.footer .flex-columns {
  margin-top: 30px;
}

.footer .flex-columns {
  list-style-type: none;
}

.button-left {
  display: inline-block;
  float: left;
  margin-right: 30px;
}

.button-last {
  display: inline-block;
  float: left;
  margin-right: 0px;
}

.footer .link-button-inverted a {
  display: inline-block;
  transition: padding-left 100ms 50ms, color 100ms, background-color 100ms;
}

.footer .copyright {
  text-align: left;
  padding-top: 10px;
  display: inline-block;
  float: left;
}

.footer .privacy {
  padding-top: 10px;
  display: inline-block;
  font-size: 14px;
}

.section-makeit .heading-1, .section-makeit .about-carousel .slide .heading-2, .about-carousel .slide .section-makeit .heading-2 {
    font-family: 'Graphik Medium';
    font-size: 32px;
    padding-top: 30px;
    color: #000;
    line-height: 1.2;
}

.landing-home .section-makeit .image {
  padding-bottom: 70%;
}

.carousel-people {
  background-color: #000 !important;
}

.section-makeit .summary {
    padding-top: 10px;
    font-family: 'Graphik Regular';
    font-size: 22px;
    line-height: 33px;
    color: #000;
    text-align: left;
}

.office-photo-2 {
  height: 600px;
}

footer .social {
  margin-top: 30px !important;
}

.footer .logo {
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  
  /*background-image: url(sd-logo-white-xlarge.png);*/
  background-image: url('SmartDesign-HighRes-Logo-white.png');
  width: 120px;
  height: 81px;
  margin-top: 0;
  display: block;
}

.indented {
  margin-left: 18px;
  margin-right: 18px;
}

.footer .social {
  border-bottom: 1px solid rgba(255,255,255,0.15);
}

.footer ul {
  line-height: 1.6em;
}

.footer ul li {
  margin-bottom: 18px;
}

.footer .copyright,
.footer .privacy {
  font-family: "Graphik Regular";
  font-size: 16px;
}

.footer .social .icon.facebook {
  background-image: url('social/gray/Facebook.png');
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  width: 28px;
  height: 28px;
  text-indent: -9999px;
}

.footer .social .icon.facebook:hover {
  background-image: url('social/blue/Facebook.png');
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  width: 28px;
  height: 28px;
  text-indent: -9999px;
}

.footer .social .icon.twitter {
  background-image: url('social/gray/Twitter.png');
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  width: 28px;
  height: 28px;
  text-indent: -9999px;
}

.footer .social .icon.twitter:hover {
  background-image: url('social/blue/Twitter.png');
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  width: 28px;
  height: 28px;
  text-indent: -9999px;
}

.footer .social .icon.instagram {
  background-image: url('social/gray/Instagram.png');
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  width: 28px;
  height: 28px;
  text-indent: -9999px;
}

.footer .social .icon.instagram:hover {
  background-image: url('social/blue/Instagram.png');
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  width: 28px;
  height: 28px;
  text-indent: -9999px;
}

.footer .social .icon.linkedin {
  background-image: url('social/gray/LinkedIn.png');
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  width: 28px;
  height: 28px;
  text-indent: -9999px;
}

.footer .social .icon.linkedin:hover {
  background-image: url('social/blue/LinkedIn.png');
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  width: 28px;
  height: 28px;
  text-indent: -9999px;
}

.footer .social .icon.youtube {
  background-image: url('social/gray/YouTube.png');
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  width: 28px;
  height: 28px;
  text-indent: -9999px;
}

.footer .social .icon.youtube:hover {
  background-image: url('social/blue/YouTube.png');
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  width: 28px;
  height: 28px;
  text-indent: -9999px;
}

.footer .social .icon.medium {
  background-image: url('social/gray/Medium.png');
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  width: 28px;
  height: 28px;
  text-indent: -9999px;
}

.footer .social .icon.medium:hover {
  background-image: url('social/blue/Medium.png');
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  width: 28px;
  height: 28px;
  text-indent: -9999px;
}

.footer .social .icon.facebook:after,
.footer .social .icon.twitter:after,
.footer .social .icon.instagram:after,
.footer .social .icon.linkedin:after,
.footer .social .icon.youtube:after,
.footer .social .icon.medium:after {
  background-image:  none !important;
}

.footer .footer-address:hover {
  color: #2E96FF;
  cursor: pointer;
} 


.single-initiative-subdesc {
  background-color: #fff;
  padding: 40px;
}



.home-full-bleed-message {
  position: absolute;
  left: 0;
  z-index: 11;
  color: #fff;
  top: 475px;
}

.home-clients {
  margin-bottom: 80px;
}


.capabilities-page {
  padding-bottom: 120px;
}



/*
.contact-message {
  position: absolute;
  z-index: 11;
  top: 180px;
  text-align: center;
  width: 100%;
  max-width: 100% !important;
  color: #fff;
}
*/


.contact-start {
  padding: 0;
  background: #F7F7F7;
  margin-top: 60px;
  text-align: left;
  padding: 0 40px;
  color: #000;
}

.contact-tiles h1 {
  font-size: 82px;
  font-family: 'Graphik Medium';
}

.contact-info h1 {
  font-size: 82px;
  font-family: 'Graphik Medium';
  color: #000;
}

.contact-info h2 {
  font-size: 18px;
  font-family: 'Graphik Medium';
  margin-top: 30px;
  color: #000;
}

.contact-info {
  font-size: 16px;
}

.floatleft {
  float: left;
}

.contact-info address {
  font-style: normal;
  margin-top: 16px;
}


.contact-footer .office-photo {
  padding-bottom: 70%;
  background-size: cover;
  margin-top: 0;
  margin-bottom: 1.875rem;
}

.contact-page .subtitle {
    font-family: 'Graphik Regular';
    font-size: 16px;
    color: #007085;
    padding-top: 20px;
    line-height: 1.2;
    margin-bottom: 30px;
}


/*
.page-template-get-in-touch .headroom-top.white .logo {
  background-image: url(sd-logo-black-large.png);
  width: 66px;
  height: 45px;
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}

.page-template-get-in-touch a.nav-link {
  color: #000 !important;
}

.page-template-get-in-touch #header.white {
  border-bottom: 1px solid #000;
}

.page-template-get-in-touch #header.white {
  background: #fff;
}
*/



.selected-clients {
  list-style: none;    
}

.selected-clients li {
  position:relative;
  float:left;
  width: calc(100% / 2 - 60px); 
  margin:0 30px;
}

.selected-clients li img {
  width:100%;
  height:auto;
  vertical-align: middle
}
.selected-clients li img.static {
  position:relative;
  z-index:1;
}
.selected-clients li img.hover {
  position:absolute;
  top:0;
  left:0;
  z-index:5;
  display:none;
 
}
.selected-clients li:hover img.hover {
  display:block;
}

.all-clients .title {
  text-align: left;
}

.all-clients ul {
  list-style: none;
  display: block;
  padding: 10px;
}

.all-clients ul li {
  width: calc(100% / 1);
  float:left;
  color:#000;
  line-height:2em;
  text-align: center;
  font-size: 16px;
  font-family: "Graphik Regular", Helvetica Neue, Helvetica, Arial, sans-serif;
}

.all-clients ul li.team-members {
  width: calc(100% / 1);
  float:left;
  color:#000;
  line-height:1.3em;
  font-size: 16px;
  font-family: "Graphik Regular", Helvetica Neue, Helvetica, Arial, sans-serif;
  text-align: left;
  float: left !important;

}

.all-clients ul li a {
  color:#000000;
  font-family: "Graphik Medium"
}

.all-clients ul li a:hover {
  color:#2E96FF;
}

.clients-top {
  text-align: center;
  height: 700px;
}

.capabilities-top {
  text-align: center;
  height: 800px;
}

.capabilities-top {
  background: #fff;
}



section.clients-logos {
  background: #fff;
  padding-bottom: 160px;
}

section .all-clients {
  padding-bottom: 0px !important;
}

section.clients-top .link-button,
section.capabilities-top .link-button {
  width: 184px;
  margin-left: 40px;
}

section.all-clients {
  background: #f7f7f7;
}

.contact-form input, .contact-form .input {
    height: 55px;
}

.conversion-points {
  padding: 0px;
}



.conversion-point {
  margin-top: 80px;
  margin-bottom: 80px;
  padding-left: 20px;
  padding-right: 20px;
}

.clients-conversion-2 .conversion-point {
  margin-top: 160px;
  margin-bottom: 160px;
}

.conversion-imgp {
  background: #fff;
  padding-bottom: 50px;
}

.conversion-wrapper {
  display: block;
  text-align: left;
  padding: 20px 40px 50px 40px;
}


.conversion-point .cp-header {
  font-size: 26px;
  font-family: "Graphik Medium";
  margin-bottom: 10px;
  line-height: 32px;
}

.conversion-point .cp-message {
  font-size: 17px;
  line-height: 24px;
  font-family: "Graphik Regular", "Helvetica Neue", Helvetica, Roboto, Arial, "sans-serif";
  color: #000;
}

.conversion-point .subheading {
  
}




.conversion-linkbtn {
  align-items: center;
}







.capabilities-page .section-related {
  margin-top: 0px;
}


.capability-image-wrapper {
  position: relative;
  width: 100%;
  height: auto;
}

.capability-hero {

}

.capability-title {
  position: absolute;
  bottom: 70px;
  color: #fff;
  font-family: "Graphik Medium";
  width: 100%;
  line-height: 1em;
  font-size: 28px;
  text-align: left;
  padding-left: 40px;
  padding-right: 40px;
}

.capability-thumb-content {
  height: 200px;
  padding: 20px 40px 20px 40px;
}

.landing-ideas .capability-thumb-content {
  /*height: auto;*/
}

.section-article .date {
  font-family: "Graphik Regular";
  font-size: 17px;
}

.section-image .caption {
  font-family: "Graphik Regular";
  font-size: 17px;
  color: #000;
}



.capability-thumb {
    padding-bottom: 90% !important;
    background-position: center;
    background-size: cover;
    margin: 0;
}

.capability-thumb-8 {
  padding-bottom: 90% !important;
    background-position: center;
    background-size: cover;
    margin: 0;
}

.capability-block-content {
  padding: 20px 40px 50px 40px!important;
  background-color: #f7f7f7 !important;
}

.section-related .tile .capability-block-content:before {
  content: none;
}

.section-clients .title {
  text-align: left;
  font-family: 'Graphik Medium';

}

.section-home_news {
  padding-bottom: 120px;  
}

.home_title {
    color: #191919;
    font-size: 28px;
    font-family: 'Graphik Medium';
    text-align: left;
    padding-left: 20px;
    padding-right: 20px;
}

.title-row {

}

.more_link {
    font-family: "Graphik Medium";
    font-size: 15px;
    color: #2E96FF !important;
    text-align: left;    
    padding-left: 20px;
    padding-right: 20px;
}

a.more_link:hover {
  color: #000 !important;
}

.see-all {
  text-align: left;
}

.home_news_article {
    height: 240px;
    margin-bottom: 40px;
    float: left;
    
    padding-left: 0px;
    display: inline-block;
}



.home_news_article_inner {
    width: 100%;
    height: 100%;
    background: #fff;
    padding: 25px;
}

.news_label {
    font-size: 18px;
    font-family: "Graphik Semibold";
    color: #000;
    padding-bottom: 5px;
}

.news_title,
.new-format .news_title {
    color: #000;
    font-family: "Graphik Medium";
    font-size: 22px;
    
}

.tile:hover,
.tile-2:hover,
.home_news_article_inner:hover {
  -webkit-box-shadow: 4px 16px 24px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: 4px 16px 24px 0px rgba(0,0,0,0.2);
  box-shadow: 4px 16px 24px 0px rgba(0,0,0,0.2);
  transition: box-shadow 0.2s ease-in-out;
}

.tile:hover .tile-title a,
.tile-2:hover .tile-title a,
.home_news_article_inner:hover .news_title a {
  color: #2E96FF;
  transition: color 0.15s ease-in-out;
}

.section-related .tile,
.home_news_article_inner {
    position: relative;
    cursor: pointer;
    overflow: hidden;
    background-color: #FFF;
    margin: 2px
}

.section-related .tile .image,
.section-related .tile .section-latest .panel .blue,
.section-latest .panel .section-related .tile .blue,
.section-related .tile .section-latest .panel .plain,
.section-latest .panel .section-related .tile .plain {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    transition: transform 300ms ease
}

.section-related .tile:before,
.home_news_article_inner:before {
    content: '';
    background-image: url(sprite.png);
    background-size: 2516.66667% 1366.66667%;
    background-position: 94.02299% 66.84211%;
    background-repeat: no-repeat;
    width: 9px;
    height: 15px;
    text-indent: -0009px;
    opacity: 0;
    position: absolute;
    right: 30px;
    bottom: 20px;
    z-index: 1;
    transition: opacity 400ms ease, right 400ms ease
}


section.authors .row,
section.other-people .row,
section.general-content .row {
  background:  #fff;
}

section.authors .row ul,
section.other-people .row ul,
section.general-content .row ul {
  list-style-type: none;
}

.single-tall {
  text-align: center;
}








@media screen and (min-width: 40em) {
    .section-related .tile:before,
    .home_news_article_inner:before {
        background-image: url(sprite.png);
        background-size: 2516.66667% 1366.66667%;
        background-position: 94.02299% 58.42105%;
        background-repeat: no-repeat;
        width: 9px;
        height: 15px;
        text-indent: -0009px
    }

    .link-button a:hover .arrow:before, .link-button a:hover .arrow:after {
      right: 234px;
    }
}

@media screen and (min-width: 64em) {
    .section-related .tile:before,
    .home_news_article_inner:before {
        background-image: url(sprite.png);
        background-size: 1887.5% 976.19048%;
        background-position: 86.48019% 58.69565%;
        background-repeat: no-repeat;
        width: 12px;
        height: 21px;
        text-indent: -0009px
    }
}

@media screen and (min-width: 90.0625em) {
    .section-related .tile:before,
    .home_news_article_inner:before {
        background-image: url(sprite.png);
        background-size: 1887.5% 976.19048%;
        background-position: 86.48019% 70.65217%;
        background-repeat: no-repeat;
        width: 12px;
        height: 21px;
        text-indent: -0009px
    }
}

.section-related .tile:hover .image,
.section-related .tile:hover .section-latest .panel .blue,
.section-latest .panel .section-related .tile:hover .blue,
.section-related .tile:hover .section-latest .panel .plain,
.section-latest .panel .section-related .tile:hover .plain {
    -ms-transform: scale(1.05);
    transform: scale(1.05)
}

.section-related .tile:hover:before,
.home_news_article_inner:hover:before {
    opacity: 1;
    right: 20px
}

.section-related .thumb {
    padding-bottom: 70%;
    background-position: center;
    background-size: cover;
    margin: 0
}

.section-related .thumb-content {
    color: #191919;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 0
}


/*
.col_1 .tile {
    margin-right: 40px;
}

.col_1 .tile:nth-child(3)  {
    margin-right: 0;
}

.col_1_2 .tile,
.col_2_1 .tile {
    margin-right: 40px;
}

.col_1_2 .tile,
.col_2_1 .tile {
    margin-right: 40px;
}

.col_1_2 .tile:nth-child(2),
.col_2_1 .tile:nth-child(2) {
    margin-right: 0px;
}
*/
.tile-type,
.conversion-point .cp-label {
    color: #000;    
    font-family: 'Graphik Semibold';
    font-size: 17px;
    line-height: 21px;
    letter-spacing: 0px;
    margin-bottom: 5px;
}

.tile .thumb-content .tile-type, .hero .thumb-content .tile-type {
    display: inline-block;
    font-family: 'Graphik Medium';
    font-size: 17px;
    line-height: 1.2;
    margin-bottom: 0px;
    border-bottom: 0px solid #2E96FF !important;
}

.capability-thumb-content .tile-title, .capability-block-content .tile-title, .section-related .thumb-content .tile-title, .section-related .thumb-content .tile-title a {
    font-family: "Graphik Medium" !important;
    /*
    font-size: 28px;
    margin-bottom: 0px;
    line-height: 32px;
    letter-spacing: -0.03px;
    margin-bottom: 8px;
    */
}

.subheading {
    font-family: "Graphik Regular";
}

.conversion-titleemail {
  padding-left: 20px;
  padding-right: 20px;
}

.conversion-titleemail label {
  padding-top: 0px;
}

.section-home_news .title-row {
  margin-bottom: 20px;
}

.conversion-extform .contact-form {
  margin-top: 30px;
}

.conversion-extform {
  padding-left: 20px;
  padding-right: 20px;
}



.contact-message {
  top: 275px;
}


.landing-initiatives .tile-subtitle,
.single-initiative .tile-subtitle,
.landing-ideas .tile-subtitle {
  display: none;
}

.single-initiative-subdesc h2 {
  font-family: "Graphik Medium";
  font-size: 22px;
  margin-bottom: 20px;
}

.single-initiative-subdesc p {
  color: #000;
  font-size: 16px;
}

div.single-initiative {
  padding-bottom: 80px;
}

/*
.section-thinking .tile-container .article-tile .tile{
  margin-top: 0;
  margin-left: 0;
  margin-right: 10px;
}

.section-thinking .tile-container .article-tile .tile:nth-of-type(3) > .tile {
  margin-right: 0px;
}


.section-thinking .tile .thumb,
.section-thinking .tile .thumb-content {
  margin: 0px !important;
}
*/


.author-thumb,
.coauthor-thumb {
  background-size: cover;
  background-position: center center;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  float: left;
  margin-right: 10px;
  border-radius: 50%;
  border: 3px solid #FFF;
}

.report-header .author-thumb,
.report-header .coauthor-thumb {
  background-size: cover;
  background-position: center center;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  float: left;
  margin-right: 10px;
  border-radius: 50%;
  border: 3px solid #000;
}

.report-hero.white .report-header .author-thumb,
.report-hero.white .report-header .coauthor-thumb {
  border: 3px solid #FFF;
}

.coauthor-thumb {
  margin-left: -25px;
}

.tile-preview {
  min-height: 180px;
  height: auto;
}

.landing-ideas .tile {
  padding-bottom: 10px;
}

.landing-ideas .tile.full-width {
  padding-bottom: 0px;
}

.landing-ideas .author {
  padding-top: 10px;
  position: relative;
  top: -10px;
}

.author .badge-text {
  padding-top: 14px;
  font-family: 'Graphik Medium';
  font-size: 16px;
  line-height: 1.3em;
}


.intro-work.news {
    background-color: #FFF !important;
}

.intro-work.news h1, .intro-work.news h2 {
    color: #000;
}




.new-format h1,
.offset-large h2 {
  font-family: 'Graphik Semibold';
  font-size: 30px;
  color: #000000;
  letter-spacing: 0;
  line-height: 42px;
}

.new-format h2 {
  font-family: 'Graphik Semibold';
  font-size: 24px;
  color: #000000;
  letter-spacing: 0;
  line-height: 32px;
  margin-bottom: 30px
}

.new-format h3 {
  font-family: 'Graphik Semibold';
  font-size: 19px;
  color: #000000;
  letter-spacing: 0;
  line-height: 28px;
  margin-bottom: 16px;
}

.new-format h4 {
  font-size: 19px;
  font-family: 'Graphik Medium';
  line-height: 28px;
}

.new-format p {
  font-family: 'Graphik Regular';
  font-size: 17px;
  line-height: 23px;
  padding-bottom: 30px;
  color: #000;
}

.section-hero h1,
.section-hero h2 {
  color: #fff;
}

/*
.new-format h1.title {
  font-size: 48px;
  line-height: 64px;
  font-family: 'Graphik Medium';
  color: #fff;
  margin-bottom: 16px;
}

.new-format h2.subtitle {
  font-size: 28px;
  line-height: 36px;
  font-family: 'Graphik Regular';
  margin-bottom: 16px;
  color: #fff;
}

*/
.new-format h3.client {
  font-size: 19px;
  line-height: 29px;
  font-family: 'Graphik Medium';
  color: #fff;
}

.new-format .id1-centered-large h2 {
  font-family: 'Graphik Medium';  
}

.new-format .id2-1-centered-intro h2 {
  font-family: 'Graphik Medium';
 
}

.new-format .id2-centered-small h2 {
  font-family: 'Graphik Medium';
  
}

.new-format .id2-1-centered-intro p {
  font-family: 'Graphik Regular';

}

.centered-intro p {
  font-family: "Graphik Medium";
  font-size: 19px;
  line-height: 24px;
  color: #000;
}


.text-unit {
  background: #fff;
  color: #000;
  padding: 40px;
}

.text-unit p,
.text-unit span {
  font-size: 16px;
}

.news-unit {
  margin-top: 120px;
}

.combo-unit {
  background: #fff;
  color: #000;
}

.section-intro .summary ul .name {
  font-family: "Graphik Semibold";
  font-size: 17px; 
  line-height: 21px;
  color: #000;
}

.section-intro .summary ul .value, .section-intro .summary ul .value a {
  font-family: "Graphik Regular";
  font-size: 17px; 
  line-height: 23px;
  color: #000;
}

.section-intro .summary ul {
    padding-left: 40px;
}

.section-intro .summary-wrapper {
    height: auto;
}

.section-intro .wrapper {
    padding-bottom: 35px;
}

.section-intro .intro-text h4 {
  font-family: "Graphik Medium" !important;
}

.section-hiring {
    background-color: #2E96FF;
}

.section-hiring .positions ul li .highlight {
    background-color: #2E96FF;
    transition: background-color 400ms linear;
}

.left-lock img {
  margin: 20px 0 20px 0;
}

.left-lock .inner {
  padding: 40px;
}


.new-format .flex-video {
  margin-bottom: 0px;
}

.new-format .titles {
  padding-top: 200px;
}

/*
.section-intro.portfolio {
    padding-top: 40vh;
}
*/

.items-unit ul {
  list-style-type: none;
  margin-top: 30px;
}

.big-numbers ul {
  list-style-type: none;
}

.big-numbers h3 {
    font-family: "Graphik Medium";
    font-size: 38px;
    line-height: 48px;
}

.new-format .caption-left h2,
.new-format .caption-right h2 {
  font-family: 'Graphik Medium';
  font-size: 17px;
  line-height: 24px;
  color: #000;
  margin-bottom: 0px;
}

.new-format .caption-left p,
.new-format .caption-right p {
  font-family: 'Graphik Regular';
  font-size: 17px;
  line-height: 24px;
  color: #000;
}



.new-format .section-related .title,
.section-related .title {
    text-align: left;
} {
  text-align: left;
}

.overlay-left .body-copy,
.overlay-right .body-copy,
.caption-left .body-copy,
.caption-right .body-copy  {
  padding: 40px;
}



.left-lock .right-col {
  padding-top: 40px;
}


.quote-unit {
  background: #F0F0F0 !important;
  color: #000;
  font-family: 'Graphik Regular';
  padding: 40px;
}

.quote-unit p {  
  color: #000;
  font-family: 'Graphik Regular';

}

.big-quote h3 {
  color: #000;
  margin-bottom: 0px;
}

.big-quote p {
  position: relative;
  font-size: 23px !important;
  line-height: 28px !important;
}

.big-quote p:before {
    font-family: 'Graphik Regular';
    font-size: 24px;
    display: block;
    content: '\201C';
    position: absolute;
    left: -14px;
    top: 0px;
}

.standalone-unit {
  padding: 0 40px;
}


.standalone-quote .quote-mark,
  .inline-quote .quote-mark {
  font-family: "Arial Black", arial, sans-serif;
  font-size: 100px;
  font-weight: 900;
  line-height: 0.5em;
}

.standalone-quote .quote,
.inline-quote .quote {
  font-family: "Graphik Medium", sans-serif;
  font-size: 24px;
  letter-spacing: -3%;
  line-height: 1.2em;
  margin-bottom: 30px;
}

.standalone-quote {
  background: #F0F0F0 !important;
}

.inline-quote {
  background: #FFF !important;
}

.inline-quote .report_author {
  padding-top: 6px;
}


.post-password-form div {
  width: 300px;
  font-family: "Graphik Medium";
  padding-top: 250px;
  margin-left: calc(50% - 150px);
}

.post-password-form .button {
  font-family: "Graphik Medium";
  padding: 10px 10px;
  background: #2E96FF;
  border: 1px solid #2E96FF;
  color: #fff;

}

.new-format .related-container .capability-thumb-content .tile-subtitle {
  display: none;
}

.section-intro .intro-text .cmplz-document,
.section-intro .intro-text .cmplz-document p {
  font-size: 16px !important;
  color: #000 !important;
  font-family: "Graphik Regular", "Times New Roman", serif;
}

.section-intro .intro-text .cmplz-document ul {
  margin-left: 2em;
}

.section-intro .intro-text .cmplz-document h2 {
  font-family: 'Graphik Medium';
  font-size: 28px;
  margin-bottom: 16px;
  margin-top: 48px;
}

.section-intro .intro-text .cmplz-document .cmplz-subtitle {
  font-size: 20px;
  font-family: "PTSerif-Bold", "Times New Roman", serif;
}

.section-intro .intro-text .cmplz-document ol.alphabetic {
  margin-left: 2em;
}

.cc-compliance {
  border: 1px solid #fff;
  height: 56px;
}

.cc-compliance:hover {
  border-color: #s2E96FF;
}

.cc-compliance a {
  width: 200px;
  height:100%;
  text-align:left;
  position:relative;
  padding-left:20px;
  line-height:43px;
  text-decoration: none;
  margin-left:0!important;
  box-sizing: border-box;
  transition: padding-left 100ms 50ms, color 100ms, background-color 100ms;
  background-color: #000 !important;
  color:white!important;
}

.cc-compliance a:before {
  opacity: 0;
  transition: opacity 100ms ease, left 100ms ease;
  left: 0px;  
}
.cc-compliance a:after {
  
  transition: opacity 100ms ease, right 100ms ease;
  right: 30px;
}

.cc-compliance a:before,
.cc-compliance a:after {
  content: '';
  display: block;
  width: 9px;
  height: 9px;
  position: absolute;
  top: 22px;  
  border: solid white;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 2px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);    
}

.cc-compliance a:hover {
  padding-right:0;
  padding-left:60px;
  text-decoration: none!important;
  transition: padding-right 100ms 50ms, color 100ms, background-color 100ms;
  background-color: #FFF !important;
  color: #000 !important;
}
.cc-compliance a:hover:after {
  opacity: 0;
  right:0;
}
.cc-compliance a:hover:before {
  opacity:1;
  left: 30px;
  border-color: #000 !important;;
}

.cc-message {
  font-family: "Graphik Regular", Helvetica Neue, sans-serif;
}

p {
  font-family: "Graphik Regular" !important;
  font-size: 17px !important;
  line-height: 23px;
  color: #000;

}

.section-back .clickable:hover {
  background-color: #2E96FF;
}

.full-bleed-image .hero-message {
  color: #fff !important;
}

.text-button:hover {
    color: #2E96FF;
}


.section-search-results .type {
  font-family: 'Graphik Semibold';
  font-size: 18px;
  line-height: 24px;
  color: #000;
}

.section-search-results .title {
  font-family: "Graphik Medium";
  font-size: 24px;
  line-height: 28px;
  color: #000;
}




#overlay {
    display: none;
    position: fixed;
    top: 0px !important;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 30;
    opacity: 1;
    background-color: #000;
}


.contact-form .input-row.subscribe {
    padding-bottom: 0px !important;
}

.section-related.newsletter {
  margin-top: 0px !important;
}


.job-intro h3.intro-1 {
    font-size: 48px;
    text-align: center;
    margin-top: 50px;
    font-family: 'Graphik Medium';
    margin-bottom: 10px;
}

.job-intro h4.intro-1 {
  font-size: 18px;
  text-align: center;
  margin-top: 10px;
  font-family: 'Graphik Regular';
  margin-bottom: 50px;
}

.section-hiring {
  background: none !important;
}

.section-hiring .branch {
  border-top: 0px;
}

.job-intro h1.intro-1 {
  font-family: 'Graphik Semibold';
  font-size: 24px;
  line-height: 36px;
  margin-top: 50px;
  margin-bottom: 20px;
  text-align: center;
}

.job-intro h2.intro-2 {
  font-family: 'Graphik Regular';
  font-size: 18px;
  line-height: 24px;
  margin-top: 0px;
  margin-bottom: 50px;
  text-align: center;
}

.section-hiring .{
  position: relative;
}

.section-hiring .job-title {
  font-family: 'Graphik Medium';
  font-size: 18px;
  line-height: 21px;
  border-bottom: 1px solid #DADADA;
  background:  #fff;
  height: 88px;
  position: relative;

}

.section-hiring .job-title .job-desc {
  margin: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  vertical-align: middle;
  left: 34px;
  padding-right: 20px;
}

.section-hiring .job-title .job-type {
  margin: 0;
  margin-left: 50%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  vertical-align: middle;
  text-align: right;
}

.section-hiring .job-title:first-of-type {
  border-top: 1px solid #DADADA;;
}

.job-benefits p {
  text-align: center;
  margin-bottom: 1em;
  font-size: 18px;  line-height: 28px;
  padding: 0px 40px;
}



.center {
  text-align: center;
}

.header-link-icon {
  float: left;
}
.author.medium-6 {
  float: left;
}

.report-hero {
  position: relative;
  color: #000;
}

.report-hero.white {
  color: #FFF;  
}

.audio-player {
  background: transparent;
  height: 60px;
  position: relative;
  overflow: hidden;
  display: block;
}
.audio-player .row {
  display: none;
  background: #fff;
}
.report-template .audio-player {
  background: #FFF;
}

.report-hero .report-header {
  position: relative;
  z-index: 10;
  top: -400px;
  padding-left: 40px;
  padding-right: 40px;
}

.report_conclusion .row {
  padding: 40px;
}



section.general-content .row article[data-task=toggle],
section.other-people .row article[data-task=toggle],
section.authors .row article[data-task=toggle] {
  padding-left: 20px;
  padding-right: 20px;
}

article[data-task=toggle] h2 {
  position: relative;
}
article[data-task=toggle] > div {
  display: none;
}

.plus-minus {
  position: absolute;
  right: 0px;    
  display: block;
  z-index: 10;
  width: 50px;
  height: 50px;
  top: 50%;
  transform: translateY(-50%);
}

.plus-minus .line1 {
  width: 20px;
  height: 2px;
  background-color: black;
  overflow: hidden;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.plus-minus .line2 {
  width: 2px;
  height: 20px;
  background-color: black;
  overflow: hidden;
  display: block;
  top: 50%;
  left: 50%;
  position: absolute;
  transform: translate(-50%,-50%);
  transition:  .5s;
}

.plus-minus.opened .line2 {
  height: 2px;
}

.pdf-listen {
  padding-top: 40px;
  clear: both;
}


.download-pdf {
  background-image: url(download_black.png);
  background-size: 28px 28px;
  background-position: left center;
  background-repeat: no-repeat;
  width: auto;
  height: 28px;
  padding-left: 30px;
  display: inline-block;
  position: relative;
}

.report-hero.white .download-pdf {
  background-image: url(Download_white.png);
  background-size: 28px 28px;
  background-position: left center;
  background-repeat: no-repeat;
  width: auto;
  height: 28px;
  padding-left: 30px;
  display: inline-block;
  position: relative;
}

.download-pdf:hover,
.report-hero.white .download-pdf:hover {
  background-image: url(Download_blue.png);  
  color: #2e96ff;
}

.listen {
  background-image: url(headphones_black.png);
  background-size: 26px 26px;
  background-position: left center;
  background-repeat: no-repeat;
  width: auto;
  height: 28px;
  padding-left: 34px;
  display: inline-block;
  position: relative;
  margin-right: 8px;
}

.report-hero.white .listen {
  background-image: url(Audio_headphones_white.png);
  background-size: 26px 26px;
  background-position: left center;
  background-repeat: no-repeat;
  width: auto;
  height: 28px;
  padding-left: 34px;
  display: inline-block;
  position: relative;
  margin-right: 8px;
}

.listen:hover,
.report-hero.white .listen:hover {
  background-image: url(Audio_headphones_blue.png);
  color: #2e96ff;
}

.download-link:hover {
  color:  #2E96FF;
}


.section-intro .author {
  width: 100%;
  max-width: 300px;
}


.section-intro .author .author-thumb {
  margin-right: 10px;
}

.section-intro .author .author-name {
    padding-top: 10px;
    font-family: 'Graphik Semibold';
    font-size: 17px;
    line-height: 21px;
    color: #000;    
    text-align: left;
    
}

.section-intro .author .author-position {
    font-family: 'Graphik Regular';
    font-size: 17px;
    line-height: 23px;
    color: #000;    
    text-align: left;
    margin-top: 6px;
    
}

.report-header .author .author-name {
  font-family: "Graphik Medium", sans-serif;
  font-size: 16px;
  line-height: 1em;
}

.report-header .author .author-position {
  font-family: "Graphik Regular", sans-serif;
  font-size: 16px;
}

.report-header .author {
  font-family: "Graphik Medium", sans-serif;
}

.report-header .title {
  font-family: "Graphik Medium", sans-serif;
  font-size: 39px;
  width: 100%;  
  margin: 0 auto;
  line-height: 48px;
  letter-spacing: -1px;
  margin-bottom: 20px;
  color: #000;
}



.report-header .subtitle {
  font-family: "Graphik Regular", sans-serif;
  font-size: 18px;
  width: 100%;
  margin: 0 auto;
  line-height: 22px;
  color: #000;
}

.report-header .headerhr {
  border-bottom: 1px solid #000;
}

.report-hero.white .headerhr {
  border-bottom: 1px solid #fff;
}

.center {
  text-align: center;
}

.report-header .author {
  display: inline-block;
  width: 300px;
}

.report-template {
  /*padding-bottom: 100px;*/
}

.report_author_pic {
  float: left;
  margin-right: 20px;
  width: 60px;
}

.author .author-name {
  margin-top: 6px;
}

.report-header .authors .author {
  margin-bottom: 10px;
}

.report_author {
  font-family: "Graphik Medium", sans-serif;
  font-size: 16px;
  line-height: 1.2em;
  padding-top: 0px;
}


.report_author_position {
  font-family: "Graphik Regular", sans-serif;
  font-size: 16px;
  line-height: 1.2em;
}

section.authors .row article,
section.other-people .row article,
section.general-content .row article{
  border-top: 2px solid #000;
  padding: 40px;
  cursor: pointer;
}


.report-hero.white .report-header .title,
.report-hero.white .report-header .subtitle {
  color: #FFF;
}

section.authors .row article {  
  border-top: 0px;
}

button.active {
  font-family:  "Graphik Medium", sans-serif;
}

.report-template {
  background: #fff;
}

.report-intro,
.report-unit,
.p-with-callout,
.inline-quote {
  padding: 40px;
  font-size: 16px;
  line-height: 22px;
  font-family: "Graphik Regular", sans-serif;
}

.report-unit p,
.report-unit article,
.p-with-callout p,
.report-intro p,
.report_conclusion  {
  margin-bottom: 20px;
}

.report-section-header-number {
  padding: 40px;
  font-size: 16px;
  line-height: 22px;
  font-family: "Graphik Medium", sans-serif;
}

.report-section-header-number .report-number {
  font-family: "Graphik Semibold", sans-serif;
  font-size: 52px;
}

.report-section-header-number .report-subhead {
  font-family: "Graphik Semibold", sans-serif;
  font-size: 32px !important;
}

.report-intro-subhead {
  font-family: "Graphik Medium", sans-serif;
  margin-bottom: 40px;
}

.audio-player .row {
  height: 80px;
}


.report-unit .left-col {
  font-family: "Graphik Medium", sans-serif;
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 20px;
}


.report_conclusion .row,
.report_conclusion p {
  background: #000;
  color:  #fff;
}

.report_conclusion h4 {
  font-family: "Graphik Medium", sans-serif;
  font-size: 20px;
}

.report_conclusion h2 {
  font-family: "Graphik Medium", sans-serif;
  font-size: 32px;
  line-height: 1.2em;
  padding-bottom: 20px;
}

.section.cards .column:last-child:not(:first-child) {
  float: left;
}

.healthcare_cards {
  text-align: center;
  padding-bottom: 80px;
}

.card-front-top {
  font-family: "Graphik Medium", sans-serif;
  font-size:  18px;
}

.card-back-top {
  font-family: "Graphik Medium", sans-serif;
  font-size:  18px;  
}

.card-back-subtitle {
  /* Get the lay of the sector */

/*
position: relative;
width: 195px;
height: 42px;
left: 16px;
top: 51px;
*/

font-family: 'Graphik Medium', sans-serif;
font-style: normal;
font-size: 16px;
line-height: 1.1em;
/* or 18px */
letter-spacing: -0.02em;

/* Smart Black */
color: #000000;


}


.card-back-msg {
  /* Who are your potential critical-path partners, collaborators, subject matter experts, gatekeepers, stakeholders and clients?  */

position: absolute;
width: 195px;
height: 198px;
left: 20px;
top: 100px;


/* or 16px */

/* Smart Black */
color: #000000;


}

.card-back-msg p {
  font-family: 'Graphik Regular', sans-serif !important;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.2em !important;
}

.card-front-msg,
.card-front-msg p {
  font-family: "Graphik Medium", sans-serif !important;
  font-size:  22px !important;
  line-height: 1em !important;
  position: relative;
  width: 188px;
  height: auto;
  left: 0px;
  top: 80px;

  font-family: 'Graphik';
  font-style: normal;
  font-weight: 500;
  font-size: 22px;
  line-height: 100%;
  /* or 22px */
  letter-spacing: -0.025em;

  /* Smart Black */
  color: #000000;
}

.card-front-footer {
  /* Find balance */

  position: absolute;
  width: 155.47px;
  height: 9px;
  left: 20px;
  top: 323px;

  font-family: 'Graphik Regular';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 110%;
  /* identical to box height, or 9px */
  display: flex;
  align-items: center;

  /* Smart Black */
  color: #000000;


}


.card {
  background-color: transparent;
  /*width: 280px;
  height: 430px;*/
  width: 232px;
  height: 352px;
  display: inline-block;
  margin-left: 20px;
  margin-right: 20px;
  margin-top: 40px;
  border-radius:20px;
  perspective: 860px;
  perspective-origin: center;
}

/*
.card:last-of-type {
  margin-right: 0px;
}
*/

/* This container is needed to position the front and back side */
.card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s, opacity 0.7s ease-out;
  transform-style: preserve-3d;
  border-radius:20px;
}
.card-selected {
  border:2px solid black;
}


.card-front {

  background-image:url("_card-front.png");
  background-size:contain;
  background-repeat:no-repeat;
  width:inherit;
  height:inherit;
}

.do-flip {
  transform: translateX(0px) rotateY(180deg);
}

.do-flip-half {
  transform: translateX(0px) rotateY(180deg);
  opacity: 0;
}

.card-padding {
  padding:20px;
  text-align: left;
}
.card-type {
  position: absolute;
  top:20px;
  left:20px;
  font-size:12px;
}

.card-category{
  position: absolute;
  bottom:20px;
  left:20px;
  font-size:12px;
}

.card-category,
.card-type {
  font-family: "Graphik Medium", sans-serif;
  font-size: 18px;
  padding-right: 20px;
  line-height: 1em;
}


/* Position the front and back side */
.card-front, .card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden; /* Safari */
  backface-visibility: hidden;
  border-radius:20px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  cursor: pointer;
}

.card-back h2 {
  font-family: "Graphik Medium", sans-serif;
  font-size: 18px;
  letter-spacing: -1px;
  line-height: 1.2em;  
  padding-bottom:20px;
  margin-top: 00px;
}
.card-front h2 {
  font-family: "Graphik Medium", sans-serif;
  font-size: 32px;
  letter-spacing: -1px;
  line-height: 1.1em;
  margin-top: 60px;
}

.card-content {
  margin-top: 20px;
}

.card-back {
  transform: rotateY(-180deg);
  /*background-image:url("card-back.png");*/
  background-image:url("card-back-2.png");
  background-size:contain;
  background-repeat:no-repeat;
  width:inherit;
  height:inherit;
}

.flip-icn {
  background-image:url('flip-icn.png');
  height: 34px;
  width: 30px;
  background-repeat: no-repeat;
  position: absolute;
  bottom: 10px;
  right: 10px;
}



.card-logo {
  background-image:url('logo-cards.png');
  height: 44px;
  width: 63px;
  background-repeat: no-repeat;
  position: absolute;
  bottom: 20px;
  left: 20px;
}

.latest-addition {
  background-color: #fff;
  padding-top: 50px;
  padding-bottom: 50px;
}

.new-card,
.cards-see-more {
  cursor: pointer;
  color: #2E96FF;
  margin-top: 20px;
  font-family: "Graphik Semibold", sans-serif;
  font-size: 16px;
  opacity:1;
  transition: opacity 0.8s;
}

.hide-new-card,
.hide-see-more {
  opacity:0;
}

.about-salon-detail {
  background-color: #fff;
}















@media screen  and (max-width: 639px) {
  .report-intro-subhead {
    margin-top: 0px!important;
  }

  .report_internal_nav {
    display: none;
  }


  .column {
    padding-left: 0px;
    padding-right: 0px;
  }

  .contact-start h1 {
    font-size: 36px;
    line-height: 42px;
  }

  .headroom-top.white .lines-button .lines, 
  .headroom-top.white .lines-button .lines:before, 
  .headroom-top.white .lines-button .lines:after {
    background-color: #fff;
  }
  .headroom-top .lines-button .lines, 
  .headroom-top .lines-button .lines:before, 
  .headroom-top .lines-button .lines:after {
      background-color: #000;
  }
  .lines-button.close .lines {
      transition: background .3s 0s ease, transform .3s .3s, ease;
      background: transparent !important;
  }
  .lines-button .lines {
      -ms-transform: translateY(-3px);
      transform: translateY(-3px);
  }
  .lines {
      display: inline-block;
      width: 15px;
      height: 2px;
      position: relative;
  }

  .link-button a:hover .arrow:before, .link-button a:hover .arrow:after {
    right: 169px;
  }

  .headroom-top .logo,
  .headroom-not-top .logo {
    background-image: url('sd_mini_black.png') !important;
    width: 28px;
    height: 30px;
    background-size: 100% 100%;
  }

  
  .headroom-top.white .logo,  
  .headroom-not-top.white .logo {
    background-image: url('sd_mini_black.png') !important;
    width: 28px;
    height: 30px;
    background-size: 100% 100%;
  }

  .section-related .related-container {
    display: block;
  }
  
  .capability-thumb-content .tile-title,
  .capability-block-content .tile-title {
    font-family: "Graphik Medium";
    font-size: 22px;
  }

  .hero-message .link-button-inverted a,
  .link-button-inverted a,
  .link-button a {
    margin-left: 0px !important;    
    font-family: "Graphik Semibold" !important;
    width: 200px !important;
  }


  .about-smart .image {
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.6);
  }

  .about-intro .intro-1 {
    font-family: "Graphik Medium" !important;
    font-size: 19px;
    line-height: 25px;
    color: #000;
    text-align: left !important;
  }

  .section-hiring .city {
     font-family: "Graphik Medium" !important;
    font-size: 28px;
    line-height: 32px;
    color: #fff;
  }

  .about-carousel .slide .heading-1, 
  .about-carousel .slide .heading-2,
  .section-hiring .city  {
    text-align: left;
    font-family: "Graphik Semibold" !important;
    font-size: 24px;
    line-height: 30px;
    color: #000;
    letter-spacing: -0.3px;
  }

  .about-carousel .slide .heading-2  {
    color: #000;
  }

  .section-hiring .city  {
    color: #fff;
    text-align: center;
  }

  .about-carousel .slide .summary p,
  .about-smart .text,
  .carousel-people .subheading,
  .carousel-people .more,
  .section-hiring .subheading  {
    font-family: "Graphik Regular" !important;
    margin-bottom: 1rem;
    font-size: 17px !important;
    line-height: 23px;
    color: #000;
  }

  .carousel-people .subheading,
  .carousel-people .more,
  .section-hiring .subheading  {
    color: #fff;
    /*text-align: left;*/
  }

  .about-smart .heading {
    font-family: 'Graphik Medium' !important;
    font-size: 24px;
    line-height: 36px;
    color: #000;
    padding-top: 40px;
    padding-bottom: 0px;
  }

  .carousel-people .heading,
  .section-hiring .heading {
    text-align: center;
    color: #fff;
    font-family: 'Graphik Semibold' !important;
    font-size: 24px !important;
    line-height: 36px !important;
  }

  .link-button a:before, .link-button a:after {
    top: 20px;

  }

  .carousel-people .more,
  .section-hiring .subheading, 
  .section-hiring .heading    {
      
      margin: 0 40px;
  }

  .section-hiring .positions ul li {
    list-style: none;
    font-family: 'Graphik Regular' !important;
    font-size: 28px !important;    
    color: #FFF;
    cursor: pointer;
    position: relative;
  }

  .section-hiring .positions ul li a {
      display: block;
      color: #000 !important;
      position: relative;
      z-index: 10;
      text-align: center;
      font-size: 17px;
      line-height: 30px;
  }

  .conversion-point .link-button-inverted a,
  .conversion-point .link-buton a,
  form .link-buton a {
    margin-left: 0px;
    font-family: "Graphik Medium" !important;
  }

  .no-margin-top a { 
    margin-top: 0px !important; 
  }

  .double-image img,
  .triple-image img {
    width: 100%;
    
  }

  .double-image div:nth-child(1) {
    margin-bottom: 20px;
  }

  /*
  .triple-image {
    column-count: 3;
  }
  */

  .section-related .tile {
    position: relative;
    cursor: pointer;
    overflow: hidden;
    background-color: #FFF;
    margin: 0px;
  }

  .section-related .thumb-content .tile-title {
    padding-bottom: 20px;
    padding-top: 5px;
    line-height: 1em;
  }
  .all-clients ul li.team-members {
    margin: 0 40px 0 40px;
    padding: 0px !important;
  }

  .section-clients .title {
    text-align: left;
    padding-left: 40px;
  }

  .footer .link-button-inverted a,
  .footer .link-button a, {    
    width: 200px !important;
  }

  .about-section-hiring {
    position: relative;
    background: #2E96FF;
    height: 200px;
  }

  .about-section-hiring .row {
    margin: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    vertical-align: middle;
    padding-left: 34px;
  }

  .about-section-hiring h1 {
    font-family: "Graphik Semibold", sans-serif;
    font-size: 32px;
    
  }

  .form-columns-2 div {
    width: 100% !important;
    float: none !important;
  }

  .hs_lastname .input, .hs_phone .input, .hs_company .input, .hs_lastname label, .hs_phone label, .hs_company label {
    margin-left: 0px !important;
  }



}


@media screen  and (min-width: 640px) and (max-width: 63.000em) {
  .capability-thumb-content .tile-title,
  .capability-block-content .tile-title,
  .new-format h2 {
    font-family: "Graphik Medium";
    font-size: 24px;
  }

  .link-button-inverted a,
  .link-buton a {
    margin-left: 0px !important;   
    
  }

  .conversion-point .link-button-inverted a,
  .conversion-point .link-buton a,
  form .link-buton a {
    margin-left: 0px;
    margin-top: 0px !important;
    
  }

  .no-margin-top a { 
    margin-top: 0px !important; 
  }

  .capability-thumb-8 {
    padding-bottom: 45% !important;
    background-position: center;
    background-size: cover;
    margin: 0;
  }

  


}

@media screen  and (max-width: 63.000em) {

  .logo {
    z-index: #00099;
  }

  .hero-message {
    padding: 0px !important;
    padding: 0 40px 0 40px !important;

  }

  



  /*
  .headroom-top .logo,
  .headroom-top.white .logo,
  .headroom-not-top .logo,
  .headroom-not-top.white .logo {
    background-image: url('Smart-Design-MedRes-Mark.png') !important;
    width: 33px;
    height: 36px;
    background-size: 100% 100%;
  }
  */

  .tile-title {
    font-size: 28px;
    
  }

  .tile-type {
    font-size: 14px;
  }

  .section-intro .intro-text {
    margin-top: 70px;
    padding-left: 40px !important;
    padding-right: 40px !important;
  }

  .paragraph-wrapper, .overlay-text .paragraph-wrapper {
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 40px !important;
    padding-right: 40px !important;
    color: #000;
  }

  .about-carousel .slide .summary {
    padding-top: 10px;
    font-family: 'Graphik Regular' !important;
    font-size: 15px;
    line-height: 1.5;
    color: #191919;
    text-align: left !important;
  }

  



  

  .capability-thumb-content p,
   {
    font-size: 16px;
  }

  .capability-thumb-content p,
  .capability-block-content p {
    font-size: 16px;
    margin-top: 0px;
    font-family: 'Graphik Regular';
        color: #000;
  }

  .link-button a {
    margin-left: 0;
  }

  .section-makeit {
    padding-left: 20px;
    padding-right: 20px;
    text-align: left
  }

  .section-makeit .heading-1,
  .section-makeit .summary {
    text-align: left;    
  }

  .section-makeit .summary {
    font-size: 17px;
    line-height: 23px;
  }

  .conversion-point {
    margin-top: 80px;
    margin-bottom: 80px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .conversion-point .subheading {
    font-size: 16px;
  }

  .combo-unit .award {
    padding: 40px;
  }

  .new-format .award .combo-image,
  .new-format .award .body-copy{
    padding-left: 40px;
    padding-right: 40px;
  }

  .award2 {
    padding: 40px;
  }

  .new-format .section-related .title {
    text-align: left;
    padding-left: 40px;
  }

  .section-related .title {
    padding-left: 40px;
  }

  .footer .logo {
    margin-bottom: 40px;
  }

  .footer h2 {
    margin-top: 40px;
  }


  

  
}

@media screen  and (min-width: 1024px) and (max-width: 1060px) {
  #header #nav .nav-menu .nav-menu-item .nav-link {
    font-size: 30px!important;
  }
}

@media screen  and (max-width: 1023px) {
  .lines-button.close {
    transform: translateX(0px);
  }

  #header.mobile-menu-expand {
    background-color: black;
  }

  #header {
    z-index: 31;
  }
  #nav {
    position: relative!important;
    right: 0!important;
  }

  .nav-menu-pages li {
    display: block!important;
  }

  .headroom--unpinned {
    transform: unset!important;
  }

  #header a {
    color: white!important;
  }
  .search-icn {
    display: none!important;
  }
  #header .logo {
    z-index: 1;
  }
  #header.mobile-menu-expand .lines-button.close .lines:after,
  #header.mobile-menu-expand .lines-button.close .lines:before {
    background-color: white!important;
  }

  #header.mobile-menu-expand .logo {
    background-image:  url(sd_mini_white.png)!important;
  }

  #overlay.mobile-menu-expand {
    display: block!important;
  }
  #header.mobile-menu-expand #nav .nav-menu .nav-menu-pages-wrapper {
    width: 100%!important;
    padding-left: 40px;
    padding-right: 40px;
  }
  #header.mobile-menu-expand #nav .nav-menu .nav-menu-pages-wrapper .nav-link {
    font-size: 20px;
    line-height: 2em;
  }

  .current-page {
    display: none!important;
  }

  .nav-menu-pages {
    transform: unset!important;
    transition: unset!important;
    display: none;
  }
  #header.mobile-menu-expand .nav-menu-pages {
    margin-top: 206px;
    display: block;
  }

  #header.mobile-menu-expand .search-wrapper {
    z-index: 32;
    top: 630px;
    background-color: black;
  }
  #header .search-wrapper {
    transition: unset;
  }
  #header .search-wrapper .close-button {
    display: none;
  }

  #header.mobile-menu-expand .nav-menu-pages {
    transform: unset!important;
  }

  #header.mobile-menu-expand .search-wrapper .search-bar {
    margin-left: 40px;
    margin-right: 40px;
    width: calc(100% - 80px);
    height: auto;
    border-bottom: 2px solid white;
  }
  #header.mobile-menu-expand .search-wrapper .search-input {
    background-color: black;
    font-size: 20px;
    line-height: 2em;
    padding-left: 0;
    color: white;
    float: left;
    width: 80%;
  }

  .mobile-footer {
    font-size: 14px;
    margin-left: 40px;
    margin-right: 40px;
    position: fixed;
    bottom: 5vh;
    left: 0;
  }

  #header .search-wrapper .search-input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: black;
    opacity: 1; /* Firefox */
  }

  #header .search-wrapper .search-input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: black;
  }

  #header .search-wrapper .search-input::-ms-input-placeholder { /* Microsoft Edge */
    color: black;
  }


  #header.white #nav .nav-menu .nav-menu-item .nav-link,
  #header #nav .nav-menu .nav-menu-item .nav-link.selected {
    opacity: 1;
  }

  .hide-for-large.nav-menu-item.mobile-menu-item {
    right: 20px;
    position: absolute!important;
  }
  .headroom .logo.nav-active {
    transform: unset;
  }
  .nav-menu-item.hide-for-large.nav-active .current-page a{
    display:none!important;
  }

  input.search-input {
    -webkit-appearance:none;
    -webkit-border-radius:0;
  }

  .standalone-quote {
    padding: 4px;
  }

  .authors h2, .other-people h2, .general-content h2 {
    font-family: "Graphik Medium", sans-serif !important;
    font-size: 20px;
  }

  .authors .author {
    margin-top: 10px;
  }

  section.authors .row article,
  section.other-people .row article,
  section.general-content .row article{
    
    padding: 40px !important;
    
  }

  .pdf-listen-mobile {
    display: flex;

  }

  .pdf-listen-mobile div {
    flex: 1;
    margin-top: 20px;
  }

  .pdf-listen-mobile {
    font-family: "Graphik Semibold", sans-serif;
    font-size: 16px;
    padding-top: 0;
  }

  .report-intro-subhead {
    margin-top: -200px;
  }

  .author-picture.small {
    margin-top: 40px;
  }

  .author-picture.small h3 {
    font-family: "Graphik Medium", sans-serif;
    font-size: 16px;
    padding-top: 8px;
  }

  .author-picture.small h4 {
    font-family: "Graphik Regular", sans-serif;
    font-size: 16px;
  }

  .author-picture.small img {
    width: 60px;
    float:  left;
    margin-right: 15px;
  }

  .author-description {
    clear: both;
  }

  .author-bio {
    margin-top: 30px;
    margin-bottom: 15px;
  }

  .author-linkedin img {
    width: 24px;
  }

  .author-linkedin {
    font-size: 16px;
  }

  .other-people ul {
    columns: 1;
    margin-top: 40px;
  }

  .people li {
    margin-bottom: 30px;

  }

  .other-people .author-picture {
    width: 65px;
    margin-right: 20px;

  }
  .other-people .author-description {
    margin-left: 75px;
    position: relative;
    top: -65px;
  }

  .other-people .author-description h3 {
    font-family: "Graphik Medium", sans-serif;
    font-size: 16px;
    margin-bottom: 10px;
  }

  .section-intro .authors {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: left;
    justify-content: left;
    margin-left: 40px;
    flex-flow: row wrap;
  }

  .section-intro .author .author-name {
    padding-top: 10px;
    font-family: 'Graphik Semibold';
    font-size: 16px;
    line-height: 19px;
    color: #000;    
    text-align: left;
    margin-top: 16px;
    
  }

  .section-intro .author .author-position {
      font-family: 'Graphik Regular';
      font-size: 16px;
      line-height: 19px;
      color: #000;    
      text-align: left;
      margin-top: 3px;
      
  }

  .combo-unit .overlay-right .body-copy,
  .combo-unit .overlay-left .body-copy {
    margin: 40px;
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
    background: white;
    position: relative;
    top: -70px;
    width: calc(100% - 80px);
  }

  .inline-quote img {
    display: none;
  }

  .inline-quote .quote {
    font-size: 22px;
  }

  




}