/* 1a. Containers */



/* 1b. Colors */




/* 1c. Typography */


























/* 1d. Buttons */













/* 1e. Forms */















/* 1f. Tables */













/* 1g. Website header */








/* 1h. Website footer */








html, body {
  scroll-behavior: smooth;
}

.row-fluid.row-fluid {
  flex-wrap: wrap;
}


[class*="device-only-"] {
  display: none;
}


  
    @media screen and (min-width: 280px) and (max-width: 489px)
  {
    .device-only-xs {
      display: inline-block;
    }
    .device-only-flex-xs {
      display: flex;
    }

    
     .xs-order-1 {
        order: 1;
      }
    
     .xs-order-2 {
        order: 2;
      }
    
     .xs-order-3 {
        order: 3;
      }
    
     .xs-order-4 {
        order: 4;
      }
    
     .xs-order-5 {
        order: 5;
      }
    
     .xs-order-6 {
        order: 6;
      }
    
     .xs-order-7 {
        order: 7;
      }
    
     .xs-order-8 {
        order: 8;
      }
    
     .xs-order-9 {
        order: 9;
      }
    
     .xs-order-10 {
        order: 10;
      }
    
     .xs-order-11 {
        order: 11;
      }
    
     .xs-order-12 {
        order: 12;
      }
    
  }

  
    @media screen and (min-width: 490px) and (max-width: 767px)
  {
    .device-only-s {
      display: inline-block;
    }
    .device-only-flex-s {
      display: flex;
    }

    
     .s-order-1 {
        order: 1;
      }
    
     .s-order-2 {
        order: 2;
      }
    
     .s-order-3 {
        order: 3;
      }
    
     .s-order-4 {
        order: 4;
      }
    
     .s-order-5 {
        order: 5;
      }
    
     .s-order-6 {
        order: 6;
      }
    
     .s-order-7 {
        order: 7;
      }
    
     .s-order-8 {
        order: 8;
      }
    
     .s-order-9 {
        order: 9;
      }
    
     .s-order-10 {
        order: 10;
      }
    
     .s-order-11 {
        order: 11;
      }
    
     .s-order-12 {
        order: 12;
      }
    
  }

  
    @media screen and (min-width: 768px) and (max-width: 1039px)
  {
    .device-only-m {
      display: inline-block;
    }
    .device-only-flex-m {
      display: flex;
    }

    
     .m-order-1 {
        order: 1;
      }
    
     .m-order-2 {
        order: 2;
      }
    
     .m-order-3 {
        order: 3;
      }
    
     .m-order-4 {
        order: 4;
      }
    
     .m-order-5 {
        order: 5;
      }
    
     .m-order-6 {
        order: 6;
      }
    
     .m-order-7 {
        order: 7;
      }
    
     .m-order-8 {
        order: 8;
      }
    
     .m-order-9 {
        order: 9;
      }
    
     .m-order-10 {
        order: 10;
      }
    
     .m-order-11 {
        order: 11;
      }
    
     .m-order-12 {
        order: 12;
      }
    
  }

  
    @media screen and (min-width: 1040px) and (max-width: 1439px)
  {
    .device-only-l {
      display: inline-block;
    }
    .device-only-flex-l {
      display: flex;
    }

    
     .l-order-1 {
        order: 1;
      }
    
     .l-order-2 {
        order: 2;
      }
    
     .l-order-3 {
        order: 3;
      }
    
     .l-order-4 {
        order: 4;
      }
    
     .l-order-5 {
        order: 5;
      }
    
     .l-order-6 {
        order: 6;
      }
    
     .l-order-7 {
        order: 7;
      }
    
     .l-order-8 {
        order: 8;
      }
    
     .l-order-9 {
        order: 9;
      }
    
     .l-order-10 {
        order: 10;
      }
    
     .l-order-11 {
        order: 11;
      }
    
     .l-order-12 {
        order: 12;
      }
    
  }

  
    @media screen and (min-width: 1440px) and (max-width: 1440px)
  {
    .device-only-xl {
      display: inline-block;
    }
    .device-only-flex-xl {
      display: flex;
    }

    
     .xl-order-1 {
        order: 1;
      }
    
     .xl-order-2 {
        order: 2;
      }
    
     .xl-order-3 {
        order: 3;
      }
    
     .xl-order-4 {
        order: 4;
      }
    
     .xl-order-5 {
        order: 5;
      }
    
     .xl-order-6 {
        order: 6;
      }
    
     .xl-order-7 {
        order: 7;
      }
    
     .xl-order-8 {
        order: 8;
      }
    
     .xl-order-9 {
        order: 9;
      }
    
     .xl-order-10 {
        order: 10;
      }
    
     .xl-order-11 {
        order: 11;
      }
    
     .xl-order-12 {
        order: 12;
      }
    
  }


@media screen and (min-width: 1040px) {
  .device-only-l-up {
    display: inline-block;
  }
  .device-only-flex-l-up {
    display: flex;
  }
}


  
    
      @media screen and (min-width: 280px)
    {
      
      
        .row-fluid .col-xs-1.col-xs-1 {
          width: calc(16.666666666666668% - 4.266666666666667vw); 
          margin-right: 2.1333333333333333vw;
          margin-left: 2.1333333333333333vw;
          flex-shrink: 0;
        }
      
        .row-fluid .col-xs-2.col-xs-2 {
          width: calc(33.333333333333336% - 4.266666666666667vw); 
          margin-right: 2.1333333333333333vw;
          margin-left: 2.1333333333333333vw;
          flex-shrink: 0;
        }
      
        .row-fluid .col-xs-3.col-xs-3 {
          width: calc(50.0% - 4.266666666666667vw); 
          margin-right: 2.1333333333333333vw;
          margin-left: 2.1333333333333333vw;
          flex-shrink: 0;
        }
      
        .row-fluid .col-xs-4.col-xs-4 {
          width: calc(66.66666666666667% - 4.266666666666667vw); 
          margin-right: 2.1333333333333333vw;
          margin-left: 2.1333333333333333vw;
          flex-shrink: 0;
        }
      
        .row-fluid .col-xs-5.col-xs-5 {
          width: calc(83.33333333333333% - 4.266666666666667vw); 
          margin-right: 2.1333333333333333vw;
          margin-left: 2.1333333333333333vw;
          flex-shrink: 0;
        }
      
        .row-fluid .col-xs-6.col-xs-6 {
          width: calc(100.0% - 4.266666666666667vw); 
          margin-right: 2.1333333333333333vw;
          margin-left: 2.1333333333333333vw;
          flex-shrink: 0;
        }
      

      
        .row-fluid [class*='span'] {
          width: calc(100% - 4.266666666666667vw); 
          margin-right: 2.1333333333333333vw;
          margin-left: 2.1333333333333333vw;
          flex-shrink: 0;
        }

        .dnd-column[class*="span"]:not(:last-of-type) {
          /* margin-bottom:12.8vw; */
        }
      

      .content-wrapper {
        width: 100%;
        max-width: 91.46666666666667vw;
      }


      @media screen and (min-width: 768px) {
        .dnd-section,
        .content-wrapper--vertical-spacing {
          padding: 12.8vw  4.266666666666667vw;
        } 
      }

      .dnd-section--horizontal {
        padding: 0 4.266666666666667vw;
      }
      
      /* .dnd-section > .row-fluid {
        max-width: 91.46666666666667vw;
      } */

      .row-fluid.row-fluid {
        width: auto;
        margin-right: -2.1333333333333333vw;
        margin-left: -2.1333333333333333vw;
        max-width: 100%;
      }
      
      .row-fluid.row-fluid.no-margin {
        margin-left: 0;
        margin-right: 0;
      }

      
    .align-xs-start {
      align-items: flex-start;
    }
    .align-xs-end {
      align-items: flex-end;
    }
    .align-xs-center {
      align-items: center;
    }
    .align-xs-stretch {
      align-items: stretch;
    }

    .justify-xs-start {
      justify-content: flex-start;
    }
    .justify-xs-end {
      justify-content: flex-end;
    }
    .justify-xs-center {
      justify-content: center;
    }
    .justify-xs-stretch {
      justify-content: stretch;
    }
    .justify-xs-space-between {
      justify-content: space-between;
    }
    .justify-xs-space-around {
      justify-content: space-around;
}

    }
    
  

  
    
      @media screen and (min-width: 490px)
    {
      
      
        .row-fluid .col-s-1.col-s-1 {
          width: calc(16.666666666666668% - 1.9184652278177459vw); 
          margin-right: 0.9592326139088729vw;
          margin-left: 0.9592326139088729vw;
          flex-shrink: 0;
        }
      
        .row-fluid .col-s-2.col-s-2 {
          width: calc(33.333333333333336% - 1.9184652278177459vw); 
          margin-right: 0.9592326139088729vw;
          margin-left: 0.9592326139088729vw;
          flex-shrink: 0;
        }
      
        .row-fluid .col-s-3.col-s-3 {
          width: calc(50.0% - 1.9184652278177459vw); 
          margin-right: 0.9592326139088729vw;
          margin-left: 0.9592326139088729vw;
          flex-shrink: 0;
        }
      
        .row-fluid .col-s-4.col-s-4 {
          width: calc(66.66666666666667% - 1.9184652278177459vw); 
          margin-right: 0.9592326139088729vw;
          margin-left: 0.9592326139088729vw;
          flex-shrink: 0;
        }
      
        .row-fluid .col-s-5.col-s-5 {
          width: calc(83.33333333333333% - 1.9184652278177459vw); 
          margin-right: 0.9592326139088729vw;
          margin-left: 0.9592326139088729vw;
          flex-shrink: 0;
        }
      
        .row-fluid .col-s-6.col-s-6 {
          width: calc(100.0% - 1.9184652278177459vw); 
          margin-right: 0.9592326139088729vw;
          margin-left: 0.9592326139088729vw;
          flex-shrink: 0;
        }
      

      
        .row-fluid [class*='span'] {
          width: calc(100% - 1.9184652278177459vw); 
          margin-right: 0.9592326139088729vw;
          margin-left: 0.9592326139088729vw;
          flex-shrink: 0;
        }

        .dnd-column[class*="span"]:not(:last-of-type) {
          /* margin-bottom:5.755395683453237vw; */
        }
      

      .content-wrapper {
        width: 100%;
        max-width: 92.32613908872902vw;
      }


      @media screen and (min-width: 768px) {
        .dnd-section,
        .content-wrapper--vertical-spacing {
          padding: 5.755395683453237vw  5.755395683453237vw;
        } 
      }

      .dnd-section--horizontal {
        padding: 0 5.755395683453237vw;
      }
      
      /* .dnd-section > .row-fluid {
        max-width: 92.32613908872902vw;
      } */

      .row-fluid.row-fluid {
        width: auto;
        margin-right: -0.9592326139088729vw;
        margin-left: -0.9592326139088729vw;
        max-width: 100%;
      }
      
      .row-fluid.row-fluid.no-margin {
        margin-left: 0;
        margin-right: 0;
      }

      
    .align-s-start {
      align-items: flex-start;
    }
    .align-s-end {
      align-items: flex-end;
    }
    .align-s-center {
      align-items: center;
    }
    .align-s-stretch {
      align-items: stretch;
    }

    .justify-s-start {
      justify-content: flex-start;
    }
    .justify-s-end {
      justify-content: flex-end;
    }
    .justify-s-center {
      justify-content: center;
    }
    .justify-s-stretch {
      justify-content: stretch;
    }
    .justify-s-space-between {
      justify-content: space-between;
    }
    .justify-s-space-around {
      justify-content: space-around;
}

    }
    
  

  
    
      @media screen and (min-width: 768px)
    {
      
      
        .row-fluid .col-m-1.col-m-1 {
          width: calc(8.333333333333334% - 2.0100502512562812vw); 
          margin-right: 1.0050251256281406vw;
          margin-left: 1.0050251256281406vw;
          flex-shrink: 0;
        }
      
        .row-fluid .col-m-2.col-m-2 {
          width: calc(16.666666666666668% - 2.0100502512562812vw); 
          margin-right: 1.0050251256281406vw;
          margin-left: 1.0050251256281406vw;
          flex-shrink: 0;
        }
      
        .row-fluid .col-m-3.col-m-3 {
          width: calc(25.0% - 2.0100502512562812vw); 
          margin-right: 1.0050251256281406vw;
          margin-left: 1.0050251256281406vw;
          flex-shrink: 0;
        }
      
        .row-fluid .col-m-4.col-m-4 {
          width: calc(33.333333333333336% - 2.0100502512562812vw); 
          margin-right: 1.0050251256281406vw;
          margin-left: 1.0050251256281406vw;
          flex-shrink: 0;
        }
      
        .row-fluid .col-m-5.col-m-5 {
          width: calc(41.666666666666664% - 2.0100502512562812vw); 
          margin-right: 1.0050251256281406vw;
          margin-left: 1.0050251256281406vw;
          flex-shrink: 0;
        }
      
        .row-fluid .col-m-6.col-m-6 {
          width: calc(50.0% - 2.0100502512562812vw); 
          margin-right: 1.0050251256281406vw;
          margin-left: 1.0050251256281406vw;
          flex-shrink: 0;
        }
      
        .row-fluid .col-m-7.col-m-7 {
          width: calc(58.333333333333336% - 2.0100502512562812vw); 
          margin-right: 1.0050251256281406vw;
          margin-left: 1.0050251256281406vw;
          flex-shrink: 0;
        }
      
        .row-fluid .col-m-8.col-m-8 {
          width: calc(66.66666666666667% - 2.0100502512562812vw); 
          margin-right: 1.0050251256281406vw;
          margin-left: 1.0050251256281406vw;
          flex-shrink: 0;
        }
      
        .row-fluid .col-m-9.col-m-9 {
          width: calc(75.0% - 2.0100502512562812vw); 
          margin-right: 1.0050251256281406vw;
          margin-left: 1.0050251256281406vw;
          flex-shrink: 0;
        }
      
        .row-fluid .col-m-10.col-m-10 {
          width: calc(83.33333333333333% - 2.0100502512562812vw); 
          margin-right: 1.0050251256281406vw;
          margin-left: 1.0050251256281406vw;
          flex-shrink: 0;
        }
      
        .row-fluid .col-m-11.col-m-11 {
          width: calc(91.66666666666667% - 2.0100502512562812vw); 
          margin-right: 1.0050251256281406vw;
          margin-left: 1.0050251256281406vw;
          flex-shrink: 0;
        }
      
        .row-fluid .col-m-12.col-m-12 {
          width: calc(100.0% - 2.0100502512562812vw); 
          margin-right: 1.0050251256281406vw;
          margin-left: 1.0050251256281406vw;
          flex-shrink: 0;
        }
      

      
        
          .row-fluid .span1.span1 {
            width: calc(8.333333333333334% - 2.0100502512562812vw); 
            margin-right: 1.0050251256281406vw;
            margin-left: 1.0050251256281406vw;
            flex-shrink: 0;
          }
        
          .row-fluid .span2.span2 {
            width: calc(16.666666666666668% - 2.0100502512562812vw); 
            margin-right: 1.0050251256281406vw;
            margin-left: 1.0050251256281406vw;
            flex-shrink: 0;
          }
        
          .row-fluid .span3.span3 {
            width: calc(25.0% - 2.0100502512562812vw); 
            margin-right: 1.0050251256281406vw;
            margin-left: 1.0050251256281406vw;
            flex-shrink: 0;
          }
        
          .row-fluid .span4.span4 {
            width: calc(33.333333333333336% - 2.0100502512562812vw); 
            margin-right: 1.0050251256281406vw;
            margin-left: 1.0050251256281406vw;
            flex-shrink: 0;
          }
        
          .row-fluid .span5.span5 {
            width: calc(41.666666666666664% - 2.0100502512562812vw); 
            margin-right: 1.0050251256281406vw;
            margin-left: 1.0050251256281406vw;
            flex-shrink: 0;
          }
        
          .row-fluid .span6.span6 {
            width: calc(50.0% - 2.0100502512562812vw); 
            margin-right: 1.0050251256281406vw;
            margin-left: 1.0050251256281406vw;
            flex-shrink: 0;
          }
        
          .row-fluid .span7.span7 {
            width: calc(58.333333333333336% - 2.0100502512562812vw); 
            margin-right: 1.0050251256281406vw;
            margin-left: 1.0050251256281406vw;
            flex-shrink: 0;
          }
        
          .row-fluid .span8.span8 {
            width: calc(66.66666666666667% - 2.0100502512562812vw); 
            margin-right: 1.0050251256281406vw;
            margin-left: 1.0050251256281406vw;
            flex-shrink: 0;
          }
        
          .row-fluid .span9.span9 {
            width: calc(75.0% - 2.0100502512562812vw); 
            margin-right: 1.0050251256281406vw;
            margin-left: 1.0050251256281406vw;
            flex-shrink: 0;
          }
        
          .row-fluid .span10.span10 {
            width: calc(83.33333333333333% - 2.0100502512562812vw); 
            margin-right: 1.0050251256281406vw;
            margin-left: 1.0050251256281406vw;
            flex-shrink: 0;
          }
        
          .row-fluid .span11.span11 {
            width: calc(91.66666666666667% - 2.0100502512562812vw); 
            margin-right: 1.0050251256281406vw;
            margin-left: 1.0050251256281406vw;
            flex-shrink: 0;
          }
        
          .row-fluid .span12.span12 {
            width: calc(100.0% - 2.0100502512562812vw); 
            margin-right: 1.0050251256281406vw;
            margin-left: 1.0050251256281406vw;
            flex-shrink: 0;
          }
        
      

      .content-wrapper {
        width: 100%;
        max-width: 93.1323283082077vw;
      }


      @media screen and (min-width: 768px) {
        .dnd-section,
        .content-wrapper--vertical-spacing {
          padding: 5.360134003350084vw  3.3500837520938025vw;
        } 
      }

      .dnd-section--horizontal {
        padding: 0 3.3500837520938025vw;
      }
      
      /* .dnd-section > .row-fluid {
        max-width: 93.1323283082077vw;
      } */

      .row-fluid.row-fluid {
        width: auto;
        margin-right: -1.0050251256281406vw;
        margin-left: -1.0050251256281406vw;
        max-width: 100%;
      }
      
      .row-fluid.row-fluid.no-margin {
        margin-left: 0;
        margin-right: 0;
      }

      
    .align-m-start {
      align-items: flex-start;
    }
    .align-m-end {
      align-items: flex-end;
    }
    .align-m-center {
      align-items: center;
    }
    .align-m-stretch {
      align-items: stretch;
    }

    .justify-m-start {
      justify-content: flex-start;
    }
    .justify-m-end {
      justify-content: flex-end;
    }
    .justify-m-center {
      justify-content: center;
    }
    .justify-m-stretch {
      justify-content: stretch;
    }
    .justify-m-space-between {
      justify-content: space-between;
    }
    .justify-m-space-around {
      justify-content: space-around;
}

    }
    
  

  
    
      @media screen and (min-width: 1040px)
    {
      
      
        .row-fluid .col-l-1.col-l-1 {
          width: calc(8.333333333333334% - 1.6666666666666667vw); 
          margin-right: 0.8333333333333334vw;
          margin-left: 0.8333333333333334vw;
          flex-shrink: 0;
        }
      
        .row-fluid .col-l-2.col-l-2 {
          width: calc(16.666666666666668% - 1.6666666666666667vw); 
          margin-right: 0.8333333333333334vw;
          margin-left: 0.8333333333333334vw;
          flex-shrink: 0;
        }
      
        .row-fluid .col-l-3.col-l-3 {
          width: calc(25.0% - 1.6666666666666667vw); 
          margin-right: 0.8333333333333334vw;
          margin-left: 0.8333333333333334vw;
          flex-shrink: 0;
        }
      
        .row-fluid .col-l-4.col-l-4 {
          width: calc(33.333333333333336% - 1.6666666666666667vw); 
          margin-right: 0.8333333333333334vw;
          margin-left: 0.8333333333333334vw;
          flex-shrink: 0;
        }
      
        .row-fluid .col-l-5.col-l-5 {
          width: calc(41.666666666666664% - 1.6666666666666667vw); 
          margin-right: 0.8333333333333334vw;
          margin-left: 0.8333333333333334vw;
          flex-shrink: 0;
        }
      
        .row-fluid .col-l-6.col-l-6 {
          width: calc(50.0% - 1.6666666666666667vw); 
          margin-right: 0.8333333333333334vw;
          margin-left: 0.8333333333333334vw;
          flex-shrink: 0;
        }
      
        .row-fluid .col-l-7.col-l-7 {
          width: calc(58.333333333333336% - 1.6666666666666667vw); 
          margin-right: 0.8333333333333334vw;
          margin-left: 0.8333333333333334vw;
          flex-shrink: 0;
        }
      
        .row-fluid .col-l-8.col-l-8 {
          width: calc(66.66666666666667% - 1.6666666666666667vw); 
          margin-right: 0.8333333333333334vw;
          margin-left: 0.8333333333333334vw;
          flex-shrink: 0;
        }
      
        .row-fluid .col-l-9.col-l-9 {
          width: calc(75.0% - 1.6666666666666667vw); 
          margin-right: 0.8333333333333334vw;
          margin-left: 0.8333333333333334vw;
          flex-shrink: 0;
        }
      
        .row-fluid .col-l-10.col-l-10 {
          width: calc(83.33333333333333% - 1.6666666666666667vw); 
          margin-right: 0.8333333333333334vw;
          margin-left: 0.8333333333333334vw;
          flex-shrink: 0;
        }
      
        .row-fluid .col-l-11.col-l-11 {
          width: calc(91.66666666666667% - 1.6666666666666667vw); 
          margin-right: 0.8333333333333334vw;
          margin-left: 0.8333333333333334vw;
          flex-shrink: 0;
        }
      
        .row-fluid .col-l-12.col-l-12 {
          width: calc(100.0% - 1.6666666666666667vw); 
          margin-right: 0.8333333333333334vw;
          margin-left: 0.8333333333333334vw;
          flex-shrink: 0;
        }
      

      
        
          .row-fluid .span1.span1 {
            width: calc(8.333333333333334% - 1.6666666666666667vw); 
            margin-right: 0.8333333333333334vw;
            margin-left: 0.8333333333333334vw;
            flex-shrink: 0;
          }
        
          .row-fluid .span2.span2 {
            width: calc(16.666666666666668% - 1.6666666666666667vw); 
            margin-right: 0.8333333333333334vw;
            margin-left: 0.8333333333333334vw;
            flex-shrink: 0;
          }
        
          .row-fluid .span3.span3 {
            width: calc(25.0% - 1.6666666666666667vw); 
            margin-right: 0.8333333333333334vw;
            margin-left: 0.8333333333333334vw;
            flex-shrink: 0;
          }
        
          .row-fluid .span4.span4 {
            width: calc(33.333333333333336% - 1.6666666666666667vw); 
            margin-right: 0.8333333333333334vw;
            margin-left: 0.8333333333333334vw;
            flex-shrink: 0;
          }
        
          .row-fluid .span5.span5 {
            width: calc(41.666666666666664% - 1.6666666666666667vw); 
            margin-right: 0.8333333333333334vw;
            margin-left: 0.8333333333333334vw;
            flex-shrink: 0;
          }
        
          .row-fluid .span6.span6 {
            width: calc(50.0% - 1.6666666666666667vw); 
            margin-right: 0.8333333333333334vw;
            margin-left: 0.8333333333333334vw;
            flex-shrink: 0;
          }
        
          .row-fluid .span7.span7 {
            width: calc(58.333333333333336% - 1.6666666666666667vw); 
            margin-right: 0.8333333333333334vw;
            margin-left: 0.8333333333333334vw;
            flex-shrink: 0;
          }
        
          .row-fluid .span8.span8 {
            width: calc(66.66666666666667% - 1.6666666666666667vw); 
            margin-right: 0.8333333333333334vw;
            margin-left: 0.8333333333333334vw;
            flex-shrink: 0;
          }
        
          .row-fluid .span9.span9 {
            width: calc(75.0% - 1.6666666666666667vw); 
            margin-right: 0.8333333333333334vw;
            margin-left: 0.8333333333333334vw;
            flex-shrink: 0;
          }
        
          .row-fluid .span10.span10 {
            width: calc(83.33333333333333% - 1.6666666666666667vw); 
            margin-right: 0.8333333333333334vw;
            margin-left: 0.8333333333333334vw;
            flex-shrink: 0;
          }
        
          .row-fluid .span11.span11 {
            width: calc(91.66666666666667% - 1.6666666666666667vw); 
            margin-right: 0.8333333333333334vw;
            margin-left: 0.8333333333333334vw;
            flex-shrink: 0;
          }
        
          .row-fluid .span12.span12 {
            width: calc(100.0% - 1.6666666666666667vw); 
            margin-right: 0.8333333333333334vw;
            margin-left: 0.8333333333333334vw;
            flex-shrink: 0;
          }
        
      

      .content-wrapper {
        width: 100%;
        max-width: 93.75vw;
      }


      @media screen and (min-width: 768px) {
        .dnd-section,
        .content-wrapper--vertical-spacing {
          padding: 3.9583333333333335vw  3.3333333333333335vw;
        } 
      }

      .dnd-section--horizontal {
        padding: 0 3.3333333333333335vw;
      }
      
      /* .dnd-section > .row-fluid {
        max-width: 93.75vw;
      } */

      .row-fluid.row-fluid {
        width: auto;
        margin-right: -0.8333333333333334vw;
        margin-left: -0.8333333333333334vw;
        max-width: 100%;
      }
      
      .row-fluid.row-fluid.no-margin {
        margin-left: 0;
        margin-right: 0;
      }

      
    .align-l-start {
      align-items: flex-start;
    }
    .align-l-end {
      align-items: flex-end;
    }
    .align-l-center {
      align-items: center;
    }
    .align-l-stretch {
      align-items: stretch;
    }

    .justify-l-start {
      justify-content: flex-start;
    }
    .justify-l-end {
      justify-content: flex-end;
    }
    .justify-l-center {
      justify-content: center;
    }
    .justify-l-stretch {
      justify-content: stretch;
    }
    .justify-l-space-between {
      justify-content: space-between;
    }
    .justify-l-space-around {
      justify-content: space-around;
}

    }
    
  

  
  /* means desktop */
    @media screen and (min-width: 1441px) {
      
        .row-fluid .col-xl-1.col-xl-1 {
          width: calc(8.333333333333334% - 32px); 
          margin-right: 16.0px;
          margin-left: 16.0px;
          flex-shrink: 0;
        }
      
        .row-fluid .col-xl-2.col-xl-2 {
          width: calc(16.666666666666668% - 32px); 
          margin-right: 16.0px;
          margin-left: 16.0px;
          flex-shrink: 0;
        }
      
        .row-fluid .col-xl-3.col-xl-3 {
          width: calc(25.0% - 32px); 
          margin-right: 16.0px;
          margin-left: 16.0px;
          flex-shrink: 0;
        }
      
        .row-fluid .col-xl-4.col-xl-4 {
          width: calc(33.333333333333336% - 32px); 
          margin-right: 16.0px;
          margin-left: 16.0px;
          flex-shrink: 0;
        }
      
        .row-fluid .col-xl-5.col-xl-5 {
          width: calc(41.666666666666664% - 32px); 
          margin-right: 16.0px;
          margin-left: 16.0px;
          flex-shrink: 0;
        }
      
        .row-fluid .col-xl-6.col-xl-6 {
          width: calc(50.0% - 32px); 
          margin-right: 16.0px;
          margin-left: 16.0px;
          flex-shrink: 0;
        }
      
        .row-fluid .col-xl-7.col-xl-7 {
          width: calc(58.333333333333336% - 32px); 
          margin-right: 16.0px;
          margin-left: 16.0px;
          flex-shrink: 0;
        }
      
        .row-fluid .col-xl-8.col-xl-8 {
          width: calc(66.66666666666667% - 32px); 
          margin-right: 16.0px;
          margin-left: 16.0px;
          flex-shrink: 0;
        }
      
        .row-fluid .col-xl-9.col-xl-9 {
          width: calc(75.0% - 32px); 
          margin-right: 16.0px;
          margin-left: 16.0px;
          flex-shrink: 0;
        }
      
        .row-fluid .col-xl-10.col-xl-10 {
          width: calc(83.33333333333333% - 32px); 
          margin-right: 16.0px;
          margin-left: 16.0px;
          flex-shrink: 0;
        }
      
        .row-fluid .col-xl-11.col-xl-11 {
          width: calc(91.66666666666667% - 32px); 
          margin-right: 16.0px;
          margin-left: 16.0px;
          flex-shrink: 0;
        }
      
        .row-fluid .col-xl-12.col-xl-12 {
          width: calc(100.0% - 32px); 
          margin-right: 16.0px;
          margin-left: 16.0px;
          flex-shrink: 0;
        }
      

      
        .row-fluid .span1.span1.widget-type-cell {
          width: calc(8.333333333333334% - 32px); 
          margin-right: 16.0px;
          margin-left: 16.0px;
          flex-shrink: 0;
        }
      
        .row-fluid .span2.span2.widget-type-cell {
          width: calc(16.666666666666668% - 32px); 
          margin-right: 16.0px;
          margin-left: 16.0px;
          flex-shrink: 0;
        }
      
        .row-fluid .span3.span3.widget-type-cell {
          width: calc(25.0% - 32px); 
          margin-right: 16.0px;
          margin-left: 16.0px;
          flex-shrink: 0;
        }
      
        .row-fluid .span4.span4.widget-type-cell {
          width: calc(33.333333333333336% - 32px); 
          margin-right: 16.0px;
          margin-left: 16.0px;
          flex-shrink: 0;
        }
      
        .row-fluid .span5.span5.widget-type-cell {
          width: calc(41.666666666666664% - 32px); 
          margin-right: 16.0px;
          margin-left: 16.0px;
          flex-shrink: 0;
        }
      
        .row-fluid .span6.span6.widget-type-cell {
          width: calc(50.0% - 32px); 
          margin-right: 16.0px;
          margin-left: 16.0px;
          flex-shrink: 0;
        }
      
        .row-fluid .span7.span7.widget-type-cell {
          width: calc(58.333333333333336% - 32px); 
          margin-right: 16.0px;
          margin-left: 16.0px;
          flex-shrink: 0;
        }
      
        .row-fluid .span8.span8.widget-type-cell {
          width: calc(66.66666666666667% - 32px); 
          margin-right: 16.0px;
          margin-left: 16.0px;
          flex-shrink: 0;
        }
      
        .row-fluid .span9.span9.widget-type-cell {
          width: calc(75.0% - 32px); 
          margin-right: 16.0px;
          margin-left: 16.0px;
          flex-shrink: 0;
        }
      
        .row-fluid .span10.span10.widget-type-cell {
          width: calc(83.33333333333333% - 32px); 
          margin-right: 16.0px;
          margin-left: 16.0px;
          flex-shrink: 0;
        }
      
        .row-fluid .span11.span11.widget-type-cell {
          width: calc(91.66666666666667% - 32px); 
          margin-right: 16.0px;
          margin-left: 16.0px;
          flex-shrink: 0;
        }
      
        .row-fluid .span12.span12.widget-type-cell {
          width: calc(100.0% - 32px); 
          margin-right: 16.0px;
          margin-left: 16.0px;
          flex-shrink: 0;
        }
      
      /* 
        .row-fluid .span1.span1:not(.widget-type-cell) {
          width: 8.333333333333334%; 
          margin-right: 16.0px;
          margin-left: 16.0px;
          flex-shrink: 0;
        }
      
        .row-fluid .span2.span2:not(.widget-type-cell) {
          width: 16.666666666666668%; 
          margin-right: 16.0px;
          margin-left: 16.0px;
          flex-shrink: 0;
        }
      
        .row-fluid .span3.span3:not(.widget-type-cell) {
          width: 25.0%; 
          margin-right: 16.0px;
          margin-left: 16.0px;
          flex-shrink: 0;
        }
      
        .row-fluid .span4.span4:not(.widget-type-cell) {
          width: 33.333333333333336%; 
          margin-right: 16.0px;
          margin-left: 16.0px;
          flex-shrink: 0;
        }
      
        .row-fluid .span5.span5:not(.widget-type-cell) {
          width: 41.666666666666664%; 
          margin-right: 16.0px;
          margin-left: 16.0px;
          flex-shrink: 0;
        }
      
        .row-fluid .span6.span6:not(.widget-type-cell) {
          width: 50.0%; 
          margin-right: 16.0px;
          margin-left: 16.0px;
          flex-shrink: 0;
        }
      
        .row-fluid .span7.span7:not(.widget-type-cell) {
          width: 58.333333333333336%; 
          margin-right: 16.0px;
          margin-left: 16.0px;
          flex-shrink: 0;
        }
      
        .row-fluid .span8.span8:not(.widget-type-cell) {
          width: 66.66666666666667%; 
          margin-right: 16.0px;
          margin-left: 16.0px;
          flex-shrink: 0;
        }
      
        .row-fluid .span9.span9:not(.widget-type-cell) {
          width: 75.0%; 
          margin-right: 16.0px;
          margin-left: 16.0px;
          flex-shrink: 0;
        }
      
        .row-fluid .span10.span10:not(.widget-type-cell) {
          width: 83.33333333333333%; 
          margin-right: 16.0px;
          margin-left: 16.0px;
          flex-shrink: 0;
        }
      
        .row-fluid .span11.span11:not(.widget-type-cell) {
          width: 91.66666666666667%; 
          margin-right: 16.0px;
          margin-left: 16.0px;
          flex-shrink: 0;
        }
      
        .row-fluid .span12.span12:not(.widget-type-cell) {
          width: 100.0%; 
          margin-right: 16.0px;
          margin-left: 16.0px;
          flex-shrink: 0;
        }
       */

      .content-wrapper {
        width: 100%;
        max-width: 1472px;
      }
      
      .dnd-section,
      .content-wrapper--vertical-spacing {
        padding: 96px 80px;
      }
      
      /* .dnd-section > .row-fluid {
        max-width: 1472px;
      } */

      .row-fluid.row-fluid {
        width: auto;
        max-width: calc(100% + 32px);
        margin-left: -16.0px;
        margin-right: -16.0px;
      }

      
    .align-xl-start {
      align-items: flex-start;
    }
    .align-xl-end {
      align-items: flex-end;
    }
    .align-xl-center {
      align-items: center;
    }
    .align-xl-stretch {
      align-items: stretch;
    }

    .justify-xl-start {
      justify-content: flex-start;
    }
    .justify-xl-end {
      justify-content: flex-end;
    }
    .justify-xl-center {
      justify-content: center;
    }
    .justify-xl-stretch {
      justify-content: stretch;
    }
    .justify-xl-space-between {
      justify-content: space-between;
    }
    .justify-xl-space-around {
      justify-content: space-around;
}

    }
  


/* workaround for additional margins */

.body-container>.row-fluid-wrapper>.row-fluid.row-fluid>.span12.widget-span.widget-span {
  margin: 0;
  width: 100%;
}

.body-container, .body-container-wrapper {
  overflow: hidden;
}

.body-container > .row-fluid-wrapper > .row-fluid.row-fluid {
  margin: 0;
  width: 100%;
}
/* Breadcrumbs */

.breadcrumbs__wrapper {
  padding: 0;
}

.breadcrumbs ul {
  padding: 0;
}

.breadcrumbs li {
  display: inline-block;
  position: relative;
}

.breadcrumbs li a {
  font-weight: 500;
}

#hs_cos_wrapper_breadcrumbs .breadcrumbs {
  max-width: 1472px;
  margin: 0 auto;
  padding-top: 30px;
  padding-bottom: 30px;
}

@media screen and (min-width: 1440px) {
  #hs_cos_wrapper_breadcrumbs .breadcrumbs {
    padding: 30px 80px 50px;
  }
}

#hs_cos_wrapper_breadcrumbs .breadcrumbs ul {
  padding: 0;
}



  
    
      @media screen and (min-width: 280px)
     {
      /* .breadcrumbs {  
        padding-top: 8.8vw;
        padding-bottom: 14.933333333333334vw;
      } */

      .breadcrumbs li {
        padding-left: 4.533333333333333vw;
        padding-right: 6.133333333333334vw;
      }

      .breadcrumbs li::after {
        height: 3.2vw;
        width: 1.6vw;
      }
    }
    
  

  
    
      @media screen and (min-width: 490px)
     {
      /* .breadcrumbs {  
        padding-top: 3.9568345323741005vw;
        padding-bottom: 6.71462829736211vw;
      } */

      .breadcrumbs li {
        padding-left: 2.038369304556355vw;
        padding-right: 2.7577937649880098vw;
      }

      .breadcrumbs li::after {
        height: 1.4388489208633093vw;
        width: 0.7194244604316546vw;
      }
    }
    
  

  
    
      @media screen and (min-width: 768px)
     {
      /* .breadcrumbs {  
        padding-top: 2.763819095477387vw;
        padding-bottom: 4.690117252931323vw;
      } */

      .breadcrumbs li {
        padding-left: 1.423785594639866vw;
        padding-right: 1.9262981574539364vw;
      }

      .breadcrumbs li::after {
        height: 1.0050251256281406vw;
        width: 0.5025125628140703vw;
      }
    }
    
  

  
    
      @media screen and (min-width: 1040px)
     {
      /* .breadcrumbs {  
        padding-top: 1.71875vw;
        padding-bottom: 2.9166666666666665vw;
      } */

      .breadcrumbs li {
        padding-left: 0.8854166666666666vw;
        padding-right: 1.1979166666666667vw;
      }

      .breadcrumbs li::after {
        height: 0.625vw;
        width: 0.3125vw;
      }
    }
    
  

  
  /* means desktop */
    @media screen and (min-width: 1441px) {
      .breadcrumbs {  
        padding-top: 33px;
        padding-bottom: 56px;
      }

      .breadcrumbs li {
        padding-left: 17px;
        padding-right: 23px;
      }
      
      .breadcrumbs li::after {
        height: 12px;
        width: 6px;
      }
    }
  


.breadcrumbs li:first-of-type {
  padding-left: 0;
}

.breadcrumbs li::after {
  content: "";
  display: block;
  position:absolute;
  left: auto;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background-repeat: no-repeat;
  background-image: url("//26147981.fs1.hubspotusercontent-eu1.net/hubfs/26147981/raw_assets/public/na-ratunek/images/icons/chevron-right-pink.svg");
  background-size: 100%;
  background-position: center;
}

.breadcrumbs li:first-of-type {
  padding-left: 0;
}

.breadcrumbs li:last-of-type {
  padding-right: 0;
}

.breadcrumbs li:last-of-type:after {
  content: none;
  display: none;
}
/* End Breadcrumbs */






body {
  font-family: Poppins, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #444444;
}

/* Paragraphs */

p {
  font-family: Poppins, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
}

/* Anchors & buttons */

a, .link, button, .button {
  font-weight: 600; text-decoration: none; font-family: Poppins, sans-serif; font-style: normal;
  color: #002C58;
}

a:hover, .link:hover, button:hover ,.button:hover
a:focus, .link:focus, button:focus ,.button:focus {
  font-weight: 600; text-decoration: none; font-family: Poppins, sans-serif; font-style: normal;
  color: #000430;
}

a:active, .link:active, button:active ,.button:active {
  font-weight: 600; text-decoration: none; font-family: Poppins, sans-serif; font-style: normal;
  color: #285480;
}

/* Headings */

h1,
.h1 {
  font-weight: 600; text-decoration: none; font-family: Poppins, sans-serif; font-style: normal;
  color: #002C58;
  text-transform: none;
}

h2,
.h2 {
  font-weight: 600; text-decoration: none; font-family: Poppins, sans-serif; font-style: normal;
  color: #002C58;
  text-transform: none;
}

h3,
.h3 {
  font-weight: 600; text-decoration: none; font-family: Poppins, sans-serif; font-style: normal;
  color: #002C58;
  text-transform: none;
}

h4,
.h4 {
  font-weight: 600; text-decoration: none; font-family: Poppins, sans-serif; font-style: normal;
  color: #002C58;
  text-transform: none;
}


h5,
.h5 {
  font-weight: normal; text-decoration: none; font-family: Poppins, sans-serif; font-style: normal;
  color: #000000;
  font-size: 16px;
  text-transform: none;
}

h6,
.h6 {
  font-weight: normal; text-decoration: none; font-family: Poppins, sans-serif; font-style: normal;
  color: #444444;
  font-size: 14px;
  text-transform: none;
}

.label, .label--small, label.small {
  letter-spacing: 2px;
}

.color-pink.color-pink {
  color: #E60064;
}

/* Font sizes */

  
    
      @media screen and (min-width: 280px)
    {
      h1, .h1 {
        margin-top: 0;
        font-size: 8.533333333333333vw;
        line-height: 10.666666666666666vw;
        font-weight: 600;
        margin-bottom: 4.266666666666667vw;
      } 

      form .radio-label, .button.add-vertical-margin, .two-image-container, .single-image-container {
        margin-bottom: 4.266666666666667vw;
      }

      h2, .h2 {
        margin-top: 0;
        font-size: 7.466666666666667vw;
        line-height: 9.6vw;
        font-weight: 600;
        margin-bottom: 4.266666666666667vw;
      }

      h3, .h3 {
        margin-top: 0;
        font-size: 5.866666666666666vw;
        line-height: 8.0vw;
        font-weight: 600;
        margin-bottom: 2.1333333333333333vw;
      }

      h4, .h4 {
        margin-top: 0;
        font-size: 4.8vw;
        line-height: 6.933333333333334vw;
        font-weight: 600;
        margin-bottom: 2.1333333333333333vw;
      }

      
        .quote {
          margin-top: 0;
          font-size: 4.272vw;
          line-height: 6.1706666666666665vw;
          margin-bottom: 1.8986666666666667vw;
          padding-top: 14.714666666666666vw;
          padding-left: 0.0vw;
          padding-bottom: 5.696vw;
          padding-right: 0.0vw;
        }
        .quote .author {
          padding-top: 1.8986666666666667vw;
        }
        .quote::after {
          content: '';
          height: 9.018666666666666vw;
          width: 11.629333333333333vw;
          top: 5.696vw;
          left: 0;
        }
      
      
      .lead, .lead-text, .text--lead {
        margin-top: 0;
        font-size: 4.266666666666667vw;
        line-height: 6.4vw;
        font-weight: 400;
        margin-bottom: 2.1333333333333333vw;
      }

      body, html, .text--body, p {      
        font-size: 3.7333333333333334vw;
        line-height: 5.866666666666666vw;
        font-weight: 400;
      }

      .text--body, p, .two-image-container img, .large-image-container img, .default-bottom-spacing  {
        margin-top: 0;
        margin-bottom: 2.1333333333333333vw;
      }

      .label, form label, label span {
        margin-top: 0;
        font-size: 3.7333333333333334vw;
        line-height: 5.866666666666666vw;
        font-weight: 600;
      }

      .label--small, label.small {
        font-size: 3.2vw;
        line-height: 4.8vw;
        font-weight: 400;
      }

      .caption, caption {
        font-size: 3.2vw;
        line-height: 4.266666666666667vw;
        font-weight: 400;
        margin-bottom: 2.1333333333333333vw;
      }

      a:not(.button), .link, {
        margin-top: 0;
        font-size: 3.7333333333333334vw;
        line-height: 5.866666666666666vw;
        font-weight: 600;
        margin-bottom: 2.1333333333333333vw;
      }

      a.large-margin:not(.button), .link.large-margin, .caption.large-margin, caption.large-margin, .text--body.large-margin, p.large-margin {
        margin-bottom: 2.1333333333333333vw;
      }

      .double-margin {
        margin-bottom: 4.266666666666667vw;
      }

    }
  

  
    
      @media screen and (min-width: 490px)
    {
      h1, .h1 {
        margin-top: 0;
        font-size: 3.8369304556354917vw;
        line-height: 4.796163069544365vw;
        font-weight: 600;
        margin-bottom: 1.9184652278177459vw;
      } 

      form .radio-label, .button.add-vertical-margin, .two-image-container, .single-image-container {
        margin-bottom: 1.9184652278177459vw;
      }

      h2, .h2 {
        margin-top: 0;
        font-size: 3.357314148681055vw;
        line-height: 4.316546762589928vw;
        font-weight: 600;
        margin-bottom: 1.9184652278177459vw;
      }

      h3, .h3 {
        margin-top: 0;
        font-size: 2.6378896882494005vw;
        line-height: 3.597122302158273vw;
        font-weight: 600;
        margin-bottom: 0.9592326139088729vw;
      }

      h4, .h4 {
        margin-top: 0;
        font-size: 2.158273381294964vw;
        line-height: 3.117505995203837vw;
        font-weight: 600;
        margin-bottom: 0.9592326139088729vw;
      }

      
        .quote {
          margin-top: 0;
          font-size: 1.920863309352518vw;
          line-height: 2.774580335731415vw;
          margin-bottom: 0.8537170263788969vw;
          padding-top: 5.976019184652278vw;
          padding-left: 13.766187050359711vw;
          padding-bottom: 5.976019184652278vw;
          padding-right: 3.4148681055155876vw;
        }
        .quote .author {
          padding-top: 1.7074340527577938vw;
        }
        .quote::after {
          content: '';
          height: 5.442446043165468vw;
          width: 6.936450839328537vw;
          top: 5.976019184652278vw;
          left: 3.4148681055155876vw;
        }
      
      
      .lead, .lead-text, .text--lead {
        margin-top: 0;
        font-size: 1.9184652278177459vw;
        line-height: 2.8776978417266186vw;
        font-weight: 400;
        margin-bottom: 0.9592326139088729vw;
      }

      body, html, .text--body, p {      
        font-size: 1.6786570743405276vw;
        line-height: 2.6378896882494005vw;
        font-weight: 400;
      }

      .text--body, p, .two-image-container img, .large-image-container img, .default-bottom-spacing  {
        margin-top: 0;
        margin-bottom: 0.9592326139088729vw;
      }

      .label, form label, label span {
        margin-top: 0;
        font-size: 1.6786570743405276vw;
        line-height: 2.6378896882494005vw;
        font-weight: 600;
      }

      .label--small, label.small {
        font-size: 1.4388489208633093vw;
        line-height: 2.158273381294964vw;
        font-weight: 400;
      }

      .caption, caption {
        font-size: 1.4388489208633093vw;
        line-height: 1.9184652278177459vw;
        font-weight: 400;
        margin-bottom: 0.9592326139088729vw;
      }

      a:not(.button), .link, {
        margin-top: 0;
        font-size: 1.6786570743405276vw;
        line-height: 2.6378896882494005vw;
        font-weight: 600;
        margin-bottom: 0.9592326139088729vw;
      }

      a.large-margin:not(.button), .link.large-margin, .caption.large-margin, caption.large-margin, .text--body.large-margin, p.large-margin {
        margin-bottom: 0.9592326139088729vw;
      }

      .double-margin {
        margin-bottom: 1.9184652278177459vw;
      }

    }
  

  
    
      @media screen and (min-width: 768px)
    {
      h1, .h1 {
        margin-top: 0;
        font-size: 2.680067001675042vw;
        line-height: 3.3500837520938025vw;
        font-weight: 600;
        margin-bottom: 2.0100502512562812vw;
      } 

      form .radio-label, .button.add-vertical-margin, .two-image-container, .single-image-container {
        margin-bottom: 2.0100502512562812vw;
      }

      h2, .h2 {
        margin-top: 0;
        font-size: 2.3450586264656614vw;
        line-height: 3.0150753768844223vw;
        font-weight: 600;
        margin-bottom: 1.340033500837521vw;
      }

      h3, .h3 {
        margin-top: 0;
        font-size: 1.8425460636515913vw;
        line-height: 2.512562814070352vw;
        font-weight: 600;
        margin-bottom: 1.340033500837521vw;
      }

      h4, .h4 {
        margin-top: 0;
        font-size: 1.5075376884422111vw;
        line-height: 2.1775544388609713vw;
        font-weight: 600;
        margin-bottom: 0.6700167504187605vw;
      }

      
        .quote {
          margin-top: 0;
          font-size: 1.5075376884422111vw;
          line-height: 2.1775544388609713vw;
          margin-bottom: 0.6700167504187605vw;
          padding-top: 4.690117252931323vw;
          padding-left: 10.804020100502512vw;
          padding-bottom: 4.690117252931323vw;
          padding-right: 2.680067001675042vw;
        }
        .quote .author {
          padding-top: 1.340033500837521vw;
        }
        .quote::after {
          height: 4.271356783919598vw;
          width: 5.443886097152429vw;
          top: 4.690117252931323vw;
          left: 2.680067001675042vw;
        }
        
      
      
      .lead, .lead-text, .text--lead {
        margin-top: 0;
        font-size: 1.340033500837521vw;
        line-height: 2.0100502512562812vw;
        font-weight: 400;
        margin-bottom: 0.6700167504187605vw;
      }

      body, html, .text--body, p {      
        font-size: 1.1725293132328307vw;
        line-height: 1.8425460636515913vw;
        font-weight: 400;
      }

      .text--body, p, .two-image-container img, .large-image-container img, .default-bottom-spacing  {
        margin-top: 0;
        margin-bottom: 0.6700167504187605vw;
      }

      .label, form label, label span {
        margin-top: 0;
        font-size: 1.1725293132328307vw;
        line-height: 1.8425460636515913vw;
        font-weight: 600;
      }

      .label--small, label.small {
        font-size: 1.0050251256281406vw;
        line-height: 1.5075376884422111vw;
        font-weight: 400;
      }

      .caption, caption {
        font-size: 1.0050251256281406vw;
        line-height: 1.340033500837521vw;
        font-weight: 400;
        margin-bottom: 0.6700167504187605vw;
      }

      a:not(.button), .link, {
        margin-top: 0;
        font-size: 1.1725293132328307vw;
        line-height: 1.8425460636515913vw;
        font-weight: 600;
        margin-bottom: 0.6700167504187605vw;
      }

      a.large-margin:not(.button), .link.large-margin, .caption.large-margin, caption.large-margin, .text--body.large-margin, p.large-margin {
        margin-bottom: 1.340033500837521vw;
      }

      .double-margin {
        margin-bottom: 2.680067001675042vw;
      }

    }
  

  
    
      @media screen and (min-width: 1040px)
    {
      h1, .h1 {
        margin-top: 0;
        font-size: 3.3333333333333335vw;
        line-height: 3.75vw;
        font-weight: 600;
        margin-bottom: 1.25vw;
      } 

      form .radio-label, .button.add-vertical-margin, .two-image-container, .single-image-container {
        margin-bottom: 1.25vw;
      }

      h2, .h2 {
        margin-top: 0;
        font-size: 2.5vw;
        line-height: 3.3333333333333335vw;
        font-weight: 600;
        margin-bottom: 0.8333333333333334vw;
      }

      h3, .h3 {
        margin-top: 0;
        font-size: 1.6666666666666667vw;
        line-height: 2.5vw;
        font-weight: 600;
        margin-bottom: 0.8333333333333334vw;
      }

      h4, .h4 {
        margin-top: 0;
        font-size: 1.25vw;
        line-height: 1.6666666666666667vw;
        font-weight: 600;
        margin-bottom: 0.4166666666666667vw;
      }

      
        .quote {
          margin-top: 0;
          font-size: 1.25vw;
          line-height: 1.6666666666666667vw;
          margin-bottom: 0.4166666666666667vw;
          padding-top: 2.9166666666666665vw;
          padding-left: 6.71875vw;
          padding-bottom: 2.9166666666666665vw;
          padding-right: 1.6666666666666667vw;
        }
        .quote .author {
          padding-top: 0.8333333333333334vw;
        }
        .quote::after {
          height: 2.65625vw;
          width: 3.3854166666666665vw;
          top: 2.9166666666666665vw;
          left: 1.6666666666666667vw;
        }
        
      
      
      .lead, .lead-text, .text--lead {
        margin-top: 0;
        font-size: 1.0416666666666667vw;
        line-height: 1.5625vw;
        font-weight: 400;
        margin-bottom: 0.4166666666666667vw;
      }

      body, html, .text--body, p {      
        font-size: 0.8333333333333334vw;
        line-height: 1.25vw;
        font-weight: 400;
      }

      .text--body, p, .two-image-container img, .large-image-container img, .default-bottom-spacing  {
        margin-top: 0;
        margin-bottom: 0.4166666666666667vw;
      }

      .label, form label, label span {
        margin-top: 0;
        font-size: 0.8333333333333334vw;
        line-height: 1.25vw;
        font-weight: 600;
      }

      .label--small, label.small {
        font-size: 0.625vw;
        line-height: 0.9375vw;
        font-weight: 400;
      }

      .caption, caption {
        font-size: 0.625vw;
        line-height: 0.8333333333333334vw;
        font-weight: 400;
        margin-bottom: 0.4166666666666667vw;
      }

      a:not(.button), .link, {
        margin-top: 0;
        font-size: 0.8333333333333334vw;
        line-height: 1.25vw;
        font-weight: 600;
        margin-bottom: 0.4166666666666667vw;
      }

      a.large-margin:not(.button), .link.large-margin, .caption.large-margin, caption.large-margin, .text--body.large-margin, p.large-margin {
        margin-bottom: 0.8333333333333334vw;
      }

      .double-margin {
        margin-bottom: 1.6666666666666667vw;
      }

    }
  

  
  /* means desktop */
    @media screen and (min-width: 1441px) {
      h1, .h1 {
        margin-top: 0;
        font-size: 64px;
        line-height: 72px;
        font-weight: 600;
        margin-bottom: 24px;
      }

      form .radio-label, .button.add-vertical-margin {
        margin-bottom: 24px;
      }

      h2, .h2 {
        margin-top: 0;
        font-size: 48px;
        line-height: 64px;
        font-weight: 600;
        margin-bottom: 16px;
      }

      h3, .h3 {
        margin-top: 0;
        font-size: 32px;
        line-height: 48px;
        font-weight: 600;
        margin-bottom: 16px;
      }

      h4, .h4 {
        margin-top: 0;
        font-size: 24px;
        line-height: 32px;
        font-weight: 600;
        margin-bottom: 8px;
      }

      .quote {
        margin-top: 0;
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 8px;
        padding-top: 56px;
        padding-left: 129px;
        padding-bottom: 56px;
        padding-right: 32px;
      }
      .quote .author {
        padding-top: 16px;
      }

      .quote::after {
        content: '';
        left: 32px;
        height: px;
        width: px;
        top: 56px;
      }

      .lead, .lead-text, .text--lead {
        margin-top: 0;
        font-size: 20px;
        line-height: 30px;
        font-weight: 400;
        margin-bottom: 8px;
      }

      body, html, .text--body, p {
        margin-top: 0;
        font-size: 16px;
        line-height: 24px;
        font-weight: 400;
      }

      .text--body, p, .default-bottom-spacing {
        margin-bottom: 8px;
      }

      .label, form label, form label span {
        margin-top: 0;
        font-size: 16px;
        line-height: 24px;
        font-weight: 600;
      }

      .label--small, label.small {
        margin-top: 0;
        font-size: 12px;
        line-height: 18px;
        font-weight: 400;
      }

      .caption, caption {
        margin-top: 0;
        font-size: 12px;
        line-height: 16px;
        font-weight: 400;
        margin-bottom: 8px;
      }

      a:not(.button), .link {
        margin-top: 0;
        font-size: 16px;
        line-height: 24px;
        font-weight: 600;
        margin-bottom: 8px;
      }

      a.large-margin, .link.large-margin, .caption.large-margin, caption.large-margin, .text--body.large-margin, p.large-margin {
        margin-bottom: 16px;
      }

      .double-margin {
        margin-bottom: 32px;
      }
    }
  


.light-color {
  color: #FFFFFF;
}

.quote {
  position: relative;
  font-style: italic;
  color: #002C58;
}

.quote .author {
  display: block;
  width: 100%;
  font-style: normal;
  color: black;
}

.quote::after {
  content: '';
  position: absolute;
  background-image: url("//26147981.fs1.hubspotusercontent-eu1.net/hubfs/26147981/raw_assets/public/na-ratunek/images/icons/quote-sign.svg");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

.dot-accent::after, .question-accent::after, .exclamation-accent::after, .colon-accent::after, .percent-accent::after {
  display: inline;
  font-weight: inherit;
  text-decoration: inherit;
  font-size: inherit;
  color: #E60064;
}
.dot-accent::after {
  content: '. ';
}
.question-accent::after {
  content: '? ';
}
.exclamation-accent::after {
  content: '! ';
}
.colon-accent::after {
  content: ': ';
}
.percent-accent::after {
  content: '% ';
}

/* Blockquote */

blockquote {
  border-left-color: #202020;
}

.text--left.text--left {
  text-align: left;
}

.text--right.text--right {
  text-align: right;
}

.text--center.text--center {
  text-align: center;
}





/* button,
.button,
.hs-blog-post-listing__post-button {
  border: 1px solid #E60064;

  padding-top: 15px;
padding-right: 53px;
padding-bottom: 15px;
padding-left: 53px;

  font-family: Poppins, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(230, 0, 100, 1.0)

;
  border-radius: 6px;
  color: #FFFFFF;
  font-size: 22px;
  text-transform: none;
} */

/* button:hover,
button:focus,
.button:hover,
.button:focus,
.hs-blog-post-listing__post-button:hover,
.hs-blog-post-listing__post-button:focus {
  font-family: Poppins, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  background-color: rgba(190, 0, 60, 1.0);
  border-color: #be003c;
}

button:active,
.button:active,
.hs-blog-post-listing__post-button:active {
  font-family: Poppins, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  background-color: rgba(255, 40, 140, 1.0);
  border-color: #ff288c;
} */

.link--arrowed, .button, form .hs_submit {
  display: inline-block;
  position: relative;
}

.link.color--black {
  color: black;
}

.color--white.color--white {
  color: #FFFFFF;
}

.color--dark.color--dark {
  color: #002C58;
}


.link.font-normal {
  font-weight: 400;
}

.link--arrowed::after, .button--arrowed::after, form .hs_submit::after, .button--arrowed-reversed:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: auto;
  transform: translateY(-50%);
  background-image: url("//26147981.fs1.hubspotusercontent-eu1.net/hubfs/26147981/raw_assets/public/na-ratunek/images/icons/pink-arrow.svg");
  background-size: contain;
  background-position:center;
}

.button--arrowed-reversed:before {
  background-image: url("//26147981.fs1.hubspotusercontent-eu1.net/hubfs/26147981/raw_assets/public/na-ratunek/images/icons/white-arrow.svg")!important;
  transform: rotate(180deg);
  top: unset!important;
}

.button--arrowed-reversed:after {
  content: none;
}

.link--arrowed::after, .button--arrowed::after, form .hs_submit::after, .button--arrowed-reversed:before {
  transition: right 0.2s ease-in-out;
}

.button--arrowed-reversed:before {
  transition: left 0.2s ease-in-out;
}

.link--iconed::after, .button--iconed::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: auto;
  transform: translateY(-50%);
  background-size: contain;
  background-position:center;
}

.link--iconed::after, .button--iconed::after {
  left: 0;
}
.link--iconed {
  display: inline-block;
  position: relative;
}

.link--arrowed--white::after, .button--arrowed--white::after, form .hs_submit::after {
  background-image: url("//26147981.fs1.hubspotusercontent-eu1.net/hubfs/26147981/raw_assets/public/na-ratunek/images/icons/white-arrow.svg");
}

.link--arrowed--file::after, .button--arrowed--file::after {
  background-image: url("//26147981.fs1.hubspotusercontent-eu1.net/hubfs/26147981/raw_assets/public/na-ratunek/images/icons/download.svg");
}

.link--payment--white::after, .button--payment--white::after {
  background-image: url("//26147981.fs1.hubspotusercontent-eu1.net/hubfs/26147981/raw_assets/public/na-ratunek/images/icons/payment.svg");
}

.link--payment--white:hover, .button--payment--white:hover{
  background-color: #B2004E!important;
  border-color: #B2004E!important;
  padding-left: 60px;
}

.link--mail::after, .button--mail::after {
  background-image: url("//26147981.fs1.hubspotusercontent-eu1.net/hubfs/26147981/raw_assets/public/na-ratunek/images/icons/mail.svg");
}

.link--phone::after, .button--phone::after {
  background-image: url("//26147981.fs1.hubspotusercontent-eu1.net/hubfs/26147981/raw_assets/public/na-ratunek/images/icons/phone.svg");
}

.button, form input[type=submit] {
  border-width: 2px;
  border-style: solid;
}

.button--dark, .button--dark:hover, input[type=submit] {
  background-color: #002C58;
  color: #FFFFFF;
}

.button--gray, .button--gray:hover {
  background-color: #f5f5f5;
  color: #002C58;
}

.button--transparent, .button--transparent:hover {
  background-color: transparent;
  color: #002C58;
}

.button--transparent.button--dark-border:hover {
  background: #002C58;
  color: #fff;
}

.button--transparent.button--dark-border:hover:after {
  background-image: url("//26147981.fs1.hubspotusercontent-eu1.net/hubfs/26147981/raw_assets/public/na-ratunek/images/icons/white-arrow.svg");
}

.button--white, .button--white:hover {
  background-color: #FFFFFF;
  color: #002C58;
}

.link--white {
  color: #FFFFFF;
}

.button--pink, .button--pink:hover {
  border-color: #E60064;
  background-color: #E60064;
  color: #FFFFFF;
}

.button--dark-border, form input[type=submit] {
  border-color: #002C58;
}

.button--light-border {
  border-color: #FFFFFF;
  /* color: #FFFFFF; */
}

.link--arrowed::after {
  right: 0;
}


  
    
      @media screen and (min-width: 280px)
    {

      .link--arrowed {
        padding-right: 8.533333333333333vw;
      }

      .link--iconed {
        padding-left: 8.533333333333333vw;
      }

      .link--arrowed::after, .link--iconed::after, .button--arrowed::after, .button--iconed::after, form .hs_submit::after, .button--arrowed-reversed:before {
        width: 6.4vw;
        height: 6.4vw;
      }

      .button--arrowed, form input[type=submit] {
        padding: 
          2.1333333333333333vw 
          12.8vw 
          2.1333333333333333vw  
          4.266666666666667vw;
        border-radius: 2.1333333333333333vw;
      }

      .button--arrowed-reversed {
        padding: 
          2.1333333333333333vw 
          4.266666666666667vw
          2.1333333333333333vw  
          12.8vw!important;
      }

      .button--iconed {
        padding: 
          2.1333333333333333vw 
          4.266666666666667vw 
          2.1333333333333333vw  
          12.8vw;
        border-radius: 2.1333333333333333vw;
        min-height: calc(1.7em + 4.266666666666667vw);
      }

      .button--default {
        padding: 
          2.1333333333333333vw 
          4.266666666666667vw 
          2.1333333333333333vw  
          4.266666666666667vw;
        border-radius: 2.1333333333333333vw;
        min-height: calc(1.7em + 4.266666666666667vw);
      }

      .button--iconed.only-icon {
        padding: 
          2.1333333333333333vw 
          2.1333333333333333vw 
          2.1333333333333333vw  
          8.533333333333333vw;
      }

      .button--arrowed::after, form .hs_submit::after {
        right: 4.266666666666667vw;
      }
      .button--arrowed-reversed::before {
        left: 4.266666666666667vw!important;
      }
      .button--iconed::after {
        left: 4.266666666666667vw;
      }
      .button--iconed.only-icon::after {
        left: 2.1333333333333333vw;
      }
    }
  

  
    
      @media screen and (min-width: 490px)
    {

      .link--arrowed {
        padding-right: 3.8369304556354917vw;
      }

      .link--iconed {
        padding-left: 3.8369304556354917vw;
      }

      .link--arrowed::after, .link--iconed::after, .button--arrowed::after, .button--iconed::after, form .hs_submit::after, .button--arrowed-reversed:before {
        width: 2.8776978417266186vw;
        height: 2.8776978417266186vw;
      }

      .button--arrowed, form input[type=submit] {
        padding: 
          0.9592326139088729vw 
          5.755395683453237vw 
          0.9592326139088729vw  
          1.9184652278177459vw;
        border-radius: 0.9592326139088729vw;
      }

      .button--arrowed-reversed {
        padding: 
          0.9592326139088729vw 
          1.9184652278177459vw
          0.9592326139088729vw  
          5.755395683453237vw!important;
      }

      .button--iconed {
        padding: 
          0.9592326139088729vw 
          1.9184652278177459vw 
          0.9592326139088729vw  
          5.755395683453237vw;
        border-radius: 0.9592326139088729vw;
        min-height: calc(1.7em + 1.9184652278177459vw);
      }

      .button--default {
        padding: 
          0.9592326139088729vw 
          1.9184652278177459vw 
          0.9592326139088729vw  
          1.9184652278177459vw;
        border-radius: 0.9592326139088729vw;
        min-height: calc(1.7em + 1.9184652278177459vw);
      }

      .button--iconed.only-icon {
        padding: 
          0.9592326139088729vw 
          0.9592326139088729vw 
          0.9592326139088729vw  
          3.8369304556354917vw;
      }

      .button--arrowed::after, form .hs_submit::after {
        right: 1.9184652278177459vw;
      }
      .button--arrowed-reversed::before {
        left: 1.9184652278177459vw!important;
      }
      .button--iconed::after {
        left: 1.9184652278177459vw;
      }
      .button--iconed.only-icon::after {
        left: 0.9592326139088729vw;
      }
    }
  

  
    
      @media screen and (min-width: 768px)
    {

      .link--arrowed {
        padding-right: 2.680067001675042vw;
      }

      .link--iconed {
        padding-left: 2.680067001675042vw;
      }

      .link--arrowed::after, .link--iconed::after, .button--arrowed::after, .button--iconed::after, form .hs_submit::after, .button--arrowed-reversed:before {
        width: 2.0100502512562812vw;
        height: 2.0100502512562812vw;
      }

      .button--arrowed, form input[type=submit] {
        padding: 
          0.6700167504187605vw 
          4.0201005025125625vw 
          0.6700167504187605vw  
          1.340033500837521vw;
        border-radius: 0.6700167504187605vw;
      }

      .button--arrowed-reversed {
        padding: 
          0.6700167504187605vw 
          1.340033500837521vw
          0.6700167504187605vw  
          4.0201005025125625vw!important;
      }

      .button--iconed {
        padding: 
          0.6700167504187605vw 
          1.340033500837521vw 
          0.6700167504187605vw  
          4.0201005025125625vw;
        border-radius: 0.6700167504187605vw;
        min-height: calc(1.7em + 1.340033500837521vw);
      }

      .button--default {
        padding: 
          0.6700167504187605vw 
          1.340033500837521vw 
          0.6700167504187605vw  
          1.340033500837521vw;
        border-radius: 0.6700167504187605vw;
        min-height: calc(1.7em + 1.340033500837521vw);
      }

      .button--iconed.only-icon {
        padding: 
          0.6700167504187605vw 
          0.6700167504187605vw 
          0.6700167504187605vw  
          2.680067001675042vw;
      }

      .button--arrowed::after, form .hs_submit::after {
        right: 1.340033500837521vw;
      }
      .button--arrowed-reversed::before {
        left: 1.340033500837521vw!important;
      }
      .button--iconed::after {
        left: 1.340033500837521vw;
      }
      .button--iconed.only-icon::after {
        left: 0.6700167504187605vw;
      }
    }
  

  
    
      @media screen and (min-width: 1040px)
    {

      .link--arrowed {
        padding-right: 1.6666666666666667vw;
      }

      .link--iconed {
        padding-left: 1.6666666666666667vw;
      }

      .link--arrowed::after, .link--iconed::after, .button--arrowed::after, .button--iconed::after, form .hs_submit::after, .button--arrowed-reversed:before {
        width: 1.25vw;
        height: 1.25vw;
      }

      .button--arrowed, form input[type=submit] {
        padding: 
          0.4166666666666667vw 
          2.5vw 
          0.4166666666666667vw  
          0.8333333333333334vw;
        border-radius: 0.4166666666666667vw;
      }

      .button--arrowed-reversed {
        padding: 
          0.4166666666666667vw 
          0.8333333333333334vw
          0.4166666666666667vw  
          2.5vw!important;
      }

      .button--iconed {
        padding: 
          0.4166666666666667vw 
          0.8333333333333334vw 
          0.4166666666666667vw  
          2.5vw;
        border-radius: 0.4166666666666667vw;
        min-height: calc(1.7em + 0.8333333333333334vw);
      }

      .button--default {
        padding: 
          0.4166666666666667vw 
          0.8333333333333334vw 
          0.4166666666666667vw  
          0.8333333333333334vw;
        border-radius: 0.4166666666666667vw;
        min-height: calc(1.7em + 0.8333333333333334vw);
      }

      .button--iconed.only-icon {
        padding: 
          0.4166666666666667vw 
          0.4166666666666667vw 
          0.4166666666666667vw  
          1.6666666666666667vw;
      }

      .button--arrowed::after, form .hs_submit::after {
        right: 0.8333333333333334vw;
      }
      .button--arrowed-reversed::before {
        left: 0.8333333333333334vw!important;
      }
      .button--iconed::after {
        left: 0.8333333333333334vw;
      }
      .button--iconed.only-icon::after {
        left: 0.4166666666666667vw;
      }
    }
  

  

  /* means desktop */
    @media screen and (min-width: 1441px) {
      .link--arrowed {
        padding-right: 32px;;
      }
      .link--iconed {
        padding-left: 32px;;
      }

      .link--arrowed::after, .button--arrowed::after, form .hs_submit::after {
        width: 24px;
        height: 24px;
      }

      .link--iconed::after, .button--iconed::after {
        width: 24px;
        height: 24px;
      }

      .button--arrowed, form input[type=submit] {
        padding: 
          8px 
          48px 
          8px  
          16px;
        border-radius: 8px;
      }

      .button--iconed {
        padding: 
          8px 
          16px 
          8px  
          48px;
        border-radius: 8px;
        min-height: calc(1.7em + 16px);
      }

      .button--iconed.only-icon {
        padding: 
          8px 
          8px 
          8px 
          32px;
      }

      .button--arrowed::after, form .hs_submit::after {
        right: 16px;
      }

      .button--iconed::after {
        left: 16px;
      }
      .button--iconed.only-icon::after {
        left: 8px;
      }
    }
  


.button--arrowed:not(.button--arrowed--file):hover:after, form .hs_submit:hover::after {
  right: 2px;
}

.button--arrowed-reversed:not(.button--arrowed--file):hover:before {
  left: 2px!important;
  right: unset;
}

.link--arrowed:hover::after {
  right: -3px;
}

.full-width {
  width: 100%;
}

@media screen and (max-width:489px) {
  .mobile-full-width {
    width: 100%;
  }
}

@media screen and (min-width:490px)) and (max-width:767px) {
  .tablet-full-width {
    width: 100%;
  }
}

form .hs_submit {
  position: relative;
  padding: 0;
  display: inline-block;
  width: auto;
}

form .hs_submit, form input[type=submit] {
  font-weight: 600;
}

form .hs-fieldtype-textarea.hs-input {
  resize: none;
}

/* form fieldset.form-columns-1.form-columns-1 .hs-input.hs-input {
  width: 100%;
} */

.hs-fieldtype-radio ul {
  display: flex;
  position: relative;
  width: 100%;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

@media screen and (max-width: 767px) {
  .hs-fieldtype-radio ul {
    flex-wrap: wrap;
  }
  .hs-fieldtype-radio ul li:nth-child(2n) {
    padding-right: 0;
  }
}
@media screen and (min-width: 768px) {

  .hs-fieldtype-radio ul li:last-child {
    padding-right: 0;
  }
}

.hs-fieldtype-radio ul li {
  flex: 1 1 50%;
  padding-right: 8px;
}










  
    
      @media screen and (min-width: 280px)
    {

      form input[type=text] {
        padding: 
          2.1333333333333333vw 
          4.266666666666667vw 
          2.1333333333333333vw  
          4.266666666666667vw;
        border-radius: 2.1333333333333333vw;
      }

      form, form .input-rounded-corners, form input, form textarea {
        border-radius: 2.1333333333333333vw;
      }

      .rounded-corners {
        border-radius: 2.1333333333333333vw;
      }

      .input--iconed, .header .hs-search-field__input  {
        padding-right: 12.8vw;
        background-position: center right 4.266666666666667vw;
        background-size: 6.4vw;
      }

      form textarea {
        height: 56.53333333333333vw;
      }

      form {
        padding: 8.533333333333333vw;
        padding-right: 0;
      }
    }
  

  
    
      @media screen and (min-width: 490px)
    {

      form input[type=text] {
        padding: 
          0.9592326139088729vw 
          1.9184652278177459vw 
          0.9592326139088729vw  
          1.9184652278177459vw;
        border-radius: 0.9592326139088729vw;
      }

      form, form .input-rounded-corners, form input, form textarea {
        border-radius: 0.9592326139088729vw;
      }

      .rounded-corners {
        border-radius: 0.9592326139088729vw;
      }

      .input--iconed, .header .hs-search-field__input  {
        padding-right: 5.755395683453237vw;
        background-position: center right 1.9184652278177459vw;
        background-size: 2.8776978417266186vw;
      }

      form textarea {
        height: 25.41966426858513vw;
      }

      form {
        padding: 3.8369304556354917vw;
        padding-right: 0;
      }
    }
  

  
    
      @media screen and (min-width: 768px)
    {

      form input[type=text] {
        padding: 
          0.6700167504187605vw 
          1.340033500837521vw 
          0.6700167504187605vw  
          1.340033500837521vw;
        border-radius: 0.6700167504187605vw;
      }

      form, form .input-rounded-corners, form input, form textarea {
        border-radius: 0.6700167504187605vw;
      }

      .rounded-corners {
        border-radius: 0.6700167504187605vw;
      }

      .input--iconed, .header .hs-search-field__input  {
        padding-right: 4.0201005025125625vw;
        background-position: center right 1.340033500837521vw;
        background-size: 2.0100502512562812vw;
      }

      form textarea {
        height: 17.75544388609715vw;
      }

      form {
        padding: 2.680067001675042vw;
        padding-right: 0;
      }
    }
  

  
    
      @media screen and (min-width: 1040px)
    {

      form input[type=text] {
        padding: 
          0.5729166666666666vw 
          0.5729166666666666vw 
          0.5729166666666666vw  
          0.5729166666666666vw;
        border-radius: 0.4166666666666667vw;
      }

      form, form .input-rounded-corners, form input, form textarea {
        border-radius: 0.4166666666666667vw;
      }

      .rounded-corners {
        border-radius: 0.4166666666666667vw;
      }

      .input--iconed, .header .hs-search-field__input  {
        padding-right: 2.3958333333333335vw;
        background-position: center right 0.5729166666666666vw;
        background-size: 1.25vw;
      }

      form textarea {
        height: 11.041666666666666vw;
      }

      form {
        padding: 1.6666666666666667vw;
        padding-right: 0;
      }
    }
  

  

  /* means desktop */
    @media screen and (min-width: 1441px) {

      form input[type=text] {
        padding: 
          11px 
          11px 
          11px  
          11px;
        border-radius: 8px;
      }

      form .input-rounded-corners {
        border-radius: 8px;
      }

      .rounded-corners {
        border-radius: 8px;
      }

      .input--iconed, .header .hs-search-field__input {
        padding-right: 46px;
        background-position: center right 11px;
        background-size: 24px;
      }

      form textarea {
        height: 212px;
      }

      form {
        padding: 32px;
        padding-right: 0;
      }

    }
  


label span {
  font-weight: 600;
}


form,
.submitted-message {
  font-family: Poppins, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
}

/* Form title */

.form-title {
  color: #202020;
}

/* Labels */

form label {
  color: #002C58;
}

/* Help text */

form legend {
  color: #444444;
}

/* Inputs */
form textarea {
  width: 100% !important;
}

form input[type=text],
form input[type=email],
form input[type=password],
form input[type=tel],
form input[type=number],
form input[type=file],
form select,
form textarea {
  border: 2px solid #D1D6DC;

  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  color: #444444;
}

/* Form placeholder text */

::-webkit-input-placeholder {
  color: #444444;
}

::-moz-placeholder {
  color: #444444;
}

:-ms-input-placeholder {
  color: #444444;
}

::placeholder {
  color: #444444;
}

/* Inputs - date picker */

.hs-fieldtype-date .input .hs-dateinput:before {
  color: #444444;
}

.fn-date-picker td.is-selected .pika-button {
  background: #E60064;
}

.fn-date-picker td .pika-button:hover {
  background-color: #E60064 !important;
}

.fn-date-picker td.is-today .pika-button {
  color: #E60064;
}

/* Submit button */


/* 
form .hs_submit,
form .hs-button {
  border: 1px solid #E60064;

  padding-top: 15px;
padding-right: 53px;
padding-bottom: 15px;
padding-left: 53px;

  font-family: Poppins, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(230, 0, 100, 1.0)

;
  border-radius: 6px;
  color: #FFFFFF;
  font-size: 22px;
  text-transform: none;
}

form .hs_submit:hover,
form .hs_submit:focus,
form .hs-button:hover,
form .hs-button:focus {
  background-color: rgba(190, 0, 60, 1.0);
  border-color: #be003c;
}

form .hs_submit:active,
form .hs-button:active {
  background-color: rgba(255, 40, 140, 1.0);
  border-color: #ff288c; */
}





/* Table */

table {
  border: 1px solid #444444;

  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

/* Table cells */

td,
th {
  border: 1px solid #444444;

  padding: 18px;

  color: #444444;
}

/* Table header */

thead th {
  background-color: 

  
  
    
  


  rgba(230, 0, 100, 1.0)

;
  color: #FFFFFF;
}

/* Table footer */

tfoot td {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  color: #444444;
}






header.header {
  /* background-color: 

  
  
    
  


  rgba(32, 32, 32, 1.0)

; */
  background-color: #FFFFFF;
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  text-align: center;
  min-height: 48px;
}

@media screen and (min-width: 1040px) {
  header.header {
    height: 80px;
  }
}

.menu__link,
.header__logo .logo-company-name,
.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {
  color: #444444;
  font-family: Poppins;
}

a.menu__link {
  margin-bottom: 0;
}

.menu__child-toggle-icon {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  height: 11px;
  width: 11px;
  display: block;
  background-image: url("//26147981.fs1.hubspotusercontent-eu1.net/hubfs/26147981/raw_assets/public/na-ratunek/images/icons/chevron-down-pink.svg");
  transform: rotate(0deg);
  transition: transform 0.25s ease-in-out;
}

.menu__child-toggle-icon.active {
  transform: rotate(180deg);
}

.menu .menu__link:hover,
.menu .menu__link:focus,
.header__language-switcher-label-current:hover,
.header__language-switcher-label-current:focus,
.header__language-switcher .lang_list_class li:hover a,
.header__language-switcher .lang_list_class li a:focus {
  color: #1c1c1c;
}

/* .menu__child-toggle-icon:hover,
.menu__child-toggle-icon:focus {
  border-top-color: #1c1c1c;
} */

.menu .menu__link:active,
.header__language-switcher-label-current:active,
.header__language-switcher .lang_list_class li a:active {
  color: #6c6c6c;
}
/* 
.menu__child-toggle-icon:active {
  border-top-color: #6c6c6c;
} */

.menu .menu__item--depth-1 > .menu__link--active-link:after {
  background-color: #444444;
}

@media (min-width: 767px) {
  .menu .menu__submenu,
  .header__language-switcher .lang_list_class {
    /* border: 2px solid #E60064;
 */
    background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  }

  .menu__submenu--level-2 > .menu__item:first-child:before {
    border: 2px solid #E60064;

    background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  }
}

.menu__submenu .menu__link,
.menu__submenu .menu__link:hover,
.menu__submenu .menu__link:focus {
  color: #444444;
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

.header__language-switcher .lang_list_class:before {
  border-bottom-color: #E60064;
}

.menu__submenu .menu__link:hover,
.menu__submenu .menu__link:focus,
.header__language-switcher .lang_list_class li:hover,
.menu__submenu--level-2 > .menu__item:first-child:hover:before,
.menu__submenu--level-2 > .menu__item:first-child.focus:before {
  background-color: 

  
  
    
  


  rgba(32, 32, 32, 1.0)

;
}

.header__language-switcher .lang_list_class.first-active::after {
  border-bottom-color: 

  
  
    
  


  rgba(32, 32, 32, 1.0)

;
}

.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {
  font-family: Poppins;
}

.header__language-switcher-label-current:after {
  border-top-color: #444444;
}

@media(max-width: 767px) {
  .header__navigation {
    background-color: 

  
  
    
  


  rgba(32, 32, 32, 1.0)

;
  }

  .header__navigation-toggle svg,
  .menu-arrow svg {
    fill: #444444;
  }
}





.footer {
  background-color: #002C58;
  min-height: 71px;
}

.footer-wrapper { 
  display: flex;
  flex-direction: row;
  justify-content: space-between
}

.footer .footer-wrapper, .footer .footer-wrapper * {
  color: #FFFFFF;
}

.footer .footer-wrapper .row-fluid {
  width: 100%;
}

.footer__links {
  display: flex;
  align-items: center;
}

@media screen and (max-width: 767px) {
  .footer__links-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
}


.footer__link {
  margin-right: 12px;
}

@media screen and (max-width: 767px) {
  .footer__link {
    display: block;
    margin: 0 16px 4px 0;
  }
}

.footer__button {
  text-align: center;
}

.footer__social-wrapper {
  display: flex;
  align-items: center;
}

.footer .social-links {
  justify-content: flex-end;
  align-items: center;
}

.footer .social-links__link {
  line-height: 0;
}




  
    
      @media screen and (min-width: 280px)
    {

      .footer__links, .footer__button, .footer__social-wrapper {
        padding: 3.2vw 0;
      }

      .footer .social-links__icon {
        width: 6.4vw;
        height: 6.4vw;
      }

      .footer .social-links {
        width: 91.46666666666667vw;
      }

    }
  

  
    
      @media screen and (min-width: 490px)
    {

      .footer__links, .footer__button, .footer__social-wrapper {
        padding: 1.4388489208633093vw 0;
      }

      .footer .social-links__icon {
        width: 2.8776978417266186vw;
        height: 2.8776978417266186vw;
      }

      .footer .social-links {
        width: 41.247002398081534vw;
      }

    }
  

  
    
      @media screen and (min-width: 768px)
    {

      .footer__links, .footer__button, .footer__social-wrapper {
        padding: 0.0vw 0;
      }

      .footer .social-links__icon {
        width: 2.0100502512562812vw;
        height: 2.0100502512562812vw;
      }

      .footer .social-links {
        width: 26.13065326633166vw;
      }

    }
  

  
    
      @media screen and (min-width: 1040px)
    {

      .footer__links, .footer__button, .footer__social-wrapper {
        padding: 0.0vw 0;
      }

      .footer .social-links__icon {
        width: 1.25vw;
        height: 1.25vw;
      }

      .footer .social-links {
        width: 16.25vw;
      }

    }
  

  

  /* means desktop */
    @media screen and (min-width: 1441px) {
      
      .footer__links, .footer__button, .footer__social-wrapper {
        padding: 0px 0;
      }

      .footer .social-links__icon {
        width: 24px;
        height: 24px;
      }

      .footer .social-links {
        width: 312px;
      }

    }
  


.footer .social-links {
  display: flex;
  justify-content: space-between;
}

.footer .social-links__icon {
  background: none;
}

.footer .social-links__icon svg, .footer .social-links__icon img {
  width: auto;
  height: 100%;
}
/* Footer content */

.footer p,
.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5,
.footer h6,
.footer label,
.footer span,
.footer li,
.footer img {
  color: #444444;
}

footer.footer .footer-wrapper {
  border-top: 2px solid #FFFFFF;
}


  
    
      @media screen and (min-width: 280px)
    {
      footer.footer .footer-wrapper {
        padding-top: 8.533333333333333vw;
        padding-bottom: 8.533333333333333vw;
      } 
    }
  

  
    
      @media screen and (min-width: 490px)
    {
      footer.footer .footer-wrapper {
        padding-top: 5.755395683453237vw;
        padding-bottom: 5.755395683453237vw;
      } 
    }
  

  
    
      @media screen and (min-width: 768px)
    {
      footer.footer .footer-wrapper {
        padding-top: 2.1775544388609713vw;
        padding-bottom: 2.1775544388609713vw;
      } 
    }
  

  
    
      @media screen and (min-width: 1040px)
    {
      footer.footer .footer-wrapper {
        padding-top: 1.3541666666666667vw;
        padding-bottom: 1.3541666666666667vw;
      } 
    }
  

  
  /* means desktop */
    @media screen and (min-width: 1441px) {
      footer.footer .footer-wrapper  {
        padding-top: 26px;
        padding-bottom: 26px;
      }
    }
  








.blog-post,
.blog-header__inner,
.blog-related-posts {
  padding: px 0;
}

/* Blog post */

.blog-post__meta a {
  color: #444444;
}

.blog-post__tag-link {
  color: #444444;
}

.blog-post__tag-link:hover,
.blog-post__tag-link:focus {
  color: #1c1c1c;
}

.blog-post__tag-link:active {
  color: #6c6c6c;
}

/* Blog related posts */

.blog-related-posts__title-link,
.blog-related-posts__title-link:hover,
.blog-related-posts__title-link:focus,
.blog-related-posts__title-link:active {
  font-weight: 600; text-decoration: none; font-family: Poppins, sans-serif; font-style: normal;
  text-transform: none;
}

.blog-related-posts__title-link {
  color: #002C58;
}

.blog-related-posts__title-link:hover,
.blog-related-posts__title-link:focus {
  color: #000430;
}

.blog-related-posts__title-link:active {
  color: #285480;
}

/* Blog comments */

.blog-comments {
  margin-bottom: px;
}

#comments-listing .comment-reply-to {
  color: #002C58;
}

#comments-listing .comment-reply-to:hover,
#comments-listing .comment-reply-to:focus {
  color: #000430;
}

#comments-listing .comment-reply-to:active {
  color: #285480;
}


.two-image-container, .single-image-container {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
}

.blog__add-info {
  position: relative;
}

.blog__add-info::after {
  content: '';
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  background-image: url("//26147981.fs1.hubspotusercontent-eu1.net/hubfs/26147981/raw_assets/public/na-ratunek/images/icons/info.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

@media screen and (min-width: 768px){
  .large-image-container, .two-image-container {
    width: 100%;
    max-width: 100%;
  }
  
  .body-container--blog-post .large-image-container, .body-container--blog-post .two-image-container, .individual-collection__site_wrapper .two-image-container, .individual-collection__site_wrapper .single-image-container  {
    width: 129.65%;
    max-width: 129.65%;
  }

  .individual-collection__site_wrapper .two-image-container {
    position: relative;
    left: -14.825%;
  }

  .individual-collection__site_wrapper .single-image-container {
    position: relative;
    left: -14.825%;
  }

  .two-image-container {
    flex-direction: row;
    justify-content: space-between;
    align-items: center
  }

  .single-image-container {
    flex-direction: row;
    justify-content: center;
    align-items: center
  }

  .large-image-container img {
    width: 100%;
    height: auto;
  }

  .two-image-container > img, .single-image-container > img {
    width: 48.85%;
    height: auto;
  }

  .two-image-container > div, .single-image-container > div {
    width: 48.85%;
  }
  .two-image-container > div > img, .single-image-container > div > img {
    width: 100;
  }

  .blog__add-info__wrapper {
    position: relative;
  }

  .blog__add-info {
    position: absolute;
    top: 0;
    left: auto;
    right: -29.7%;
    width: 26%;
  }
}


  
    
      @media screen and (min-width: 280px)
    {
      .blog__add-info {
        top: -0.0vw;
        padding-top: 0.0vw;
        padding-left: 10.666666666666666vw;
      }

      .blog__add-info::after {
        width: 6.4vw;
        height: 6.4vw;
      }
    }
  

  
    
      @media screen and (min-width: 490px)
    {
      .blog__add-info {
        top: -0.0vw;
        padding-top: 0.0vw;
        padding-left: 4.796163069544365vw;
      }

      .blog__add-info::after {
        width: 2.8776978417266186vw;
        height: 2.8776978417266186vw;
      }
    }
  

  
    
      @media screen and (min-width: 768px)
    {
      .blog__add-info {
        top: -2.680067001675042vw;
        padding-top: 2.680067001675042vw;
        padding-left: 0.0vw;
      }

      .blog__add-info::after {
        width: 2.0100502512562812vw;
        height: 2.0100502512562812vw;
      }
    }
  

  
    
      @media screen and (min-width: 1040px)
    {
      .blog__add-info {
        top: -1.6666666666666667vw;
        padding-top: 1.6666666666666667vw;
        padding-left: 0.0vw;
      }

      .blog__add-info::after {
        width: 1.25vw;
        height: 1.25vw;
      }
    }
  

  

  /* means desktop */
    @media screen and (min-width: 1441px) {
      .blog__add-info {
        top: -32px;
        padding-top: 32px;
        padding-left: 0px;
      }

      .blog__add-info::after {
        width: 24px;
        height: 24px;
      }
    }
  






.hs-search-results__title {
  font-weight: 600; text-decoration: none; font-family: Poppins, sans-serif; font-style: normal;
  color: #002C58;
}





/* Blog listing */

.hs-blog-post-listing__post-title-link,
.hs-blog-post-listing__post-title-link:hover,
.hs-blog-post-listing__post-title-link:focus,
.hs-blog-post-listing__post-title-link:active {
  font-weight: 600; text-decoration: none; font-family: Poppins, sans-serif; font-style: normal;
  text-transform: none;
}

.hs-blog-post-listing__post-title-link {
  color: #002C58;
}

.hs-blog-post-listing__post-title-link:hover,
.hs-blog-post-listing__post-title-link:focus {
  color: #000430;
}

.hs-blog-post-listing__post-title-link:active {
  color: #285480;
}


.hs-blog-post-listing__post-tag,
.hs-blog-post-listing__post-author-name {
  color: #444444;
}

/* Blog pagination */

.hs-pagination__link-text,
.hs-pagination__link--number {
  color: #444444;
}

.hs-pagination__link:hover .hs-pagination__link-text,
.hs-pagination__link:focus .hs-pagination__link-text,
.hs-pagination__link--number:hover,
.hs-pagination__link--number:focus {
  color: #1c1c1c;
}

.hs-pagination__link:active .hs-pagination__link-text,
.hs-pagination__link--number:active {
  color: #6c6c6c;
}

.hs-pagination__link-icon svg {
  fill: #444444;
}

/* Pricing card */

.card__price {
  font-weight: 600; text-decoration: none; font-family: Poppins, sans-serif; font-style: normal;
  color: #002C58;
  font-size: 30px;
}

.card__body svg {
  fill: #E60064;
}

/* Social follow */

.social-links__icon {

}

.social-links__icon:hover,
.social-links__icon:focus {

}

.social-links__icon:active {

}


.nr-control-false {
  display: none!important;
}

.dnd-column {
  display: flex;
  flex-direction: column;
  justify-content: stretch;
}

.row-fluid {
  flex-basis: 100%;
}

.dnd-row {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: center;
}

.dnd-column:not([class*="-vertical-alignment"]) .row-fluid-wrapper {
  flex-grow: 1;
}

.dnd-column:not([class*="-vertical-alignment"]) .row-fluid-wrapper .hs_cos_wrapper_type_module {
  height: 100%;
}

.section-with-decor.dnd_area-row-2-background-color 
.span12.widget-span.widget-type-cell 
.row-fluid-wrapper.row-depth-1 
> .row-fluid  
.span4.widget-span.widget-type-cell {
  padding: 0!important;
  margin-bottom: 16px;
}

.section-with-decor.dnd_area-row-2-background-color 
.span12.widget-span.widget-type-cell 
.row-fluid-wrapper.row-depth-1 
> .row-fluid  
.span4.widget-span.widget-type-cell
> .row-fluid-wrapper {
  padding: 0!important;
}

.only-desktop {
  display: none;
}

@media screen and (min-width: 768px) {
  .only-desktop {
    display: block;
  }
}

body.nav-open {
  overflow: hidden;
  height: 100%;
}

@media screen and (max-width: 767px) {
  .contact-section {
    padding: 24px 0;
  }

  .contact-section .contact-item-module__wrapper {
    padding-top: 0;
    height: fit-content;
    background-size: auto 40vw;
  }

  .contact-section .contact-item-module__wrapper p {
    flex-grow: unset;
  }
}

@media screen and (min-width: 490px) and (max-width: 767px) {

  .contact-section .contact-item-module__wrapper {
    background-size: auto 20vw;
  }
}