@font-face {
  font-family: "Neo Sans Light";
  src: url("https://www.axalta.com/content/dam/Corporate/Documents/Sustainability/External-Website/dist/fonts/681fbcbc-1907-441a-893a-fc00ecea0267.eot?#iefix");
  src: url("https://www.axalta.com/content/dam/Corporate/Documents/Sustainability/External-Website/dist/fonts/681fbcbc-1907-441a-893a-fc00ecea0267.eot?#iefix") format("eot"), url("https://www.axalta.com/content/dam/Corporate/Documents/Sustainability/External-Website/dist/fonts/a21a792c-051c-4059-8719-ecc8749c99a6.woff") format("woff"), url("https://www.axalta.com/content/dam/Corporate/Documents/Sustainability/External-Website/dist/fonts/feee8e94-28a0-416a-88d3-db3912effbc4.ttf") format("truetype"), url("https://www.axalta.com/content/dam/Corporate/Documents/Sustainability/External-Website/dist/fonts/be444bf4-2ebe-416a-baa3-b19910fb06ba.svg#be444bf4-2ebe-416a-baa3-b19910fb06ba") format("svg");
}

@font-face {
  font-family: "Neo Sans";
  src: url("https://www.axalta.com/content/dam/Corporate/Documents/Sustainability/External-Website/dist/fonts/2959d89a-a257-4ce7-9cda-63e00f275369.eot?#iefix");
  src: url("https://www.axalta.com/content/dam/Corporate/Documents/Sustainability/External-Website/dist/fonts/2959d89a-a257-4ce7-9cda-63e00f275369.eot?#iefix") format("eot"), url("https://www.axalta.com/content/dam/Corporate/Documents/Sustainability/External-Website/dist/fonts/a32c3a17-3242-461c-a048-ca8e775582b1.woff") format("woff"), url("https://www.axalta.com/content/dam/Corporate/Documents/Sustainability/External-Website/dist/fonts/97316a7d-9db1-4dc1-bd87-e24103d88a81.ttf") format("truetype"), url("https://www.axalta.com/content/dam/Corporate/Documents/Sustainability/External-Website/dist/fonts/1287ca7a-3ce7-40b7-9612-061d4c793f04.svg#1287ca7a-3ce7-40b7-9612-061d4c793f04") format("svg");
}

@font-face {
  font-family: "Neo Sans Italic";
  src: url("https://www.axalta.com/content/dam/Corporate/Documents/Sustainability/External-Website/dist/fonts/f4875de8-7883-4489-958a-e2479fe77d29.eot?#iefix");
  src: url("https://www.axalta.com/content/dam/Corporate/Documents/Sustainability/External-Website/dist/fonts/f4875de8-7883-4489-958a-e2479fe77d29.eot?#iefix") format("eot"), url("https://www.axalta.com/content/dam/Corporate/Documents/Sustainability/External-Website/dist/fonts/740562f3-2434-4080-8b87-ac8084c724d4.woff") format("woff"), url("https://www.axalta.com/content/dam/Corporate/Documents/Sustainability/External-Website/dist/fonts/cd590b5e-4e72-4828-955d-a84944bb3eda.ttf") format("truetype"), url("https://www.axalta.com/content/dam/Corporate/Documents/Sustainability/External-Website/dist/fonts/fabf21ce-e10a-4847-bd79-116d2e06352d.svg#fabf21ce-e10a-4847-bd79-116d2e06352d") format("svg");
}

@font-face {
  font-family: "Neo Sans Medium";
  src: url("https://www.axalta.com/content/dam/Corporate/Documents/Sustainability/External-Website/dist/fonts/85c8556d-8a76-4037-a2e2-0f5fd9dabc03.eot?#iefix");
  src: url("https://www.axalta.com/content/dam/Corporate/Documents/Sustainability/External-Website/dist/fonts/85c8556d-8a76-4037-a2e2-0f5fd9dabc03.eot?#iefix") format("eot"), url("https://www.axalta.com/content/dam/Corporate/Documents/Sustainability/External-Website/dist/fonts/b0eddbbb-9e8e-4e08-bde1-965bb945f73a.woff") format("woff"), url("https://www.axalta.com/content/dam/Corporate/Documents/Sustainability/External-Website/dist/fonts/b2931674-c992-42a0-aa22-e9cb15d3383d.ttf") format("truetype"), url("https://www.axalta.com/content/dam/Corporate/Documents/Sustainability/External-Website/dist/fonts/af9d27b2-3ca0-47ca-8d5d-4c4665df6305.svg#af9d27b2-3ca0-47ca-8d5d-4c4665df6305") format("svg");
}

@font-face {
  font-family: "Neo Sans Bold";
  src: url("https://www.axalta.com/content/dam/Corporate/Documents/Sustainability/External-Website/dist/fonts/a0b14394-4dd9-4421-98cf-dfe2f8dc6251.eot?#iefix");
  src: url("https://www.axalta.com/content/dam/Corporate/Documents/Sustainability/External-Website/dist/fonts/a0b14394-4dd9-4421-98cf-dfe2f8dc6251.eot?#iefix") format("eot"), url("https://www.axalta.com/content/dam/Corporate/Documents/Sustainability/External-Website/dist/fonts/ecedcc38-3aec-48a5-a693-fbfac59dd0ed.woff") format("woff"), url("https://www.axalta.com/content/dam/Corporate/Documents/Sustainability/External-Website/dist/fonts/2974017c-634d-4238-9381-e3f0b95a150c.ttf") format("truetype"), url("https://www.axalta.com/content/dam/Corporate/Documents/Sustainability/External-Website/dist/fonts/0b4cc213-f9e9-4cb1-aa3c-64e91a1328dc.svg#0b4cc213-f9e9-4cb1-aa3c-64e91a1328dc") format("svg");
}

body {
  font-family: "Neo Sans";
  -webkit-font-smoothing: antialiased;
  color: #1e1e1e;
}

h1 {
  font-size: 30px;
  text-transform: uppercase;
  line-height: 45px;
  color: white;
  margin-top: 0;
  letter-spacing: 2px;
}
@media (min-width: 768px) {
  h1 {
    font-size: 45px;
    line-height: 65px;
  }
}

h2 {
  font-size: 25px;
  text-transform: uppercase;
  color: #184ca0;
  letter-spacing: 1px;
  font-family: "Neo Sans Medium";
}
h2.callout {
  font-size: 30px;
  font-family: "Neo Sans";
  text-transform: uppercase;
  letter-spacing: 5px;
  line-height: 45px;
  font-size: 20px;
  line-height: 32px;
  margin: 0;
}
@media (min-width: 600px) {
  h2.callout {
    font-size: 30px;
    line-height: 45px;
  }
}
h2.page-title {
  margin-top: 0;
}

h3 {
  font-size: 16px;
  font-family: "Neo Sans Medium";
  text-transform: uppercase;
  color: #169045;
  letter-spacing: 1px;
  margin-bottom: 20px;
  margin-top: 30px;
}

h4 {
  color: #169045;
  border-bottom: 1px solid #169045;
  text-transform: uppercase;
  font-size: 12px;
  padding-bottom: 5px;
  margin-bottom: 30px;
  margin-top: 20px;
  letter-spacing: 1px;
}

p {
  font-size: 14px;
  color: #1e1e1e;
  line-height: 29px;
}
p.lead {
  font-size: 16px;
  font-family: "Neo Sans Medium";
  line-height: 30px;
  margin: 30px 0 35px;
}
p.photocaption {
  font-size: 11px;
  font-family: "Neo Sans Italic";
  font-style: italic;
  line-height: 20px;
}

.nodecontent ul li {
  font-size: 14px;
  color: #1e1e1e;
  line-height: 29px;
  margin-bottom: 10px;
}

body {
  padding: 0;
}

a {
  color: #169045;
  -webkit-transition: color .3s ease, background-color .3s ease;
  /* Safari */
  transition: color .3s ease, background-color .3s ease;
}
a:hover {
  text-decoration: none;
  color: #184ca0;
}

.aligncenter {
  text-align: center;
}

.greentext {
  color: #169045;
}

.greenbg {
  color: white;
  background: #169045;
}

.full-width-image {
  width: 100%;
  height: auto;
  display: inline-block;
  margin: 20px 0;
}

.float-left-image {
  float: left;
  margin: 0 20px 15px 0;
}

.float-right-image {
  float: right;
  margin: 0 0 15px 20px;
}

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  margin-bottom: 30px;
}
.video-container iframe, .video-container object, .video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.home .video-container {
  margin-bottom: 0;
}

.btn {
  display: inline-block;
  color: white;
  text-transform: uppercase;
  border-radius: 0;
  padding: 4px 8px;
  letter-spacing: 1px;
  font-size: 14px;
}
.btn.green {
  background: #169045;
}
.btn.green:hover {
  background: #184ca0;
  color: white;
}

.nopad {
  padding: 0;
}

.downarrow svg {
  width: 40px;
  height: auto;
}

.navgrid a {
  color: white;
  text-align: center;
}
.navgrid a img {
  width: 100%;
  height: auto;
  display: block;
}
.navgrid a .gridhover {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(22, 144, 69, 0.8);
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  align-items: center;
  opacity: 1;
  padding: 15px 0;
  -webkit-transition: opacity .3s ease;
  /* Safari */
  transition: opacity .3s ease;
}
@media (min-width: 992px) {
  .navgrid a .gridhover {
    opacity: 0;
    top: 0;
    padding: 0;
  }
}
.navgrid a .gridhover:hover {
  opacity: 1;
}
.navgrid a .gridhover h3 {
  width: 100%;
  margin: 0;
  padding: 0 30px;
  font-family: "Neo Sans Medium";
  text-transform: uppercase;
  letter-spacing: 2px;
  line-height: 20px;
  font-size: 12px;
  color: white;
}
@media (min-width: 992px) {
  .navgrid a .gridhover h3 {
    width: 100%;
    font-size: 16px;
    margin: 0;
    padding: 0 30px;
    font-family: "Neo Sans Medium";
    text-transform: uppercase;
    letter-spacing: 2px;
    line-height: 35px;
    color: white;
  }
}

.casestudy {
  margin: 25px 0 35px;
}
.casestudy .casestudy-header {
  background: #7c7f84;
  display: inline-block;
  float: left;
  border: none;
}
.casestudy .casestudy-header h3 {
  color: white;
  padding: 10px 25px;
  display: inline-block;
  margin: 0;
  border-right: 3px solid white;
  float: left;
}
.casestudy .casestudy-header svg {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 8px 10px;
  float: left;
}
.casestudy .tabwrap {
  margin: 0;
  border: 2px solid #7c7f84;
  clear: both;
}
.casestudy .nav-tabs a {
  padding: 0;
  border-radius: 0;
  border: 2px solid white;
  margin: 0;
}
.casestudy .nav-tabs a:hover, .casestudy .nav-tabs a:focus {
  border: 2px solid white!important;
}
.casestudy .nav-tabs a:hover .taboverlay, .casestudy .nav-tabs a:focus .taboverlay {
  opacity: 0;
}
.casestudy .nav-tabs img {
  width: 100%;
  height: auto;
  display: block;
}
.casestudy .nav-tabs .taboverlay {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(22, 144, 69, 0.8);
  color: white;
  text-align: center;
  padding: 20px;
  width: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  opacity: 1;
  -webkit-transition: opacity .3s ease;
  /* Safari */
  transition: opacity .3s ease;
}
.casestudy .nav-tabs .taboverlay h4 {
  width: 100%;
  color: white;
  text-transform: none;
  padding: 0;
  margin: 0;
  border: none;
  letter-spacing: 0;
  font-size: 15px;
  line-height: 20px;
}
.casestudy .nav-tabs .active {
  border: none!important;
}
.casestudy .nav-tabs .active a {
  border: 2px solid white;
}
.casestudy .nav-tabs .active a:focus {
  border: 2px solid white!important;
}
.casestudy .tab-content {
  padding: 30px;
}
.casestudy .tab-content h3 {
  background: none;
  padding: 0;
  color: #169045;
  margin-top: 0;
  margin-bottom: 15px;
}

header .navbar {
  border: none;
  background-color: rgba(22, 144, 69, 0.8);
  -webkit-transition: all .3s ease;
  /* Safari */
  transition: all .3s ease;
}
@media (min-width: 992px) {
  header .navbar {
    background-color: transparent;
  }
}
header .navbar .navbar-brand {
  height: auto;
  margin-right: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-left: 0!important;
  -webkit-transition: padding .3s ease;
  /* Safari */
  transition: padding .3s ease;
}
@media (min-width: 992px) {
  header .navbar .navbar-brand {
    padding-top: 25px;
    padding-bottom: 25px;
    margin-left: -15px !important;
  }
}
header .navbar .navbar-brand svg {
  width: 50px;
  height: auto;
}
@media (min-width: 992px) {
  header .navbar .navbar-brand svg {
    width: 70px;
    height: auto;
  }
}
header .navbar .navbar-header {
  width: 100%;
  margin: 0;
}
@media (min-width: 1000px) {
  header .navbar .navbar-header {
    width: auto;
  }
}
header .navbar .navbar-toggle {
  border: none;
  border-radius: 0;
  margin-top: 15px;
  display: block;
}
@media (min-width: 1000px) {
  header .navbar .navbar-toggle {
    margin-top: 20px;
    display: none;
  }
}
header .navbar .navbar-toggle .icon-bar {
  background-color: white;
}
header .navbar .navbar-toggle:hover, header .navbar .navbar-toggle:focus {
  background: none;
}
header .navbar .navbar-toggle:hover .icon-bar, header .navbar .navbar-toggle:focus .icon-bar {
  background-color: #184ca0;
}
header .navbar .navbar-toggle:active {
  background: none;
}
header .navbar .navbar-collapse {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
@media (min-width: 768px) {
  header .navbar .navbar-collapse.collapse {
    display: none!important;
  }
}
@media (min-width: 992px) {
  header .navbar .navbar-collapse.collapse {
    display: inherit!important;
  }
}
@media (min-width: 1000px) {
  header .navbar .navbar-collapse.collapse {
    display: block!important;
  }
}
header .navbar .navbar-collapse.in {
  display: block!important;
}
header .navbar .navbar-nav {
  margin-top: 0;
  -webkit-transition: margin .3s ease;
  /* Safari */
  transition: margin .3s ease;
  padding: 0 15px;
}
header .navbar .navbar-nav.hidenav {
  opacity: 0;
  display: none;
}
@media (min-width: 768px) {
  header .navbar .navbar-nav {
    padding: 0;
    width: 100%;
  }
}
@media (min-width: 992px) {
  header .navbar .navbar-nav {
    margin-top: 38px;
    width: auto;
  }
}
header .navbar .navbar-nav li {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 12px;
  margin: 5px 5px;
}
@media (min-width: 768px) {
  header .navbar .navbar-nav li {
    margin: 0 5px;
    float: none;
  }
}
@media (min-width: 992px) {
  header .navbar .navbar-nav li {
    margin: 0 5px;
    float: left;
  }
}
header .navbar .navbar-nav li a {
  color: white;
  padding: 3px 8px;
}
header .navbar .navbar-nav li a:hover {
  background: #184ca0;
}
header .navbar .navbar-nav li.active a {
  background: #184ca0;
}
header .navbar .navbar-nav li.active a:hover {
  background: #184ca0;
}
header .navbar .navbar-search-wrap {
  float: right;
  margin-top: 0;
  margin-right: 20px;
  -webkit-transition: margin .3s ease;
  /* Safari */
  transition: margin .3s ease;
}
header .navbar .navbar-search-wrap #tipue_search_input {
  background: #169045;
  color: white;
  padding: 0;
  font-size: 14px;
  font-family: "Neo Sans";
  border: none;
  width: 0;
  opacity: 0;
  -webkit-transition: opacity .3s ease;
  /* Safari */
  transition: opacity .3s ease;
}
header .navbar .navbar-search-wrap #tipue_search_input:focus {
  outline: none;
}
header .navbar .navbar-search-wrap.searchactive #tipue_search_input {
  width: 300px;
  padding: 8px 15px;
  background: #169045;
  color: white;
  opacity: 1;
}
header .navbar .navbar-search-wrap.searchactive #searchbar {
  width: 300px;
}
@media (min-width: 992px) {
  header .navbar .navbar-search-wrap {
    margin-top: 32px;
    /*padding-top:15px;*/
    margin-right: 0;
  }
}
header .navbar .navbar-search-wrap #searchbar {
  float: left;
}
header .navbar .navbar-search-wrap .navbar-search {
  float: right;
  display: inline-block;
  padding-top: 0px;
  padding-bottom: 15px;
  padding-left: 15px;
  padding-top: 10px;
}
header .navbar .navbar-search-wrap .navbar-search:hover {
  cursor: pointer;
}
header .navbar .navbar-search-wrap .navbar-search:hover svg {
  width: 25px;
  height: auto;
}
header .navbar .navbar-search-wrap .navbar-search svg {
  width: 25px;
  height: auto;
}
header .navbar.navbaroverlay {
  background-color: rgba(22, 144, 69, 0.8);
}
header .navbar.navbaroverlay .navbar-brand {
  padding-top: 10px;
  padding-bottom: 10px;
}
header .navbar.navbaroverlay .navbar-nav {
  margin-top: 0px;
}
@media (min-width: 768px) {
  header .navbar.navbaroverlay .navbar-nav {
    margin-top: 25px;
  }
}
header .navbar.navbaroverlay .navbar-search {
  margin-top: 0px;
}
@media (min-width: 768px) {
  header .navbar.navbaroverlay .navbar-search {
    /*margin-top:13px;*/
  }
}
header .navbar.navbaroverlay .navbar-search-wrap {
  margin-top: 0px;
}
@media (min-width: 768px) {
  header .navbar.navbaroverlay .navbar-search-wrap {
    margin-top: 19px;
  }
}

.landingpage header, .nodepage header {
  /*.navbar-brand {
  	padding-top:10px;
  	padding-bottom:10px;
  }
  .navbar-search {
  	margin-top:13px;
  }
  .navbar-nav {
  	margin-top:25px;
  }*/
}
.landingpage header .navbar, .nodepage header .navbar {
  /*background-color:$trans-green;*/
}

main section.hero {
  max-height: 700px;
  position: relative;
}
main section.hero .container {
  position: absolute;
  bottom: 0;
  padding-bottom: 30px;
  padding-left: 20px;
  left: 50%;
  width: 100%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 2;
}
@media (min-width: 600px) {
  main section.hero .container {
    padding-bottom: 50px;
  }
}
@media (min-width: 768px) {
  main section.hero .container {
    width: 750px;
    padding-left: 20px;
  }
}
@media (min-width: 992px) {
  main section.hero .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  main section.hero .container {
    width: 1170px;
  }
}
main section.hero.homevideo {
  background: white url("https://www.axalta.com/content/dam/Corporate/Documents/Sustainability/External-Website/dist/images/fallback-image.jpg") no-repeat right;
  background-size: cover;
  height: 400px;
  max-height: 650px;
}
@media (min-width: 768px) {
  main section.hero.homevideo {
    height: auto;
  }
}
main section.hero.homevideo #Video {
  display: none;
  height: auto;
}
@media (min-width: 768px) {
  main section.hero.homevideo #Video {
    display: block;
  }
}
main section.hero.homevideo #Container {
  max-height: 400px;
  height: 400px;
}
main section.hero.homevideo #Container .shine-overlay {
  bottom: 0px;
}
@media (min-width: 768px) {
  main section.hero.homevideo #Container .shine-overlay {
    bottom: 5px;
  }
}
@media (min-width: 1150px) {
  main section.hero.homevideo #Container .shine-overlay {
    bottom: 0;
  }
}
@media (min-width: 768px) {
  main section.hero.homevideo #Container {
    max-height: 650px;
    height: auto;
  }
}
main section.hero.homevideo .container {
  padding-bottom: 25px;
}
@media (min-width: 768px) {
  main section.hero.homevideo .container {
    padding-bottom: 50px;
  }
}
@media (min-width: 768px) {
  main section.hero.homevideo {
    background: none;
  }
}
main section.hero .shine-overlay {
  position: absolute;
  left: 0;
  bottom: 0;
  top: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.2);
  z-index: 1;
}
main section.hero .shine-overlay img {
  height: 100%;
  width: auto;
}
main section.hero.landing {
  height: 350px;
}
@media (min-width: 768px) {
  main section.hero.landing {
    height: 400px;
  }
}
main section.hero.landing.abouthero {
  background: #eeeeee url("https://www.axalta.com/content/dam/Corporate/Documents/Sustainability/External-Website/dist/images/hero-about.jpg") no-repeat center;
  background-size: cover;
}
main section.hero.landing.technologyhero {
  background: #eeeeee url("https://www.axalta.com/content/dam/Corporate/Documents/Sustainability/External-Website/dist/images/hero-technology.jpg") no-repeat center;
  background-size: cover;
}
main section.hero.landing.operationshero {
  background: #eeeeee url("https://www.axalta.com/content/dam/Corporate/Documents/Sustainability/External-Website/dist/images/hero-operations.jpg") no-repeat center;
  background-size: cover;
}
main section.hero.landing.peoplehero {
  background: #eeeeee url("https://www.axalta.com/content/dam/Corporate/Documents/Sustainability/External-Website/dist/images/hero-people.jpg") no-repeat center;
  background-size: cover;
}
main section.hero.landing.socialhero {
  background: #eeeeee url("https://www.axalta.com/content/dam/Corporate/Documents/Sustainability/External-Website/dist/images/hero-social.jpg") no-repeat center;
  background-size: cover;
}
@media (min-width: 600px) {
  main section.hero.landing {
    height: 700px;
  }
}
main section.hero.node {
  height: 300px;
  /* GRI Index */
  /* Search */
  /* About */
  /* Technology */
  /* Operations */
  /* Corporate Social Responsibility */
  /* People */
}
@media (min-width: 768px) {
  main section.hero.node {
    height: 500px;
  }
}
main section.hero.node.abouthero {
  background: #eeeeee url("https://www.axalta.com/content/dam/Corporate/Documents/Sustainability/External-Website/dist/images/blue-placeholder.jpg") no-repeat center;
  background-size: cover;
}
main section.hero.node.grihero {
  background: #eeeeee url("https://www.axalta.com/content/dam/Corporate/Documents/Sustainability/External-Website/dist/images/hero-gri.jpg") no-repeat center;
  background-size: cover;
}
main section.hero.node.searchhero {
  background: #eeeeee url("https://www.axalta.com/content/dam/Corporate/Documents/Sustainability/External-Website/dist/images/hero-about-overview.jpg") no-repeat center;
  background-size: cover;
}
main section.hero.node.overviewhero {
  background: #eeeeee url("https://www.axalta.com/content/dam/Corporate/Documents/Sustainability/External-Website/dist/images/hero-about-overview.jpg") no-repeat center;
  background-size: cover;
}
main section.hero.node.ceohero {
  background: #eeeeee url("https://www.axalta.com/content/dam/Corporate/Documents/Sustainability/External-Website/dist/images/hero-about-ceo.jpg") no-repeat center;
  background-size: cover;
}
main section.hero.node.corphero {
  background: #eeeeee url("https://www.axalta.com/content/dam/Corporate/Documents/Sustainability/External-Website/dist/images/hero-about-corp.jpg") no-repeat center;
  background-size: cover;
}
main section.hero.node.ethicshero {
  background: #eeeeee url("https://www.axalta.com/content/dam/Corporate/Documents/Sustainability/External-Website/dist/images/hero-about-ethics.jpg") no-repeat center;
  background-size: cover;
}
main section.hero.node.financialhero {
  background: #eeeeee url("https://www.axalta.com/content/dam/Corporate/Documents/Sustainability/External-Website/dist/images/hero-about-finance.jpg") no-repeat center;
  background-size: cover;
}
main section.hero.node.stakeholderhero {
  background: #eeeeee url("https://www.axalta.com/content/dam/Corporate/Documents/Sustainability/External-Website/dist/images/hero-about-stakeholder.jpg") no-repeat center;
  background-size: cover;
}
main section.hero.node.awardshero {
  background: #eeeeee url("https://www.axalta.com/content/dam/Corporate/Documents/Sustainability/External-Website/dist/images/hero-about-awards.jpg") no-repeat center;
  background-size: cover;
}
main section.hero.node.producthero {
  background: #eeeeee url("https://www.axalta.com/content/dam/Corporate/Documents/Sustainability/External-Website/dist/images/hero-technology-product.jpg") no-repeat center;
  background-size: cover;
}
main section.hero.node.innovationhero {
  background: #eeeeee url("https://www.axalta.com/content/dam/Corporate/Documents/Sustainability/External-Website/dist/images/hero-technology-innovation.jpg") no-repeat center;
  background-size: cover;
}
main section.hero.node.stewardshiphero {
  background: #eeeeee url("https://www.axalta.com/content/dam/Corporate/Documents/Sustainability/External-Website/dist/images/hero-technology-stewardship.jpg") no-repeat center;
  background-size: cover;
}
main section.hero.node.materialshero {
  background: #eeeeee url("https://www.axalta.com/content/dam/Corporate/Documents/Sustainability/External-Website/dist/images/hero-operations-materials.jpg") no-repeat center top;
  background-size: cover;
}
main section.hero.node.approachhero {
  background: #eeeeee url("https://www.axalta.com/content/dam/Corporate/Documents/Sustainability/External-Website/dist/images/hero-operations-approach.jpg") no-repeat center;
  background-size: cover;
}
main section.hero.node.procurmenthero {
  background: #eeeeee url("https://www.axalta.com/content/dam/Corporate/Documents/Sustainability/External-Website/dist/images/hero-operations-logistics.jpg") no-repeat center;
  background-size: cover;
}
main section.hero.node.wastehero {
  background: #eeeeee url("https://www.axalta.com/content/dam/Corporate/Documents/Sustainability/External-Website/dist/images/hero-operations-waste.jpg") no-repeat center;
  background-size: cover;
}
main section.hero.node.emissionshero {
  background: #eeeeee url("https://www.axalta.com/content/dam/Corporate/Documents/Sustainability/External-Website/dist/images/hero-operations-emissions.jpg") no-repeat center;
  background-size: cover;
}
main section.hero.node.waterhero {
  background: #eeeeee url("https://www.axalta.com/content/dam/Corporate/Documents/Sustainability/External-Website/dist/images/hero-operations-water.jpg") no-repeat center;
  background-size: cover;
}
main section.hero.node.sustainabilityhero {
  background: #eeeeee url("https://www.axalta.com/content/dam/Corporate/Documents/Sustainability/External-Website/dist/images/hero-social-sustainability.jpg") no-repeat center;
  background-size: cover;
}
main section.hero.node.communityhero {
  background: #eeeeee url("https://www.axalta.com/content/dam/Corporate/Documents/Sustainability/External-Website/dist/images/hero-social-community.jpg") no-repeat center;
  background-size: cover;
}
main section.hero.node.educationhero {
  background: #eeeeee url("https://www.axalta.com/content/dam/Corporate/Documents/Sustainability/External-Website/dist/images/hero-social-education.jpg") no-repeat center;
  background-size: cover;
}
main section.hero.node.safetyhero {
  background: #eeeeee url("https://www.axalta.com/content/dam/Corporate/Documents/Sustainability/External-Website/dist/images/hero-people-safety.jpg") no-repeat center;
  background-size: cover;
}
main section.hero.node.approachtopeoplehero {
  background: #eeeeee url("https://www.axalta.com/content/dam/Corporate/Documents/Sustainability/External-Website/dist/images/hero-people-approach.jpg") no-repeat center;
  background-size: cover;
}
main section.hero.node.developmenthero {
  background: #eeeeee url("https://www.axalta.com/content/dam/Corporate/Documents/Sustainability/External-Website/dist/images/hero-people-development.jpg") no-repeat center;
  background-size: cover;
}
main section.hero.node.recruitmenthero {
  background: #eeeeee url("https://www.axalta.com/content/dam/Corporate/Documents/Sustainability/External-Website/dist/images/hero-people-talent.jpg") no-repeat center;
  background-size: cover;
}
main section.hero.node.engagementhero {
  background: #eeeeee url("https://www.axalta.com/content/dam/Corporate/Documents/Sustainability/External-Website/dist/images/hero-people-engagement.jpg") no-repeat center;
  background-size: cover;
}
main section.hero.node.diversityhero {
  background: #eeeeee url("https://www.axalta.com/content/dam/Corporate/Documents/Sustainability/External-Website/dist/images/hero-people-diversity.jpg") no-repeat center;
  background-size: cover;
}
@media (min-width: 600px) {
  main section.hero.node {
    height: 400px;
  }
}
main section.pad {
  padding: 30px 0;
}
@media (min-width: 768px) {
  main section.pad {
    padding: 90px 0;
  }
}
main section.home-video {
  /*-webkit-display:flex;
  -moz-display:flex;
  display:flex;
  -webkit-flex-direction:column;
  flex-direction:column;*/
}
main section.home-video .ceomessage {
  padding: 20px;
  float: none;
}
@media (min-width: 992px) {
  main section.home-video .ceomessage {
    float: right;
    padding: 50px;
  }
}
main section.home-video .ceomessage .downarrow {
  /*position:absolute;
  bottom:50px;
  left:50px;*/
}
@media (min-width: 992px) {
  main section.home-video {
    /*-webkit-flex-direction:row;
    flex-direction:row;*/
  }
}
main section.dloverview {
  padding: 30px 0;
}
main section.home-infographic {
  padding: 15px 0;
}
main section.home-infographic .infographic-wrap {
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  main section.home-infographic .infographic-wrap {
    padding-left: 60px;
    padding-right: 60px;
  }
}
@media (min-width: 768px) {
  main section.home-infographic {
    padding: 60px 0;
  }
}
main .nodecontainer {
  margin: 40px auto 60px;
}
@media (min-width: 768px) {
  main .nodecontainer {
    margin: 80px auto 100px;
  }
}
main .nodecontainer .fullwidth-img {
  margin: 30px 0;
}
main .nodecontainer .nodecol {
  float: none;
}
@media (min-width: 768px) {
  main .nodecontainer .nodecol {
    float: right;
  }
}
main aside .subnavwrap {
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 2px solid #7c7f84;
}
@media (min-width: 768px) {
  main aside .subnavwrap {
    padding-bottom: 0;
    border: none;
    margin-bottom: 0;
  }
}
main aside .subnavwrap .subnav {
  margin: 0;
  padding: 0;
}
main aside .subnavwrap .subnav li {
  list-style: none;
  margin-bottom: 20px;
}
main aside .subnavwrap .subnav li a {
  display: block;
  background-image: url("https://www.axalta.com/content/dam/Corporate/Documents/Sustainability/External-Website/dist/images/bullet-green.svg");
  background-size: 15px auto;
  background-repeat: no-repeat;
  background-position: 0 2px;
  padding-left: 20px;
  color: #169045;
}
main aside .subnavwrap .subnav li a:hover {
  color: #184ca0;
  background-image: url("https://www.axalta.com/content/dam/Corporate/Documents/Sustainability/External-Website/dist/images/bullet-blue.svg");
  background-size: 15px auto;
  background-repeat: no-repeat;
}
main aside .subnavwrap .subnav li.active a {
  color: #184ca0;
  background-image: url("https://www.axalta.com/content/dam/Corporate/Documents/Sustainability/External-Website/dist/images/bullet-blue.svg");
  background-size: 15px auto;
  background-repeat: no-repeat;
  background-position: 0 2px;
}
main .tablewrap {
  width: 100%;
  overflow-y: scroll;
}
main .tablewrap .stakeholder-table tr.table-header {
  background: #169045;
  color: white;
  text-transform: uppercase;
  font-family: "Neo Sans Bold";
  font-size: 12px;
  letter-spacing: 1px;
  border-top: 2px solid #169045;
}
main .tablewrap .stakeholder-table tr.table-header td {
  border-bottom: none;
}
main .tablewrap .stakeholder-table tr td {
  padding: 10px;
  border-bottom: 2px dotted #c4c4c4;
  border-left: 2px solid #169045;
  border-right: 2px solid #169045;
  width: 25%;
}
main .tablewrap .stakeholder-table tr td h3 {
  margin: 0;
}
main .tablewrap .stakeholder-table tr td.lasttd {
  border-bottom: 2px solid #169045;
}
main .tablewrap .stakeholder-table tr td.nopad {
  padding-left: 0!important;
}
main .tablewrap .stakeholder-table tr td .btn {
  font-size: 10px;
  white-space: normal;
  text-align: left;
}
main .tablewrap .stakeholder-table tr td ul {
  margin: 0;
  padding: 0;
}
main .tablewrap .stakeholder-table tr td ul li {
  list-style: none;
  background: url("https://www.axalta.com/content/dam/Corporate/Documents/Sustainability/External-Website/images/table-bullet.svg") no-repeat -10px 0px;
  background-size: 35px auto;
  padding-left: 35px;
  font-size: 12px;
  margin-bottom: 8px;
  line-height: 20px;
}
main .tablewrap .gri-table tr.table-header {
  background: #169045;
  color: white;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 2px;
  font-family: "Neo Sans Medium";
}
main .tablewrap .gri-table tr.table-header p {
  color: white;
}
main .tablewrap .gri-table tr.table-header td {
  border-bottom: none;
}
main .tablewrap .gri-table tr.table-subheader {
  text-transform: uppercase;
  letter-spacing: 1px;
}
main .tablewrap .gri-table tr.table-subheader p {
  color: #169045;
}
main .tablewrap .gri-table tr.table-sectionheader {
  text-transform: uppercase;
  letter-spacing: 1px;
  border-top: 2px solid #169045;
  border-bottom: 2px solid #169045;
}
main .tablewrap .gri-table tr.table-sectionheader p {
  font-size: 12px;
  font-family: "Neo Sans Medium";
}
main .tablewrap .gri-table tr.lastrow td {
  border-bottom: none;
}
main .tablewrap .gri-table tr td {
  padding: 8px;
  border-bottom: 2px dotted #c4c4c4;
  border-left: 2px solid #169045;
  border-right: 2px solid #169045;
}
main .tablewrap .gri-table tr td.lasttd {
  border-bottom: 2px solid #169045;
}
main .tablewrap .gri-table tr td p {
  margin: 0;
  line-height: 23px;
}

#Container {
  width: 100%;
  max-height: 700px;
  position: relative;
  overflow: hidden;
}
#Container .shine-overlay {
  position: absolute;
  left: 0;
  bottom: 0;
  top: 0;
  z-index: 1;
}
#Container .shine-overlay img {
  height: 100%;
  width: auto;
}

footer {
  border-top: 3px solid #7c7f84;
  padding-top: 30px;
  padding-bottom: 30px;
  color: #7c7f84;
}
footer h3 {
  margin-top: 0;
  text-transform: uppercase;
  font-size: 15px;
  letter-spacing: 1px;
  color: #7c7f84;
}
footer p {
  line-height: 27px;
}
footer p small {
  font-size: 10px;
}
footer .trademark p {
  line-height: 19px;
}
footer .ss-icon {
  font-weight: bold;
  color: #7c7f84;
  font-size: 23px;
  display: inline-block;
  margin: 0 10px;
}
footer svg {
  width: 60px;
  height: auto;
  margin-bottom: 6px;
}
@media (min-width: 768px) {
  footer svg {
    width: 95px;
  }
}
footer .footer-middle {
  float: none;
  text-align: left;
}
footer .footer-middle .footersocial {
  float: right;
  margin-top: 7px;
}
@media (min-width: 768px) {
  footer .footer-middle .footersocial {
    float: none;
    margin-top: 0;
  }
}
footer .footer-middle .footerlogo {
  float: left;
}
@media (min-width: 768px) {
  footer .footer-middle .footerlogo {
    float: none;
  }
}
@media (min-width: 768px) {
  footer .footer-middle {
    float: right;
    text-align: center;
  }
}
footer .footer-left {
  clear: both;
  margin: 20px 0;
}
@media (min-width: 768px) {
  footer .footer-left {
    clear: none;
    margin: 0;
  }
}