/** Shopify CDN: Minification failed

Line 621:0 Comments in CSS use "/* ... */" instead of "//"
Line 622:0 Comments in CSS use "/* ... */" instead of "//"
Line 628:0 Comments in CSS use "/* ... */" instead of "//"
Line 629:0 Comments in CSS use "/* ... */" instead of "//"
Line 631:2 Unexpected "0%"
Line 635:2 Unexpected "100%"
Line 712:0 Comments in CSS use "/* ... */" instead of "//"
Line 713:0 Comments in CSS use "/* ... */" instead of "//"
Line 722:0 Comments in CSS use "/* ... */" instead of "//"
Line 723:0 Comments in CSS use "/* ... */" instead of "//"
... and 4 more hidden warnings

**/
.highlights-banner__block {
    margin: 0 1%;
/*     box-shadow: #0003 0 4px 8px, #00000030 0 6px 20px; */
    width: 23%;
/*   border:1px solid rgba(128,128,128,.16); */
}

.highlight-banner__count-4 .highlights-banner__block {
   width: 23%;
  padding:15px;
  border-radius:6px;
}

.shoppable-image__section-heading {
  font-weight: 600;
  text-transform:uppercase;
}

.site-footer-wrapper {
  margin-top:0;
}
.dynamic-video-wrapper {
    padding-right: 0px !important;
    padding-left: 0px !important;
}
.productitem, .article--excerpt-wrapper, .testimonial__content {
  box-shadow:#0003 0 4px 8px, #00000030 0 6px 20px;
  border-radius:6px;
}
.home-section--title {
    text-transform: uppercase;
    font-weight: 600;
}
.navmenu-meganav--desktop .navmenu-meganav-standard__wrapper .navmenu-meganav-standard__items {
  grid-gap:1rem;
}

.iconRow {
    display: flex;
    width: 100%;
    padding: 0 15px;
}
.iconBlock {
    width: 24%;
    text-align: center;
    margin:0 1%;
    box-shadow: #0003 0 4px 8px, #00000030 0 6px 20px;
    padding: 10px 10px 0 10px;
  border-radius:6px;
}
.iconStyle {
  width:80px;
  height:80px;
}
h3.iconHeading {
    margin: 10px 0;
    font-size: 18px;
}
p.iconContent {
/*     color: #000; */
  line-height:1.5;
}
.iconMainHeading {
  text-align:center;
  text-transform:uppercase;
  font-size:22px;
}
.IconSection {
    padding: 30px 0;
}
.IconSection {
    padding: 0px 0 30px 0;
}
.collection__item-title {
  font-size:18px;
}

.home-section--content {
    margin-bottom: 30px;
}
.navmenu-meganav.navmenu-meganav--desktop .navmenu-item-text {
  border-bottom: 1px solid #f7901e;
}

.page-content {
    max-width: 1300px;
}
.home-section--title {
    margin-top: 1.5rem;
}

.logolist--item.pxu-lia-element {
/*     box-shadow: #0003 0 4px 8px, #00000030 0 6px 20px; */
}
.rich-text--container {
    margin-top: 0px;
}
.article--inner {
    max-width: 1000px;
    padding-bottom: 50px;
}
.site-page {
  padding-bottom:50px;
}

.background_text_block {
  text-align: center;
  display: table;
  width: 100%;
  height: 100%;
}

.background_text_sub_block {
      display: table-cell;
    vertical-align: middle;
}

.background_text_heading h2 {
  color: #fff;
  font-size: 50px;
}

.background_text_heading p {
  color: #fff;
}

.background_image_block {
  height: 570px;
  background-attachment: fixed;
}

.background_text_button {
  margin-top: 30px;
}

.background_text_button a {
      padding: 17px 24px;
      background-color: #f7901e;
      color: #ffffff;
      text-decoration: none;
    font-size: 1.1em;
  letter-spacing: 1px;
    transition: all 300ms 0s ease;
      display: flex;
    align-items: center;
    width: fit-content;
  margin: auto;
  gap: 10px;
}

.background_text_button a:hover {
  background-color: transparent;
  color: #002f60;
}

.background_text_button_icon svg path{
  fill: #fff;
}

.background_text_button_icon svg {
  transform: rotateY(180deg);
}

.background_text_button a:hover .background_text_button_icon svg path{
  fill: #002f60;
}

.icon-done_all {
  font-size: 107px;
    color: #f7901e;
}

.icon-done_all:before {
    content: "\e877";
      font-family: Material Icons;
    font-weight: 400;
    font-style: normal;
    font-size: inherit;
    -webkit-font-smoothing: antialiased;
}

.background_text_bottom_image img {
  width: 70%;
  margin: auto;
}

.Column_content {
      width: 83%;
    margin: auto;
    text-align: center;
      margin-bottom: 55px;
      line-height: 1.5;
}

.Column_content p a {
          color: #f7901e;
  text-decoration: none;
}

.ColText_Content h1 ,.ColText_Content h2 {
  transition: all 300ms linear 0s;
}

.product_enquire {
  text-decoration: none;
      text-align: center;
    width: 100%;
    display: block;
    color: #fff;
}

.product-recommendations--container .product-section--content {
  padding-bottom: 2.5rem;
}

.icon_with_text_heading {
    text-align: center;
}

.icon_image {
      font-family: Material Icons;
    font-weight: 400;
    font-style: normal;
      transition: all 300ms linear 0s;
}

.icon_with_text_block:nth-child(1) .icon_image_target:before  {
  content: "\e8cb";
}

.icon_with_text_block:nth-child(2) .icon_image_target:before  {
  content: "\e887";
}

.icon_with_text_block:nth-child(3) .icon_image_target:before  {
  content: "\e0b9";
}

.icon_with_text_block:nth-child(4) .icon_image_target:before  {
  content: "\e0b0";
}

.icon_arrow:before {
  content: "\e5c8";
}

.icon_image_target {
  font-size: 86px;
}

.icon_arrow {
  font-size: 36px; 
}

.icon_with_text_flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  row-gap: 30px;
}

.icon_with_text_flex .icon_with_text_block {
  width: 48.5%;
  background-color: #f7901e;
  transition: all 300ms linear 0s;
      display: flex;
    align-items: center;
}

.icon_with_text_block_heading , .icon_text p , .icon_image {
  color: #fff;
}

.icon_with_text_block_heading {
  font-size: 22px;
  transition: all 300ms linear 0s;
}

.icon_text p {
  line-height: 1.5;
  transition: all 300ms linear 0s;
}

.icon_with_text_block .icon_text_link {
  display: flex;
  align-items: center;
    padding: 35px 0px;
  text-decoration: none;
  transition: all 300ms linear 0s;
}

.icon_block {
  width: 23%;
  text-align: center;
}

.icon_text_details {
  width: 67%;
  padding-right: 5%;
}

.icon_block_arrow {
  width: 10%;
  text-align: center;
}

.icon_with_text_block:hover {
  background-color: #f5f5f5;
}

.icon_with_text_block:hover .icon_with_text_block_heading , .icon_with_text_block:hover .icon_text p {
  color: #002f60;
}

.icon_with_text_block:hover .icon_image {
  color: #f7901e;
}

.highlights-banner__block , .iconBlock {
  overflow: hidden;
  transition: all 300ms linear 0s;
}

.iconBlock:hover {
  transform: scale(1.1);
}

.home-section--title {
  position: relative;
  padding-bottom: 25px;
}

.home-section--title:before {
  content: "";
  height: 2px;
  width: 50px;
  background-color: #013061;
  position: absolute;
      bottom: 5%;
  left: 50%;
    transform: translate(-50%, -50%);
}

.home-section--title:after {
  content: "";
  height: 2px;
  width: 50px;
  background-color: #013061;
  position: absolute;
  bottom: 15%;
  left: 50%;
    transform: translate(-50%, -50%);
}

.description_heading {
  color: #f7901e!important;
}

.icon_content {
  padding: 0px 15px 10px;
  text-align: center;
  font-size: 18px;
    line-height: 1.4;
  margin-bottom: 30px;
  width: 83%;
    margin: auto;
  font-size: 16px;
}

.icon_content a , .footer_address a {
  color: #f7901e!important;
  text-decoration: none;
}

.footer_address p {
  margin: 0px;
} 

.image_container img {
  width: 100%;
}

.contact_heading {
      text-align: center;
    font-size: 34px;
}

.contact_us_flex {
  display: flex;
  justify-content: space-between;
}

.contact_us_block_left {
  width: 23%;
  box-shadow: 8px 8px 20px 3px rgb(0 0 0 / 10%);
    border-radius: 8px;
  padding: 0px 14px;
}

.contact_us_block_right {
  width: 100%;
  display: grid;
      grid-template-columns: 31% 31% 31%;
    justify-content: space-between;
  row-gap: 45px;
}

.contact_us_blocks_bottom {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  row-gap: 45px;
}

.contact_us_details {
  width: 31%;
}

.contact_us_details h3 {
  margin: 10px 0px;
}

.contact_us_details_heading {
  font-size: 24px!important;
}

.contact_us_details_sub_heading {
  font-size: 18px!important;
  margin: 10px 0px!important;
}

.address_info p {
  margin: 0px;
}

.address_info {
  line-height: 1.7;
    margin-bottom: 10px;
}

.contact_us_detail , .contact_us_details {
      box-shadow: 8px 8px 20px 3px rgb(0 0 0 / 10%);
    border-radius: 8px;
  padding: 0px 14px;
}

.contact_us_flex {
  row-gap: 45px;
}

.contact_us_details {
  word-break: break-all;
}

.panel a {
  color: #f68e2c;
    text-decoration: none;
}

.panel a:hover {
  color: #002f60;
    text-decoration: underline;
}

.productitem--action-trigger , .productitem--action-trigger:hover  {
  border: none;
}

@media only screen and (max-width: 767px) {
.iconRow {
  display:block;
}
.iconBlock {
    width: 90%;
    margin:10% 5%;
}

.background_image_block {
    height: 100%;
    padding: 5rem 0rem;
}

.background_text_heading p {
    padding: 0px 10px;
}

.icon_with_text_flex {
    padding: 0px 15px 15px;
}

.icon_with_text_flex .icon_with_text_block {
    width: 100%;
}

.icon_with_text_block .icon_text_link {
    flex-direction: column;
}
.icon_text_details {
    width: 80%;
    padding-right: 0%;
  text-align: center;
}

.product_description {
  padding: 10px;
}

.icon_content {
  width: 100%;
}

.contact_us_flex , .contact_us_blocks_bottom  {
    flex-wrap: wrap;
    flex-direction: column;
}

.contact_us_block_left , .contact_us_block_right , .contact_us_details {
    width: 100%;
}  

.contact_us_block_right {
    grid-template-columns: 100%;
}

.contact_us_blocks h3 , .contact_us_block_left h3 , .image_heading h2 {
      font-size: 24px;
}
  
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px)  {

.icon_with_text_block .icon_text_link {
    flex-direction: column;
}
  
.icon_text_details {
    width: 80%;
    padding-right: 0%;
  text-align: center;
}

.ColText_Flex {
    flex-direction: column;
}
  
.ColText_Flex .ColText_Content {
    width: 100%!important;
}

.ColText_Content:nth-child(1) , .ColText_Content:nth-child(2) {
    border-right: none!important;
}

.background_image_block {
    height: 100%;
    padding: 2rem 0rem;
}
  
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {

.icon_with_text_block .icon_text_link {
    flex-direction: row;
}
  
.icon_text_details {
    width: 67%;
    padding-right: 5%;
  text-align: left;
}
  
}

@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) {

.icon_with_text_block .icon_text_link {
    flex-direction: row;
}
  
.icon_text_details {
    width: 67%;
    padding-right: 5%;
  text-align: left;
}
  
}

@media only screen and (min-device-width: 1440px) {
  .background_image_block {
    height: 600px;
        background-repeat: no-repeat;
    background-size: cover;
        background-position: top;
}
}


@media only screen and (min-device-width: 1600px) {
  .icon_with_text_flex .icon_with_text_block {
      display: block;
}
}

// Variables
// ---------
:root {
  --animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  --animation-duration: 1s;
}

// Keyframes
// ---------
@keyframes slideInUp {
  0% {
    opacity: 0;
    transform: translateY(25%);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@keyframes slideInDown {
  0% {
    opacity: 0;
    transform: translateY(-25%);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@keyframes slideInleft {
  0% {
    opacity: 0;
    transform: translateX(25%);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@keyframes slideInRight {
  0% {
    opacity: 0;
    transform: translateX(-25%);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.75);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@keyframes zoomReverseIn {
  0% {
    opacity: 0;
    transform: scale(1.25);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}

@keyframes flipInY {
  0% {
    opacity: 0;
    transform: perspective(90vw) rotateY(67.50deg);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}

// Animations
// ----------
[data-animation] {
  opacity: 0;
  animation-timing-function: var(--animation-timing-function);
  animation-fill-mode: both;
  animation-duration: var(--animation-duration);
  will-change: transform, opacity;
}

// Disable animation of the childs
// Disable self animation
.animations-disabled {
  &,
  [data-animation] {
    animation: none !important;
    opacity: 1 !important;
  }
}

// Slide Animations
.slideInUp {
  animation-name: slideInUp;
}
.slideInDown {
  animation-name: slideInDown;
}
.slideInLeft {
  animation-name: slideInleft;
}
.slideInRight {
  animation-name: slideInRight;
}

// Fade Animations
.fadeIn {
  animation-name: fadeIn;
}

// Zoom Animations
.zoomIn {
  animation-name: zoomIn;
}
.zoomReverseIn {
  animation-name: zoomReverseIn;
}

// Flip Animations
.flipInY {
  animation-name: flipInY;
}
.flipOutY {
  animation-name: flipInY;
  animation-direction: reverse;
}

.collection--title {
    text-align: center;
}
.collection--description {
    margin: 0 auto;
}