.component_z_pattern{
  position:relative;
  width:100%;
}

.component_z_pattern:not(.is-tabbing):focus{
  outline:0;
}

.component_z_pattern .header{
  font-weight:300;
  margin-top:0;
}

@media (min-width:992px){
  .component_z_pattern .header{
    margin-top:0;
  }
}

@media (min-width:768px){
  .component_z_pattern.-angle-edge .safety-container .image-container{
    padding:0;
  }
}

@media (min-width:992px){
  .component_z_pattern.-angle-edge .safety-container .text-container{
    padding:1.875rem 0 1.875rem 5rem;
    position:relative;
  }
  .component_z_pattern.-angle-edge .safety-container .text-container:after{
    background:#fff;
    content:"";
    display:block;
    height:21.875rem;
    position:absolute;
    top:0;
    width:4.375rem;
  }
}

@media (min-width:992px){
  .component_z_pattern.-angle-edge .safety-container .text-container:after{
    height:28.125rem;
    width:6.25rem;
  }
}

.component_z_pattern .safety-container{
  display:block;
  margin:1.875rem auto;
  max-width:100rem;
}

@media (min-width:768px){
  .component_z_pattern .safety-container{
    display:table;
    height:21.875rem;
  }
}

@media (min-width:992px){
  .component_z_pattern .safety-container{
    height:28.125rem;
  }
}

.component_z_pattern .safety-container .image-container{
  margin-left:-5%;
  width:110%;
}

@media (min-width:768px){
  .component_z_pattern .safety-container .image-container{
    float:left;
    margin-left:-5.5%;
  }
}

.component_z_pattern .safety-container .image-container>img{
  display:block;
  margin:0 auto;
  width:100%;
  height:21.875rem;
  -o-object-fit:cover;
     object-fit:cover;
}

@media (max-width:1600px){
  .component_z_pattern .safety-container .image-container>img{
    height:18.75rem;
  }
}

@media (min-width:768px) and (max-width:991.98px){
  .component_z_pattern .safety-container .image-container>img{
    width:100%;
    height:15rem;
  }
}

@media (max-width:767.98px){
  .component_z_pattern .safety-container .image-container>img{
    min-height:12.5rem;
    height:inherit;
  }
}

.component_z_pattern .safety-container .image-container>img.mob-img{
  display:none;
}

.component_z_pattern .safety-container .text-container{
  padding-top:1.875rem;
  text-align:center;
  width:100%;
}

@media (min-width:768px){
  .component_z_pattern .safety-container .text-container{
    -webkit-box-align:center;
    -webkit-align-items:center;
       -moz-box-align:center;
            align-items:center;
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:flex;
    float:left;
    height:inherit;
    padding:0 4.6875rem 0 0;
    text-align:left;
    width:45%;
  }
}

@media (min-width:992px) and (max-width:1199.98px){
  .component_z_pattern .safety-container .text-container .heading{
    font-size:1.5rem;
  }
}

.component_z_pattern .safety-container .text-container>.display-table{
  display:table;
  height:100%;
  width:100%;
}

.component_z_pattern .safety-container .text-container>.display-table>.display-cell{
  display:table-cell;
  vertical-align:middle;
}

.component_z_pattern .safety-container .text-container>.display-table>.display-cell>.accent-bar-left .field_editor a{
  display:inline;
}

.component_z_pattern .safety-container .text-container>.display-table>.display-cell>.accent-bar-left a{
  display:inline-block;
  float:none;
  margin:.625rem auto 0;
  width:auto;
}

.component_z_pattern .safety-container .text-container>.display-table>.display-cell>.accent-bar-left a.button{
  line-height:normal;
  text-decoration:none;
  font-weight:700;
}

@media (min-width:768px){
  .component_z_pattern.-left-to-right.-angle-edge>.safety-container>.text-container:after{
    left:-3.25rem;
    -webkit-transform:skew(6deg);
       -moz-transform:skew(6deg);
         -o-transform:skew(6deg);
            transform:skew(6deg);
  }
}

@media (min-width:992px){
  .component_z_pattern.-left-to-right.-angle-edge>.safety-container>.text-container:after{
    left:-3.125rem;
    -webkit-transform:skew(8deg);
       -moz-transform:skew(8deg);
         -o-transform:skew(8deg);
            transform:skew(8deg);
  }
}

@media (min-width:768px){
  .component_z_pattern.-right-to-left>.safety-container>.image-container{
    float:right;
    margin-left:auto;
    margin-right:-5.5%;
    padding-left:0;
    padding-right:0;
  }
}

@media (min-width:768px){
  .component_z_pattern.-right-to-left>.safety-container>.text-container{
    padding-right:4.375rem;
  }
}

@media (min-width:768px){
  .component_z_pattern.-right-to-left.-angle-edge>.safety-container>.text-container:after{
    right:-1.6875rem;
    -webkit-transform:skew(-6deg);
       -moz-transform:skew(-6deg);
         -o-transform:skew(-6deg);
            transform:skew(-6deg);
  }
}

@media (min-width:992px){
  .component_z_pattern.-right-to-left.-angle-edge>.safety-container>.text-container:after{
    right:-3.4375rem;
    -webkit-transform:skew(-8deg);
       -moz-transform:skew(-8deg);
         -o-transform:skew(-8deg);
            transform:skew(-8deg);
  }
}

@media (max-width:767.98px){
  body .fl-module-z_pattern.flex-directon-reverse .safety-container{
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -webkit-flex-direction:row;
       -moz-box-orient:horizontal;
       -moz-box-direction:normal;
            flex-direction:row;
  }
}

body.fl-builder-ie-11 .component_z_pattern_hero .safety-container{
  display:inline-block !important;
}

.single .page_top_banner .fl-module-z_pattern .component_z_pattern .safety-container .image-container img{
  height:37.5rem;
}

@media (max-width:1600px){
  .single .page_top_banner .fl-module-z_pattern .component_z_pattern .safety-container .image-container img{
    height:28.125rem;
  }
}

@media (min-width:1200px) and (max-width:1299px){
  .single .page_top_banner .fl-module-z_pattern .component_z_pattern .safety-container .image-container img{
    height:25rem;
  }
}

@media (min-width:992px) and (max-width:1199.98px){
  .single .page_top_banner .fl-module-z_pattern .component_z_pattern .safety-container .image-container img{
    height:21.875rem;
  }
}

@media (min-width:768px) and (max-width:991.98px){
  .single .page_top_banner .fl-module-z_pattern .component_z_pattern .safety-container .image-container img{
    height:18.75rem;
  }
}

@media (max-width:767.98px){
  .single .page_top_banner .fl-module-z_pattern .component_z_pattern .safety-container .image-container img{
    height:inherit;
  }
}

/*# sourceMappingURL=z_pattern.min.css.map */