/* ------------------------------------

  Theme Name:  Truu Digital
  Theme URL:   truudigital.com

  Template:    Truu
  Version:     0.7

  Author:      Devs @ Truu Digital
  Author URL:  truudigital.com
  License:     ©Truu Digital, LLC. This code can not be distributed or reproduced. 
               Limit one license per HubSpot portal.

  Table of Contents:
    1. Imports
    2. HubL Variables
    3. Reboot
    4. Layout
    5. Utilities
    6. Overrides

------------------------------------ */

/* --------------------  1. imports  -------------------- */
@import url('//fonts.googleapis.com/css?family=Muli:400,600,700,800&display=swap');
@import url('//www.truudigital.com/hubfs/truu/fonts/font-awesome-4.7.0/css/font-awesome.min.css');
@import url('//cdnjs.cloudflare.com/ajax/libs/lity/2.4.0/lity.min.css');
@import url('//cdnjs.cloudflare.com/ajax/libs/prism/1.20.0/themes/prism-tomorrow.min.css');
@import url('//unpkg.com/aos@2.3.1/dist/aos.css');


/* --------------------  2. variables  -------------------- */










 /* black 1 */
 /* black 2 */
 /* purple */
 /* purple */

 /* white */
 /* blue */
 /* green */
 /* light blue */
 /* white */
 /* greyish */
 /* greyish */
 /* purple */
 /* purple */
 /* black */
 /* grey */
 /* blue */
 /* blue */












 /* default: 576px */
 /* default: 576px */
 /* default: 768px */
 /* default: 992px */
 /* default: 1200px */

 /* default: 460px */
 /* default: 540px */
 /* default: 720px */
 /* default: 960px */
 /* default: 1140px */






/* --------------------  3. reboot   -------------------- */
*,
::after,
::before {
  box-sizing: border-box
}

html {
  font-family: 'Muli', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.75;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-smoothing: antialiased;
  background-color: #ffffff;
  color: #394455;
}

@media (min-width: 576px) {
  html {
    font-size: calc(14px + 2 * ((100vw - 576px) / 624));
  }
}
@media (min-width: 1200px) {
  html {
    font-size: 16px;
  }
}

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

body {
  margin: 0;
}

[tabindex="-1"]:focus:not(:focus-visible) {
  outline: 0!important
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, .1);
}

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

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

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

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

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

dt {
  font-weight: 600;
}

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

blockquote {
  margin: 0 0 1rem;
}

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;
}

a {
  color: #5c5cff;
  text-decoration: none;
  background-color: transparent;
  transition: all 300ms ease;
}

a:hover {
  color: #4343c5;
  text-decoration: none;
}

a:not([href]) {
  color: inherit;
  text-decoration: none;
}

a:not([href]):hover {
  color: inherit;
  text-decoration: none;
}

code,
kbd,
pre,
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;
}

figure {
  margin: 0 0 1rem;
}

img {
  vertical-align: middle;
  border-style: none;
  width: 100%;
  height: auto;
}

svg {
  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;
}

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

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

select {
  word-wrap: normal;
}

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

[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled),
button:not(:disabled) {
  cursor: pointer;
}

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

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

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

textarea {
  overflow: auto;
  resize: vertical;
}

fieldset {
  min-width: 0;
  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-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;
}

.small,
small {
  font-size: 86.666%;
  font-weight: 400;
}
.mark,
mark {
  padding: .2em;
  background-color: #fcf8e3;
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.list-inline {
  padding-left: 0;
  list-style: none;
}
.list-inline-item {
  display: inline-block;
}
.list-inline-item:not(:last-child) {
  margin-right: .5rem;
}
.initialism {
  font-size: 90%;
  text-transform: uppercase;
}
.blockquote {
  margin-bottom: 1rem;
  font-size: 1rem;
}
.blockquote-footer {
  display: block;
  font-size: 86.666%;
  color: #6c757d;
}
.blockquote-footer::before {
  content: "\2014\00A0";
}
.img-fluid {
  max-width: 100%;
  height: auto;
}
.img-thumbnail {
  padding: .25rem;
  background-color: #fff;
  border: 1px solid #dee2e6;
  max-width: 100%;
  height: auto;
}
.img-white {
  filter: brightness(0) invert(1);
}
.img-gray {
  filter: brightness(0);
  opacity: 0.35;
}
.figure {
  display: inline-block;
}
.figure-img {
  margin-bottom: .5rem;
  line-height: 1;
}
.figure-caption {
  font-size: 90%;
  color: #6c757d;
}
code {
  font-size: 87.5%;
  color: #e83e8c;
  word-wrap: break-word;
}
a>code {
  color: inherit;
}
kbd {
  padding: .2rem .4rem;
  font-size: 87.5%;
  color: #fff;
  background-color: #212529;
}
kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: 600;
}
pre {
  display: block;
  font-size: 87.5%;
  color: #212529;
}
pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}

.h1, .h2, .h3, .h4, .h5, .h6,
h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 700;
  line-height: 1.5;
  color: #242a35;
}

.h1, h1 { font-size: 2.125rem } /* default: 2.125rem */
.h2, h2 { font-size: 2rem } /* default: 1.625rem */
.h3, h3 { font-size: 1.625rem } /* default: 1.375rem */
.h4, h4 { font-size: 1.125rem } /* default: 1.125rem */
.h5, h5 { font-size: 1rem } /* default: 1rem */
.h6, h6 { font-size: 0.9375rem } /* default: 0.9375rem */

.lead { font-size: 1rem; font-weight: 400 } /* default: 1rem */

.display-1 { font-size: 6rem; font-weight: 500; line-height: 1.35 } /* default: 6rem */
.display-2 { font-size: 5.5rem; font-weight: 500; line-height: 1.35 } /* default: 5.5rem */
.display-3 { font-size: 4.5rem; font-weight: 500; line-height: 1.35 } /* default: 4.5rem */
.display-4 { font-size: 3.5rem; font-weight: 500; line-height: 1.35 } /* default: 3.5rem */
.display-sub { color: #979eb4; font-size: .7rem; font-weight: 700; letter-spacing: 1px; }


/* utilities */
.lds-ripple { display: inline-block;position: relative; width: 80px; height: 80px;margin:0 auto;}
.lds-ripple div { position: absolute; border: 4px solid #000; opacity: 1; border-radius: 50%; animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;}
.lds-ripple div:nth-child(2) { animation-delay: -0.5s;}
@keyframes lds-ripple {0% { top: 36px;left: 36px;width: 0;height: 0;opacity: 1;}100% {top: 0px;left: 0px;width: 72px;height: 72px;opacity: 0;}}

/* --------------------  4. layout   -------------------- */
.container { width: 100%; padding-right: 1rem; padding-left: 1rem; margin-right: auto; margin-left: auto; }

@media (min-width: 576px) {
  .container { max-width: 540px; }
}

@media (min-width: 768px) {
  .container { max-width: 720px; }
}

@media (min-width: 992px) {
  .container { max-width: 960px; }
}

@media (min-width: 1200px) {
  .container { max-width: 1140px; }
}

.container-fluid, 
.container-sm, 
.container-md, 
.container-lg, 
.container-xl { width: 100%; padding-right: 1rem; padding-left: 1rem; margin-right: auto; margin-left: auto; }

@media (min-width: 576px) {
  .container, .container-sm { max-width: 540px; }
}

@media (min-width: 768px) {
  .container, .container-sm, .container-md { max-width: 720px; }
}

@media (min-width: 992px) {
  .container, .container-sm, .container-md, .container-lg { max-width: 960px; }
}

@media (min-width: 1200px) {
  .container, .container-sm, .container-md, .container-lg, .container-xl { max-width: 1140px; }
}
.row { width:100%; }
.row, .split { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -1rem; margin-left: -1rem; }

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

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

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .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-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .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-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .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-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .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-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
  position: relative;
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

.col { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%}
.row-cols-1 > * { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% }
.row-cols-2 > * { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% }
.row-cols-3 > * { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333% }
.row-cols-4 > * { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% }
.row-cols-5 > * { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20% }
.row-cols-6 > * { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667% }

.col-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width:auto;max-width: 100% }
.col-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333% }
.col-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667% }
.col-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% }
.col-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333% }
.col-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667% }
.col-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% }
.col-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333% }
.col-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667% }
.col-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% }
.col-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333% }
.col-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667% }

.col-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% }
.order-first { -ms-flex-order: -1; order: -1 }
.order-last { -ms-flex-order: 13; order: 13 }
.order-0 { -ms-flex-order: 0; order: 0 }
.order-1 { -ms-flex-order: 1; order: 1 }
.order-2 { -ms-flex-order: 2; order: 2 }
.order-3 { -ms-flex-order: 3; order: 3 }
.order-4 { -ms-flex-order: 4; order: 4 }
.order-5 { -ms-flex-order: 5; order: 5 }
.order-6 { -ms-flex-order: 6; order: 6 }
.order-7 { -ms-flex-order: 7; order: 7 }
.order-8 { -ms-flex-order: 8; order: 8 }
.order-9 { -ms-flex-order: 9; order: 9 }
.order-10 { -ms-flex-order: 10; order: 10 }
.order-11 { -ms-flex-order: 11; order: 11 }
.order-12 { -ms-flex-order: 12; order: 12 }

.offset-1 { margin-left: 8.333333%; }
.offset-2 { margin-left: 16.666667%; }
.offset-3 { margin-left: 25%; }
.offset-4 { margin-left: 33.333333%; }
.offset-5 { margin-left: 41.666667%; }
.offset-6 { margin-left: 50%; }
.offset-7 { margin-left: 58.333333%; }
.offset-8 { margin-left: 66.666667%; }
.offset-9 { margin-left: 75%; }
.offset-10 { margin-left: 83.333333%; }
.offset-11 { margin-left: 91.666667%; }

@media (min-width: 576px) {
  .col-sm{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}
  
  .row-cols-sm-1 > *{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
  .row-cols-sm-2 > *{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
  .row-cols-sm-3 > *{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
  .row-cols-sm-4 > *{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
  .row-cols-sm-5 > *{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}
  .row-cols-sm-6 > *{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}
  
  .col-sm-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}
  .col-sm-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}
  .col-sm-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}
  .col-sm-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
  .col-sm-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
  .col-sm-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}
  .col-sm-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
  .col-sm-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}
  .col-sm-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}
  .col-sm-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
  .col-sm-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}
  .col-sm-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}
  .col-sm-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
  
  .order-sm-first{-ms-flex-order:-1;order:-1}
  .order-sm-last{-ms-flex-order:13;order:13}
  .order-sm-0{-ms-flex-order:0;order:0}
  .order-sm-1{-ms-flex-order:1;order:1}
  .order-sm-2{-ms-flex-order:2;order:2}
  .order-sm-3{-ms-flex-order:3;order:3}
  .order-sm-4{-ms-flex-order:4;order:4}
  .order-sm-5{-ms-flex-order:5;order:5}
  .order-sm-6{-ms-flex-order:6;order:6}
  .order-sm-7{-ms-flex-order:7;order:7}
  .order-sm-8{-ms-flex-order:8;order:8}
  .order-sm-9{-ms-flex-order:9;order:9}
  .order-sm-10{-ms-flex-order:10;order:10}
  .order-sm-11{-ms-flex-order:11;order:11}
  .order-sm-12{-ms-flex-order:12;order:12}
  
  .offset-sm-0 { margin-left: 0; }
  .offset-sm-1 { margin-left: 8.333333%; }
  .offset-sm-2 { margin-left: 16.666667%; }
  .offset-sm-3 { margin-left: 25%; }
  .offset-sm-4 { margin-left: 33.333333%; }
  .offset-sm-5 { margin-left: 41.666667%; }
  .offset-sm-6 { margin-left: 50%; }
  .offset-sm-7 { margin-left: 58.333333%; }
  .offset-sm-8 { margin-left: 66.666667%; }
  .offset-sm-9 { margin-left: 75%; }
  .offset-sm-10 { margin-left: 83.333333%; }
  .offset-sm-11 { margin-left: 91.666667%; }
}

@media (min-width: 768px) {
  .col-md{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}
  
  .row-cols-md-1 > *{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
  .row-cols-md-2 > *{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
  .row-cols-md-3 > *{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
  .row-cols-md-4 > *{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
  .row-cols-md-5 > *{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}
  .row-cols-md-6 > *{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}
  
  .col-md-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}
  .col-md-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}
  .col-md-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}
  .col-md-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
  .col-md-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
  .col-md-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}
  .col-md-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
  .col-md-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}
  .col-md-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}
  .col-md-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
  .col-md-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}
  .col-md-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}
  .col-md-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
  
  .order-md-first{-ms-flex-order:-1;order:-1}
  .order-md-last{-ms-flex-order:13;order:13}
  .order-md-0{-ms-flex-order:0;order:0}
  .order-md-1{-ms-flex-order:1;order:1}
  .order-md-2{-ms-flex-order:2;order:2}
  .order-md-3{-ms-flex-order:3;order:3}
  .order-md-4{-ms-flex-order:4;order:4}
  .order-md-5{-ms-flex-order:5;order:5}
  .order-md-6{-ms-flex-order:6;order:6}
  .order-md-7{-ms-flex-order:7;order:7}
  .order-md-8{-ms-flex-order:8;order:8}
  .order-md-9{-ms-flex-order:9;order:9}
  .order-md-10{-ms-flex-order:10;order:10}
  .order-md-11{-ms-flex-order:11;order:11}
  .order-md-12{-ms-flex-order:12;order:12}
  
  .offset-md-0{margin-left:0}
  .offset-md-1{margin-left:8.333333%}
  .offset-md-2{margin-left:16.666667%}
  .offset-md-3{margin-left:25%}
  .offset-md-4{margin-left:33.333333%}
  .offset-md-5{margin-left:41.666667%}
  .offset-md-6{margin-left:50%}
  .offset-md-7{margin-left:58.333333%}
  .offset-md-8{margin-left:66.666667%}
  .offset-md-9{margin-left:75%}
  .offset-md-10{margin-left:83.333333%}
  .offset-md-11{margin-left:91.666667%}
}

@media (min-width: 992px) {
  .col-lg{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}
  
  .row-cols-lg-1 > *{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
  .row-cols-lg-2 > *{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
  .row-cols-lg-3 > *{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
  .row-cols-lg-4 > *{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
  .row-cols-lg-5 > *{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}
  .row-cols-lg-6 > *{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}
  
  .col-lg-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}
  .col-lg-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}
  .col-lg-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}
  .col-lg-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
  .col-lg-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
  .col-lg-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}
  .col-lg-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
  .col-lg-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}
  .col-lg-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}
  .col-lg-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
  .col-lg-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}
  .col-lg-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}
  .col-lg-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
  
  .order-lg-first{-ms-flex-order:-1;order:-1}
  .order-lg-last{-ms-flex-order:13;order:13}
  .order-lg-0{-ms-flex-order:0;order:0}
  .order-lg-1{-ms-flex-order:1;order:1}
  .order-lg-2{-ms-flex-order:2;order:2}
  .order-lg-3{-ms-flex-order:3;order:3}
  .order-lg-4{-ms-flex-order:4;order:4}
  .order-lg-5{-ms-flex-order:5;order:5}
  .order-lg-6{-ms-flex-order:6;order:6}
  .order-lg-7{-ms-flex-order:7;order:7}
  .order-lg-8{-ms-flex-order:8;order:8}
  .order-lg-9{-ms-flex-order:9;order:9}
  .order-lg-10{-ms-flex-order:10;order:10}
  .order-lg-11{-ms-flex-order:11;order:11}
  .order-lg-12{-ms-flex-order:12;order:12}
  
  .offset-lg-0{margin-left:0}
  .offset-lg-1{margin-left:8.333333%}
  .offset-lg-2{margin-left:16.666667%}
  .offset-lg-3{margin-left:25%}
  .offset-lg-4{margin-left:33.333333%}
  .offset-lg-5{margin-left:41.666667%}
  .offset-lg-6{margin-left:50%}
  .offset-lg-7{margin-left:58.333333%}
  .offset-lg-8{margin-left:66.666667%}
  .offset-lg-9{margin-left:75%}
  .offset-lg-10{margin-left:83.333333%}
  .offset-lg-11{margin-left:91.666667%}
}

@media (min-width: 1200px) {
  .col-xl{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}
  
  .row-cols-xl-1 > *{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
  .row-cols-xl-2 > *{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
  .row-cols-xl-3 > *{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
  .row-cols-xl-4 > *{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
  .row-cols-xl-5 > *{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}
  .row-cols-xl-6 > *{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}
  
  .col-xl-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}
  .col-xl-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}
  .col-xl-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}
  .col-xl-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
  .col-xl-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
  .col-xl-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}
  .col-xl-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
  .col-xl-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}
  .col-xl-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}
  .col-xl-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
  .col-xl-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}
  .col-xl-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}
  .col-xl-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
  
  .order-xl-first{-ms-flex-order:-1;order:-1}
  .order-xl-last{-ms-flex-order:13;order:13}
  .order-xl-0{-ms-flex-order:0;order:0}
  .order-xl-1{-ms-flex-order:1;order:1}
  .order-xl-2{-ms-flex-order:2;order:2}
  .order-xl-3{-ms-flex-order:3;order:3}
  .order-xl-4{-ms-flex-order:4;order:4}
  .order-xl-5{-ms-flex-order:5;order:5}
  .order-xl-6{-ms-flex-order:6;order:6}
  .order-xl-7{-ms-flex-order:7;order:7}
  .order-xl-8{-ms-flex-order:8;order:8}
  .order-xl-9{-ms-flex-order:9;order:9}
  .order-xl-10{-ms-flex-order:10;order:10}
  .order-xl-11{-ms-flex-order:11;order:11}
  .order-xl-12{-ms-flex-order:12;order:12}
  
  .offset-xl-0{margin-left:0}
  .offset-xl-1{margin-left:8.333333%}
  .offset-xl-2{margin-left:16.666667%}
  .offset-xl-3{margin-left:25%}
  .offset-xl-4{margin-left:33.333333%}
  .offset-xl-5{margin-left:41.666667%}
  .offset-xl-6{margin-left:50%}
  .offset-xl-7{margin-left:58.333333%}
  .offset-xl-8{margin-left:66.666667%}
  .offset-xl-9{margin-left:75%}
  .offset-xl-10{margin-left:83.333333%}
  .offset-xl-11{margin-left:91.666667%}
}

.d-none{display:none}
.d-inline{display:inline}
.d-inline-block{display:inline-block}
.d-block{display:block}
.d-table{display:table}
.d-table-row{display:table-row}
.d-table-cell{display:table-cell}
.d-flex{display:-ms-flexbox;display:flex}
.d-inline-flex{display:-ms-inline-flexbox;display:inline-flex}

@media (min-width: 576px) {
  .d-sm-none{display:none}
  .d-sm-inline{display:inline}
  .d-sm-inline-block{display:inline-block}
  .d-sm-block{display:block}
  .d-sm-table{display:table}
  .d-sm-table-row{display:table-row}
  .d-sm-table-cell{display:table-cell}
  .d-sm-flex{display:-ms-flexbox;display:flex}
  .d-sm-inline-flex{display:-ms-inline-flexbox;display:inline-flex}
}

@media (min-width: 768px) {
  .d-md-none{display:none}
  .d-md-inline{display:inline}
  .d-md-inline-block{display:inline-block}
  .d-md-block{display:block}
  .d-md-table{display:table}
  .d-md-table-row{display:table-row}
  .d-md-table-cell{display:table-cell}
  .d-md-flex{display:-ms-flexbox;display:flex}
  .d-md-inline-flex{display:-ms-inline-flexbox;display:inline-flex}
}

@media (min-width: 992px) {
  .d-lg-none{display:none}
  .d-lg-inline{display:inline}
  .d-lg-inline-block{display:inline-block}
  .d-lg-block{display:block}
  .d-lg-table{display:table}
  .d-lg-table-row{display:table-row}
  .d-lg-table-cell{display:table-cell}
  .d-lg-flex{display:-ms-flexbox;display:flex}
  .d-lg-inline-flex{display:-ms-inline-flexbox;display:inline-flex}
}

@media (min-width: 1200px) {
  .d-xl-none{display:none}
  .d-xl-inline{display:inline}
  .d-xl-inline-block{display:inline-block}
  .d-xl-block{display:block}
  .d-xl-table{display:table}
  .d-xl-table-row{display:table-row}
  .d-xl-table-cell{display:table-cell}
  .d-xl-flex{display:-ms-flexbox;display:flex}
  .d-xl-inline-flex{display:-ms-inline-flexbox;display:inline-flex}
}

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

.flex-row{-ms-flex-direction:row;flex-direction:row}
.flex-column{-ms-flex-direction:column;flex-direction:column}
.flex-row-reverse{-ms-flex-direction:row-reverse;flex-direction:row-reverse}
.flex-column-reverse{-ms-flex-direction:column-reverse;flex-direction:column-reverse}
.flex-wrap{-ms-flex-wrap:wrap;flex-wrap:wrap}
.flex-nowrap{-ms-flex-wrap:nowrap;flex-wrap:nowrap}
.flex-wrap-reverse{-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}
.flex-fill{-ms-flex:1 1 auto;flex:1 1 auto}
.flex-grow-0{-ms-flex-positive:0;flex-grow:0}
.flex-grow-1{-ms-flex-positive:1;flex-grow:1}
.flex-shrink-0{-ms-flex-negative:0;flex-shrink:0}
.flex-shrink-1{-ms-flex-negative:1;flex-shrink:1}

.justify-content-start{-ms-flex-pack:start;justify-content:flex-start}
.justify-content-end{-ms-flex-pack:end;justify-content:flex-end}
.justify-content-center{-ms-flex-pack:center;justify-content:center}
.justify-content-between{-ms-flex-pack:justify;justify-content:space-between}
.justify-content-around{-ms-flex-pack:distribute;justify-content:space-around}

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

.align-content-start{-ms-flex-line-pack:start;align-content:flex-start}
.align-content-end{-ms-flex-line-pack:end;align-content:flex-end}
.align-content-center{-ms-flex-line-pack:center;align-content:center}
.align-content-between{-ms-flex-line-pack:justify;align-content:space-between}
.align-content-around{-ms-flex-line-pack:distribute;align-content:space-around}
.align-content-stretch{-ms-flex-line-pack:stretch;align-content:stretch}

.align-self-auto{-ms-flex-item-align:auto;align-self:auto}
.align-self-start{-ms-flex-item-align:start;align-self:flex-start}
.align-self-end{-ms-flex-item-align:end;align-self:flex-end}
.align-self-center{-ms-flex-item-align:center;align-self:center}
.align-self-baseline{-ms-flex-item-align:baseline;align-self:baseline}
.align-self-stretch{-ms-flex-item-align:stretch;align-self:stretch}

@media (min-width: 576px) {
  .flex-sm-row{-ms-flex-direction:row;flex-direction:row}
  .flex-sm-column{-ms-flex-direction:column;flex-direction:column}
  .flex-sm-row-reverse{-ms-flex-direction:row-reverse;flex-direction:row-reverse}
  .flex-sm-column-reverse{-ms-flex-direction:column-reverse;flex-direction:column-reverse}
  .flex-sm-wrap{-ms-flex-wrap:wrap;flex-wrap:wrap}
  .flex-sm-nowrap{-ms-flex-wrap:nowrap;flex-wrap:nowrap}
  .flex-sm-wrap-reverse{-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}
  .flex-sm-fill{-ms-flex:1 1 auto;flex:1 1 auto}
  .flex-sm-grow-0{-ms-flex-positive:0;flex-grow:0}
  .flex-sm-grow-1{-ms-flex-positive:1;flex-grow:1}
  .flex-sm-shrink-0{-ms-flex-negative:0;flex-shrink:0}
  .flex-sm-shrink-1{-ms-flex-negative:1;flex-shrink:1}
  
  .justify-content-sm-start{-ms-flex-pack:start;justify-content:flex-start}
  .justify-content-sm-end{-ms-flex-pack:end;justify-content:flex-end}
  .justify-content-sm-center{-ms-flex-pack:center;justify-content:center}
  .justify-content-sm-between{-ms-flex-pack:justify;justify-content:space-between}
  .justify-content-sm-around{-ms-flex-pack:distribute;justify-content:space-around}
  
  .align-items-sm-start{-ms-flex-align:start;align-items:flex-start}
  .align-items-sm-end{-ms-flex-align:end;align-items:flex-end}
  .align-items-sm-center{-ms-flex-align:center;align-items:center}
  .align-items-sm-baseline{-ms-flex-align:baseline;align-items:baseline}
  .align-items-sm-stretch{-ms-flex-align:stretch;align-items:stretch}
  
  .align-content-sm-start{-ms-flex-line-pack:start;align-content:flex-start}
  .align-content-sm-end{-ms-flex-line-pack:end;align-content:flex-end}
  .align-content-sm-center{-ms-flex-line-pack:center;align-content:center}
  .align-content-sm-between{-ms-flex-line-pack:justify;align-content:space-between}
  .align-content-sm-around{-ms-flex-line-pack:distribute;align-content:space-around}
  .align-content-sm-stretch{-ms-flex-line-pack:stretch;align-content:stretch}
  
  .align-self-sm-auto{-ms-flex-item-align:auto;align-self:auto}
  .align-self-sm-start{-ms-flex-item-align:start;align-self:flex-start}
  .align-self-sm-end{-ms-flex-item-align:end;align-self:flex-end}
  .align-self-sm-center{-ms-flex-item-align:center;align-self:center}
  .align-self-sm-baseline{-ms-flex-item-align:baseline;align-self:baseline}
  .align-self-sm-stretch{-ms-flex-item-align:stretch;align-self:stretch}
}

@media (min-width: 768px) {
  .flex-md-row{-ms-flex-direction:row;flex-direction:row}
  .flex-md-column{-ms-flex-direction:column;flex-direction:column}
  .flex-md-row-reverse{-ms-flex-direction:row-reverse;flex-direction:row-reverse}
  .flex-md-column-reverse{-ms-flex-direction:column-reverse;flex-direction:column-reverse}
  .flex-md-wrap{-ms-flex-wrap:wrap;flex-wrap:wrap}
  .flex-md-nowrap{-ms-flex-wrap:nowrap;flex-wrap:nowrap}
  .flex-md-wrap-reverse{-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}
  .flex-md-fill{-ms-flex:1 1 auto;flex:1 1 auto}
  .flex-md-grow-0{-ms-flex-positive:0;flex-grow:0}
  .flex-md-grow-1{-ms-flex-positive:1;flex-grow:1}
  .flex-md-shrink-0{-ms-flex-negative:0;flex-shrink:0}
  .flex-md-shrink-1{-ms-flex-negative:1;flex-shrink:1}
  
  .justify-content-md-start{-ms-flex-pack:start;justify-content:flex-start}
  .justify-content-md-end{-ms-flex-pack:end;justify-content:flex-end}
  .justify-content-md-center{-ms-flex-pack:center;justify-content:center}
  .justify-content-md-between{-ms-flex-pack:justify;justify-content:space-between}
  .justify-content-md-around{-ms-flex-pack:distribute;justify-content:space-around}
  
  .align-items-md-start{-ms-flex-align:start;align-items:flex-start}
  .align-items-md-end{-ms-flex-align:end;align-items:flex-end}
  .align-items-md-center{-ms-flex-align:center;align-items:center}
  .align-items-md-baseline{-ms-flex-align:baseline;align-items:baseline}
  .align-items-md-stretch{-ms-flex-align:stretch;align-items:stretch}
  
  .align-content-md-start{-ms-flex-line-pack:start;align-content:flex-start}
  .align-content-md-end{-ms-flex-line-pack:end;align-content:flex-end}
  .align-content-md-center{-ms-flex-line-pack:center;align-content:center}
  .align-content-md-between{-ms-flex-line-pack:justify;align-content:space-between}
  .align-content-md-around{-ms-flex-line-pack:distribute;align-content:space-around}
  .align-content-md-stretch{-ms-flex-line-pack:stretch;align-content:stretch}
  
  .align-self-md-auto{-ms-flex-item-align:auto;align-self:auto}
  .align-self-md-start{-ms-flex-item-align:start;align-self:flex-start}
  .align-self-md-end{-ms-flex-item-align:end;align-self:flex-end}
  .align-self-md-center{-ms-flex-item-align:center;align-self:center}
  .align-self-md-baseline{-ms-flex-item-align:baseline;align-self:baseline}
  .align-self-md-stretch{-ms-flex-item-align:stretch;align-self:stretch}
}

@media (min-width: 992px) {
  .flex-lg-row{-ms-flex-direction:row;flex-direction:row}
  .flex-lg-column{-ms-flex-direction:column;flex-direction:column}
  .flex-lg-row-reverse{-ms-flex-direction:row-reverse;flex-direction:row-reverse}
  .flex-lg-column-reverse{-ms-flex-direction:column-reverse;flex-direction:column-reverse}
  .flex-lg-wrap{-ms-flex-wrap:wrap;flex-wrap:wrap}
  .flex-lg-nowrap{-ms-flex-wrap:nowrap;flex-wrap:nowrap}
  .flex-lg-wrap-reverse{-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}
  .flex-lg-fill{-ms-flex:1 1 auto;flex:1 1 auto}
  .flex-lg-grow-0{-ms-flex-positive:0;flex-grow:0}
  .flex-lg-grow-1{-ms-flex-positive:1;flex-grow:1}
  .flex-lg-shrink-0{-ms-flex-negative:0;flex-shrink:0}
  .flex-lg-shrink-1{-ms-flex-negative:1;flex-shrink:1}
  
  .justify-content-lg-start{-ms-flex-pack:start;justify-content:flex-start}
  .justify-content-lg-end{-ms-flex-pack:end;justify-content:flex-end}
  .justify-content-lg-center{-ms-flex-pack:center;justify-content:center}
  .justify-content-lg-between{-ms-flex-pack:justify;justify-content:space-between}
  .justify-content-lg-around{-ms-flex-pack:distribute;justify-content:space-around}
  
  .align-items-lg-start{-ms-flex-align:start;align-items:flex-start}
  .align-items-lg-end{-ms-flex-align:end;align-items:flex-end}
  .align-items-lg-center{-ms-flex-align:center;align-items:center}
  .align-items-lg-baseline{-ms-flex-align:baseline;align-items:baseline}
  .align-items-lg-stretch{-ms-flex-align:stretch;align-items:stretch}
  
  .align-content-lg-start{-ms-flex-line-pack:start;align-content:flex-start}
  .align-content-lg-end{-ms-flex-line-pack:end;align-content:flex-end}
  .align-content-lg-center{-ms-flex-line-pack:center;align-content:center}
  .align-content-lg-between{-ms-flex-line-pack:justify;align-content:space-between}
  .align-content-lg-around{-ms-flex-line-pack:distribute;align-content:space-around}
  .align-content-lg-stretch{-ms-flex-line-pack:stretch;align-content:stretch}
  
  .align-self-lg-auto{-ms-flex-item-align:auto;align-self:auto}
  .align-self-lg-start{-ms-flex-item-align:start;align-self:flex-start}
  .align-self-lg-end{-ms-flex-item-align:end;align-self:flex-end}
  .align-self-lg-center{-ms-flex-item-align:center;align-self:center}
  .align-self-lg-baseline{-ms-flex-item-align:baseline;align-self:baseline}
  .align-self-lg-stretch{-ms-flex-item-align:stretch;align-self:stretch}
}

@media (min-width: 1200px) {
  .flex-xl-row{-ms-flex-direction:row;flex-direction:row}
  .flex-xl-column{-ms-flex-direction:column;flex-direction:column}
  .flex-xl-row-reverse{-ms-flex-direction:row-reverse;flex-direction:row-reverse}
  .flex-xl-column-reverse{-ms-flex-direction:column-reverse;flex-direction:column-reverse}
  .flex-xl-wrap{-ms-flex-wrap:wrap;flex-wrap:wrap}
  .flex-xl-nowrap{-ms-flex-wrap:nowrap;flex-wrap:nowrap}
  .flex-xl-wrap-reverse{-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}
  .flex-xl-fill{-ms-flex:1 1 auto;flex:1 1 auto}
  .flex-xl-grow-0{-ms-flex-positive:0;flex-grow:0}
  .flex-xl-grow-1{-ms-flex-positive:1;flex-grow:1}
  .flex-xl-shrink-0{-ms-flex-negative:0;flex-shrink:0}
  .flex-xl-shrink-1{-ms-flex-negative:1;flex-shrink:1}
  
  .justify-content-xl-start{-ms-flex-pack:start;justify-content:flex-start}
  .justify-content-xl-end{-ms-flex-pack:end;justify-content:flex-end}
  .justify-content-xl-center{-ms-flex-pack:center;justify-content:center}
  .justify-content-xl-between{-ms-flex-pack:justify;justify-content:space-between}
  .justify-content-xl-around{-ms-flex-pack:distribute;justify-content:space-around}
  
  .align-items-xl-start{-ms-flex-align:start;align-items:flex-start}
  .align-items-xl-end{-ms-flex-align:end;align-items:flex-end}
  .align-items-xl-center{-ms-flex-align:center;align-items:center}
  .align-items-xl-baseline{-ms-flex-align:baseline;align-items:baseline}
  .align-items-xl-stretch{-ms-flex-align:stretch;align-items:stretch}
  
  .align-content-xl-start{-ms-flex-line-pack:start;align-content:flex-start}
  .align-content-xl-end{-ms-flex-line-pack:end;align-content:flex-end}
  .align-content-xl-center{-ms-flex-line-pack:center;align-content:center}
  .align-content-xl-between{-ms-flex-line-pack:justify;align-content:space-between}
  .align-content-xl-around{-ms-flex-line-pack:distribute;align-content:space-around}
  .align-content-xl-stretch{-ms-flex-line-pack:stretch;align-content:stretch}
  
  .align-self-xl-auto{-ms-flex-item-align:auto;align-self:auto}
  .align-self-xl-start{-ms-flex-item-align:start;align-self:flex-start}
  .align-self-xl-end{-ms-flex-item-align:end;align-self:flex-end}
  .align-self-xl-center{-ms-flex-item-align:center;align-self:center}
  .align-self-xl-baseline{-ms-flex-item-align:baseline;align-self:baseline}
  .align-self-xl-stretch{-ms-flex-item-align:stretch;align-self:stretch}
}

.m-0{margin:0}
.mt-0,.my-0{margin-top:0}
.mr-0,.mx-0{margin-right:0}
.mb-0,.my-0{margin-bottom:0}
.ml-0,.mx-0{margin-left:0}

.m-1{margin:.25rem}
.mt-1,.my-1{margin-top:.25rem}
.mr-1,.mx-1{margin-right:.25rem}
.mb-1,.my-1{margin-bottom:.25rem}
.ml-1,.mx-1{margin-left:.25rem}

.m-2{margin:.5rem}
.mt-2,.my-2{margin-top:.5rem}
.mr-2,.mx-2{margin-right:.5rem}
.mb-2,.my-2{margin-bottom:.5rem}
.ml-2,.mx-2{margin-left:.5rem}

.m-3{margin:1rem}
.mt-3,.my-3{margin-top:1rem}
.mr-3,.mx-3{margin-right:1rem}
.mb-3,.my-3{margin-bottom:1rem}
.ml-3,.mx-3{margin-left:1rem}

.m-4{margin:1.5rem}
.mt-4,.my-4{margin-top:1.5rem}
.mr-4,.mx-4{margin-right:1.5rem}
.mb-4,.my-4{margin-bottom:1.5rem}
.ml-4,.mx-4{margin-left:1.5rem}

.m-5{margin:3rem}
.mt-5,.my-5{margin-top:3rem}
.mr-5,.mx-5{margin-right:3rem}
.mb-5,.my-5{margin-bottom:3rem}
.ml-5,.mx-5{margin-left:3rem}

.p-0{padding:0}
.pt-0,.py-0{padding-top:0}
.pr-0,.px-0{padding-right:0}
.pb-0,.py-0{padding-bottom:0}
.pl-0,.px-0{padding-left:0}

.p-1{padding:.25rem}
.pt-1,.py-1{padding-top:.25rem}
.pr-1,.px-1{padding-right:.25rem}
.pb-1,.py-1{padding-bottom:.25rem}
.pl-1,.px-1{padding-left:.25rem}

.p-2{padding:.5rem}
.pt-2,.py-2{padding-top:.5rem}
.pr-2,.px-2{padding-right:.5rem}
.pb-2,.py-2{padding-bottom:.5rem}
.pl-2,.px-2{padding-left:.5rem}

.p-3{padding:1rem}
.pt-3,.py-3{padding-top:1rem}
.pr-3,.px-3{padding-right:1rem}
.pb-3,.py-3{padding-bottom:1rem}
.pl-3,.px-3{padding-left:1rem}

.p-4{padding:1.5rem}
.pt-4,.py-4{padding-top:1.5rem}
.pr-4,.px-4{padding-right:1.5rem}
.pb-4,.py-4{padding-bottom:1.5rem}
.pl-4,.px-4{padding-left:1.5rem}

.p-5{padding:3rem}
.pt-5,.py-5{padding-top:3rem}
.pr-5,.px-5{padding-right:3rem}
.pb-5,.py-5{padding-bottom:3rem}
.pl-5,.px-5{padding-left:3rem}

.pt-10 { padding-top:6rem; }
.pb-10 { padding-bottom:6rem; }

.pb-11,.py-11 { padding-bottom:11rem; }
.pb-12,.py-12 { padding-bottom:12rem; }
.pb-13,.py-13 { padding-bottom:13rem; }
.pb-14,.py-14 { padding-bottom:14rem; }
.pb-15,.py-15 { padding-bottom:15rem; }

.m-n1{margin:-.25rem}
.mt-n1,.my-n1{margin-top:-.25rem}
.mr-n1,.mx-n1{margin-right:-.25rem}
.mb-n1,.my-n1{margin-bottom:-.25rem}
.ml-n1,.mx-n1{margin-left:-.25rem}

.m-n2{margin:-.5rem}
.mt-n2,.my-n2{margin-top:-.5rem}
.mr-n2,.mx-n2{margin-right:-.5rem}
.mb-n2,.my-n2{margin-bottom:-.5rem}
.ml-n2,.mx-n2{margin-left:-.5rem}

.m-n3{margin:-1rem}
.mt-n3,.my-n3{margin-top:-1rem}
.mr-n3,.mx-n3{margin-right:-1rem}
.mb-n3,.my-n3{margin-bottom:-1rem}
.ml-n3,.mx-n3{margin-left:-1rem}

.m-n4{margin:-1.5rem}
.mt-n4,.my-n4{margin-top:-1.5rem}
.mr-n4,.mx-n4{margin-right:-1.5rem}
.mb-n4,.my-n4{margin-bottom:-1.5rem}
.ml-n4,.mx-n4{margin-left:-1.5rem}

.m-n5{margin:-3rem}
.mt-n5,.my-n5{margin-top:-3rem}
.mr-n5,.mx-n5{margin-right:-3rem}
.mb-n5,.my-n5{margin-bottom:-3rem}
.ml-n5,.mx-n5{margin-left:-3rem}

.m-auto{margin:auto}
.mt-auto,.my-auto{margin-top:auto}
.mr-auto,.mx-auto{margin-right:auto}
.mb-auto,.my-auto{margin-bottom:auto}
.ml-auto,.mx-auto{margin-left:auto}

@media (min-width: 576px) {
  .m-sm-0{margin:0}
  .mt-sm-0,.my-sm-0{margin-top:0}
  .mr-sm-0,.mx-sm-0{margin-right:0}
  .mb-sm-0,.my-sm-0{margin-bottom:0}
  .ml-sm-0,.mx-sm-0{margin-left:0}
  
  .m-sm-1{margin:.25rem}
  .mt-sm-1,.my-sm-1{margin-top:.25rem}
  .mr-sm-1,.mx-sm-1{margin-right:.25rem}
  .mb-sm-1,.my-sm-1{margin-bottom:.25rem}
  .ml-sm-1,.mx-sm-1{margin-left:.25rem}
  
  .m-sm-2{margin:.5rem}
  .mt-sm-2,.my-sm-2{margin-top:.5rem}
  .mr-sm-2,.mx-sm-2{margin-right:.5rem}
  .mb-sm-2,.my-sm-2{margin-bottom:.5rem}
  .ml-sm-2,.mx-sm-2{margin-left:.5rem}
  
  .m-sm-3{margin:1rem}
  .mt-sm-3,.my-sm-3{margin-top:1rem}
  .mr-sm-3,.mx-sm-3{margin-right:1rem}
  .mb-sm-3,.my-sm-3{margin-bottom:1rem}
  .ml-sm-3,.mx-sm-3{margin-left:1rem}
  
  .m-sm-4{margin:1.5rem}
  .mt-sm-4,.my-sm-4{margin-top:1.5rem}
  .mr-sm-4,.mx-sm-4{margin-right:1.5rem}
  .mb-sm-4,.my-sm-4{margin-bottom:1.5rem}
  .ml-sm-4,.mx-sm-4{margin-left:1.5rem}
  
  .m-sm-5{margin:3rem}
  .mt-sm-5,.my-sm-5{margin-top:3rem}
  .mr-sm-5,.mx-sm-5{margin-right:3rem}
  .mb-sm-5,.my-sm-5{margin-bottom:3rem}
  .ml-sm-5,.mx-sm-5{margin-left:3rem}
  
  .p-sm-0{padding:0}
  .pt-sm-0,.py-sm-0{padding-top:0}
  .pr-sm-0,.px-sm-0{padding-right:0}
  .pb-sm-0,.py-sm-0{padding-bottom:0}
  .pl-sm-0,.px-sm-0{padding-left:0}
  
  .p-sm-1{padding:.25rem}
  .pt-sm-1,.py-sm-1{padding-top:.25rem}
  .pr-sm-1,.px-sm-1{padding-right:.25rem}
  .pb-sm-1,.py-sm-1{padding-bottom:.25rem}
  .pl-sm-1,.px-sm-1{padding-left:.25rem}
  
  .p-sm-2{padding:.5rem}
  .pt-sm-2,.py-sm-2{padding-top:.5rem}
  .pr-sm-2,.px-sm-2{padding-right:.5rem}
  .pb-sm-2,.py-sm-2{padding-bottom:.5rem}
  .pl-sm-2,.px-sm-2{padding-left:.5rem}
  
  .p-sm-3{padding:1rem}
  .pt-sm-3,.py-sm-3{padding-top:1rem}
  .pr-sm-3,.px-sm-3{padding-right:1rem}
  .pb-sm-3,.py-sm-3{padding-bottom:1rem}
  .pl-sm-3,.px-sm-3{padding-left:1rem}
  
  .p-sm-4{padding:1.5rem}
  .pt-sm-4,.py-sm-4{padding-top:1.5rem}
  .pr-sm-4,.px-sm-4{padding-right:1.5rem}
  .pb-sm-4,.py-sm-4{padding-bottom:1.5rem}
  .pl-sm-4,.px-sm-4{padding-left:1.5rem}
  
  .p-sm-5{padding:3rem}
  .pt-sm-5,.py-sm-5{padding-top:3rem}
  .pr-sm-5,.px-sm-5{padding-right:3rem}
  .pb-sm-5,.py-sm-5{padding-bottom:3rem}
  .pl-sm-5,.px-sm-5{padding-left:3rem}
  
  .m-sm-n1{margin:-.25rem}
  .mt-sm-n1,.my-sm-n1{margin-top:-.25rem}
  .mr-sm-n1,.mx-sm-n1{margin-right:-.25rem}
  .mb-sm-n1,.my-sm-n1{margin-bottom:-.25rem}
  .ml-sm-n1,.mx-sm-n1{margin-left:-.25rem}
  
  .m-sm-n2{margin:-.5rem}
  .mt-sm-n2,.my-sm-n2{margin-top:-.5rem}
  .mr-sm-n2,.mx-sm-n2{margin-right:-.5rem}
  .mb-sm-n2,.my-sm-n2{margin-bottom:-.5rem}
  .ml-sm-n2,.mx-sm-n2{margin-left:-.5rem}
  
  .m-sm-n3{margin:-1rem}
  .mt-sm-n3,.my-sm-n3{margin-top:-1rem}
  .mr-sm-n3,.mx-sm-n3{margin-right:-1rem}
  .mb-sm-n3,.my-sm-n3{margin-bottom:-1rem}
  .ml-sm-n3,.mx-sm-n3{margin-left:-1rem}
  
  .m-sm-n4{margin:-1.5rem}
  .mt-sm-n4,.my-sm-n4{margin-top:-1.5rem}
  .mr-sm-n4,.mx-sm-n4{margin-right:-1.5rem}
  .mb-sm-n4,.my-sm-n4{margin-bottom:-1.5rem}
  .ml-sm-n4,.mx-sm-n4{margin-left:-1.5rem}
  
  .m-sm-n5{margin:-3rem}
  .mt-sm-n5,.my-sm-n5{margin-top:-3rem}
  .mr-sm-n5,.mx-sm-n5{margin-right:-3rem}
  .mb-sm-n5,.my-sm-n5{margin-bottom:-3rem}
  .ml-sm-n5,.mx-sm-n5{margin-left:-3rem}
  
  .m-sm-auto{margin:auto}
  .mt-sm-auto,.my-sm-auto{margin-top:auto}
  .mr-sm-auto,.mx-sm-auto{margin-right:auto}
  .mb-sm-auto,.my-sm-auto{margin-bottom:auto}
  .ml-sm-auto,.mx-sm-auto{margin-left:auto}
}

@media (min-width: 768px) {
  .m-md-0{margin:0}
  .mt-md-0,.my-md-0{margin-top:0}
  .mr-md-0,.mx-md-0{margin-right:0}
  .mb-md-0,.my-md-0{margin-bottom:0}
  .ml-md-0,.mx-md-0{margin-left:0}
  
  .m-md-1{margin:.25rem}
  .mt-md-1,.my-md-1{margin-top:.25rem}
  .mr-md-1,.mx-md-1{margin-right:.25rem}
  .mb-md-1,.my-md-1{margin-bottom:.25rem}
  .ml-md-1,.mx-md-1{margin-left:.25rem}
  
  .m-md-2{margin:.5rem}
  .mt-md-2,.my-md-2{margin-top:.5rem}
  .mr-md-2,.mx-md-2{margin-right:.5rem}
  .mb-md-2,.my-md-2{margin-bottom:.5rem}
  .ml-md-2,.mx-md-2{margin-left:.5rem}
  
  .m-md-3{margin:1rem}
  .mt-md-3,.my-md-3{margin-top:1rem}
  .mr-md-3,.mx-md-3{margin-right:1rem}
  .mb-md-3,.my-md-3{margin-bottom:1rem}
  .ml-md-3,.mx-md-3{margin-left:1rem}
  
  .m-md-4{margin:1.5rem}
  .mt-md-4,.my-md-4{margin-top:1.5rem}
  .mr-md-4,.mx-md-4{margin-right:1.5rem}
  .mb-md-4,.my-md-4{margin-bottom:1.5rem}
  .ml-md-4,.mx-md-4{margin-left:1.5rem}
  
  .m-md-5{margin:3rem}
  .mt-md-5,.my-md-5{margin-top:3rem}
  .mr-md-5,.mx-md-5{margin-right:3rem}
  .mb-md-5,.my-md-5{margin-bottom:3rem}
  .ml-md-5,.mx-md-5{margin-left:3rem}
  
  .p-md-0{padding:0}
  .pt-md-0,.py-md-0{padding-top:0}
  .pr-md-0,.px-md-0{padding-right:0}
  .pb-md-0,.py-md-0{padding-bottom:0}
  .pl-md-0,.px-md-0{padding-left:0}
  
  .p-md-1{padding:.25rem}
  .pt-md-1,.py-md-1{padding-top:.25rem}
  .pr-md-1,.px-md-1{padding-right:.25rem}
  .pb-md-1,.py-md-1{padding-bottom:.25rem}
  .pl-md-1,.px-md-1{padding-left:.25rem}
  
  .p-md-2{padding:.5rem}
  .pt-md-2,.py-md-2{padding-top:.5rem}
  .pr-md-2,.px-md-2{padding-right:.5rem}
  .pb-md-2,.py-md-2{padding-bottom:.5rem}
  .pl-md-2,.px-md-2{padding-left:.5rem}
  
  .p-md-3{padding:1rem}
  .pt-md-3,.py-md-3{padding-top:1rem}
  .pr-md-3,.px-md-3{padding-right:1rem}
  .pb-md-3,.py-md-3{padding-bottom:1rem}
  .pl-md-3,.px-md-3{padding-left:1rem}
  
  .p-md-4{padding:1.5rem}
  .pt-md-4,.py-md-4{padding-top:1.5rem}
  .pr-md-4,.px-md-4{padding-right:1.5rem}
  .pb-md-4,.py-md-4{padding-bottom:1.5rem}
  .pl-md-4,.px-md-4{padding-left:1.5rem}
  
  .p-md-5{padding:3rem}
  .pt-md-5,.py-md-5{padding-top:3rem}
  .pr-md-5,.px-md-5{padding-right:3rem}
  .pb-md-5,.py-md-5{padding-bottom:3rem}
  .pl-md-5,.px-md-5{padding-left:3rem}
  
  .m-md-n1{margin:-.25rem}
  .mt-md-n1,.my-md-n1{margin-top:-.25rem}
  .mr-md-n1,.mx-md-n1{margin-right:-.25rem}
  .mb-md-n1,.my-md-n1{margin-bottom:-.25rem}
  .ml-md-n1,.mx-md-n1{margin-left:-.25rem}
  
  .m-md-n2{margin:-.5rem}
  .mt-md-n2,.my-md-n2{margin-top:-.5rem}
  .mr-md-n2,.mx-md-n2{margin-right:-.5rem}
  .mb-md-n2,.my-md-n2{margin-bottom:-.5rem}
  .ml-md-n2,.mx-md-n2{margin-left:-.5rem}
  
  .m-md-n3{margin:-1rem}
  .mt-md-n3,.my-md-n3{margin-top:-1rem}
  .mr-md-n3,.mx-md-n3{margin-right:-1rem}
  .mb-md-n3,.my-md-n3{margin-bottom:-1rem}
  .ml-md-n3,.mx-md-n3{margin-left:-1rem}
  
  .m-md-n4{margin:-1.5rem}
  .mt-md-n4,.my-md-n4{margin-top:-1.5rem}
  .mr-md-n4,.mx-md-n4{margin-right:-1.5rem}
  .mb-md-n4,.my-md-n4{margin-bottom:-1.5rem}
  .ml-md-n4,.mx-md-n4{margin-left:-1.5rem}
  
  .m-md-n5{margin:-3rem}
  .mt-md-n5,.my-md-n5{margin-top:-3rem}
  .mr-md-n5,.mx-md-n5{margin-right:-3rem}
  .mb-md-n5,.my-md-n5{margin-bottom:-3rem}
  .ml-md-n5,.mx-md-n5{margin-left:-3rem}
  
  .m-md-auto{margin:auto}
  .mt-md-auto,.my-md-auto{margin-top:auto}
  .mr-md-auto,.mx-md-auto{margin-right:auto}
  .mb-md-auto,.my-md-auto{margin-bottom:auto}
  .ml-md-auto,.mx-md-auto{margin-left:auto}
}

@media (min-width: 992px) {
  .m-lg-0{margin:0}
  .mt-lg-0,.my-lg-0{margin-top:0}
  .mr-lg-0,.mx-lg-0{margin-right:0}
  .mb-lg-0,.my-lg-0{margin-bottom:0}
  .ml-lg-0,.mx-lg-0{margin-left:0}
  
  .m-lg-1{margin:.25rem}
  .mt-lg-1,.my-lg-1{margin-top:.25rem}
  .mr-lg-1,.mx-lg-1{margin-right:.25rem}
  .mb-lg-1,.my-lg-1{margin-bottom:.25rem}
  .ml-lg-1,.mx-lg-1{margin-left:.25rem}
  
  .m-lg-2{margin:.5rem}
  .mt-lg-2,.my-lg-2{margin-top:.5rem}
  .mr-lg-2,.mx-lg-2{margin-right:.5rem}
  .mb-lg-2,.my-lg-2{margin-bottom:.5rem}
  .ml-lg-2,.mx-lg-2{margin-left:.5rem}
  
  .m-lg-3{margin:1rem}
  .mt-lg-3,.my-lg-3{margin-top:1rem}
  .mr-lg-3,.mx-lg-3{margin-right:1rem}
  .mb-lg-3,.my-lg-3{margin-bottom:1rem}
  .ml-lg-3,.mx-lg-3{margin-left:1rem}
  
  .m-lg-4{margin:1.5rem}
  .mt-lg-4,.my-lg-4{margin-top:1.5rem}
  .mr-lg-4,.mx-lg-4{margin-right:1.5rem}
  .mb-lg-4,.my-lg-4{margin-bottom:1.5rem}
  .ml-lg-4,.mx-lg-4{margin-left:1.5rem}
  
  .m-lg-5{margin:3rem}
  .mt-lg-5,.my-lg-5{margin-top:3rem}
  .mr-lg-5,.mx-lg-5{margin-right:3rem}
  .mb-lg-5,.my-lg-5{margin-bottom:3rem}
  .ml-lg-5,.mx-lg-5{margin-left:3rem}
  
  .p-lg-0{padding:0}
  .pt-lg-0,.py-lg-0{padding-top:0}
  .pr-lg-0,.px-lg-0{padding-right:0}
  .pb-lg-0,.py-lg-0{padding-bottom:0}
  .pl-lg-0,.px-lg-0{padding-left:0}
  
  .p-lg-1{padding:.25rem}
  .pt-lg-1,.py-lg-1{padding-top:.25rem}
  .pr-lg-1,.px-lg-1{padding-right:.25rem}
  .pb-lg-1,.py-lg-1{padding-bottom:.25rem}
  .pl-lg-1,.px-lg-1{padding-left:.25rem}
  
  .p-lg-2{padding:.5rem}
  .pt-lg-2,.py-lg-2{padding-top:.5rem}
  .pr-lg-2,.px-lg-2{padding-right:.5rem}
  .pb-lg-2,.py-lg-2{padding-bottom:.5rem}
  .pl-lg-2,.px-lg-2{padding-left:.5rem}
  
  .p-lg-3{padding:1rem}
  .pt-lg-3,.py-lg-3{padding-top:1rem}
  .pr-lg-3,.px-lg-3{padding-right:1rem}
  .pb-lg-3,.py-lg-3{padding-bottom:1rem}
  .pl-lg-3,.px-lg-3{padding-left:1rem}
  
  .p-lg-4{padding:1.5rem}
  .pt-lg-4,.py-lg-4{padding-top:1.5rem}
  .pr-lg-4,.px-lg-4{padding-right:1.5rem}
  .pb-lg-4,.py-lg-4{padding-bottom:1.5rem}
  .pl-lg-4,.px-lg-4{padding-left:1.5rem}
  
  .p-lg-5{padding:3rem}
  .pt-lg-5,.py-lg-5{padding-top:3rem}
  .pr-lg-5,.px-lg-5{padding-right:3rem}
  .pb-lg-5,.py-lg-5{padding-bottom:3rem}
  .pl-lg-5,.px-lg-5{padding-left:3rem}
  
  .m-lg-n1{margin:-.25rem}
  .mt-lg-n1,.my-lg-n1{margin-top:-.25rem}
  .mr-lg-n1,.mx-lg-n1{margin-right:-.25rem}
  .mb-lg-n1,.my-lg-n1{margin-bottom:-.25rem}
  .ml-lg-n1,.mx-lg-n1{margin-left:-.25rem}
  
  .m-lg-n2{margin:-.5rem}
  .mt-lg-n2,.my-lg-n2{margin-top:-.5rem}
  .mr-lg-n2,.mx-lg-n2{margin-right:-.5rem}
  .mb-lg-n2,.my-lg-n2{margin-bottom:-.5rem}
  .ml-lg-n2,.mx-lg-n2{margin-left:-.5rem}
  
  .m-lg-n3{margin:-1rem}
  .mt-lg-n3,.my-lg-n3{margin-top:-1rem}
  .mr-lg-n3,.mx-lg-n3{margin-right:-1rem}
  .mb-lg-n3,.my-lg-n3{margin-bottom:-1rem}
  .ml-lg-n3,.mx-lg-n3{margin-left:-1rem}
  
  .m-lg-n4{margin:-1.5rem}
  .mt-lg-n4,.my-lg-n4{margin-top:-1.5rem}
  .mr-lg-n4,.mx-lg-n4{margin-right:-1.5rem}
  .mb-lg-n4,.my-lg-n4{margin-bottom:-1.5rem}
  .ml-lg-n4,.mx-lg-n4{margin-left:-1.5rem}
  
  .m-lg-n5{margin:-3rem}
  .mt-lg-n5,.my-lg-n5{margin-top:-3rem}
  .mr-lg-n5,.mx-lg-n5{margin-right:-3rem}
  .mb-lg-n5,.my-lg-n5{margin-bottom:-3rem}
  .ml-lg-n5,.mx-lg-n5{margin-left:-3rem}
  
  .m-lg-auto{margin:auto}
  .mt-lg-auto,.my-lg-auto{margin-top:auto}
  .mr-lg-auto,.mx-lg-auto{margin-right:auto}
  .mb-lg-auto,.my-lg-auto{margin-bottom:auto}
  .ml-lg-auto,.mx-lg-auto{margin-left:auto}
}

@media (min-width: 1200px) {
  .m-xl-0{margin:0}
  .mt-xl-0,.my-xl-0{margin-top:0}
  .mr-xl-0,.mx-xl-0{margin-right:0}
  .mb-xl-0,.my-xl-0{margin-bottom:0}
  .ml-xl-0,.mx-xl-0{margin-left:0}
  
  .m-xl-1{margin:.25rem}
  .mt-xl-1,.my-xl-1{margin-top:.25rem}
  .mr-xl-1,.mx-xl-1{margin-right:.25rem}
  .mb-xl-1,.my-xl-1{margin-bottom:.25rem}
  .ml-xl-1,.mx-xl-1{margin-left:.25rem}
  
  .m-xl-2{margin:.5rem}
  .mt-xl-2,.my-xl-2{margin-top:.5rem}
  .mr-xl-2,.mx-xl-2{margin-right:.5rem}
  .mb-xl-2,.my-xl-2{margin-bottom:.5rem}
  .ml-xl-2,.mx-xl-2{margin-left:.5rem}
  
  .m-xl-3{margin:1rem}
  .mt-xl-3,.my-xl-3{margin-top:1rem}
  .mr-xl-3,.mx-xl-3{margin-right:1rem}
  .mb-xl-3,.my-xl-3{margin-bottom:1rem}
  .ml-xl-3,.mx-xl-3{margin-left:1rem}
  
  .m-xl-4{margin:1.5rem}
  .mt-xl-4,.my-xl-4{margin-top:1.5rem}
  .mr-xl-4,.mx-xl-4{margin-right:1.5rem}
  .mb-xl-4,.my-xl-4{margin-bottom:1.5rem}
  .ml-xl-4,.mx-xl-4{margin-left:1.5rem}
  
  .m-xl-5{margin:3rem}
  .mt-xl-5,.my-xl-5{margin-top:3rem}
  .mr-xl-5,.mx-xl-5{margin-right:3rem}
  .mb-xl-5,.my-xl-5{margin-bottom:3rem}
  .ml-xl-5,.mx-xl-5{margin-left:3rem}
  
  .p-xl-0{padding:0}
  .pt-xl-0,.py-xl-0{padding-top:0}
  .pr-xl-0,.px-xl-0{padding-right:0}
  .pb-xl-0,.py-xl-0{padding-bottom:0}
  .pl-xl-0,.px-xl-0{padding-left:0}
  
  .p-xl-1{padding:.25rem}
  .pt-xl-1,.py-xl-1{padding-top:.25rem}
  .pr-xl-1,.px-xl-1{padding-right:.25rem}
  .pb-xl-1,.py-xl-1{padding-bottom:.25rem}
  .pl-xl-1,.px-xl-1{padding-left:.25rem}
  
  .p-xl-2{padding:.5rem}
  .pt-xl-2,.py-xl-2{padding-top:.5rem}
  .pr-xl-2,.px-xl-2{padding-right:.5rem}
  .pb-xl-2,.py-xl-2{padding-bottom:.5rem}
  .pl-xl-2,.px-xl-2{padding-left:.5rem}
  
  .p-xl-3{padding:1rem}
  .pt-xl-3,.py-xl-3{padding-top:1rem}
  .pr-xl-3,.px-xl-3{padding-right:1rem}
  .pb-xl-3,.py-xl-3{padding-bottom:1rem}
  .pl-xl-3,.px-xl-3{padding-left:1rem}
  
  .p-xl-4{padding:1.5rem}
  .pt-xl-4,.py-xl-4{padding-top:1.5rem}
  .pr-xl-4,.px-xl-4{padding-right:1.5rem}
  .pb-xl-4,.py-xl-4{padding-bottom:1.5rem}
  .pl-xl-4,.px-xl-4{padding-left:1.5rem}
  
  .p-xl-5{padding:3rem}
  .pt-xl-5,.py-xl-5{padding-top:3rem}
  .pr-xl-5,.px-xl-5{padding-right:3rem}
  .pb-xl-5,.py-xl-5{padding-bottom:3rem}
  .pl-xl-5,.px-xl-5{padding-left:3rem}
  
  .m-xl-n1{margin:-.25rem}
  .mt-xl-n1,.my-xl-n1{margin-top:-.25rem}
  .mr-xl-n1,.mx-xl-n1{margin-right:-.25rem}
  .mb-xl-n1,.my-xl-n1{margin-bottom:-.25rem}
  .ml-xl-n1,.mx-xl-n1{margin-left:-.25rem}
  
  .m-xl-n2{margin:-.5rem}
  .mt-xl-n2,.my-xl-n2{margin-top:-.5rem}
  .mr-xl-n2,.mx-xl-n2{margin-right:-.5rem}
  .mb-xl-n2,.my-xl-n2{margin-bottom:-.5rem}
  .ml-xl-n2,.mx-xl-n2{margin-left:-.5rem}
  
  .m-xl-n3{margin:-1rem}
  .mt-xl-n3,.my-xl-n3{margin-top:-1rem}
  .mr-xl-n3,.mx-xl-n3{margin-right:-1rem}
  .mb-xl-n3,.my-xl-n3{margin-bottom:-1rem}
  .ml-xl-n3,.mx-xl-n3{margin-left:-1rem}
  
  .m-xl-n4{margin:-1.5rem}
  .mt-xl-n4,.my-xl-n4{margin-top:-1.5rem}
  .mr-xl-n4,.mx-xl-n4{margin-right:-1.5rem}
  .mb-xl-n4,.my-xl-n4{margin-bottom:-1.5rem}
  .ml-xl-n4,.mx-xl-n4{margin-left:-1.5rem}
  
  .m-xl-n5{margin:-3rem}
  .mt-xl-n5,.my-xl-n5{margin-top:-3rem}
  .mr-xl-n5,.mx-xl-n5{margin-right:-3rem}
  .mb-xl-n5,.my-xl-n5{margin-bottom:-3rem}
  .ml-xl-n5,.mx-xl-n5{margin-left:-3rem}
  
  .m-xl-auto{margin:auto}
  .mt-xl-auto,.my-xl-auto{margin-top:auto}
  .mr-xl-auto,.mx-xl-auto{margin-right:auto}
  .mb-xl-auto,.my-xl-auto{margin-bottom:auto}
  .ml-xl-auto,.mx-xl-auto{margin-left:auto}
}


/* --------------------  5. utilities  -------------------- */
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; -webkit-transform: translate3d(0,0,0);}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

#cboxOverlay{background:#000; opacity: 0.9; filter: alpha(opacity = 90);}
#colorbox{outline:0;}
#cboxContent{margin-top:20px;background:#000;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{border:5px solid #000; background:#fff;}
#cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
#cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
#cboxLoadingGraphic{background:url(https://5402941.fs1.hubspotusercontent-na1.net/hubfs/5402941/images/loading.gif) no-repeat center center;}
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
#cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
#cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(https://5402941.fs1.hubspotusercontent-na1.net/hubfs/5402941/images/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
#cboxPrevious:hover{background-position:bottom left;}
#cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(https://5402941.fs1.hubspotusercontent-na1.net/hubfs/5402941/images/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
#cboxNext:hover{background-position:bottom right;}
#cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(https://5402941.fs1.hubspotusercontent-na1.net/hubfs/5402941/images/controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
#cboxClose:hover{background-position:bottom center;}


/* -------------------- Override HS -------------------- */
/* Header */
.header-container-wrapper { }
.body-container.container-fluid,
.footer-container.container-fluid { padding: 0; }
/* Footer */
.footer-head .logo__image { filter: brightness(0) invert(1); }

/* Buttons */
.hs-cta-img { display: none; }
button,
.button,
.hs-button,
.cta_button {
  display: inline-block;
  font-size: 0.95rem;
  font-weight: 400;
/*   box-shadow: 0 .5rem 1.5rem rgba(22,28,45,.1); */
  padding: .5rem 1rem;
  border: 1px solid #c0c6d9;
  border-radius: .375rem;
  background-color: #335eea;
  background-color: #ffffff;
  color: #26292b;
  cursor: pointer;
/*   transition: box-shadow .25s ease, transform .25s ease, -webkit-transform .25s ease; */
  transition: all 300ms ease;
  margin-right: 5px;
  -webkit-appearance: none;
}
button:hover,
.button:hover,
.hs_button:hover,
.cta_button:hover {
  background-color: #f5f7fa;
  color: #26292b;
/*   box-shadow: 0 1rem 2.5rem rgba(22,28,45,.1),0 .5rem 1rem -.75rem rgba(22,28,45,.1); */
/*   transform: translate3d(0,-3px,0); */
}
.btn-simple button,
.btn-simple .button,
.btn-simple .hs-button,
.btn-simple .cta_button {
  padding: 0;
  border: 0;
  background-color: transparent;
  font-weight: 600;
}
.btn-simple button:hover,
.btn-simple .button:hover,
.btn-simple .hs-button:hover,
.btn-simple .cta_button:hover {
  background-color: transparent;
  color: inherit;
}
.btn-simple button::after,
.btn-simple .button::after,
.btn-simple .hs-button::after,
.btn-simple .cta_button::after {
  background-size: contain;
  width: 18px;
  height: 9px;
/*   margin-left: 10px; */
  transform: translateX(10px);
  content: '\f178';
  font-family: FontAwesome;
  font-weight: 100;
  display: inline-block;
  filter: unset;
  transition: transform 250ms ease;
}
.btn-simple:hover button::after,
.btn-simple:hover .button::after,
.btn-simple:hover .hs-button::after,
.btn-simple:hover .cta_button::after {
/*   margin-left: 15px; */
  transform: translateX(15px);
}
.btn-simple_transparent .cta_button:hover,
.btn-simple_transparent .hs_button:hover,
.btn-simple_transparent .cta_button,
.btn-simple_transparent .hs_button {
  background:transparent;
  color:#fff;
}
.btn-hover button,
.btn-hover .button,
.btn-hover .hs-button,
.btn-hover .cta_button {}
.btn-hover button:hover,
.btn-hover .button:hover,
.btn-hover .hs-button:hover,
.btn-hover .cta_button:hover {
  box-shadow: 0 1rem 2.5rem rgba(22,28,45,.1),0 .5rem 1rem -.75rem rgba(22,28,45,.1);
  transform: translate3d(0,-3px,0);
}
.btn-gradient button,
.btn-gradient .button,
.btn-gradient .hs-button,
.btn-gradient .cta_button {
  background-image: linear-gradient(90deg, #5c5cff, #8960ff);
  border: 0;
  color: #ffffff;
  padding: 0.75rem 3rem;
}
.btn-gradient button:hover,
.btn-gradient .button:hover,
.btn-gradient .hs-button:hover,
.btn-gradient .cta_button:hover {}

/* Blog Listing */
.blog-section { padding-top: 7rem; }
.blog-section .social { margin: 1rem auto; justify-content: space-evenly; }
.blog-section .social__item-link { margin-right: 0; }
.blog-section .social__item-link, 
.blog-section .social__item-link:visited, 
.blog-section .social__item-link:focus {
  color: #c0c6d9;
  font-size: 1.5rem;
}
.hs-blog-listing .bg-half-gray,
.hs-blog-post .bg-half-gray { background: #ffffff; }

.post {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: column;
  border-radius: 10px;
  height: 100%;
}
.post__image {
  width: 100%;
  height: 17vw;
  max-height: 240px;
  object-fit: cover;
  object-position: 50% 0;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.post__content {
  max-width: 750px;
  padding: 1.9rem 1.5rem 2.5rem 1.9rem;
}
.post__content-excerpt {
  color: rgb(87, 103, 132);
  line-height: 1.6em;
  font-size: 0.88rem;
  font-weight: 400;
}
.post__author {
  display: flex;
  align-items: center;
  padding: 0px 1.5rem 1.5rem 2rem;
  margin-top: auto;
}
.post__author-image {
  width: 30px;
  height: 30px;
  margin-right: 6px;
  border-radius: 50%;
}
.post__author-name {
  color: rgb(36, 42, 53);
  line-height: 1.4em;
  font-size: 0.75rem;
  margin: 0;
}
.post-round {
  background-color: transparent;
  color: rgb(92, 92, 255);
  font-size: 9px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.75px;
  height: 1.25rem;
  display: inline-flex;
  align-items: center;
  padding: 13px 15px;
  border-radius: 15px;
  margin: 0px;
}
.post-listing {
  display: flex;
  justify-content: center;
  flex-flow: row wrap;
  margin: 0px -0.5rem;
}
.post-listing .post-item {
  min-width: 360px;
  flex: 0 0 calc(33.3333% - 2rem);
  margin: 0px 1rem 2em;
}
.post-item__link {
  box-shadow: rgba(11, 26, 56, 0.1) 0px 1px 20px 2px;
  color: rgb(87, 103, 132);
  display: block;
  border-radius: 10px;
  background: rgb(255, 255, 255);
  height: 100%;
}
.post-item_featured {
  max-width: 800px;
  margin: 0px auto 100px;
}
.post-item_featured .post__image {
  height: 40vh;
  max-height: 600px;
  min-height: 320px;
}
.post-item_featured .post__content-excerpt {
  font-size: 1rem;
}
.post-item_featured .post__author {
    padding: 0px 1rem 2.5rem;
}
@media (max-width: 767px) {
  .post__image {
    min-height: auto;
    max-height: none;
    height: auto;
    object-fit: contain;
    width: 100%;
  }
  .post-item_featured .post__image {
    min-height:auto;
    height:auto;
  }
}
@media (max-width:380px) {
  .post-listing .post-item {
    min-width:280px;
  }
}

/* Blog Post */
.post-image {
  width: 100%;
  height: 40vw;
  max-height: 600px;
  object-fit: cover;
  object-position: 50% 0;
  border-radius: 6px;
  box-shadow: 0 0 8px 4px #ddd;
}
.post-author {
  max-width: 380px;
  margin: 0 auto;
  color: #576784;
  font-size: 13px;
}
.post-author__image {
  width: 60px;
  height: 60px;
  object-fit: cover;
  border-radius: 50%;
  margin-bottom: 15px;
}
.post-author__name {
  color: #242a35;
  font-size: 14px;
  margin-bottom: 3px;
}
.post-body {
  position: relative;
  max-width: 850px;
  margin: 4rem auto;
  width: 100%;
}
.post-body__time {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 300;
  color: #576784;
}
.post-body__time-icon {
  width: 14px;
  height: 14px;
  margin-right: 8px;
  margin-left: -4px;
}
.post-body__content {
  max-width: 700px;
  margin-top: 60px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 5px;
  font-size: 17px;
  font-weight: 400;
  line-height: 2em;
  color: #576784;
}
.post-body__author {
  padding-top: 60px;
  border-top: 1px solid rgba(151,158,180,.39);
}
.post-body__author-share {
  margin-top: 4rem;
  padding-top: 2rem;
  border-top: 1px solid rgba(151,158,180,.39);
}

.post-subscribe {
  flex: 1;
  margin-bottom: 31rem;
}
.subscribe-wrapper {
  margin-top: 4rem;
}
.subscribe {
  display: flex;
  flex-flow: column;
  align-items: center;
}
.subscribe__text-title {
  font-size: 1.625rem;
}
.subscribe .col {
  width: 100%;
}
.subscribe .form-title {
  display: none;
}
.subscribe .hs-form {
  display: flex;
  flex-flow: column;
  align-items: center;
}
.subscribe .hs-form .hs-form-required {
  display: none;
}
.subscribe .hs-form .hs-input,
.subscribe .hs-form .hs-button {
  margin: .5rem 0;
  padding: 0.5rem 1rem;
  width: 100%;
  border: 1px solid #c0c6d9;
  border-radius: 6px;
}
.subscribe .hs-form .hs-button {
  font-weight: bold;
  background-color: #5c5cff;
  color: #fff;
  display: block;
  width: 100%;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.subscribe .hs-form .hs-input.error {
  border-color: red;
}
.subscribe .hs-form .hs-form-field,
.subscribe .hs-form .hs-submit {
  width: 100%;
}
.subscribe .hs-form label,
.subscribe .hs-form .hs-error-msgs,
.subscribe .hs-form .hs_error_rollup {
  display: none !important;
}


/* hubspot form fields */
.gdd-calc .hs-input,
.gdd-calc .input-text {
  width:100%;
  font-family: 'Muli',sans-serif;
  font-size: 1rem;
  margin: 0 0 1rem;
  padding: 1rem .5rem;
  border: 1px solid #c0c6d9;
  border-radius: 6px;
  max-height: 50px;
  line-height: 1;
  background: transparent;
  transition: all 300ms ease;
  box-shadow: 0 2px 4px 0 rgba(100,105,124,0.04);
}
/* hubspot form fields */


/* Blog Post Update */

.post-summary { margin:5rem 4rem 0; background:#5351FB; color:#fff; padding:1.5rem; border-radius:1rem; box-shadow:5px 5px 10px 0 rgba(0,0,0,0.5); font-size:0.8rem; }
.post-summary h6 { color:inherit; margin:0 0 0.25rem; font-size:1rem; }
.post-summary p { margin:0; line-height:1.1; }
.flex-1 { flex:1; margin: 0 0.5rem; }
.post-summary__client-logo {
}
.post-summary__client-logo img {
  height: 30px;
  object-fit: contain;
  object-position: left;
}
.post-sidebar { width:19%; margin:8rem 1rem 4rem 0; }
.post-sidebar__nav { position:sticky; top:100px; }
.post-sidebar__nav ul { list-style:none; margin:0; padding:0; }
.post-sidebar__nav ul > li { }
.post-sidebar__nav ul > li > a { color:#858997; display:block; position:relative; 
  line-height: 3.375rem;
  padding: 0 1rem; 
  border-radius:1.6875rem;
}
.post-sidebar__nav ul > li > a .fa { width:30px; }
.post-sidebar__nav ul > li.active > a,
.post-sidebar__nav ul > li > a:hover { background:#5351FB; color:#fff; }
.post-sidebar__nav ul > li > a:after { content: "\f105"; position:absolute; right:1rem; top:50%; transform:translateY(-50%);
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
div.post-body_update { width:75%; margin-left:4rem; margin-right:0; }
div.post-body__content {margin:0; max-width:100%; }
@media only screen and (max-width:767px) {
  .post-summary { padding:1rem 1rem 0; transform:translateY(0rem); margin:1rem 0 0; font-size:0.8rem; }
  .post-summary .d-flex { flex-wrap:wrap; justify-content:space-between; }
  .flex-1 { flex: 0 0 calc(50% - 1rem); margin-bottom:1rem; }


  .post-sidebar__nav ul > li > a { 
    width: 50px;
    white-space: nowrap;
    overflow: hidden;
    text-align: center;
    padding:0;
  }
  .post-sidebar__nav ul > li > a .fa {
    width:50px;
  }
  .post-sidebar__nav ul > li > a:after {
    display:none;
  }

  .post-sidebar {
    width:50px;
  }
  div.post-body_update {
    width: calc(100% - 60px);
    margin-left: 0rem;
    margin-right: 0;
  }
  div.post-body__content {
    font-size:1rem;
  }
  .post-body__content img {
    max-width:100%;
  }
}

/* Blog Post Update */


/*  Blog Post Resources */
  .resource-banner { background-color:#0b1a38; height:170px; }
  .resource-post__image {
    position: relative;
    text-align: center;
    margin-top:-60px;    
  }
  .resource-post__image-src {
    width: 120px;
    height: 120px;
    object-fit: cover;
    border: 2px solid #fff;
    border-radius: 9px;
    background-color: #fff;
    box-shadow: 1px 1px 3px 0 rgba(0,0,0,.2);
  }
  
  
  .resource-post__heading-title { 
    font-weight: 300;
    text-align: center;
    margin-top: 3rem;
    margin-bottom: 1.5rem;
  }
  
  .resource-post__heading-details {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .resource-post__heading-details-date {
    font-size: .75rem;
    color: #979eb4;
    margin: 0 1.5rem;
  
  }
  
  .tag-list {
    list-style: none;
    padding: 0;
    display: flex;
    justify-content: center;
  }
  .tag-list__item-link {
    font-size: .6rem;
    font-weight: 600;
    text-transform: uppercase;
    color: #686d7f;
    padding: .25rem .75rem;
    margin: 0 .5rem;
    border: 1px solid rgba(151,158,180,.44);
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .resource-post__social {
    justify-content: center;
    font-size: 1.5rem;
    margin: 3rem 0;
  }
  .resource-post__body {}
  .resource-post__body img { max-width:100%; }
  
  .resource-item { 
    display:flex;
  }
  .resource-item__link { 
    align-self:stretch;
    background-color:#fff;
    display:block; 
    border-radius:6px;
  }
  .resource-item__link:hover {
    box-shadow: 0 22px 15px -15px rgba(54,71,96,.1);
    -webkit-transform: translate(0,-3px);
    -ms-transform: translate(0,-3px);
    transform: translate(0,-3px);
  }
  .resource-post__related-title {
    font-size: 1.65rem;
    text-align: center;
  }
  .resource-item__image-src {
    width: 100px;
    height: 100px;
    object-fit: cover;
    border-radius:5px;
  }
  .resource-item__body-title {
    font-size: .9rem;
    font-weight: 600;
    line-height: 21px;
    margin: 1.5rem 0 .5rem;
  }
  .resource-item__body-content {
    font-size: .75rem;
    font-weight: 300;
    line-height: 19px;
    color: #576784;
  }


/*  Blog Post Resources */


/* -------------------- Components -------------------- */
/* Navigation */
.nav { list-style: none; padding: 0; margin: 0; transition: background 300ms ease, color 300ms ease; }
.nav_inner { 
  opacity: 0; 
  width: 0;
/*   padding: 0.55rem 0; */
  visibility: hidden;
  position: absolute; 
  top: 100%; 
  transform: translateY(-1rem); 
  left: 1rem;
  overflow: hidden; 
  z-index: 1; 
  background-color: #ffffff; 
  box-shadow: 0px 0px 8px #ddd; 
  transition: all 300ms ease-in-out; 
}

.nav__item-link { 
 font-size: 0.85rem; 
 padding: 1rem 1.55rem;
 display: block; 
 white-space: nowrap; 
 color: #394455; 
}
.nav__item-link_active, 
.nav__item-link:hover { 
  color: #242a35; 
}

.nav__item_active .nav_inner { opacity: 1; width: auto; visibility: visible; transform: translateY(0); }
.nav__item_active .nav__item-link_base:after { transform: translateY(-65%) rotate(-180deg); color: #5c5cff; }

.nav_level-1 { display: flex; }
.nav_level-1 > .nav__item > .nav__item-link  { 
  font-size: 0.75rem; 
  padding: 0.4rem 1.55rem;
  display: block;
  font-weight: 700;
  text-transform: uppercase; 
  white-space: nowrap; 
  color: #394455; 
}

.nav__item_children { position: relative; cursor: pointer; user-select: none; }
.nav__item_children .nav__item-link_base { pointer-events: none; }
.nav__item_children .nav__item-link_base:after { 
  content: "\f078"; 
  font-family: FontAwesome; 
  font-size: 0.5rem; 
  color: #c0c6d9; 
  position: absolute; 
  left: calc(100% - 0.5rem); 
  top: 50%; 
  transform: translateY(-65%); 
  width: 7px; 
  transition: all 300ms ease-in-out; 
}

/* .nav__item-link_inner { width: 200px; } */

/* Headings */
.heading_full { max-width: 100%; }
.heading_left { margin-left: 0; }
.heading_centered { text-align: center }
.heading__icon { max-width: 32px; margin-bottom: 2.5rem; }
.heading__sub { color: #979eb4; font-size: 0.7rem; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; }
.heading__title { margin: 1rem auto; }
.heading__description_narrow { max-width: 720px; margin: 0 auto; }

/* CTA Button */
.cta-only { padding:1rem; }
.cta-only .cta_button {
  color:#5c5cff;
}
/* CTA Button */

/* Hero Home */
.hero-home.panel { padding: 10rem 1rem 3rem 1rem; }
.hero-home__split { align-items: center; }
.hero-home__split-image { flex: 0 1 50%; }
.hero-home__content { padding-right: 6rem; }
.hero-home__content-title { font-size: 2.5rem; font-weight: 800; line-height: 1.2; margin-bottom: 1.5rem; }
.hero-home__btn-gradient { padding: 2rem 0; }
.hero-home .split__column-content { flex: 0 1 50%; }
.hero-home .split__column-image { flex: 0 1 50%; }

@media (max-width: 1024px) {
  .hero-home.panel { padding-top: 8rem; }
  .hero-home__content { max-width: 500px; padding: 0; margin: 0 auto; }
  .hero-home__content-title { font-size: 1.93rem; }
  .hero-home__content-description { line-height: 1.5; }
  .hero-home__btn-simple .cta_button { font-size: 0.9rem; }
}


/* Stats */
.stat__number { font-size: 3.15rem; margin-top: 1rem; }
.stat__description { font-size: 0.85rem; }
.stat__logo { max-width: 3.5rem; margin: 2.5rem auto; }

.stat-counter .stats { background-image: linear-gradient(180deg,#0b1a38,#0b1a38); padding: 7rem 1rem; text-align: center; }
.stat-counter .container__stats { display: flex; align-items : stretch; justify-content: space-around; flex-wrap: wrap; }
.stat-counter .col { flex: 0 1 300px; margin: 0 1rem; }
.stat-counter .col__title { font-size: 0.9rem; font-weight: 400; margin: 1rem 0 2rem; }
.stat-counter .stats__title { font-size: 1.15rem; font-weight: 700; margin-bottom: 3rem; }
.stat-counter .stats__sub-title { font-size: .7rem; letter-spacing: 1px; margin-bottom: 3rem; }
.stat-counter .col__number { font-size: 3.25rem; font-weight: 700; display: flex; justify-content: center; }
.stat-counter .col__logo { max-width: 150px; margin: auto; }
.stat-counter .col__logo-img { width: 72px; filter: brightness(0) invert(1); }

.stat-counter .stats__title,
.stat-counter .stats__sub-title { color: #fff; }
.stat-counter .col__number { color: #f5f7fa; }
.stat-counter .col__title { color: #fff; }

.stat-counter_light .stats { background: #fff; }
.stat-counter_light .stats__title,
.stat-counter_light .stats__sub-title { color: #242a35; }
.stat-counter_light .col__number { color: #5c5cff; }
.stat-counter_light .col__title { color: #242a35; }


/* Content Split Overview */
.csplit-overview__heading { padding: 9rem 0; }
.csplit-overview__split { margin-bottom: 5rem; }
.csplit-overview__content { max-width: 380px; }
.csplit-overview__content .heading__title { font-size: 1.65rem; }
.csplit-overview .testimonial__author-profile { border-radius:100%; }
.testimonial__excerpt { font-size:12.5px; }

@media (max-width: 1024px) {
  .csplit-overview__heading { padding: 6rem 0; }
  .csplit-overview__content { margin: 0 auto; text-align: left; order: 2; }
  .csplit-overview__split { margin-bottom: 7.5rem; }
}


/* Media Popup */
.media-popup.panel{padding:3rem 2rem 5.9rem}
.media-popup__container{position:relative}
.media-popup__thumbnail{position:relative;width:100%;height:auto;overflow:hidden;border-radius:20px;box-shadow:0 20px 25px -5px rgba(0,0,0,0.2),0 10px 10px -5px rgba(0,0,0,0.14)}
.media-popup__thumbnail img{height:100%;object-fit:contain}
.media-popup__thumbnail:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(11,26,56,0.18)}
.media-popup__logo-left{position:absolute;left:30px;bottom:27px;max-width:175px}
.media-popup__logo-left img{max-width:100%}
.media-popup__logo-right{position:absolute;right:8%;bottom:0;width:96px;transform:translateY(50%);overflow:hidden;border-radius:50%;box-shadow:0 10px 15px -3px rgba(0,0,0,0.2),0 4px 6px -2px rgba(0,0,0,0.15)}
.media-popup__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;display:block}
.media-popup__play img{max-width:100%}
@media (max-width: 1024px) {
  .media-popup__logo-left{max-width:100px}
  .media-popup__logo-right{width:64px}
}


/* Icon List */
.icon-list { list-style: none; padding: 0; margin: 0; }
.icon-list__item { display: flex; align-items: center; margin: 1.5rem 0; }
.icon-list__item-img { max-width: 1.5rem; max-height: 1.5rem; margin-right: 1.25rem; }


/* Logos */
.logos { display: flex; padding: 3.5rem 0; }
.logos__title { max-width: 175px; font-size: 0.75rem; font-weight: 600; }
.logos__list { flex: 1; display: flex; flex-wrap: wrap; justify-content: space-evenly; }
.logos__list-item { flex: 1; margin: 1rem; opacity: 1; max-width: 154px; max-height: 72px; object-fit: contain; }


/* Socials */
.social { list-style: none; padding: 0; margin: 0; display: flex; }
.social__item-link { text-decoration: none; margin-right: 1rem; border-radius: 1rem; width: 2rem; height: 2rem; display: flex; align-items: center; justify-content: center; color: #394455; }
.social__item:last-child .social__item-link { margin: 0; }


/* Cards */
.cards { display: flex; align-items: stretch; justify-content: center; flex-flow: row wrap; }
.card { flex: 0 1 calc(1200px / 3 - 4rem); background-color: #ffffff; border-radius: 20px; padding: 2rem; margin: 1rem 2rem 4rem 1rem; text-align: center; overflow: hidden; display: flex; align-items: center; justify-content: center; }
.card__image { min-height: 350px; background: #444; }
.card__img { max-width: 175px; }
.card__content-title { font-size: 1.15rem; font-weight: 600; margin-top: 2rem; }
.card__content-description { font-size: 0.85rem; margin-bottom: 0; }
.card_padding-large { padding: 4rem 3rem 1rem; }


/* Testimonial */
.testimonial { margin: 2rem 0; font-size: 0.85rem; }
.testimonial__introduction { font-size: 1.15rem; font-weight: 600; text-align: left; margin: 2rem 0 1rem; }
.testimonial__excerpt { position: relative; padding: 1rem 1.5rem; border-radius: 10px; background-color: #f5f7fa; }
.testimonial__excerpt:after { content: ''; width: 1.5rem; height: 1.5rem; background: #f5f7fa; position: absolute; left: 1.5rem; bottom: -0.5rem; transform: rotate(45deg); }
.testimonial__excerpt_quote-large { background: transparent; font-size: 1.25rem; line-height: 1.75; padding: 0; text-align: left; }
.testimonial__excerpt_quote-large:after { background: url(https://assets.website-files.com/5c7d318eeaea1d6e1198d906/5d03ea26c4cbd65422848a94_Quotation.svg) no-repeat center; background-size: contain; transform: rotate(0); top: -2.25rem; left: 0; width: 2rem; }
.testimonial__author { display: flex; margin: 2rem 0; align-items: center; }
.testimonial__author_large { margin: 1rem 0 1.5rem; }
.testimonial__author-profile { max-width: 50px; margin-right: 1rem; }
.testimonial__author-detail { font-size: 0.8575rem; line-height: 1.5; }
.testimonial__author-detail_row { display: flex; font-size: 0.85rem; }
.testimonial__author-logo { max-width: 90px; margin-left: auto; }


/* Hero customer */
.hero-simple__heading { color: #242a35; }
.hero-simple__heading { color: #979eb4; }
.hero-simple__heading { color: #394455; }


/* Video Player */
.video-player { }


/* Pricing Page */
.pricing-details-panel { border-radius:20px; box-shadow: 0px 2px 15px 0px rgba(85,85,85,0.2);}
.pricing-details-panel--cta a { border-radius:6px; box-shadow: 0px 4px 4px 0px rgba(85,85,85,0.3);}
.faq-item { border-radius:6px; box-shadow: 0px 3px 15px 0px rgba(85,85,85,0.2);}

/* -------------------- Utility Classes -------------------- */
/* Highlight Text */
.hlight {
  background-image: -webkit-gradient(linear,left top,right top,from(#5c5cff),to(#8ad5ff));
  background-image: linear-gradient(90deg,#5c5cff,#8ad5ff);
  -webkit-background-clip: text;
  color: transparent;
  font-weight: 800;
}

/* Layouts */
.panel { padding: 1rem; }
.panel_dark { background-color: #0b1a38; color: #f5f7fa; }
.panel_dark h1, 
.panel_dark h2, 
.panel_dark h3, 
.panel_dark h4, 
.panel_dark h5, 
.panel_dark h6, 
.panel_dark a { color: #ffffff; }

.container { max-width: 1200px; margin: 0 auto; }
.container_wide { max-width: 1300px; }
.container_xwide { max-width: 1400px; }
.container_narrow { max-width: 900px; }

.split { display: flex; align-items: center; flex-flow: row nowrap; }
.split__column { flex: 100%; padding: 1rem; width: 50%; }
.split__jc { justify-content:space-between; }
.split_reverse .split__column-content { margin-left: auto; }
.split_reverse .split__column_content { order: 2; }

.w-25 { width: 25% }
.w-50 { width: 50% }
.w-75 { width: 75% }
.w-100 { width: 100% }
.w-auto { width: auto }
.h-25 { height: 25% }
.h-50 { height: 50% }
.h-75 { height: 75% }
.h-100 { height: 100% }
.h-auto { height: auto }
.mw-100 { max-width: 100% }
.mw-350 { max-width: 350px; }
.mw-650 { max-width: 650px; }
.mw-960 { max-width: 960px; }
.mh-100 { max-height: 100% }
.min-vw-50 { min-width: 50vw }
.min-vh-50 { min-height: 50vh }
.min-vw-100 { min-width: 100vw }
.min-vh-100 { min-height: 100vh }
.vw-50 { width: 50vw }
.vh-50 { height: 50vh }
.vw-100 { width: 100vw }
.vh-100 { height: 100vh }

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

/* Backgrounds */
.bg-white { background-color: #ffffff; }
.bg-white-1 { background-color: #f5f7fa; }
.bg-gray { background-color: #f5f7fa; }
.bg-black { background-color: #0b1a38; }
.bg-blue { background-color: #0d7ef9; }
.bg-blue-1 { background-color: #2cb4ff; }
.bg-gradient { background-color: #5c5cff; background-image: -webkit-gradient(linear,left top,right top,from(#5c5cff),to(#8960ff)); background-image: linear-gradient(90deg,#5c5cff,#8960ff); }
.bg-half__gray { position:relative; }
.bg-half__gray:before { position:absolute; top:50%; bottom:0; left:0; right:0; background-color: #f5f7fa; content:""; }
.bg-halftop__gray:before { position:absolute; top:0; bottom:50%; left:0; right:0; background-color: #f5f7fa; content:""; }
.bg-half-gray { background-image: linear-gradient(#f5f7fa 50%, #ffffff 50%); }

/* Padding */
.padbot10 section { padding-bottom:13rem; }

/* Colors */
.color-black h1, .color-black h2, .color-black h3, .color-black h4, .color-black h5, .color-black h6, .color-black a, .color-black { color: #0b1a38; }
.color-black-1 h1, .color-black-1 h2, .color-black-1 h3, .color-black-1 h4, .color-black-1 h5, .color-black-1 h6, .color-black-1 a, .color-black-1 { color: #0b1a38; }

.color-white h1, .color-white h2, .color-white h3, .color-white h4, .color-white h5, .color-white h6, .color-white a, .color-white { color: #ffffff; }
.color-white-1 h1, .color-white-1 h2, .color-white-1 h3, .color-white-1 h4, .color-white-1 h5, .color-white-1 h6, .color-white-1 a, .color-white-1 { color: #f5f7fa; }

.color-blue h1, .color-blue h2, .color-blue h3, .color-blue h4, .color-blue h5, .color-blue h6, .color-blue a, .color-blue { color: #5c5cff; }
.color-blue-1 h1, .color-blue-1 h2, .color-blue-1 h3, .color-blue-1 h4, .color-blue-1 h5, .color-blue-1 h6, .color-blue-1 a, .color-blue-1 { color: #5c5cff; }

.color-purple h1, .color-purple h2, .color-purple h3, .color-purple h4, .color-purple h5, .color-purple h6, .color-purple a, .color-purple { color: #5c5cff; }

.color-grey h1, .color-grey h2, .color-grey h3, .color-grey h4, .color-grey h5, .color-grey h6, .color-grey a, .color-grey { color: #394455; }
.color-grey-1 h1, .color-grey-1 h2, .color-grey-1 h3, .color-grey-1 h4, .color-grey-1 h5, .color-grey-1 h6, .color-grey-1 a, .color-grey-1 { color: #979eb4; }
.color-grey-2 h1, .color-grey-2 h2, .color-grey-2 h3, .color-grey-2 h4, .color-grey-2 h5, .color-grey-2 h6, .color-grey-2 a, .color-grey-2 { color: #c0c6d9; }

.legal-sidepane { 
  padding: 2rem;
  background: #fff;
  margin-bottom: 2rem;
  box-shadow: 0 1.5rem 4rem rgba(22,28,45,.15);
  font-size:0.9rem;
  line-height:1rem;
}

/* Subscription CTA Block */
.subscribe-block {
  margin-top: -10rem;
  margin-bottom: 5rem;
}
.subscribe-block__container {
  border-radius: 10px;
  padding: 5rem 2.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-shadow: 0 10px 35px 2px rgba(0,0,0,.16);
}
.subscribe-block__title {
  font-size: 2rem;
}
.subscribe-block__form {
  margin: 2rem 0 1rem;
}
.subscribe-block__form label,
.subscribe-block__form .form-title,
.subscribe-block__form .hs-error-msgs {
  display: none !important;
}
.subscribe-block__form .hs-form {
  display: flex;
}
.subscribe-block__form input {
  padding: 0.75rem 3rem !important;
  border: 1px solid #fff;
  outline: none;
  font-weight: 600;
  letter-spacing: 0.3px;
}
.subscribe-block__form .hs-input {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  background: transparent;
  color: #fff;
  padding-left: 1rem !important;
  padding-right: 1rem !important;
  width: 375px;
}
.subscribe-block__form .hs-input:placeholder {
  color: #fff;
}
.subscribe-block__form .hs-input::-webkit-input-placeholder {
  color: #fff;
}
.subscribe-block__form .hs-button {
  font-size: 1rem;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  color: #5C5CFF;
}
.subscribe-block__btn-simple .cta_button {
  font-size: 0.8rem;
  font-weight: 800;
}

/* Default Styling */
.subscribe-block__form_default .hs-form { display: block; }
.subscribe-block__form_default .hs-form fieldset { max-width: 100%; }
.subscribe-block__form_default .hs-form textarea { width: 100% !important; border-color:currentColor; }
.subscribe-block__form_default .hs-form textarea:focus { outline:0; }
.subscribe-block__form_default .hs-form input,
.subscribe-block__form_default .hs-form .hs-input { border-radius: 6px; }
.subscribe-block__form_default .hs-form .field { margin-bottom: 0.5rem; }
.subscribe-block__form_default .hs-form .hs-submit { text-align: center; }


@media (max-width:846px) {
  .subscribe-block__form .hs-input { width:100%; }
  .subscribe-block__form_default .hs-form .field { width:100%; }
  
}

@media (max-width: 480px) {
  .subscribe-block__form .hs-form {
    flex-direction: column;
    padding: 0;
  }

  .subscribe-block__form .hs-input {
    width: 100% !important; 
    margin-bottom: 1.5rem;
    border-radius: 0;
  }

  .subscribe-block__form .hs-submit {
    text-align: center; 
  }

  .subscribe-block__form {
    width: 100%;
  }

  .subscribe-block__form .hs-submit input {
    border-radius: 0
  }
  
  .subscribe-block__form_default .hs-form .input { margin-right: 0 !important; }
}

/* Subscription CTA Block */
@media (max-width: 1024px) {
  .btn-simple .cta_button {
    font-size: .9rem;
  }
  
  .split { flex-direction: column; text-align: center; }
  .split__column { padding: 1rem; width: 100%; }
  .split__column_content { order: 2; }
  
  .heading__icon { margin-left: auto; margin-right: auto; }
  .heading__title { font-size: 1.425rem; }
  .heading__description { font-size: 0.925rem; line-height: 1.45; }
  .heading_sub .heading__title { font-size: 1.125rem; line-height: 1.4; }
  .heading_sub .heading__sub { font-size: 0.725rem; }
  .heading_sub .heading { font-size: 0.625rem; font-weight: 600; }
  
  .logos { flex-direction: column; align-items: center; }
  .logos__title { max-width: 100%; }
  .logos__list { flex-flow: row wrap; justify-content: center; }
  .logos__list-item { margin: 1rem 0.5rem; }
  
  .icon-list { font-size: 0.815rem; }
  .icon-list__item { margin: 1.25rem 0; }
  
  .card { margin-bottom: 1.5rem; }
  .card__content-title { font-size: 0.95rem; }
  .card__content-description { font-size: 0.815rem; line-height: 1.6; }
  
  .stat-counter .stats__title { font-size: 1.075rem; }
  .stat-counter .stats__sub-title { font-size: 0.625rem; }
  .stat-counter .col { margin-bottom: 4rem; }
  .stat-counter .col__number { font-size: 2.715rem; }
  .stat-counter .col__title { font-size: 0.925rem; font-weight: 400; }
  
  .testimonial__excerpt { font-size: 0.925rem; line-height: 1.5; }
  
  .subscribe-block { padding: 2rem 1rem 0; }
  .subscribe-block__container { padding: 4rem 1.5rem; }
  .subscribe-block__title { font-size: 1.25rem; text-align: center; }
}
@media (max-width: 767px) {
  .logos__list-item { max-width: 100px; }
}
@media (max-width: 480px) {
  .subscribe-block__form { margin: 3rem 0 0; }
  .subscribe-block__form .hs-input,
  .subscribe-block__form .hs-submit input { border-radius: 5.5px; width: 100%; margin-bottom: 1rem; }
}

/* calculator */
.bg-white     { background: #fff; }
.bg-blue      { background: #5c5cff; }
.text-white   { color: #fff; }
.round-border { border-radius: 1rem; }
.d-block        { display: block;  }
.d-none        { display: none;  }
.d-inline-block { display: inline-block; }
.d-flex         { display: flex;  }
.pointer      { cursor: pointer; transition: all 300ms ease; }
.items-center { align-items: center; }
.p-relative   { position: relative }

.header-lp .container,
footer.module-footer,
.module-footer .container { max-width: 1400px; width: 100%; margin:0 auto; }

.calculator .container {
  max-width: 1400px;
	margin: 0 auto;
	display: flex;
}
.calculator .input {
  flex: 7;
	position: relative;
}
.calculator .toggle-container .switch {
  width: 3rem;
  height: 1.5rem;
}
.calculator .toggle-container input { 
  opacity: 0;
  width: 0;
  height: 0;
}
.calculator .toggle-container .slide {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
	border-radius: 50px;
  background-color: #5c5cff;
  -webkit-transition: .4s;
  transition: .4s;
}
.calculator .toggle-container .slide:before {
  position: absolute;
  content: "";
  height: 1rem;
  width: 1rem;
  left: 3px;
  bottom: 4px;
	border-radius: 50%;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

.calculator .toggle-container input:focus + .slide {
  box-shadow: 0 0 1px #2196F3;
}
.calculator .toggle-container input:checked + .slide:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

.calculator select,
.calculator input[type="text"] {
  width: initial;
	border: 1px solid #c0c6d9;
}

.calculator input[type="text"] {
  border-radius: 6px;
}
.calculator .input-group input[type="text"] {
	max-width: 100px;
}

.calculator .duration label {
  font-weight: 700;
	color: #242a35;
}

.calculator .find-results:hover,
.calculator .radio-group label:hover,
.calculator input[type="radio"]:checked + label {
  background-color: #5C5CFF;
	color: #fff;
}
.calculator .option {
  padding: 0.5rem 1.5rem;
	border-radius: 6px;
	border: 1px solid #c0c6d9;
	transition: all 300ms ease;
}
.calculator .slider-container {
  position: relative;
}
.calculator .input-range {
	-webkit-appearance: none;
	margin: 0 !important;
	width: 100%;
	height: 10px;
	border-radius: 25px;
	background: #d3d3d3;
	outline: none;
	cursor: pointer;
	-webkit-transition: all 300ms ease;
	transition: all 300ms ease;
}
.calculator .input-range::-webkit-slider-thumb {
  position: relative;
  -webkit-appearance: none;
  appearance: none;
  width: 15px;
  height: 15px;
	border-radius: 25px;
  background: #5C5CFF;
  cursor: pointer;
	z-index: 1;
}
.calculator .input-range::-moz-range-thumb {
  position: relative;
  width: 15px;
  height: 15px;
	border-radius: 25px;
  background: #5C5CFF;
  cursor: pointer;
	z-index: 1;
}
.calculator .progress {
  position: absolute;
	top: calc(50% + 1px);
	transform: translateY(-50%);
	width: 0%;
	height: 10px;
	border-radius: 25px;
	background: #5C5CFF;
	pointer-events: none;
}
.calculator .modify-input {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.9);
	border-radius: 1rem;
	align-items: center;
	justify-content: center;
	z-index: 2;
}
.calculator .modify-input.show {
  display: flex;
}

.calculator .result {
  flex: 5;
}
.calculator .result-group {
	border-bottom: 1px solid #C0C6D9;
	padding: 1rem 0;
}
.calculator .result-group.request {
  max-width: 400px;
	margin: 0 auto;
	border-bottom: 0;
}
.calculator .result-group .amount:before {
  content: '$';
	font-size: 1rem;
	vertical-align: top;
}
.calculator .result-group .amount {
  font-size: 2rem;
	font-weight: 100;
	line-height: 1;
	margin-left: 1rem;
}
.calculator .result-group .amount.profit {
  font-size: 4rem;
/* 	color: #5980e8; */
}
.calculator .result-group.truu-amount .amount.profit {
  color: #5980e8;
}
.calculator .result-group .description {
  color: #242a35;
}
.calculator .result-group input[type="text"] {
	width: 100%;
}
.calculator .result-group .sub-group {
  display: inline-flex;
	padding-bottom: 10px;
	border-bottom: double 6px;
}
.calculator .result-group .sub-group .item {
  flex: 1;
	min-width: 100px;
}
.calculator .result-group .sub-group .item:first-child {
	position: relative;
  padding-right: 2rem;
	margin-right: 1rem;
}
.calculator .result-group .sub-group .item:first-child:after {
	content: '';
	position: absolute;
	top: calc(50% + 1.5rem);
	right: -10px;
	transform: translateY(-50%);
	width: 20px;
	height: 2px;
	background: #576784;
}
.calculator .result-group .recap-group {
	font-size: 0.9rem;
}
.calculator .result-group .recap-group.show {
  display: inline-block;
}
.calculator .result-group .recap-group:before {
  content: "\f017";
	font-family: FontAwesome;
	font-size: 1rem;
	position: absolute;
	top: 0;
	left: 0;
}
.calculator .result-group .recap-group span {
  display: block;
	margin-left: 1.5rem;
}
.calculator .result-group .recap-group span:first-of-type {
  color: #242a35;
}
.calculator .result-group .savings {
  color: #5980e8;
}
.calculator .result-group.request .button,
.calculator .result-group.request .btn{

	
}
.calculator .hs-form {
	padding-bottom: 1rem;
	margin-bottom: 2rem;
	border-bottom: 1px solid #c0c6d9;
}
.calculator .hs-form .hs-input {
  margin-bottom: 0;
}
.calculator .hs_error_rollup .hs-error-msgs {
  display: none;
}

@media (max-width: 980px) {
	.calculator .container {
	  flex-direction: column;
	}
}
@media (max-width: 479px) {
	.calculator .result-group .sub-group {
	  flex-direction: column;
	}
	.calculator .result-group .sub-group .item:first-child:after {
	  display: none;
	}
	.calculator .result-group .amount.profit {
	  font-size: 3rem;
	}
}


.gdd-wrapper {
  background:url(//www.truudigital.com/hubfs/truu/bg/purple-arrow.svg) 0 100% no-repeat;
  background-size:cover;
}

.gdd-calc { text-align:left; }
.gdd-calc.calculator .hs-form { border:0; }
.shadow { box-shadow: 0 4px 10px 1px rgba(204,211,217,.6); }
.shadow-b { border-radius: 7px; box-shadow: 0 20px 25px -5px rgba(0,0,0,0.2), 0 10px 10px -5px rgba(0,0,0,0.14);} }
.card-body { width:100%; }
.float-right { float:right; display:block; }
.row-head {font-weight:bold;}
.userfields .hs-form-field { margin-bottom:1rem; }
.userfields .hs-input { width:100% !important; }
.userfields fieldset { max-width:100% !important; }


.gdd-banner h2 { color:#fff; }
.userfields,
.form-card { background: rgba(255,255,255,1); border-radius: 1rem;}
.gdd-calc .actions .hs-button { padding: 1rem 4rem; background-color: #5c5cff; color: #fff; cursor: pointer;}

.row-hs-form:not(.submitted) .form-card * { opacity:0.75; pointer-events:none }
.gdd-calc ul.no-list.hs-error-msgs.inputs-list {
  list-style: none;
  color: #c00;
  margin: 5px 0;
  padding: 0;
  font-size: .75rem;
}

/* calculator */
.image-compare { padding-top:7.5rem;padding-bottom:5rem; }

.image-compare__nav {  }
.image-compare__nav a { position:relative; font-size:2rem; display:block; padding:2rem;border-bottom: 1px solid #ddd; }
.image-compare__nav a:not(.active) { opacity:0.5; }
.image-compare__nav a:after { 
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content:"\f105"; position:absolute; top:50%; right:1rem; transform:translateY(-50%); }
.image-compare__nav-items { position:relative; }
.image-compare__nav-item { transition:all 300ms; }
.image-compare__nav-item:not(.active) {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  opacity:0;
  pointer-events:none;
}

@media only screen and (max-width:575px) {
  .image-compare__nav a {
    font-size:1rem;
    padding:0.25rem;
  }
  .image-compare__nav a:after {
    display:none;
  }
}

.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after, .twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after {
  content: " ";
  display: block;
  background: white;
  position: absolute;
  z-index: 30;
  -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); }

.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after {
  width: 3px;
  height: 9999px;
  left: 50%;
  margin-left: -1.5px; }

.twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after {
  width: 9999px;
  height: 3px;
  top: 50%;
  margin-top: -1.5px; }

.twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%; }

.twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay {
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  transition-duration: 0.5s; }

.twentytwenty-before-label, .twentytwenty-after-label {
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  transition-property: opacity; }

.twentytwenty-before-label:before, .twentytwenty-after-label:before {
  color: white;
  font-size: 13px;
  letter-spacing: 0.1em; }

.twentytwenty-before-label:before, .twentytwenty-after-label:before {
  position: absolute;
  background: rgba(255, 255, 255, 0.2);
  line-height: 38px;
  padding: 0 20px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px; }

.twentytwenty-horizontal .twentytwenty-before-label:before, .twentytwenty-horizontal .twentytwenty-after-label:before {
  top: 50%;
  margin-top: -19px; }

.twentytwenty-vertical .twentytwenty-before-label:before, .twentytwenty-vertical .twentytwenty-after-label:before {
  left: 50%;
  margin-left: -45px;
  text-align: center;
  width: 90px; }

.twentytwenty-left-arrow, .twentytwenty-right-arrow, .twentytwenty-up-arrow, .twentytwenty-down-arrow {
  width: 0;
  height: 0;
  border: 6px inset transparent;
  position: absolute; }

.twentytwenty-left-arrow, .twentytwenty-right-arrow {
  top: 50%;
  margin-top: -6px; }

.twentytwenty-up-arrow, .twentytwenty-down-arrow {
  left: 50%;
  margin-left: -6px; }

.twentytwenty-container {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  z-index: 0;
  overflow: hidden;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none; }
  .twentytwenty-container img {
    max-width: 100%;
    position: absolute;
    top: 0;
    display: block; }
  .twentytwenty-container.active .twentytwenty-overlay, .twentytwenty-container.active :hover.twentytwenty-overlay {
    background: rgba(0, 0, 0, 0); }
    .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label,
    .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label, .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label,
    .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label {
      opacity: 0; }
  .twentytwenty-container * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box; }

.twentytwenty-before-label {
  opacity: 0; }
  .twentytwenty-before-label:before {
    content: attr(data-content); }

.twentytwenty-after-label {
  opacity: 0; }
  .twentytwenty-after-label:before {
    content: attr(data-content); }

.twentytwenty-horizontal .twentytwenty-before-label:before {
  left: 10px; }

.twentytwenty-horizontal .twentytwenty-after-label:before {
  right: 10px; }

.twentytwenty-vertical .twentytwenty-before-label:before {
  top: 10px; }

.twentytwenty-vertical .twentytwenty-after-label:before {
  bottom: 10px; }

.twentytwenty-overlay {
  -webkit-transition-property: background;
  -moz-transition-property: background;
  transition-property: background;
  background: rgba(0, 0, 0, 0);
  z-index: 25; }
  .twentytwenty-overlay:hover {
    background: rgba(0, 0, 0, 0.5); }
    .twentytwenty-overlay:hover .twentytwenty-after-label {
      opacity: 1; }
    .twentytwenty-overlay:hover .twentytwenty-before-label {
      opacity: 1; }

.twentytwenty-before {
  z-index: 20; }

.twentytwenty-after {
  z-index: 10; }

.twentytwenty-handle {
  height: 20px;
  width: 20px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -13px;
  margin-top: -13px;
  border: 3px solid white;
  -webkit-border-radius: 1000px;
  -moz-border-radius: 1000px;
  border-radius: 1000px;
  -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  z-index: 40;
  cursor: pointer;
  background:#fff;
}

.twentytwenty-horizontal .twentytwenty-handle:before {
  bottom: 50%;
  margin-bottom: 15px;
  -webkit-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }
.twentytwenty-horizontal .twentytwenty-handle:after {
  top: 50%;
  margin-top: 15px;
  -webkit-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }

.twentytwenty-vertical .twentytwenty-handle:before {
  left: 50%;
  margin-left: 15px;
  -webkit-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }
.twentytwenty-vertical .twentytwenty-handle:after {
  right: 50%;
  margin-right: 15px;
  -webkit-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }

.twentytwenty-left-arrow {
  border-right: 6px solid #fff;
  left: 50%;
  margin-left: -17px; }

.twentytwenty-right-arrow {
  border-left: 6px solid #fff;
  right: 50%;
  margin-right: -17px; }

.twentytwenty-up-arrow {
  border-bottom: 6px solid #fff;
  top: 50%;
  margin-top: -17px; }

.twentytwenty-down-arrow {
  border-top: 6px solid #fff;
  bottom: 50%;
  margin-bottom: -17px; }

/* fouc */
html {
  visibility: visible;
  opacity: 1;
}