/*load gotham fonts*/

@import url('/_styles/hco_fonts/hco_fonts.css');

* {
  font-family: 'HCo Gotham', arial, sans-serif;
}

/* Global styles */

body {
  font-weight: 300;
  font-size: 10px;
  font-style: normal;
  color: #000;
}

p {
  font-size: 16px;
  line-height: 25px;
}

a {
  color: #6a5a98;
  text-decoration: underline;
}

a:hover {
  color: #000;
  text-decoration: none;
}

strong {
  font-weight: 500;
}

/*img[src$=".svg"] {width: 100%;}*/

svg:not(:root) {
    overflow: hidden;
    /*height: 176px;
    width: 176px;*/
}

.last {
  padding-top: 20px;
}

.c-content-feature-10 p {
    color: #000;
}

.c-content-title-1 > h3 {
  font-weight: 400;
  font-size: 20px;
  color: #000;
}

.c-content-box.c-size-md {
    padding: 100px 0;
}


/* Horizontal line for h2s */
.c-content-title-1 > .c-line-right, .c-content-title-1 > .c-line-left {
  background-color: #563d82;
}

.c-navbar .nav>li>a {
  padding: 30px 0 3px 0 !important; 
  margin-right: 30px;
}

.c-theme-nav li:focus > a:not(.btn), 
.c-theme-nav li:active > a:not(.btn), 
.c-theme-nav li:hover > a:not(.btn),
.c-theme-nav li:focus > a:active,
.c-theme-nav li:focus > a:hover,
.c-theme-nav li:focus > a:focus, 
.c-theme-nav .nav > li > a:focus {
  color: #000 !important;
}

/*.c-onepage-link + li:focus,
.c-onepage-link + li:active,
.c-onepage-link + li:hover   {
  color: red !important;
}*/

.c-layout-header .c-navbar .c-mega-menu.c-pull-right {
    padding-top: 20px;
  }

  .c-page-on-scroll.c-layout-header-fixed .c-layout-header .c-mega-menu {
    padding-top: 0 !important;
  }

  .c-page-on-scroll.c-layout-header-fixed .c-layout-header .c-mega-menu .nav.navbar-nav > li > .c-link,
  .c-layout-header-fixed.c-page-on-scroll .c-layout-header .c-mega-menu .navbar-nav.nav > li > .c-link {   
    min-height: initial;
    padding-top: 0;
  }

.c-layout-header.c-layout-header-4 {
  background-color: #fff;
}

.c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link:hover {
    color: #3f444a !important;
    border-bottom: 3px solid #563d82;
    padding-bottom: 8px !important;
    display: block;
    /*line-height: 10px;*/
    /*margin: 0 0 -20px 0;*/
    text-decoration: none;
  }

.c-page-on-scroll .c-layout-header.c-layout-header-4 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link {
  font-size: 16px;
  line-height: 13px;
  text-decoration: none;
}

.c-layout-header.c-layout-header-4 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link {
    color: #000;
    text-decoration: none;
}

.c-feature-16-container ul, #efficiency #paper ul {
  list-style-type: none;
  font-size: 16px;
  line-height: 30px;
}

.c-feature-16-container ul li:before, #efficiency #paper ul li:before {
  content: '\2014';
  position: absolute;
  margin: -5px 0 0 -35px;
  font-size: 20px;
  color: #66cedd;
}

/* Callout content */

.callout {
  background-color: #000;
  color: #fff;
  padding: 30px;
}

.callout p:first-child {
  color: #99dfe9;
  font-size: 20px;
  font-weight: 500;
}

.callout a, .callout a:hover {
  color: #fff;
}

/* Video section */

h1 {
  color: #fff;
  line-height: 40px;
  font-weight: 300;
  font-size: 24px;
  font-weight: 500;
}

h1 span {
  font-size: 36px;
  font-weight: 300;
}

.video-container {
  max-width: 1470px;
  margin: 0 auto;
}

.tp-caption {
  padding: 30px;
  background-color: #563d82;
  margin: 230px 0 0 0;
}

.c-layout-go2pm {
    position: absolute;
    bottom: 20%;
    z-index: 500;
    right: 50%;
}

.c-layout-go2pm a {
  color: #fff;
  text-decoration: none;
}

.icon-arrow-down {
  font-size: 70px;
  font-weight: 300;
  opacity: 0.5;
}

/* Commitment */

#commitment p.cfo-title {
  font-size: 16px;
  text-transform: uppercase;
  line-height: 25px;
  margin: 0;
}

#commitment .col-md-5 {
  margin-top: -5px;
}

#commitment .cfo-sig { 
    max-width: 20%;
    padding-top: 40px;
}

#commitment .cfo-sig img {
  padding-bottom: 20px;
  height: 100%;
  width: 100%;
}

#commitment p.cfo-sig {
  margin-top: 20px;
  margin-left: 0;
}

#commitment .cfo-sig span {
  font-style: italic;
}

#commitment .col-md-5 p {
  font-size: 18px;
}

#commitment .c-content-title-1 > h3 {
  font-weight: 400;
  font-size: 30px;
  padding-bottom: 30px;
}

#commitment .c-content-box.c-size-lg {
    padding: 120px 0 55px 0;
}

.c-progress-bar .c-progress-bar-container .c-progress-bar-line[data-progress-bar="circle"] .progressbar-text, .c-progress-bar .c-progress-bar-container .c-progress-bar-line[data-progress-bar="circle"] .c-progress-bar-icon {
    position: absolute;
    top: initial;
    left: inherit;
    transform: initial;
}

/*#commitment .c-progress-bar + p:nth-of-type(2) {
  margin-bottom: 0;
}
*/
/*.c-progress-bar .c-progress-bar-container {
    margin: 0 !important;
}*/

#commitment .c-content-box .c-bg-grey-1 > p:nth-of-type(1) {
  font-weight: 500;
  margin-top: 20px;
}

#commitment h4 {
    font-size: 21px;
    font-weight: 400;
    margin-top: 0;
}

#commitment .c-content-feature-5 .c-text {
  width: 45%;
  margin-top: 125px;
  padding: 20px;
}

.c-content-title-1 > h2 {
  
  font-style: normal;
  font-size: 30px;
  font-weight: 300;
  color: #000;
  padding-bottom: 25px;
  margin-top: -30px;
}

video {
    display: inline-block;
    vertical-align: baseline;
    height: 100%;
    width: 100%;
    bottom: 0;
    margin-top: -2px;
}

/* End video section */

/*.c-progress-bar .c-progress-bar-container .c-progress-bar-line {
    padding: 20px 35% !important;
}*/

.c-progress-bar .c-progress-bar-container .c-progress-bar-line[data-progress-bar="circle"] .progressbar-text, .c-progress-bar .c-progress-bar-container .c-progress-bar-line[data-progress-bar="circle"] .c-progress-bar-icon {
    position: absolute;
    /*margin: 50px 0 0 32px;*/
}

.testimonials {
    background-color: #563e84;
    color: white;
    padding: 30px;
    font-size: 16px;
    line-height: 25px;
}

.c-content-feature-14 .c-feature-gallery {
    margin: 20px 0 50px 0;
}

.c-content-testimonial-3 {
    width: 0px;
    height: 0px;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #563e84;
    margin-left: 15px;
    padding-bottom: 15px;
}

/* Efficiency */

#efficiency .c-content-tile-1 .c-wrapper .c-tile-title > h3 {
  padding-bottom: 10px;
}

#efficiency .c-content-tile-1 .c-tile-content .btn {
    text-decoration: none;
}

#efficiency #energy .chart {
    padding: 30px 15px;
    background-color: #fff;
    margin: 0 0 30px 0;
}

#efficiency .efficiency-tiles img {
  margin: 65px;
  height: 150px;
  width: 150px;
}

#efficiency .c-content-tile-1 .c-image {
  background-color: #f2f2f2;
  min-height: 279px;
}

#efficiency #waste .col-md-8 p:nth-of-type(2) {
  font-weight: 500;
}

#efficiency #waste .col-md-8 p:nth-of-type(3) {
  padding-top: 70px;
}

#efficiency #climate .col-md-8 p:nth-of-type(2) {
  padding-top: 30px;
  font-weight: 500;
}

#efficiency #climate .col-md-8 p:nth-of-type(3) {
  padding-top: 50px;
}

 #efficiency .col-md-8 p {
  padding-bottom: 15px;
}

#efficiency .col-md-8 p:first-child {
  margin-top: 5px;
}

#efficiency .col-md-8 p:nth-of-type(3) {
  padding: 30px 0;
}

#efficiency .col-md-8 p:last-child {
  padding-bottom: 50px;
  margin-top: -13px;
}

#efficiency .btn + .btn {
  float: right;
}

#efficiency .col-md-10 p.testimonial-name {
  float: right;
  margin-right: 42%;
}

#efficiency .col-md-10 p.testimonial-name span, .col-xs-6 p.testimonial-name span {
  font-style: italic;
}

#efficiency .col-md-8 .testimonial-footnote {
  font-size: 14px;
  padding-top: 70px;
}

#efficiency h4.c-font-white {
  font-size: 20px;
  font-weight: 400;
}

#efficiency .c-font-white {
  font-size: 15px;
}

#efficiency .c-btn-border-1x.c-btn-purple {
  /*background-color: #563d82;*/
  color: #fff;
  border: 1px solid #fff;
  font-weight: 300;
} 

#efficiency .c-btn-border-1x.c-btn-purple:hover {
  background-color: #fff;
  color: #000;
}

#efficiency .c-bg-purple {
  background-color: #563d82 !important;
}

#efficiency .c-content-tile-1 .c-tile-content.c-arrow-purple.c-arrow-right:after {
    border-left-color: #563d82;
}

#efficiency .c-bg-orange {
  background-color: #c35500;
}

#efficiency .c-content-tile-1 .c-tile-content.c-arrow-orange.c-arrow-left:after, 
.c-content-tile-1 .c-tile-content.c-arrow-orange.c-arrow-left:after {
    border-right-color: #c35500;
}

#efficiency .c-bg-grey {
  background-color: #666 !important;
}

#efficiency .c-content-tile-1 .c-tile-content.c-arrow-grey.c-arrow-right:after {
    border-left-color: #666;
}

#efficiency .c-theme-btn.c-btn-border-2x {
    border-color: #563d82;
    border-width: 2px;
    color: #563d82 ;
    background: none;
    border-color: #563d82;
    margin-top: 30px;
    font-size: 13px;
    text-decoration: none;
}

#efficiency .c-theme-btn.c-btn-border-2x:hover {
  background-color: #563d82;
  color: #fff;
}

#efficiency img.grey-background {
    padding: 70px;
    background-color: #f7f7f7;
}

#efficiency .electrcity-chart {
  background-color: #fff;
}

#efficiency .electrcity-chart p {
  padding-top: 30px;  
  text-align: center;
  font-weight: 500;
}

#efficiency img.white-background {
    padding: 70px;
    background-color: #fff;
}

#efficiency #water .callout {
  margin-top: 40px;
}

#efficiency #paper .paper-callout {
  background-color: #dedce1;
  padding: 20px 30px;
  margin-top: 0;
}

#paper .paper-columns {
  margin-bottom: 30px;
}

/* Responsibility */

.c-content-feature-15 .c-feature-15-container .c-feature-15-title  {
    padding-left: 0;
    border-left: none 
}

/* Format icons for Responsibility/Procurement section */

#responsibility .c-card {
    padding: 40px;
    margin-right: 2px;
}

#responsibility .procurement-text {
  padding-left: 0;
}

#responsibility .c-content-feature-10 img {
    width: 120px;
    height: 120px;
    border: none;
    text-align: center;
    padding: 20px;
    margin-bottom: 20px;
}

#responsibility .c-content-feature-10 img.c-float-right {
    float: right;
    margin-top: -20px;
    margin-left: 40px;
}

#responsibility .c-content-feature-10 img.c-float-left {
    float: left;
    margin-top: -20px;
    margin-left: 40px;
}

#responsibility .border-right-color {
    height: 32%;
    width: 1px;
    position: absolute;
    margin-top: 32%;
    top: 0;
    background-color: #d6cfe1;
    margin-left: 100%;
}

#responsibility .border-right-color-2 {
    height: 35%;
    width: 1px;
    position: absolute;
    margin-top: 80%;
    top: 0;
    background-color: #d6cfe1;
    margin-left: 100%;
}


.c-content-feature-10 > .c-list > li > .c-card > img {
    width: 120px;
    height: 120px;
    border: none;
    text-align: center;
    padding: 20px;
    margin-bottom: 20px;
}

.c-content-feature-10 > .c-list > li > .c-card > .c-float-left, 
.c-content-feature-10 > .c-list > li > .c-card > .c-float-right {
    margin-top: -20px;
}

#responsibility p.testimonial-name span {
  font-style: italic;
}

#responsibility .c-content-testimonial-3 {
  padding-bottom: 0;
}

#responsibility .c-content-feature-15 .c-feature-15-container {
  padding: 60px 20px;
  margin: 35px 0 125px 0;
}

#responsibility .c-content-feature-10 .c-bg-opacity-2 {
  background-color: #d6cfe1;
}

#responsibility .c-border-bottom {
  border-bottom: 1px solid #d6cfe1;
}

/* Commitment */

#commitment .row {
  padding-bottom: 50px;
}

#commitment .c-btn-border-1x.c-btn-purple {
  background-color: #563d82;
  color: #fff;
  border: none;
  font-weight: 300;
  margin-top: 15px;
  text-decoration: none;
}

#commitment .c-btn-border-1x.c-btn-purple:hover {
  background-color: #fff;
  color: #000;
  border: 1px solid #000;
}

/* Community */

#community .col-md-8 {
    width: 40% !important;
  }

  #community .paperless {
      font-weight: 500;
    }

#community .c-content-title-1 > p {  
    font-size: 16px;
    color: #000;
    font-weight: 300; 
  }

#community .c-content-title-1 > p:nth-of-type(5) {
  font-weight: 500;
}

#community .callout {
  margin-bottom: 30px;
  margin-top: 50px;
}

#community .c-content-feature-15 .c-feature-15-container {
  margin: 0;
  padding-bottom: 30px;
}

#community .c-content-feature-15 .c-feature-15-container {
  padding: 60px 20px 30px 40px;
}

#community .c-content-testimonial-3 {
  margin-left: 35px;
}

#community .c-content-testimonial-3 + img {
  padding: 0 0 45px 10px;
}

#community .c-feature-15-desc.title span {
  font-style: italic;
}

#community .c-feature-15-desc.title {
    float: right;
    padding-right: 10px;
  }

#community .testimonial-section {
  padding-bottom: 85px;
}

#community .testimonial-section img {
  float: left;
  padding-left: 10px;
}

#community .c-progress-bar > p {
  margin-top: 20px;
}

#community .videoWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
  margin-top: 125px
}

#community .videoWrapper iframe {
  margin: 125px 0 0 0;
  border: 1px solid #000;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#community .c-content-feature-10 .c-bg-opacity-2  {
    background-color: #d6cfe1;
}

#community .c-content-feature-10  > .c-center {
  margin-top: 75px;
}

#community .c-border-bottom {
    border-bottom: #d6cfe1;
}

.c-content-accordion-1.c-theme .panel > .panel-collapse > .panel-body {
    background-color: #fff;
}

.c-content-accordion-1.c-theme .panel > .panel-heading > .panel-title > a,
.c-content-accordion-1.c-theme .panel > .panel-heading > .panel-title > a.collapsed:focus {
  color: #000;
  background-color: #fff;
  text-decoration: none;
}

.c-content-accordion-1.c-theme .panel > .panel-heading > .panel-title > a.collapsed:hover {
  color: #000;
  background-color: #f2f2f2;
}

.c-content-accordion-1 .panel > .panel-collapse > .panel-body {
  color: #000;
}

#community .c-content-accordion-1 .panel > .panel-collapse > .panel-body {
    width: 75%;
}

#community .c-content-accordion-1.c-theme .panel > .panel-collapse > .panel-body > img.epa-green {  
    float: right;
    width: 25%;
    /* padding: 30px 30px 35px 30px; */
    margin: -105px -200px 0 0;
}

#community .c-content-accordion-1.c-theme .panel > .panel-collapse > .panel-body > img.epa-wastewise {  
    float: right;
    width: 25%;
    /* padding: 30px 30px 35px 30px; */
    margin: -195px -200px 0 0;
}

#community .c-content-accordion-1.c-theme .panel > .panel-collapse > .panel-body > img.green-business {  
    float: right;
    width: 25%;
    /* padding: 30px 30px 35px 30px; */
    margin: -127px -200px 0 0;
}


#community .c-content-accordion-1.c-theme .panel > .panel-collapse > .panel-body > img.toby {  
    float: right;
    width: 25%;
    margin: -75px -230px 0 0;
}

/* Contact */

.contact p:last-child {
  margin: 30px 0 20px 0;
}

.contact a {
  text-decoration: underline;
  color: #6a5a98;
}

.contact a:hover {
  text-decoration: none;
}

.socicon-btn {
  border: none;
}

a.socicon-btn img {
      max-width: 50px;
}

.c-footer-grey {
    background-color: #666;
}

.c-footer-grey a {
    color: #fff;
    text-decoration: underline;
    float: right;
}

.c-footer-grey a:hover {
    text-decoration: none;
}

a.socicon-btn img {
    min-width: 40px;
}

.download {
    background-color: #6a5a98;
    width: 160px;
    text-align: center;
    height: 44px;
    padding: 12px 0;
    display: inline-block;
}

.download:hover, .download a, .download a:hover {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    cursor: pointer;
    text-decoration: none;
}

/*.download:hover, .download a:hover {
  background-color: #fff;
  color: #000;
}

.download:hover {
  border: 1px solid #000;
}*/

.download-pdf {
    padding: 0 20px 0 0;
}

.c-title {
  font-weight: 300;
}

.c-title a:hover {
  text-decoration: underline;
  color: #6a5a98;
}

/* Footer */

.c-layout-footer-6 .c-postfooter {
    padding: 20px 0 200px 0;
}

.c-layout-footer-6 .c-head .c-right .c-title {
    float: left;
    margin: 15px 30px 0;
}

/* Media queries */

/* for IE only */

@media (-ms-high-contrast: none), (-ms-high-contrast: active) {

  .c-progress-bar .c-progress-bar-container .c-progress-bar-line[data-progress-bar="circle"] .c-progress-bar-icon {
    margin-left: 0 !important;
    margin-top: 0 !important;
  }
}

.c-progress-bar .c-progress-bar-container .c-progress-bar-line[data-progress-bar="circle"] .c-progress-bar-icon {
  position: absolute;
  left: 50%;
  top: 50%;
}

@media (min-width: 1200px) {

  .c-progress-bar .c-progress-bar-container .c-progress-bar-line[data-progress-bar="circle"] .c-progress-bar-icon {
      margin-left: -53px;
      margin-top: -34px;
    }

  #responsibility .border-right-color {
      height: 26%;
      width: 1px;
      position: absolute;
      margin-top: 25%;
      top: 0;
      background-color: #d6cfe1;
      margin-left: 100%;
  }

#responsibility .border-right-color-2 {
      height: 26%;
      width: 1px;
      position: absolute;
      margin-top: 50%;
      top: 0;
      background-color: #d6cfe1;
      margin-left: 100%;
  }

  #commitment .col-md-5 p {
      margin-left: -40px;
    }

   /* Set sizes for SM icons */

    #icon-fb {
      height: 50px;
      width: 50px;
    }

    #icon-twitter {
      height: 50px;
      width: 62px;
    }

    #icon-yt {
      height: 50px; 
      width: 71px; 
    }

    #icon-gplus {
      height: 50px;
      width: 79px;
    }

    #icon-li {
      height: 50px; 
      width: 59px;
    }
}

@media (max-width: 1199px) {

  .c-progress-bar .c-progress-bar-container .c-progress-bar-line[data-progress-bar="circle"] .c-progress-bar-icon {
    margin-left: -35px;
    margin-top: -32px;
  }
  .c-progress-bar .c-progress-bar-container .c-progress-bar-line[data-progress-bar="circle"] .c-progress-bar-icon img {
    width: 70px;
  }
}

/* for IE only */

@media (max-width: 1199px) and (-ms-high-contrast: none), (max-width: 1199px) and (-ms-high-contrast: active) {

  .c-progress-bar .c-progress-bar-container .c-progress-bar-line[data-progress-bar="circle"] .c-progress-bar-icon {
    top: 47%;
    left: 50%;
  }
}

@media (min-width: 992px) {

    .c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link {
    /*padding: 41px 15px 5px 15px;*/
      font-size: 17px;
      min-height: auto;
      line-height: 13px;
    }

    .c-page-on-scroll.c-layout-header-fixed .c-layout-header .c-mega-menu .nav.navbar-nav > li > .c-link,
    .c-layout-header-fixed.c-page-on-scroll .c-layout-header .c-mega-menu .navbar-nav.nav > li > .c-link {   
      min-height: 30px;
      padding-top: 0;
    }

    #commitment .col-md-8 {
      padding-left: 100px;
      padding-right: 250px;
    }
    #efficiency .col-md-8 {
      padding-left: 100px;
      padding-top: 60px;
    }

    #efficiency .col-md-8 p.testimonial-name {
      padding-top: 10px;
    }

    #climate p.testimonial-name {
      padding-top: 20px !important;
    }

    #efficiency .col-md-8 p.testimonial-name span {
      font-style: italic;
    }

    #efficiency #energy .col-md-8 p:last-child {
      padding-top: 60px;
    }

    #efficiency p.paper-reduction {
      padding-bottom: 10px;
      font-weight: 500;
    }

    #efficiency .col-md-8 + .col-xs-5 p {
      padding-bottom: 10px;
      color: red;
    }

    #efficiency h3 {
      margin: -2px 0 50px 0;
      font-size: 21px;
      font-weight: 400;
    }

    #responsibility #customer-expectations .col-md-offset-7 {
        margin-left: 15%;
        margin-top: 110px;
    }

    .no-border-mobile {
      border-bottom: none !important;
      background-color: #fff !important;
    }
}

@media screen and (min-width: 1199px) and (min-height: 660px) {
  .c-layout-go2pm {
    position: absolute;
    bottom: 20%;
    z-index: 500;
    right: 50% !important;
  }
}

@media (max-width: 480px) {

  .video-hide {
      background: url(../img/content/backgrounds/fallback.jpg) top center no-repeat;
      min-height: 600px !important;
      background-size: 100%;
    }

  video {
      display: none;
    }

  h1 {
    color: #fff;
    line-height: 25px;
    font-weight: 500;
    font-size: 15px;
  }

  h1 span {
    font-size: 25px;
    font-weight: 300;
  }

  .tp-caption {
    margin: 270px 0 0 75px !important;
    padding: 20px 60px 32px 30px !important;
  }

  .c-layout-go2pm {
    position: absolute;
    bottom: auto;
    z-index: 500;
    right: 50%;
    margin-top: 525px;
  }

  .icon-arrow-down {
    font-size: 35px;
    font-weight: 300;
    opacity: 0.5;
  }

  #commitment .c-content-feature-5 .c-text {
    width: 100% !important;
    margin-top: 35px !important;
  }

  #commitment .cfo-sig {
    max-width: 45%;
    padding-top: 40px;
  }

  #commitment .c-content-feature-5 {
    height: 650px !important;
  }

  #commitment .col-md-5 p {
    font-size: 18px;
    padding-top: 340px;
  }

  .c-progress-bar .c-progress-bar-desc-container {
    margin: 0 0 30px 0 !important;
  }

  #commitment .c-content-box.c-size-lg {
    padding: 60px 0 20px 0;
  }

  #commitment .c-progress-bar .c-progress-bar-container .c-progress-bar-line {
    padding: 20px 80px !important;
  }

  #efficiency .callout, #community .callout {
    margin-left: -30px;
    margin-right: -30px;
  }

  #efficiency .climate-mobile {
    width: 100%;
  }

  #efficiency .facilities-mobile {
    width: 35%;
  }

  #efficiency .climate-mobile img {
    margin-bottom: 10px;
  } 

  #efficiency .col-xs-6 .testimonial-name {
    padding-top: 10px;
    margin-bottom: -25px;
  } 

  #responsibility .c-content-feature-16 .c-feature-16-container, 
  #community .c-content-feature-16 .c-feature-16-container {
    padding: 40px 20px;
  }

  #community iframe {
    width: 323px;
    height: 182px;
    margin: 0 0 40px 0;
  }

  #community .videoWrapper {
    margin-top: 500px !important;
    margin-bottom: 125px !important;
  }

  #community .testimonial-section {
    padding-bottom: 105px;
  }

  #community .testimonial-section img {
    float: left;
  }

  #community .c-feature-15-desc.title {
    float: right;
    padding-right: 10px;
    margin: -75px -6px 0 102px;
  }

  #community .c-progress-bar .c-progress-bar-container .c-progress-bar-line {
    padding: 20px 80px !important;
  }
}

@media (max-width: 526px) {

    .c-layout-footer-6 .c-head .c-left .socicon .socicon-btn {
      width: auto;
      height: auto;
      padding: 10px;
    }
    div.socicon {display: flex;}
    a.socicon-btn img {width: 100%; min-width: 25px;}
    div.socion {width: 100%}
}

@media (max-width: 630px) {
  .c-content-feature-5 .c-photo {
    position: static !important;
  }

  #commitment .c-content-feature-5 .c-text {
    width: 100% !important;
    margin-top: 35px !important;
  }

  #commitment .c-content-feature-5 {
    height: 650px !important;
  }
}

@media (max-width: 768px) {
  
  .tp-caption {
      background-color: #563d82;
      margin: 185px 0 0 150px;
    }

    .c-progress-bar .c-progress-bar-desc-container {
       margin: 0 20% 30px 20% !important;
    }

    #community .videoWrapper {
        margin-top: 300px;
        margin-bottom: 40px;
      }

    .c-layout-footer-6 .c-postfooter .c-copyright {
      float: none !important;
      text-align: center;
      margin-top: 20px;
    }

    .copy-link {
      padding-top: 50px;
      float: none !important;
      text-align: center;
    }

    .c-footer-grey a {
      float: none;
    }
}

@media (max-width: 992px)  {

  .container {
      margin-right: auto;
      margin-left: auto;
      padding-left: 30px;
      padding-right: 30px;
  }

  .tp-caption {
    margin-top: 120px;
  }

 /*.c-content-feature-5 .c-photo {
    position: absolute;
    top: 0;
    right: 65px;
  }*/

  .c-layout-go2pm {
    position: absolute;
    z-index: 500;
    right: 50%;
  }

   .c-layout-header .c-navbar .c-mega-menu.c-mega-menu-dark-mobile {
    background: #f2f2f2;
  }

  .c-layout-header .c-navbar .c-mega-menu.c-mega-menu-dark-mobile > .nav.navbar-nav > li > .c-link {
    border-bottom: 1px solid #fff;
    color: #000;
  }

  .c-layout-header .c-navbar .c-mega-menu.c-mega-menu-dark-mobile > .nav.navbar-nav > li > .c-link.last {
    border-bottom: none;
  }

  .c-navbar .nav>li>a {
      padding: 15px 0 !important;
      margin-right: 30px;
  }

  .c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link:hover {
    color: #563d82 !important;
    text-decoration: underline !important;
    padding-bottom: 15px !important;
  }

  .c-layout-header .c-navbar .c-mega-menu.c-pull-right {
    padding-top: 0; 
    padding-left: 38px;
  }

  #commitment .row {
    padding-bottom: 0;
  }

  #commitment h4 {
    margin-top: 40px;
  }

  #commitment .c-content-box.c-size-md {
      padding: 30px 0;
    }

  /* Center align text for commitment and community progress bars */
  .c-progress-bar .c-progress-bar-desc-container {
    margin: 0 auto 30px auto;
  }

  .c-progress-bar-line svg {
    display: block;
    margin: 0 auto 0 auto;
    height: 112px;
    width: 112px;
  }

  #commitment .col-md-8 p {
    margin-top: 35px;
  }

  #commitment .col-md-5 p {
    margin-top: 120px;
  }

  #commitment .c-btn-border-1x.c-btn-purple {
    margin-bottom: 50px;
  }

  #commitment .c-btn-border-1x.c-btn-purple.last {
    margin-bottom: 0;
  }

  #facilities .col-md-10 .c-left {
    margin-top: 150px;
  }

  #efficiency .col-md-10 .testimonial-footnote {
    padding-top: 35px;
    float: left
  }

  #efficiency .c-content-tile-1 .c-tile-content.c-arrow-left, #efficiency .c-content-tile-1 .c-tile-content.c-arrow-right {
    display: none;
  }

  #efficiency .c-content-tile-1 {
    padding-bottom: 20px;
  }

  #efficiency .c-content-feature-14 img {
    margin: 0;
    }

  #efficiency .col-md-8 p:last-child {
      margin-top: 0;
    }

  #efficiency .col-md-10 p.testimonial-name {
      float: left;
    }

   #efficiency .col-md-10 p.last {
    padding-top: 75px;
   }

   #efficiency .c-content-feature-14 .c-feature-14-btn {
      text-align: left;
    }

   #efficiency img.white-background, #efficiency img.grey-background {
      padding: 70px 35%;
    }

   #efficiency .c-theme-btn.c-btn-border-2x {
      margin-top: 0;
    }

    #efficiency #paper .col-xs-6 {
      width: 100%;
      background-color: #f7f7f7;
    }

  #efficiency #paper .paper-callout {
    background-color: #f7f7f7;
    padding: 0;
  }

  #responsibility .procurement-last {
    margin-bottom: -50px;
  }
  
  #responsibility .c-content-feature-10 > .c-list > li > .c-border-bottom,
  #responsibility .c-content-feature-10 > .c-list > .c-border-middle {
    display: none;
  }

  #responsibility .c-content-feature-10 img.c-float-right {
    float: none;
    margin-top: -20px;
    margin-left: 0;
  }

  #responsibility .c-content-feature-10 img.c-float-left {
    float: none;
    margin-left: 0;
  }

  #responsibility .c-card {
    text-align: center;
  }

  #responsibility .c-content-feature-10 img {
    width: 120px;
    height: 120px;
    border: none;
    text-align: center;
    padding: 20px;
    margin-bottom: 20px;
  }

  #responsibility .c-content-feature-10 > .c-list > li > .c-card > .c-content-right,
  #responsibility .c-content-feature-10 > .c-list > li > .c-card > .c-content-left {
      padding: 0;
      text-align: center;
  }
  
  #responsibility .c-border-bottom {
    border-bottom: none;
  }

  #responsibility .border-right-color, #responsibility .border-right-color-2 {
    display: none;
  }

  #responsibility .c-content-feature-10 > .c-list > li > .c-card > img {
      float: left;
    }
  
  #responsibility .c-content-feature-15 .c-feature-15-container {
      margin-bottom: 0;
      margin-top: 0;
    }

  #responsibility #customer-expectations .testimonials-mobile {
      padding-left: 0;
      padding-right: 0;
    }

  #responsibility #customer-expectations .testimonial-name {
    padding: 30px;
  }

   #community .c-content-accordion-1 .panel > .panel-collapse > .panel-body {
    width: 100%;
   }

   #community .c-font-right {
      text-align: initial;
    }
  
  #community .c-content-feature-10 > .c-list > li > .c-card {
      margin-bottom: 40px;
    }

   #community .c-content-feature-10 > .c-center {
      margin-top: 50px;
    }

    #community .c-content-feature-15 .c-feature-15-container {
      background-color: #eeeeee !important;
      padding: 60px 0 0 0;
    }

    #community .videoWrapper {
      margin-top: 275px;
      margin-bottom: 120px;
    }

    #community .c-content-accordion-1.c-theme .panel > .panel-collapse > .panel-body > img.epa-green,
    #community .c-content-accordion-1.c-theme .panel > .panel-collapse > .panel-body > img.epa-wastewise,
    #community .c-content-accordion-1.c-theme .panel > .panel-collapse > .panel-body > img.green-business,
    #community .c-content-accordion-1.c-theme .panel > .panel-collapse > .panel-body > img.toby {
      float: left;
      width: 30%;
      margin: 50px -200px 0 0;
    }

    #community .testimonial-section img {
      margin-left: 10px;
    }

    #community .c-feature-15-desc.title {
      float: left;
      padding-left: 20px;
    }

    #community .paperless {
      margin-top: 0;
      margin-bottom: -60px;
    }

    .c-layout-footer-6 .c-postfooter .c-copyright {
      float: left;
    }

    .c-layout-footer-6 .c-head .c-right .c-title {
      margin: 15px 0 0 0;
    }

    .download {
      float: left;
      margin: 60px 0 0 -190px;
    }
}

@media (max-width: 992px) and (-ms-high-contrast:none), (max-width: 992px) and (-ms-high-contrast:active) {
  .c-progress-bar .c-progress-bar-container .c-progress-bar-line[data-progress-bar="circle"] .c-progress-bar-icon {
    top: 46%;
    left: 50%;
  }
}

@media (max-width: 1199px) {

  h1 {
    color: #fff;
    line-height: 25px;
    font-weight: 500;
    font-size: 15px;
  }

  h1 span {
    font-size: 25px;
    font-weight: 300;
  }

  .icon-arrow-down {
    font-size: 35px;
    font-weight: 300;
    opacity: 0.5;
  }

  .c-content-feature-5 .c-photo {
    position: absolute;
    top: 0;
    right: 0;
    /*padding-right: 10px;*/
  }

  .c-content-feature-5 .c-content-title-1 {
    margin-top: 25px;
  }

  #commitment .c-content-feature-5 .c-text {
    width: 52%;
    margin-top: 125px;
    padding: 20px;
    position: relative;
    z-index: 1;
  }

  #commitment .c-content-feature-5 {
    height: 410px;
  }

}

@media (max-width: 1024px) {
  .c-progress-bar .c-progress-bar-container .c-progress-bar-line {
    padding: 20px 50px !important;
  }
}

@media (max-width: 992px) {
/*  .c-progress-bar-line {
    display: flex;
    justify-content: center;
  }*/
  .c-content-feature-10 > .c-list  {
    display: block;
  }
  .c-content-feature-10 > .c-list > li > .c-card > .c-float-right {
    margin-top: 0;
  }
  .c-content-feature-10 > .c-list > li > .c-card > .c-float-left {
    float: right;
    margin-top: 0;
    margin-right: 0;
  }
  .c-content-feature-10 > .c-list > li > .c-card > .c-content-left {
    padding-left: 0;
  }
  #community .c-content-feature-10 > .c-list > li > .c-card {
    margin-bottom: 0;
  }
  .c-content-feature-10 > .c-list > li > .c-card > img {
    margin-left: 0;
    margin-bottom: 0;
    position: relative;
    bottom: 40px;
  }
  .c-content-feature-10 > .c-list > li > .c-card > .c-float-right {
    margin-left: 0;
  }
  #responsibility .c-content-box.c-size-md {
    padding-bottom: 50px;
  }
}

@media (max-width: 768px) {

  .c-layout-go2pm {
    right: auto;
    bottom: 30px;
    left: 30px;
  }
}

.ie-splash {
    display: none; 
}