.Ferro-Feature-Common-BackButton {
  padding-left: 4.166666%;
  padding-right: 5%;
  max-width: 1280px;
  margin: 0 auto; }
  .Ferro-Feature-Common-BackButton .history {
    font-size: 4.3rem !important;
    font-weight: 600;
    line-height: 2.5rem !important; }
  .Ferro-Feature-Common-BackButton h1, .Ferro-Feature-Common-BackButton h2, .Ferro-Feature-Common-BackButton h3, .Ferro-Feature-Common-BackButton h4 {
    margin-top: 2rem;
    margin-bottom: 0;
    font-weight: bold;
    font-size: 1.75rem;
    line-height: 2.5rem !important; }

.Ferro-Feature-Common-BackButton-Column {
  padding-left: 4.166666%;
  padding-right: 5%;
  max-width: 1280px;
  margin: 0 auto; }
  .Ferro-Feature-Common-BackButton-Column h1, .Ferro-Feature-Common-BackButton-Column h2, .Ferro-Feature-Common-BackButton-Column h3, .Ferro-Feature-Common-BackButton-Column h4 {
    margin-top: 1rem !important;
    margin-bottom: 0;
    font-weight: 600;
    font-size: 4.3rem !important;
    line-height: 3.6rem !important; }

.about .Ferro-Feature-Common-BackButton h1 {
  margin-bottom: 20px; }

.resources .Ferro-Project-Grid-TwoColumnFixedLeft .primary-content .Ferro-Feature-Common-BackButton {
  padding-left: 0;
  padding-right: 0;
  margin-left: -15px; }
  .resources .Ferro-Project-Grid-TwoColumnFixedLeft .primary-content .Ferro-Feature-Common-BackButton a {
    font-size: 1.5rem; }
  .resources .Ferro-Project-Grid-TwoColumnFixedLeft .primary-content .Ferro-Feature-Common-BackButton strong a {
    font-weight: inherit; }

@media (max-width: 767px) {
  .resources .Ferro-Project-Grid-TwoColumnFixedLeft .primary-content .Ferro-Feature-Common-BackButton {
    margin-left: 0; } }

.pdficon a[href*=".pdf"] {
  font-weight: 200 !important;
  font-size: 1.75rem !important;
  letter-spacing: 0.1rem !important;
  color: #333 !important;
  padding-left: 0.25em !important; }

.pdficon a[href*=".pdf"]:before {
  content: "\f1c1";
  font-family: "Font Awesome 5 Free";
  float: left;
  font-size: 1em;
  color: red; }

.Ferro-Feature-Common-CarouselWithText {
  padding-left: 4.166666%;
  padding-right: 5%;
  max-width: 1280px;
  margin: 0 auto;
  /* Style the button and place it in the middle of the container/image */
  /*button.owl-next span {
        color: yellowgreen;
    }*/
  /*Removed the text overlay for the image for now*/
  /*.header, h1.header {
        position: absolute;
        color:white;
        top: 35%;
        left: 7%;
        font-size: 4.2rem;
        line-height: 4.2rem;
        text-transform: uppercase;
        font-weight: 600;
        margin-top: 8px;
        margin-left: 20px;
    }

    .text {
        position: absolute;
        color:white;
        top: 45%;
        left: 7%;
        margin-top: 10px;
        font-size: 1.6rem;
        line-height: 1.8rem;
        margin-left: 20px;
        margin-right: 200px;
    }*/ }
  .Ferro-Feature-Common-CarouselWithText .owl-prev {
    position: absolute;
    top: 40%;
    left: 5%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    background-color: #555;
    color: white !important;
    font-size: 16px;
    padding: 12px 24px;
    border: none;
    cursor: pointer;
    border-radius: 5px;
    font-size: 95px !important;
    background-color: transparent !important; }
  .Ferro-Feature-Common-CarouselWithText .owl-next {
    position: absolute;
    top: 40%;
    left: 95%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    background-color: #555;
    color: white !important;
    font-size: 16px;
    padding: 12px 24px;
    border: none;
    cursor: pointer;
    border-radius: 5px;
    font-size: 95px !important;
    background-color: transparent !important; }
  .Ferro-Feature-Common-CarouselWithText .owl-nav span:hover {
    color: #d8b035; }
  .Ferro-Feature-Common-CarouselWithText .subheader {
    padding-left: 20px;
    font-size: 2.1rem;
    line-height: 2.1rem;
    text-transform: uppercase; }
  .Ferro-Feature-Common-CarouselWithText .image-caption {
    margin-top: 8px;
    margin-bottom: 0;
    font-style: italic;
    text-align: center;
    color: #666; }

@media (max-width: 767px) {
  .Ferro-Feature-Products-ProductHeadline {
    margin-right: -20px;
    margin-left: -20px; }
    .Ferro-Feature-Products-ProductHeadline .subheader, .Ferro-Feature-Products-ProductHeadline .header, .Ferro-Feature-Products-ProductHeadline .text {
      margin-left: 20px;
      padding-left: 0;
      margin-right: 0; }
  .col-sm-7 {
    padding: 0; }
  .Ferro-Feature-Common-CarouselWithText {
    margin-left: -20px;
    margin-right: -20px; }
    .Ferro-Feature-Common-CarouselWithText .text {
      margin-right: 20px; }
    .Ferro-Feature-Common-CarouselWithText .header {
      font-size: 3.2rem;
      line-height: 3.2rem; } }

@media (max-width: 420px) {
  .Ferro-Feature-Common-CarouselWithText h1 {
    line-height: 3.5rem; }
  .Ferro-Feature-Common-CarouselWithText button {
    display: none !important; } }

.products .Ferro-Feature-Common-CarouselWithText .control:hover, .control.active {
  background-color: #56849E; }

.category-gateway .Ferro-Feature-Common-CarouselWithText .control:hover, .category-gateway .Ferro-Feature-Common-CarouselWithText .control.active-control, .category .Ferro-Feature-Common-CarouselWithText .control:hover, .category .Ferro-Feature-Common-CarouselWithText .control.active-control {
  background-color: #065195; }

.application-gateway .Ferro-Feature-Common-CarouselWithText .control:hover, .application-gateway .Ferro-Feature-Common-CarouselWithText .control.active-control, .application .Ferro-Feature-Common-CarouselWithText .control:hover, .application .Ferro-Feature-Common-CarouselWithText .control.active-control {
  background-color: #56849E; }

.industry-gateway .Ferro-Feature-Common-CarouselWithText .control:hover, .industry-gateway .Ferro-Feature-Common-CarouselWithText .control.active-control, .industry .Ferro-Feature-Common-CarouselWithText .control:hover, .industry .Ferro-Feature-Common-CarouselWithText .control.active-control {
  background-color: #475184; }

.brand-gateway .Ferro-Feature-Common-CarouselWithText .control:hover, .brand-gateway .Ferro-Feature-Common-CarouselWithText .control.active-control, .brand .Ferro-Feature-Common-CarouselWithText .control:hover, .brand .Ferro-Feature-Common-CarouselWithText .control.active-control {
  background-color: #28bb98; }

.innovation .Ferro-Feature-Common-CarouselWithText .control:hover, .innovation .Ferro-Feature-Common-CarouselWithText .control.active-control {
  background-color: #065195; }

.resources .Ferro-Feature-Common-CarouselWithText .control:hover, .resources .Ferro-Feature-Common-CarouselWithText .control.active-control {
  background-color: #065195; }

.innovation .Ferro-Feature-Common-CarouselWithText .control:hover, .innovation .Ferro-Feature-Common-CarouselWithText .control.active-control {
  background-color: #36A1D3; }

.contact .Ferro-Feature-Common-CarouselWithText .control:hover, .contact .Ferro-Feature-Common-CarouselWithText .control.active-control {
  background-color: #065195; }

.about .Ferro-Feature-Common-CarouselWithText .control:hover, .about .Ferro-Feature-Common-CarouselWithText .control.active-control {
  background-color: #56849E; }

.careers .Ferro-Feature-Common-CarouselWithText .control:hover, .careers .Ferro-Feature-Common-CarouselWithText .control.active-control {
  background-color: #36A1D3; }

.news .Ferro-Feature-Common-CarouselWithText .control:hover, .news .Ferro-Feature-Common-CarouselWithText .control.active-control {
  background-color: #D1AC3A; }

.sds .Ferro-Feature-Common-CarouselWithText .control:hover, .sds .Ferro-Feature-Common-CarouselWithText .control.active-control {
  background-color: #065195; }

.search .Ferro-Feature-Common-CarouselWithText .control:hover, .search .Ferro-Feature-Common-CarouselWithText .control.active-control {
  background-color: #BC5A57; }

.Ferro-Feature-Common-CarouselWithText .cta-image {
  color: white;
  height: 100%;
  min-height: 240px;
  padding: 20px 20px 20px 20px; }

.Ferro-Feature-Common-Hero {
  position: relative;
  margin-left: -15px; }
  .Ferro-Feature-Common-Hero h1 {
    font-weight: 400;
    line-height: 5rem;
    color: white; }
  .Ferro-Feature-Common-Hero h2 {
    text-transform: uppercase;
    font-weight: 200;
    font-size: 2.5rem;
    margin-bottom: 5px; }
  .Ferro-Feature-Common-Hero p {
    color: white; }
  .Ferro-Feature-Common-Hero .text {
    position: relative;
    bottom: 0px;
    left: 0;
    z-index: 1; }
    .Ferro-Feature-Common-Hero .text p {
      margin-left: 2px; }
      .Ferro-Feature-Common-Hero .text p a {
        color: #D1AC3A; }
    .Ferro-Feature-Common-Hero .text h1 {
      margin-bottom: 3px; }
  .Ferro-Feature-Common-Hero .hero-slideshow, .Ferro-Feature-Common-Hero .hero-image-wrapper {
    position: relative;
    color: white;
    padding-top: 120px;
    padding-bottom: 30px;
    margin-bottom: 20px;
    padding-left: 30px;
    padding-right: 50px;
    overflow: hidden; }
    .Ferro-Feature-Common-Hero .hero-slideshow h1, .Ferro-Feature-Common-Hero .hero-image-wrapper h1 {
      position: relative;
      bottom: 0;
      margin-left: 0; }
    .Ferro-Feature-Common-Hero .hero-slideshow:before, .Ferro-Feature-Common-Hero .hero-image-wrapper:before {
      content: '';
      position: absolute;
      height: 100%;
      width: 100%;
      background: linear-gradient(0deg, rgba(20, 20, 20, 0.75), rgba(20, 20, 20, 0) 100%);
      top: 0;
      left: 0; }
  .Ferro-Feature-Common-Hero .image-wrapper, .Ferro-Feature-Common-Hero .hero-image {
    position: absolute;
    z-index: -2;
    overflow: hidden;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%; }
    .Ferro-Feature-Common-Hero .image-wrapper img, .Ferro-Feature-Common-Hero .hero-image img {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      margin: auto;
      min-width: 50%;
      min-height: 50%;
      overflow-x: hidden; }
    .Ferro-Feature-Common-Hero .image-wrapper.active, .Ferro-Feature-Common-Hero .hero-image.active {
      z-index: -1; }
  .Ferro-Feature-Common-Hero .control-wrapper {
    position: absolute;
    bottom: 10px;
    right: 20px; }
  .Ferro-Feature-Common-Hero .control {
    height: 15px;
    width: 15px;
    border-radius: 50%;
    background-color: #fff;
    margin-right: 7px;
    display: inline-block;
    cursor: pointer; }
  .Ferro-Feature-Common-Hero .hero-image:before {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    background: linear-gradient(0deg, rgba(20, 20, 20, 0.75), rgba(20, 20, 20, 0) 100%);
    top: 0;
    left: 0; }

@media (max-width: 767px) {
  .Ferro-Feature-Common-Hero {
    margin-left: -20px;
    margin-right: -20px; }
    .Ferro-Feature-Common-Hero .text p {
      margin-bottom: 0; } }

@media (max-width: 420px) {
  .Ferro-Feature-Common-Hero h1 {
    line-height: 3.5rem; } }

.products .Ferro-Feature-Common-Hero .control:hover, .control.active {
  background-color: #56849E; }

.category-gateway .Ferro-Feature-Common-Hero .control:hover, .category-gateway .Ferro-Feature-Common-Hero .control.active-control, .category .Ferro-Feature-Common-Hero .control:hover, .category .Ferro-Feature-Common-Hero .control.active-control {
  background-color: #065195; }

.application-gateway .Ferro-Feature-Common-Hero .control:hover, .application-gateway .Ferro-Feature-Common-Hero .control.active-control, .application .Ferro-Feature-Common-Hero .control:hover, .application .Ferro-Feature-Common-Hero .control.active-control {
  background-color: #56849E; }

.industry-gateway .Ferro-Feature-Common-Hero .control:hover, .industry-gateway .Ferro-Feature-Common-Hero .control.active-control, .industry .Ferro-Feature-Common-Hero .control:hover, .industry .Ferro-Feature-Common-Hero .control.active-control {
  background-color: #475184; }

.brand-gateway .Ferro-Feature-Common-Hero .control:hover, .brand-gateway .Ferro-Feature-Common-Hero .control.active-control, .brand .Ferro-Feature-Common-Hero .control:hover, .brand .Ferro-Feature-Common-Hero .control.active-control {
  background-color: #28bb98; }

.innovation .Ferro-Feature-Common-Hero .control:hover, .innovation .Ferro-Feature-Common-Hero .control.active-control {
  background-color: #065195; }

.resources .Ferro-Feature-Common-Hero .control:hover, .resources .Ferro-Feature-Common-Hero .control.active-control {
  background-color: #065195; }

.innovation .Ferro-Feature-Common-Hero .control:hover, .innovation .Ferro-Feature-Common-Hero .control.active-control {
  background-color: #36A1D3; }

.contact .Ferro-Feature-Common-Hero .control:hover, .contact .Ferro-Feature-Common-Hero .control.active-control {
  background-color: #065195; }

.about .Ferro-Feature-Common-Hero .control:hover, .about .Ferro-Feature-Common-Hero .control.active-control {
  background-color: #56849E; }

.careers .Ferro-Feature-Common-Hero .control:hover, .careers .Ferro-Feature-Common-Hero .control.active-control {
  background-color: #36A1D3; }

.news .Ferro-Feature-Common-Hero .control:hover, .news .Ferro-Feature-Common-Hero .control.active-control {
  background-color: #D1AC3A; }

.sds .Ferro-Feature-Common-Hero .control:hover, .sds .Ferro-Feature-Common-Hero .control.active-control {
  background-color: #065195; }

.search .Ferro-Feature-Common-Hero .control:hover, .search .Ferro-Feature-Common-Hero .control.active-control {
  background-color: #BC5A57; }

.Ferro-Feature-Common-HeroWithStaticText {
  margin-left: -15px;
  position: relative;
  overflow: hidden;
  margin-bottom: 20px; }
  .Ferro-Feature-Common-HeroWithStaticText h1, .Ferro-Feature-Common-HeroWithStaticText h2 {
    hyphens: auto;
    overflow-wrap: break-word; }
  .Ferro-Feature-Common-HeroWithStaticText h1 {
    font-weight: 400;
    line-height: 5rem; }
  .Ferro-Feature-Common-HeroWithStaticText h2 {
    text-transform: uppercase;
    font-weight: 200;
    font-size: 2.5rem;
    margin-bottom: 5px; }
  .Ferro-Feature-Common-HeroWithStaticText .hero-slideshow {
    position: relative;
    color: white;
    padding-top: 120px;
    padding-bottom: 40px;
    margin-bottom: 20px;
    padding-left: 30px;
    padding-right: 50px;
    overflow: hidden; }
    .Ferro-Feature-Common-HeroWithStaticText .hero-slideshow h3 {
      text-transform: uppercase; }
  .Ferro-Feature-Common-HeroWithStaticText .single-image {
    color: white;
    padding: 120px 20px 20px 20px; }
  .Ferro-Feature-Common-HeroWithStaticText .image-wrapper {
    position: absolute;
    z-index: -2;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%; }
    .Ferro-Feature-Common-HeroWithStaticText .image-wrapper img {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      margin: auto;
      min-width: 50%;
      min-height: 50%;
      overflow-x: hidden; }
    .Ferro-Feature-Common-HeroWithStaticText .image-wrapper.active {
      z-index: -1; }
    .Ferro-Feature-Common-HeroWithStaticText .image-wrapper:after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      background: linear-gradient(0deg, #141414 20%, rgba(20, 20, 20, 0) 60%); }
  .Ferro-Feature-Common-HeroWithStaticText .control-wrapper {
    position: absolute;
    bottom: 10px;
    right: 20px; }
  .Ferro-Feature-Common-HeroWithStaticText .control {
    height: 15px;
    width: 15px;
    border-radius: 50%;
    background-color: #fff;
    margin-right: 7px;
    display: inline-block;
    cursor: pointer; }
  .Ferro-Feature-Common-HeroWithStaticText .subheader {
    padding-left: 20px;
    font-size: 2.1rem;
    line-height: 2.1rem;
    text-transform: uppercase; }
  .Ferro-Feature-Common-HeroWithStaticText .header {
    font-size: 4.2rem;
    line-height: 4.2rem;
    text-transform: uppercase;
    font-weight: 600;
    margin-top: 8px;
    margin-left: 18px; }
  .Ferro-Feature-Common-HeroWithStaticText .text {
    margin-top: 10px;
    font-size: 1.6rem;
    line-height: 1.9rem;
    margin-left: 20px;
    margin-right: 200px; }
    .Ferro-Feature-Common-HeroWithStaticText .text a {
      color: #D1AC3A; }

@media (max-width: 767px) {
  .Ferro-Feature-Products-ProductHeadline {
    margin-right: -20px;
    margin-left: -20px; }
    .Ferro-Feature-Products-ProductHeadline .subheader, .Ferro-Feature-Products-ProductHeadline .header, .Ferro-Feature-Products-ProductHeadline .text {
      margin-left: 20px;
      padding-left: 0;
      margin-right: 0; }
  .col-sm-7 {
    padding: 0; }
  .Ferro-Feature-Common-HeroWithStaticText {
    margin-left: -20px;
    margin-right: -20px; }
    .Ferro-Feature-Common-HeroWithStaticText .text {
      margin-right: 20px; }
    .Ferro-Feature-Common-HeroWithStaticText .header {
      font-size: 3.2rem;
      line-height: 3.2rem; } }

@media (max-width: 420px) {
  .Ferro-Feature-Common-HeroWithStaticText h1 {
    line-height: 3.5rem; } }

.products .Ferro-Feature-Common-HeroWithStaticText .control:hover, .control.active {
  background-color: #56849E; }

.category-gateway .Ferro-Feature-Common-HeroWithStaticText .control:hover, .category-gateway .Ferro-Feature-Common-HeroWithStaticText .control.active-control, .category .Ferro-Feature-Common-HeroWithStaticText .control:hover, .category .Ferro-Feature-Common-HeroWithStaticText .control.active-control {
  background-color: #065195; }

.application-gateway .Ferro-Feature-Common-HeroWithStaticText .control:hover, .application-gateway .Ferro-Feature-Common-HeroWithStaticText .control.active-control, .application .Ferro-Feature-Common-HeroWithStaticText .control:hover, .application .Ferro-Feature-Common-HeroWithStaticText .control.active-control {
  background-color: #56849E; }

.industry-gateway .Ferro-Feature-Common-HeroWithStaticText .control:hover, .industry-gateway .Ferro-Feature-Common-HeroWithStaticText .control.active-control, .industry .Ferro-Feature-Common-HeroWithStaticText .control:hover, .industry .Ferro-Feature-Common-HeroWithStaticText .control.active-control {
  background-color: #475184; }

.brand-gateway .Ferro-Feature-Common-HeroWithStaticText .control:hover, .brand-gateway .Ferro-Feature-Common-HeroWithStaticText .control.active-control, .brand .Ferro-Feature-Common-HeroWithStaticText .control:hover, .brand .Ferro-Feature-Common-HeroWithStaticText .control.active-control {
  background-color: #28bb98; }

.innovation .Ferro-Feature-Common-HeroWithStaticText .control:hover, .innovation .Ferro-Feature-Common-HeroWithStaticText .control.active-control {
  background-color: #065195; }

.resources .Ferro-Feature-Common-HeroWithStaticText .control:hover, .resources .Ferro-Feature-Common-HeroWithStaticText .control.active-control {
  background-color: #065195; }

.innovation .Ferro-Feature-Common-HeroWithStaticText .control:hover, .innovation .Ferro-Feature-Common-HeroWithStaticText .control.active-control {
  background-color: #36A1D3; }

.contact .Ferro-Feature-Common-HeroWithStaticText .control:hover, .contact .Ferro-Feature-Common-HeroWithStaticText .control.active-control {
  background-color: #065195; }

.about .Ferro-Feature-Common-HeroWithStaticText .control:hover, .about .Ferro-Feature-Common-HeroWithStaticText .control.active-control {
  background-color: #56849E; }

.careers .Ferro-Feature-Common-HeroWithStaticText .control:hover, .careers .Ferro-Feature-Common-HeroWithStaticText .control.active-control {
  background-color: #36A1D3; }

.news .Ferro-Feature-Common-HeroWithStaticText .control:hover, .news .Ferro-Feature-Common-HeroWithStaticText .control.active-control {
  background-color: #D1AC3A; }

.sds .Ferro-Feature-Common-HeroWithStaticText .control:hover, .sds .Ferro-Feature-Common-HeroWithStaticText .control.active-control {
  background-color: #065195; }

.search .Ferro-Feature-Common-HeroWithStaticText .control:hover, .search .Ferro-Feature-Common-HeroWithStaticText .control.active-control {
  background-color: #BC5A57; }

.Ferro-Feature-Common-HeroWithStaticText .cta-image {
  color: white;
  height: 100%;
  min-height: 240px;
  padding: 20px 20px 20px 20px; }

.Ferro-Feature-Common-Image {
  text-align: center;
  margin-bottom: 25px; }
  .Ferro-Feature-Common-Image img {
    width: 100%;
    height: auto; }
  .Ferro-Feature-Common-Image .image-caption {
    color: #666;
    margin-top: 8px;
    margin-bottom: 0;
    font-style: italic; }

@media (min-width: 768px) {
  .Ferro-Project-Grid-TwoColumnFixedLeft .primary-content .Ferro-Feature-Common-Image {
    margin-left: -15px; } }

.Ferro-Feature-Common-Overview ul li {
  list-style-type: disc;
  margin-left: 17px; }

@media (min-width: 768px) {
  .Ferro-Feature-Common-Overview {
    margin-left: -15px; } }

@media (max-width: 767px) {
  .Ferro-Feature-Common-Overview {
    margin: 20px 0px 0 0px; } }

a.cta-link:link {
  color: #d8b035; }

a.cta-link:visited {
  color: #d8b035; }

a.cta-link:hover {
  color: white; }

.Ferro-Feature-Common-RichText {
  padding-left: 4.166666%;
  padding-right: 5%;
  max-width: 1280px;
  margin: 0 auto; }
  .Ferro-Feature-Common-RichText .history {
    font-size: 4.3rem !important;
    font-weight: 600;
    line-height: 2.5rem !important; }
  .Ferro-Feature-Common-RichText h1, .Ferro-Feature-Common-RichText h2, .Ferro-Feature-Common-RichText h3, .Ferro-Feature-Common-RichText h4 {
    margin-top: 2rem;
    margin-bottom: 0;
    font-weight: bold;
    font-size: 1.75rem;
    line-height: 2.5rem !important; }

.Ferro-Feature-Common-RichText-Column {
  padding-left: 4.166666%;
  padding-right: 5%;
  max-width: 1280px;
  margin: 0 auto; }
  .Ferro-Feature-Common-RichText-Column h1, .Ferro-Feature-Common-RichText-Column h2, .Ferro-Feature-Common-RichText-Column h3, .Ferro-Feature-Common-RichText-Column h4 {
    margin-top: 1rem !important;
    margin-bottom: 0;
    font-weight: 600;
    font-size: 4.3rem !important;
    line-height: 3.6rem !important; }

.about .Ferro-Feature-Common-RichText h1 {
  margin-bottom: 20px; }

.resources .Ferro-Project-Grid-TwoColumnFixedLeft .primary-content .Ferro-Feature-Common-RichText {
  padding-left: 0;
  padding-right: 0;
  margin-left: -15px; }
  .resources .Ferro-Project-Grid-TwoColumnFixedLeft .primary-content .Ferro-Feature-Common-RichText a {
    font-size: 1.5rem; }
  .resources .Ferro-Project-Grid-TwoColumnFixedLeft .primary-content .Ferro-Feature-Common-RichText strong a {
    font-weight: inherit; }

@media (max-width: 767px) {
  .resources .Ferro-Project-Grid-TwoColumnFixedLeft .primary-content .Ferro-Feature-Common-RichText {
    margin-left: 0; } }

.pdficon a[href*=".pdf"] {
  font-weight: 200 !important;
  font-size: 1.75rem !important;
  letter-spacing: 0.1rem !important;
  color: #333 !important;
  padding-left: 0.25em !important; }

.pdficon a[href*=".pdf"]:before {
  content: "\f1c1";
  font-family: "Font Awesome 5 Free";
  float: left;
  font-size: 1em;
  color: red; }

Ferro-Feature-Common-RichTextGrid {
  border-radius: 20px/15px;
  background: lightblue;
  border: 2px solid black; }
  Ferro-Feature-Common-RichTextGrid h2 {
    font-size: 1.6em; }

.Ferro-Feature-Common-SocialSharing {
  text-align: right; }
  .Ferro-Feature-Common-SocialSharing a {
    margin-left: 0.5rem; }

.Ferro-Feature-Common-Video {
  color: white;
  text-align: center; }
  .Ferro-Feature-Common-Video .image-container {
    position: absolute;
    height: 100%;
    width: 100%;
    max-height: 350px;
    top: 0;
    z-index: 0;
    overflow: hidden; }
    .Ferro-Feature-Common-Video .image-container img {
      min-width: 100% !important;
      height: auto !important; }
  .Ferro-Feature-Common-Video .thumbnail {
    padding: 75px 0 70px 0;
    overflow: hidden;
    border: none;
    border-radius: 0; }
  .Ferro-Feature-Common-Video i:before {
    position: relative; }
  .Ferro-Feature-Common-Video .lightbox {
    display: none;
    position: fixed;
    height: 100%;
    width: 100%;
    background-color: rgba(175, 175, 175, 0.75);
    top: 0;
    left: 0;
    padding-top: 10%;
    z-index: 100; }
    .Ferro-Feature-Common-Video .lightbox.on {
      display: block; }
    .Ferro-Feature-Common-Video .lightbox iframe {
      outline: 5px solid white;
      max-width: 90%; }
    .Ferro-Feature-Common-Video .lightbox .closer {
      position: absolute;
      margin-top: -32px;
      margin-left: 5px;
      color: white; }
      .Ferro-Feature-Common-Video .lightbox .closer:hover {
        cursor: pointer; }
  .Ferro-Feature-Common-Video .fa-play-circle-o {
    color: #303227; }

@media (min-width: 768px) {
  .careers .Ferro-Feature-Common-Video {
    margin-left: -5.5%;
    margin-right: -4.66666666%; } }

@media (max-width: 767px) {
  .Ferro-Feature-Common-Video iframe {
    width: 75% !important; } }

.Ferro-Feature-Common-VideoNoLightBox {
  margin-top: 2rem; }
  .Ferro-Feature-Common-VideoNoLightBox iframe {
    width: 100% !important; }

.news .Ferro-Feature-Common-VideoNoLightBox, .about .Ferro-Feature-Common-VideoNoLightBox {
  padding-right: 5%;
  padding-left: 4.166666%;
  max-width: 1280px;
  margin: 2rem auto; }

/*# sourceMappingURL=Ferro.feature.common.css.map */