/* Navigation Hover Styles */
#navTopLevel a:hover, #navTopLevel .navLabel:hover {
    color: #c21e2d;
}
#navTopLevel .navButton:hover {
    color: #ffffff;
}

/* Sub Navigation Hover Styles */
.subNav a:hover {
    color: #c21e2d;
}

/* Extend Sub Menu Truncation */
@media only screen and (min-width: 992px) {
.navContent ul li ul {
   max-width: 500px !important;
}
}

/* Desktop Logo - Header Banner */
.headerContainer {
    margin-top: auto !important;
}
@media only screen and (min-width: 991px) {
.headerContent {
    display: none;
}
}
.blockWrap_bb63267b28644c3ab6928f9a0d8505aa {
background-color: #ffffff;
text-align: center;
padding: 20px;
}

/* Mobile Logo */
@media only screen and (max-width: 767px) {
.blockWrap_bb63267b28644c3ab6928f9a0d8505aa {
    display: none;
}
}

/* Header Button */
.headerbutton {
    margin-right: 50px;
    background-color: #292a2c;
    border-color: #6f7174;
}
.headerbutton:hover {
    margin-right: 50px;
    background-color: #6f7174;
    border-color: #cdced0;
}

/* Buttons */
.button {
    padding: 15px 20px;
}

/* Mobile Global Styles */
@media only screen and (max-width: 599px) {
    .pageTitle {
        font-size: 25px !important;
    }
}

/* Hero Image */
.blockWrap_a2485441cd85437e800190fe4fe6c4d9 .contentTitle {
    padding-bottom: 0px;
}
.blockWrap_a2485441cd85437e800190fe4fe6c4d9 .blockText p {
    padding-bottom: 0px;
}
.blockWrap_a2485441cd85437e800190fe4fe6c4d9 .button {
    min-width: 270px;
    text-align: center;
}
/* Mobile Hero Image*/
@media only screen and (max-width: 599px) {
div.blockWrap_a2485441cd85437e800190fe4fe6c4d9 {
    padding-top: 80px;
    padding-bottom: 80px;
}  
.blockWrap_a2485441cd85437e800190fe4fe6c4d9 .blockContent{
    text-align: center;
}  
.blockWrap_a2485441cd85437e800190fe4fe6c4d9 .contentTitle {
    font-size: 15px;
}
.blockWrap_a2485441cd85437e800190fe4fe6c4d9 .blockText p {
    font-size: 34px;
}
}
/* Mobile HP Welcome Row */
@media only screen and (max-width: 599px) {
    div.blockWrap_f899ca0e1e674ccbbac858950867939b {
        padding-top: 30px;
    }
    div.blockWrap_a298dae120434c9dbd0377b79ea9728a {
        padding-bottom: 50px;
    }    
}

/* CTA Styles */
.imgEffect-overlay,
.imgEffect:hover .imgEffect-overlay {
    max-height: 20%;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.imgEffect-overlay, .imgHover-overlay {
    top: 80%;
}

/* Inner Page Banners */
.ipbanner .contentTitle {
    padding-bottom: 0px;
}
.ipbanner .blockText p {
    padding-bottom: 0px;
}
.ipbanner .button {
    min-width: 300px;
    text-align: center;
}
/* Mobile Inner Page Banners */
@media only screen and (max-width: 599px) {
div.ipbanner {
    background-image: url(https://static.mywebsites360.com/d0ca1092d5e44092b391c6fb7628b001/i/a198cad91002494589358b03e2d62395/2/5feFb8zhrk/Mobile-Hero-5cacb7c7a39a8.jpeg);
    background-position: center top;
    background-size: cover;
}
.ipbanner .blockContent {
    text-align: center;
}  
.ipbanner .contentTitle {
    font-size: 15px;
}
.ipbanner .blockText p {
    font-size: 34px;
}
}

/* Inner Page Buttons Row */
.ipbuttons .button {
    min-width: 270px;
    margin: 10px;
}
.ipbuttons .button:nth-child(2) {
    background-color: #ad0018;
    border-color: #c21e2d;
}
.ipbuttons .button:nth-child(2):hover {
    background-color: #c21e2d;
    border-color: #ad0018;
}

/* PB Inner Page Banners */
.pbipbanner .contentTitle {
    padding-bottom: 10px;
    line-height: 1.2;
}
.pbipbanner .blockText p:nth-child(1) {
    padding-bottom: 20px;
    border-bottom: 5px solid #ad0018;
}
.pbipbanner .blockText p:nth-child(2) {
    padding-top: 30px;
}
.pbipbanner .button {
    min-width: 270px;
    text-align: center;
}
/* Mobile PB Inner Page Banners */
@media only screen and (max-width: 599px) {
.pbipbanner .blockContent {
    text-align: center;
}  
.pbipbanner .contentTitle {
    font-size: 40px;
}
.pbipbanner .blockText p {
    font-size: 20px;
}
}

/* PB Inner Page Banners 2 - No Subheading */
.pbipbanner2 .contentTitle {
    padding-bottom: 10px;
    line-height: 1.2;
}
.pbipbanner2 .blockText p:nth-child(1) {
    padding-top: 40px;
    border-top: 5px solid #ad0018;
}
.pbipbanner2 .button {
    min-width: 270px;
    text-align: center;
}
/* Mobile PB Inner Page Banners 2 - No Subheading */
@media only screen and (max-width: 599px) {
.pbipbanner2 .blockContent {
    text-align: center;
}  
.pbipbanner2 .contentTitle {
    font-size: 40px;
}
.pbipbanner2 .blockText p {
    font-size: 20px;
}
}

/* PB Inner Page Banners with Form */
.formSubtitle {
    color: #ad0018;
    font-size: 26px;
    font-weight: 600;
    padding-bottom: 0px;
}
.formTitle {
    color: #ffffff;
    font-size: 55px;
    font-weight: 400;
    line-height: 1.2;
    padding-top: 0px;
    padding-bottom: 10px;
    border-bottom: 5px solid #ad0018;
    margin-bottom: 40px;
}
.formButton {
    color: #ffffff !important;
    min-width: 300px;
    text-align: center;
}
/* Mobile PB Inner Page Banners with Form */
@media only screen and (max-width: 599px) {
.formSubtitle {
    font-size: 20px;
    text-align: center;
}
.formTitle {
    font-size: 40px;
    text-align: center;
}
}

/* PB Inner Page Button */
.pbipbutton .button {
    min-width: 300px;
}

/* Contact Us Page */
@media only screen and (min-width: 992px) {
    .blockWrap_f053a6f265a242cb812aa2c568d96ac8 .item {
        min-height: 442px;
    }
}

/* Mobile List Columns - Blog */
@media only screen and (max-width: 599px) {
.blockWrap_e48dc8aeadf64525a277891a7add250d .itemImg {
    float: none;
    width: 100% !important;
}
.blockWrap_e48dc8aeadf64525a277891a7add250d .itemContent {
    float: none;
    width: 100% !important;
    padding-top: 20px;
}
}

/* FIBC Bulk Bags Page */
.blockWrap_a60f9d802c624a14849e0a62f08fc6c1 a {
    color: #cdced0;
}
.blockWrap_a60f9d802c624a14849e0a62f08fc6c1 a:hover {
    color: #ffffff !important;
}

/* Mobile Footer */
@media only screen and (max-width: 599px) {
    #footerlogo {
        width: 100%;
    }
}

    /****************************************
    !!!!!START HERO STYLES - DO NOT EDIT!!!!!
    ****************************************/
/********************
    VARIABLES
    --Only work here
    --Controls element color, size, aligment, etc
    --Some elements have mobile and desktop settings
    ********************/
:root {
  /*=========================================
      BASE STYLES
      --won't change between mobile or desktop
      =========================================*/

  /*Add spacing around entire container on smaller devices*/
  --container-mobile-vertical-space: unset; /*top-bottom padding*/
  --container-mobile-horizontal-space: unset; /*left-right padding*/

  /*Add spacing around entire container on larger devices*/
  --container-desk-vertical-space: unset; /*top-bottom padding*/
  --container-desk-horizontal-space: unset; /*left-right padding*/

  /*Align content and form vertically top, middle, or bottom*/
  --vertically-align-content: unset; /*top=start | middle=center | bottom=end*/

  /*Change spacing between elements*/
  --space-after-title: unset;
  --space-after-subtitle: unset;
  --space-after-content: unset;
  --space-after-form-title: unset;

  /*Change space between content and column*/
  --space-between-columns: unset;

  /*Change column widths*/
  --column-layout: unset; /*50-50=1fr 1fr | 33-66=1fr 2fr | 66-33=2fr 1fr

      /*=========================================
      BUTTON STYLES
      --base styles
      --hover styles
      --mobile and desktop width and alignment
      =========================================*/

      /*button base styles*/
      --button-background: unset;
      --button-font-color: unset;
      --button-font-size: unset;
      --button-vertical-padding: unset; /*top-bottom padding*/
      --button-horizontal-padding: unset; /*left-right padding*/
      --button-border-width: unset;
      --button-border-color: unset;
      --button-border-radius: unset;
      --button-hover-transition: unset;

      /*button hover styles*/
      --button-hover-background: unset;
      --button-hover-font-color: unset;
      --button-hover-border-color: unset;

      /*button styles for small devices*/
      --align-button-mobile: unset; /*left=flex-start | middle=center | right=flex-end*/
      --button-width-mobile: unset; /*percentage, pixels, or auto*/

      /*button styles for large devices*/
      --align-button-desk: unset; /*left=flex-start | middle=center | right=flex-end*/
      --button-width-desk: unset; /*percentage, pixels, or auto*/

      /*=========================================
          FORM STYLES
          --base styles
          --mobile and desktop stacking
          =========================================*/

      /*form base styles*/
      --form-background-color: unset;
      --form-border-width: unset;
      --form-border-color: unset;
      --form-border-radius: unset;
      --form-vertical-padding: unset; /*top-bottom padding*/
      --form-horizontal-padding: unset; /*left-right padding*/

      /*form stacking order*/
      /*1 for form to be left, 2 for form to be right*/
      --form-order-mobile: unset;
      --form-order-desk: unset;

      /*=========================================
          FONT STYLES
          --base styles
          --mobile and desktop stacking
          =========================================*/

      /*Change font colors*/
      --font-color-title: unset;
      --font-color-subtitle: unset;
      --font-color-content: unset;
      --font-color-form-title: unset;
      --font-font-color-links: unset;

      /*Set font size for smaller devices*/
      --title-font-size-mobile: unset;
      --subtitle-font-size-mobile: unset;
      --content-font-size-mobile: unset;
      --form-title-font-size-mobile: unset;

      /*Set text alignment for smaller devices*/
      --title-text-align-mobile: unset;
      --subtitle-text-align-mobile: unset;
      --content-text-align-mobile: unset;
      --form-title-text-align-mobile: unset;

      /*Set font sizes for larger devices*/
      --title-font-size-desk: unset;
      --subtitle-font-size-desk: unset;
      --content-font-size-desk: unset;
      --form-title-font-size-desk: unset;

      /*Set text alignment for larger devices*/
      --title-text-align-desk: unset;
      --subtitle-text-align-desk: unset;
      --content-text-align-desk: unset;
      --form-title-text-align-desk: unset;
    }
    /********************
        UTILITY STYLES
        --Use to manipulate text and form elements
        ********************/
    /*add to change font case*/
    .m-text-uppercase {
      text-transform: uppercase;
    }
    .m-text-lowercase {
      text-transform: lowercase;
    }
    .m-text-capitalize {
      text-transform: capitalize;
    }

    /*add to change font weight*/
    .m-weight-light {
      font-weight: 300;
    }
    .m-weight-medium {
      font-weight: 500;
    }
    .m-weight-bold {
      font-weight: 800;
    }

    /*add to change letter spacing*/
    .m-track-tight {
      letter-spacing: 2px;
    }
    .m-track-wide {
      letter-spacing: 5px;
    }
    .m-track-widest {
      letter-spacing: 10px;
    }
    /********************
        CORE ELEMENT STYLES
        --Should not need to touch
        --Only change if your are comfortable with advanced CSS
        ********************/
    /*BASE STYLES - MOBILE FIRST*/
    #madHero {
      display: grid;
      padding: var(--container-mobile-vertical-space) var(--container-mobile-horizontal-space);
    }
    #madHero .madTitle {
      color: var(--font-color-title);
      font-size: var(--title-font-size-mobile);
      text-align: var(--title-text-align-mobile);
      line-height: 1.2;
      margin-top: 0;
      margin-bottom: var(--space-after-title);
    }
    #madHero .madSubtitle {
      color: var(--font-color-subtitle);
      font-size: var(--subtitle-font-size-mobile);
      text-align: var(--subtitle-text-align-mobile);
      line-height: 1.2;
      margin-top: 0;
      margin-bottom: var(--space-after-subtitle);
    }
    #madHero .madContent {
      color: var(--font-color-content);
      font-size: var(--content-font-size-mobile);
      text-align: var(--content-text-align-mobile);
      margin-top: 0;
      margin-bottom: var(--space-after-content);
    }
    #madHero .madFormTitle {
      color: var(--font-color-form-title);
      font-size: var(--form-title-font-size-mobile);
      text-align: var(--form-title-text-align-mobile);
      line-height: 1.2;
      margin-top: 0;
      margin-bottom: var(--space-after-form-title);
    }
    #madHero a {
      color: var(--font-font-color-links);
    }
    #madHero .madButtonOuter {
      display: flex;
      justify-content: var(--align-button-mobile);
    }
    #madHero .madButton {
      color: var(--button-font-color);
      font-size: var(--button-font-size);
      text-align: center;
      text-decoration: none;
      background: var(--button-background);
      border: var(--button-border-width) solid var(--button-border-color);
      border-radius: var(--button-border-radius);
      width: var(--button-width-mobile);
      display: inline-block;
      padding: var(--button-vertical-padding) var(--button-horizontal-padding);
      transition: var(--button-hover-transition);
    }
    #madHero .madButton:hover {
      background: var(--button-hover-background);
      color: var(--button-hover-font-color);
      border-color: var(--button-hover-border-color);
    }
    #madFormContainer {
      grid-row: var(--form-order-mobile);
      background-color: var(--form-background-color);
      border: var(--form-border-width) solid var(--form-border-color);
      border-radius: var(--form-border-radius);
      padding: var(--form-vertical-padding) var(--form-horizontal-padding);
      margin: 20px 0;
    }
    #madHeroContent {
      margin: 20px 0;
    }

    /*LARGER SCREEN SIZE*/
    @media only screen and (min-width: 768px) {
      #madHero {
        grid-template-columns: var(--column-layout);
        align-items: var(--vertically-align-content);
        grid-gap: var(--space-between-columns);
        padding: var(--container-desk-vertical-space) var(--container-desk-horizontal-space);
      }
      #madFormContainer {
        grid-row: 1;
        grid-column: var(--form-order-desk);
        margin: 0;
      }
      #madHeroContent {
        margin: 0;
      }
      #madHero .madTitle {
        font-size: var(--title-font-size-desk);
        text-align: var(--title-text-align-desk);
      }
      #madHero .madSubtitle {
        font-size: var(--subtitle-font-size-desk);
        text-align: var(--subtitle-text-align-desk);
      }
      #madHero .madContent {
        font-size: var(--content-font-size-desk);
        text-align: var(--content-text-align-desk);
      }
      #madHero .madFormTitle {
        font-size: var(--form-title-font-size-desk);
        text-align: var(--form-title-text-align-desk);
      }
      #madHero .madButtonOuter {
        justify-content: var(--align-button-desk);
      }
      #madHero .madButton {
        width: var(--button-width-desk);
      }
    }
    /****************************************
    !!!!!END HERO STYLES - START NORMAL STYLES AFTER THIS!!!!
    
    
    /* Video Styles */

.video-container {
  background: #24282f;
  text-align: left;
  padding: 230px 200px;
}

#iframe-container h1 {
    font-size: 55px;
    color: white;
}

#iframe-container h3 {
    font-size: 26px;
    color: #C21E2D;
    font-weight: bold;
}

.video-container {
  background: #24282f;
  text-align: left;
  padding: 230px 200px;
}

#iframe-container1 h1 {
    font-size: 55px;
    color: white;
}

#iframe-container1 h3 {
    font-size: 26px;
    color: #C21E2D;
    font-weight: bold;
}

.video-container {
  background: #24282f;
  text-align: left;
  padding: 230px 200px;
}

#iframe-container2 h1 {
    font-size: 55px;
    color: white;
}

#iframe-container2 h3 {
    font-size: 26px;
    color: #C21E2D;
    font-weight: bold;
}

.video-container {
  background: #24282f;
  text-align: left;
  padding: 230px 200px;
}

#iframe-container3 h1 {
    font-size: 55px;
    color: white;
}

#iframe-container3 h3 {
    font-size: 26px;
    color: #C21E2D;
    font-weight: bold;
}

/* Mobile Video Styles */

@media only screen and (max-width: 767px) {
    #iframe-container h1 {
        font-size: 36px;
        color: white;
    }
    
    #iframe-container h3 {
        font-size: 20px;
        color: #C21E2D;
    }
    
    div#iframe-container {
        background-image: url(url(https://static.mywebsites360.com/d0ca1092d5e44092b391c6fb7628b001/i/a883d92fcb26403cae382016b914163d/2/5feFb8zhrk/Mobile%20Hero.jpg));
    }
    
    .video-wrap {
        display: none!important;
    }
    
    .video-container {
        padding: 100px 20px 100px 20px;
            background: none;
    }
}

@media only screen and (max-width: 767px) {
    #iframe-container1 h1 {
        font-size: 36px;
        color: white;
    }
    
    #iframe-container1 h3 {
        font-size: 20px;
        color: #C21E2D;
    }
    
    div#iframe-container1 {
        background-image: url(url(https://static.mywebsites360.com/d0ca1092d5e44092b391c6fb7628b001/i/a883d92fcb26403cae382016b914163d/2/5feFb8zhrk/Mobile%20Hero.jpg));
    }
    
    .video-wrap {
        display: none!important;
    }
    
    .video-container {
        padding: 100px 20px 100px 20px;
            background: none;
    }
}

@media only screen and (max-width: 767px) {
    #iframe-container2 h1 {
        font-size: 36px;
        color: white;
    }
    
    #iframe-container2 h3 {
        font-size: 20px;
        color: #C21E2D;
    }
    
    div#iframe-container2 {
        background-image: url(url(https://static.mywebsites360.com/d0ca1092d5e44092b391c6fb7628b001/i/a883d92fcb26403cae382016b914163d/2/5feFb8zhrk/Mobile%20Hero.jpg));
    }
    
    .video-wrap {
        display: none!important;
    }
    
    .video-container {
        padding: 100px 20px 100px 20px;
            background: none;
    }
}

@media only screen and (max-width: 767px) {
    #iframe-container3 h1 {
        font-size: 36px;
        color: white;
    }
    
    #iframe-container3 h3 {
        font-size: 20px;
        color: #C21E2D;
    }
    
    div#iframe-container3 {
        background-image: url(url(https://static.mywebsites360.com/d0ca1092d5e44092b391c6fb7628b001/i/a883d92fcb26403cae382016b914163d/2/5feFb8zhrk/Mobile%20Hero.jpg));
    }
    
    .video-wrap {
        display: none!important;
    }
    
    .video-container {
        padding: 100px 20px 100px 20px;
            background: none;
    }
}

/* End Video Styles */