/** Shopify CDN: Minification failed

Line 27:2 "justity-content" is not a known CSS property
Line 212:4 "maxwidth" is not a known CSS property
Line 218:8 "maxwidth" is not a known CSS property
Line 229:14 Expected identifier but found whitespace
Line 229:16 Unexpected "{"
Line 229:25 Expected ":"

**/

  .footer-padding-add {
     padding-bottom: 30px;
  }
  .text-padding-25 {
    padding-left: 10px;
    padding-right: 10px;
  }

  


.background-media-hero-container {
  display: flex;
}
.background-media-text-hero--center{
  justity-content: center;
}



  .hidden_desktop{
  display:block;
}
.hidden_mobile {
  display: none;
}
@media (min-width:992px){
  .hidden_desktop{
    display:none;
  }
  .hidden_mobile {
    display: block;
  }
}





































p.accordion {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.4s;
    margin-bottom:10px;
}

p.accordion.active, p.accordion:hover {
    background-color: #ddd;
}


p.accordion:after {
    content: '\2795'; 
    font-size: 13px;
    color: #777;
    float: right;
    margin-left: 5px;
}


p.accordion.active:after {
    content: "\2796"; 
}


div.panel {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: 0.4s ease-in-out;
    opacity: 0;
    margin-bottom:10px;
}

div.panel.show {
    opacity: 1;
    max-height: 500px; /* Whatever you like, as long as its more than the height of the content (on all screen sizes) */
}


  
  .div-max-width {
    max-width: 100%;
  }
  
  .page-width-bg-black {
      background-color: #000000;
  }
  .page-text-color-white {
      color: #FFFFFF;
      font-size: x-large;
      padding-left: 40px;
      padding-right: 40px;
      padding-top: 50px;
      padding-bottom: 50px;
  }
  .show-image-mobile {
      display: none;
  }
  .show-image-desktop {
      display: inline;
   
  }

  .text-area-grow {
    flex-grow: 1;
  }

  @media only screen and (max-width: 600px) {
  .page-text-color-white {
      color: #FFFFFF;
      padding-left: 40px;
      padding-right: 40px;
      padding-top: 50px;
      padding-bottom: 50px;
      text-align: center;
  }
  .page-text-block {
     display: none;
  }
  .show-image-mobile {
      display: inline;
  }
  .show-image-desktop {
      display: none;
  }
  }


  .page-width-bg-black {
      background-color: #000000;
  }
  .page-text-color-white {
      color: #FFFFFF;
      padding-left: 40px;
      padding-right: 40px;
  }

  @media only screen and (max-width: 600px) {
  .page-text-color-white {
      color: #FFFFFF;
      padding-left: 40px;
      padding-right: 40px;
      padding-top: 50px;
      padding-bottom: 50px;
      text-align: center;
  }
  }


  .page-keep-inline {
     display: inline;
  }
  .feature-row__item_misc {
  min-width: 50%;
  -ms-flex: 0 1 50%;
      flex: 0 1 50%;
  }

  .flex-item-column-container{
    display: flex;
    maxwidth: 800px;
    justify-content: center;
  }
  @media only screen and (max-width: 600px) {
       .flex-item-column-container{
        display: flex;
        maxwidth: 800px;
        justify-content: center;
        flex-direction: column;
        }
  }
  .flex-item-col1{
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .flex-itemcol2{
    max-width: {{ section.settings.image_width }};
  }
  
  .flex-item-container {
    display: flex;
    
  }
  .flex-icon-child {
    padding-right: 20px;
  }
  .flex-icon-text {
    flex: 1;
  }
  .padding-override {
    padding:0;
    margin: 0;
  }

  @media only screen and (max-width: 600px) {
    .feature-row__item_misc {
      
    }
    .flex-icon-text {
     
    }
  }