@media only screen and (max-width: 767px  )
{
  .c-row > .inner {
    flex-direction : column
  }

  .desktop-only {
    display : none
  }

  .c-column, .c-row {
    width : 100% !important
  }

  .c-column, .c-column > .inner, .c-row > .inner, .c-section, .c-section > .inner {
    padding-left  : 0 !important;
    padding-right : 0 !important
  }

  .c-column, .c-column > .inner, .c-row {
    margin-left  : 0 !important;
    margin-right : 0 !important
  }

  .c-row {
    padding-left  : 10px !important;
    padding-right : 10px !important
  }

}
@media only screen and (min-width : 768px) {
  .mobile-only {
    display : none
  }
}

.c-button button {
  outline  : none;
  position : relative
}

.fa, .fab, .fal, .far, .fas {
  -webkit-font-smoothing : antialiased;
  display                : inline-block;
  font-style             : normal;
  font-variant           : normal;
  line-height            : 1;
  text-rendering         : auto
}

.c-column {
  flex : 1 1 auto !important
}

.c-column > .inner.horizontal > div {
  flex : 1
}

.c-row > .inner {
  display : flex;
  width   : 100%
}

.bgCover.bg-fixed:before {
  background-attachment   : fixed !important;
  background-position     : 50% !important;
  background-repeat       : repeat !important;
  background-size         : cover !important;
  -webkit-background-size : cover !important
}

@supports (-webkit-touch-callout:inherit) {
  .bgCover.bg-fixed:before {
    background-attachment : scroll !important
  }
}

.bgCover100.bg-fixed:before {
  background-size         : 100% auto !important;
  -webkit-background-size : 100% auto !important
}

.bgCover100.bg-fixed:before, .bgNoRepeat.bg-fixed:before {
  background-repeat : no-repeat !important
}

.bgRepeatX.bg-fixed:before {
  background-repeat : repeat-x !important
}

.bgRepeatY.bg-fixed:before {
  background-repeat : repeat-y !important
}

.bgRepeatXTop.bg-fixed:before {
  background-position : top !important;
  background-repeat   : repeat-x !important
}

.bgRepeatXBottom.bg-fixed:before {
  background-position : bottom !important;
  background-repeat   : repeat-x !important
}

.bgCover {
  background-attachment   : fixed !important;
  background-position     : 50% !important;
  background-repeat       : repeat !important;
  background-size         : cover !important;
  -webkit-background-size : cover !important
}

@supports (-webkit-touch-callout:inherit) {
  .bgCover {
    background-attachment : scroll !important
  }
}

.bgCover100 {
  background-size         : 100% auto !important;
  -webkit-background-size : 100% auto !important
}

.bgCover100, .bgNoRepeat {
  background-repeat : no-repeat !important
}

.bgRepeatX {
  background-repeat : repeat-x !important
}

.bgRepeatY {
  background-repeat : repeat-y !important
}

.bgRepeatXTop {
  background-position : top !important
}

.bgRepeatXBottom, .bgRepeatXTop {
  background-repeat : repeat-x !important
}

.bgRepeatXBottom {
  background-position : bottom !important
}

.cornersTop {
  border-bottom-left-radius  : 0 !important;
  border-bottom-right-radius : 0 !important
}

.cornersBottom {
  border-top-left-radius  : 0 !important;
  border-top-right-radius : 0 !important
}

.radius0 {
  border-radius : 0
}

.radius1 {
  border-radius : 1px
}

.radius2 {
  border-radius : 2px
}

.radius3 {
  border-radius : 3px
}

.radius4 {
  border-radius : 4px
}

.radius5 {
  border-radius : 5px
}

.radius10 {
  border-radius : 10px
}

.radius15 {
  border-radius : 15px
}

.radius20 {
  border-radius : 20px
}

.radius25 {
  border-radius : 25px
}

.radius50 {
  border-radius : 50px
}

.radius75 {
  border-radius : 75px
}

.radius100 {
  border-radius : 100px
}

.radius125 {
  border-radius : 125px
}

.radius150 {
  border-radius : 150px
}

.borderTopBottom {
  border-bottom-color : rgba(0, 0, 0, .7);
  border-left         : none !important;
  border-right        : none !important;
  border-top-color    : rgba(0, 0, 0, .7)
}

.borderTop {
  border-bottom    : none !important;
  border-top-color : rgba(0, 0, 0, .7)
}

.borderBottom, .borderTop {
  border-left  : none !important;
  border-right : none !important
}

.borderBottom {
  border-bottom-color : rgba(0, 0, 0, .7);
  border-top          : none !important
}

.borderFull {
  border-color : rgba(0, 0, 0, .7)
}

@keyframes rocking {
  0% {
    transform : rotate(0deg)
  }
  25% {
    transform : rotate(0deg)
  }
  50% {
    transform : rotate(2deg)
  }
  75% {
    transform : rotate(-2deg)
  }
  to {
    transform : rotate(0deg)
  }
}

.buttonRocking {
  animation                 : rocking 2s infinite;
  animation-timing-function : ease-out;
  transition                : .2s
}

.buttonPulseGlow {
  animation                 : pulseGlow 2s infinite;
  animation-timing-function : ease-in-out
}

@keyframes pulseGlow {
  0% {
    box-shadow : 0 0 0 0 hsla(0, 0%, 100%, 0)
  }
  25% {
    box-shadow : 0 0 2.5px 1px hsla(0, 0%, 100%, .25)
  }
  50% {
    box-shadow : 0 0 5px 2px hsla(0, 0%, 100%, .5)
  }
  85% {
    box-shadow : 0 0 5px 5px hsla(0, 0%, 100%, 0)
  }
  to {
    box-shadow : 0 0 0 0 hsla(0, 0%, 100%, 0)
  }
}

.buttonBounce {
  animation                 : bounce 1.5s infinite;
  animation-timing-function : ease-in;
  transition                : .2s
}

@keyframes bounce {
  15% {
    box-shadow : 0 0 0 0 transparent;
    transform  : translateY(0)
  }
  35% {
    box-shadow : 0 8px 5px -5px rgba(0, 0, 0, .25);
    transform  : translateY(-35%)
  }
  45% {
    box-shadow : 0 0 0 0 transparent;
    transform  : translateY(0)
  }
  55% {
    box-shadow : 0 5px 4px -4px rgba(0, 0, 0, .25);
    transform  : translateY(-20%)
  }
  70% {
    box-shadow : 0 0 0 0 transparent;
    transform  : translateY(0)
  }
  80% {
    box-shadow : 0 4px 3px -3px rgba(0, 0, 0, .25);
    transform  : translateY(-10%)
  }
  90% {
    box-shadow : 0 0 0 0 transparent;
    transform  : translateY(0)
  }
  95% {
    box-shadow : 0 2px 3px -3px rgba(0, 0, 0, .25);
    transform  : translateY(-2%)
  }
  99% {
    box-shadow : 0 0 0 0 transparent;
    transform  : translateY(0)
  }
  to {
    box-shadow : 0 0 0 0 transparent;
    transform  : translateY(0)
  }
}

@keyframes elevate {
  0% {
    box-shadow : 0 0 0 0 transparent;
    transform  : translateY(0)
  }
  to {
    box-shadow : 0 8px 5px -5px rgba(0, 0, 0, .25);
    transform  : translateY(-10px)
  }
}

.buttonElevate:hover {
  animation : elevate .2s forwards
}

.buttonElevate {
  box-shadow : 0 0 0 0 transparent;
  transition : .2s
}

.buttonWobble {
  transition : .3s
}

.buttonWobble:hover {
  animation                 : wobble .5s 1;
  animation-timing-function : ease-in-out
}

@keyframes wobble {
  0% {
    transform : skewX(0deg)
  }
  25% {
    transform : skewX(10deg)
  }
  50% {
    transform : skewX(0deg)
  }
  75% {
    transform : skewX(-10deg)
  }
  to {
    transform : skewX(0deg)
  }
}

.image-container img {
  max-width      : 100%;
  vertical-align : middle
}

.sub-text ::-moz-placeholder {
  color   : #000;
  opacity : 1
}

.sub-text ::placeholder {
  color   : #000;
  opacity : 1
}

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

.shadow5inner {
  box-shadow : inset 0 1px 3px rgba(0, 0, 0, .05)
}

.shadow10inner {
  box-shadow : inset 0 1px 5px rgba(0, 0, 0, .1)
}

.shadow20inner {
  box-shadow : inset 0 1px 5px rgba(0, 0, 0, .2)
}

.shadow30inner {
  box-shadow : inset 0 2px 5px 2px rgba(0, 0, 0, .3)
}

.shadow40inner {
  box-shadow : inset 0 2px 5px 2px rgba(0, 0, 0, .4)
}

.shadow5 {
  box-shadow : 0 1px 3px rgba(0, 0, 0, .05)
}

.shadow10 {
  box-shadow : 0 1px 5px rgba(0, 0, 0, .1)
}

.shadow20 {
  box-shadow : 0 1px 5px rgba(0, 0, 0, .2)
}

.shadow30 {
  box-shadow : 0 2px 5px 2px rgba(0, 0, 0, .3)
}

.shadow40 {
  box-shadow : 0 2px 5px 2px rgba(0, 0, 0, .4)
}

.sub-heading-button {
  color       : #fff;
  font-weight : 400;
  line-height : normal;
  opacity     : .8;
  text-align  : center
}

.wideSection {
  max-width : 1120px
}

.midWideSection, .wideSection {
  margin-left  : auto !important;
  margin-right : auto !important
}

.midWideSection {
  max-width : 960px
}

.midSection {
  margin-left  : auto !important;
  margin-right : auto !important;
  max-width    : 720px
}

.c-section > .inner {
  margin-left  : auto;
  margin-right : auto;
  max-width    : 1170px;
  width        : 100%
}

.c-column {
  padding-left  : 15px;
  padding-right : 15px
}

.feature-img-circle img, .img-circle, .img-circle img {
  border-radius : 50% !important
}

.feature-img-round-corners img, .img-round-corners, .img-round-corners img {
  border-radius : 5px
}

.feature-image-dark-border img, .image-dark-border {
  border : 3px solid rgba(0, 0, 0, .7)
}

.feature-image-white-border img, .image-white-border {
  border : 3px solid #fff
}

.img-grey, .img-grey img {
  filter             : grayscale(100%);
  filter             : gray;
  -webkit-transition : all .6s ease
}

.button-shadow1 {
  box-shadow : 0 1px 5px rgba(0, 0, 0, .2)
}

.button-shadow2 {
  box-shadow : 0 1px 5px rgba(0, 0, 0, .4)
}

.button-shadow3 {
  box-shadow : 0 1px 5px rgba(0, 0, 0, .7)
}

.button-shadow4 {
  box-shadow : 0 8px 1px rgba(0, 0, 0, .1)
}

.button-shadow5 {
  box-shadow : 0 0 25px rgba(0, 0, 0, .2), 0 0 15px rgba(0, 0, 0, .2), 0 0 3px rgba(0, 0, 0, .4)
}

.button-shadow6 {
  box-shadow : 0 0 25px rgba(0, 0, 0, .4), 0 0 15px hsla(0, 0%, 100%, .2), 0 0 3px hsla(0, 0%, 100%, .4)
}

.button-shadow-sharp1 {
  box-shadow : inset 0 1px 0 hsla(0, 0%, 100%, .2)
}

.button-shadow-sharp2 {
  box-shadow : inset 0 0 0 1px hsla(0, 0%, 100%, .2)
}

.button-shadow-sharp3 {
  box-shadow : inset 0 0 0 2px hsla(0, 0%, 100%, .2)
}

.button-shadow-highlight {
  box-shadow : none
}

.button-shadow-highlight:hover {
  box-shadow : inset 0 0 0 0 hsla(0, 0%, 100%, .22), inset 0 233px 233px 0 hsla(0, 0%, 100%, .12)
}

.button-flat-line {
  background-color : transparent !important;
  border-width     : 2px
}

.button-vp-5 {
  padding-bottom : 5px !important;
  padding-top    : 5px !important
}

.button-vp-10 {
  padding-bottom : 10px !important;
  padding-top    : 10px !important
}

.button-vp-15 {
  padding-bottom : 15px !important;
  padding-top    : 15px !important
}

.button-vp-20 {
  padding-bottom : 20px !important;
  padding-top    : 20px !important
}

.button-vp-25 {
  padding-bottom : 25px !important;
  padding-top    : 25px !important
}

.button-vp-30 {
  padding-bottom : 30px !important;
  padding-top    : 30px !important
}

.button-vp-40 {
  padding-bottom : 40px !important;
  padding-top    : 40px !important
}

.button-vp-0 {
  padding-bottom : 0 !important;
  padding-top    : 0 !important
}

.button-hp-5 {
  padding-left  : 5px !important;
  padding-right : 5px !important
}

.button-hp-10 {
  padding-left  : 10px !important;
  padding-right : 10px !important
}

.button-hp-15 {
  padding-left  : 15px !important;
  padding-right : 15px !important
}

.button-hp-20 {
  padding-left  : 20px !important;
  padding-right : 20px !important
}

.button-hp-25 {
  padding-left  : 25px !important;
  padding-right : 25px !important
}

.button-hp-30 {
  padding-left  : 30px !important;
  padding-right : 30px !important
}

.button-hp-40 {
  padding-left  : 40px !important;
  padding-right : 40px !important
}

.button-hp-0 {
  padding-left  : 0 !important;
  padding-right : 0 !important
}

.vs__dropdown-toggle {
  background : #f3f8fb !important;
  border     : none !important;
  height     : 43px !important
}

.row-align-center {
  margin : 0 auto
}

.row-align-left {
  margin      : 0 auto;
  margin-left : 0 !important
}

.row-align-right {
  margin       : 0 auto;
  margin-right : 0 !important
}

button, input, optgroup, select, textarea {
  border-radius  : unset;
  font-family    : unset;
  font-size      : unset;
  line-height    : unset;
  margin         : unset;
  text-transform : unset
}

body {
  font-weight             : unset !important;
  line-height             : unset !important;
  -moz-osx-font-smoothing : grayscale;
  word-wrap               : break-word
}

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

.main-heading-group > div {
  display : inline-block
}

.c-button span.main-heading-group, .c-button span.sub-heading-group {
  display : block
}

.time-grid-3 {
  grid-template-columns :repeat(3, 100px)
}

.time-grid-3, .time-grid-4 {
  display    : grid;
  text-align : center
}

.time-grid-4 {
  grid-template-columns :repeat(4, 100px)
}

@media screen and (max-width : 767px) {
  .time-grid-3 {
    grid-template-columns :repeat(3, 80px)
  }

  .time-grid-4 {
    grid-template-columns :repeat(4, 70px)
  }
}

.time-grid .timer-box {
  display               : grid;
  font-size             : 15px;
  grid-template-columns :1fr;
  text-align            : center
}

.timer-box .label {
  font-weight : 300
}

.c-button button {
  cursor : pointer
}

.c-button > a {
  text-decoration : none
}

.c-button > a, .c-button > a span {
  display : inline-block
}

.nav-menu-wrapper {
  display         : flex;
  justify-content : space-between
}

.nav-menu-wrapper.default {
  flex-direction : row
}

.nav-menu-wrapper.reverse {
  flex-direction : row-reverse
}

.nav-menu-wrapper .branding {
  align-items : center;
  display     : flex
}

.nav-menu-wrapper.default .branding {
  flex-direction : row
}

.nav-menu-wrapper.reverse .branding {
  flex-direction : row-reverse
}

.nav-menu-wrapper.default .branding .logo, .nav-menu-wrapper.reverse .branding .title {
  margin-right : 18px
}

.nav-menu-wrapper .branding .title {
  align-items : center;
  display     : flex;
  min-height  : 50px;
  min-width   : 50px
}

.nav-menu {
  align-items : center;
  display     : flex;
  flex-wrap   : wrap;
  list-style  : none;
  margin      : 0;
  padding     : 0
}

.nav-menu a {
  text-decoration : none
}

.dropdown {
  display  : inline-block;
  position : relative
}

.dropdown .dropdown-menu {
  border     : none;
  box-shadow : 0 8px 16px 5px rgba(0, 0, 0, .1)
}

.dropdown-menu {
  background-clip : padding-box;
  border          : 1px solid rgba(0, 0, 0, .15);
  border-radius   : .3125rem;
  color           : #607179;
  display         : none;
  float           : left;
  font-size       : 1rem;
  left            : 0;
  list-style      : none;
  margin          : .125rem 0 0;
  min-width       : 10rem;
  padding         : .5rem 0;
  position        : absolute;
  text-align      : left;
  top             : 100%;
  z-index         : 1000
}

.nav-menu .nav-menu-item.dropdown:hover > .dropdown-menu {
  display : block
}

.nav-menu .dropdown-menu {
  display    : none;
  list-style : none;
  margin     : 0;
  padding    : 0
}

.nav-menu-mobile {
  display : none
}

.nav-menu-mobile i {
  cursor    : pointer;
  font-size : 24px
}

#nav-menu-popup {
  background : var(--overlay);
  bottom     : 0;
  display    : none;
  height     : 100%;
  left       : 0;
  opacity    : 0;
  position   : fixed;
  right      : 0;
  top        : 0;
  transition : opacity .3s ease;
  width      : 100%;
  z-index    : 100
}

#nav-menu-popup.show {
  opacity : 1
}

#nav-menu-popup .nav-menu-body {
  background-color : #fff;
  height           : 100%;
  left             : 0;
  overflow         : auto;
  padding          : 45px;
  position         : absolute;
  top              : 0;
  width            : 100%
}

#nav-menu-popup .nav-menu-body .close-menu {
  cursor   : pointer;
  left     : 20px;
  position : absolute;
  top      : 20px;
  z-index  : 100
}

#nav-menu-popup .nav-menu-body .close-menu:before {
  content : "\f00d"
}

#nav-menu-popup .nav-menu {
  align-items    : center;
  display        : flex;
  flex-direction : column;
  list-style     : none;
  margin         : 0;
  padding        : 0
}

#nav-menu-popup .nav-menu .nav-menu-item {
  list-style          : none;
  text-align          : left;
  -webkit-user-select : none;
  -moz-user-select    : none;
  user-select         : none;
  width               : 100%
}

#nav-menu-popup .nav-menu .nav-menu-item .nav-menu-item-content {
  display  : flex;
  position : relative
}

#nav-menu-popup .nav-menu-item .nav-menu-item-title {
  flex-grow : 1;
  margin    : 0 1rem;
  max-width : calc(100% - 2rem)
}

#nav-menu-popup .nav-menu .nav-menu-item .nav-menu-item-content .nav-menu-item-toggle {
  cursor    : pointer;
  font-size : 24px;
  position  : absolute;
  right     : 0;
  top       : calc(50% - 12px)
}

#nav-menu-popup .nav-menu .nav-menu-item .nav-menu-item-content .nav-menu-item-toggle i {
  font-size  : 24px;
  transition : transform .2s ease
}

#nav-menu-popup .nav-menu .nav-menu-item .nav-menu-item-content .nav-menu-item-toggle i:before {
  content : "\f107"
}

#nav-menu-popup .nav-menu .nav-menu-item.active .nav-menu-item-content .nav-menu-item-toggle i {
  transform : rotate(-180deg)
}

#nav-menu-popup .nav-menu .nav-menu-item .nav-dropdown-menu {
  display    : none;
  max-height : 0;
  opacity    : 0;
  overflow   : auto;
  padding    : 0;
  transition : all .3s ease-in-out;
  visibility : hidden
}

#nav-menu-popup .nav-menu .nav-menu-item.active .nav-dropdown-menu {
  display    : block;
  max-height : 600px;
  opacity    : 1;
  visibility : visible
}

.form-error {
  border        : 2px solid var(--red);
  border-radius : 8px;
  cursor        : pointer;
  font-size     : 20px;
  margin-bottom : 10px;
  padding       : 6px 12px;
  text-align    : center
}

.form-error, .form-error i {
  color : var(--red)
}

.c-bullet-list ul li {
  line-height : inherit
}

.c-bullet-list ul li.ql-indent-1 {
  padding-left : 4.5em
}

.c-bullet-list ul li.ql-indent-2 {
  padding-left : 7.5em
}

.c-bullet-list ul li.ql-indent-3 {
  padding-left : 10.5em
}

.c-bullet-list ul li.ql-indent-4 {
  padding-left : 13.5em
}

.c-bullet-list ul li.ql-indent-5 {
  padding-left : 16.5em
}

.c-bullet-list ul li.ql-indent-6 {
  padding-left : 19.5em
}

.c-bullet-list ul li.ql-indent-7 {
  padding-left : 22.5em
}

.c-bullet-list ul li.ql-indent-8 {
  padding-left : 25.5em
}

.text-output ol, .text-output ul {
  list-style-type : none;
  margin          : 0;
  padding         : 0
}

.text-output ol li {
  list-style-type : decimal
}

.text-output ul li {
  padding-left : 1.5em
}

.text-output ul li:before {
  display      : inline-block;
  font-weight  : 700;
  margin-left  : -1.5em;
  margin-right : .3em;
  text-align   : right;
  white-space  : nowrap;
  width        : 1.2em
}

.svg-component svg {
  max-height : 100%;
  max-width  : 100%
}

.border1 {
  border-bottom : 3px solid rgba(0, 0, 0, .2) !important
}

.border2 {
  border : 2px solid rgba(0, 0, 0, .55)
}

.border3 {
  border       : solid rgba(0, 0, 0, .15);
  border-width : 1px 1px 2px;
  padding      : 5px
}

.border4 {
  border       : solid rgba(0, 0, 0, .35);
  border-width : 1px 1px 2px;
  padding      : 1px !important
}

.shadow1 {
  box-shadow : 0 10px 6px -6px rgba(0, 0, 0, .15)
}

.shadow2 {
  box-shadow : 0 4px 3px rgba(0, 0, 0, .15), 0 0 2px rgba(0, 0, 0, .15)
}

.shadow3 {
  box-shadow : 0 10px 6px -6px #999
}

.shadow4 {
  box-shadow : 3px 3px 15px #212121a8
}

.shadow6 {
  box-shadow : 0 10px 1px #ddd, 0 10px 20px #ccc
}

.background {
  background-color : unset !important
}

@keyframes progress-bar-animation {
  to {
    background-position : 0 -3000px
  }
}

@keyframes gradient {
  0% {
    background-position : 0 50%
  }
  50% {
    background-position : 100% 50%
  }
  to {
    background-position : 0 50%
  }
}

h1, h2, h3, h4, h5, h6 {
  font-weight : 500;
  margin      : unset
}

p {
  margin : unset
}

.c-bullet-list, .c-heading, .c-image-feature, .c-paragraph, .c-sub-heading {
  word-break : break-word
}

p:empty:after {
  content : "\00A0"
}

.w-3-4 {
  width : 75%
}

.w-1-2 {
  width : 50%
}

.tabs-container {
  display : flex
}

@media screen and (max-width : 767px) {
  .nav-menu {
    display : none
  }

  .nav-menu-mobile {
    align-items : center;
    display     : flex
  }

  .popup-body, .popup-body-lead-video {
    top   : 10px !important;
    width : calc(100% - 10px) !important
  }

  #faq-popup {
    left        : 5px !important;
    margin-left : 0 !important;
    width       : 98% !important
  }

  .video-container {
    width : 100% !important
  }

  .autoplay .vjs-big-play-button {
    display : none !important
  }

  .autoplay:hover .vjs-control-bar {
    display : flex !important
  }
}