/** ==========================================================================

CSS Index:         

1. BASE CSS  
- Font Face Imports
- Variables 
- Macros
- Typography & Fonts
- Base styling (Body Colour, links etc)
- Icons
- Buttons	
- Forms

2. FOOTER
- Primary Footer
- Footer variations (if needed)

3. GLOBAL GROUPS
- Hero
- Page Title
- CTA banners

4. CUSTOM MODULES
!!!NOTE!!! CSS should be included within custom module where possible
- [ ] 

========================================================================== */

/* ==========================================================================
1. BASE CSS                                            
========================================================================== */

/*** Font Face Imports ***/

/*** Variables ***/









/*** Macros ***/





  *,
  *::before,
  *::after {
    box-sizing: border-box;
  }

  html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: rgba(#000, 0);
  }

  @at-root {
    @-ms-viewport {
      width: device-width;
    }
  }

  article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
    display: block;
  }

  body {
    margin: 0;
    text-align: left;
    font-family: Europa, Arial, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
  }

  [tabindex="-1"]:focus {
    outline: 0 !important;
  }

  hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
  }

  h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: rem;
  }

  p {
  	margin-top: 0;
    margin-bottom: 1rem;
	}

  abbr[title],
  abbr[data-original-title] {
    text-decoration: underline;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0;
  }

  address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit;
  }

  ol,
  ul,
  dl {
    margin-top: 0;
    margin-bottom: 1rem;
  }

  ol ol,
  ul ul,
  ol ul,
  ul ol {
    margin-bottom: 0;
  }

  dt {
    font-weight: 700;
  }

  dd {
    margin-bottom: .5rem;
    margin-left: 0;
  }

  blockquote {
    margin: 0 0 1rem;
  }

  dfn {
    font-style: italic;
  }

  b,
  strong {
    font-weight: bolder;
  }

  small {
    font-size: 80%;
  }

  sub,
  sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
  }

  sub { bottom: -.25em; }
  sup { top: -.5em; }

  pre,
  code,
  kbd,
  samp {
    font-family: SFMono_Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
    font-size: 1em;
  }

  pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    -ms-overflow-style: scrollbar;
  }

  figure {
    margin: 0 0 1rem;
  }

  img {
    vertical-align: middle;
    border-style: none;
  }

  svg:not(:root) {
    overflow: hidden;
    vertical-align: middle;
  }

  table {
    border-collapse: collapse;
  }

  caption {
    padding-top: .75rem;
    padding-bottom: .75rem;
    color: #6c757d;
    text-align: left;
    caption-side: bottom;
  }

  th {
    text-align: inherit;
  }

  label {
    display: inline-block;
    margin-bottom: .5rem;
  }

  button {
    border-radius: 0;
  }

  button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color;
  }

  input,
  button,
  select,
  optgroup,
  textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
  }

  button,
  input {
    overflow: visible;
  }

  button,
  select {
    text-transform: none;
  }

  button,
  html [type="button"],
  [type="reset"],
  [type="submit"] {
    -webkit-appearance: button;
  }

  button::-moz-focus-inner,
  [type="button"]::-moz-focus-inner,
  [type="reset"]::-moz-focus-inner,
  [type="submit"]::-moz-focus-inner {
    padding: 0;
    border-style: none;
  }

  input[type="radio"],
  input[type="checkbox"] {
    box-sizing: border-box;
    padding: 0;
  }

  input[type="date"],
  input[type="time"],
  input[type="datetime-local"],
  input[type="month"] {
    -webkit-appearance: listbox;
  }

  textarea {
    overflow: auto;
    resize: vertical;
  }

  fieldset {
    padding: 0;
    margin: 0;
    border: 0;
  }

  legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal;
  }

  progress {
    vertical-align: baseline;
  }

  [type="number"]::-webkit-inner-spin-button,
  [type="number"]::-webkit-outer-spin-button {
    height: auto;
  }

  [type="search"] {
    outline-offset: -2px;
    -webkit-appearance: none;
  }

  [type="search"]::-webkit-search-cancel-button,
  [type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
  }

  ::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button;
  }

  output {
    display: inline-block;
  }

  summary {
    display: list-item;
    cursor: pointer;
  }

  template {
    display: none;
  }

  [hidden] {
    display: none !important;
  }




  .media {
    display: flex;
    align-items: flex-start;
  }

  .media-body {
    flex: 1;
  }

  .row {
    width: auto;
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
  }

  .row.no-gutters {
    margin-right: 0;
    margin-left: 0;
	}

  .row.no-gutters > .col,
  .row.no-gutters > [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
  }

  .row-fluid { 
    width: auto;
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
	}

	.container-fluid > .row-fluid-wrapper > .row-fluid {
    margin-left: 0;
    margin-right: 0;
	}

  .row-fluid [class*="span"] {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: 0;
    *margin-left: 0;
  }
	@media(min-width: 768px) and (max-width:1139px) {
    .row-fluid [class*="span"] {
      position: relative;
      width: 100%;
      min-height: 1px;
      padding-left: 15px;
      padding-right: 15px;
      margin-left: 0;
      *margin-left: 0;
    }
	}
  @media(min-width: 1280px) {
    .row-fluid [class*="span"] {
      position: relative;
      width: 100%;
      min-height: 1px;
      padding-left: 15px;
      padding-right: 15px;
      margin-left: 0;
      *margin-left: 0;
    }
	}

  .no-gutters .row-fluid { 
    margin-left: 0; 
    margin-right: 0;
  }

	.row-fluid [class*="span"].no-gutters {
    padding-left: 0;
    padding-right: 0;
	}

  .no-gutters .row-fluid [class*="span"] {
    padding-left: 0;
    padding-right: 0;
  }
	@media(min-width: 768px) and (max-width:1139px) {
    .no-gutters .row-fluid [class*="span"] {
      padding-left: 0;
      padding-right: 0;
    }
	}
  @media(min-width: 1280px) {
    .no-gutters .row-fluid [class*="span"] {
      padding-left: 0;
      padding-right: 0;
    }
	}

  .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
  }

  .col,
	.row-fluid .col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-auto,
	.row-fluid .col-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
		padding-left: 15px;
  }
  
  .col-0,
	.row-fluid .col-0 {
    
    flex: 0 0 0.0%;
    max-width: 0.0%;
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
		padding-left: 15px;
  }
  
  .col-1,
	.row-fluid .col-1 {
    
    flex: 0 0 8.333333333333332%;
    max-width: 8.333333333333332%;
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
		padding-left: 15px;
  }
  
  .col-2,
	.row-fluid .col-2 {
    
    flex: 0 0 16.666666666666664%;
    max-width: 16.666666666666664%;
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
		padding-left: 15px;
  }
  
  .col-3,
	.row-fluid .col-3 {
    
    flex: 0 0 25.0%;
    max-width: 25.0%;
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
		padding-left: 15px;
  }
  
  .col-4,
	.row-fluid .col-4 {
    
    flex: 0 0 33.33333333333333%;
    max-width: 33.33333333333333%;
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
		padding-left: 15px;
  }
  
  .col-5,
	.row-fluid .col-5 {
    
    flex: 0 0 41.66666666666667%;
    max-width: 41.66666666666667%;
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
		padding-left: 15px;
  }
  
  .col-6,
	.row-fluid .col-6 {
    
    flex: 0 0 50.0%;
    max-width: 50.0%;
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
		padding-left: 15px;
  }
  
  .col-7,
	.row-fluid .col-7 {
    
    flex: 0 0 58.333333333333336%;
    max-width: 58.333333333333336%;
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
		padding-left: 15px;
  }
  
  .col-8,
	.row-fluid .col-8 {
    
    flex: 0 0 66.66666666666666%;
    max-width: 66.66666666666666%;
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
		padding-left: 15px;
  }
  
  .col-9,
	.row-fluid .col-9 {
    
    flex: 0 0 75.0%;
    max-width: 75.0%;
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
		padding-left: 15px;
  }
  
  .col-10,
	.row-fluid .col-10 {
    
    flex: 0 0 83.33333333333334%;
    max-width: 83.33333333333334%;
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
		padding-left: 15px;
  }
  
  .col-11,
	.row-fluid .col-11 {
    
    flex: 0 0 91.66666666666666%;
    max-width: 91.66666666666666%;
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
		padding-left: 15px;
  }
  
  .col-12,
	.row-fluid .col-12 {
    
    flex: 0 0 100.0%;
    max-width: 100.0%;
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
		padding-left: 15px;
  }
  

  @media (min-width: 768px) {
    
    .row-fluid .span0 {
      
      flex: 0 0 0.0%;
      max-width: 0.0%;
    }
    
    .row-fluid .span1 {
      
      flex: 0 0 8.333333333333332%;
      max-width: 8.333333333333332%;
    }
    
    .row-fluid .span2 {
      
      flex: 0 0 16.666666666666664%;
      max-width: 16.666666666666664%;
    }
    
    .row-fluid .span3 {
      
      flex: 0 0 25.0%;
      max-width: 25.0%;
    }
    
    .row-fluid .span4 {
      
      flex: 0 0 33.33333333333333%;
      max-width: 33.33333333333333%;
    }
    
    .row-fluid .span5 {
      
      flex: 0 0 41.66666666666667%;
      max-width: 41.66666666666667%;
    }
    
    .row-fluid .span6 {
      
      flex: 0 0 50.0%;
      max-width: 50.0%;
    }
    
    .row-fluid .span7 {
      
      flex: 0 0 58.333333333333336%;
      max-width: 58.333333333333336%;
    }
    
    .row-fluid .span8 {
      
      flex: 0 0 66.66666666666666%;
      max-width: 66.66666666666666%;
    }
    
    .row-fluid .span9 {
      
      flex: 0 0 75.0%;
      max-width: 75.0%;
    }
    
    .row-fluid .span10 {
      
      flex: 0 0 83.33333333333334%;
      max-width: 83.33333333333334%;
    }
    
    .row-fluid .span11 {
      
      flex: 0 0 91.66666666666666%;
      max-width: 91.66666666666666%;
    }
    
    .row-fluid .span12 {
      
      flex: 0 0 100.0%;
      max-width: 100.0%;
    }
    
  }

  
    @media (min-width: 576px) {
      .col-sm,
			.row-fluid .col-sm {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
        width: 100%;
        max-width: none;
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
      }
      .col-sm-auto,
			.row-fluid .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none;
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
      }
      
      	.col-sm-0,
				.row-fluid .col-sm-0 {
          
          flex: 0 0 0.0%;
          max-width: 0.0%;
          position: relative;
          width: 100%;
          min-height: 1px;
          padding-right: 15px;
          padding-left: 15px;
        }
      
      	.col-sm-1,
				.row-fluid .col-sm-1 {
          
          flex: 0 0 8.333333333333332%;
          max-width: 8.333333333333332%;
          position: relative;
          width: 100%;
          min-height: 1px;
          padding-right: 15px;
          padding-left: 15px;
        }
      
      	.col-sm-2,
				.row-fluid .col-sm-2 {
          
          flex: 0 0 16.666666666666664%;
          max-width: 16.666666666666664%;
          position: relative;
          width: 100%;
          min-height: 1px;
          padding-right: 15px;
          padding-left: 15px;
        }
      
      	.col-sm-3,
				.row-fluid .col-sm-3 {
          
          flex: 0 0 25.0%;
          max-width: 25.0%;
          position: relative;
          width: 100%;
          min-height: 1px;
          padding-right: 15px;
          padding-left: 15px;
        }
      
      	.col-sm-4,
				.row-fluid .col-sm-4 {
          
          flex: 0 0 33.33333333333333%;
          max-width: 33.33333333333333%;
          position: relative;
          width: 100%;
          min-height: 1px;
          padding-right: 15px;
          padding-left: 15px;
        }
      
      	.col-sm-5,
				.row-fluid .col-sm-5 {
          
          flex: 0 0 41.66666666666667%;
          max-width: 41.66666666666667%;
          position: relative;
          width: 100%;
          min-height: 1px;
          padding-right: 15px;
          padding-left: 15px;
        }
      
      	.col-sm-6,
				.row-fluid .col-sm-6 {
          
          flex: 0 0 50.0%;
          max-width: 50.0%;
          position: relative;
          width: 100%;
          min-height: 1px;
          padding-right: 15px;
          padding-left: 15px;
        }
      
      	.col-sm-7,
				.row-fluid .col-sm-7 {
          
          flex: 0 0 58.333333333333336%;
          max-width: 58.333333333333336%;
          position: relative;
          width: 100%;
          min-height: 1px;
          padding-right: 15px;
          padding-left: 15px;
        }
      
      	.col-sm-8,
				.row-fluid .col-sm-8 {
          
          flex: 0 0 66.66666666666666%;
          max-width: 66.66666666666666%;
          position: relative;
          width: 100%;
          min-height: 1px;
          padding-right: 15px;
          padding-left: 15px;
        }
      
      	.col-sm-9,
				.row-fluid .col-sm-9 {
          
          flex: 0 0 75.0%;
          max-width: 75.0%;
          position: relative;
          width: 100%;
          min-height: 1px;
          padding-right: 15px;
          padding-left: 15px;
        }
      
      	.col-sm-10,
				.row-fluid .col-sm-10 {
          
          flex: 0 0 83.33333333333334%;
          max-width: 83.33333333333334%;
          position: relative;
          width: 100%;
          min-height: 1px;
          padding-right: 15px;
          padding-left: 15px;
        }
      
      	.col-sm-11,
				.row-fluid .col-sm-11 {
          
          flex: 0 0 91.66666666666666%;
          max-width: 91.66666666666666%;
          position: relative;
          width: 100%;
          min-height: 1px;
          padding-right: 15px;
          padding-left: 15px;
        }
      
      	.col-sm-12,
				.row-fluid .col-sm-12 {
          
          flex: 0 0 100.0%;
          max-width: 100.0%;
          position: relative;
          width: 100%;
          min-height: 1px;
          padding-right: 15px;
          padding-left: 15px;
        }
      
  	}
  
    @media (min-width: 768px) {
      .col-md,
			.row-fluid .col-md {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
        width: 100%;
        max-width: none;
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
      }
      .col-md-auto,
			.row-fluid .col-md-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none;
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
      }
      
      	.col-md-0,
				.row-fluid .col-md-0 {
          
          flex: 0 0 0.0%;
          max-width: 0.0%;
          position: relative;
          width: 100%;
          min-height: 1px;
          padding-right: 15px;
          padding-left: 15px;
        }
      
      	.col-md-1,
				.row-fluid .col-md-1 {
          
          flex: 0 0 8.333333333333332%;
          max-width: 8.333333333333332%;
          position: relative;
          width: 100%;
          min-height: 1px;
          padding-right: 15px;
          padding-left: 15px;
        }
      
      	.col-md-2,
				.row-fluid .col-md-2 {
          
          flex: 0 0 16.666666666666664%;
          max-width: 16.666666666666664%;
          position: relative;
          width: 100%;
          min-height: 1px;
          padding-right: 15px;
          padding-left: 15px;
        }
      
      	.col-md-3,
				.row-fluid .col-md-3 {
          
          flex: 0 0 25.0%;
          max-width: 25.0%;
          position: relative;
          width: 100%;
          min-height: 1px;
          padding-right: 15px;
          padding-left: 15px;
        }
      
      	.col-md-4,
				.row-fluid .col-md-4 {
          
          flex: 0 0 33.33333333333333%;
          max-width: 33.33333333333333%;
          position: relative;
          width: 100%;
          min-height: 1px;
          padding-right: 15px;
          padding-left: 15px;
        }
      
      	.col-md-5,
				.row-fluid .col-md-5 {
          
          flex: 0 0 41.66666666666667%;
          max-width: 41.66666666666667%;
          position: relative;
          width: 100%;
          min-height: 1px;
          padding-right: 15px;
          padding-left: 15px;
        }
      
      	.col-md-6,
				.row-fluid .col-md-6 {
          
          flex: 0 0 50.0%;
          max-width: 50.0%;
          position: relative;
          width: 100%;
          min-height: 1px;
          padding-right: 15px;
          padding-left: 15px;
        }
      
      	.col-md-7,
				.row-fluid .col-md-7 {
          
          flex: 0 0 58.333333333333336%;
          max-width: 58.333333333333336%;
          position: relative;
          width: 100%;
          min-height: 1px;
          padding-right: 15px;
          padding-left: 15px;
        }
      
      	.col-md-8,
				.row-fluid .col-md-8 {
          
          flex: 0 0 66.66666666666666%;
          max-width: 66.66666666666666%;
          position: relative;
          width: 100%;
          min-height: 1px;
          padding-right: 15px;
          padding-left: 15px;
        }
      
      	.col-md-9,
				.row-fluid .col-md-9 {
          
          flex: 0 0 75.0%;
          max-width: 75.0%;
          position: relative;
          width: 100%;
          min-height: 1px;
          padding-right: 15px;
          padding-left: 15px;
        }
      
      	.col-md-10,
				.row-fluid .col-md-10 {
          
          flex: 0 0 83.33333333333334%;
          max-width: 83.33333333333334%;
          position: relative;
          width: 100%;
          min-height: 1px;
          padding-right: 15px;
          padding-left: 15px;
        }
      
      	.col-md-11,
				.row-fluid .col-md-11 {
          
          flex: 0 0 91.66666666666666%;
          max-width: 91.66666666666666%;
          position: relative;
          width: 100%;
          min-height: 1px;
          padding-right: 15px;
          padding-left: 15px;
        }
      
      	.col-md-12,
				.row-fluid .col-md-12 {
          
          flex: 0 0 100.0%;
          max-width: 100.0%;
          position: relative;
          width: 100%;
          min-height: 1px;
          padding-right: 15px;
          padding-left: 15px;
        }
      
  	}
  
    @media (min-width: 992px) {
      .col-lg,
			.row-fluid .col-lg {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
        width: 100%;
        max-width: none;
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
      }
      .col-lg-auto,
			.row-fluid .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none;
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
      }
      
      	.col-lg-0,
				.row-fluid .col-lg-0 {
          
          flex: 0 0 0.0%;
          max-width: 0.0%;
          position: relative;
          width: 100%;
          min-height: 1px;
          padding-right: 15px;
          padding-left: 15px;
        }
      
      	.col-lg-1,
				.row-fluid .col-lg-1 {
          
          flex: 0 0 8.333333333333332%;
          max-width: 8.333333333333332%;
          position: relative;
          width: 100%;
          min-height: 1px;
          padding-right: 15px;
          padding-left: 15px;
        }
      
      	.col-lg-2,
				.row-fluid .col-lg-2 {
          
          flex: 0 0 16.666666666666664%;
          max-width: 16.666666666666664%;
          position: relative;
          width: 100%;
          min-height: 1px;
          padding-right: 15px;
          padding-left: 15px;
        }
      
      	.col-lg-3,
				.row-fluid .col-lg-3 {
          
          flex: 0 0 25.0%;
          max-width: 25.0%;
          position: relative;
          width: 100%;
          min-height: 1px;
          padding-right: 15px;
          padding-left: 15px;
        }
      
      	.col-lg-4,
				.row-fluid .col-lg-4 {
          
          flex: 0 0 33.33333333333333%;
          max-width: 33.33333333333333%;
          position: relative;
          width: 100%;
          min-height: 1px;
          padding-right: 15px;
          padding-left: 15px;
        }
      
      	.col-lg-5,
				.row-fluid .col-lg-5 {
          
          flex: 0 0 41.66666666666667%;
          max-width: 41.66666666666667%;
          position: relative;
          width: 100%;
          min-height: 1px;
          padding-right: 15px;
          padding-left: 15px;
        }
      
      	.col-lg-6,
				.row-fluid .col-lg-6 {
          
          flex: 0 0 50.0%;
          max-width: 50.0%;
          position: relative;
          width: 100%;
          min-height: 1px;
          padding-right: 15px;
          padding-left: 15px;
        }
      
      	.col-lg-7,
				.row-fluid .col-lg-7 {
          
          flex: 0 0 58.333333333333336%;
          max-width: 58.333333333333336%;
          position: relative;
          width: 100%;
          min-height: 1px;
          padding-right: 15px;
          padding-left: 15px;
        }
      
      	.col-lg-8,
				.row-fluid .col-lg-8 {
          
          flex: 0 0 66.66666666666666%;
          max-width: 66.66666666666666%;
          position: relative;
          width: 100%;
          min-height: 1px;
          padding-right: 15px;
          padding-left: 15px;
        }
      
      	.col-lg-9,
				.row-fluid .col-lg-9 {
          
          flex: 0 0 75.0%;
          max-width: 75.0%;
          position: relative;
          width: 100%;
          min-height: 1px;
          padding-right: 15px;
          padding-left: 15px;
        }
      
      	.col-lg-10,
				.row-fluid .col-lg-10 {
          
          flex: 0 0 83.33333333333334%;
          max-width: 83.33333333333334%;
          position: relative;
          width: 100%;
          min-height: 1px;
          padding-right: 15px;
          padding-left: 15px;
        }
      
      	.col-lg-11,
				.row-fluid .col-lg-11 {
          
          flex: 0 0 91.66666666666666%;
          max-width: 91.66666666666666%;
          position: relative;
          width: 100%;
          min-height: 1px;
          padding-right: 15px;
          padding-left: 15px;
        }
      
      	.col-lg-12,
				.row-fluid .col-lg-12 {
          
          flex: 0 0 100.0%;
          max-width: 100.0%;
          position: relative;
          width: 100%;
          min-height: 1px;
          padding-right: 15px;
          padding-left: 15px;
        }
      
  	}
  
    @media (min-width: 1200px) {
      .col-xl,
			.row-fluid .col-xl {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
        width: 100%;
        max-width: none;
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
      }
      .col-xl-auto,
			.row-fluid .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none;
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
      }
      
      	.col-xl-0,
				.row-fluid .col-xl-0 {
          
          flex: 0 0 0.0%;
          max-width: 0.0%;
          position: relative;
          width: 100%;
          min-height: 1px;
          padding-right: 15px;
          padding-left: 15px;
        }
      
      	.col-xl-1,
				.row-fluid .col-xl-1 {
          
          flex: 0 0 8.333333333333332%;
          max-width: 8.333333333333332%;
          position: relative;
          width: 100%;
          min-height: 1px;
          padding-right: 15px;
          padding-left: 15px;
        }
      
      	.col-xl-2,
				.row-fluid .col-xl-2 {
          
          flex: 0 0 16.666666666666664%;
          max-width: 16.666666666666664%;
          position: relative;
          width: 100%;
          min-height: 1px;
          padding-right: 15px;
          padding-left: 15px;
        }
      
      	.col-xl-3,
				.row-fluid .col-xl-3 {
          
          flex: 0 0 25.0%;
          max-width: 25.0%;
          position: relative;
          width: 100%;
          min-height: 1px;
          padding-right: 15px;
          padding-left: 15px;
        }
      
      	.col-xl-4,
				.row-fluid .col-xl-4 {
          
          flex: 0 0 33.33333333333333%;
          max-width: 33.33333333333333%;
          position: relative;
          width: 100%;
          min-height: 1px;
          padding-right: 15px;
          padding-left: 15px;
        }
      
      	.col-xl-5,
				.row-fluid .col-xl-5 {
          
          flex: 0 0 41.66666666666667%;
          max-width: 41.66666666666667%;
          position: relative;
          width: 100%;
          min-height: 1px;
          padding-right: 15px;
          padding-left: 15px;
        }
      
      	.col-xl-6,
				.row-fluid .col-xl-6 {
          
          flex: 0 0 50.0%;
          max-width: 50.0%;
          position: relative;
          width: 100%;
          min-height: 1px;
          padding-right: 15px;
          padding-left: 15px;
        }
      
      	.col-xl-7,
				.row-fluid .col-xl-7 {
          
          flex: 0 0 58.333333333333336%;
          max-width: 58.333333333333336%;
          position: relative;
          width: 100%;
          min-height: 1px;
          padding-right: 15px;
          padding-left: 15px;
        }
      
      	.col-xl-8,
				.row-fluid .col-xl-8 {
          
          flex: 0 0 66.66666666666666%;
          max-width: 66.66666666666666%;
          position: relative;
          width: 100%;
          min-height: 1px;
          padding-right: 15px;
          padding-left: 15px;
        }
      
      	.col-xl-9,
				.row-fluid .col-xl-9 {
          
          flex: 0 0 75.0%;
          max-width: 75.0%;
          position: relative;
          width: 100%;
          min-height: 1px;
          padding-right: 15px;
          padding-left: 15px;
        }
      
      	.col-xl-10,
				.row-fluid .col-xl-10 {
          
          flex: 0 0 83.33333333333334%;
          max-width: 83.33333333333334%;
          position: relative;
          width: 100%;
          min-height: 1px;
          padding-right: 15px;
          padding-left: 15px;
        }
      
      	.col-xl-11,
				.row-fluid .col-xl-11 {
          
          flex: 0 0 91.66666666666666%;
          max-width: 91.66666666666666%;
          position: relative;
          width: 100%;
          min-height: 1px;
          padding-right: 15px;
          padding-left: 15px;
        }
      
      	.col-xl-12,
				.row-fluid .col-xl-12 {
          
          flex: 0 0 100.0%;
          max-width: 100.0%;
          position: relative;
          width: 100%;
          min-height: 1px;
          padding-right: 15px;
          padding-left: 15px;
        }
      
  	}
  

  .container,
  .row-fluid .container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto!important;
    margin-left: auto!important;
  }

	
    @media (min-width: 576px) {
      .container,
      .row-fluid .container {
        max-width: 540px;
      }
		}
	
    @media (min-width: 768px) {
      .container,
      .row-fluid .container {
        max-width: 720px;
      }
		}
	
    @media (min-width: 992px) {
      .container,
      .row-fluid .container {
        max-width: 960px;
      }
		}
	
    @media (min-width: 1200px) {
      .container,
      .row-fluid .container {
        max-width: 1230px;
      }
		}
	


  
  #hs-pwd-widget-password,
  .hs-search-field__input,
	.hs-input:not([type="radio"]):not([type="checkbox"]):not([type="file"]),
	.form-control {
    display: block;
    width: 100%!important;
    padding: 0.875rem 1rem;
    font-size: 1rem;
    line-height: 1.3;
    color: #00549e;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #b9d4ee;
    border-radius: 0;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  }
  #hs-pwd-widget-password[style] {
		height: auto!important;
    margin-top: 0!important;
    width: 200px!important;
    display: inline-block;
    vertical-align: middle;
  }
	.input {
    margin: 0!important;
	}
  @media screen and (prefers-reduced-motion: reduce) {
    #hs-pwd-widget-password,
    .hs-search-field__input,
		.hs-input:not([type="radio"]):not([type="checkbox"]):not([type="file"]),
    .form-control {
      transition: none;
    }
  }
  #hs-pwd-widget-password::ms-expand,
  .hs-search-field__input::-ms-expand,
	.hs-input:not([type="radio"]):not([type="checkbox"])::-ms-expand,
  .form-control::-ms-expand {
    background-color: transparent;
    border: 0;
  }
  #hs-pwd-widget-password:focus,
  .hs-search-field__input:focus,
	.hs-input:not([type="radio"]):not([type="checkbox"]):not([type="file"]):focus,
  .form-control:focus {
    color: #00549e;
    background-color: #fff;
    border-color: #196db7;
    outline: 0;
  }
  #hs-pwd-widget-password::placeholder,
  .hs-search-field__input::placeholder,
	.hs-input:not([type="radio"]):not([type="checkbox"])::placeholder,
  .form-control::placeholder {
    color: #a3c1dd;
    opacity: 1;
  }
  .hs-input:not([type="radio"]):not([type="checkbox"]):disabled,
  .form-control:disabled {
    background-color: #e9ecef;
    opacity: 1;
  }
	select.hs-input:not([size]):not([multiple]),
  select.form-control:not([size]):not([multiple]) {
    height: 2.175rem;
  }
	select.hs-input:focus::-ms-value,
  select.form-control:focus::-ms-value {
    color: #00549e;
    background-color: #fff;
  }

  .form-control-file,
  .form-control-range {
    display: block;
    width: 100%;
  }

  .col-form-label {
    padding-top: calc(0.875rem + 1px);
    padding-bottom: calc(0.875rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.3;
  }

  .col-form-label-lg {
    padding-top: calc(0.5rem + 1px);
    padding-bottom: calc(0.5rem + 1px);
    font-size: 1.25rem;
    line-height: 1.5;
  }

  .col-form-label-sm {
    padding-top: calc(0.25rem + 1px);
    padding-bottom: calc(0.25rem + 1px);
    font-size: 0.875rem;
    line-height: 1.5;
  }

  .form-control-plaintext {
    display: block;
    width: 100%;
    padding-top: 0.875rem;
    padding-bottom: 0.875rem;
    margin-bottom: 0;
    line-height: 1.3;
    color: #212529;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0;
  }
  .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
    padding-right: 0;
    padding-left: 0;
  }

  .form-control-sm {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0;
  }

  select.form-control-sm:not([size]):not([multiple]) {
    height: 1.9375;
  }

  .form-control-lg {
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: 0;
  }

  select.form-control-lg:not([size]):not([multiple]) {
    height: 3.0rem;
  }

	.hs-form .field {
    margin-bottom: 20px!important;
	}
  .form-group {
    margin-bottom: 20px;
  }

  .form-text {
    display: block;
    margin-top: .25rem;
  }

  .hs-form { margin-left: -10px; margin-right: -10px; }
  .hs-form .actions { padding-left: 10px; padding-right: 10px; }
	.hs-form fieldset { max-width: none!important; }

  .form-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -10px;
    margin-left: -10px;
  }
	.hs-form-field,
  .form-row > .col,
  .form-row > [class*=col-] {
    padding-right: 10px;
    padding-left: 10px;
  }

	fieldset.form-columns-1 > div,
	fieldset.form-columns-2 > div,
	fieldset.form-columns-3 > div {
    position: relative;
    width: 100%!important;
    min-height: 1px;
    float: left!important;
    padding-right: 10px;
    padding-left: 10px;
	}
	fieldset.form-columns-2 > .hs-form-field {
    position: relative;
    width: 50%!important;
    min-height: 1px;
	}
	fieldset.form-columns-3 > .hs-form-field {
    position: relative;
    width: 33.33333%!important;
    min-height: 1px;
	}

	.hs-form-radio-display,
	.hs-form-booleancheckbox,
	.hs-form-checkbox,
  .form-check {
    position: relative;
    display: block;
    padding-left: 1.25rem;
  }

	.hs-input[type="radio"],
	.hs-input[type="checkbox"],
  .form-check-input {
    position: absolute;
    margin-top: .3rem;
    margin-left: -1.25rem;
  }
  .form-check-input:disabled ~ .form-check-label {
    color: #6c757d;
  }

	.hs-form-radio-display label,
	.hs-form-booleancheckbox label,
  .form-check-label {
    margin-bottom: 0;
  }

  .form-check-inline {
    display: inline-flex;
    align-items: center;
    padding-left: 0;
    margin-right: .75rem;
  }
  .form-check-inline .form-check-input {
    position: static;
    margin-top: 0;
    margin-right: .3125rem;
    margin-left: 0;
  }

  .inputs-list {
    list-style: none;
    padding: 0;
    margin: 0;
  }



  .hs-button,
	.btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.875rem 1.375rem;
    font-size: 1rem;
    text-decoration: none;
    line-height: 1.3;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  }
  @media screen and (prefers-reduced-motion: reduce) {
    .hs-button,
    .btn {
      transition: none;
    }
  }
  .hs-button:hover, .hs-button:focus,
  .btn:hover, .btn:focus {
    text-decoration: none;
  }
  .hs-button:focus, .hs-button.focus,
  .btn:focus, .btn.focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(#00549e, .25);
  }
  .hs-button.disabled, .hs-button:disabled,
  .btn.disabled, .btn:disabled {
    opacity: ;
  }
  .hs-button:not(:disabled):not(.disabled),
  .btn:not(:disabled):not(.disabled) {
    cursor: pointer;
  }
  .hs-button:not(:disabled):not(.disabled):active, .hs-button:not(:disabled):not(.disabled).active,
  .btn:not(:disabled):not(.disabled):active, .btn:not(:disabled):not(.disabled).active {
    background-image: none;
  }
  a.btn.disabled,
  fieldset:disabled a.btn {
    pointer-events: none;
  }

  .btn-link {
    font-weight: 400;
    color: ;
    background-color: transparent;
  }
  .btn-link:hover {
    color: ;
    text-decoration: ;
    background-color: transparent;
    border-color: transparent;
  }
  .btn-link:focus, .btn-link.focus {
    text-decoration: ;
    border-color: transparent;
    box-shadow: none;
  }
  .btn-link:disabled, .btn-link.disabled {
    color: #6c757d;
    pointer-events: none;
  }

  .btn-lg {
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem;
  }

  .btn-sm {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: .2rem;
  }

  .btn-block {
    display: block;
    width: 100%;
  }
  .btn-block + .btn-block {
    margin-top: .5remrem;
  }

  input[type=submit].btn-block,
  input[type=reset].btn-block,
  input[type=button].btn-block {
    width: 100%;
  }




  

  
		

	
    .btn-primary {
      color: #fff;
      background-color: #00549e;
      background-image: none;
      border-color: #00549e;
    }

    .btn-primary:hover,
    .btn-primary:focus {
      color: #fff;
      background-color: #004d97;
      border-color: #004a94;
    }
  

  .btn-primary.disabled,
  .btn-primary:disabled {
    color: #fff;
    background-color: #00549e;
    border-color: #00549e;
  }

  .btn-primary:not(:disabled):not(.disabled):active,
  .btn-primary:not(:disabled):not(.disabled).active,
  .show > .btn-primary.dropdown-toggle {
    background-color: #004a94;
    border-color: #004892;
  }

		
  .btn-outline-primary {
    color: #00549e;
    background-color: transparent;
    background-image: none;
    border-color: #00549e;
  }

	
    .btn-outline-primary:hover,
    .btn-outline-primary:focus {
      color: #fff;
      background-color: #00549e;
      border-color: #00549e;
    }
  

  .btn-outline-primary.disabled,
  .btn-outline-primary:disabled {
    color: #00549e;
    background-color: transparent;
  }

  .btn-outline-primary:not(:disabled):not(.disabled):active,
  .btn-outline-primary:not(:disabled):not(.disabled).active,
  .show > .btn-outline-primary.dropdown-toggle {
    background-color: #00549e;
    border-color: #00549e;
  }

		
  .btn-inverse-primary {
    color: #fff;
    background-color: transparent;
    background-image: none;
    border-color: rgba(255,255,255,0.4);
  }

  .btn-inverse-primary:hover {
    color: #00549e;
    background-color: #fff;
    border-color: #fff;
  }

  .btn-inverse-primary.disabled,
  .btn-inverse-primary:disabled {
    color: rgba(255,255,255,0.4);
    background-color: transparent;
  }

  .btn-inverse-primary:not(:disabled):not(.disabled):active,
  .btn-inverse-primary:not(:disabled):not(.disabled).active,
  .show > .btn-inverse-primary.dropdown-toggle {
    background-color: #00549e;
    border-color: #00549e;
  }

	
		

	
    .btn-secondary {
      color: #fff;
      background-color: #ffbd00;
      background-image: none;
      border-color: #ffbd00;
    }

    .btn-secondary:hover,
    .btn-secondary:focus {
      color: #fff;
      background-color: #f8b600;
      border-color: #f5b300;
    }
  

  .btn-secondary.disabled,
  .btn-secondary:disabled {
    color: #fff;
    background-color: #ffbd00;
    border-color: #ffbd00;
  }

  .btn-secondary:not(:disabled):not(.disabled):active,
  .btn-secondary:not(:disabled):not(.disabled).active,
  .show > .btn-secondary.dropdown-toggle {
    background-color: #f5b300;
    border-color: #f3b100;
  }

		
  .btn-outline-secondary {
    color: #ffbd00;
    background-color: transparent;
    background-image: none;
    border-color: #ffbd00;
  }

	
    .btn-outline-secondary:hover,
    .btn-outline-secondary:focus {
      color: #fff;
      background-color: #ffbd00;
      border-color: #ffbd00;
    }
  

  .btn-outline-secondary.disabled,
  .btn-outline-secondary:disabled {
    color: #ffbd00;
    background-color: transparent;
  }

  .btn-outline-secondary:not(:disabled):not(.disabled):active,
  .btn-outline-secondary:not(:disabled):not(.disabled).active,
  .show > .btn-outline-secondary.dropdown-toggle {
    background-color: #ffbd00;
    border-color: #ffbd00;
  }

		
  .btn-inverse-secondary {
    color: #fff;
    background-color: transparent;
    background-image: none;
    border-color: rgba(255,255,255,0.4);
  }

  .btn-inverse-secondary:hover {
    color: #ffbd00;
    background-color: #fff;
    border-color: #fff;
  }

  .btn-inverse-secondary.disabled,
  .btn-inverse-secondary:disabled {
    color: rgba(255,255,255,0.4);
    background-color: transparent;
  }

  .btn-inverse-secondary:not(:disabled):not(.disabled):active,
  .btn-inverse-secondary:not(:disabled):not(.disabled).active,
  .show > .btn-inverse-secondary.dropdown-toggle {
    background-color: #ffbd00;
    border-color: #ffbd00;
  }

	
		

	
    .btn-success {
      color: #fff;
      background-color: #1fd59c;
      background-image: none;
      border-color: #1fd59c;
    }

    .btn-success:hover,
    .btn-success:focus {
      color: #fff;
      background-color: #18ce95;
      border-color: #15cb92;
    }
  

  .btn-success.disabled,
  .btn-success:disabled {
    color: #fff;
    background-color: #1fd59c;
    border-color: #1fd59c;
  }

  .btn-success:not(:disabled):not(.disabled):active,
  .btn-success:not(:disabled):not(.disabled).active,
  .show > .btn-success.dropdown-toggle {
    background-color: #15cb92;
    border-color: #13c990;
  }

		
  .btn-outline-success {
    color: #1fd59c;
    background-color: transparent;
    background-image: none;
    border-color: #1fd59c;
  }

	
    .btn-outline-success:hover,
    .btn-outline-success:focus {
      color: #fff;
      background-color: #1fd59c;
      border-color: #1fd59c;
    }
  

  .btn-outline-success.disabled,
  .btn-outline-success:disabled {
    color: #1fd59c;
    background-color: transparent;
  }

  .btn-outline-success:not(:disabled):not(.disabled):active,
  .btn-outline-success:not(:disabled):not(.disabled).active,
  .show > .btn-outline-success.dropdown-toggle {
    background-color: #1fd59c;
    border-color: #1fd59c;
  }

		
  .btn-inverse-success {
    color: #fff;
    background-color: transparent;
    background-image: none;
    border-color: rgba(255,255,255,0.4);
  }

  .btn-inverse-success:hover {
    color: #1fd59c;
    background-color: #fff;
    border-color: #fff;
  }

  .btn-inverse-success.disabled,
  .btn-inverse-success:disabled {
    color: rgba(255,255,255,0.4);
    background-color: transparent;
  }

  .btn-inverse-success:not(:disabled):not(.disabled):active,
  .btn-inverse-success:not(:disabled):not(.disabled).active,
  .show > .btn-inverse-success.dropdown-toggle {
    background-color: #1fd59c;
    border-color: #1fd59c;
  }

	
		

	
    .btn-info {
      color: #fff;
      background-color: #17a2b8;
      background-image: none;
      border-color: #17a2b8;
    }

    .btn-info:hover,
    .btn-info:focus {
      color: #fff;
      background-color: #109bb1;
      border-color: #0d98ae;
    }
  

  .btn-info.disabled,
  .btn-info:disabled {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8;
  }

  .btn-info:not(:disabled):not(.disabled):active,
  .btn-info:not(:disabled):not(.disabled).active,
  .show > .btn-info.dropdown-toggle {
    background-color: #0d98ae;
    border-color: #0b96ac;
  }

		
  .btn-outline-info {
    color: #17a2b8;
    background-color: transparent;
    background-image: none;
    border-color: #17a2b8;
  }

	
    .btn-outline-info:hover,
    .btn-outline-info:focus {
      color: #fff;
      background-color: #17a2b8;
      border-color: #17a2b8;
    }
  

  .btn-outline-info.disabled,
  .btn-outline-info:disabled {
    color: #17a2b8;
    background-color: transparent;
  }

  .btn-outline-info:not(:disabled):not(.disabled):active,
  .btn-outline-info:not(:disabled):not(.disabled).active,
  .show > .btn-outline-info.dropdown-toggle {
    background-color: #17a2b8;
    border-color: #17a2b8;
  }

		
  .btn-inverse-info {
    color: #fff;
    background-color: transparent;
    background-image: none;
    border-color: rgba(255,255,255,0.4);
  }

  .btn-inverse-info:hover {
    color: #17a2b8;
    background-color: #fff;
    border-color: #fff;
  }

  .btn-inverse-info.disabled,
  .btn-inverse-info:disabled {
    color: rgba(255,255,255,0.4);
    background-color: transparent;
  }

  .btn-inverse-info:not(:disabled):not(.disabled):active,
  .btn-inverse-info:not(:disabled):not(.disabled).active,
  .show > .btn-inverse-info.dropdown-toggle {
    background-color: #17a2b8;
    border-color: #17a2b8;
  }

	
		

	
    .btn-danger {
      color: #fff;
      background-color: #ff69a8;
      background-image: none;
      border-color: #ff69a8;
    }

    .btn-danger:hover,
    .btn-danger:focus {
      color: #fff;
      background-color: #f862a1;
      border-color: #f55f9e;
    }
  

  .btn-danger.disabled,
  .btn-danger:disabled {
    color: #fff;
    background-color: #ff69a8;
    border-color: #ff69a8;
  }

  .btn-danger:not(:disabled):not(.disabled):active,
  .btn-danger:not(:disabled):not(.disabled).active,
  .show > .btn-danger.dropdown-toggle {
    background-color: #f55f9e;
    border-color: #f35d9c;
  }

		
  .btn-outline-danger {
    color: #ff69a8;
    background-color: transparent;
    background-image: none;
    border-color: #ff69a8;
  }

	
    .btn-outline-danger:hover,
    .btn-outline-danger:focus {
      color: #fff;
      background-color: #ff69a8;
      border-color: #ff69a8;
    }
  

  .btn-outline-danger.disabled,
  .btn-outline-danger:disabled {
    color: #ff69a8;
    background-color: transparent;
  }

  .btn-outline-danger:not(:disabled):not(.disabled):active,
  .btn-outline-danger:not(:disabled):not(.disabled).active,
  .show > .btn-outline-danger.dropdown-toggle {
    background-color: #ff69a8;
    border-color: #ff69a8;
  }

		
  .btn-inverse-danger {
    color: #fff;
    background-color: transparent;
    background-image: none;
    border-color: rgba(255,255,255,0.4);
  }

  .btn-inverse-danger:hover {
    color: #ff69a8;
    background-color: #fff;
    border-color: #fff;
  }

  .btn-inverse-danger.disabled,
  .btn-inverse-danger:disabled {
    color: rgba(255,255,255,0.4);
    background-color: transparent;
  }

  .btn-inverse-danger:not(:disabled):not(.disabled):active,
  .btn-inverse-danger:not(:disabled):not(.disabled).active,
  .show > .btn-inverse-danger.dropdown-toggle {
    background-color: #ff69a8;
    border-color: #ff69a8;
  }

	
		

	
    .btn-warning {
      color: #fff;
      background-color: #ffbd00;
      background-image: none;
      border-color: #ffbd00;
    }

    .btn-warning:hover,
    .btn-warning:focus {
      color: #fff;
      background-color: #f8b600;
      border-color: #f5b300;
    }
  

  .btn-warning.disabled,
  .btn-warning:disabled {
    color: #fff;
    background-color: #ffbd00;
    border-color: #ffbd00;
  }

  .btn-warning:not(:disabled):not(.disabled):active,
  .btn-warning:not(:disabled):not(.disabled).active,
  .show > .btn-warning.dropdown-toggle {
    background-color: #f5b300;
    border-color: #f3b100;
  }

		
  .btn-outline-warning {
    color: #ffbd00;
    background-color: transparent;
    background-image: none;
    border-color: #ffbd00;
  }

	
    .btn-outline-warning:hover,
    .btn-outline-warning:focus {
      color: #fff;
      background-color: #ffbd00;
      border-color: #ffbd00;
    }
  

  .btn-outline-warning.disabled,
  .btn-outline-warning:disabled {
    color: #ffbd00;
    background-color: transparent;
  }

  .btn-outline-warning:not(:disabled):not(.disabled):active,
  .btn-outline-warning:not(:disabled):not(.disabled).active,
  .show > .btn-outline-warning.dropdown-toggle {
    background-color: #ffbd00;
    border-color: #ffbd00;
  }

		
  .btn-inverse-warning {
    color: #fff;
    background-color: transparent;
    background-image: none;
    border-color: rgba(255,255,255,0.4);
  }

  .btn-inverse-warning:hover {
    color: #ffbd00;
    background-color: #fff;
    border-color: #fff;
  }

  .btn-inverse-warning.disabled,
  .btn-inverse-warning:disabled {
    color: rgba(255,255,255,0.4);
    background-color: transparent;
  }

  .btn-inverse-warning:not(:disabled):not(.disabled):active,
  .btn-inverse-warning:not(:disabled):not(.disabled).active,
  .show > .btn-inverse-warning.dropdown-toggle {
    background-color: #ffbd00;
    border-color: #ffbd00;
  }

	
		

	
    .btn-light {
      color: #343a40;
      background-color: #eff6fd;
      background-image: none;
      border-color: #eff6fd;
    }

    .btn-light:hover,
    .btn-light:focus {
      color: #343a40;
      background-color: #e8eff6;
      border-color: #e5ecf3;
    }
	

  .btn-light.disabled,
  .btn-light:disabled {
    color: #fff;
    background-color: #eff6fd;
    border-color: #eff6fd;
  }

  .btn-light:not(:disabled):not(.disabled):active,
  .btn-light:not(:disabled):not(.disabled).active,
  .show > .btn-light.dropdown-toggle {
    background-color: #e5ecf3;
    border-color: #e3eaf1;
  }

		
  .btn-outline-light {
    color: #eff6fd;
    background-color: transparent;
    background-image: none;
    border-color: #eff6fd;
  }

	
    .btn-outline-light:hover,
    .btn-outline-light:focus {
      color: #343a40;
      background-color: #eff6fd;
      border-color: #eff6fd;
    }
	

  .btn-outline-light.disabled,
  .btn-outline-light:disabled {
    color: #eff6fd;
    background-color: transparent;
  }

  .btn-outline-light:not(:disabled):not(.disabled):active,
  .btn-outline-light:not(:disabled):not(.disabled).active,
  .show > .btn-outline-light.dropdown-toggle {
    background-color: #eff6fd;
    border-color: #eff6fd;
  }

		
  .btn-inverse-light {
    color: #fff;
    background-color: transparent;
    background-image: none;
    border-color: rgba(255,255,255,0.4);
  }

  .btn-inverse-light:hover {
    color: #eff6fd;
    background-color: #fff;
    border-color: #fff;
  }

  .btn-inverse-light.disabled,
  .btn-inverse-light:disabled {
    color: rgba(255,255,255,0.4);
    background-color: transparent;
  }

  .btn-inverse-light:not(:disabled):not(.disabled):active,
  .btn-inverse-light:not(:disabled):not(.disabled).active,
  .show > .btn-inverse-light.dropdown-toggle {
    background-color: #eff6fd;
    border-color: #eff6fd;
  }

	
		

	
    .btn-dark {
      color: #fff;
      background-color: #343a40;
      background-image: none;
      border-color: #343a40;
    }

    .btn-dark:hover,
    .btn-dark:focus {
      color: #fff;
      background-color: #2d3339;
      border-color: #2a3036;
    }
  

  .btn-dark.disabled,
  .btn-dark:disabled {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40;
  }

  .btn-dark:not(:disabled):not(.disabled):active,
  .btn-dark:not(:disabled):not(.disabled).active,
  .show > .btn-dark.dropdown-toggle {
    background-color: #2a3036;
    border-color: #282e34;
  }

		
  .btn-outline-dark {
    color: #343a40;
    background-color: transparent;
    background-image: none;
    border-color: #343a40;
  }

	
    .btn-outline-dark:hover,
    .btn-outline-dark:focus {
      color: #fff;
      background-color: #343a40;
      border-color: #343a40;
    }
  

  .btn-outline-dark.disabled,
  .btn-outline-dark:disabled {
    color: #343a40;
    background-color: transparent;
  }

  .btn-outline-dark:not(:disabled):not(.disabled):active,
  .btn-outline-dark:not(:disabled):not(.disabled).active,
  .show > .btn-outline-dark.dropdown-toggle {
    background-color: #343a40;
    border-color: #343a40;
  }

		
  .btn-inverse-dark {
    color: #fff;
    background-color: transparent;
    background-image: none;
    border-color: rgba(255,255,255,0.4);
  }

  .btn-inverse-dark:hover {
    color: #343a40;
    background-color: #fff;
    border-color: #fff;
  }

  .btn-inverse-dark.disabled,
  .btn-inverse-dark:disabled {
    color: rgba(255,255,255,0.4);
    background-color: transparent;
  }

  .btn-inverse-dark:not(:disabled):not(.disabled):active,
  .btn-inverse-dark:not(:disabled):not(.disabled).active,
  .show > .btn-inverse-dark.dropdown-toggle {
    background-color: #343a40;
    border-color: #343a40;
  }

	
		

	
    .btn-white {
      color: #000;
      background-color: #fff;
      background-image: none;
      border-color: #fff;
    }

    .btn-white:hover,
    .btn-white:focus {
      color: #000;
      background-color: #f8f8f8;
      border-color: #f5f5f5;
    }
  

  .btn-white.disabled,
  .btn-white:disabled {
    color: #fff;
    background-color: #fff;
    border-color: #fff;
  }

  .btn-white:not(:disabled):not(.disabled):active,
  .btn-white:not(:disabled):not(.disabled).active,
  .show > .btn-white.dropdown-toggle {
    background-color: #f5f5f5;
    border-color: #f3f3f3;
  }

		
  .btn-outline-white {
    color: #fff;
    background-color: transparent;
    background-image: none;
    border-color: #fff;
  }

	
    .btn-outline-white:hover,
    .btn-outline-white:focus {
      color: #000;
      background-color: #fff;
      border-color: #fff;
    }
  

  .btn-outline-white.disabled,
  .btn-outline-white:disabled {
    color: #fff;
    background-color: transparent;
  }

  .btn-outline-white:not(:disabled):not(.disabled):active,
  .btn-outline-white:not(:disabled):not(.disabled).active,
  .show > .btn-outline-white.dropdown-toggle {
    background-color: #fff;
    border-color: #fff;
  }

		
  .btn-inverse-white {
    color: #fff;
    background-color: transparent;
    background-image: none;
    border-color: rgba(255,255,255,0.4);
  }

  .btn-inverse-white:hover {
    color: #fff;
    background-color: #fff;
    border-color: #fff;
  }

  .btn-inverse-white.disabled,
  .btn-inverse-white:disabled {
    color: rgba(255,255,255,0.4);
    background-color: transparent;
  }

  .btn-inverse-white:not(:disabled):not(.disabled):active,
  .btn-inverse-white:not(:disabled):not(.disabled).active,
  .show > .btn-inverse-white.dropdown-toggle {
    background-color: #fff;
    border-color: #fff;
  }

	
		

	
    .btn-black {
      color: #fff;
      background-color: #000;
      background-image: none;
      border-color: #000;
    }

    .btn-black:hover,
    .btn-black:focus {
      color: #fff;
      background-color: #000000;
      border-color: #000000;
    }
  

  .btn-black.disabled,
  .btn-black:disabled {
    color: #fff;
    background-color: #000;
    border-color: #000;
  }

  .btn-black:not(:disabled):not(.disabled):active,
  .btn-black:not(:disabled):not(.disabled).active,
  .show > .btn-black.dropdown-toggle {
    background-color: #000000;
    border-color: #000000;
  }

		
  .btn-outline-black {
    color: #000;
    background-color: transparent;
    background-image: none;
    border-color: #000;
  }

	
    .btn-outline-black:hover,
    .btn-outline-black:focus {
      color: #fff;
      background-color: #000;
      border-color: #000;
    }
  

  .btn-outline-black.disabled,
  .btn-outline-black:disabled {
    color: #000;
    background-color: transparent;
  }

  .btn-outline-black:not(:disabled):not(.disabled):active,
  .btn-outline-black:not(:disabled):not(.disabled).active,
  .show > .btn-outline-black.dropdown-toggle {
    background-color: #000;
    border-color: #000;
  }

		
  .btn-inverse-black {
    color: #fff;
    background-color: transparent;
    background-image: none;
    border-color: rgba(255,255,255,0.4);
  }

  .btn-inverse-black:hover {
    color: #000;
    background-color: #fff;
    border-color: #fff;
  }

  .btn-inverse-black.disabled,
  .btn-inverse-black:disabled {
    color: rgba(255,255,255,0.4);
    background-color: transparent;
  }

  .btn-inverse-black:not(:disabled):not(.disabled):active,
  .btn-inverse-black:not(:disabled):not(.disabled).active,
  .show > .btn-inverse-black.dropdown-toggle {
    background-color: #000;
    border-color: #000;
  }

	



  .nav {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
  }

  .nav-link {
    display: block;
    padding: .5rem 1rem;
  }
	.nav-link:hover,
  .nav-link:focus { text-decoration: none; }
  .nav-link.disabled { color: #6c757d; }

  .nav-pills .nav-link { border-radius: .25rem; }
  .nav-pills .nav-link.active {
    color: #fff;
    background-color: #00549e;
	}

  .nav-fill .nav-item {
    flex: 1 1 auto;
    text-align: center;
  }

  .nav-justified .nav-item {
    flex-basis: 0;
    flex-grow: 1;
    text-align: center;
  }



  

  
		.bg-primary { background-color: #00549e!important; }
		.text-primary { color: #00549e!important; }
		
	
		.bg-secondary { background-color: #ffbd00!important; }
		.text-secondary { color: #ffbd00!important; }
		
	
		.bg-success { background-color: #1fd59c!important; }
		.text-success { color: #1fd59c!important; }
		
	
		.bg-info { background-color: #17a2b8!important; }
		.text-info { color: #17a2b8!important; }
		
	
		.bg-danger { background-color: #ff69a8!important; }
		.text-danger { color: #ff69a8!important; }
		
	
		.bg-warning { background-color: #ffbd00!important; }
		.text-warning { color: #ffbd00!important; }
		
	
		.bg-light { background-color: #eff6fd!important; }
		.text-light { color: #eff6fd!important; }
		
			.text-light a:not(.btn) { color: #f9ffff!important; }
		
	
		.bg-dark { background-color: #343a40!important; }
		.text-dark { color: #343a40!important; }
		
	
		.bg-white { background-color: #fff!important; }
		.text-white { color: #fff!important; }
		
	
		.bg-black { background-color: #000!important; }
		.text-black { color: #000!important; }
		
	

  .bg-transparent {
    background-color: transparent !important;
  }




  .badge {
    display: inline-block;
    padding: .5rem 1rem;
    font-size: 100%;
    font-weight: 400;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
  }
	.badge:empty { display: none; }
  .btn .badge {
    position: relative;
    top: -1px;
  }
  .badge-pill {
    padding-right: 6rem;
    padding-left: 6rem;
    border-radius: .25rem;
  }

  

  
		.badge-primary { color: #fff; background-color: #00549e!important; }
	
		.badge-secondary { color: #fff; background-color: #ffbd00!important; }
	
		.badge-success { color: #fff; background-color: #1fd59c!important; }
	
		.badge-info { color: #fff; background-color: #17a2b8!important; }
	
		.badge-danger { color: #fff; background-color: #ff69a8!important; }
	
		.badge-warning { color: #fff; background-color: #ffbd00!important; }
	
		.badge-light { color: #fff; background-color: #eff6fd!important; }
	
		.badge-dark { color: #fff; background-color: #343a40!important; }
	
		.badge-white { color: #fff; background-color: #fff!important; }
	
		.badge-black { color: #fff; background-color: #000!important; }
	



  .text-justify  { text-align: justify !important; }
  .text-nowrap   { white-space: nowrap !important; }
  .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

  /* Responsive alignment */


  .text-left   { text-align: left !important; }
  .text-right  { text-align: right !important; }
  .text-center { text-align: center !important; }
  
  @media (min-width: 576px) {
    .text-sm-left   { text-align: left !important; }
    .text-sm-right  { text-align: right !important; }
    .text-sm-center { text-align: center !important; }
  }
  
  @media (min-width: 768px) {
    .text-md-left   { text-align: left !important; }
    .text-md-right  { text-align: right !important; }
    .text-md-center { text-align: center !important; }
  }
  
  @media (min-width: 992px) {
    .text-lg-left   { text-align: left !important; }
    .text-lg-right  { text-align: right !important; }
    .text-lg-center { text-align: center !important; }
  }
  
  @media (min-width: 1200px) {
    .text-xl-left   { text-align: left !important; }
    .text-xl-right  { text-align: right !important; }
    .text-xl-center { text-align: center !important; }
  }
  

  /* Transformation */

  .text-lowercase  { text-transform: lowercase !important; }
  .text-uppercase  { text-transform: uppercase !important; }
  .text-capitalize { text-transform: capitalize !important; }

  /* Weight and italics */

  .font-weight-light  { font-weight: 300 !important; }
  .font-weight-normal { font-weight: 400 !important; }
  .font-weight-bold   { font-weight: 700 !important; }
  .font-italic        { font-style: italic !important; }



  

  /* Some special margin utils */
  .m-auto { margin: auto !important; }
  .mt-auto,
  .my-auto {
    margin-top: auto !important;
  }
  .mr-auto,
  .mx-auto {
    margin-right: auto !important;
  }
  .mb-auto,
  .my-auto {
    margin-bottom: auto !important;
  }
  .ml-auto,
  .mx-auto {
    margin-left: auto !important;
  }

  

    
      .m-0 { margin: 0rem !important; }
      .mt-0,
      .my-0 {
        margin-top: 0rem !important;
      }
      .mr-0,
      .mx-0 {
        margin-right: 0rem !important;
      }
      .mb-0,
      .my-0 {
        margin-bottom: 0rem !important;
      }
      .ml-0,
      .mx-0 {
        margin-left: 0rem !important;
      }
    
      .m-1 { margin: 0.25rem !important; }
      .mt-1,
      .my-1 {
        margin-top: 0.25rem !important;
      }
      .mr-1,
      .mx-1 {
        margin-right: 0.25rem !important;
      }
      .mb-1,
      .my-1 {
        margin-bottom: 0.25rem !important;
      }
      .ml-1,
      .mx-1 {
        margin-left: 0.25rem !important;
      }
    
      .m-2 { margin: 0.5rem !important; }
      .mt-2,
      .my-2 {
        margin-top: 0.5rem !important;
      }
      .mr-2,
      .mx-2 {
        margin-right: 0.5rem !important;
      }
      .mb-2,
      .my-2 {
        margin-bottom: 0.5rem !important;
      }
      .ml-2,
      .mx-2 {
        margin-left: 0.5rem !important;
      }
    
      .m-3 { margin: 1rem !important; }
      .mt-3,
      .my-3 {
        margin-top: 1rem !important;
      }
      .mr-3,
      .mx-3 {
        margin-right: 1rem !important;
      }
      .mb-3,
      .my-3 {
        margin-bottom: 1rem !important;
      }
      .ml-3,
      .mx-3 {
        margin-left: 1rem !important;
      }
    
      .m-4 { margin: 1.5rem !important; }
      .mt-4,
      .my-4 {
        margin-top: 1.5rem !important;
      }
      .mr-4,
      .mx-4 {
        margin-right: 1.5rem !important;
      }
      .mb-4,
      .my-4 {
        margin-bottom: 1.5rem !important;
      }
      .ml-4,
      .mx-4 {
        margin-left: 1.5rem !important;
      }
    
      .m-5 { margin: 3rem !important; }
      .mt-5,
      .my-5 {
        margin-top: 3rem !important;
      }
      .mr-5,
      .mx-5 {
        margin-right: 3rem !important;
      }
      .mb-5,
      .my-5 {
        margin-bottom: 3rem !important;
      }
      .ml-5,
      .mx-5 {
        margin-left: 3rem !important;
      }
    
  

    
      .p-0 { padding: 0rem !important; }
      .pt-0,
      .py-0 {
        padding-top: 0rem !important;
      }
      .pr-0,
      .px-0 {
        padding-right: 0rem !important;
      }
      .pb-0,
      .py-0 {
        padding-bottom: 0rem !important;
      }
      .pl-0,
      .px-0 {
        padding-left: 0rem !important;
      }
    
      .p-1 { padding: 0.25rem !important; }
      .pt-1,
      .py-1 {
        padding-top: 0.25rem !important;
      }
      .pr-1,
      .px-1 {
        padding-right: 0.25rem !important;
      }
      .pb-1,
      .py-1 {
        padding-bottom: 0.25rem !important;
      }
      .pl-1,
      .px-1 {
        padding-left: 0.25rem !important;
      }
    
      .p-2 { padding: 0.5rem !important; }
      .pt-2,
      .py-2 {
        padding-top: 0.5rem !important;
      }
      .pr-2,
      .px-2 {
        padding-right: 0.5rem !important;
      }
      .pb-2,
      .py-2 {
        padding-bottom: 0.5rem !important;
      }
      .pl-2,
      .px-2 {
        padding-left: 0.5rem !important;
      }
    
      .p-3 { padding: 1rem !important; }
      .pt-3,
      .py-3 {
        padding-top: 1rem !important;
      }
      .pr-3,
      .px-3 {
        padding-right: 1rem !important;
      }
      .pb-3,
      .py-3 {
        padding-bottom: 1rem !important;
      }
      .pl-3,
      .px-3 {
        padding-left: 1rem !important;
      }
    
      .p-4 { padding: 1.5rem !important; }
      .pt-4,
      .py-4 {
        padding-top: 1.5rem !important;
      }
      .pr-4,
      .px-4 {
        padding-right: 1.5rem !important;
      }
      .pb-4,
      .py-4 {
        padding-bottom: 1.5rem !important;
      }
      .pl-4,
      .px-4 {
        padding-left: 1.5rem !important;
      }
    
      .p-5 { padding: 3rem !important; }
      .pt-5,
      .py-5 {
        padding-top: 3rem !important;
      }
      .pr-5,
      .px-5 {
        padding-right: 3rem !important;
      }
      .pb-5,
      .py-5 {
        padding-bottom: 3rem !important;
      }
      .pl-5,
      .px-5 {
        padding-left: 3rem !important;
      }
    
  

  
  @media (min-width: 576px) {

      
        
          .m-sm-0 { margin: 0rem !important; }
          .mt-sm-0,
          .my-sm-0 {
            margin-top: 0rem !important;
          }
          .mr-sm-0,
          .mx-sm-0 {
            margin-right: 0rem !important;
          }
          .mb-sm-0,
          .my-sm-0 {
            margin-bottom: 0rem !important;
          }
          .ml-sm-0,
          .mx-sm-0 {
            margin-left: 0rem !important;
          }
        
          .m-sm-1 { margin: 0.25rem !important; }
          .mt-sm-1,
          .my-sm-1 {
            margin-top: 0.25rem !important;
          }
          .mr-sm-1,
          .mx-sm-1 {
            margin-right: 0.25rem !important;
          }
          .mb-sm-1,
          .my-sm-1 {
            margin-bottom: 0.25rem !important;
          }
          .ml-sm-1,
          .mx-sm-1 {
            margin-left: 0.25rem !important;
          }
        
          .m-sm-2 { margin: 0.5rem !important; }
          .mt-sm-2,
          .my-sm-2 {
            margin-top: 0.5rem !important;
          }
          .mr-sm-2,
          .mx-sm-2 {
            margin-right: 0.5rem !important;
          }
          .mb-sm-2,
          .my-sm-2 {
            margin-bottom: 0.5rem !important;
          }
          .ml-sm-2,
          .mx-sm-2 {
            margin-left: 0.5rem !important;
          }
        
          .m-sm-3 { margin: 1rem !important; }
          .mt-sm-3,
          .my-sm-3 {
            margin-top: 1rem !important;
          }
          .mr-sm-3,
          .mx-sm-3 {
            margin-right: 1rem !important;
          }
          .mb-sm-3,
          .my-sm-3 {
            margin-bottom: 1rem !important;
          }
          .ml-sm-3,
          .mx-sm-3 {
            margin-left: 1rem !important;
          }
        
          .m-sm-4 { margin: 1.5rem !important; }
          .mt-sm-4,
          .my-sm-4 {
            margin-top: 1.5rem !important;
          }
          .mr-sm-4,
          .mx-sm-4 {
            margin-right: 1.5rem !important;
          }
          .mb-sm-4,
          .my-sm-4 {
            margin-bottom: 1.5rem !important;
          }
          .ml-sm-4,
          .mx-sm-4 {
            margin-left: 1.5rem !important;
          }
        
          .m-sm-5 { margin: 3rem !important; }
          .mt-sm-5,
          .my-sm-5 {
            margin-top: 3rem !important;
          }
          .mr-sm-5,
          .mx-sm-5 {
            margin-right: 3rem !important;
          }
          .mb-sm-5,
          .my-sm-5 {
            margin-bottom: 3rem !important;
          }
          .ml-sm-5,
          .mx-sm-5 {
            margin-left: 3rem !important;
          }
        
      
        
          .p-sm-0 { padding: 0rem !important; }
          .pt-sm-0,
          .py-sm-0 {
            padding-top: 0rem !important;
          }
          .pr-sm-0,
          .px-sm-0 {
            padding-right: 0rem !important;
          }
          .pb-sm-0,
          .py-sm-0 {
            padding-bottom: 0rem !important;
          }
          .pl-sm-0,
          .px-sm-0 {
            padding-left: 0rem !important;
          }
        
          .p-sm-1 { padding: 0.25rem !important; }
          .pt-sm-1,
          .py-sm-1 {
            padding-top: 0.25rem !important;
          }
          .pr-sm-1,
          .px-sm-1 {
            padding-right: 0.25rem !important;
          }
          .pb-sm-1,
          .py-sm-1 {
            padding-bottom: 0.25rem !important;
          }
          .pl-sm-1,
          .px-sm-1 {
            padding-left: 0.25rem !important;
          }
        
          .p-sm-2 { padding: 0.5rem !important; }
          .pt-sm-2,
          .py-sm-2 {
            padding-top: 0.5rem !important;
          }
          .pr-sm-2,
          .px-sm-2 {
            padding-right: 0.5rem !important;
          }
          .pb-sm-2,
          .py-sm-2 {
            padding-bottom: 0.5rem !important;
          }
          .pl-sm-2,
          .px-sm-2 {
            padding-left: 0.5rem !important;
          }
        
          .p-sm-3 { padding: 1rem !important; }
          .pt-sm-3,
          .py-sm-3 {
            padding-top: 1rem !important;
          }
          .pr-sm-3,
          .px-sm-3 {
            padding-right: 1rem !important;
          }
          .pb-sm-3,
          .py-sm-3 {
            padding-bottom: 1rem !important;
          }
          .pl-sm-3,
          .px-sm-3 {
            padding-left: 1rem !important;
          }
        
          .p-sm-4 { padding: 1.5rem !important; }
          .pt-sm-4,
          .py-sm-4 {
            padding-top: 1.5rem !important;
          }
          .pr-sm-4,
          .px-sm-4 {
            padding-right: 1.5rem !important;
          }
          .pb-sm-4,
          .py-sm-4 {
            padding-bottom: 1.5rem !important;
          }
          .pl-sm-4,
          .px-sm-4 {
            padding-left: 1.5rem !important;
          }
        
          .p-sm-5 { padding: 3rem !important; }
          .pt-sm-5,
          .py-sm-5 {
            padding-top: 3rem !important;
          }
          .pr-sm-5,
          .px-sm-5 {
            padding-right: 3rem !important;
          }
          .pb-sm-5,
          .py-sm-5 {
            padding-bottom: 3rem !important;
          }
          .pl-sm-5,
          .px-sm-5 {
            padding-left: 3rem !important;
          }
        
      

      /* Some special margin utils */
      .m-sm-auto { margin: auto !important; }
      .mt-sm-auto,
      .my-sm-auto {
        margin-top: auto !important;
      }
      .mr-sm-auto,
      .mx-sm-auto {
        margin-right: auto !important;
      }
      .mb-sm-auto,
      .my-sm-auto {
        margin-bottom: auto !important;
      }
      .ml-sm-auto,
      .mx-sm-auto {
        margin-left: auto !important;
      }
  }
  
  @media (min-width: 768px) {

      
        
          .m-md-0 { margin: 0rem !important; }
          .mt-md-0,
          .my-md-0 {
            margin-top: 0rem !important;
          }
          .mr-md-0,
          .mx-md-0 {
            margin-right: 0rem !important;
          }
          .mb-md-0,
          .my-md-0 {
            margin-bottom: 0rem !important;
          }
          .ml-md-0,
          .mx-md-0 {
            margin-left: 0rem !important;
          }
        
          .m-md-1 { margin: 0.25rem !important; }
          .mt-md-1,
          .my-md-1 {
            margin-top: 0.25rem !important;
          }
          .mr-md-1,
          .mx-md-1 {
            margin-right: 0.25rem !important;
          }
          .mb-md-1,
          .my-md-1 {
            margin-bottom: 0.25rem !important;
          }
          .ml-md-1,
          .mx-md-1 {
            margin-left: 0.25rem !important;
          }
        
          .m-md-2 { margin: 0.5rem !important; }
          .mt-md-2,
          .my-md-2 {
            margin-top: 0.5rem !important;
          }
          .mr-md-2,
          .mx-md-2 {
            margin-right: 0.5rem !important;
          }
          .mb-md-2,
          .my-md-2 {
            margin-bottom: 0.5rem !important;
          }
          .ml-md-2,
          .mx-md-2 {
            margin-left: 0.5rem !important;
          }
        
          .m-md-3 { margin: 1rem !important; }
          .mt-md-3,
          .my-md-3 {
            margin-top: 1rem !important;
          }
          .mr-md-3,
          .mx-md-3 {
            margin-right: 1rem !important;
          }
          .mb-md-3,
          .my-md-3 {
            margin-bottom: 1rem !important;
          }
          .ml-md-3,
          .mx-md-3 {
            margin-left: 1rem !important;
          }
        
          .m-md-4 { margin: 1.5rem !important; }
          .mt-md-4,
          .my-md-4 {
            margin-top: 1.5rem !important;
          }
          .mr-md-4,
          .mx-md-4 {
            margin-right: 1.5rem !important;
          }
          .mb-md-4,
          .my-md-4 {
            margin-bottom: 1.5rem !important;
          }
          .ml-md-4,
          .mx-md-4 {
            margin-left: 1.5rem !important;
          }
        
          .m-md-5 { margin: 3rem !important; }
          .mt-md-5,
          .my-md-5 {
            margin-top: 3rem !important;
          }
          .mr-md-5,
          .mx-md-5 {
            margin-right: 3rem !important;
          }
          .mb-md-5,
          .my-md-5 {
            margin-bottom: 3rem !important;
          }
          .ml-md-5,
          .mx-md-5 {
            margin-left: 3rem !important;
          }
        
      
        
          .p-md-0 { padding: 0rem !important; }
          .pt-md-0,
          .py-md-0 {
            padding-top: 0rem !important;
          }
          .pr-md-0,
          .px-md-0 {
            padding-right: 0rem !important;
          }
          .pb-md-0,
          .py-md-0 {
            padding-bottom: 0rem !important;
          }
          .pl-md-0,
          .px-md-0 {
            padding-left: 0rem !important;
          }
        
          .p-md-1 { padding: 0.25rem !important; }
          .pt-md-1,
          .py-md-1 {
            padding-top: 0.25rem !important;
          }
          .pr-md-1,
          .px-md-1 {
            padding-right: 0.25rem !important;
          }
          .pb-md-1,
          .py-md-1 {
            padding-bottom: 0.25rem !important;
          }
          .pl-md-1,
          .px-md-1 {
            padding-left: 0.25rem !important;
          }
        
          .p-md-2 { padding: 0.5rem !important; }
          .pt-md-2,
          .py-md-2 {
            padding-top: 0.5rem !important;
          }
          .pr-md-2,
          .px-md-2 {
            padding-right: 0.5rem !important;
          }
          .pb-md-2,
          .py-md-2 {
            padding-bottom: 0.5rem !important;
          }
          .pl-md-2,
          .px-md-2 {
            padding-left: 0.5rem !important;
          }
        
          .p-md-3 { padding: 1rem !important; }
          .pt-md-3,
          .py-md-3 {
            padding-top: 1rem !important;
          }
          .pr-md-3,
          .px-md-3 {
            padding-right: 1rem !important;
          }
          .pb-md-3,
          .py-md-3 {
            padding-bottom: 1rem !important;
          }
          .pl-md-3,
          .px-md-3 {
            padding-left: 1rem !important;
          }
        
          .p-md-4 { padding: 1.5rem !important; }
          .pt-md-4,
          .py-md-4 {
            padding-top: 1.5rem !important;
          }
          .pr-md-4,
          .px-md-4 {
            padding-right: 1.5rem !important;
          }
          .pb-md-4,
          .py-md-4 {
            padding-bottom: 1.5rem !important;
          }
          .pl-md-4,
          .px-md-4 {
            padding-left: 1.5rem !important;
          }
        
          .p-md-5 { padding: 3rem !important; }
          .pt-md-5,
          .py-md-5 {
            padding-top: 3rem !important;
          }
          .pr-md-5,
          .px-md-5 {
            padding-right: 3rem !important;
          }
          .pb-md-5,
          .py-md-5 {
            padding-bottom: 3rem !important;
          }
          .pl-md-5,
          .px-md-5 {
            padding-left: 3rem !important;
          }
        
      

      /* Some special margin utils */
      .m-md-auto { margin: auto !important; }
      .mt-md-auto,
      .my-md-auto {
        margin-top: auto !important;
      }
      .mr-md-auto,
      .mx-md-auto {
        margin-right: auto !important;
      }
      .mb-md-auto,
      .my-md-auto {
        margin-bottom: auto !important;
      }
      .ml-md-auto,
      .mx-md-auto {
        margin-left: auto !important;
      }
  }
  
  @media (min-width: 992px) {

      
        
          .m-lg-0 { margin: 0rem !important; }
          .mt-lg-0,
          .my-lg-0 {
            margin-top: 0rem !important;
          }
          .mr-lg-0,
          .mx-lg-0 {
            margin-right: 0rem !important;
          }
          .mb-lg-0,
          .my-lg-0 {
            margin-bottom: 0rem !important;
          }
          .ml-lg-0,
          .mx-lg-0 {
            margin-left: 0rem !important;
          }
        
          .m-lg-1 { margin: 0.25rem !important; }
          .mt-lg-1,
          .my-lg-1 {
            margin-top: 0.25rem !important;
          }
          .mr-lg-1,
          .mx-lg-1 {
            margin-right: 0.25rem !important;
          }
          .mb-lg-1,
          .my-lg-1 {
            margin-bottom: 0.25rem !important;
          }
          .ml-lg-1,
          .mx-lg-1 {
            margin-left: 0.25rem !important;
          }
        
          .m-lg-2 { margin: 0.5rem !important; }
          .mt-lg-2,
          .my-lg-2 {
            margin-top: 0.5rem !important;
          }
          .mr-lg-2,
          .mx-lg-2 {
            margin-right: 0.5rem !important;
          }
          .mb-lg-2,
          .my-lg-2 {
            margin-bottom: 0.5rem !important;
          }
          .ml-lg-2,
          .mx-lg-2 {
            margin-left: 0.5rem !important;
          }
        
          .m-lg-3 { margin: 1rem !important; }
          .mt-lg-3,
          .my-lg-3 {
            margin-top: 1rem !important;
          }
          .mr-lg-3,
          .mx-lg-3 {
            margin-right: 1rem !important;
          }
          .mb-lg-3,
          .my-lg-3 {
            margin-bottom: 1rem !important;
          }
          .ml-lg-3,
          .mx-lg-3 {
            margin-left: 1rem !important;
          }
        
          .m-lg-4 { margin: 1.5rem !important; }
          .mt-lg-4,
          .my-lg-4 {
            margin-top: 1.5rem !important;
          }
          .mr-lg-4,
          .mx-lg-4 {
            margin-right: 1.5rem !important;
          }
          .mb-lg-4,
          .my-lg-4 {
            margin-bottom: 1.5rem !important;
          }
          .ml-lg-4,
          .mx-lg-4 {
            margin-left: 1.5rem !important;
          }
        
          .m-lg-5 { margin: 3rem !important; }
          .mt-lg-5,
          .my-lg-5 {
            margin-top: 3rem !important;
          }
          .mr-lg-5,
          .mx-lg-5 {
            margin-right: 3rem !important;
          }
          .mb-lg-5,
          .my-lg-5 {
            margin-bottom: 3rem !important;
          }
          .ml-lg-5,
          .mx-lg-5 {
            margin-left: 3rem !important;
          }
        
      
        
          .p-lg-0 { padding: 0rem !important; }
          .pt-lg-0,
          .py-lg-0 {
            padding-top: 0rem !important;
          }
          .pr-lg-0,
          .px-lg-0 {
            padding-right: 0rem !important;
          }
          .pb-lg-0,
          .py-lg-0 {
            padding-bottom: 0rem !important;
          }
          .pl-lg-0,
          .px-lg-0 {
            padding-left: 0rem !important;
          }
        
          .p-lg-1 { padding: 0.25rem !important; }
          .pt-lg-1,
          .py-lg-1 {
            padding-top: 0.25rem !important;
          }
          .pr-lg-1,
          .px-lg-1 {
            padding-right: 0.25rem !important;
          }
          .pb-lg-1,
          .py-lg-1 {
            padding-bottom: 0.25rem !important;
          }
          .pl-lg-1,
          .px-lg-1 {
            padding-left: 0.25rem !important;
          }
        
          .p-lg-2 { padding: 0.5rem !important; }
          .pt-lg-2,
          .py-lg-2 {
            padding-top: 0.5rem !important;
          }
          .pr-lg-2,
          .px-lg-2 {
            padding-right: 0.5rem !important;
          }
          .pb-lg-2,
          .py-lg-2 {
            padding-bottom: 0.5rem !important;
          }
          .pl-lg-2,
          .px-lg-2 {
            padding-left: 0.5rem !important;
          }
        
          .p-lg-3 { padding: 1rem !important; }
          .pt-lg-3,
          .py-lg-3 {
            padding-top: 1rem !important;
          }
          .pr-lg-3,
          .px-lg-3 {
            padding-right: 1rem !important;
          }
          .pb-lg-3,
          .py-lg-3 {
            padding-bottom: 1rem !important;
          }
          .pl-lg-3,
          .px-lg-3 {
            padding-left: 1rem !important;
          }
        
          .p-lg-4 { padding: 1.5rem !important; }
          .pt-lg-4,
          .py-lg-4 {
            padding-top: 1.5rem !important;
          }
          .pr-lg-4,
          .px-lg-4 {
            padding-right: 1.5rem !important;
          }
          .pb-lg-4,
          .py-lg-4 {
            padding-bottom: 1.5rem !important;
          }
          .pl-lg-4,
          .px-lg-4 {
            padding-left: 1.5rem !important;
          }
        
          .p-lg-5 { padding: 3rem !important; }
          .pt-lg-5,
          .py-lg-5 {
            padding-top: 3rem !important;
          }
          .pr-lg-5,
          .px-lg-5 {
            padding-right: 3rem !important;
          }
          .pb-lg-5,
          .py-lg-5 {
            padding-bottom: 3rem !important;
          }
          .pl-lg-5,
          .px-lg-5 {
            padding-left: 3rem !important;
          }
        
      

      /* Some special margin utils */
      .m-lg-auto { margin: auto !important; }
      .mt-lg-auto,
      .my-lg-auto {
        margin-top: auto !important;
      }
      .mr-lg-auto,
      .mx-lg-auto {
        margin-right: auto !important;
      }
      .mb-lg-auto,
      .my-lg-auto {
        margin-bottom: auto !important;
      }
      .ml-lg-auto,
      .mx-lg-auto {
        margin-left: auto !important;
      }
  }
  
  @media (min-width: 1200px) {

      
        
          .m-xl-0 { margin: 0rem !important; }
          .mt-xl-0,
          .my-xl-0 {
            margin-top: 0rem !important;
          }
          .mr-xl-0,
          .mx-xl-0 {
            margin-right: 0rem !important;
          }
          .mb-xl-0,
          .my-xl-0 {
            margin-bottom: 0rem !important;
          }
          .ml-xl-0,
          .mx-xl-0 {
            margin-left: 0rem !important;
          }
        
          .m-xl-1 { margin: 0.25rem !important; }
          .mt-xl-1,
          .my-xl-1 {
            margin-top: 0.25rem !important;
          }
          .mr-xl-1,
          .mx-xl-1 {
            margin-right: 0.25rem !important;
          }
          .mb-xl-1,
          .my-xl-1 {
            margin-bottom: 0.25rem !important;
          }
          .ml-xl-1,
          .mx-xl-1 {
            margin-left: 0.25rem !important;
          }
        
          .m-xl-2 { margin: 0.5rem !important; }
          .mt-xl-2,
          .my-xl-2 {
            margin-top: 0.5rem !important;
          }
          .mr-xl-2,
          .mx-xl-2 {
            margin-right: 0.5rem !important;
          }
          .mb-xl-2,
          .my-xl-2 {
            margin-bottom: 0.5rem !important;
          }
          .ml-xl-2,
          .mx-xl-2 {
            margin-left: 0.5rem !important;
          }
        
          .m-xl-3 { margin: 1rem !important; }
          .mt-xl-3,
          .my-xl-3 {
            margin-top: 1rem !important;
          }
          .mr-xl-3,
          .mx-xl-3 {
            margin-right: 1rem !important;
          }
          .mb-xl-3,
          .my-xl-3 {
            margin-bottom: 1rem !important;
          }
          .ml-xl-3,
          .mx-xl-3 {
            margin-left: 1rem !important;
          }
        
          .m-xl-4 { margin: 1.5rem !important; }
          .mt-xl-4,
          .my-xl-4 {
            margin-top: 1.5rem !important;
          }
          .mr-xl-4,
          .mx-xl-4 {
            margin-right: 1.5rem !important;
          }
          .mb-xl-4,
          .my-xl-4 {
            margin-bottom: 1.5rem !important;
          }
          .ml-xl-4,
          .mx-xl-4 {
            margin-left: 1.5rem !important;
          }
        
          .m-xl-5 { margin: 3rem !important; }
          .mt-xl-5,
          .my-xl-5 {
            margin-top: 3rem !important;
          }
          .mr-xl-5,
          .mx-xl-5 {
            margin-right: 3rem !important;
          }
          .mb-xl-5,
          .my-xl-5 {
            margin-bottom: 3rem !important;
          }
          .ml-xl-5,
          .mx-xl-5 {
            margin-left: 3rem !important;
          }
        
      
        
          .p-xl-0 { padding: 0rem !important; }
          .pt-xl-0,
          .py-xl-0 {
            padding-top: 0rem !important;
          }
          .pr-xl-0,
          .px-xl-0 {
            padding-right: 0rem !important;
          }
          .pb-xl-0,
          .py-xl-0 {
            padding-bottom: 0rem !important;
          }
          .pl-xl-0,
          .px-xl-0 {
            padding-left: 0rem !important;
          }
        
          .p-xl-1 { padding: 0.25rem !important; }
          .pt-xl-1,
          .py-xl-1 {
            padding-top: 0.25rem !important;
          }
          .pr-xl-1,
          .px-xl-1 {
            padding-right: 0.25rem !important;
          }
          .pb-xl-1,
          .py-xl-1 {
            padding-bottom: 0.25rem !important;
          }
          .pl-xl-1,
          .px-xl-1 {
            padding-left: 0.25rem !important;
          }
        
          .p-xl-2 { padding: 0.5rem !important; }
          .pt-xl-2,
          .py-xl-2 {
            padding-top: 0.5rem !important;
          }
          .pr-xl-2,
          .px-xl-2 {
            padding-right: 0.5rem !important;
          }
          .pb-xl-2,
          .py-xl-2 {
            padding-bottom: 0.5rem !important;
          }
          .pl-xl-2,
          .px-xl-2 {
            padding-left: 0.5rem !important;
          }
        
          .p-xl-3 { padding: 1rem !important; }
          .pt-xl-3,
          .py-xl-3 {
            padding-top: 1rem !important;
          }
          .pr-xl-3,
          .px-xl-3 {
            padding-right: 1rem !important;
          }
          .pb-xl-3,
          .py-xl-3 {
            padding-bottom: 1rem !important;
          }
          .pl-xl-3,
          .px-xl-3 {
            padding-left: 1rem !important;
          }
        
          .p-xl-4 { padding: 1.5rem !important; }
          .pt-xl-4,
          .py-xl-4 {
            padding-top: 1.5rem !important;
          }
          .pr-xl-4,
          .px-xl-4 {
            padding-right: 1.5rem !important;
          }
          .pb-xl-4,
          .py-xl-4 {
            padding-bottom: 1.5rem !important;
          }
          .pl-xl-4,
          .px-xl-4 {
            padding-left: 1.5rem !important;
          }
        
          .p-xl-5 { padding: 3rem !important; }
          .pt-xl-5,
          .py-xl-5 {
            padding-top: 3rem !important;
          }
          .pr-xl-5,
          .px-xl-5 {
            padding-right: 3rem !important;
          }
          .pb-xl-5,
          .py-xl-5 {
            padding-bottom: 3rem !important;
          }
          .pl-xl-5,
          .px-xl-5 {
            padding-left: 3rem !important;
          }
        
      

      /* Some special margin utils */
      .m-xl-auto { margin: auto !important; }
      .mt-xl-auto,
      .my-xl-auto {
        margin-top: auto !important;
      }
      .mr-xl-auto,
      .mx-xl-auto {
        margin-right: auto !important;
      }
      .mb-xl-auto,
      .my-xl-auto {
        margin-bottom: auto !important;
      }
      .ml-xl-auto,
      .mx-xl-auto {
        margin-left: auto !important;
      }
  }
  



	.h-100 { height: 100%!important; }

  .d-none         { display: none !important; }
  .d-inline       { display: inline !important; }
  .d-inline-block { display: inline-block !important; }
  .d-block        { display: block !important; }
  .d-table        { display: table !important; }
  .d-table-row    { display: table-row !important; }
  .d-table-cell   { display: table-cell !important; }
  .d-flex         { display: flex !important; }
  .d-inline-flex  { display: inline-flex !important; }
  
  @media (min-width: 576px) {
    .d-sm-none         { display: none !important; }
    .d-sm-inline       { display: inline !important; }
    .d-sm-inline-block { display: inline-block !important; }
    .d-sm-block        { display: block !important; }
    .d-sm-table        { display: table !important; }
    .d-sm-table-row    { display: table-row !important; }
    .d-sm-table-cell   { display: table-cell !important; }
    .d-sm-flex         { display: flex !important; }
    .d-sm-inline-flex  { display: inline-flex !important; }
  }
  
  @media (min-width: 768px) {
    .d-md-none         { display: none !important; }
    .d-md-inline       { display: inline !important; }
    .d-md-inline-block { display: inline-block !important; }
    .d-md-block        { display: block !important; }
    .d-md-table        { display: table !important; }
    .d-md-table-row    { display: table-row !important; }
    .d-md-table-cell   { display: table-cell !important; }
    .d-md-flex         { display: flex !important; }
    .d-md-inline-flex  { display: inline-flex !important; }
  }
  
  @media (min-width: 992px) {
    .d-lg-none         { display: none !important; }
    .d-lg-inline       { display: inline !important; }
    .d-lg-inline-block { display: inline-block !important; }
    .d-lg-block        { display: block !important; }
    .d-lg-table        { display: table !important; }
    .d-lg-table-row    { display: table-row !important; }
    .d-lg-table-cell   { display: table-cell !important; }
    .d-lg-flex         { display: flex !important; }
    .d-lg-inline-flex  { display: inline-flex !important; }
  }
  
  @media (min-width: 1200px) {
    .d-xl-none         { display: none !important; }
    .d-xl-inline       { display: inline !important; }
    .d-xl-inline-block { display: inline-block !important; }
    .d-xl-block        { display: block !important; }
    .d-xl-table        { display: table !important; }
    .d-xl-table-row    { display: table-row !important; }
    .d-xl-table-cell   { display: table-cell !important; }
    .d-xl-flex         { display: flex !important; }
    .d-xl-inline-flex  { display: inline-flex !important; }
  }
  

  /*
   Utilities for toggling `display` in print
  */

  @media print {
    .d-print-none         { display: none !important; }
    .d-print-inline       { display: inline !important; }
    .d-print-inline-block { display: inline-block !important; }
    .d-print-block        { display: block !important; }
    .d-print-table        { display: table !important; }
    .d-print-table-row    { display: table-row !important; }
    .d-print-table-cell   { display: table-cell !important; }
    .d-print-flex         { display: flex !important; }
    .d-print-inline-flex  { display: inline-flex !important; }
  }


  .flex-row            { flex-direction: row !important; }
  .flex-column         { flex-direction: column !important; }
  .flex-row-reverse    { flex-direction: row-reverse !important; }
  .flex-column-reverse { flex-direction: column-reverse !important; }

  .flex-wrap         { flex-wrap: wrap !important; }
  .flex-nowrap       { flex-wrap: nowrap !important; }
  .flex-wrap-reverse { flex-wrap: wrap-reverse !important; }
  .flex-fill         { flex: 1 1 auto !important; }
  .flex-grow-0       { flex-grow: 0 !important; }
  .flex-grow-1       { flex-grow: 1 !important; }
  .flex-shrink-0     { flex-shrink: 0 !important; }
  .flex-shrink-1     { flex-shrink: 1 !important; }

  .justify-content-start   { justify-content: flex-start !important; }
  .justify-content-end     { justify-content: flex-end !important; }
  .justify-content-center  { justify-content: center !important; }
  .justify-content-between { justify-content: space-between !important; }
  .justify-content-around  { justify-content: space-around !important; }

  .align-items-start    { align-items: flex-start !important; }
  .align-items-end      { align-items: flex-end !important; }
  .align-items-center   { align-items: center !important; }
  .align-items-baseline { align-items: baseline !important; }
  .align-items-stretch  { align-items: stretch !important; }

  .align-content-start   { align-content: flex-start !important; }
  .align-content-end     { align-content: flex-end !important; }
  .align-content-center  { align-content: center !important; }
  .align-content-between { align-content: space-between !important; }
  .align-content-around  { align-content: space-around !important; }
  .align-content-stretch { align-content: stretch !important; }

  .align-self-auto     { align-self: auto !important; }
  .align-self-start    { align-self: flex-start !important; }
  .align-self-end      { align-self: flex-end !important; }
  .align-self-center   { align-self: center !important; }
  .align-self-baseline { align-self: baseline !important; }
  .align-self-stretch  { align-self: stretch !important; }

  .hs-flex-row .row-fluid            { flex-direction: row !important; }
  .hs-flex-column .row-fluid         { flex-direction: column !important; }
  .hs-flex-row-reverse .row-fluid    { flex-direction: row-reverse !important; }
  .hs-flex-column-reverse .row-fluid { flex-direction: column-reverse !important; }

  .hs-flex-wra .row-fluidp         { flex-wrap: wrap !important; }
  .hs-flex-nowrap .row-fluid       { flex-wrap: nowrap !important; }
  .hs-flex-wrap-reverse .row-fluid { flex-wrap: wrap-reverse !important; }
  .hs-flex-fill .row-fluid         { flex: 1 1 auto !important; }
  .hs-flex-grow-0 .row-fluid       { flex-grow: 0 !important; }
  .hs-flex-grow-1 .row-fluid       { flex-grow: 1 !important; }
  .hs-flex-shrink-0 .row-fluid     { flex-shrink: 0 !important; }
  .hs-flex-shrink-1 .row-fluid     { flex-shrink: 1 !important; }

  .hs-justify-content-start .row-fluid   { justify-content: flex-start !important; }
  .hs-justify-content-end .row-fluid     { justify-content: flex-end !important; }
  .hs-justify-content-center .row-fluid  { justify-content: center !important; }
  .hs-justify-content-between .row-fluid { justify-content: space-between !important; }
  .hs-justify-content-around .row-fluid  { justify-content: space-around !important; }

  .hs-align-items-start .row-fluid    { align-items: flex-start !important; }
  .hs-align-items-end .row-fluid      { align-items: flex-end !important; }
  .hs-align-items-center .row-fluid   { align-items: center !important; }
  .hs-align-items-baseline .row-fluid { align-items: baseline !important; }
  .hs-align-items-stretch .row-fluid  { align-items: stretch !important; }

  .hs-align-content-start .row-fluid   { align-content: flex-start !important; }
  .hs-align-content-end .row-fluid     { align-content: flex-end !important; }
  .hs-align-content-center .row-fluid  { align-content: center !important; }
  .hs-align-content-between .row-fluid { align-content: space-between !important; }
  .hs-align-content-around .row-fluid  { align-content: space-around !important; }
  .hs-align-content-stretch .row-fluid { align-content: stretch !important; }

  .hs-align-self-auto .row-fluid     { align-self: auto !important; }
  .hs-align-self-start .row-fluid    { align-self: flex-start !important; }
  .hs-align-self-end .row-fluid      { align-self: flex-end !important; }
  .hs-align-self-center .row-fluid   { align-self: center !important; }
  .hs-align-self-baseline .row-fluid { align-self: baseline !important; }
  .hs-align-self-stretch .row-fluid  { align-self: stretch !important; }

  
  @media (min-width: 576px) {
      .flex-sm-row            { flex-direction: row !important; }
      .flex-sm-column         { flex-direction: column !important; }
      .flex-sm-row-reverse    { flex-direction: row-reverse !important; }
      .flex-sm-column-reverse { flex-direction: column-reverse !important; }

      .flex-sm-wrap         { flex-wrap: wrap !important; }
      .flex-sm-nowrap       { flex-wrap: nowrap !important; }
      .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; }
      .flex-sm-fill         { flex: 1 1 auto !important; }
      .flex-sm-grow-0       { flex-grow: 0 !important; }
      .flex-sm-grow-1       { flex-grow: 1 !important; }
      .flex-sm-shrink-0     { flex-shrink: 0 !important; }
      .flex-sm-shrink-1     { flex-shrink: 1 !important; }

      .justify-content-sm-start   { justify-content: flex-start !important; }
      .justify-content-sm-end     { justify-content: flex-end !important; }
      .justify-content-sm-center  { justify-content: center !important; }
      .justify-content-sm-between { justify-content: space-between !important; }
      .justify-content-sm-around  { justify-content: space-around !important; }

      .align-items-sm-start    { align-items: flex-start !important; }
      .align-items-sm-end      { align-items: flex-end !important; }
      .align-items-sm-center   { align-items: center !important; }
      .align-items-sm-baseline { align-items: baseline !important; }
      .align-items-sm-stretch  { align-items: stretch !important; }

      .align-content-sm-start   { align-content: flex-start !important; }
      .align-content-sm-end     { align-content: flex-end !important; }
      .align-content-sm-center  { align-content: center !important; }
      .align-content-sm-between { align-content: space-between !important; }
      .align-content-sm-around  { align-content: space-around !important; }
      .align-content-sm-stretch { align-content: stretch !important; }

      .align-self-sm-auto     { align-self: auto !important; }
      .align-self-sm-start    { align-self: flex-start !important; }
      .align-self-sm-end      { align-self: flex-end !important; }
      .align-self-sm-center   { align-self: center !important; }
      .align-self-sm-baseline { align-self: baseline !important; }
      .align-self-sm-stretch  { align-self: stretch !important; }
  }
  
  @media (min-width: 768px) {
      .flex-md-row            { flex-direction: row !important; }
      .flex-md-column         { flex-direction: column !important; }
      .flex-md-row-reverse    { flex-direction: row-reverse !important; }
      .flex-md-column-reverse { flex-direction: column-reverse !important; }

      .flex-md-wrap         { flex-wrap: wrap !important; }
      .flex-md-nowrap       { flex-wrap: nowrap !important; }
      .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; }
      .flex-md-fill         { flex: 1 1 auto !important; }
      .flex-md-grow-0       { flex-grow: 0 !important; }
      .flex-md-grow-1       { flex-grow: 1 !important; }
      .flex-md-shrink-0     { flex-shrink: 0 !important; }
      .flex-md-shrink-1     { flex-shrink: 1 !important; }

      .justify-content-md-start   { justify-content: flex-start !important; }
      .justify-content-md-end     { justify-content: flex-end !important; }
      .justify-content-md-center  { justify-content: center !important; }
      .justify-content-md-between { justify-content: space-between !important; }
      .justify-content-md-around  { justify-content: space-around !important; }

      .align-items-md-start    { align-items: flex-start !important; }
      .align-items-md-end      { align-items: flex-end !important; }
      .align-items-md-center   { align-items: center !important; }
      .align-items-md-baseline { align-items: baseline !important; }
      .align-items-md-stretch  { align-items: stretch !important; }

      .align-content-md-start   { align-content: flex-start !important; }
      .align-content-md-end     { align-content: flex-end !important; }
      .align-content-md-center  { align-content: center !important; }
      .align-content-md-between { align-content: space-between !important; }
      .align-content-md-around  { align-content: space-around !important; }
      .align-content-md-stretch { align-content: stretch !important; }

      .align-self-md-auto     { align-self: auto !important; }
      .align-self-md-start    { align-self: flex-start !important; }
      .align-self-md-end      { align-self: flex-end !important; }
      .align-self-md-center   { align-self: center !important; }
      .align-self-md-baseline { align-self: baseline !important; }
      .align-self-md-stretch  { align-self: stretch !important; }
  }
  
  @media (min-width: 992px) {
      .flex-lg-row            { flex-direction: row !important; }
      .flex-lg-column         { flex-direction: column !important; }
      .flex-lg-row-reverse    { flex-direction: row-reverse !important; }
      .flex-lg-column-reverse { flex-direction: column-reverse !important; }

      .flex-lg-wrap         { flex-wrap: wrap !important; }
      .flex-lg-nowrap       { flex-wrap: nowrap !important; }
      .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; }
      .flex-lg-fill         { flex: 1 1 auto !important; }
      .flex-lg-grow-0       { flex-grow: 0 !important; }
      .flex-lg-grow-1       { flex-grow: 1 !important; }
      .flex-lg-shrink-0     { flex-shrink: 0 !important; }
      .flex-lg-shrink-1     { flex-shrink: 1 !important; }

      .justify-content-lg-start   { justify-content: flex-start !important; }
      .justify-content-lg-end     { justify-content: flex-end !important; }
      .justify-content-lg-center  { justify-content: center !important; }
      .justify-content-lg-between { justify-content: space-between !important; }
      .justify-content-lg-around  { justify-content: space-around !important; }

      .align-items-lg-start    { align-items: flex-start !important; }
      .align-items-lg-end      { align-items: flex-end !important; }
      .align-items-lg-center   { align-items: center !important; }
      .align-items-lg-baseline { align-items: baseline !important; }
      .align-items-lg-stretch  { align-items: stretch !important; }

      .align-content-lg-start   { align-content: flex-start !important; }
      .align-content-lg-end     { align-content: flex-end !important; }
      .align-content-lg-center  { align-content: center !important; }
      .align-content-lg-between { align-content: space-between !important; }
      .align-content-lg-around  { align-content: space-around !important; }
      .align-content-lg-stretch { align-content: stretch !important; }

      .align-self-lg-auto     { align-self: auto !important; }
      .align-self-lg-start    { align-self: flex-start !important; }
      .align-self-lg-end      { align-self: flex-end !important; }
      .align-self-lg-center   { align-self: center !important; }
      .align-self-lg-baseline { align-self: baseline !important; }
      .align-self-lg-stretch  { align-self: stretch !important; }
  }
  
  @media (min-width: 1200px) {
      .flex-xl-row            { flex-direction: row !important; }
      .flex-xl-column         { flex-direction: column !important; }
      .flex-xl-row-reverse    { flex-direction: row-reverse !important; }
      .flex-xl-column-reverse { flex-direction: column-reverse !important; }

      .flex-xl-wrap         { flex-wrap: wrap !important; }
      .flex-xl-nowrap       { flex-wrap: nowrap !important; }
      .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; }
      .flex-xl-fill         { flex: 1 1 auto !important; }
      .flex-xl-grow-0       { flex-grow: 0 !important; }
      .flex-xl-grow-1       { flex-grow: 1 !important; }
      .flex-xl-shrink-0     { flex-shrink: 0 !important; }
      .flex-xl-shrink-1     { flex-shrink: 1 !important; }

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

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

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

      .align-self-xl-auto     { align-self: auto !important; }
      .align-self-xl-start    { align-self: flex-start !important; }
      .align-self-xl-end      { align-self: flex-end !important; }
      .align-self-xl-center   { align-self: center !important; }
      .align-self-xl-baseline { align-self: baseline !important; }
      .align-self-xl-stretch  { align-self: stretch !important; }
  }
  


/*** Typography & Fonts ***/
body { 
  background: #f7f8fc; 
  background-attachment: fixed;
  background-image:
  url(https://cdn2.hubspot.net/hubfs/4540002/GFY_WEBSITE%20BG_SHAPE%20PATTERN-min.png);
}

.header-container-wrapper,
.body-container-wrapper,
.footer-container-wrapper { 
  background-color: #fff; 
  max-width: 1600px !important; 
  margin: 0 auto;
     -webkit-box-shadow: 0 13px 27px -5px rgba(50,50,93,.25), 0 8px 16px -8px rgba(0,0,0,.3), 0 -6px 16px -6px rgba(0,0,0,.025);
    box-shadow: 0 13px 27px -5px rgba(50,50,93,.25), 0 8px 16px -8px rgba(0,0,0,.3), 0 -6px 16px -6px rgba(0,0,0,.025);
}

@media (min-width: 1600px) {
	.header-container-wrapper { 
    margin-top: 20px;
    border-radius: 10px 10px 0 0;
  }
  .footer-container-wrapper { 
    margin-bottom: 40px;
    border-radius: 0 0 10px 10px;
  }
  
}


.site-footer .footer-caption p { font-size: 22px!important; }
.site-footer .footer-caption { max-width: 280px; }
.site-footer .hs-menu-wrapper.hs-menu-flow-vertical>ul li a { transition: 0.3s all; }
.gfy-home .site-footer-wrapper .row-fluid-wrapper.row-depth-2.row-number-2 { position: initial; }
.gfy-case-study-child .body-container-wrapper { overflow: hidden; }
@media (min-width: 768px) {
	.gfy-case-study-child .slick-list { margin-left: -15px; margin-right: -15px; }
}

.text-light { color: #9ca8b7!important; }

h1, h2, h3, h4, h5, h6,
.h1:not(.widget-span), 
.h2:not(.widget-span), 
.h3:not(.widget-span), 
.h4:not(.widget-span), 
.h5:not(.widget-span), 
.h6:not(.widget-span) { margin-bottom: 1rem; font-family: inherit; }
h1, .h1:not(.widget-span), .h1 .hs_cos_wrapper_type_header > * { font-size: 3.125rem;  font-weight: 400; line-height: 1.2; }
h2, .h2:not(.widget-span), .h2 .hs_cos_wrapper_type_header > * { font-size: 2.5rem;    font-weight: 400; line-height: 1.2; }
h3, .h3:not(.widget-span), .h3 .hs_cos_wrapper_type_header > * { font-size: 2rem; font-weight: 400; line-height: 1.2; }
h4, .h4:not(.widget-span), .h4 .hs_cos_wrapper_type_header > * { font-size: 1.5625rem;  font-weight: 400; line-height: 1.2; }
h5, .h5:not(.widget-span), .h5 .hs_cos_wrapper_type_header > * { font-size: 1.375rem; font-weight: 400; line-height: 1.2; }
h6, .h6:not(.widget-span), .h6 .hs_cos_wrapper_type_header > * { font-size: 1rem;    font-weight: 400; line-height: 1.2; }
.display-1:not(.widget-span), .display-1 .hs_cos_wrapper_type_header > * { font-size: 62px; font-weight: 700; line-height: 1.1; }
.display-2:not(.widget-span), .display-2 .hs_cos_wrapper_type_header > * { font-size: 58px; font-weight: 700; line-height: 1.1; }
.display-3:not(.widget-span), .display-3 .hs_cos_wrapper_type_header > * { font-size: 48px; font-weight: 700; line-height: 1.1; }
.display-4:not(.widget-span), .display-4 .hs_cos_wrapper_type_header > * { font-size: 42px; font-weight: 700; line-height: 1.1; }
@media (max-width: 767px) {
  .display-1:not(.widget-span), .display-1 .hs_cos_wrapper_type_header > * { font-size: 36px; }
  h1, .h1:not(.widget-span), .h1 .hs_cos_wrapper_type_header > * { font-size: 36px; }
  h2, .h2:not(.widget-span), .h2 .hs_cos_wrapper_type_header > * { font-size: 32px; }
  h3, .h3:not(.widget-span), .h3 .hs_cos_wrapper_type_header > * {  }
  h4, .h4:not(.widget-span), .h4 .hs_cos_wrapper_type_header > * {  }
  h5, .h5:not(.widget-span), .h5 .hs_cos_wrapper_type_header > * {  }
  h6, .h6:not(.widget-span), .h6 .hs_cos_wrapper_type_header > * {  }
  .display-1:not(.widget-span), .display-1 .hs_cos_wrapper_type_header > * { }
  .display-2:not(.widget-span), .display-2 .hs_cos_wrapper_type_header > * { }
  .display-3:not(.widget-span), .display-3 .hs_cos_wrapper_type_header > * { }
  .display-4:not(.widget-span), .display-4 .hs_cos_wrapper_type_header > * { }
}

.text-lighter { color: #86b8e0; }
.text-lighter .hs_cos_wrapper_type_header > * { color: #fff; }

p { margin-bottom: 1remrem; }

.blockquote { margin-bottom: 1remrem; }

@media (min-width: 992px) {
  .text-lg { font-size: 22px; line-height: 1.36; }
}

.lead { font-size: 22px; font-weight: 400; color: #9ca8b7; }

small, 
.small { font-size: 80%; font-weight: normal; }

/*** Base Styling ***/

.row-fluid:before, 
.row-fluid:after { display: none!important; }
div.submitted-message { text-align: center; }
img { max-width: 100%; height: auto; }
hr { margin-top: 2rem; margin-bottom: 2rem; border: none; height: 1px; background: #dee2e6; }
a { color: #00549e; text-decoration: underline; background-color: transparent; -webkit-text-decoration-skip: objects; }
a:hover,
a:focus { color: #00458f; text-decoration: none; }
a.btn, .btn { font-size: 14px; font-weight: 700; padding: 18px 38px; }
p { overflow-wrap: break-word; }
.get-bg { display: none!important; }
.set-bg { background-size: cover; background-position: center; }
.widget-span.mx-auto { float: none; }
button.mfp-close:focus { outline: 0; }
@media (max-width: 767px) {
  .widget-span.page-spacer { display: none; }
}
.yellow-heading h1,
.yellow-heading h2,
.yellow-heading h3,
.yellow-heading h4,
.yellow-heading h5,
.yellow-heading h6 {
  color: #ffbd00;
}

.green-heading h1,
.green-heading h2,
.green-heading h3,
.green-heading h4,
.green-heading h5,
.green-heading h6 {
  color: #1fd59c ;
}

.bold-heading h1,
.bold-heading h2,
.bold-heading h3,
.bold-heading h4,
.bold-heading h5,
.bold-heading h6 {
  font-weight: 700;
}

.content-grey, .content-grey p { color: #9ca8b7; }
.our-customers h4 {
  color: #b2bdc7;
  text-transform: uppercase;
  letter-spacing: .4px;
  line-height: 27px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.75px;
}
.our-customers h4:before {
  content: '';
  width: 43%;
  border-bottom: solid 1px #e2e7ec;
  position: absolute;
  left: 0;
  top: 30%;
  z-index: 1;
}
.our-customers h4:after {
  content: '';
  width: 43%;
  border-bottom: solid 1px #e2e7ec;
  position: absolute;
  right: 0;
  top: 30%;
  z-index: 1;
}

@media (max-width: 767px) {
.our-customers h4:before, .our-customers h4:after {
  width: 30%;
  }
}
/*** Icons ***/

.hs-button { width: 100%; background-color: #00549e; border-color: #00549e; color: #fff; }
.hs-button:hover,
.hs-button:focus { color: #fff; background-color: #004d97; border-color: #004a94; }
.yellow-squiggle-icon:before { content: ''; display: block; position: absolute; background-image: url('https://cdn2.hubspot.net/hubfs/4540002/GFY/yellow_squiggle_large.svg'); height: 55px; width: 51px; z-index: 10; top: -26px; right: 73px; }


.header-lp { padding: 30px 0; }
.header-lp a { color: #fff; text-decoration: none; }
@media (min-width: 992px) {
  .header-lp { padding: 68px 0; }
}

.header-lp .text-left a:before { content: '\203a'; margin-right: 4px; transform: scaleX(-1); display: inline-block; }
.header-lp .text-right a:after { content: '\203a'; margin-left: 4px; display: inline-block; }

/*** Forms ****/


.hs-form { font-size: 16px; color: #fff; letter-spacing: 0.1px; line-height: 1.75; }
.hs-form a { color: #fff; }
.hs-form .hs-richtext { margin-bottom: 1rem; }
.hs-form label { color: #00549e; }
.hs-form .hubspot-link__container { position: static; margin-top: 1rem; }
.hs-form textarea { min-height: 150px; }

.hs-fieldtype-select > label { display: none; }
select.hs-input:not([size]):not([multiple]), select.form-control:not([size]):not([multiple]) { height: 50px; }

.select-hidden { display: none; visibility: hidden; }
.select { cursor: pointer; display: inline-block; position: relative; font-size: 1rem; color: #00549e; width: 100%; }
.select-styled { font-size: 1rem; line-height: 1.3; text-align: left; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #fff; border-bottom: 2px solid #b5cde7; padding: 0.875rem 1rem; transition: all 0.2s ease-in; border-radius: 0; }
.select-styled:after { content: ''; height: 10px; width: 10px; margin-top: -4px; border-left: 1px solid #00549e; border-bottom: 1px solid #000; position: absolute; top: 50%; right: 12px; transform: rotate(-45deg) translateY(-50%); }
.select-styled.active { border-color: #196db7; }
.select-options { text-align: left; display: none; overflow: hidden; position: absolute; top: 100%; right: 0; left: 0; z-index: 999; margin: 3px 0 0; padding: 5px 0; list-style: none; border-bottom: 1px solid #b9d4ee; background-color: #fff; border-radius: 0; }
.select-options li { margin: 0; padding: 0.875rem 1rem; border-top: #b9d4ee; transition: all 0.15s ease-in; }
.select-options li:hover { color: #fff; background: #00549e; }
.select-options li[rel="hide"] { display: none; }

.form-inline .hs-form { position: relative; }
.form-inline .actions { position: absolute; top: 5px; right: 5px; }
.form-inline .actions:after { content: '\e832'; pointer-events: none; display: block; position: absolute; top: 0; left: 0; height: 40px; width: 40px; text-align: center; line-height: 40px; color: #fff; font-family: fontello; }
.form-inline .hs-button { background-color: #202742; border-color: #202742; color: #fff; text-indent: 100%; overflow: hidden; padding: 0; height: 40px; width: 40px; border-radius: 20px; }
.form-inline .hs-button:hover,
.form-inline .hs-button:focus { color: #fff; background-color: #19203b; border-color: #161d38; }

.hs-form-field { }
#hs-pwd-widget-password, 
.hs-search-field__input, 
.hs-input:not([type="radio"]):not([type="checkbox"]):not([type="file"]), 
.form-control {
  border-top: none;
  border-left: none;
  border-right: none;
  font-size: 16px;
  border-bottom: 2px solid #b5cde7;
}

.text-center .hs-form > fieldset .legal-consent-container { font-size: 15px; text-align: center; }

.hs-form .hs-form-field.hs-fieldtype-textarea,
.hs-form .hs-form-field.hs-fieldtype-text { position: relative; }
.hs-form .hs-form-field.hs-fieldtype-textarea > label,
.hs-form .hs-form-field.hs-fieldtype-text > label { pointer-events: none; transition: all 0.2s; position: absolute; top: 12px; left: 26px; font-size: 16px; }
.hs-form .hs-form-field.hs-fieldtype-textarea.floating-placeholder-float > label,
.hs-form .hs-form-field.hs-fieldtype-text.floating-placeholder-float > label { font-size: 10px; color: #a3c1dd; top: 6px; }
.hs-form .hs-form-field.hs-fieldtype-textarea.floating-placeholder-float .hs-input,
.hs-form .hs-form-field.hs-fieldtype-text.floating-placeholder-float .hs-input { padding-top: 20px; padding-bottom: 8px; border-bottom: 2px solid #b5cde7; }

.hs-form-field .hs-input[type=file] { background: none; border-color: transparent; }

.hs-form-field .inputs-list { padding-left: 0; }
.hs-form-field .inputs-list label { color: #fff; cursor: pointer; }
.hs-form-field .inputs-list input { height: 0; width: 0; visibility: hidden; }
.hs-form-field .inputs-list input + span { position: relative; }
.hs-form-field .inputs-list input + span:before { content: ''; position: absolute; border-radius: 2px; top: 50%; margin-top: 1px; transform: translateY(-50%); margin-left: -1.25rem; height: 14px; width: 14px; display: block; background-color: transparent; border: 2px solid #b9d4ee; }
.hs-form-field .inputs-list input[type=radio] + span:before { border-radius: 50%; }
.hs-form-field .inputs-list input:checked + span {}
.hs-form-field .inputs-list input:checked + span:before { background-color: #b9d4ee; }

.hs-fieldtype-checkbox label,
.hs-fieldtype-radio label,
.hs-fieldtype-date label,
.hs-fieldtype-file label { color: #fff; }

.hs-form-field .inputs-list .hs-form-booleancheckbox-display input:checked + span:after,
.hs-form-field .inputs-list .hs-form-checkbox-display input:checked + span:after { content: ''; position: absolute; top: 50%; left: 0; margin-top: 1px; height: 14px; width: 14px; transform: translateY(-50%); margin-left: -1.25rem;  background: url(https://cdn2.hubspot.net/hubfs/4540002/GFY/icon-tick.svg) no-repeat center; }

.hs-error-msgs { margin: 5px 0; padding: 0; font-size: 14px; color: #ff69a8; }

.hs-form > fieldset { text-align: left; }

.form-hide-labels .field:not(.hs-fieldtype-checkbox) > label { display: none; }

.header-container-wrapper { background-color: #fff; }

.gfy-form .lead { color: #8bbce2; }
.bg-blue { background-color: #3577ab; }
body.bg-blue .header-container-wrapper,
body.bg-blue .body-container-wrapper { background: none; box-shadow:none; }

/* ==========================================================================
END BASE CSS                                            
========================================================================== */

/* ==========================================================================
3. GLOBAL GROUPS                                          
========================================================================== */
/*
.row-depth-1 > div > .widget-type-custom_widget { padding-left: 0; padding-right: 0; }*/

.section { padding-top: 60px; padding-bottom: 60px; }
.section-lg { padding-top: 100px; padding-bottom: 100px; }
@media (max-width: 767px) {
  .section { padding-top: 40px; padding-bottom: 30px; }
  .section-lg { padding-top: 60px; padding-bottom: 60px; }
}

/*** Hero ***/
.section-hero { height: 600px; overflow: hidden; }
.section-hero h1 { font-size: 50px!important; font-weight: 400; }
.section-hero.bg-blue { background-color: #3577ab; }
.section-hero.bg-blue .btn { background-color: #4684b5; border-color: #4684b5; }
.section-hero .hero-content { max-width: 430px; margin-left: 130px!important; position: absolute; top: 130px; }
.section-hero .hero-icons img { width: auto!important; margin-bottom: 35px; }
.section-hero > .row-fluid-wrapper { height: 100%; }
.section-hero > .row-fluid-wrapper > .row-fluid { display: flex; flex-direction: column; justify-content: center; height: 100%; }
.section-hero > .row-fluid-wrapper > .row-fluid > [class*="span"] { flex: 0 0 auto; }
/*.gfy-home-new .row-fluid .bg-video-container { background-color: #f00!important; }*/
body .row-fluid .bg-video-container { height: 600px; }
video#hero-video { width: 100%; }
.gfy-home .section-hero { background-size: auto; background-repeat: no-repeat; background-position: bottom right; padding-left: 0px; padding-right: 0px; overflow: hidden; }
.section-hero.hero-static-container { background-color: #3577AB; }
@media (min-width: 1200px) {
  /*** Note: Container width waas originally 1440px wide but has changed to 1600px **/
  .width-1440.container { max-width: 1600px; }
}
@media (max-width: 1200px) {
  .section-hero .hero-content {
    margin-left: 30px!important;
  }
  .section-hero video#hero-video { 
    position: absolute;
    bottom: 0;
  }
}

@media (max-width: 767px) {
  .section-hero, body .row-fluid .bg-video-container {
    height: 450px;
  }
  .gfy-home-new .section-hero, body .row-fluid .bg-video-container {
    height: 650px;
  }
  .section-hero h1 { 
    font-size: 40px!important;
  }
  .gfy-home-new .section-hero h1 { 
    font-size: 30px!important;
  }
  .gfy-home-new .section-hero .hero-icons img {
    margin-bottom: 10px;
  }
  .section-hero .hero-content {
    top: 80px;
  }
}

@media (max-width: 500px) {
  .section-hero .hero-content {
    top: 50px;
    max-width: 300px;
  }
  .gfy-home .section-hero video#hero-video { 
    bottom: 100px;
  }
  .gfy-home .section-hero h1 {
    font-size: 30px!important;
  }
}

@media (max-width: 380px) {
  .gfy-home-new .section-hero, body .row-fluid .bg-video-container {
    height: 580px;
  }
  .gfy-home .section-hero video#hero-video { 
    bottom: 50px;
  }
}

@media (max-width: 350px) {
  .gfy-home-new .section-hero, body .row-fluid .bg-video-container {
    height: 518px;
  }
  .gfy-home-new .section-hero .hero-header h1 { font-size: 25px!important; }
  .section-hero .hero-content { max-width: 270px; }
}

/*** Hero Background Image Placement
@media (min-width: 992px) {
  .gfy-what-is-gamification .hero-static .bg { background-position: 100% 68%; }
  .gfy-case-study-child .hero-static .bg { background-position: 210px; }
}
@media (max-width: 991px) {
  .gfy-what-is-gamification .hero-static .row { background-image: url("https://cdn2.hubspot.net/hubfs/4540002/hand_transparent.png")!important; }
	.gfy-what-is-gamification .hero-static .col-lg-6.right .bg { display: none; }
  .gfy-what-is-gamification .hero-static .col-lg-6.left, .gfy-what-is-gamification .hero-static .col-lg-6.right { background-color: rgba(255,255,255,0); }
  .gfy-what-is-gamification .hero-static .row { background-position: 0% 12%; background-repeat: no-repeat; }
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 
  .hero-static .row { background-repeat: no-repeat; }
  .gfy-partner .hero-static .col-lg-6.right .bg { display: none; }
  .gfy-partner .hero-static .col-lg-6.left, .gfy-partner .hero-static .col-lg-6.right { background-color: rgba(255,255,255,0); }
  .gfy-partner .hero-static .row { background-position: -65% 16%; background-repeat: no-repeat; }
  
  .gfy-wix .hero-static .bg { display: none; }
  .gfy-wix .hero-static .col-lg-6.left, .gfy-wix .hero-static .col-lg-6.right { background-color: rgba(255,255,255,0); }
  .gfy-wix .hero-static .row { background-position: 276% -100%; background-size: contain; }
  
  .gfy-direct .hero-static .col-lg-6.right .bg { display: none; }
  .gfy-direct .hero-static .col-lg-6.left, .gfy-direct .hero-static .col-lg-6.right { background-color: rgba(255,255,255,0); }
  .gfy-direct .hero-static .row { background-position: 124% 253%; background-size: contain; }
  
  .gfy-video .hero-static .col-lg-6.right .bg { display: none; }
  .gfy-video .hero-static .col-lg-6.left, .gfy-video .hero-static .col-lg-6.right { background-color: rgba(255,255,255,0); }
  .gfy-video .hero-static .row { background-position: -329% 16%; background-repeat: no-repeat; }
  
  .gfy-what-is-gamification .hero-static .col-lg-6.right .bg { display: none; }
  .gfy-what-is-gamification .hero-static .col-lg-6.left, .gfy-what-is-gamification .hero-static .col-lg-6.right { background-color: rgba(255,255,255,0); }
  .gfy-what-is-gamification .hero-static .row { background-position: 1000% 16%; background-repeat: no-repeat; }
}

/* Portrait 
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
    .gfy-partner .hero-static .row { background-position: -2000% 22%; }
    .gfy-wix .hero-static .row { background-position: 154% -108%; }
    .gfy-video .hero-static .row  { background-position: 120% 16%; }
    
    .gfy-what-is-gamification .hero-static .col-lg-6.right .bg { display: none; }
    .gfy-what-is-gamification .hero-static .col-lg-6.left, .gfy-what-is-gamification .hero-static .col-lg-6.right { background-color: rgba(255,255,255,0); }
    .gfy-what-is-gamification .hero-static .row { background-position: 135% 16%; background-repeat: no-repeat; }
}
***/


/*** Page Title ***/

/*** Slick Slider ***/
.slick-dots li { margin-right: 20px; }
.slick-dots li button:before { height: 14px; width: 14px; background: #d8e7f7; border: 2px solid #d8e7f7; transition: 0.3s all; }
.slick-dots li.slick-active button:before { border: 2px solid #00549e; }
.slick-dots li button:hover:before, .slick-dots li button:focus:before { border: 2px solid #00549e; }
@media (max-width: 450px) {
  .gfy-what-is-gamification .gfy-game-slider-container .slick-dots { display: none!important; }
}
/*** CTA Banners ***/

/*** Our Customers ***/
.our-customers .hs_cos_wrapper.hs_cos_wrapper_widget.hs_cos_wrapper_type_text { color: #9ca8b7; font-size: 20px; }

/*** Big Slider ***/
.widget-span.slider-heading { max-width: 597px; font-weight: 400; }
.widget-span.slider-heading h1 { font-weight: 400; }
@media (max-width: 767px) {
  .widget-span.slider-heading h1 {
    font-size: 30px;
  }
}

/*** Game Slider ***/

@media (min-width: 768px) {
  .span12.widget-span.game-slider-module .slick-list { margin-left: -15px; margin-right: -15px; }
}

/*** Our Customers ***/

.section.our-customers { overflow: hidden; }
@media (max-width: 767px) {
  .our-customers-blurb { 
    margin-bottom: 40px;
  }
}

/*** Pricing ***/
.pricing h4 { line-height: 48px; }
.pricing h4, .pricing h2 { margin-bottom: 0px; }

/*** Content Video Group ***/

.widget-span.grey-content, .widget-span.grey-content p { color: #9CA8B7!important; font-size: 22px; }

/*** Three Column Info ***/

.col-info { margin-bottom: 40px; }
.three-col-info .col-info img { max-width: 40px; }

.three-col-info.col-info-margin-bottom .col-info { margin-bottom: 70px; }

@media (min-width: 992px) {
  .three-col-info .top-section { max-width: 596px; }
  .three-col-info h4 { font-size: 22px; }
  .three-col-info .content-grey { line-height: 28px; }
}

@media (max-width: 991px) {
  .three-col-info .col-info {
    margin-bottom: 40px;
  }
  .three-col-info.col-info-margin-bottom .col-info {
    margin-bottom: 40px;
  }
}

.yellow-badge span { color: #ffbd00; text-transform: uppercase; letter-spacing: 0.88px; font-weight: 700; font-size: 14px; background-color: #fff4d5; display: inline-block; border-radius: 3px; padding: 8px 18px; }
.green-badge span { color: #1fd59c; text-transform: uppercase; letter-spacing: 0.88px; font-weight: 700; font-size: 14px; background-color: #dbfff4; display: inline-block; border-radius: 3px; padding: 8px 18px; }

.gfy-content h1,
.gfy-content h2,
.gfy-content h3,
.gfy-content h4,
.gfy-content h5,
.gfy-content h6 {
  color: #343a40;
}

/*** Marketing Needs ***/
.marketing-needs h3 { font-weight: 700; }
@media (max-width: 768px) {
  .marketing-needs { margin-bottom: 60px; }
  .marketing-needs h3 { font-size: 26px; }
}

/*** Add Ons (Direct Page) ***/

.add-on-section .add-on { margin-bottom: 50px; }

/* ==========================================================================
END GLOBAL GROUPS                                          
========================================================================== */

.grid > span { display: flex; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; }
.grid > span > div { width: 100%; position: relative; padding-left: 15px; padding-right: 15px; }

@media (min-width: 576px) {
  .grid-sm-6 > span > div { max-width: 50%; flex: 0 0 50%; } 
}

@media (min-width: 992px) {
  .grid-lg-4 > span > div { max-width: 33.3333%; flex: 0 0 33.3333%; } 
}

.topic-link { padding: 5px 10px; border-radius: 4px; background-color: #f6f8fb; color: #00549e; text-decoration: none; font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.88px; display: inline-block; margin: 4px; }

@media (min-width: 768px) {
	.blog-container-inner { max-width: 870px!important; padding-left: 60px!important; padding-right: 60px!important; }
}

.post-body { font-family: Merriweather, georgia, serif; color: #596068; font-size: 16px; font-weight: 400; line-height: 2.06; letter-spacing: 0.1px; }
.post-body ol,
.post-body ul,
.post-body p { margin-bottom: 32px; }
.post-body > span > p:first-child { font-family: Europa, Arial, sans-serif; font-size: 25px; font-weight: 700; line-height: 1.52; color: #323031; letter-spacing: -0.1px; }
.post-body h1,
.post-body h2,
.post-body h3,
.post-body h4,
.post-body h5,
.post-body h6 { color: #323031; font-weight: 700; letter-spacing: 0.1px; font-family: Europa, Arial, sans-serif; margin-top: 80px; margin-bottom: 20px; }
.post-body > span > h1:first-child,
.post-body > span > h2:first-child,
.post-body > span > h3:first-child,
.post-body > span > h4:first-child,
.post-body > span > h5:first-child,
.post-body > span > h6:first-child { margin-top: 0; }
.post-body h1 { font-size: 26px; }
.post-body h2 { font-size: 20px; }
.post-body h3 { font-size: 19px; }
.post-body h4 { font-size: 18px; }
.post-body h5 { font-size: 17px; }
.post-body h6 { font-size: 16px; }
.post-body blockquote { border-left: 4px solid #00549e; padding-left: 15px; color: #00549e; font-weight: 700; letter-spacing: 0.14px; font-family: Europa, Arial, sans-serif; margin-top: 65px; margin-bottom: 65px; font-size: 22px; line-height: 1.59; }
.post-body blockquote li { margin-bottom: 32px; }
.post-body img { border-radius: 4px; margin: 80px auto; }
.post-body .caption { font-size: 12px; color: #9ca8b7; letter-spacing: 0.08px; }
.post-body img + .caption { margin-top: -60px; margin-bottom: 60px; }

@media (max-width: 767px) {
	.blog-filter-bar { display: none!important; }
}

.related-title .hs_cos_wrapper_type_header > * { font-size: 18px; color: #323031; font-weight: 300; border-bottom: 1px solid #eceff3; padding-bottom: 20px; margin-bottom: 40px; }

.post-item { color: #9ca8b7; margin-bottom: 40px; letter-spacing: 0.1px; line-height: 1.75; }
.post-item .featured-image-wrapper { margin-bottom: 30px; height: 0; padding: 0; padding-top: 66.6666%; position: relative; }
.post-item .featured-image-wrapper img { position: absolute; top: 0; left: 0; height: 100%; width: 100%; object-fit: cover; object-position: center; border-radius: 4px; }
.post-item .post-tags { margin-bottom: 20px; }
.post-item .post-title { font-weight: 700; display: flex; flex-direction: column; justify-content: center; }
.post-item .post-title a { color: #323031; text-decoration: none; }
.post-item .post-title a:hover { color: #00549e; }
.post-item .post-more { color: #00549e; letter-spacing: 0.1px; font-weight: bold; text-decoration: none; }
.post-item .post-more:after { content: '\203a'; display: inline-block; margin-left: 6px; }
.post-item .post-excerpt { margin-bottom: 20px; }
.hs-blog-listing ul.pagination li.active a { color: #00549e; }
@media (min-width: 992px) {
  .blog-listing-wrapper .post-item { margin-bottom: 100px; }
  .blog-listing-wrapper .post-item .post-title { margin: 40px 0; font-size: 32px; }
}

@media (min-width: 768px) {
  .row-fluid [class*="span"].sharing-container > div:first-child { z-index: 50; position: absolute; top: 0; right: 15px; bottom: 0; }
  .row-fluid [class*="span"].sharing-container > div:first-child > div { position: sticky; top: 20px; }
}
@media (max-width: 767px) {
  .social-share { margin-bottom: 30px; }
  .social-share ul { width: auto!important; text-align: center; }
  .social-share ul li { display: inline-block!important; }
}

.social-share { color: #9ca8b7; }
.social-share li a { color: #9ca8b7; }
.social-share li a:hover { color: #343a40; }

.topic-item .topic-link          { background: none; border: 2px solid #eff6fd; }
.topic-link.active,
.topic-link:hover                { background: #eff6fd; }
.topic-featured                  { background: rgba(255,255,255,0.2);}

.topic-uncategorized             { background: #def8f0; color: #ffffffcc; }
.topic-item .topic-uncategorized { background: #def8f0; border: 2px solid #def8f0; }
.topic-uncategorized.active,
.topic-uncategorized:hover       { background: #def8f0c3; color: #ffffffcc; border-color: #def8f0c3;}

.topic-popular                   { background: #343A40; color: #ffffffcc; }
.topic-item .topic-popular       { background: #343A40; border: 2px solid #343A40; }
.topic-popular.active,
.topic-popular:hover             { background: #343A40c3; color: #ffffffcc; border-color: #343A40c3;}

.topic-sales                   { background: #1FD59C; color: #ffffffcc; }
.topic-item .topic-sales       { background: #1FD59C; border: 2px solid #1FD59C; }
.topic-sales.active,
.topic-sales:hover             { background: #1FD59Cc3; color: #ffffffcc; border-color: #1FD59Cc3;}

.topic-marketing                   { background: #FF69A8; color: #ffffffcc; }
.topic-item .topic-marketing       { background: #FF69A8; border: 2px solid #FF69A8; }
.topic-marketing.active,
.topic-marketing:hover             { background: #FF69A8c3; color: #ffffffcc; border-color: #FF69A8c3;}

.topic-business                   { background: #00549E; color: #ffffffcc; }
.topic-item .topic-business       { background: #00549E; border: 2px solid #00549E; }
.topic-business.active,
.topic-business:hover             { background: #00549Ec3; color: #ffffffcc; border-color: #00549Ec3;}

.topic-e-learning                   { background: #FFBD00; color: #ffffffcc; }
.topic-item .topic-e-learning       { background: #FFBD00; border: 2px solid #FFBD00; }
.topic-e-learning.active,
.topic-e-learning:hover             { background: #FFBD00c3; color: #ffffffcc; border-color: #FFBD00c3;}

.order-1 { order: 1; }
.order-2 { order: 2; }
.order-3 { order: 3; }
.order-4 { order: 4; }
.order-5 { order: 5; }
.order-6 { order: 6; }
.order-7 { order: 7; }
.order-8 { order: 8; }
.order-9 { order: 9; }
.order-10 { order: 10; }
.order-11 { order: 11; }
.order-12 { order: 12; }
@media (min-width: 768px) {
  .order-md-1 { order: 1; }
  .order-md-2 { order: 2; }
  .order-md-3 { order: 3; }
  .order-md-4 { order: 4; }
  .order-md-5 { order: 5; }
  .order-md-6 { order: 6; }
  .order-md-7 { order: 7; }
  .order-md-8 { order: 8; }
  .order-md-9 { order: 9; }
  .order-md-10 { order: 10; }
  .order-md-11 { order: 11; }
  .order-md-12 { order: 12; }
}

/* ==========================================================================
   SUBSCRIPTIONS PAGES                                        
   ========================================================================== */

body.fullwidth .header-container-wrapper, 
body.fullwidth .body-container-wrapper, 
body.fullwidth .footer-container-wrapper { max-width: none; }


.widget-type-email_subscriptions p,
.widget-type-email_subscriptions_confirmation p,
.widget-type-email_simple_subscription p,
.widget-type-email_subscriptions p,
.widget-type-email_subscriptions_confirmation p,
.widget-type-email_simple_subscription p {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5;
  margin: 0 0 1rem;
}
.widget-type-email_subscriptions h1,
.widget-type-email_subscriptions_confirmation h1,
.widget-type-email_simple_subscription h1 {
  font-weight: 700;
  font-size: 24px;
  line-height: 1.5;
  margin: 0 0 1rem;
}
.widget-type-email_subscriptions h2,
.widget-type-email_subscriptions_confirmation h2,
.widget-type-email_simple_subscription h2,
.widget-type-email_subscriptions h2,
.widget-type-email_subscriptions_confirmation h2,
.widget-type-email_simple_subscription h2 {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5;
  margin: 0 0 1rem;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
  .checkbox-row input {
    position: relative;
    top: 6px;
  }
}

#email-prefs-form h3 {
  display: inline-block;
  font-size: 1rem;
  margin: 0 0 .5rem;
}

#email-prefs-form { text-align: center; }
.page-header { text-align: center; border-bottom: 1px solid #eceff3; padding-bottom: 80px!important; margin-bottom: 80px!important; } 
.page-header h1 { font-size: 0; margin-bottom: 30px; }
.page-header h1:before { content: 'Your registered email'; font-size: 18px; font-weight: 700; }
.page-header h2 { padding: 13px 20px; display: inline-block; text-align: center; min-width: 330px; font-weight: 500; letter-spacing: 0.2px; color: #00549e; background-color: #eff6fd; border-radius: 25px; }
#email-prefs-form .page-header p { display: none; }
#email-prefs-form #content .header { text-align: left; font-size: 18px; font-weight: 700; margin-bottom: 50px; }

#content.success { 
  margin-top: 60px;
  position: relative;
  padding: .75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid #0000;
  border-radius: .25rem;
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
}

#email-prefs-form .email-prefs { margin-bottom: 40px; }
#email-prefs-form .email-prefs .item { cursor: default; padding: 0; }
#email-prefs-form .email-prefs .item .item-inner { text-align: left; position: relative; padding: 40px 40px 40px; background-color: #eff6fd; border-radius: 4px; box-shadow: none; border: none; color: #9ca8b7; font-size: 16px; font-weight: 500; line-height: 1.63; }

#email-prefs-form .email-prefs .item .item-inner p { color: #9ca8b7; }
#email-prefs-form .email-prefs .item .item-inner  span { color: #00549e; }
#email-prefs-form .email-prefs .item .item-inner .checkbox-row { overflow: visible; }
#email-prefs-form .email-prefs .item .item-inner .fakelabel { display: block; font-weight: 700; font-size: 20px; color: #00549e; margin-bottom: 24px; }
#email-prefs-form .email-prefs .item .item-inner .fakelabel input { cursor: pointer; z-index: 10; top: 50%; transform: translateY(-50%); right: 70px; height: 45px; width: 45px!important; opacity: 0; position: absolute; }
#email-prefs-form .email-prefs .item .item-inner .fakelabel span { margin: 0; display: inline-block; float: none; }
#email-prefs-form .email-prefs .item .item-inner .fakelabel span:first-of-type:before { content: ''; right: 70px; top: 50%; transform: translateY(-50%); display: block; position: absolute; width: 45px; height: 45px; border-radius: 4px; background-color: #ffffff; border: 2px solid #cee1f3; }
#email-prefs-form .email-prefs .item .item-inner .fakelabel span:first-of-type:after { content: ''; right: 70px; top: 50%; transform: translateY(-50%); display: block; position: absolute; width: 45px; height: 45px; border-radius: 4px; }
#email-prefs-form .email-prefs .item .item-inner .fakelabel input:checked + span:first-of-type:before { background-color: #00549e; border-color: #00549e; }
#email-prefs-form .email-prefs .item .item-inner .fakelabel input:checked + span:first-of-type:after { background: url(https://www.youandco.com.au/hubfs/tick.svg) center no-repeat; }
#email-prefs-form .email-prefs .item.disabled .item-inner .fakelabel input:checked + span:first-of-type:before { background: none; }
#email-prefs-form .email-prefs .item.disabled .item-inner .fakelabel input:checked + span:first-of-type:after { background: none; }
#email-prefs-form .email-prefs .item.disabled .item-inner .fakelabel input { cursor: default; }
#email-prefs-form .email-prefs .item .item-inner p { margin: 0; max-width: 420px; }
#email-prefs-form .subscribe-options { border-bottom: 1px solid #eceff3; margin-top: 60px; padding-bottom: 60px; margin-bottom: 40px; }
#email-prefs-form .subscribe-options .header { display: none; }
#email-prefs-form .subscribe-options p { text-align: center; font-size: 16px; font-weight: 500; color: #000000; margin: 0; }
#email-prefs-form .subscribe-options label { margin: 0; }
#email-prefs-form .subscribe-options label span { margin: 0; color: #00549e; text-decoration: underline; }
#email-prefs-form .subscribe-options label input { height: 0; width: 0; margin: 0; }
#email-prefs-form .subscribe-options p input { visibility: hidden; }
#email-prefs-form .hs-button { width: auto; }
@media (max-width: 767px) {
  .page-header h2 { min-width: 0; }
    
  #email-prefs-form .email-prefs .item { margin: 0 auto 10px; }
  #email-prefs-form .email-prefs .item .item-inner { padding: 20px 20px 20px 90px; }
  #email-prefs-form .email-prefs .item .item-inner .fakelabel { font-size: 16px; }
  #email-prefs-form .email-prefs .item .item-inner .fakelabel span:first-of-type:before,
  #email-prefs-form .email-prefs .item .item-inner .fakelabel span:first-of-type:after { top: 20px; left: 20px; transform: none; }
  #email-prefs-form .subscribe-options { padding-bottom: 30px; margin-bottom: 30px; }
}

.hs_cos_wrapper_type_email_simple_subscription .page-header { display: none; }
.hs_cos_wrapper_type_email_simple_subscription #email-prefs-form #content h3 { display: none; }

.hs_cos_wrapper_type_email_simple_subscription #email-prefs-form #content input:not([type=submit]) { border: none; border-radius: .25rem!important; margin-bottom: 0; font-size: 16px!important; background-color: #eff6fd; padding: 15px 20px!important; border-radius: 25px; }

@media (min-width: 576px) {
  .hs_cos_wrapper_type_password_prompt form { display: flex; max-width: 480px; margin: 0 auto; }
  .hs_cos_wrapper_type_password_prompt .hs-button { border-radius: 25px; }
  #hs-pwd-widget-password[style] { margin-bottom: 0; margin-right: 10px; border-radius: 25px; }

  .hs_cos_wrapper_type_email_simple_subscription #email-prefs-form #content { display: flex; max-width: 480px; margin: 0 auto; }
  .hs_cos_wrapper_type_email_simple_subscription #email-prefs-form #content > div[style] { flex-grow: 1; padding-bottom: 0!important; margin-right: 10px; }
}