@import url(https://hello.myfonts.net/count/3ac02f);
.container{
  width: 100%
}

@media (min-width: 350px){
  .container{
    max-width: 350px
  }
}

@media (min-width: 600px){
  .container{
    max-width: 600px
  }
}

@media (min-width: 1000px){
  .container{
    max-width: 1000px
  }
}

@media (min-width: 1400px){
  .container{
    max-width: 1400px
  }
}

@media (min-width: 1650px){
  .container{
    max-width: 1650px
  }
}

.sr-only{
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border-width: 0 !important
}

.appearance-none{
  -webkit-appearance: none !important;
     -moz-appearance: none !important;
          appearance: none !important
}

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

.bg-green-darkest{
  background-color: rgb(41, 153, 101) !important
}

.bg-green{
  --bg-opacity: 1 !important;
  background-color: hsl(152, 58%, 53%) !important;
  background-color: rgba(65.63700000000004, 204.66299999999995, 139.78420000000003, var(--bg-opacity)) !important
}

.bg-green-lightest{
  background-color: rgb(235, 250, 243) !important
}

.bg-red{
  --bg-opacity: 1 !important;
  background-color: rgb(250, 105, 70) !important;
  background-color: rgba(250, 105, 70, var(--bg-opacity)) !important
}

.bg-secondary-red-lightest{
  background-color: rgb(245, 214, 214) !important
}

.bg-secondary-red{
  --bg-opacity: 1 !important;
  background-color: rgb(210, 70, 70) !important;
  background-color: rgba(210, 70, 70, var(--bg-opacity)) !important
}

.bg-beige-light{
  background-color: rgb(212, 208, 196) !important
}

.bg-beige-lightest{
  --bg-opacity: 1 !important;
  background-color: hsl(45, 15%, 95%) !important;
  background-color: rgba(244.16249999999997, 243.20624999999995, 240.3375, var(--bg-opacity)) !important
}

.bg-black{
  --bg-opacity: 1 !important;
  background-color: #000 !important;
  background-color: rgba(0, 0, 0, var(--bg-opacity)) !important
}

.bg-grey-superlight{
  --bg-opacity: 1 !important;
  background-color: #f8f8f8 !important;
  background-color: rgba(248, 248, 248, var(--bg-opacity)) !important
}

.bg-dark-mode-bg{
  --bg-opacity: 1 !important;
  background-color: #121212 !important;
  background-color: rgba(18, 18, 18, var(--bg-opacity)) !important
}

.bg-dark-mode-bg-light{
  --bg-opacity: 1 !important;
  background-color: #1e1e1e !important;
  background-color: rgba(30, 30, 30, var(--bg-opacity)) !important
}

.bg-white{
  --bg-opacity: 1 !important;
  background-color: #ffffff !important;
  background-color: rgba(255, 255, 255, var(--bg-opacity)) !important
}

.bg-white-transparent{
  background-color: rgba(255, 255, 255, 0.7) !important
}

.bg-grey-blur{
  background-color: rgba(113,113,76,.05) !important
}

.bg-Brand{
  background-color: var(--color--Brand) !important
}

.bg-Bg{
  background-color: var(--color--Bg) !important
}

.bg-BgSub{
  background-color: var(--color--BgSub) !important
}

.focus-within\:bg-green-lightest:focus-within{
  background-color: rgb(235, 250, 243) !important
}

.bg-right-top{
  background-position: right top !important
}

.bg-cover{
  background-size: cover !important
}

.border-collapse{
  border-collapse: collapse !important
}

.border-transparent{
  border-color: transparent !important
}

.border-green{
  --border-opacity: 1 !important;
  border-color: hsl(152, 58%, 53%) !important;
  border-color: rgba(65.63700000000004, 204.66299999999995, 139.78420000000003, var(--border-opacity)) !important
}

.border-blue{
  --border-opacity: 1 !important;
  border-color: rgb(60, 170, 230) !important;
  border-color: rgba(60, 170, 230, var(--border-opacity)) !important
}

.border-blue-light{
  border-color: rgb(196, 230, 247) !important
}

.border-purple{
  --border-opacity: 1 !important;
  border-color: rgb(130, 120, 200) !important;
  border-color: rgba(130, 120, 200, var(--border-opacity)) !important
}

.border-red{
  --border-opacity: 1 !important;
  border-color: rgb(250, 105, 70) !important;
  border-color: rgba(250, 105, 70, var(--border-opacity)) !important
}

.border-secondary-red{
  --border-opacity: 1 !important;
  border-color: rgb(210, 70, 70) !important;
  border-color: rgba(210, 70, 70, var(--border-opacity)) !important
}

.border-beige-light{
  border-color: rgb(212, 208, 196) !important
}

.border-beige-lighter{
  border-color: rgb(238, 236, 232) !important
}

.border-black{
  --border-opacity: 1 !important;
  border-color: #000 !important;
  border-color: rgba(0, 0, 0, var(--border-opacity)) !important
}

.border-grey-darkest{
  --border-opacity: 1 !important;
  border-color: #363636 !important;
  border-color: rgba(54, 54, 54, var(--border-opacity)) !important
}

.border-grey-lightest{
  --border-opacity: 1 !important;
  border-color: #e1e1e1 !important;
  border-color: rgba(225, 225, 225, var(--border-opacity)) !important
}

.border-white{
  --border-opacity: 1 !important;
  border-color: #ffffff !important;
  border-color: rgba(255, 255, 255, var(--border-opacity)) !important
}

.border-white-transparent{
  border-color: rgba(255, 255, 255, 0.7) !important
}

.border-Border{
  border-color: var(--color--Border) !important
}

.border-BorderSub{
  border-color: var(--color--BorderSub) !important
}

.border-WarningDark{
  border-color: var(--color--WarningDark) !important
}

.hover\:border-green:hover{
  --border-opacity: 1 !important;
  border-color: hsl(152, 58%, 53%) !important;
  border-color: rgba(65.63700000000004, 204.66299999999995, 139.78420000000003, var(--border-opacity)) !important
}

.hover\:border-secondary-blue:hover{
  --border-opacity: 1 !important;
  border-color: rgb(15, 110, 190) !important;
  border-color: rgba(15, 110, 190, var(--border-opacity)) !important
}

.hover\:border-black:hover{
  --border-opacity: 1 !important;
  border-color: #000 !important;
  border-color: rgba(0, 0, 0, var(--border-opacity)) !important
}

.hover\:border-grey-lighter:hover{
  --border-opacity: 1 !important;
  border-color: #999 !important;
  border-color: rgba(153, 153, 153, var(--border-opacity)) !important
}

.hover\:border-white:hover{
  --border-opacity: 1 !important;
  border-color: #ffffff !important;
  border-color: rgba(255, 255, 255, var(--border-opacity)) !important
}

.hover\:border-Type:hover{
  border-color: var(--color--Type) !important
}

.focus\:border-grey-lighter:focus{
  --border-opacity: 1 !important;
  border-color: #999 !important;
  border-color: rgba(153, 153, 153, var(--border-opacity)) !important
}

.rounded-2{
  border-radius: 2px !important
}

.rounded-3{
  border-radius: 3px !important
}

.rounded-4{
  border-radius: 4px !important
}

.rounded-6{
  border-radius: 6px !important
}

.rounded-8{
  border-radius: 8px !important
}

.rounded-12{
  border-radius: 12px !important
}

.rounded-16{
  border-radius: 16px !important
}

.rounded-20{
  border-radius: 20px !important
}

.rounded-full{
  border-radius: 9999px !important
}

.rounded-t-4{
  border-top-left-radius: 4px !important;
  border-top-right-radius: 4px !important
}

.rounded-b-4{
  border-bottom-right-radius: 4px !important;
  border-bottom-left-radius: 4px !important
}

.first\:rounded-t-16:first-child{
  border-top-left-radius: 16px !important;
  border-top-right-radius: 16px !important
}

.last\:rounded-b-16:last-child{
  border-bottom-right-radius: 16px !important;
  border-bottom-left-radius: 16px !important
}

.border-solid{
  border-style: solid !important
}

.border-0{
  border-width: 0 !important
}

.border-1{
  border-width: 1px !important
}

.border-2{
  border-width: 2px !important
}

.border{
  border-width: 1px !important
}

.border-t-0{
  border-top-width: 0 !important
}

.border-t-1{
  border-top-width: 1px !important
}

.border-r-1{
  border-right-width: 1px !important
}

.border-b-1{
  border-bottom-width: 1px !important
}

.border-l-4{
  border-left-width: 4px !important
}

.border-t{
  border-top-width: 1px !important
}

.first\:border-0:first-child{
  border-width: 0 !important
}

.cursor-pointer{
  cursor: pointer !important
}

.block{
  display: block !important
}

.inline-block{
  display: inline-block !important
}

.inline{
  display: inline !important
}

.flex{
  display: flex !important
}

.inline-flex{
  display: inline-flex !important
}

.table{
  display: table !important
}

.grid{
  display: grid !important
}

.inline-grid{
  display: inline-grid !important
}

.hidden{
  display: none !important
}

.flex-row{
  flex-direction: row !important
}

.flex-col{
  flex-direction: column !important
}

.flex-col-reverse{
  flex-direction: column-reverse !important
}

.even\:flex-row-reverse:nth-child(even){
  flex-direction: row-reverse !important
}

.flex-wrap{
  flex-wrap: wrap !important
}

.items-start{
  align-items: flex-start !important
}

.items-end{
  align-items: flex-end !important
}

.items-center{
  align-items: center !important
}

.items-baseline{
  align-items: baseline !important
}

.items-stretch{
  align-items: stretch !important
}

.self-center{
  align-self: center !important
}

.self-stretch{
  align-self: stretch !important
}

.justify-end{
  justify-content: flex-end !important
}

.justify-center{
  justify-content: center !important
}

.justify-between{
  justify-content: space-between !important
}

.justify-around{
  justify-content: space-around !important
}

.content-center{
  align-content: center !important
}

.flex-grow-0{
  flex-grow: 0 !important
}

.flex-grow{
  flex-grow: 1 !important
}

.flex-shrink-0{
  flex-shrink: 0 !important
}

.flex-shrink{
  flex-shrink: 1 !important
}

.order-first{
  order: -9999 !important
}

.float-right{
  float: right !important
}

.font-regular{
  font-weight: 400 !important
}

.font-demibold{
  font-weight: 600 !important
}

.font-bold{
  font-weight: 700 !important
}

.h-0{
  height: 0 !important
}

.h-16{
  height: 16px !important
}

.h-24{
  height: 24px !important
}

.h-40{
  height: 40px !important
}

.h-48{
  height: 48px !important
}

.h-60{
  height: 60px !important
}

.h-96{
  height: 96px !important
}

.h-half{
  height: 50% !important
}

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

.h-screen{
  height: 100vh !important
}

.text-12{
  font-size: 12px !important
}

.text-40{
  font-size: 40px !important
}

.leading-small{
  line-height: 1.175 !important
}

.leading-default{
  line-height: 1.35 !important
}

.leading-body{
  line-height: 1.58 !important
}

.list-none{
  list-style-type: none !important
}

.list-disc{
  list-style-type: disc !important
}

.m-2{
  margin: 2px !important
}

.m-32{
  margin: 32px !important
}

.mx-2{
  margin-left: 2px !important;
  margin-right: 2px !important
}

.mx-4{
  margin-left: 4px !important;
  margin-right: 4px !important
}

.mx-6{
  margin-left: 6px !important;
  margin-right: 6px !important
}

.my-8{
  margin-top: 8px !important;
  margin-bottom: 8px !important
}

.my-12{
  margin-top: 12px !important;
  margin-bottom: 12px !important
}

.mx-12{
  margin-left: 12px !important;
  margin-right: 12px !important
}

.my-16{
  margin-top: 16px !important;
  margin-bottom: 16px !important
}

.mx-16{
  margin-left: 16px !important;
  margin-right: 16px !important
}

.mx-20{
  margin-left: 20px !important;
  margin-right: 20px !important
}

.my-24{
  margin-top: 24px !important;
  margin-bottom: 24px !important
}

.mx-24{
  margin-left: 24px !important;
  margin-right: 24px !important
}

.my-32{
  margin-top: 32px !important;
  margin-bottom: 32px !important
}

.my-36{
  margin-top: 36px !important;
  margin-bottom: 36px !important
}

.my-40{
  margin-top: 40px !important;
  margin-bottom: 40px !important
}

.mx-40{
  margin-left: 40px !important;
  margin-right: 40px !important
}

.my-48{
  margin-top: 48px !important;
  margin-bottom: 48px !important
}

.mx-48{
  margin-left: 48px !important;
  margin-right: 48px !important
}

.mx-64{
  margin-left: 64px !important;
  margin-right: 64px !important
}

.mx-96{
  margin-left: 96px !important;
  margin-right: 96px !important
}

.my-auto{
  margin-top: auto !important;
  margin-bottom: auto !important
}

.mx-auto{
  margin-left: auto !important;
  margin-right: auto !important
}

.-mx-4{
  margin-left: -4px !important;
  margin-right: -4px !important
}

.-mx-12{
  margin-left: -12px !important;
  margin-right: -12px !important
}

.mt-0{
  margin-top: 0px !important
}

.mb-0{
  margin-bottom: 0px !important
}

.ml-0{
  margin-left: 0px !important
}

.mt-2{
  margin-top: 2px !important
}

.mb-2{
  margin-bottom: 2px !important
}

.mt-4{
  margin-top: 4px !important
}

.mr-4{
  margin-right: 4px !important
}

.mb-4{
  margin-bottom: 4px !important
}

.ml-4{
  margin-left: 4px !important
}

.mt-6{
  margin-top: 6px !important
}

.mr-6{
  margin-right: 6px !important
}

.mb-6{
  margin-bottom: 6px !important
}

.mt-8{
  margin-top: 8px !important
}

.mr-8{
  margin-right: 8px !important
}

.mb-8{
  margin-bottom: 8px !important
}

.mt-12{
  margin-top: 12px !important
}

.mr-12{
  margin-right: 12px !important
}

.mb-12{
  margin-bottom: 12px !important
}

.ml-12{
  margin-left: 12px !important
}

.mt-16{
  margin-top: 16px !important
}

.mr-16{
  margin-right: 16px !important
}

.mb-16{
  margin-bottom: 16px !important
}

.ml-16{
  margin-left: 16px !important
}

.mb-20{
  margin-bottom: 20px !important
}

.ml-20{
  margin-left: 20px !important
}

.mt-24{
  margin-top: 24px !important
}

.mb-24{
  margin-bottom: 24px !important
}

.ml-24{
  margin-left: 24px !important
}

.mb-30{
  margin-bottom: 30px !important
}

.mt-32{
  margin-top: 32px !important
}

.mb-32{
  margin-bottom: 32px !important
}

.mb-36{
  margin-bottom: 36px !important
}

.mt-40{
  margin-top: 40px !important
}

.mb-40{
  margin-bottom: 40px !important
}

.mt-48{
  margin-top: 48px !important
}

.mr-48{
  margin-right: 48px !important
}

.mb-48{
  margin-bottom: 48px !important
}

.mt-56{
  margin-top: 56px !important
}

.mb-56{
  margin-bottom: 56px !important
}

.mt-64{
  margin-top: 64px !important
}

.mb-64{
  margin-bottom: 64px !important
}

.mb-72{
  margin-bottom: 72px !important
}

.mt-80{
  margin-top: 80px !important
}

.mb-80{
  margin-bottom: 80px !important
}

.mt-96{
  margin-top: 96px !important
}

.mb-96{
  margin-bottom: 96px !important
}

.ml-96{
  margin-left: 96px !important
}

.mt-128{
  margin-top: 128px !important
}

.mt-auto{
  margin-top: auto !important
}

.mr-auto{
  margin-right: auto !important
}

.ml-auto{
  margin-left: auto !important
}

.-mt-1{
  margin-top: -1px !important
}

.-mt-2{
  margin-top: -2px !important
}

.-mt-4{
  margin-top: -4px !important
}

.-ml-4{
  margin-left: -4px !important
}

.-ml-6{
  margin-left: -6px !important
}

.-mt-8{
  margin-top: -8px !important
}

.-mr-8{
  margin-right: -8px !important
}

.-mt-12{
  margin-top: -12px !important
}

.-mb-12{
  margin-bottom: -12px !important
}

.-mt-16{
  margin-top: -16px !important
}

.-mb-16{
  margin-bottom: -16px !important
}

.-mt-24{
  margin-top: -24px !important
}

.-mb-24{
  margin-bottom: -24px !important
}

.-mb-30{
  margin-bottom: -30px !important
}

.-mt-32{
  margin-top: -32px !important
}

.-mt-40{
  margin-top: -40px !important
}

.-mt-48{
  margin-top: -48px !important
}

.-mb-48{
  margin-bottom: -48px !important
}

.-mt-56{
  margin-top: -56px !important
}

.-mb-72{
  margin-bottom: -72px !important
}

.-mt-96{
  margin-top: -96px !important
}

.-mt-128{
  margin-top: -128px !important
}

.last\:mb-0:last-child{
  margin-bottom: 0px !important
}

.max-w-480{
  max-width: 480px !important
}

.max-w-512{
  max-width: 512px !important
}

.max-w-576{
  max-width: 576px !important
}

.max-w-768{
  max-width: 768px !important
}

.max-w-968{
  max-width: 968px !important
}

.max-w-1024{
  max-width: 1024px !important
}

.max-w-1280{
  max-width: 1280px !important
}

.max-w-1440{
  max-width: 1440px !important
}

.max-w-1680{
  max-width: 1680px !important
}

.max-w-3\/4{
  max-width: 75% !important
}

.max-w-full{
  max-width: 100% !important
}

.min-h-512{
  min-height: 512px !important
}

.min-h-screen{
  min-height: 100vh !important
}

.min-w-0{
  min-width: 0 !important
}

.min-w-full{
  min-width: 100% !important
}

.object-cover{
  object-fit: cover !important
}

.object-left{
  object-position: left !important
}

.opacity-0{
  opacity: 0 !important
}

.opacity-25{
  opacity: .25 !important
}

.opacity-40{
  opacity: .4 !important
}

.opacity-50{
  opacity: .5 !important
}

.opacity-75{
  opacity: .75 !important
}

.opacity-100{
  opacity: 1 !important
}

.hover\:opacity-100:hover{
  opacity: 1 !important
}

.group:hover .group-hover\:opacity-100{
  opacity: 1 !important
}

.focus\:opacity-100:focus{
  opacity: 1 !important
}

.overflow-hidden{
  overflow: hidden !important
}

.overflow-x-scroll{
  overflow-x: scroll !important
}

.p-6{
  padding: 6px !important
}

.p-8{
  padding: 8px !important
}

.p-12{
  padding: 12px !important
}

.p-16{
  padding: 16px !important
}

.p-24{
  padding: 24px !important
}

.p-40{
  padding: 40px !important
}

.py-0{
  padding-top: 0px !important;
  padding-bottom: 0px !important
}

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

.py-2{
  padding-top: 2px !important;
  padding-bottom: 2px !important
}

.py-4{
  padding-top: 4px !important;
  padding-bottom: 4px !important
}

.px-4{
  padding-left: 4px !important;
  padding-right: 4px !important
}

.py-6{
  padding-top: 6px !important;
  padding-bottom: 6px !important
}

.py-8{
  padding-top: 8px !important;
  padding-bottom: 8px !important
}

.px-8{
  padding-left: 8px !important;
  padding-right: 8px !important
}

.py-12{
  padding-top: 12px !important;
  padding-bottom: 12px !important
}

.px-12{
  padding-left: 12px !important;
  padding-right: 12px !important
}

.py-16{
  padding-top: 16px !important;
  padding-bottom: 16px !important
}

.px-16{
  padding-left: 16px !important;
  padding-right: 16px !important
}

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

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

.py-24{
  padding-top: 24px !important;
  padding-bottom: 24px !important
}

.px-24{
  padding-left: 24px !important;
  padding-right: 24px !important
}

.py-32{
  padding-top: 32px !important;
  padding-bottom: 32px !important
}

.px-32{
  padding-left: 32px !important;
  padding-right: 32px !important
}

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

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

.px-48{
  padding-left: 48px !important;
  padding-right: 48px !important
}

.py-56{
  padding-top: 56px !important;
  padding-bottom: 56px !important
}

.px-56{
  padding-left: 56px !important;
  padding-right: 56px !important
}

.py-64{
  padding-top: 64px !important;
  padding-bottom: 64px !important
}

.py-72{
  padding-top: 72px !important;
  padding-bottom: 72px !important
}

.py-80{
  padding-top: 80px !important;
  padding-bottom: 80px !important
}

.py-96{
  padding-top: 96px !important;
  padding-bottom: 96px !important
}

.py-128{
  padding-top: 128px !important;
  padding-bottom: 128px !important
}

.pb-0{
  padding-bottom: 0px !important
}

.pl-0{
  padding-left: 0px !important
}

.pt-1{
  padding-top: 1px !important
}

.pt-2{
  padding-top: 2px !important
}

.pb-2{
  padding-bottom: 2px !important
}

.pt-4{
  padding-top: 4px !important
}

.pr-4{
  padding-right: 4px !important
}

.pt-6{
  padding-top: 6px !important
}

.pb-6{
  padding-bottom: 6px !important
}

.pt-8{
  padding-top: 8px !important
}

.pr-8{
  padding-right: 8px !important
}

.pb-8{
  padding-bottom: 8px !important
}

.pl-8{
  padding-left: 8px !important
}

.pb-12{
  padding-bottom: 12px !important
}

.pl-12{
  padding-left: 12px !important
}

.pt-16{
  padding-top: 16px !important
}

.pr-16{
  padding-right: 16px !important
}

.pb-16{
  padding-bottom: 16px !important
}

.pl-16{
  padding-left: 16px !important
}

.pt-20{
  padding-top: 20px !important
}

.pb-20{
  padding-bottom: 20px !important
}

.pt-24{
  padding-top: 24px !important
}

.pr-24{
  padding-right: 24px !important
}

.pb-24{
  padding-bottom: 24px !important
}

.pl-24{
  padding-left: 24px !important
}

.pt-30{
  padding-top: 30px !important
}

.pb-30{
  padding-bottom: 30px !important
}

.pl-30{
  padding-left: 30px !important
}

.pt-32{
  padding-top: 32px !important
}

.pr-32{
  padding-right: 32px !important
}

.pb-32{
  padding-bottom: 32px !important
}

.pl-32{
  padding-left: 32px !important
}

.pt-40{
  padding-top: 40px !important
}

.pb-40{
  padding-bottom: 40px !important
}

.pt-48{
  padding-top: 48px !important
}

.pb-48{
  padding-bottom: 48px !important
}

.pl-48{
  padding-left: 48px !important
}

.pt-56{
  padding-top: 56px !important
}

.pb-56{
  padding-bottom: 56px !important
}

.pl-56{
  padding-left: 56px !important
}

.pt-64{
  padding-top: 64px !important
}

.pb-64{
  padding-bottom: 64px !important
}

.pt-72{
  padding-top: 72px !important
}

.pb-72{
  padding-bottom: 72px !important
}

.pt-80{
  padding-top: 80px !important
}

.pb-80{
  padding-bottom: 80px !important
}

.pt-96{
  padding-top: 96px !important
}

.pb-96{
  padding-bottom: 96px !important
}

.pt-128{
  padding-top: 128px !important
}

.pt-192{
  padding-top: 192px !important
}

.pointer-events-none{
  pointer-events: none !important
}

.pointer-events-auto{
  pointer-events: auto !important
}

.static{
  position: static !important
}

.fixed{
  position: fixed !important
}

.absolute{
  position: absolute !important
}

.relative{
  position: relative !important
}

.sticky{
  position: -webkit-sticky !important;
  position: sticky !important
}

.inset-0{
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important
}

.top-0{
  top: 0 !important
}

.right-0{
  right: 0 !important
}

.bottom-0{
  bottom: 0 !important
}

.left-0{
  left: 0 !important
}

.top-1\/2{
  top: 50% !important
}

.left-1\/2{
  left: 50% !important
}

.resize{
  resize: both !important
}

.shadow{
  box-shadow: 0 2px 4px 0 rgba(0,0,0,0.10) !important
}

.shadow-black{
  box-shadow: 0 8px 40px -10px rgba(0,0,0,.35) !important
}

.shadow-black-small{
  box-shadow: 0 0 10px 0 rgba(54, 54, 54, 0.2) !important
}

.shadow-black-offset{
  box-shadow: 0 14px 40px -10px rgba(0,0,0,.35) !important
}

.shadow-green{
  box-shadow: 0 25px 25px -20px hsla(152, 58%, 53%, 0.66) !important
}

.shadow-premium{
  box-shadow: 0 25px 25px -20px rgba(255, 67, 91, 0.5) !important
}

.shadow-none{
  box-shadow: none !important
}

.hover\:shadow-black-offset:hover{
  box-shadow: 0 14px 40px -10px rgba(0,0,0,.35) !important
}

.fill-current{
  fill: currentColor !important
}

.stroke-current{
  stroke: currentColor !important
}

.text-left{
  text-align: left !important
}

.text-center{
  text-align: center !important
}

.text-right{
  text-align: right !important
}

.text-inherit{
  color: inherit !important
}

.text-transparent{
  color: transparent !important
}

.text-green-darker{
  color: rgb(46, 173, 114) !important
}

.text-green-dark{
  color: rgb(51, 193, 127) !important
}

.text-green{
  --text-opacity: 1 !important;
  color: hsl(152, 58%, 53%) !important;
  color: rgba(65.63700000000004, 204.66299999999995, 139.78420000000003, var(--text-opacity)) !important
}

.text-blue-dark{
  color: rgb(28, 148, 212) !important
}

.text-blue{
  --text-opacity: 1 !important;
  color: rgb(60, 170, 230) !important;
  color: rgba(60, 170, 230, var(--text-opacity)) !important
}

.text-purple{
  --text-opacity: 1 !important;
  color: rgb(130, 120, 200) !important;
  color: rgba(130, 120, 200, var(--text-opacity)) !important
}

.text-red{
  --text-opacity: 1 !important;
  color: rgb(250, 105, 70) !important;
  color: rgba(250, 105, 70, var(--text-opacity)) !important
}

.text-secondary-blue{
  --text-opacity: 1 !important;
  color: rgb(15, 110, 190) !important;
  color: rgba(15, 110, 190, var(--text-opacity)) !important
}

.text-secondary-green{
  --text-opacity: 1 !important;
  color: rgb(115, 220, 105) !important;
  color: rgba(115, 220, 105, var(--text-opacity)) !important
}

.text-secondary-red{
  --text-opacity: 1 !important;
  color: rgb(210, 70, 70) !important;
  color: rgba(210, 70, 70, var(--text-opacity)) !important
}

.text-beige-darker{
  color: rgb(103, 96, 76) !important
}

.text-beige-dark{
  color: rgb(157, 149, 123) !important
}

.text-beige-lightest{
  --text-opacity: 1 !important;
  color: hsl(45, 15%, 95%) !important;
  color: rgba(244.16249999999997, 243.20624999999995, 240.3375, var(--text-opacity)) !important
}

.text-black{
  --text-opacity: 1 !important;
  color: #000 !important;
  color: rgba(0, 0, 0, var(--text-opacity)) !important
}

.text-grey-darkest{
  --text-opacity: 1 !important;
  color: #363636 !important;
  color: rgba(54, 54, 54, var(--text-opacity)) !important
}

.text-grey-darker{
  --text-opacity: 1 !important;
  color: #555 !important;
  color: rgba(85, 85, 85, var(--text-opacity)) !important
}

.text-grey-dark{
  --text-opacity: 1 !important;
  color: #696969 !important;
  color: rgba(105, 105, 105, var(--text-opacity)) !important
}

.text-grey{
  --text-opacity: 1 !important;
  color: #767676 !important;
  color: rgba(118, 118, 118, var(--text-opacity)) !important
}

.text-grey-light{
  --text-opacity: 1 !important;
  color: #888 !important;
  color: rgba(136, 136, 136, var(--text-opacity)) !important
}

.text-grey-lighter{
  --text-opacity: 1 !important;
  color: #999 !important;
  color: rgba(153, 153, 153, var(--text-opacity)) !important
}

.text-dark-mode-text{
  --text-opacity: 1 !important;
  color: #f5f5f5 !important;
  color: rgba(245, 245, 245, var(--text-opacity)) !important
}

.text-white{
  --text-opacity: 1 !important;
  color: #ffffff !important;
  color: rgba(255, 255, 255, var(--text-opacity)) !important
}

.text-Brand{
  color: var(--color--Brand) !important
}

.text-Type{
  color: var(--color--Type) !important
}

.text-Bg{
  color: var(--color--Bg) !important
}

.text-BgSub{
  color: var(--color--BgSub) !important
}

.text-WarningDark{
  color: var(--color--WarningDark) !important
}

.text-AccentBlue{
  color: var(--color--AccentBlue) !important
}

.hover\:text-inherit:hover{
  color: inherit !important
}

.hover\:text-green:hover{
  --text-opacity: 1 !important;
  color: hsl(152, 58%, 53%) !important;
  color: rgba(65.63700000000004, 204.66299999999995, 139.78420000000003, var(--text-opacity)) !important
}

.hover\:text-blue-dark:hover{
  color: rgb(28, 148, 212) !important
}

.hover\:text-blue:hover{
  --text-opacity: 1 !important;
  color: rgb(60, 170, 230) !important;
  color: rgba(60, 170, 230, var(--text-opacity)) !important
}

.hover\:text-secondary-blue:hover{
  --text-opacity: 1 !important;
  color: rgb(15, 110, 190) !important;
  color: rgba(15, 110, 190, var(--text-opacity)) !important
}

.hover\:text-beige-darkest:hover{
  color: rgb(44, 41, 33) !important
}

.hover\:text-Type:hover{
  color: var(--color--Type) !important
}

.italic{
  font-style: italic !important
}

.uppercase{
  text-transform: uppercase !important
}

.underline{
  text-decoration: underline !important
}

.line-through{
  text-decoration: line-through !important
}

.no-underline{
  text-decoration: none !important
}

.tracking-2{
  letter-spacing: 2px !important
}

.tracking-3{
  letter-spacing: 3px !important
}

.align-top{
  vertical-align: top !important
}

.align-middle{
  vertical-align: middle !important
}

.visible{
  visibility: visible !important
}

.invisible{
  visibility: hidden !important
}

.whitespace-no-wrap{
  white-space: nowrap !important
}

.break-words{
  overflow-wrap: break-word !important
}

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

.w-8{
  width: 8px !important
}

.w-16{
  width: 16px !important
}

.w-24{
  width: 24px !important
}

.w-32{
  width: 32px !important
}

.w-40{
  width: 40px !important
}

.w-64{
  width: 64px !important
}

.w-96{
  width: 96px !important
}

.w-auto{
  width: auto !important
}

.w-1\/2{
  width: 50% !important
}

.w-1\/3{
  width: 33.33333% !important
}

.w-4\/5{
  width: 80% !important
}

.w-2\/24{
  width: 8.33333% !important
}

.w-4\/24{
  width: 16.66667% !important
}

.w-6\/24{
  width: 25% !important
}

.w-7\/24{
  width: 29.16667% !important
}

.w-8\/24{
  width: 33.33333% !important
}

.w-10\/24{
  width: 41.66667% !important
}

.w-11\/24{
  width: 45.83333% !important
}

.w-14\/24{
  width: 58.33333% !important
}

.w-17\/24{
  width: 70.83333% !important
}

.w-22\/24{
  width: 91.66667% !important
}

.w-24\/24{
  width: 100% !important
}

.w-full{
  width: 100% !important
}

.w-screen{
  width: 100vw !important
}

.z-0{
  z-index: 0 !important
}

.z-10{
  z-index: 10 !important
}

.z-20{
  z-index: 20 !important
}

.z-30{
  z-index: 30 !important
}

.gap-4{
  grid-gap: 1rem !important;
  gap: 1rem !important
}

.grid-cols-4{
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important
}

.col-span-4{
  grid-column: span 4 / span 4 !important
}

.row-start-2{
  grid-row-start: 2 !important
}

.row-start-5{
  grid-row-start: 5 !important
}

.transform{
  --transform-translate-x: 0 !important;
  --transform-translate-y: 0 !important;
  --transform-rotate: 0 !important;
  --transform-skew-x: 0 !important;
  --transform-skew-y: 0 !important;
  --transform-scale-x: 1 !important;
  --transform-scale-y: 1 !important;
  transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y)) !important
}

.rotate-180{
  --transform-rotate: 180deg !important
}

.-translate-x-1\/2{
  --transform-translate-x: -50% !important
}

.translate-y-1{
  --transform-translate-y: 0.25rem !important
}

.-translate-y-1\/2{
  --transform-translate-y: -50% !important
}

.translate-y-1\/2{
  --transform-translate-y: 50% !important
}

.hover\:-translate-y-1:hover{
  --transform-translate-y: -0.25rem !important
}

.transition{
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform !important
}

.transition-opacity{
  transition-property: opacity !important
}

.bg-gradient-green{
  background-image: linear-gradient(130deg, hsl(152, 58%, 53%), #00b698) !important
}

.bg-gradient-premium{
  background-image: linear-gradient(130deg, #ffa634, #ff435b) !important
}

.bg-gradient-blue{
  background-image: linear-gradient(130deg, #66b9ea, #6d78e7) !important
}

.type-12{
  font-size: 12px;
  font-weight: 400
}

.type-12-demibold-caps{
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: calc(1em * 0.08)
}

.type-14{
  font-size: 14px;
  font-weight: 400
}

.type-14-demibold{
  font-size: 14px;
  font-weight: 600
}

.type-14-demibold-caps{
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: calc(1em * 0.08)
}

.type-17{
  font-size: 17px;
  font-weight: 400
}

.type-17-demibold{
  font-size: 17px;
  font-weight: 600
}

.type-17-demibold-caps{
  font-size: 17px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: calc(1em * 0.08)
}

.type-20{
  font-size: 20px;
  font-weight: 400
}

.type-20-caps{
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 400;
  letter-spacing: calc(1em * 0.08)
}

.type-20-demibold{
  font-size: 20px;
  font-weight: 600
}

.type-20-bold{
  font-size: 20px;
  font-weight: 700
}

.type-24{
  font-size: 24px;
  font-weight: 400
}

.type-24-caps{
  font-size: 24px;
  text-transform: uppercase;
  font-weight: 400;
  letter-spacing: calc(1em * 0.08)
}

.type-24-demibold{
  font-size: 24px;
  font-weight: 600
}

.type-24-demibold-caps{
  font-size: 24px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: calc(1em * 0.08)
}

.type-24-bold{
  font-size: 24px;
  font-weight: 700
}

.type-28{
  font-size: 28px;
  font-weight: 400
}

.type-28-demibold{
  font-size: 28px;
  font-weight: 600;
  line-height: 1.175
}

.type-28-bold{
  font-size: 28px;
  font-weight: 700;
  line-height: 1.175
}

.type-32{
  font-size: 32px;
  font-weight: 400;
  letter-spacing: -0.4px
}

.type-32-demibold{
  font-size: 32px;
  font-weight: 600;
  letter-spacing: -0.4px;
  line-height: 1.175
}

.type-32-bold{
  font-size: 32px;
  font-weight: 700;
  letter-spacing: -0.4px;
  line-height: 1.175
}

.type-40{
  font-size: 40px;
  font-weight: 400;
  letter-spacing: -0.4px;
  line-height: 1.175
}

.type-40-bold{
  font-size: 40px;
  font-weight: 700;
  letter-spacing: -0.4px;
  line-height: 1.175
}

.type-48{
  font-size: 48px;
  font-weight: 400;
  letter-spacing: -0.4px;
  line-height: 1.175
}

.type-48-bold{
  font-size: 48px;
  font-weight: 700;
  letter-spacing: -0.4px;
  line-height: 1.175
}

.type-56{
  font-size: 56px;
  font-weight: 400;
  letter-spacing: -0.4px;
  line-height: 1.175
}

:root{
  --color--Brand: rgb(65, 205, 140);
  --color--BrandDark: rgb(55, 185, 125);
  --color--Type: rgb(36, 36, 36);
  --color--TypeSub: rgb(117, 117, 117);
  --color--TypeInactive: rgb(177, 177, 177);
  --color--TypeConstant: rgb(255, 255, 255);
  --color--Border: rgb(219, 219, 219);
  --color--BorderSub: rgb(240, 240, 240);
  --color--Bg: rgb(255, 255, 255);
  --color--BgSub: rgb(250, 250, 245);
  --color--Warning: rgb(242, 78, 65);
  --color--WarningDark: rgb(239, 66, 53);
  --color--AccentBlue: rgb(60, 170, 230);
  --color--AccentPurple: rgb(130, 120, 200);
  --color--AccentOrange: rgb(245, 145, 50);
  --color--AccentMagenta: rgb(216, 74, 138)
}

@media (prefers-color-scheme: dark){
  :root:not(.disable-dark-mode){
    --color--Type: rgb(245, 245, 245);
    --color--TypeSub: rgb(163, 163, 163);
    --color--TypeInactive: rgb(97, 97, 97)
  }
}

@media (prefers-color-scheme: dark){
  :root:not(.disable-dark-mode){
    --color--Border: rgb(61, 61, 61);
    --color--BorderSub: rgb(44, 44, 44)
  }
}

@media (prefers-color-scheme: dark){
  :root:not(.disable-dark-mode){
    --color--Bg: rgb(30, 30, 30);
    --color--BgSub: rgb(18, 18, 18)
  }
}

.type-default{
  font-family: TTNormsPro, Roboto, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.35
}

@media screen and (min-width: 1000px){
  .type-default{
    font-size: 20px;
    font-weight: 400
  }
}

.type-default-fat{
  font-family: TTNormsPro, Roboto, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.35
}

@media screen and (min-width: 1000px){
  .type-default-fat{
    font-size: 20px;
    font-weight: 600
  }
}

.type-huge{
  font-size: 40px;
  font-weight: 400;
  letter-spacing: -0.4px;
  line-height: 1.175
}

@media screen and (min-width: 351px){
  .type-huge{
    font-size: 48px;
    font-weight: 400;
    letter-spacing: -0.4px;
    line-height: 1.175
  }
}

@media screen and (min-width: 600px){
  .type-huge{
    font-size: 64px;
    font-weight: 400;
    letter-spacing: -0.4px;
    line-height: 1.175
  }
}

@media screen and (min-width: 1000px){
  .type-huge{
    font-size: 72px;
    font-weight: 400;
    letter-spacing: -0.4px;
    line-height: 1.175
  }
}

.type-huge b,.type-huge strong{
  font-weight: 700
}

.type-large-plus{
  font-size: 40px;
  font-weight: 400;
  letter-spacing: -0.4px;
  line-height: 1.175
}

@media screen and (min-width: 351px){
  .type-large-plus{
    font-size: 48px;
    font-weight: 400;
    letter-spacing: -0.4px;
    line-height: 1.175
  }
}

@media screen and (min-width: 1000px){
  .type-large-plus{
    font-size: 56px;
    font-weight: 400;
    letter-spacing: -0.4px;
    line-height: 1.175
  }
}

@media screen and (min-width: 1650px){
  .type-large-plus{
    font-size: 64px;
    font-weight: 400;
    letter-spacing: -0.4px;
    line-height: 1.175
  }
}

.type-large-plus b,.type-large-plus strong{
  font-weight: 700
}

.type-large-plus-fat{
  font-size: 40px;
  font-weight: 700;
  letter-spacing: -0.4px;
  line-height: 1.175
}

@media screen and (min-width: 351px){
  .type-large-plus-fat{
    font-size: 48px;
    font-weight: 700;
    letter-spacing: -0.4px;
    line-height: 1.175
  }
}

@media screen and (min-width: 1000px){
  .type-large-plus-fat{
    font-size: 56px;
    font-weight: 700;
    letter-spacing: -0.4px;
    line-height: 1.175
  }
}

@media screen and (min-width: 1650px){
  .type-large-plus-fat{
    font-size: 64px;
    font-weight: 700;
    letter-spacing: -0.4px;
    line-height: 1.175
  }
}

.type-large{
  font-size: 28px;
  font-weight: 400
}

@media screen and (min-width: 600px){
  .type-large{
    font-size: 36px;
    font-weight: 400;
    letter-spacing: -0.4px
  }
}

@media screen and (min-width: 1000px){
  .type-large{
    font-size: 48px;
    font-weight: 400;
    letter-spacing: -0.4px;
    line-height: 1.175
  }
}

.type-large b,.type-large strong{
  font-weight: 700
}

.type-med-plus{
  font-size: 28px;
  font-weight: 400
}

@media screen and (min-width: 1000px){
  .type-med-plus{
    font-size: 32px;
    font-weight: 400;
    letter-spacing: -0.4px
  }
}

@media screen and (min-width: 1650px){
  .type-med-plus{
    font-size: 40px;
    font-weight: 400;
    letter-spacing: -0.4px;
    line-height: 1.175
  }
}

.type-med-plus-fat{
  font-size: 28px;
  font-weight: 700;
  line-height: 1.175
}

@media screen and (min-width: 1000px){
  .type-med-plus-fat{
    font-size: 32px;
    font-weight: 700;
    letter-spacing: -0.4px;
    line-height: 1.175
  }
}

@media screen and (min-width: 1650px){
  .type-med-plus-fat{
    font-size: 40px;
    font-weight: 700;
    letter-spacing: -0.4px;
    line-height: 1.175
  }
}

.type-med{
  font-size: 24px;
  font-weight: 400
}

@media screen and (min-width: 1650px){
  .type-med{
    font-size: 32px;
    font-weight: 400;
    letter-spacing: -0.4px
  }
}

.type-med-fat{
  font-size: 24px;
  font-weight: 700
}

@media screen and (min-width: 1650px){
  .type-med-fat{
    font-size: 32px;
    font-weight: 700;
    letter-spacing: -0.4px;
    line-height: 1.175
  }
}

.type-med-minus{
  font-size: 20px;
  font-weight: 400
}

@media screen and (min-width: 1000px){
  .type-med-minus{
    font-size: 24px;
    font-weight: 400
  }
}

@media screen and (min-width: 1650px){
  .type-med-minus{
    font-size: 28px;
    font-weight: 400
  }
}

.type-med-minus-fat{
  font-size: 20px;
  font-weight: 700
}

@media screen and (min-width: 1000px){
  .type-med-minus-fat{
    font-size: 24px;
    font-weight: 700
  }
}

@media screen and (min-width: 1650px){
  .type-med-minus-fat{
    font-size: 28px;
    font-weight: 700;
    line-height: 1.175
  }
}

.type-small{
  font-size: 14px;
  font-weight: 400
}

@media screen and (min-width: 1000px){
  .type-small{
    font-size: 17px;
    font-weight: 400
  }
}

.type-upper{
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 400;
  letter-spacing: calc(1em * 0.08)
}

@media screen and (min-width: 1000px){
  .type-upper{
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: calc(1em * 0.08)
  }
}

.type-upper-fat{
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: calc(1em * 0.08)
}

@media screen and (min-width: 1000px){
  .type-upper-fat{
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: calc(1em * 0.08)
  }
}

.type-nano{
  font-size: 14px;
  font-weight: 400
}

@font-face{
  font-family:'TTNormsPro';

  src:url(/fonts/3AC02F_0_0-437de006.woff2) format("woff2"),url(/fonts/3AC02F_0_0-610a9250.woff) format("woff");

  font-weight:400;

  font-display:swap
}

@font-face{
  font-family:'TTNormsPro';

  src:url(/fonts/3AC02F_1_0-e7eea00d.woff2) format("woff2"),url(/fonts/3AC02F_1_0-1b03e1d2.woff) format("woff");

  font-weight:600;

  font-display:swap
}

@font-face{
  font-family:'TTNormsPro';

  src:url(/fonts/3AC02F_2_0-3f0c8011.woff2) format("woff2"),url(/fonts/3AC02F_2_0-e13a8d94.woff) format("woff");

  font-weight:700;

  font-display:swap
}

*,*::before,*::after{
  box-sizing:border-box;
  margin:0;
  padding:0;
  border:0 solid;
  border-radius:0;
  background:none;
  font:inherit;
  font-weight:inherit;
  font-style:inherit;
  font-family:inherit;
  font-size:inherit;
  line-height:inherit;
  list-style:none;
  text-decoration:none
}

article,aside,footer,header,nav,section{
  display:block
}

figcaption,figure,main{
  display:block
}

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

a:active,a:hover{
  outline-width:0
}

b,strong{
  font-weight:inherit
}

code{
  font-family:monospace, monospace
}

small{
  font-size:80%
}

ul,ol{
  list-style:none
}

label{
  display:inline-block
}

video{
  display:inline-block
}

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

img[height]{
  height:auto
}

svg:not(:root){
  overflow:hidden
}

table{
  width:100%;
  border-spacing:0;
  border-collapse:collapse
}

button,input,optgroup,select,textarea{
  font-size:100%;
  font-family:inherit;
  line-height:1.15
}

button,input{
  overflow:visible
}

button,select{
  text-transform:none
}

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

[disabled]{
  cursor:not-allowed
}

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

button:-moz-focusring,[type='button']:-moz-focusring,[type='reset']:-moz-focusring,[type='submit']:-moz-focusring{
  outline:1px dotted ButtonText
}

legend{
  display:table;
  max-width:100%;
  color:inherit;
  white-space:normal
}

progress{
  display:inline-block;
  vertical-align:baseline
}

textarea{
  overflow:auto
}

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

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

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

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

input:-moz-placeholder,textarea:-moz-placeholder,input::-moz-placeholder,textarea::-moz-placeholder{
  color:inherit;
  opacity:0.7
}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{
  color:inherit;
  opacity:0.7
}

input:-ms-input-placeholder,textarea:-ms-input-placeholder{
  color:inherit;
  opacity:0.7
}

input:not([type]),input[type='text'],input[type='url'],input[type='email'],input[type='tel'],input[type='number'],input[type='password'],input[type='search'],textarea{
  width:100%;
  -webkit-appearance:none;
  -webkit-text-fill-color:currentColor
}

input[type='reset'],input[type='button'],input[type='submit'],button{
  -webkit-appearance:none
}

details,menu{
  display:block
}

summary{
  display:list-item
}

template{
  display:none
}

[hidden]{
  display:none
}

::-webkit-details-marker{
  display:none
}

html{
  font-family: TTNormsPro, Roboto, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.35;
  background:#f4f3f0;
  color:var(--color--Type);
  -ms-text-size-adjust:100%;
  -webkit-text-size-adjust:100%;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  font-variant-ligatures:none
}

@media screen and (min-width: 1000px){
  html{
    font-size: 20px;
    font-weight: 400
  }
}

[data-whatinput='mouse'] :focus,[data-whatinput='touch'] :focus{
  outline:none
}

[class*='o-aspect-ratio']{
  position:relative
}

.o-aspect-ratio::before{
  display:block;
  width:100%;
  content:''
}

.o-aspect-ratio .o-aspect-ratio__content{
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0
}

@media screen and (min-width: 1000px){
  .o-aspect-ratio\@lg::before{
    display:block;
    width:100%;
    content:''
  }

  .o-aspect-ratio\@lg .o-aspect-ratio__content{
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0
  }
}

.o-aspect-ratio[data-ratio='16:9']::before{
  padding-top:calc(9 / 16 * 100%)
}

[class*='o-aspect-ratio'][data-ratio='21:9']::before{
  padding-top:calc(9 / 21 * 100%)
}

.o-grid{
  display:flex;
  flex-wrap:wrap;
  margin:0 calc(24px * -0.5)
}

@media screen and (min-width: 1000px){
  .o-grid{
    margin:0 calc(40px * -0.5)
  }
}

.o-grid>.o-grid__column{
  display:flex;
  flex-direction:column;
  flex-grow:1;
  padding:0 calc(24px * 0.5)
}

@media screen and (min-width: 1000px){
  .o-grid>.o-grid__column{
    padding:0 calc(40px * 0.5)
  }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){
  .o-grid>.o-grid__column{
    flex-grow:0
  }
}

@media screen and (min-width: 1000px){
  .o-grid--airy{
    margin:0 calc(64px * -0.5)
  }

  .o-grid--airy>.o-grid__column{
    padding:0 calc(64px * 0.5)
  }
}

.o-grid--center{
  justify-content:center
}

.o-grid--center .o-grid__column{
  flex-grow:0
}

.o-grid>[data-size='1'],.o-grid>[data-size~='sm:1']{
  width:calc(100% * 1 / 24)
}

.o-grid>[data-size='2'],.o-grid>[data-size~='sm:2']{
  width:calc(100% * 2 / 24)
}

.o-grid>[data-size='3'],.o-grid>[data-size~='sm:3']{
  width:calc(100% * 3 / 24)
}

.o-grid>[data-size='4'],.o-grid>[data-size~='sm:4']{
  width:calc(100% * 4 / 24)
}

.o-grid>[data-size='5'],.o-grid>[data-size~='sm:5']{
  width:calc(100% * 5 / 24)
}

.o-grid>[data-size='6'],.o-grid>[data-size~='sm:6']{
  width:calc(100% * 6 / 24)
}

.o-grid>[data-size='7'],.o-grid>[data-size~='sm:7']{
  width:calc(100% * 7 / 24)
}

.o-grid>[data-size='8'],.o-grid>[data-size~='sm:8']{
  width:calc(100% * 8 / 24)
}

.o-grid>[data-size='9'],.o-grid>[data-size~='sm:9']{
  width:calc(100% * 9 / 24)
}

.o-grid>[data-size='10'],.o-grid>[data-size~='sm:10']{
  width:calc(100% * 10 / 24)
}

.o-grid>[data-size='11'],.o-grid>[data-size~='sm:11']{
  width:calc(100% * 11 / 24)
}

.o-grid>[data-size='12'],.o-grid>[data-size~='sm:12']{
  width:calc(100% * 12 / 24)
}

.o-grid>[data-size='13'],.o-grid>[data-size~='sm:13']{
  width:calc(100% * 13 / 24)
}

.o-grid>[data-size='14'],.o-grid>[data-size~='sm:14']{
  width:calc(100% * 14 / 24)
}

.o-grid>[data-size='15'],.o-grid>[data-size~='sm:15']{
  width:calc(100% * 15 / 24)
}

.o-grid>[data-size='16'],.o-grid>[data-size~='sm:16']{
  width:calc(100% * 16 / 24)
}

.o-grid>[data-size='17'],.o-grid>[data-size~='sm:17']{
  width:calc(100% * 17 / 24)
}

.o-grid>[data-size='18'],.o-grid>[data-size~='sm:18']{
  width:calc(100% * 18 / 24)
}

.o-grid>[data-size='19'],.o-grid>[data-size~='sm:19']{
  width:calc(100% * 19 / 24)
}

.o-grid>[data-size='20'],.o-grid>[data-size~='sm:20']{
  width:calc(100% * 20 / 24)
}

.o-grid>[data-size='21'],.o-grid>[data-size~='sm:21']{
  width:calc(100% * 21 / 24)
}

.o-grid>[data-size='22'],.o-grid>[data-size~='sm:22']{
  width:calc(100% * 22 / 24)
}

.o-grid>[data-size='23'],.o-grid>[data-size~='sm:23']{
  width:calc(100% * 23 / 24)
}

.o-grid>[data-size='24'],.o-grid>[data-size~='sm:24']{
  width:calc(100% * 24 / 24)
}

@media screen and (min-width: 600px){
  .o-grid>[data-size~='md:1']{
    width:calc(100% * 1 / 24)
  }

  .o-grid>[data-size~='md:2']{
    width:calc(100% * 2 / 24)
  }

  .o-grid>[data-size~='md:3']{
    width:calc(100% * 3 / 24)
  }

  .o-grid>[data-size~='md:4']{
    width:calc(100% * 4 / 24)
  }

  .o-grid>[data-size~='md:5']{
    width:calc(100% * 5 / 24)
  }

  .o-grid>[data-size~='md:6']{
    width:calc(100% * 6 / 24)
  }

  .o-grid>[data-size~='md:7']{
    width:calc(100% * 7 / 24)
  }

  .o-grid>[data-size~='md:8']{
    width:calc(100% * 8 / 24)
  }

  .o-grid>[data-size~='md:9']{
    width:calc(100% * 9 / 24)
  }

  .o-grid>[data-size~='md:10']{
    width:calc(100% * 10 / 24)
  }

  .o-grid>[data-size~='md:11']{
    width:calc(100% * 11 / 24)
  }

  .o-grid>[data-size~='md:12']{
    width:calc(100% * 12 / 24)
  }

  .o-grid>[data-size~='md:13']{
    width:calc(100% * 13 / 24)
  }

  .o-grid>[data-size~='md:14']{
    width:calc(100% * 14 / 24)
  }

  .o-grid>[data-size~='md:15']{
    width:calc(100% * 15 / 24)
  }

  .o-grid>[data-size~='md:16']{
    width:calc(100% * 16 / 24)
  }

  .o-grid>[data-size~='md:17']{
    width:calc(100% * 17 / 24)
  }

  .o-grid>[data-size~='md:18']{
    width:calc(100% * 18 / 24)
  }

  .o-grid>[data-size~='md:19']{
    width:calc(100% * 19 / 24)
  }

  .o-grid>[data-size~='md:20']{
    width:calc(100% * 20 / 24)
  }

  .o-grid>[data-size~='md:21']{
    width:calc(100% * 21 / 24)
  }

  .o-grid>[data-size~='md:22']{
    width:calc(100% * 22 / 24)
  }

  .o-grid>[data-size~='md:23']{
    width:calc(100% * 23 / 24)
  }

  .o-grid>[data-size~='md:24']{
    width:calc(100% * 24 / 24)
  }
}

@media screen and (min-width: 1000px){
  .o-grid>[data-size~='lg:1']{
    width:calc(100% * 1 / 24)
  }

  .o-grid>[data-size~='lg:2']{
    width:calc(100% * 2 / 24)
  }

  .o-grid>[data-size~='lg:3']{
    width:calc(100% * 3 / 24)
  }

  .o-grid>[data-size~='lg:4']{
    width:calc(100% * 4 / 24)
  }

  .o-grid>[data-size~='lg:5']{
    width:calc(100% * 5 / 24)
  }

  .o-grid>[data-size~='lg:6']{
    width:calc(100% * 6 / 24)
  }

  .o-grid>[data-size~='lg:7']{
    width:calc(100% * 7 / 24)
  }

  .o-grid>[data-size~='lg:8']{
    width:calc(100% * 8 / 24)
  }

  .o-grid>[data-size~='lg:9']{
    width:calc(100% * 9 / 24)
  }

  .o-grid>[data-size~='lg:10']{
    width:calc(100% * 10 / 24)
  }

  .o-grid>[data-size~='lg:11']{
    width:calc(100% * 11 / 24)
  }

  .o-grid>[data-size~='lg:12']{
    width:calc(100% * 12 / 24)
  }

  .o-grid>[data-size~='lg:13']{
    width:calc(100% * 13 / 24)
  }

  .o-grid>[data-size~='lg:14']{
    width:calc(100% * 14 / 24)
  }

  .o-grid>[data-size~='lg:15']{
    width:calc(100% * 15 / 24)
  }

  .o-grid>[data-size~='lg:16']{
    width:calc(100% * 16 / 24)
  }

  .o-grid>[data-size~='lg:17']{
    width:calc(100% * 17 / 24)
  }

  .o-grid>[data-size~='lg:18']{
    width:calc(100% * 18 / 24)
  }

  .o-grid>[data-size~='lg:19']{
    width:calc(100% * 19 / 24)
  }

  .o-grid>[data-size~='lg:20']{
    width:calc(100% * 20 / 24)
  }

  .o-grid>[data-size~='lg:21']{
    width:calc(100% * 21 / 24)
  }

  .o-grid>[data-size~='lg:22']{
    width:calc(100% * 22 / 24)
  }

  .o-grid>[data-size~='lg:23']{
    width:calc(100% * 23 / 24)
  }

  .o-grid>[data-size~='lg:24']{
    width:calc(100% * 24 / 24)
  }
}

@media screen and (min-width: 1400px){
  .o-grid>[data-size~='xl:1']{
    width:calc(100% * 1 / 24)
  }

  .o-grid>[data-size~='xl:2']{
    width:calc(100% * 2 / 24)
  }

  .o-grid>[data-size~='xl:3']{
    width:calc(100% * 3 / 24)
  }

  .o-grid>[data-size~='xl:4']{
    width:calc(100% * 4 / 24)
  }

  .o-grid>[data-size~='xl:5']{
    width:calc(100% * 5 / 24)
  }

  .o-grid>[data-size~='xl:6']{
    width:calc(100% * 6 / 24)
  }

  .o-grid>[data-size~='xl:7']{
    width:calc(100% * 7 / 24)
  }

  .o-grid>[data-size~='xl:8']{
    width:calc(100% * 8 / 24)
  }

  .o-grid>[data-size~='xl:9']{
    width:calc(100% * 9 / 24)
  }

  .o-grid>[data-size~='xl:10']{
    width:calc(100% * 10 / 24)
  }

  .o-grid>[data-size~='xl:11']{
    width:calc(100% * 11 / 24)
  }

  .o-grid>[data-size~='xl:12']{
    width:calc(100% * 12 / 24)
  }

  .o-grid>[data-size~='xl:13']{
    width:calc(100% * 13 / 24)
  }

  .o-grid>[data-size~='xl:14']{
    width:calc(100% * 14 / 24)
  }

  .o-grid>[data-size~='xl:15']{
    width:calc(100% * 15 / 24)
  }

  .o-grid>[data-size~='xl:16']{
    width:calc(100% * 16 / 24)
  }

  .o-grid>[data-size~='xl:17']{
    width:calc(100% * 17 / 24)
  }

  .o-grid>[data-size~='xl:18']{
    width:calc(100% * 18 / 24)
  }

  .o-grid>[data-size~='xl:19']{
    width:calc(100% * 19 / 24)
  }

  .o-grid>[data-size~='xl:20']{
    width:calc(100% * 20 / 24)
  }

  .o-grid>[data-size~='xl:21']{
    width:calc(100% * 21 / 24)
  }

  .o-grid>[data-size~='xl:22']{
    width:calc(100% * 22 / 24)
  }

  .o-grid>[data-size~='xl:23']{
    width:calc(100% * 23 / 24)
  }

  .o-grid>[data-size~='xl:24']{
    width:calc(100% * 24 / 24)
  }
}

.o-space-between{
  display:flex;
  justify-content:space-between;
  flex-wrap:wrap;
  align-items:center
}

.o-width-limiter{
  max-width:1680px;
  margin-right:auto;
  margin-left:auto;
  padding-left:16px;
  padding-right:16px
}

@media screen and (min-width: 600px){
  .o-width-limiter{
    padding-left:40px;
    padding-right:40px
  }
}

@media screen and (min-width: 1000px){
  .o-width-limiter{
    padding-left:64px;
    padding-right:64px
  }
}

@media screen and (min-width: 1650px){
  .o-width-limiter{
    padding-left:128px;
    padding-right:128px
  }
}

@media screen and (min-width: 1000px){
  .o-width-limiter--mid{
    max-width:1024px
  }
}

@media screen and (min-width: 1000px) and (min-width: 1400px){
  .o-width-limiter--mid{
    max-width:1280px
  }
}

@media screen and (min-width: 1400px){
  .o-width-limiter--narrow{
    max-width:1280px
  }

  .o-width-limiter--full{
    max-width:none
  }
}

@media screen and (min-width: 1400px) and (min-width: 1650px){
  .o-width-limiter--narrow{
    max-width:1440px
  }
}

[class][class].c-action-list{
  counter-reset:li;
  list-style:none;
  margin:24px 0;
  text-align:center
}

@media screen and (min-width: 600px){
  [class][class].c-action-list{
    margin:40px 0
  }
}

@media screen and (min-width: 1000px){
  [class][class].c-action-list{
    margin:64px 0
  }
}

[class][class].c-action-list__item{
  position:relative;
  font-weight: 600
}

@media screen and (max-width: 599px){
  [class][class].c-action-list__item{
    padding:0 24px 16px
  }
}

[class][class].c-action-list__item span{
  display:block;
  font-weight: 400
}

@media screen and (min-width: 600px){
  [class][class].c-action-list__item span{
    font-size: 14px;
    font-weight: 400
  }
}

@media screen and (min-width: 600px) and (min-width: 1000px){
  [class][class].c-action-list__item span{
    font-size: 17px;
    font-weight: 400
  }
}

@media screen and (min-width: 1000px){
  [class][class].c-action-list__item span{
    font-family: TTNormsPro, Roboto, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.35
  }
}

@media screen and (min-width: 1000px) and (min-width: 1000px){
  [class][class].c-action-list__item span{
    font-size: 20px;
    font-weight: 400
  }
}

[class][class].c-action-list__item::before{
  font-size:47px;
  line-height:1;
  font-weight:700;
  content:counter(li);
  counter-increment:li;
  display:block;
  width:60px;
  height:60px;
  padding:9px 10px 11px;
  margin:0 auto 24px;
  color:#f4f3f0;
  background:linear-gradient(130deg, #41cd8c, #00b698);
  border-radius:50%;
  text-align:center;
  box-shadow:0 15px 20px -5px #c9c4b5;
  text-shadow:0 15px 20px #c9c4b5 inset
}

.c-activate-gift{
  padding-top:64px
}

@media screen and (min-width: 600px){
  .c-activate-gift{
    padding-top:128px
  }
}

@media screen and (min-width: 1000px){
  .c-activate-gift{
    padding-top:128px
  }
}

.c-activate-gift__graphic{
  display:block;
  max-width:60%;
  margin:0 auto 16px
}

@media screen and (min-width: 600px){
  .c-activate-gift__graphic{
    max-width:40%;
    margin-bottom:24px
  }
}

@media screen and (min-width: 1400px){
  .c-activate-gift__graphic{
    max-width:30%
  }
}

.c-activate-gift__heading{
  font-size: 28px;
  font-weight: 400;
  margin-bottom:16px;
  text-align:center
}

@media screen and (min-width: 600px){
  .c-activate-gift__heading{
    font-size: 36px;
    font-weight: 400;
    letter-spacing: -0.4px
  }
}

@media screen and (min-width: 1000px){
  .c-activate-gift__heading{
    font-size: 48px;
    font-weight: 400;
    letter-spacing: -0.4px;
    line-height: 1.175
  }
}

.c-activate-gift__heading b,.c-activate-gift__heading strong{
  font-weight: 700
}

@media screen and (min-width: 600px){
  .c-activate-gift__heading{
    font-size: 40px;
    font-weight: 400;
    letter-spacing: -0.4px;
    line-height: 1.175;
    margin-bottom:24px
  }
}

@media screen and (min-width: 600px) and (min-width: 351px){
  .c-activate-gift__heading{
    font-size: 48px;
    font-weight: 400;
    letter-spacing: -0.4px;
    line-height: 1.175
  }
}

@media screen and (min-width: 600px) and (min-width: 1000px){
  .c-activate-gift__heading{
    font-size: 56px;
    font-weight: 400;
    letter-spacing: -0.4px;
    line-height: 1.175
  }
}

@media screen and (min-width: 600px) and (min-width: 1650px){
  .c-activate-gift__heading{
    font-size: 64px;
    font-weight: 400;
    letter-spacing: -0.4px;
    line-height: 1.175
  }
}

@media screen and (min-width: 600px){
  .c-activate-gift__heading b,.c-activate-gift__heading strong{
    font-weight: 700
  }
}

.c-activate-gift__inner{
  text-align:center
}

.c-activate-gift__error{
  font-size: 14px;
  font-weight: 400;
  background:linear-gradient(130deg, #d75b5b, #b82d2d);
  color:#fff;
  box-shadow:0 5px 10px #d4d0c4;
  border-radius:8px;
  padding:16px 24px;
  font-weight:600;
  margin-bottom:40px
}

@media screen and (min-width: 1000px){
  .c-activate-gift__error{
    font-size: 17px;
    font-weight: 400
  }
}

.c-apple-error{
  background:#fff;
  border-radius:8px;
  margin-bottom:40px;
  padding:0 16px 24px;
  text-align:center
}

@media screen and (min-width: 600px){
  .c-apple-error{
    margin-bottom:64px
  }
}

@media screen and (min-width: 1000px){
  .c-apple-error{
    border-radius:16px;
    padding:0 24px 24px
  }
}

.c-apple-error__image{
  width:20%;
  margin-top:-5%
}

@media screen and (min-width: 600px){
  .c-apple-error__image{
    width:15%;
    margin-top:-10%
  }
}

.c-apple-error__text[class]{
  margin:0
}

.c-article-card{
  display:flex;
  flex-direction:column;
  position:relative;
  overflow:hidden;
  width:100%;
  box-shadow:0 27px 35px -20px rgba(0,0,0,0.2);
  border-bottom:0;
  background:#fff;
  border-radius:8px;
  transition:all 0.2s ease;
  text-decoration:none
}

.c-article-card:hover,.c-article-card:focus{
  box-shadow:0 30px 35px -20px rgba(0,0,0,0.2);
  transform:translateY(-3px)
}

.c-article-card__image-wrapper{
  position:relative;
  overflow:hidden;
  width:100%;
  padding-top:50%
}

.c-article-card__image-wrapper::after{
  content:'';
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  z-index:2;
  transition:all 0.2s ease;
  background:linear-gradient(162deg, rgba(0,0,0,0), rgba(42,94,166,0.6))
}

.c-article-card:hover .c-article-card__image-wrapper::after{
  opacity:0.3
}

.c-article-card__image{
  position:absolute;
  width:100%;
  top:0;
  right:0;
  bottom:0;
  left:0;
  z-index:1;
  border-radius:8px 8px 0 0
}

.c-article-card__image-placeholder{
  position:absolute;
  width:100%;
  top:0;
  right:0;
  bottom:0;
  left:0;
  z-index:1;
  background:#dedbd3 url(/media/loader-dc955571.gif) 50% 57% no-repeat;
  background-size:55px;
  border-radius:8px 8px 0 0
}

.c-article-card__image-placeholder--static{
  background:#dedbd3
}

.c-article-card__text-wrapper{
  font-size: 14px;
  font-weight: 400;
  color:#363636;
  margin:auto 0;
  padding:10px 8px 8px
}

@media screen and (min-width: 1000px){
  .c-article-card__text-wrapper{
    font-size: 17px;
    font-weight: 400
  }
}

@media screen and (min-width: 351px){
  .c-article-card__text-wrapper{
    padding-right:16px;
    padding-left:16px
  }
}

@media screen and (min-width: 600px){
  .c-article-card__text-wrapper{
    padding:12px 16px 12px
  }
}

@media screen and (min-width: 1000px){
  .c-article-card__text-wrapper{
    padding:10px 16px 8px
  }
}

.c-article-card__headline{
  display:block;
  font-weight:700;
  transition:background-image 0.2s ease
}

@supports ((-webkit-background-clip: text) or (background-clip: text)) or (-webkit-background-clip: text){
  .c-article-card__headline{
    background:#363636;
    color:transparent;
    -webkit-background-clip:text;
    background-clip:text
  }

  .c-article-card:hover .c-article-card__headline{
    background-image:linear-gradient(to right, #1b93d4, #6054b9)
  }
}

.c-article-footer{
  margin-top:64px;
  margin-bottom:40px
}

.c-article-footer__meta[class]{
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: calc(1em * 0.08);
  border-bottom:1px dotted #d4d0c4;
  padding-bottom:16px;
  color:#93896c;
  font-weight:400;
  margin-bottom:8px
}

@media screen and (min-width: 1000px){
  .c-article-footer__meta[class]{
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: calc(1em * 0.08)
  }
}

.c-article-footer__meta-link[class][class]{
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: calc(1em * 0.08);
  color:#d84a8a;
  font-weight:400;
  transition:color 0.2s ease
}

@media screen and (min-width: 1000px){
  .c-article-footer__meta-link[class][class]{
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: calc(1em * 0.08)
  }
}

.c-article-footer__meta-link[class][class]:hover,.c-article-footer__meta-link[class][class]:focus{
  color:#494436
}

.c-author:not(.c-author--big){
  font-size: 14px;
  font-weight: 400;
  background:#fff;
  margin-top:64px;
  padding:0 24px 24px;
  text-align:center;
  box-shadow:0 8px 30px -7px #d4d0c4
}

@media screen and (min-width: 1000px){
  .c-author:not(.c-author--big){
    font-size: 17px;
    font-weight: 400
  }
}

@media screen and (min-width: 600px){
  .c-author:not(.c-author--big){
    padding:0 24px 40px;
    margin-top:96px
  }
}

@media screen and (min-width: 1000px){
  .c-author:not(.c-author--big){
    padding-left:40px;
    padding-right:40px
  }
}

.c-author--big{
  font-size: 20px;
  font-weight: 400;
  text-align:center;
  position:relative;
  z-index:1
}

@media screen and (min-width: 1000px){
  .c-author--big{
    font-size: 24px;
    font-weight: 400
  }
}

@media screen and (min-width: 1650px){
  .c-author--big{
    font-size: 28px;
    font-weight: 400
  }
}

.c-author--big .c-author__avatar[class]{
  border-radius:50%;
  margin-bottom:24px;
  box-shadow:0 5px 15px rgba(113,24,64,0.25);
  width:70px;
  height:70px;
  margin-top:-35px
}

@media screen and (min-width: 600px){
  .c-author--big .c-author__avatar[class]{
    width:110px;
    height:110px;
    margin-top:-55px;
    box-shadow:0 7px 20px rgba(113,24,64,0.25)
  }
}

@media screen and (min-width: 1000px){
  .c-author--big .c-author__avatar[class]{
    width:140px;
    height:140px;
    margin-top:-70px;
    box-shadow:0 10px 30px rgba(113,24,64,0.25);
    margin-bottom:40px
  }
}

@media screen and (min-width: 1400px){
  .c-author--big .c-author__avatar[class]{
    width:200px;
    height:200px;
    margin-top:-100px
  }
}

.c-author:not(.c-author--big) .c-author__avatar{
  border-radius:50%;
  width:48px;
  height:48px;
  margin-top:-24px;
  margin-bottom:16px
}

@media screen and (min-width: 600px){
  .c-author:not(.c-author--big) .c-author__avatar{
    width:72px;
    height:72px;
    margin-top:-36px;
    margin-bottom:24px
  }
}

.c-author__bio[class]{
  margin-bottom:8px
}

@media screen and (min-width: 600px){
  .c-author__bio[class]{
    margin-bottom:16px
  }
}

.c-author__link[class],.c-author__link[class]:visited{
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: calc(1em * 0.08);
  display:inline-block;
  padding:16px 0 4px
}

@media screen and (min-width: 1000px){
  .c-author__link[class],.c-author__link[class]:visited{
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: calc(1em * 0.08)
  }
}

@media screen and (min-width: 1000px){
  .c-background-fill\@lg{
    overflow:hidden
  }

  .c-background-fill\@lg .c-background-fill__media{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:100%
  }

  .c-background-fill\@lg .c-background-fill__text{
    display:flex;
    justify-content:center
  }

  .c-background-fill\@lg .c-background-fill__child{
    position:relative;
    height:100%;
    z-index:1
  }
}

.c-blur--non-interactive{
  pointer-events:none
}

.c-blur--active{
  transition:background 0.1s ease-in-out
}

@supports (filter: blur(15px) brightness(40%)){
  .c-blur--active{
    filter:blur(15px);
    transition:filter 0.1s ease-in-out
  }
}

.c-bmi__input{
  position:relative;
  border-bottom:1px solid #41cd8c;
  text-align:left;
  display:inline-block;
  margin:25px 0 20px;
  width:80%;
  color:#767676
}

.c-bmi__input--select{
  width:calc(40% - 10px);
  margin-right:10px
}

.c-bmi__input--select+.c-bmi__input--select{
  margin-right:0;
  margin-left:10px
}

@media screen and (min-width: 600px){
  .c-bmi__input[class]{
    margin-left:10px;
    margin-right:10px;
    width:150px
  }

  .c-bmi__input--select[class]{
    width:75px
  }
}

.c-bmi__input input{
  height:1.5em
}

.c-bmi__input label{
  font-size: 14px;
  font-weight: 400;
  position:absolute;
  bottom:100%
}

@media screen and (min-width: 1000px){
  .c-bmi__input label{
    font-size: 17px;
    font-weight: 400
  }
}

.c-bmi__input select{
  display:block;
  height:calc(1.5em - 1px);
  width:100%;
  background:url(/media/select-arrow-324eae8b.svg) right 1px top 45% no-repeat;
  background-size:9px 5px;
  -webkit-appearance:unset;
  -moz-appearance:unset
}

.c-bmi__fake-label{
  font-size: 14px;
  font-weight: 400;
  position:absolute;
  bottom:calc(100% + 1px);
  width:200%
}

@media screen and (min-width: 1000px){
  .c-bmi__fake-label{
    font-size: 17px;
    font-weight: 400
  }
}

.c-bmi__result-heading[class]{
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: calc(1em * 0.08);
  margin:0 0 4px
}

@media screen and (min-width: 1000px){
  .c-bmi__result-heading[class]{
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: calc(1em * 0.08)
  }
}

@media screen and (min-width: 600px){
  .c-bmi__result-heading[class]{
    margin-bottom:8px
  }
}

@media screen and (min-width: 1000px){
  .c-bmi__result-heading[class]{
    margin-bottom:16px
  }
}

.c-bmi__result-number[class]{
  font-size: 40px;
  font-weight: 400;
  letter-spacing: -0.4px;
  line-height: 1.175;
  margin-bottom:16px
}

@media screen and (min-width: 351px){
  .c-bmi__result-number[class]{
    font-size: 48px;
    font-weight: 400;
    letter-spacing: -0.4px;
    line-height: 1.175
  }
}

@media screen and (min-width: 600px){
  .c-bmi__result-number[class]{
    font-size: 64px;
    font-weight: 400;
    letter-spacing: -0.4px;
    line-height: 1.175
  }
}

@media screen and (min-width: 1000px){
  .c-bmi__result-number[class]{
    font-size: 72px;
    font-weight: 400;
    letter-spacing: -0.4px;
    line-height: 1.175
  }
}

.c-bmi__result-number[class] b,.c-bmi__result-number[class] strong{
  font-weight: 700
}

.c-bmi__result--good .c-bmi__result-number[class]{
  color:#3fd6b3
}

.c-bmi__result--okay .c-bmi__result-number[class]{
  color:#48abec
}

.c-bmi__result--bad .c-bmi__result-number[class]{
  color:#9879c3
}

.c-bmi__result-smiley{
  position:relative;
  top:3px;
  margin-left:10px;
  width:32px;
  height:32px
}

@media screen and (min-width: 351px){
  .c-bmi__result-smiley{
    top:5px;
    width:38px;
    height:38px
  }
}

@media screen and (min-width: 600px){
  .c-bmi__result-smiley{
    margin-left:15px;
    width:58px;
    height:58px
  }
}

@media screen and (min-width: 1000px){
  .c-bmi__result-smiley{
    margin-left:20px;
    width:70px;
    height:70px
  }
}

@media screen and (min-width: 1650px){
  .c-bmi__result-smiley{
    margin-left:25px;
    width:80px;
    height:80px
  }
}

.c-bmi__result-text{
  font-size: 24px;
  font-weight: 400;
  padding-bottom:40px
}

@media screen and (min-width: 1650px){
  .c-bmi__result-text{
    font-size: 32px;
    font-weight: 400;
    letter-spacing: -0.4px
  }
}

.c-bmi__fine-print{
  font-size: 14px;
  font-weight: 400;
  display:block;
  margin:40px 0 -16px 0
}

@media screen and (min-width: 600px){
  .c-bmi__fine-print{
    margin:64px 0 -16px 0
  }
}

@media screen and (min-width: 1000px){
  .c-bmi__fine-print{
    margin:64px 16px -24px 16px
  }
}

.c-bmi__scale{
  position:relative;
  height:2px;
  background:#eee
}

.c-bmi__scale::before{
  content:'';
  position:absolute;
  width:calc((25% - 18.5%) * (100 / 30));
  right:50%;
  height:2px
}

.c-bmi__result--good .c-bmi__scale::before{
  background:linear-gradient(to right, rgba(255,255,255,0) 0, #3fd6b3 33%, #3fd6b3 66%, rgba(255,255,255,0) 100%)
}

.c-bmi__result--okay .c-bmi__scale::before{
  background:linear-gradient(to right, rgba(255,255,255,0) 0, #48abec 33%, #48abec 66%, rgba(255,255,255,0) 100%)
}

.c-bmi__result--bad .c-bmi__scale::before{
  background:linear-gradient(to right, rgba(255,255,255,0) 0, #9879c3 33%, #9879c3 66%, rgba(255,255,255,0) 100%)
}

.c-bmi__scale-low,.c-bmi__scale-high,.c-bmi__healthy-range{
  font-size: 14px;
  font-weight: 400;
  color:#555;
  position:absolute;
  left:0;
  top:-22px
}

.c-bmi__scale-high{
  left:auto;
  right:0
}

.c-bmi__healthy-range{
  left:auto;
  right:50%;
  width:calc((25% - 18.5%) * (100 / 30));
  border-bottom:1px solid #bbb;
  top:-32px
}

.c-bmi__healthy-range::before,.c-bmi__healthy-range::after{
  content:'';
  position:absolute;
  top:100%;
  left:0;
  width:1px;
  height:5px;
  background:#bbb
}

@media screen and (max-width: 599px){
  .c-bmi__healthy-range{
    display:none
  }
}

.c-bmi__healthy-range::after{
  left:auto;
  right:0
}

.c-bmi__healthy-range span{
  background:#fff;
  padding:0 2px;
  position:relative;
  top:10px
}

.c-bmi__scale-marker{
  position:absolute;
  top:10px;
  width:0;
  transition:left 1s ease-in-out
}

.c-bmi__scale-marker::after{
  content:'';
  position:absolute;
  top:0;
  left:-10px;
  border-left:10px solid transparent;
  border-right:10px solid transparent
}

.c-bmi__result--good .c-bmi__scale-marker::after{
  border-bottom:10px solid #3fd6b3
}

.c-bmi__result--okay .c-bmi__scale-marker::after{
  border-bottom:10px solid #48abec
}

.c-bmi__result--bad .c-bmi__scale-marker::after{
  border-bottom:10px solid #9879c3
}

[class].c-bmi__cta{
  font-size: 24px;
  font-weight: 400;
  margin-top:40px;
  opacity:0;
  transform:translateY(20px);
  transition:all 0.5s ease
}

@media screen and (min-width: 1650px){
  [class].c-bmi__cta{
    font-size: 32px;
    font-weight: 400;
    letter-spacing: -0.4px
  }
}

@media screen and (min-width: 600px){
  [class].c-bmi__cta{
    margin-top:64px
  }
}

[class].c-bmi__cta--appear{
  opacity:1;
  transform:none
}

[class].c-bmi__cta p{
  margin-bottom:16px
}

.c-button[class][class]{
  display:inline-block;
  color:#000;
  background:#fff;
  border-radius:100px;
  border:1px solid #e8e8e8;
  box-shadow:0 8px 40px 0 rgba(0,0,0,0.1);
  text-decoration:none;
  min-width:75%;
  transition:all 0.3s ease;
  text-align:center;
  vertical-align:top;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: calc(1em * 0.08)
}

@media screen and (min-width: 1000px){
  .c-button[class][class]{
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: calc(1em * 0.08)
  }
}

@media screen and (min-width: 451px){
  .c-button[class][class]{
    min-width:300px
  }
}

@media screen and (min-width: 1000px){
  .c-button[class][class]{
    min-width:330px
  }
}

.c-button[class][class]:hover,.c-button[class][class]:focus{
  color:#3caae6;
  transform:translateY(-3px);
  box-shadow:0 14px 40px 0 rgba(0,0,0,0.1)
}

.c-button[class][class]:hover>span::before,.c-button[class][class]:focus>span::before{
  opacity:1
}

.c-button--inline[class][class]{
  min-width:0
}

.c-button--block[class][class]{
  min-width:0;
  width:100%
}

.c-button[class][class]:disabled{
  opacity:0.35;
  filter:grayscale(1);
  cursor:not-allowed
}

.c-button[class][class]>span{
  display:block;
  position:relative;
  padding:16px 24px
}

@media screen and (min-width: 600px){
  .c-button[class][class]>span{
    padding-left:40px;
    padding-right:40px
  }
}

@media screen and (min-width: 1000px){
  .c-button[class][class]>span{
    padding:20px 32px
  }
}

.c-button[class][class]>span::before{
  content:'';
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  z-index:-1;
  border-radius:100px;
  opacity:0;
  transition:opacity 0.3s ease;
  background:linear-gradient(130deg, #fff, #fafaf5)
}

.c-button--choice[class][class]{
  text-transform:none;
  letter-spacing:normal;
  opacity:0;
  font-family: TTNormsPro, Roboto, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.35;
  animation:fade-in 0.8s forwards
}

@media screen and (min-width: 1000px){
  .c-button--choice[class][class]{
    font-size: 20px;
    font-weight: 400
  }
}

.c-button--choice[class][class]>span{
  padding-top:8px;
  padding-bottom:8px
}

@media screen and (min-width: 1000px){
  .c-button--choice[class][class]>span{
    padding-top:12px;
    padding-bottom:12px
  }
}

.c-button--choice[class][class]:not(.c-button--primary)>span{
  color:#41cd8c;
  font-weight:600
}

.c-button--choice[class][class]+.c-button--choice[class][class]{
  animation-delay:0.2s
}

.c-button--choice[class][class]+.c-button--choice[class][class]+.c-button--choice[class][class]{
  animation-delay:0.4s
}

@keyframes fade-in{
  0%{
    transform:translateY(10px);
    opacity:0
  }

  100%{
    transform:translateY(0);
    opacity:1
  }
}

.c-button--choice-small-text[class][class]{
  display:block;
  font-size: 14px;
  font-weight: 400;
  margin-top: 2px;
  margin-bottom: 2px
}

.c-button:not(.c-button--primary) .c-button--choice-small-text[class][class]{
  font-weight:400;
  color:#363636
}

.c-button--primary[class][class]{
  background:linear-gradient(130deg, #41cd8c, #00b698);
  border:none;
  box-shadow:0 8px 40px -5px #a6e8c9;
  color:#fff
}

.c-button--primary[class][class]>span::before{
  background:linear-gradient(130deg, #7eddb1, #00b698)
}

.c-button--primary[class][class]:hover,.c-button--primary[class][class]:focus{
  color:#fff;
  box-shadow:0 14px 40px -5px #a6e8c9
}

.c-button--premium[class][class]{
  background:linear-gradient(130deg, #ffa634, #ff435b);
  border:none;
  box-shadow:0 8px 40px 0 rgba(255,102,92,0.45);
  color:#fff
}

.c-button--premium[class][class]>span::before{
  background:linear-gradient(130deg, #ffb300, rgba(255,67,91,0))
}

.c-button--premium[class][class]:hover,.c-button--premium[class][class]:focus{
  color:#fff;
  box-shadow:0 14px 40px 0 rgba(255,102,92,0.45)
}

.c-button--warning[class][class]{
  background:linear-gradient(130deg, #d75b5b, #b82d2d);
  border:none;
  box-shadow:0 8px 40px 0 rgba(210,70,70,0.45);
  color:#fff
}

.c-button--warning[class][class]>span::before{
  background:linear-gradient(130deg, #de7777, #b82d2d)
}

.c-button--warning[class][class]:hover,.c-button--warning[class][class]:focus{
  color:#fff;
  box-shadow:0 14px 40px 0 rgba(210,70,70,0.45)
}

.c-button--fb[class][class]{
  background:linear-gradient(97deg, #6280c2, #3f65bb);
  box-shadow:0 8px 40px 0 rgba(0,35,115,0.25);
  border:none;
  color:#fff
}

.c-button--fb[class][class]>span::before{
  background:linear-gradient(130deg, #748fc9, rgba(255,67,91,0))
}

.c-button--fb[class][class]:hover,.c-button--fb[class][class]:focus{
  color:#fff;
  box-shadow:0 14px 40px 0 rgba(0,35,115,0.25)
}

.c-button--shadow-black[class][class]{
  box-shadow:0 8px 40px 0 rgba(0,0,0,0.35)
}

.c-button--shadow-black[class][class]:hover,.c-button--shadow-black[class][class]:focus{
  box-shadow:0 14px 40px 0 rgba(0,0,0,0.35)
}

.c-button__icon{
  position:relative;
  display:inline-block;
  vertical-align:top;
  margin-right:8px
}

.c-button__icon::before{
  position:absolute;
  top:0;
  left:0
}

.c-button__icon--letter{
  width:21px
}

.c-button__icon--letter::before{
  content:url(/media/letter-77a3f768.svg);
  top:1px;
  width:21px;
  height:15px
}

.c-button__icon--fb{
  width:21px
}

.c-button__icon--fb::before{
  content:url(/media/fb-2f850edd.svg);
  top:-3px;
  width:21px;
  height:21px
}

.c-button__icon--apple{
  width:23px
}

.c-button__icon--apple::before{
  content:url(/media/apple-icon-ab01a65a.svg);
  top:-7px;
  width:23px;
  height:28px
}

.c-buy-gift:not(.c-buy-gift--complete){
  background:#fff;
  padding-bottom:64px
}

@media screen and (min-width: 600px){
  .c-buy-gift:not(.c-buy-gift--complete){
    padding-bottom:96px
  }
}

.c-buy-gift__top{
  position:relative;
  padding-top:64px;
  padding-bottom:40px;
  text-align:center;
  background:#f4f3f0
}

@media screen and (min-width: 600px){
  .c-buy-gift__top{
    padding-top:128px
  }
}

@media screen and (min-width: 1000px){
  .c-buy-gift__top{
    padding-top:128px;
    padding-bottom:96px;
    margin-bottom:96px
  }
}

.c-buy-gift--complete .c-buy-gift__top{
  padding-bottom:0;
  margin-bottom:0
}

@media screen and (min-width: 1000px){
  .c-buy-gift__top-text{
    text-align:left
  }
}

.c-buy-gift__top-graphic{
  max-width:50%;
  margin-bottom:16px
}

@media screen and (min-width: 600px){
  .c-buy-gift__top-graphic{
    max-width:40%;
    margin-bottom:24px
  }
}

@media screen and (min-width: 1000px){
  .c-buy-gift__top-graphic{
    margin-bottom:64px
  }
}

.c-buy-gift--complete .c-buy-gift__top-graphic{
  margin-bottom:0;
  margin-top:40px
}

@media screen and (min-width: 1000px){
  .c-buy-gift--complete .c-buy-gift__top-graphic{
    margin-top:64px
  }
}

.c-buy-gift__card-graphic{
  display:block;
  width:200px;
  margin-top:-55px;
  margin-left:auto;
  margin-right:auto
}

@media screen and (min-width: 600px){
  .c-buy-gift__card-graphic{
    width:250px;
    margin-top:-70px;
    margin-bottom:-30px
  }
}

@media screen and (min-width: 1000px){
  .c-buy-gift__card-graphic{
    width:300px;
    margin-top:-90px
  }
}

.c-buy-gift__main-heading{
  font-size: 28px;
  font-weight: 400;
  margin-bottom:16px
}

@media screen and (min-width: 600px){
  .c-buy-gift__main-heading{
    font-size: 36px;
    font-weight: 400;
    letter-spacing: -0.4px
  }
}

@media screen and (min-width: 1000px){
  .c-buy-gift__main-heading{
    font-size: 48px;
    font-weight: 400;
    letter-spacing: -0.4px;
    line-height: 1.175
  }
}

.c-buy-gift__main-heading b,.c-buy-gift__main-heading strong{
  font-weight: 700
}

@media screen and (min-width: 600px){
  .c-buy-gift__main-heading{
    margin-bottom:24px
  }
}

.c-buy-gift__currency{
  display:flex;
  flex-direction:row;
  justify-content:center;
  margin-top:16px
}

@media screen and (min-width: 1000px){
  .c-buy-gift__currency{
    margin-top:40px;
    justify-content:start
  }
}

.c-buy-gift__check{
  width:30px;
  height:30px;
  margin:auto;
  margin-top:16px
}

@media screen and (min-width: 600px){
  .c-buy-gift__check{
    width:40px;
    height:40px;
    margin-top:0
  }
}

@media screen and (min-width: 1000px){
  .c-buy-gift__check{
    width:50px;
    height:50px;
    margin-bottom:8px
  }
}

.c-buy-gift__curve{
  position:absolute;
  bottom:-1px;
  left:0;
  z-index:1
}

.c-buy-gift__payment{
  position:relative;
  margin:24px auto 0;
  width:100%
}

@media screen and (min-width: 1000px){
  .c-buy-gift__payment{
    margin-top:0
  }
}

.c-buy-gift__sale-info{
  display:inline-flex;
  text-align:left;
  align-items:center
}

.c-buy-gift__sale-heading{
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: calc(1em * 0.08);
  display:block
}

@media screen and (min-width: 1000px){
  .c-buy-gift__sale-heading{
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: calc(1em * 0.08)
  }
}

.c-buy-gift__price{
  display:inline-block;
  font-weight:600;
  color:#41cd8c
}

.c-buy-gift__price del{
  font-size: 24px;
  font-weight: 400;
  color:#363636;
  font-weight:600;
  text-decoration:none;
  position:relative;
  margin-right:4px
}

@media screen and (min-width: 1650px){
  .c-buy-gift__price del{
    font-size: 32px;
    font-weight: 400;
    letter-spacing: -0.4px
  }
}

.c-buy-gift__price ins{
  text-decoration:none
}

.c-cal-burn__inputs{
  display:flex;
  justify-content:space-between
}

.c-cal-burn__input{
  position:relative;
  border-bottom:1px solid #41cd8c;
  text-align:left;
  display:inline-block;
  margin:25px 0 20px;
  color:#767676
}

.c-cal-burn__input input{
  height:1.5em
}

.c-cal-burn__input label{
  font-size: 14px;
  font-weight: 400;
  position:absolute;
  bottom:100%
}

@media screen and (min-width: 1000px){
  .c-cal-burn__input label{
    font-size: 17px;
    font-weight: 400
  }
}

.c-cal-burn__input--long{
  width:60%
}

@media screen and (min-width: 600px){
  .c-cal-burn__input--long{
    width:65%
  }
}

.c-cal-burn__input--short{
  width:35%
}

@media screen and (min-width: 600px){
  .c-cal-burn__input--short{
    width:30%
  }
}

.c-cal-burn__hits[class][class]{
  text-align:left;
  margin:0;
  box-shadow:none;
  width:100%
}

.c-cal-burn__hits[class][class] th,.c-cal-burn__hits[class][class] td{
  padding-left:0;
  border-bottom:1px solid #eee
}

.c-cal-burn__hits[class][class] td{
  padding-top:16px
}

.c-cal-burn__hits[class][class] b{
  font-weight:600;
  opacity:0.8
}

.c-cal-burn__hits[class][class] th:last-child,.c-cal-burn__hits[class][class] td:last-child{
  padding-right:0;
  padding-left:16px;
  text-align:right
}

.c-cal-burn__hits[class][class] tbody tr:last-child>td,.c-cal-burn__hits[class][class] tbody tr:last-child>th{
  border-bottom:0;
  padding-bottom:0
}

.c-cal-burn__no-hits[class]{
  margin-top:40px;
  margin-bottom:0;
  font-style:italic
}

[class].c-cal-burn__cta{
  font-size: 24px;
  font-weight: 400;
  margin-top:24px
}

@media screen and (min-width: 1650px){
  [class].c-cal-burn__cta{
    font-size: 32px;
    font-weight: 400;
    letter-spacing: -0.4px
  }
}

@media screen and (min-width: 600px){
  [class].c-cal-burn__cta{
    margin-top:40px
  }
}

[class].c-cal-burn__cta p{
  margin-bottom:16px
}

.c-cal-intake__input-wrapper{
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between
}

.c-cal-intake__input-wrapper [data-name]{
  flex-shrink:0;
  margin-bottom:24px
}

.c-cal-intake__input-wrapper [data-name='weight'],.c-cal-intake__input-wrapper [data-name='height']{
  flex-basis:calc(50% - 10px)
}

@media screen and (min-width: 600px){
  .c-cal-intake__input-wrapper [data-name='weight'],.c-cal-intake__input-wrapper [data-name='height']{
    flex-basis:calc(40% - 10px)
  }
}

.c-cal-intake__input-wrapper [data-name='age']{
  flex-basis:calc(50% - 10px)
}

@media screen and (min-width: 600px){
  .c-cal-intake__input-wrapper [data-name='age']{
    flex-basis:calc(20% - 10px)
  }
}

.c-cal-intake__input-wrapper [data-name='gender']{
  flex-basis:calc(50% - 10px)
}

@media screen and (min-width: 600px){
  .c-cal-intake__input-wrapper [data-name='gender']{
    flex-basis:calc(30% - 10px)
  }
}

.c-cal-intake__input-wrapper [data-name='goal']{
  flex-basis:100%
}

@media screen and (min-width: 600px){
  .c-cal-intake__input-wrapper [data-name='goal']{
    flex-basis:calc(70% - 10px)
  }
}

.c-cal-intake__input-wrapper [data-name='pal']{
  flex-grow:1;
  flex-basis:100%;
  margin-bottom:0
}

.c-cal-intake__input-split{
  display:flex;
  justify-content:space-between
}

.c-cal-intake__input-split>div{
  flex-basis:calc(50% - 10px)
}

.c-cal-intake__input{
  position:relative;
  border-bottom:1px solid #41cd8c;
  text-align:left;
  margin:25px 0 0;
  color:#767676
}

.c-cal-intake__input--range{
  border-bottom:none
}

.c-cal-intake__input input{
  height:1.5em
}

.c-cal-intake__input label{
  font-size: 14px;
  font-weight: 400;
  position:absolute;
  bottom:100%
}

@media screen and (min-width: 1000px){
  .c-cal-intake__input label{
    font-size: 17px;
    font-weight: 400
  }
}

.c-cal-intake__input select{
  display:block;
  height:calc(1.5em - 1px);
  width:100%;
  background:url(/media/select-arrow-324eae8b.svg) right 1px top 45% no-repeat;
  background-size:9px 5px;
  -webkit-appearance:unset;
  -moz-appearance:unset
}

.c-cal-intake__input input[type='range']{
  -webkit-appearance:none;
  width:100%;
  margin:14.5px 0
}

.c-cal-intake__input input[type='range']::-webkit-slider-runnable-track{
  display:flex;
  width:100%;
  height:1px;
  cursor:ew-resize;
  background:#41cd8c
}

.c-cal-intake__input input[type='range']::-moz-range-track{
  display:flex;
  width:100%;
  height:1px;
  cursor:ew-resize;
  background:#41cd8c
}

.c-cal-intake__input input[type='range']::-ms-track{
  display:flex;
  width:100%;
  height:1px;
  cursor:ew-resize;
  background:#41cd8c;
  background:transparent;
  border-color:transparent;
  color:transparent
}

.c-cal-intake__input input[type='range']::-ms-fill-lower{
  background:#3dcc8a
}

.c-cal-intake__input input[type='range']::-ms-fill-upper{
  background:#d0d0d0
}

.c-cal-intake__input input[type='range']::-webkit-slider-thumb{
  align-self:center;
  height:28px;
  width:28px;
  border-radius:50%;
  background:#41cd8c;
  cursor:ew-resize;
  -webkit-appearance:none
}

.c-cal-intake__input input[type='range']::-moz-range-thumb{
  align-self:center;
  height:28px;
  width:28px;
  border-radius:50%;
  background:#41cd8c;
  cursor:ew-resize;
  -webkit-appearance:none
}

.c-cal-intake__input input[type='range']::-ms-thumb{
  align-self:center;
  height:28px;
  width:28px;
  border-radius:50%;
  background:#41cd8c;
  cursor:ew-resize;
  -webkit-appearance:none
}

.c-cal-intake__input input[type='range']:focus{
  outline:none
}

.c-cal-intake__input input[type='range']:focus::-webkit-slider-runnable-track{
  background:#45ce8e
}

.c-cal-intake__input input[type='range']:focus::-moz-range-track{
  background:#45ce8e
}

.c-cal-intake__input input[type='range']:focus::-ms-track{
  background:#45ce8e;
  background:transparent;
  border-color:transparent;
  color:transparent
}

.c-cal-intake__input input[type='range']:focus::-ms-fill-lower{
  background:#41cd8c
}

.c-cal-intake__input input[type='range']:focus::-ms-fill-upper{
  background:#d0d0d0
}

.c-cal-intake__range-wrapper{
  display:flex;
  justify-content:space-between
}

.c-cal-intake__range-input{
  margin:0 8px;
  flex-grow:1
}

.c-cal-intake__range-legend{
  font-size: 14px;
  font-weight: 400;
  position:relative;
  top:21px;
  text-transform:uppercase;
  letter-spacing:1px;
  font-weight:600;
  color:#41cd8c
}

@media screen and (min-width: 1000px){
  .c-cal-intake__range-legend{
    top:23px
  }
}

.c-cal-intake__range-example[class]{
  text-align:center;
  margin-bottom:0
}

.c-cal-intake__fake-label{
  font-size: 14px;
  font-weight: 400;
  position:absolute;
  bottom:calc(100% + 1px);
  width:200%
}

@media screen and (min-width: 1000px){
  .c-cal-intake__fake-label{
    font-size: 17px;
    font-weight: 400
  }
}

.c-cal-intake__radios[class]{
  display:inline-block;
  text-align:left
}

.c-cal-intake__radios-radio[class]{
  display:inline-block;
  margin-right:16px;
  width:auto
}

.c-cal-intake__radios-radio[class]:last-child{
  margin-right:0
}

.c-cal-intake__legend{
  font-size: 14px;
  font-weight: 400;
  color:#767676;
  margin-bottom:10px
}

@media screen and (min-width: 1000px){
  .c-cal-intake__legend{
    font-size: 17px;
    font-weight: 400
  }
}

.c-cal-intake__text-gap{
  text-indent:400%;
  overflow:hidden;
  display:inline-block;
  line-height:0.1;
  width:30px;
  border-bottom:1px solid grey
}

.c-cal-intake__result-heading[class]{
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: calc(1em * 0.08);
  margin:0 0 4px
}

@media screen and (min-width: 1000px){
  .c-cal-intake__result-heading[class]{
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: calc(1em * 0.08)
  }
}

@media screen and (min-width: 600px){
  .c-cal-intake__result-heading[class]{
    margin-bottom:8px
  }
}

.c-cal-intake__result-number[class][class]{
  font-size: 40px;
  font-weight: 400;
  letter-spacing: -0.4px;
  line-height: 1.175;
  display:block;
  letter-spacing:3px !important;
  color:#41cd8c
}

@media screen and (min-width: 351px){
  .c-cal-intake__result-number[class][class]{
    font-size: 48px;
    font-weight: 400;
    letter-spacing: -0.4px;
    line-height: 1.175
  }
}

@media screen and (min-width: 600px){
  .c-cal-intake__result-number[class][class]{
    font-size: 64px;
    font-weight: 400;
    letter-spacing: -0.4px;
    line-height: 1.175
  }
}

@media screen and (min-width: 1000px){
  .c-cal-intake__result-number[class][class]{
    font-size: 72px;
    font-weight: 400;
    letter-spacing: -0.4px;
    line-height: 1.175
  }
}

.c-cal-intake__result-number[class][class] b,.c-cal-intake__result-number[class][class] strong{
  font-weight: 700
}

@media screen and (max-width: 599px){
  .c-cal-intake__result-number[class][class]{
    font-size:60px
  }
}

.c-cal-intake__energy-switcher{
  font-size: 14px;
  font-weight: 400
}

.c-cal-intake__energy-switcher span{
  transition:border 0.2s ease;
  border-bottom:1px solid rgba(0,0,0,0.3)
}

.c-cal-intake__energy-switcher:hover span,.c-cal-intake__energy-switcher:focus span{
  border-bottom-color:#363636
}

[class].c-cal-intake__cta{
  font-size: 24px;
  font-weight: 400;
  margin-top:24px;
  opacity:0;
  transform:translateY(20px);
  transition:all 0.5s ease
}

@media screen and (min-width: 1650px){
  [class].c-cal-intake__cta{
    font-size: 32px;
    font-weight: 400;
    letter-spacing: -0.4px
  }
}

@media screen and (min-width: 600px){
  [class].c-cal-intake__cta{
    margin-top:40px
  }
}

[class].c-cal-intake__cta--appear{
  opacity:1;
  transform:none
}

[class].c-cal-intake__cta p{
  margin-bottom:16px
}

.c-cal-intake__fine-print{
  font-size: 14px;
  font-weight: 400;
  display:block;
  margin:40px 0 -8px 0
}

@media screen and (min-width: 600px){
  .c-cal-intake__fine-print{
    margin:64px 0 -16px 0
  }
}

@media screen and (min-width: 1000px){
  .c-cal-intake__fine-print{
    margin:64px 16px -24px 16px
  }
}

.c-calculator{
  position:relative;
  background:#fff;
  border-radius:8px;
  box-shadow:0 8px 30px -7px #beb8a6;
  margin-bottom:40px
}

@media screen and (min-width: 1000px){
  .c-calculator{
    margin-bottom:64px
  }
}

.c-calculator__inner{
  text-align:center;
  padding:64px 24px 24px
}

@media screen and (min-width: 600px){
  .c-calculator__inner{
    padding:40px
  }
}

@media screen and (min-width: 1000px){
  .c-calculator__inner{
    padding:64px
  }
}

.c-calculator__heading[class]{
  font-family: TTNormsPro, Roboto, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.35;
  border-radius:8px 8px 0 0;
  font-weight:bolder;
  background:linear-gradient(130deg, #41cd8c, #00b698);
  color:#fff;
  padding:14px 16px 10px;
  margin:0
}

@media screen and (min-width: 1000px){
  .c-calculator__heading[class]{
    font-size: 20px;
    font-weight: 400
  }
}

@media screen and (min-width: 600px){
  .c-calculator__heading[class]{
    padding-left:24px
  }
}

@media screen and (min-width: 1000px){
  .c-calculator__heading[class]{
    padding-left:40px
  }
}

.c-calculator__submit{
  margin-top:40px
}

.c-calculator__switcher{
  position:absolute;
  top:60px;
  left:50%;
  transform:translateX(-50%);
  width:100%
}

@media screen and (min-width: 351px){
  .c-calculator__switcher{
    width:auto;
    left:auto;
    transform:none;
    right:16px
  }
}

@media screen and (min-width: 600px){
  .c-calculator__switcher{
    top:12px;
    right:24px
  }
}

@media screen and (min-width: 1000px){
  .c-calculator__switcher{
    right:40px
  }
}

.c-calculator__switcher-button{
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: calc(1em * 0.08);
  padding:6px 10px 1px;
  border-radius:50px;
  color:#41cd8c
}

@media screen and (min-width: 1000px){
  .c-calculator__switcher-button{
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: calc(1em * 0.08)
  }
}

.c-calculator__switcher-button--active{
  background:linear-gradient(130deg, #41cd8c, #00b698);
  color:#fff
}

@media screen and (min-width: 600px){
  .c-calculator__switcher-button{
    color:#fff
  }

  .c-calculator__switcher-button--active{
    background:#fff;
    color:#41cd8c
  }
}

.c-calculator__back{
  position:absolute;
  display:block;
  top:75px;
  left:24px;
  width:20px;
  height:16px;
  text-indent:300%;
  overflow:hidden;
  white-space:nowrap;
  background:url(/media/arrow-back-a0027b23.svg) 0 0 no-repeat;
  cursor:pointer
}

@media screen and (min-width: 1000px){
  .c-calculator__back{
    left:40px
  }
}

.c-card-list{
  display:flex;
  align-items:top;
  justify-content:center;
  flex-wrap:wrap;
  margin-top:24px;
  margin-left:-10px;
  margin-right:-10px
}

@media screen and (min-width: 600px){
  .c-card-list{
    margin-top:40px
  }
}

@media screen and (min-width: 1000px){
  .c-card-list{
    margin-left:-20px;
    margin-right:-20px
  }
}

@media screen and (min-width: 1400px){
  .c-card-list{
    margin-left:-25px;
    margin-right:-25px
  }
}

.c-card-list__item{
  display:flex;
  margin:8px 10px 16px;
  flex-basis:100%
}

@media screen and (min-width: 600px){
  .c-card-list__item{
    flex-basis:calc(50% - 20px);
    margin-top:16px
  }
}

@media screen and (min-width: 1000px){
  .c-card-list__item{
    flex-basis:calc(100% / 3 - 40px);
    margin:24px 20px
  }
}

@media screen and (min-width: 1400px){
  .c-card-list__item{
    flex-basis:calc(25% - 50px);
    margin-left:25px;
    margin-right:25px
  }
}

.c-check{
  position:relative;
  width:100%
}

.c-check__input{
  position:absolute;
  left:-9999px
}

.c-check__label{
  padding-left:40px
}

@media screen and (min-width: 600px){
  .c-check__label{
    padding-left:45px
  }
}

.c-check__label::before{
  content:'';
  position:absolute;
  left:0;
  top:-3px;
  width:28px;
  height:28px;
  border:1px solid #41cd8c;
  border-radius:4px;
  transition:all 0.2s ease
}

@media screen and (min-width: 1400px){
  .c-check__label::before{
    top:0
  }
}

.c-check--purple .c-check__label::before{
  border-color:#8278c8
}

.c-check__input:checked+.c-check__label::before{
  background:#41cd8c;
  animation:pulse-check 0.5s ease-out forwards
}

.c-check--purple .c-check__input:checked+.c-check__label::before{
  background:#8278c8;
  animation:pulse-check-purple 0.5s ease-out forwards
}

@keyframes pulse-check{
  0%{
    transform:scale(1)
  }

  10%{
    transform:scale(0.7)
  }

  20%{
    box-shadow:0 0 0 0 #fff,0 0 0 1px #41cd8c
  }

  40%{
    transform:scale(1.1)
  }

  80%{
    transform:scale(1)
  }

  100%{
    box-shadow:0 0 0 8px #fff, 0 0 0 9px transparent
  }
}

@keyframes pulse-check-purple{
  0%{
    transform:scale(1)
  }

  10%{
    transform:scale(0.7)
  }

  20%{
    box-shadow:0 0 0 0 #fff,0 0 0 1px #8278c8
  }

  40%{
    transform:scale(1.1)
  }

  80%{
    transform:scale(1)
  }

  100%{
    box-shadow:0 0 0 8px #fff, 0 0 0 9px transparent
  }
}

.c-check__input:checked+.c-check__label::after{
  content:'';
  background:url(/media/check-white-afd5d82e.svg) 50% 50% no-repeat;
  position:absolute;
  top:2px;
  left:3px;
  width:22px;
  height:18px;
  background-size:65%
}

@media screen and (min-width: 1400px){
  .c-check__input:checked+.c-check__label::after{
    top:5px
  }
}

.c-check__input:not(:checked):hover+.c-check__label::before{
  border-color:#289965
}

.c-check--purple .c-check__input:not(:checked):hover+.c-check__label::before{
  border-color:#5346ad
}

[data-whatinput='keyboard'] .c-check__input:checked:focus+.c-check__label::before{
  background-color:#2ead72;
  border-color:#2ead72
}

.c-check--purple [data-whatinput='keyboard'] .c-check__input:checked:focus+.c-check__label::before{
  background-color:#6054b9;
  border-color:#6054b9
}

.c-check__label-text:after{
  position:absolute;
  content:'';
  top:-20px;
  right:-35px;
  left:-35px;
  bottom:-20px
}

.c-checkmark-list{
  text-align:left
}

.c-checkmark-list[class]{
  list-style:none;
  margin-left:0
}

.c-checkmark-list__item{
  background:url(/media/check-4c143a18.svg) 0 3px no-repeat;
  margin-bottom:4px;
  padding-left:25px;
  background-size:16px 13px
}

@media screen and (min-width: 600px){
  .c-checkmark-list__item{
    padding-left:30px;
    margin-bottom:8px
  }
}

@media screen and (min-width: 1000px){
  .c-checkmark-list__item{
    margin-bottom:16px;
    padding-left:35px;
    background-size:auto
  }
}

.c-checkmark-list__item:last-child{
  margin-bottom:0
}

@media screen and (min-width: 600px){
  .c-checkmark-list--one-row\@md{
    display:flex;
    justify-content:center;
    text-align:center
  }

  .c-checkmark-list--one-row\@md .c-checkmark-list__item{
    max-width:250px;
    padding:30px 15px 0;
    background-position:50% 0
  }
}

@media screen and (min-width: 600px) and (min-width: 600px){
  .c-checkmark-list--one-row\@md .c-checkmark-list__item{
    padding-top:35px;
    background-size:26px
  }
}

@media screen and (min-width: 600px) and (min-width: 1000px){
  .c-checkmark-list--one-row\@md .c-checkmark-list__item{
    padding-left:20px;
    padding-right:20px
  }
}

.c-checkmark-list--centered{
  font-family: TTNormsPro, Roboto, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.35;
  text-align:center;
  margin-top:24px
}

@media screen and (min-width: 1000px){
  .c-checkmark-list--centered{
    font-size: 20px;
    font-weight: 600
  }
}

@media screen and (min-width: 1000px){
  .c-checkmark-list--centered{
    margin-top:40px
  }
}

@media screen and (min-width: 1650px){
  .c-checkmark-list--centered{
    margin-top:64px
  }
}

.c-checkmark-list--centered.c-checkmark-list--nudged-up{
  margin-top:-8px;
  margin-bottom:40px
}

@media screen and (min-width: 600px){
  .c-checkmark-list--centered.c-checkmark-list--nudged-up{
    margin-top:-16px
  }
}

@media screen and (min-width: 1000px){
  .c-checkmark-list--centered.c-checkmark-list--nudged-up{
    margin-bottom:64px
  }
}

@media screen and (min-width: 1400px){
  .c-checkmark-list--centered.c-checkmark-list--nudged-up{
    margin-bottom:96px
  }
}

@media screen and (min-width: 1650px){
  .c-checkmark-list--centered.c-checkmark-list--nudged-up{
    margin-top:-24px
  }
}

.c-checkmark-list--centered li{
  display:inline-block;
  background:url(/media/check-white-afd5d82e.svg) 0 5px no-repeat;
  margin:4px 16px 8px;
  padding-left:22px;
  background-size:12px 10px;
  text-align:left
}

@media screen and (min-width: 1000px){
  .c-checkmark-list--centered li{
    background-size:16px 13px;
    padding-left:25px
  }
}

.c-choose-gender{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-height:380px
}

@media screen and (min-width: 1000px){
  .c-choose-gender{
    min-height:450px
  }
}

.c-choose-gender__heading{
  display:block;
  font-size: 28px;
  font-weight: 400
}

@media screen and (min-width: 1000px){
  .c-choose-gender__heading{
    font-size: 32px;
    font-weight: 400;
    letter-spacing: -0.4px
  }
}

@media screen and (min-width: 1650px){
  .c-choose-gender__heading{
    font-size: 40px;
    font-weight: 400;
    letter-spacing: -0.4px;
    line-height: 1.175
  }
}

.c-choose-gender__buttons{
  display:flex;
  justify-content:space-between;
  padding:16px 0;
  min-width:260px
}

@media screen and (min-width: 600px){
  .c-choose-gender__buttons{
    padding:16px 24px
  }
}

.c-choose-gender__buttons>*{
  margin:0 8px;
  flex:1 1 50%
}

.c-comments__list[class]{
  border-radius:8px;
  list-style:none;
  margin:0;
  background:#fff;
  box-shadow:0 8px 30px -7px #d4d0c4
}

.c-comments__comment{
  padding:24px 24px 4px
}

@media screen and (min-width: 600px){
  .c-comments__comment{
    padding:40px 24px 4px
  }
}

@media screen and (min-width: 1000px){
  .c-comments__comment{
    padding-left:40px;
    padding-right:40px
  }
}

.c-comments__comment+.c-comments__comment{
  border-top:1px solid #dedbd3
}

.c-comments__comment-heading[class]{
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: calc(1em * 0.08);
  margin-top:0
}

@media screen and (min-width: 1000px){
  .c-comments__comment-heading[class]{
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: calc(1em * 0.08)
  }
}

.c-comments__comment-text[class]>p{
  margin-bottom:1em
}

.c-comments__replies[class]{
  list-style:none;
  margin-left:20px
}

.c-comments__reply[class]{
  background:#f9e5ee;
  border-radius:8px;
  padding:24px 24px 4px;
  margin-bottom:24px
}

.c-comments__reply[class] h4{
  font-weight:400
}

@keyframes confetti-slow{
  0%{
    transform:translate3d(0, 0, 0) rotateX(0) rotateY(0)
  }

  100%{
    transform:translate3d(25px, 105vh, 0) rotateX(360deg) rotateY(180deg)
  }
}

@keyframes confetti-medium{
  0%{
    transform:translate3d(0, 0, 0) rotateX(0) rotateY(0)
  }

  100%{
    transform:translate3d(100px, 105vh, 0) rotateX(100deg) rotateY(360deg)
  }
}

@keyframes confetti-fast{
  0%{
    transform:translate3d(0, 0, 0) rotateX(0) rotateY(0)
  }

  100%{
    transform:translate3d(-50px, 105vh, 0) rotateX(10deg) rotateY(250deg)
  }
}

@keyframes confetti-fade{
  0%{
    opacity:1
  }

  100%{
    opacity:0
  }
}

.c-confetti{
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0;
  animation:confetti-fade 1s ease 4.5s forwards
}

.c-confetti__container{
  perspective:700px;
  position:absolute;
  overflow:hidden;
  top:0;
  right:0;
  bottom:0;
  left:0
}

.c-confetti__flake{
  position:absolute;
  z-index:1;
  top:-10px;
  border-radius:0
}

.c-confirm{
  display:flex;
  position:fixed;
  top:0;
  right:0;
  bottom:0;
  left:0;
  z-index:1337;
  justify-content:center;
  align-items:center;
  background:rgba(0,0,0,0);
  transition:background 0.25s ease
}

.c-confirm--appear{
  background:rgba(0,0,0,0.5)
}

.c-confirm__message{
  position:relative;
  margin:16px;
  background:#fff;
  border-radius:8px;
  opacity:0;
  transition:opacity 0.25s ease, transform 0.25s ease;
  transform:scale(0.6);
  text-align:center
}

@media screen and (min-width: 600px){
  .c-confirm__message{
    width:580px
  }
}

@media screen and (min-width: 1000px){
  .c-confirm__message{
    width:630px
  }
}

.c-confirm__message--appear{
  opacity:1;
  transform:scale(1)
}

.c-confirm__heading{
  font-size: 24px;
  font-weight: 400;
  padding:24px
}

@media screen and (min-width: 1650px){
  .c-confirm__heading{
    font-size: 32px;
    font-weight: 400;
    letter-spacing: -0.4px
  }
}

@media screen and (min-width: 600px){
  .c-confirm__heading{
    font-size: 28px;
    font-weight: 400;
    padding:40px 64px
  }
}

@media screen and (min-width: 600px) and (min-width: 1000px){
  .c-confirm__heading{
    font-size: 32px;
    font-weight: 400;
    letter-spacing: -0.4px
  }
}

@media screen and (min-width: 600px) and (min-width: 1650px){
  .c-confirm__heading{
    font-size: 40px;
    font-weight: 400;
    letter-spacing: -0.4px;
    line-height: 1.175
  }
}

.c-confirm__close{
  position:absolute;
  display:none;
  top:16px;
  right:16px;
  width:18px;
  height:18px;
  text-indent:300%;
  overflow:hidden;
  white-space:nowrap;
  background:url(/media/close-75869fa6.svg) 0 0 no-repeat;
  cursor:pointer
}

@media screen and (min-width: 600px){
  .c-confirm__close{
    display:block
  }
}

@media screen and (min-width: 1000px){
  .c-confirm__close{
    top:24px;
    right:24px
  }
}

.c-confirm__buttons-container{
  background:#f4f3f0;
  border-radius:0 0 8px 8px;
  padding:8px 16px
}

@media screen and (min-width: 600px){
  .c-confirm__buttons-container{
    padding:24px 64px
  }
}

.c-confirm__button[class][class]{
  margin:8px;
  min-width:115px
}

@media screen and (min-width: 600px){
  .c-confirm__button[class][class]{
    margin:0 16px;
    min-width:160px
  }
}

.c-content-area{
  margin:40px auto 64px
}

@media screen and (min-width: 600px){
  .c-content-area{
    margin:64px auto 128px
  }
}

@media screen and (min-width: 1000px){
  .c-content-area{
    margin:100px auto 128px
  }
}

@media screen and (min-width: 1400px){
  .c-content-area{
    margin:128px auto 192px
  }
}

.c-content-area--centered{
  text-align:center
}

.c-content-area__inner{
  position:relative;
  max-width:650px;
  margin-left:auto;
  margin-right:auto
}

@media screen and (min-width: 1650px){
  .c-content-area__inner{
    max-width:750px
  }
}

.c-content-area__inner--wide{
  max-width:800px
}

@media screen and (min-width: 1650px){
  .c-content-area__inner--wide{
    max-width:900px
  }
}

@media screen and (min-width: 1000px){
  .c-content-area__break-out{
    margin-left:-20%;
    margin-right:-20%
  }
}

@media screen and (min-width: 1400px){
  .c-content-area__break-out{
    margin-left:-19%;
    margin-right:-19%
  }
}

@media screen and (min-width: 1000px){
  img.c-content-area__break-out{
    max-width:140%
  }
}

@media screen and (min-width: 1400px){
  img.c-content-area__break-out{
    max-width:138%
  }
}

.c-content-area__main-image-wrapper{
  margin-top:-20px
}

@media screen and (min-width: 351px){
  .c-content-area__main-image-wrapper{
    margin-top:-30px
  }
}

@media screen and (min-width: 600px){
  .c-content-area__main-image-wrapper{
    margin-top:-40px
  }
}

@media screen and (min-width: 1000px){
  .c-content-area__main-image-wrapper{
    margin-top:-55px
  }
}

@media screen and (min-width: 1400px){
  .c-content-area__main-image-wrapper{
    margin-top:-75px
  }
}

.c-content-area__main-image{
  position:relative;
  margin-left:7.5%;
  width:85%;
  border-radius:8px;
  box-shadow:0 8px 30px -7px #847b61
}

@media screen and (min-width: 600px){
  .c-content-area__main-image{
    width:90%;
    margin-left:5%
  }
}

@media screen and (min-width: 1000px){
  .c-content-area__main-image{
    display:block;
    width:100%;
    max-width:1050px;
    margin-left:auto;
    margin-right:auto;
    border-radius:16px;
    box-shadow:0 16px 60px -10px #847b61
  }
}

.c-content-area__main-image-caption{
  font-size: 14px;
  font-weight: 400;
  font-style:italic;
  margin-top:24px;
  text-align:center;
  color:#67604b
}

@media screen and (min-width: 1000px){
  .c-content-area__main-image-caption{
    font-size: 17px;
    font-weight: 400
  }
}

@media screen and (min-width: 1000px){
  .c-content-area__main-image-caption{
    margin-top:32px
  }
}

.c-content-area__back{
  font-size: 20px;
  font-weight: 400;
  display:none
}

@media screen and (min-width: 1000px){
  .c-content-area__back{
    font-size: 24px;
    font-weight: 400
  }
}

@media screen and (min-width: 1650px){
  .c-content-area__back{
    font-size: 28px;
    font-weight: 400
  }
}

@media screen and (min-width: 1000px){
  .c-content-area__back{
    display:block;
    position:absolute;
    top:6px;
    right:100%;
    padding-right:64px;
    white-space:nowrap
  }
}

@media screen and (min-width: 1400px){
  .c-content-area__back{
    top:0;
    width:auto;
    padding-right:128px
  }
}

.c-content-area__back-link{
  display:block
}

.c-content-area__back-link::before{
  content:'← '
}

@media screen and (max-width: 1399px){
  .c-content-area__back-link::before{
    display:block;
    line-height:1;
    color:#b3ac98;
    border:1px solid;
    border-radius:50%;
    padding:8px 7px 4px;
    transition:all 0.2s ease
  }
}

@media screen and (max-width: 1399px){
  .c-content-area__back-link span{
    display:block;
    width:0;
    overflow:hidden
  }

  .c-content-area__back-link:hover::before,.c-content-area__back-link:focus::before{
    color:#363636
  }
}

.c-currency-switcher{
  font-size: 14px;
  font-weight: 400;
  display:inline-flex;
  flex-direction:row;
  align-items:center;
  position:relative;
  color:#767676
}

.c-currency-switcher__label{
  position:relative;
  z-index:10
}

.c-currency-switcher__background{
  position:absolute;
  top:-3px;
  right:-14px;
  bottom:-3px;
  left:-14px;
  padding:5px 14px 2px;
  border-radius:100px;
  transition:all 0.3s ease
}

.c-currency-switcher:hover{
  color:#555
}

.c-currency-switcher:hover .c-currency-switcher__background{
  background:rgba(0,0,0,0.03)
}

.c-currency-switcher__select{
  position:absolute;
  top:0;
  left:0;
  z-index:20;
  width:100%;
  height:100%;
  opacity:0
}

.c-divider{
  display:block;
  margin:24px;
  color:#777;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 400;
  letter-spacing: calc(1em * 0.08)
}

@media screen and (min-width: 1000px){
  .c-divider{
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: calc(1em * 0.08)
  }
}

@media screen and (min-width: 1000px){
  .c-divider{
    margin:40px
  }
}

.c-divider--light{
  color:#999
}

@media screen and (min-width: 1000px){
  .c-divider--light{
    margin:24px
  }
}

.c-divider__inner{
  display:inline-block;
  position:relative
}

.c-divider__inner::before,.c-divider__inner::after{
  content:'';
  position:absolute;
  top:calc(50% - 1px);
  right:calc(100% + 6px);
  height:1px;
  background:#555;
  width:100px
}

.c-divider__inner::after{
  right:auto;
  left:calc(100% + 4px)
}

.c-divider--light .c-divider__inner::before,.c-divider--light .c-divider__inner::after{
  background:#ccc
}

.c-edu-category-row{
  position:relative
}

.c-edu-category-row__header{
  display:flex;
  margin:24px 0 -24px;
  align-items:center;
  justify-content:space-between
}

@media screen and (min-width: 600px){
  .c-edu-category-row__header{
    margin-top:40px;
    justify-content:flex-start
  }
}

.c-edu-category-row__heading{
  font-size: 24px;
  font-weight: 400;
  font-weight:700;
  text-transform:uppercase
}

@media screen and (min-width: 1650px){
  .c-edu-category-row__heading{
    font-size: 32px;
    font-weight: 400;
    letter-spacing: -0.4px
  }
}

.c-edu-category-row__category-link{
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: calc(1em * 0.08);
  position:relative;
  z-index:10;
  margin:-4px 0 0 16px;
  color:#9e957a;
  text-decoration:none;
  font-weight:400
}

@media screen and (min-width: 1000px){
  .c-edu-category-row__category-link{
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: calc(1em * 0.08)
  }
}

@media screen and (min-width: 600px){
  .c-edu-category-row__category-link{
    margin-top:-2px;
    margin-left:40px
  }
}

.c-edu-category-row__button{
  position:absolute;
  top:calc(50% - 20px);
  z-index:10;
  width:40px;
  height:40px;
  opacity:0;
  transition:all 0.4s 0.5s ease-in-out;
  cursor:pointer
}

.c-edu-category-row__button-icon{
  display:block;
  width:40px;
  height:40px;
  background:50% 50% no-repeat;
  transition:all 0.15s ease-in-out;
  filter:drop-shadow(0 10px 10px #000)
}

.c-edu-category-row__button:hover .c-edu-category-row__button-icon{
  transform:scale(1.2)
}

.c-edu-category-row__button--forward{
  right:20px;
  transform:translateX(100%)
}

.c-edu-category-row__button--forward .c-edu-category-row__button-icon{
  background-image:url(/media/chevron-right-1ddcf2aa.svg)
}

.c-edu-category-row__button--back{
  left:20px;
  transform:translateX(-100%)
}

.c-edu-category-row__button--back .c-edu-category-row__button-icon{
  background-image:url(/media/chevron-left-68819bd5.svg)
}

[data-whatintent='keyboard'] .c-edu-category-row__button:focus,[data-whatintent='mouse'] .c-edu-category-row:hover .c-edu-category-row__button{
  transform:translateX(0);
  opacity:1
}

.c-edu-category-row__scroll{
  overflow:auto;
  -webkit-overflow-scrolling:touch;
  -ms-overflow-style:-ms-autohiding-scrollbar
}

.c-edu-category-row__scroll::-webkit-scrollbar{
  display:none
}

.c-edu-category-row__list{
  display:flex;
  flex-wrap:nowrap;
  padding:24px 0
}

.c-edu-category-row__list-item{
  display:flex;
  width:85%;
  padding:8px 20px 16px 0;
  flex-shrink:0
}

@media screen and (min-width: 600px){
  .c-edu-category-row__list-item{
    width:45%
  }
}

@media screen and (min-width: 1000px){
  .c-edu-category-row__list-item{
    width:32%
  }
}

@media screen and (min-width: 1400px){
  .c-edu-category-row__list-item{
    padding:8px 40px 16px 0
  }
}

.c-edu-category-row__more-articles{
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: calc(1em * 0.08);
  display:flex;
  width:100%;
  justify-content:center;
  align-items:center;
  color:#9e957a;
  text-decoration:none;
  font-weight:400
}

@media screen and (min-width: 1000px){
  .c-edu-category-row__more-articles{
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: calc(1em * 0.08)
  }
}

.c-envelope{
  background:#3caae6;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:100vh
}

.c-envelope__paper{
  position:relative;
  width:50vw;
  top:0;
  left:5vw;
  height:30vw;
  position:absolute;
  display:block;
  background:#fff;
  padding:1em;
  z-index:1;
  overflow:hidden
}

@media screen and (min-width: 600px){
  .c-envelope__paper{
    padding:2em;
    text-align:center
  }
}

@media screen and (min-width: 1000px){
  .c-envelope__paper{
    padding:3em 5em
  }
}

@media screen and (min-width: 1400px){
  .c-envelope__paper{
    width:33.33333vw;
    height:20vw;
    left:3.33333vw
  }
}

.c-envelope__logo{
  width:20px;
  height:20px;
  margin-bottom:0.25em
}

@media screen and (max-width: 599px){
  .c-envelope__logo{
    position:absolute;
    top:0.75em;
    right:1em
  }
}

@media screen and (min-width: 351px){
  .c-envelope__logo{
    top:1em
  }
}

@media screen and (min-width: 1000px){
  .c-envelope__logo{
    width:35px;
    height:35px;
    margin-bottom:0.5em
  }
}

@media screen and (min-width: 1400px){
  .c-envelope__logo{
    width:40px;
    height:40px
  }
}

.c-envelope__heading{
  font-size: 14px;
  font-weight: 400;
  font-weight:600;
  margin-bottom:0.5em
}

@media screen and (min-width: 351px){
  .c-envelope__heading{
    font-size: 20px;
    font-weight: 400;
    font-weight:400;
    margin-bottom:0.25em
  }
}

@media screen and (min-width: 351px) and (min-width: 1000px){
  .c-envelope__heading{
    font-size: 24px;
    font-weight: 400
  }
}

@media screen and (min-width: 351px) and (min-width: 1650px){
  .c-envelope__heading{
    font-size: 28px;
    font-weight: 400
  }
}

@media screen and (min-width: 600px){
  .c-envelope__heading{
    font-size: 24px;
    font-weight: 400;
    margin-bottom:0.5em
  }
}

@media screen and (min-width: 600px) and (min-width: 1650px){
  .c-envelope__heading{
    font-size: 32px;
    font-weight: 400;
    letter-spacing: -0.4px
  }
}

@media screen and (min-width: 1000px){
  .c-envelope__heading{
    font-size: 28px;
    font-weight: 400;
    margin-bottom:0.75em
  }
}

@media screen and (min-width: 1000px) and (min-width: 1000px){
  .c-envelope__heading{
    font-size: 32px;
    font-weight: 400;
    letter-spacing: -0.4px
  }
}

@media screen and (min-width: 1000px) and (min-width: 1650px){
  .c-envelope__heading{
    font-size: 40px;
    font-weight: 400;
    letter-spacing: -0.4px;
    line-height: 1.175
  }
}

.c-envelope__message{
  font-size: 14px;
  font-weight: 400
}

@media screen and (min-width: 600px){
  .c-envelope__message{
    font-family: TTNormsPro, Roboto, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.35
  }
}

@media screen and (min-width: 600px) and (min-width: 1000px){
  .c-envelope__message{
    font-size: 20px;
    font-weight: 400
  }
}

.c-envelope__back{
  position:relative;
  top:0;
  background:#c9c4b5;
  height:0;
  width:60vw;
  height:34vw;
  content:'';
  box-shadow:0 4vw 6vw -4vw rgba(4,21,31,0.25);
  z-index:0
}

@media screen and (min-width: 1400px){
  .c-envelope__back{
    width:40vw;
    height:22.66667vw
  }
}

.c-envelope__container{
  position:relative;
  z-index:0;
  transform:translateY(-5vh)
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){
  .c-envelope__container{
    transform:translateY(20vh)
  }
}

.c-envelope__container .c-envelope__bottom{
  width:0;
  margin:0 auto;
  position:relative;
  border-left:30vw solid #f4f3f0;
  border-right:30vw solid #f4f3f0;
  border-bottom:14vw solid #f4f3f0;
  border-top:20vw solid transparent;
  z-index:100
}

@media screen and (min-width: 1400px){
  .c-envelope__container .c-envelope__bottom{
    border-left-width:20vw;
    border-right-width:20vw;
    border-bottom-width:9.33333vw;
    border-top-width:13.33333vw
  }
}

.c-envelope__container .c-envelope__cover{
  position:absolute;
  top:0;
  left:50%;
  height:0;
  transform:translate(-50%, 0) scaleY(1);
  transform-origin:0 50%;
  margin:0 auto;
  border:30vw solid transparent;
  border-top:20vw solid #fafaf9;
  z-index:30
}

@media screen and (min-width: 1400px){
  .c-envelope__container .c-envelope__cover{
    border-width:20vw;
    border-top-width:13.33333vw
  }
}

.c-envelope__container--activated .c-envelope__bottom{
  transition:all 0.5s ease-in-out
}

.c-envelope__container--activated .c-envelope__back{
  top:20vw;
  z-index:0;
  transition:all 0.5s ease-in-out
}

@media screen and (min-width: 1400px){
  .c-envelope__container--activated .c-envelope__back{
    top:13.33333vw
  }
}

.c-envelope__container--activated .c-envelope__back .c-envelope__paper{
  top:-50vw;
  height:80vw;
  transition:top 0.5s ease-in-out, height 0.5s ease-in-out;
  transition-delay:0.5s
}

@media screen and (min-width: 351px){
  .c-envelope__container--activated .c-envelope__back .c-envelope__paper{
    top:-40vw;
    height:70vw
  }
}

@media screen and (min-width: 600px){
  .c-envelope__container--activated .c-envelope__back .c-envelope__paper{
    top:-30vw;
    height:60vw
  }
}

@media screen and (min-width: 1000px){
  .c-envelope__container--activated .c-envelope__back .c-envelope__paper{
    height:50vw
  }
}

@media screen and (min-width: 1400px){
  .c-envelope__container--activated .c-envelope__back .c-envelope__paper{
    top:-20vw;
    height:40vw
  }
}

.c-envelope__container--activated .c-envelope__back .c-envelope__paper--on-top{
  z-index:45
}

.c-envelope__container--activated .c-envelope__cover{
  transition:transform 0.5s ease-in-out, border-top 0.5s ease-in-out;
  border-top:20vw solid #f4f3f0;
  transform:translate(-50%, -100%) scaleY(-1);
  transition-delay:0.16667s
}

@media screen and (min-width: 1400px){
  .c-envelope__container--activated .c-envelope__cover{
    border-top-width:13.33333vw
  }
}

.c-error-bubble{
  position:relative;
  width:220px;
  font-size: 14px;
  font-weight: 400;
  font-weight:bolder;
  padding:calc(8px + 2px) 16px 8px;
  text-align:left;
  border-radius:5px;
  background:#fa6946;
  color:#fff
}

@media screen and (min-width: 1000px){
  .c-error-bubble{
    font-size: 17px;
    font-weight: 400
  }
}

.c-error-bubble::before{
  content:'';
  position:absolute;
  bottom:100%;
  left:10px;
  width:0;
  height:0;
  border-left:7px solid transparent;
  border-right:7px solid transparent;
  border-bottom:7px solid #fa6946
}

.c-error-bubble--top::before{
  bottom:auto;
  top:100%;
  border-top:7px solid #fa6946;
  border-bottom:none
}

.c-excerpt{
  position:relative;
  border-radius:8px;
  overflow:hidden;
  box-shadow:0 8px 30px -7px #847b61;
  transition:transform 0.2s ease
}

@media screen and (min-width: 1000px){
  .c-excerpt{
    border-radius:16px;
    box-shadow:0 16px 60px -10px #847b61
  }
}

.c-excerpt:hover,.c-excerpt:focus{
  transform:translateY(-4px)
}

.c-excerpt:hover .c-excerpt__heading,.c-excerpt:focus .c-excerpt__heading{
  transform:translateY(-4px)
}

.c-excerpt--orange{
  box-shadow:0 20px 30px -20px rgba(0,0,0,0.2)
}

@media screen and (min-width: 1000px){
  .c-excerpt--orange{
    box-shadow:0 30px 60px -30px rgba(0,0,0,0.2);
    text-shadow:1px 1px 6px rgba(38,20,2,0.5)
  }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){
  .c-excerpt{
    flex-shrink:0
  }
}

.c-excerpt__heading[class]{
  font-size: 20px;
  font-weight: 600;
  margin-bottom:0;
  position:absolute;
  bottom:0;
  left:0;
  right:0;
  transition:transform 0.2s ease;
  padding:0 24px 16px;
  color:#fff
}

@media screen and (min-width: 351px){
  .c-excerpt__heading[class]{
    padding:0 24px 24px
  }
}

@media screen and (min-width: 600px){
  .c-excerpt__heading[class]{
    font-family: TTNormsPro, Roboto, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.35;
    font-weight:700 !important;
    padding-bottom:16px
  }
}

@media screen and (min-width: 600px) and (min-width: 1000px){
  .c-excerpt__heading[class]{
    font-size: 20px;
    font-weight: 400
  }
}

@media screen and (min-width: 1000px){
  .c-excerpt__heading[class]{
    font-size: 32px;
    font-weight: 700;
    letter-spacing: -0.4px;
    line-height: 1.175;
    padding:0 40px 40px
  }
}

@media screen and (min-width: 1400px){
  .c-excerpt__heading[class]{
    font-size: 48px;
    font-weight: 700;
    letter-spacing: -0.4px;
    line-height: 1.175
  }
}

@media screen and (min-width: 1650px){
  .c-excerpt__heading[class]{
    padding:0 40px 24px
  }
}

.c-excerpt__heading-extra{
  color:#fff;
  display:block;
  margin-top:8px;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: calc(1em * 0.08);
  font-weight:400
}

@media screen and (min-width: 1000px){
  .c-excerpt__heading-extra{
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: calc(1em * 0.08)
  }
}

.c-excerpt__heading-extra-link[class][class],.c-excerpt__heading-extra-link[class][class]:visited{
  color:#d84a8a;
  font-weight:600;
  position:relative;
  z-index:1
}

.c-excerpt__heading-extra-link[class][class]:hover,.c-excerpt__heading-extra-link[class][class]:focus,.c-excerpt__heading-extra-link[class][class]:visited:hover,.c-excerpt__heading-extra-link[class][class]:visited:focus{
  color:#fff
}

@media screen and (min-width: 1000px){
  .c-excerpt__heading-extra{
    margin-top:16px
  }
}

.c-excerpt__category{
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: calc(1em * 0.08);
  font-weight:400;
  position:absolute;
  top:24px;
  left:50%;
  transform:translateX(-50%);
  color:#fff;
  display:block;
  margin-bottom:16px
}

@media screen and (min-width: 1000px){
  .c-excerpt__category{
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: calc(1em * 0.08)
  }
}

@media screen and (min-width: 600px){
  .c-excerpt__category{
    top:16px
  }
}

@media screen and (min-width: 1000px){
  .c-excerpt__category{
    top:24px
  }
}

.c-excerpt__link[class]:link,.c-excerpt__link[class]:visited{
  color:#fff
}

.c-excerpt__link[class]:link::after,.c-excerpt__link[class]:visited::after{
  content:'';
  position:absolute;
  top:0;
  right:0;
  left:0;
  bottom:0
}

.c-excerpt__image-area{
  position:relative
}

.c-excerpt__overlay{
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  background-image:linear-gradient(162deg, rgba(0,0,0,0), rgba(56,25,49,0.57));
  z-index:0
}

.c-excerpt--orange .c-excerpt__overlay{
  background-image:linear-gradient(162deg, rgba(0,0,0,0), rgba(184,94,9,0.6))
}

.c-excerpt__overlay-hover{
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  z-index:0;
  background-image:linear-gradient(162deg, rgba(0,0,0,0), rgba(247,82,107,0.1));
  transition:opacity 0.2s ease;
  opacity:0
}

.c-excerpt--orange .c-excerpt__overlay-hover{
  background-image:linear-gradient(162deg, rgba(245,145,50,0.6))
}

.c-excerpt:hover .c-excerpt__overlay-hover{
  opacity:1
}

[class][class].c-fact{
  text-align:center;
  float:right;
  width:50%;
  margin:4px 0 24px 10%;
  text-align:left;
  border-left:1px dotted #dedbd3;
  padding-left:16px
}

@media screen and (min-width: 351px){
  [class][class].c-fact{
    width:45%
  }
}

@media screen and (min-width: 600px){
  [class][class].c-fact{
    width:40%;
    padding-left:24px
  }
}

@media screen and (min-width: 1000px){
  [class][class].c-fact{
    margin-right:-20%;
    padding-left:40px;
    width:50%
  }
}

@media screen and (min-width: 1400px){
  [class][class].c-fact{
    width:45%;
    border:none;
    padding:0;
    margin-right:-55%;
    margin-left:0
  }
}

[class][class].c-fact__heading{
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: calc(1em * 0.08);
  margin:0 0 16px;
  color:#9e957a
}

@media screen and (min-width: 1000px){
  [class][class].c-fact__heading{
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: calc(1em * 0.08)
  }
}

@media screen and (min-width: 600px){
  [class][class].c-fact__heading{
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: calc(1em * 0.08)
  }
}

@media screen and (min-width: 600px) and (min-width: 1000px){
  [class][class].c-fact__heading{
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: calc(1em * 0.08)
  }
}

@media screen and (min-width: 1650px){
  [class][class].c-fact__heading{
    margin-bottom:24px
  }
}

[class][class].c-fact__heading::before{
  content:url(/media/bulb-5ec28924.svg);
  display:block;
  margin:0 auto 16px
}

@media screen and (max-width: 999px){
  [class][class].c-fact__heading::before{
    margin-bottom:8px;
    transform:scale(0.8);
    transform-origin:bottom left
  }
}

@media screen and (min-width: 600px){
  [class][class].c-fact__heading::before{
    margin-left:0;
    margin-right:0
  }
}

[class][class].c-fact__text{
  font-size: 14px;
  font-weight: 400;
  opacity:0.75;
  margin:0
}

@media screen and (min-width: 1000px){
  [class][class].c-fact__text{
    font-size: 17px;
    font-weight: 400
  }
}

@media screen and (min-width: 1000px){
  [class][class].c-fact__text{
    font-family: TTNormsPro, Roboto, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.35
  }
}

@media screen and (min-width: 1000px) and (min-width: 1000px){
  [class][class].c-fact__text{
    font-size: 20px;
    font-weight: 400
  }
}

.c-feature-display{
  position:relative;
  background:#fff;
  padding:40px 0
}

@media screen and (min-width: 475px){
  .c-feature-display{
    padding:64px 0
  }
}

@media screen and (min-width: 700px){
  .c-feature-display{
    padding:64px 0
  }
}

@media screen and (min-width: 1000px){
  .c-feature-display{
    padding:0
  }
}

@media screen and (max-width: 999px){
  .c-feature-display:not(.c-feature-display--inverted) .c-feature-display__text{
    order:2
  }

  .c-feature-display:not(.c-feature-display--inverted) .c-feature-display__text+div{
    order:1
  }
}

.c-feature-display--grey{
  background:linear-gradient(54deg, #f7f7f7, #fbfbfb)
}

.c-feature-display--transparent{
  background:transparent
}

@media screen and (min-width: 1000px){
  .c-feature-display--transparent\@lg{
    background:transparent
  }
}

.c-feature-display__media-wrapper{
  position:relative;
  max-height:250px;
  margin-bottom:40px;
  overflow:hidden;
  background:radial-gradient(circle at bottom 0 left 50%, #ddd 0, rgba(255,255,255,0) 50%)
}

@media screen and (min-width: 351px){
  .c-feature-display__media-wrapper{
    max-height:320px
  }
}

@media screen and (min-width: 475px){
  .c-feature-display__media-wrapper{
    max-height:450px;
    margin-bottom:64px
  }
}

@media screen and (min-width: 600px){
  .c-feature-display__media-wrapper{
    max-height:400px
  }
}

@media screen and (min-width: 700px){
  .c-feature-display__media-wrapper{
    max-height:500px
  }
}

@media screen and (min-width: 1000px){
  .c-feature-display__media-wrapper{
    background:transparent;
    margin-bottom:0;
    overflow:visible;
    max-height:none
  }
}

.c-feature-display__media-video{
  position:absolute;
  top:11.125%;
  height:61.6%;
  left:50%;
  transform:translateX(-50%);
  border-radius:1px
}

@media screen and (min-width: 1332px){
  .c-feature-display__media-video:not(.c-feature-display__media-video--image){
    left:113px;
    transform:none
  }
}

.c-feature-display__media-wrapper--right{
  display:flex;
  align-items:flex-end
}

.c-feature-display__media-video--image{
  width:59.5%
}

.c-feature-display__media-video--image img{
  height:99.9%;
  max-width:101%
}

@media screen and (min-width: 1332px){
  .c-feature-display__media-video--image{
    left:113px;
    transform:none
  }
}

@media screen and (min-width: 1000px){
  .c-feature-display__media>div:not(.c-feature-display__media-video--image) img:not(.c-feature-display__media-video){
    max-width:none;
    height:calc(971px * 0.8)
  }
}

@media screen and (min-width: 1650px){
  .c-feature-display__media>div:not(.c-feature-display__media-video--image) img:not(.c-feature-display__media-video){
    height:971px
  }
}

.c-feature-display__media{
  position:relative;
  z-index:1;
  margin:0 auto
}

@media screen and (min-width: 1000px){
  .c-feature-display__media{
    margin:-60px auto -30px
  }
}

@media screen and (min-width: 1650px){
  .c-feature-display__media{
    margin:-60px auto -30px
  }
}

.c-feature-display__media--shadowed{
  margin:0 auto -25px
}

@media screen and (min-width: 600px){
  .c-feature-display__media--shadowed{
    margin-bottom:-50px;
    width:80%
  }
}

@media screen and (min-width: 700px){
  .c-feature-display__media--shadowed{
    width:auto
  }
}

@media screen and (min-width: 1000px){
  .c-feature-display__media--shadowed{
    margin:-45px calc(-85px * 0.8) -180px;
    width:100%
  }
}

@media screen and (min-width: 1400px){
  .c-feature-display__media--shadowed{
    margin-bottom:-200px;
    width:562px
  }
}

@media screen and (min-width: 1650px){
  .c-feature-display__media--shadowed{
    margin:-60px -85px -200px
  }
}

.c-feature-display__animation-wrapper{
  position:absolute;
  width:40%;
  right:-4px;
  top:50%;
  overflow:hidden;
  z-index:1
}

@media screen and (min-width: 600px){
  .c-feature-display__animation-wrapper{
    width:45%;
    top:40%;
    right:-28px
  }
}

@media screen and (min-width: 1000px){
  .c-feature-display__animation-wrapper{
    width:50%;
    top:auto;
    bottom:-10%;
    right:-32px
  }
}

@media screen and (min-width: 1650px){
  .c-feature-display__animation-wrapper{
    bottom:-8%;
    right:-64px
  }
}

.c-feature-display__animation{
  width:100%;
  position:relative;
  right:-10%
}

@media screen and (min-width: 1650px){
  .c-feature-display__animation{
    right:0
  }
}

.c-feature-display__text{
  position:relative;
  display:flex;
  justify-content:center;
  z-index:1
}

.c-feature{
  position:relative;
  border-radius:16px;
  background:linear-gradient(130deg, #41cd8c, #00b698);
  display:flex;
  align-items:stretch;
  margin-bottom:40px;
  color:#fff
}

@media screen and (min-width: 600px){
  .c-feature{
    min-height:285px
  }
}

@media screen and (min-width: 1000px){
  .c-feature{
    margin-bottom:64px;
    min-height:360px
  }
}

@media screen and (min-width: 1650px){
  .c-feature{
    min-height:380px
  }
}

.c-feature__heading[class]{
  font-size: 28px;
  font-weight: 700;
  line-height: 1.175;
  padding-top:4px;
  position:relative
}

@media screen and (min-width: 1000px){
  .c-feature__heading[class]{
    font-size: 32px;
    font-weight: 700;
    letter-spacing: -0.4px;
    line-height: 1.175
  }
}

@media screen and (min-width: 1650px){
  .c-feature__heading[class]{
    font-size: 40px;
    font-weight: 700;
    letter-spacing: -0.4px;
    line-height: 1.175
  }
}

.c-feature__heading[class][class]{
  line-height:1.2;
  margin:auto 0 0 0
}

@media screen and (min-width: 600px){
  .c-feature__heading[class]{
    padding-top:8px
  }
}

.c-feature__inner{
  display:flex;
  flex-direction:column;
  justify-content:center;
  position:relative;
  z-index:1;
  width:100%;
  padding:50px 24px 40px
}

@media screen and (min-width: 600px){
  .c-feature__inner{
    margin-top:-8px;
    padding:64px 40px 40px
  }
}

@media screen and (min-width: 1000px){
  .c-feature__inner{
    position:relative;
    bottom:8px;
    margin-top:0;
    padding:40px
  }
}

@media screen and (min-width: 1400px){
  .c-feature__inner{
    padding:35px 40px 45px
  }
}

.c-feature--small{
  min-height:0;
  max-height:210px;
  margin-top:24px;
  margin-bottom:8px;
  padding:0;
  flex-direction:column;
  border-radius:8px;
  transition:all 0.3s ease
}

.c-feature--small:hover{
  transform:translateY(-3px)
}

.c-feature--small::after{
  content:'';
  padding-top:80%;
  width:100%
}

@media screen and (min-width: 351px){
  .c-feature--small::after{
    padding-top:71%
  }
}

@media screen and (max-width: 599px){
  .c-feature--small{
    width:85%;
    margin-left:7.5%;
    margin-right:7.5%
  }
}

@media screen and (min-width: 600px){
  .c-feature--small{
    border-radius:12px
  }
}

@media screen and (min-width: 1000px){
  .c-feature--small{
    border-radius:16px;
    margin-bottom:40px
  }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){
  .c-feature--small{
    min-height:210px
  }
}

.c-feature__text{
  margin-top:16px;
  max-width:500px;
  line-height: 1.58
}

.c-feature__text p{
  margin-bottom:16px
}

[class].c-feature__list{
  margin:16px 0 0 0
}

[class].c-feature__list-item{
  background:url(/media/check-white-afd5d82e.svg) 0 3px no-repeat;
  background-size:21px 17px;
  margin-bottom:0.5em;
  padding-left:33px;
  list-style:none
}

@media screen and (min-width: 1000px){
  [class].c-feature__list-item{
    background-position:0 6px
  }
}

[class].c-feature__list-item em{
  font-style:italic
}

.c-feature__cta-wrapper{
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  z-index:1
}

.c-feature__cta-wrapper>button{
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  width:100%
}

.c-feature__cta-wrapper>button::before{
  content:'';
  cursor:pointer;
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0
}

[class][class].c-feature__cta{
  color:#fff;
  text-decoration:none;
  cursor:pointer
}

.c-feature:not(.c-feature--small) [class][class].c-feature__cta{
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: calc(1em * 0.08);
  margin-top:16px;
  margin-right:auto
}

@media screen and (min-width: 1000px){
  .c-feature:not(.c-feature--small) [class][class].c-feature__cta{
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: calc(1em * 0.08)
  }
}

@media screen and (min-width: 1000px){
  .c-feature:not(.c-feature--small) [class][class].c-feature__cta{
    margin-top:auto
  }
}

[class][class].c-feature__cta::before{
  content:'';
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0
}

[class][class].c-feature__cta>span{
  position:relative
}

[class][class].c-feature__cta>span::after{
  content:'';
  position:absolute;
  top:calc(100% + 1px);
  left:0;
  right:0.15em;
  height:1px;
  background:rgba(255,255,255,0.3);
  transition:background-color 0.2s ease
}

@media screen and (min-width: 1000px){
  [class][class].c-feature__cta>span::after{
    height:2px
  }
}

[class][class].c-feature__cta:hover>span::after,[class][class].c-feature__cta:focus>span::after,.c-feature__cta-wrapper:hover [class][class].c-feature__cta>span::after,.c-feature__cta-wrapper:focus [class][class].c-feature__cta>span::after{
  background:#fff
}

@media screen and (min-width: 1000px){
  [class][class].c-feature__cta{
    bottom:0
  }
}

.c-feature--small [class][class].c-feature__cta{
  font-family: TTNormsPro, Roboto, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.35;
  position:absolute;
  top:10%;
  left:50%;
  width:100%;
  transform:translateX(-50%);
  padding-left:20px;
  padding-right:20px;
  bottom:auto;
  text-align:center;
  color:#fff;
  font-weight:600 !important;
  line-height:1
}

@media screen and (min-width: 1000px){
  .c-feature--small [class][class].c-feature__cta{
    font-size: 20px;
    font-weight: 400
  }
}

.c-feature--small [class][class].c-feature__cta span::after{
  display:none
}

@media screen and (min-width: 1650px){
  .c-feature--small [class][class].c-feature__cta{
    font-size:20px
  }
}

.c-feature--red{
  background:#fc506b;
  box-shadow:0 30px 50px -20px rgba(206,30,58,0.4)
}

.c-feature--red.c-feature--big{
  background:linear-gradient(to bottom, #fd7547, #fc506b)
}

.c-feature--red:not(.c-feature--big):hover{
  box-shadow:0 40px 50px -27px rgba(206,30,58,0.4)
}

.c-feature--green{
  background:#41cd8c;
  box-shadow:0 30px 50px -20px rgba(0,160,132,0.4)
}

.c-feature--green.c-feature--big{
  background:linear-gradient(130deg, #41cd8c, #00b698)
}

.c-feature--green:not(.c-feature--big):hover{
  box-shadow:0 40px 50px -27px rgba(0,160,132,0.4)
}

.c-feature--purple{
  background:#8278c8;
  box-shadow:0 30px 50px -20px rgba(64,46,192,0.4)
}

.c-feature--purple.c-feature--big{
  background:linear-gradient(132deg, #b492d6, #8278c8)
}

.c-feature--purple:not(.c-feature--big):hover{
  box-shadow:0 40px 50px -27px rgba(64,46,192,0.4)
}

.c-feature--blue{
  background:#7dc8f3;
  box-shadow:0 30px 50px -20px rgba(22,123,239,0.4)
}

.c-feature--blue.c-feature--big{
  background:linear-gradient(132deg, #7dc8f3, #838eef)
}

.c-feature--blue:not(.c-feature--big):hover{
  box-shadow:0 40px 50px -27px rgba(22,123,239,0.4)
}

.c-feature--black{
  background:#373737;
  box-shadow:0 30px 50px -20px rgba(0,0,0,0.4)
}

.c-feature--black:not(.c-feature--big):hover{
  box-shadow:0 40px 50px -27px rgba(0,0,0,0.4)
}

.c-feature__graphic-wrapper{
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  z-index:0;
  overflow:hidden;
  border-radius:16px
}

.c-feature__graphic{
  position:absolute
}

.c-feature__graphic[class] img{
  margin-bottom:0
}

.c-feature--small .c-feature__graphic{
  bottom:0;
  left:50%;
  transform:translateX(-50%);
  width:80%;
  text-align:center
}

.c-feature--3w .c-feature__graphic{
  bottom:-30%;
  right:-1%;
  width:190px
}

@media screen and (min-width: 600px){
  .c-feature--3w .c-feature__graphic{
    right:5%
  }
}

@media screen and (min-width: 1000px){
  .c-feature--3w .c-feature__graphic{
    right:-1%;
    width:auto
  }
}

.c-feature--calorie-counter .c-feature__graphic,.c-feature--habit-trackers .c-feature__graphic{
  bottom:0;
  display:none
}

@media screen and (min-width: 600px){
  .c-feature--calorie-counter .c-feature__graphic,.c-feature--habit-trackers .c-feature__graphic{
    display:block;
    right:20px;
    width:220px
  }
}

@media screen and (min-width: 1000px){
  .c-feature--calorie-counter .c-feature__graphic,.c-feature--habit-trackers .c-feature__graphic{
    right:0;
    width:auto
  }

  .o-grid .c-feature--calorie-counter .c-feature__graphic,.o-grid .c-feature--habit-trackers .c-feature__graphic{
    display:none
  }
}

@media screen and (min-width: 1400px){
  .c-feature--calorie-counter .c-feature__graphic[class],.c-feature--habit-trackers .c-feature__graphic[class]{
    display:block;
    right:0;
    width:auto
  }
}

@media screen and (max-width: 599px){
  .c-feature--diet-plans .c-feature__graphic{
    right:0;
    bottom:10px;
    max-width:75%
  }
}

@media screen and (min-width: 600px){
  .c-feature--diet-plans .c-feature__graphic{
    top:-20px;
    right:-30px;
    max-width:75%
  }
}

@media screen and (min-width: 1000px){
  .c-feature--diet-plans .c-feature__graphic{
    right:10px
  }
}

.c-feature--recipes .c-feature__graphic{
  top:20px;
  right:-60px;
  width:220px
}

@media screen and (min-width: 600px){
  .c-feature--recipes .c-feature__graphic{
    top:-50px;
    right:-60px;
    width:350px
  }
}

@media screen and (min-width: 1000px){
  .c-feature--recipes .c-feature__graphic{
    top:auto;
    bottom:-60px;
    right:-80px
  }
}

@media screen and (min-width: 1400px){
  .c-feature--recipes .c-feature__graphic{
    bottom:auto;
    top:-50px;
    right:-60px;
    width:auto
  }
}

.c-features-overlay{
  padding:0 0 150px
}

.c-features-overlay__inner{
  position:relative;
  color:#363636;
  max-width:950px;
  display:flex;
  flex-direction:column
}

@media screen and (min-width: 600px){
  .c-features-overlay__inner{
    flex-direction:row
  }
}

.c-features-overlay__inner::before{
  content:'';
  position:absolute;
  top:30px;
  right:30px;
  left:30px;
  bottom:-30px;
  filter:blur(25px);
  z-index:-1
}

@supports (filter: blur(15px)){
  .c-features-overlay__inner::before{
    background:rgba(0,0,0,0.3)
  }
}

.c-features-overlay__screens{
  position:relative;
  overflow:hidden;
  background:rgba(255,255,255,0.85);
  border-radius:8px 8px 0 0;
  border:1px solid #eee;
  border-width:0 0 1px 0
}

@media screen and (min-width: 600px){
  .c-features-overlay__screens{
    border-radius:8px 0 0 8px;
    border-width:0 1px 0 0;
    flex-basis:50%
  }
}

@media screen and (min-width: 1000px){
  .c-features-overlay__screens{
    border-radius:16px 0 0 16px
  }
}

.c-features-overlay__screens-inner::after{
  content:'';
  display:block;
  width:100%;
  padding-top:calc((1334 * 0.55) / 750 * 100%)
}

@media screen and (min-width: 600px){
  .c-features-overlay__screens-inner::after{
    padding-top:calc(1334 / 750 * 100%)
  }
}

.c-features-overlay__screen{
  position:absolute;
  opacity:0;
  border-radius:8px;
  transition:opacity 0.65s ease-in-out;
  width:50%;
  margin:5% 25%;
  box-shadow:0 15px 35px -7px rgba(0,0,0,0.25)
}

@media screen and (min-width: 600px){
  .c-features-overlay__screen{
    margin:10% 5%;
    width:90%
  }
}

.c-features-overlay__screen--current{
  opacity:1;
  z-index:1
}

.c-features-overlay__screen-nav{
  text-align:center;
  padding-bottom:10px
}

@media screen and (min-width: 1000px){
  .c-features-overlay__screen-nav{
    padding-bottom:15px
  }
}

.c-features-overlay__screen-nav-item{
  display:inline-block;
  margin:0 2px
}

.c-features-overlay__screen-nav-button{
  width:28px;
  height:28px;
  font-weight:600;
  line-height:28px;
  border-radius:50%;
  background-color:transparent;
  color:#41cd8c;
  transition:color 0.5s ease, background-color 0.5s ease
}

.c-features-overlay__screen-nav-button--current{
  background-color:#41cd8c;
  color:#fff
}

@media screen and (min-width: 1000px){
  .c-features-overlay__screen-nav-button{
    width:35px;
    height:35px;
    line-height:35px
  }
}

.c-features-overlay__text{
  background:#fff;
  border-radius:0 0 8px 8px;
  display:flex;
  flex-direction:column-reverse
}

@media screen and (min-width: 600px){
  .c-features-overlay__text{
    border-radius:0 8px 8px 0;
    flex-direction:column;
    flex-basis:50%
  }
}

@media screen and (min-width: 1000px){
  .c-features-overlay__text{
    border-radius:0 16px 16px 0
  }
}

.c-features-overlay__heading{
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: calc(1em * 0.08);
  flex-grow:1;
  text-align:center;
  margin-top:0.3em;
  margin-bottom:0.2em
}

@media screen and (min-width: 1000px){
  .c-features-overlay__heading{
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: calc(1em * 0.08)
  }
}

.c-features-overlay__heading-pre{
  font-size: 14px;
  font-weight: 400;
  display:block;
  color:#767676;
  letter-spacing:normal;
  font-weight:400;
  text-transform:none;
  margin-bottom:4px
}

.c-features-overlay__description-wrapper{
  position:relative;
  flex-grow:1;
  display:flex;
  flex-direction:column
}

@media screen and (max-width: 599px){
  .c-features-overlay__description-wrapper::after{
    content:'';
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:20px;
    background:linear-gradient(to bottom, rgba(255,255,255,0), #fff)
  }
}

.c-features-overlay__description{
  display:flex;
  flex-direction:column;
  flex-grow:1;
  padding:16px 24px
}

@media screen and (max-width: 599px){
  .c-features-overlay__description{
    height:150px;
    overflow-y:scroll;
    -webkit-overflow-scrolling:touch
  }
}

@media screen and (min-width: 1000px){
  .c-features-overlay__description{
    padding:24px 40px
  }
}

@media screen and (min-width: 1400px){
  .c-features-overlay__description{
    padding:40px
  }
}

.c-features-overlay__description>div:first-child{
  flex-grow:1
}

.c-features-overlay__description>div:first-child>:last-child{
  margin-bottom:0
}

.c-features-overlay__nav-bar{
  border:1px solid #eee;
  border-width:1px 0 0 0;
  display:flex;
  align-items:center
}

@media screen and (min-width: 600px){
  .c-features-overlay__nav-bar{
    border-width:0 0 1px 0
  }
}

.c-features-overlay__dir-btn{
  background:url(/media/arrow-back-a0027b23.svg) 50% 50% no-repeat;
  width:50px;
  flex-shrink:0;
  height:50px;
  border-right:1px solid #eee;
  transition:background-color 0.2s ease-in-out, background-position 0.15s ease-in-out;
  cursor:pointer
}

@media screen and (min-width: 1000px){
  .c-features-overlay__dir-btn{
    width:70px;
    height:70px
  }
}

.c-features-overlay__dir-btn--fwd{
  transform:rotate(180deg);
  border-bottom-left-radius:8px
}

@media screen and (min-width: 1000px){
  .c-features-overlay__dir-btn--fwd{
    border-bottom-left-radius:16px
  }
}

.c-features-overlay__dir-btn:hover,.c-features-overlay__dir-btn:focus{
  background-position:calc(50% - 2px) 50%
}

@media screen and (min-width: 600px){
  .c-features-overlay__dir-btn:hover,.c-features-overlay__dir-btn:focus{
    background-color:#f8f8f8
  }
}

.c-features-overlay__mobile-cta{
  position:absolute;
  left:0;
  right:0;
  top:100%;
  color:#fff
}

.c-features-overlay__close{
  position:absolute;
  right:10px;
  top:10px;
  background:url(/media/close-75869fa6.svg) 50% 50% no-repeat;
  width:32px;
  height:32px;
  cursor:pointer;
  z-index:1
}

@media screen and (min-width: 600px){
  .c-features-overlay__close{
    width:40px;
    height:40px;
    top:calc(100% + 30px);
    right:auto;
    left:50%;
    transform:translateX(-50%);
    border-radius:50%;
    background-color:#41cd8c;
    background-image:url(/media/close-white-31ff8c52.svg);
    box-shadow:0 2px 20px rgba(0,0,0,0.2);
    transition:transform 0.2s ease, background-color 0.2s ease
  }

  .c-features-overlay__close:hover,.c-features-overlay__close:focus{
    background-color:#33c27f;
    transform:translateX(-50%) translateY(-2px)
  }
}

@media screen and (min-width: 1000px){
  .c-features-overlay__close{
    width:50px;
    height:50px
  }
}

.c-googass__top{
  position:relative;
  display:flex;
  flex-direction:column;
  padding-top:64px;
  align-items:center
}

@media screen and (min-width: 600px){
  .c-googass__top{
    padding-top:96px
  }
}

@media screen and (min-width: 1000px){
  .c-googass__top{
    padding-top:128px
  }
}

.c-googass__top-image{
  margin:-150px auto 0;
  width:700px;
  max-width:90%
}

@media screen and (min-width: 600px){
  .c-googass__top-image{
    margin-top:-200px
  }
}

@media screen and (min-width: 1000px){
  .c-googass__top-image{
    margin-top:-250px
  }
}

.c-googass__top-bubbles{
  width:90%;
  max-width:400px
}

@media screen and (min-width: 1000px){
  .c-googass__top-bubbles{
    max-width:460px
  }
}

.c-googass__curve{
  position:absolute;
  bottom:-1px;
  left:0;
  z-index:1
}

.c-googass__content{
  padding:1px
}

.c-googass__content--white{
  background:#fff
}

.c-googass__content+.c-googass__content{
  margin-top:-24px
}

@media screen and (min-width: 600px){
  .c-googass__content+.c-googass__content{
    margin-top:-40px
  }
}

@media screen and (min-width: 1000px){
  .c-googass__content+.c-googass__content{
    margin-top:-96px
  }
}

.c-googass__bubble{
  padding:8px 0;
  max-width:90%;
  animation:fadeInGoogAssBubble 0.3s ease-out forwards;
  opacity:0;
  transform:translateY(-10px)
}

@media screen and (min-width: 1000px){
  .c-googass__bubble{
    max-width:60%
  }
}

.c-googass__bubble p{
  display:inline-block;
  border-radius:12px;
  font-family:'Google Sans';
  font-weight:400;
  font-size:0.8em;
  line-height:1.3;
  padding:12px
}

.c-googass__bubble--output,.c-googass__bubble--output-big{
  background:url(/media/google-assistant-logo-e0dc3fc7.svg) 0 8px no-repeat;
  background-size:50px;
  padding-left:65px
}

.c-googass__bubble--output p,.c-googass__bubble--output-big p{
  background:#fff;
  border:1px solid #e0e0e0
}

.c-googass__bubble--output-big{
  max-width:95%
}

.c-googass__bubble--output-big p{
  border-radius:16px;
  border-color:#fff;
  font-size:1em
}

@media screen and (min-width: 1000px){
  .c-googass__bubble--output-big p{
    padding:16px
  }
}

.c-googass__bubble--input,.c-googass__bubble--input-big{
  margin-left:auto;
  text-align:right
}

.c-googass__bubble--input p,.c-googass__bubble--input-big p{
  background:#e0e0e0;
  border:1px solid #e0e0e0;
  text-align:left
}

.c-googass__bubble--input-big p{
  font-size:1em;
  border-radius:16px;
  position:relative
}

@media screen and (min-width: 1000px){
  .c-googass__bubble--input-big p{
    padding:16px
  }
}

.c-googass-delay-1{
  animation-delay:1s
}

.c-googass-delay-2{
  animation-delay:2.5s
}

.c-googass-delay-3{
  animation-delay:4s
}

.c-googass-delay-4{
  animation-delay:5.5s
}

@keyframes fadeInGoogAssBubble{
  0%{
    opacity:0;
    transform:translateY(10px)
  }

  100%{
    opacity:1;
    transform:translateY(0)
  }
}

.c-googass__nav{
  display:flex;
  justify-content:center
}

.c-googass__nav-item{
  border-bottom:3px solid #e2e2e2;
  padding:0 8px 8px
}

@media screen and (min-width: 600px){
  .c-googass__nav-item{
    padding:0 24px 8px
  }
}

.c-googass__nav-item--selected{
  border-bottom-color:#41cd8c
}

.c-googass__nav button{
  font-size: 14px;
  font-weight: 400;
  color:#767676;
  font-weight:600
}

@media screen and (min-width: 1000px){
  .c-googass__nav button{
    font-size: 17px;
    font-weight: 400
  }
}

@media screen and (min-width: 600px){
  .c-googass__nav button{
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: calc(1em * 0.08)
  }
}

@media screen and (min-width: 600px) and (min-width: 1000px){
  .c-googass__nav button{
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: calc(1em * 0.08)
  }
}

.c-googass__nav .c-googass__nav-item--selected button{
  color:#363636
}

.c-googass__tab{
  margin:24px 0 40px;
  border-radius:4px;
  display:flex;
  flex-direction:column-reverse;
  position:relative
}

@media screen and (max-width: 999px){
  .c-googass__tab{
    padding-bottom:40px
  }

  .c-googass__tab::after{
    content:'';
    position:absolute;
    bottom:0;
    left:20%;
    right:20%;
    height:2px;
    background:#e0e0e0
  }
}

@media screen and (min-width: 1000px){
  .c-googass__tab{
    margin:40px 0 96px;
    flex-direction:row-reverse;
    justify-content:center;
    align-items:center;
    border:2px solid #e0e0e0
  }
}

.c-googass__tab>*{
  padding:16px
}

@media screen and (min-width: 1000px){
  .c-googass__tab>*{
    padding:40px;
    flex:0 0 50%
  }
}

@media screen and (max-width: 999px){
  .c-googass__tab>*:last-child{
    border:2px solid #e0e0e0
  }
}

@media screen and (min-width: 1000px){
  .c-googass__tab>*:last-child{
    border-right:2px solid #e0e0e0
  }
}

.c-googass__tab-messages{
  display:flex;
  justify-content:center;
  min-height:300px
}

.c-googass__tab-messages ul{
  display:flex;
  flex-direction:column;
  justify-content:center
}

@media screen and (min-width: 1000px){
  .c-googass__tab-messages{
    min-height:480px
  }

  .c-googass__tab-messages ul{
    width:350px
  }
}

@media screen and (min-width: 1400px){
  .c-googass__tab-messages{
    min-height:400px
  }

  .c-googass__tab-messages ul{
    width:450px
  }
}

.c-googass__tab-text div{
  text-align:center;
  margin-top:24px
}

@media screen and (min-width: 1000px){
  .c-googass__tab-text div{
    width:80%;
    margin:0 auto;
    text-align:left
  }
}

.c-googass__tab-text div h2{
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: calc(1em * 0.08);
  margin-bottom:8px
}

@media screen and (min-width: 1000px){
  .c-googass__tab-text div h2{
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: calc(1em * 0.08)
  }
}

.c-header{
  position:fixed;
  top:24px;
  left:0;
  right:0;
  transition:all 0.15s ease
}

@media screen and (min-width: 600px){
  .c-header{
    top:40px
  }
}

.c-header--floating{
  top:0;
  padding-top:16px;
  padding-bottom:13px;
  background:#fff;
  box-shadow:0 2px 10px rgba(0,0,0,0.15)
}

.c-header--stuck{
  position:absolute
}

.c-header__inner{
  position:relative;
  display:flex;
  flex-direction:row;
  justify-content:space-between;
  align-items:center
}

.c-header__menu{
  position:absolute;
  top:-1px
}

.c-header__menu:first-child{
  left:0
}

.c-header__menu:last-child{
  right:0
}

@media screen and (min-width: 600px){
  .c-header__menu{
    top:1px
  }
}

@media screen and (min-width: 1000px){
  .c-header__menu{
    position:static;
    display:block;
    margin-top:8px;
    order:2
  }
}

.c-header__logo{
  margin:0 auto
}

@media screen and (min-width: 1000px){
  .c-header__logo{
    margin:0 24px 0 -25px;
    flex-basis:74px;
    order:-1;
    flex-grow:0
  }
}

@media screen and (min-width: 1400px){
  .c-header__logo{
    margin:0;
    order:inherit;
    flex-basis:147px
  }
}

@media screen and (max-width: 1399px){
  .c-header__logo--short{
    flex-basis:32px
  }
}

.c-header__logo::after{
  content:'';
  display:table;
  clear:both
}

@media screen and (min-width: 1000px){
  .c-header__menu{
    display:flex;
    order:inherit;
    margin-top:-1px
  }

  .c-header__menu:first-child{
    margin-right:auto
  }

  .c-header__menu:last-child{
    margin-right:-25px;
    justify-content:flex-end
  }
}

@media screen and (min-width: 1000px) and (min-width: 1400px){
  .c-header__menu{
    margin-top:-4px
  }

  .c-header__menu:last-child{
    margin-right:0
  }
}

@media screen and (min-width: 1400px){
  .c-header__inner>div{
    flex:1 1 50%
  }
}

.c-header__search{
  margin-top:20px
}

@media screen and (min-width: 1000px){
  .c-header__search{
    margin-top:60px;
    margin-bottom:-60px
  }
}

.c-header__search form{
  margin:0 auto;
  max-width:280px;
  position:relative
}

.c-header__search-field{
  background:#fff;
  border-radius:50px;
  padding:8px 20px 4px;
  transition:box-shadow 0.2s ease
}

.c-header__search-field:focus{
  box-shadow:0 5px 10px rgba(0,0,0,0.25)
}

.c-header__search-button{
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: calc(1em * 0.08);
  position:absolute;
  top:10px;
  right:20px
}

@media screen and (min-width: 1000px){
  .c-header__search-button{
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: calc(1em * 0.08)
  }
}

.c-header__search-button--searching{
  color:transparent;
  background:url(/media/spinner-ea3479aa.gif) 50% 0 no-repeat;
  background-size:22px 22px;
  top:10px
}

.c-header__search-no-hits{
  margin-top:40px;
  text-align:center
}

.c-header__search-no-hits img{
  margin-bottom:20px;
  width:70px
}

.c-header__search-results{
  font-size: 14px;
  font-weight: 400;
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  margin:20px auto 0;
  width:95%;
  background:#fff;
  box-shadow:0 50px 30px -30px rgba(0,0,0,0.2);
  border-radius:15px;
  padding:15px 0;
  color:#363636;
  text-align:left
}

@media screen and (min-width: 1000px){
  .c-header__search-results{
    font-size: 17px;
    font-weight: 400
  }
}

@media screen and (min-width: 600px){
  .c-header__search-results{
    width:550px;
    max-width:550px
  }
}

@media screen and (min-width: 1000px){
  .c-header__search-results{
    width:650px;
    max-width:650px
  }
}

.c-header__search-result{
  position:relative;
  overflow:hidden;
  padding:15px 30px
}

@media screen and (min-width: 1000px){
  .c-header__search-result{
    padding-top:20px;
    padding-bottom:20px
  }
}

.c-header__search-result+.c-header__search-result{
  border-top:1px solid #e9e7e1
}

.c-header__search-result b{
  font-weight:600
}

.c-header__search-result-link{
  color:#d84a8a;
  font-weight:600;
  display:block;
  margin-bottom:5px;
  text-decoration:none;
  transition:color 0.2s ease
}

.c-header__search-result-link:hover,.c-header__search-result-link:focus{
  color:#363636;
  outline:none
}

.c-header__search-result-link b{
  font-weight:600
}

.c-header__search-result-link::after{
  content:'';
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0
}

.c-header__search-result-link::before{
  content:'';
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  background:#f4f3f0;
  transition:all 0.4s ease-out;
  transform:translateX(-100%);
  opacity:0.5;
  z-index:-1
}

.c-header__search-result-link:hover::before,.c-header__search-result-link:focus::before{
  transform:translateX(0);
  opacity:1
}

@media screen and (min-width: 1000px){
  .c-hero__text-wrapper{
    width:42%
  }
}

@media screen and (min-width: 1400px){
  .c-hero__text-wrapper{
    margin-bottom:40px
  }
}

@media screen and (min-width: 1650px){
  .c-hero__text-wrapper{
    width:45%
  }
}

.c-hero__buttons{
  max-width:300px;
  margin:0 auto
}

@media screen and (min-width: 1000px){
  .c-hero__buttons{
    margin:0;
    max-width:none;
    display:flex;
    align-items:flex-start;
    justify-content:flex-start
  }

  .c-hero__buttons .c-button[class][class]{
    font-size:12px
  }

  .c-hero__buttons>*{
    flex:1 1 180px;
    white-space:nowrap
  }

  .c-hero__buttons>*:first-child{
    margin-right:16px
  }
}

@media screen and (min-width: 1400px){
  .c-hero__buttons{
    margin-right:40px;
    max-width:none
  }

  .c-hero__buttons .c-button[class][class]{
    font-size:16px
  }
}

.c-hero__phone{
  position:relative;
  width:70%;
  margin-left:15%;
  margin-top:-96px;
  text-align:center;
  z-index:1
}

@media screen and (min-width: 600px){
  .c-hero__phone{
    width:50%;
    margin-left:25%
  }
}

@media screen and (min-width: 1000px){
  .c-hero__phone{
    position:absolute;
    margin:auto;
    width:auto;
    top:-80px;
    width:400px;
    left:auto;
    right:18%;
    z-index:1
  }
}

@media screen and (min-width: 1400px){
  .c-hero__phone{
    width:auto;
    top:-105px;
    left:auto;
    right:calc(21% - 30px)
  }
}

.c-hero__phone-video{
  position:absolute;
  top:11%;
  left:20%;
  width:60%;
  height:auto
}

.c-hero__phone-play{
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: calc(1em * 0.08);
  position:absolute;
  top:11%;
  right:20%;
  left:20%;
  bottom:27.25%;
  display:flex;
  justify-content:center;
  align-items:center;
  opacity:0;
  transition:opacity 0.5s ease;
  pointer-events:none
}

@media screen and (min-width: 1000px){
  .c-hero__phone-play{
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: calc(1em * 0.08)
  }
}

.c-hero__phone-play--show{
  opacity:1;
  pointer-events:all
}

.c-hero__phone-play-button{
  cursor:pointer;
  border:5px solid #fff;
  background:url(/media/play-arrow-dcf55016.svg),linear-gradient(130deg, #41cd8c, #00b698);
  background-position:57.5% 50%;
  background-repeat:no-repeat;
  width:90px;
  height:90px;
  border-radius:50%;
  overflow:hidden;
  text-indent:100px;
  white-space:nowrap;
  box-shadow:0 5px 40px rgba(0,0,0,0.5);
  transition:transform 0.2s, box-shadow 0.2s ease
}

.c-hero__phone-play-button:hover{
  transform:scale(1.1);
  box-shadow:0 5px 40px rgba(0,0,0,0.5)
}

.c-hero__phone-replay{
  position:absolute;
  top:60%;
  left:50%;
  transform:translate(-50%, -100%);
  opacity:0;
  transition:opacity 0.5s ease;
  pointer-events:none
}

@media screen and (min-width: 1000px){
  .c-hero__phone-replay{
    top:50%
  }
}

.c-hero__phone-replay--show{
  opacity:1;
  pointer-events:all
}

.c-hero__phone-replay-button{
  cursor:pointer;
  width:90px;
  height:90px;
  border-radius:50%;
  overflow:hidden;
  text-indent:100px;
  white-space:nowrap;
  background:#fff url(/media/reload-6c5dfc8b.svg) 50% 50% no-repeat;
  background-size:50px;
  transition:transform 0.3s;
  box-shadow:0 0 40px rgba(0,0,0,0.2)
}

.c-hero__phone-replay-button:hover{
  transform:rotate(-225deg)
}

@media screen and (min-width: 1000px){
  .c-hero__reviews{
    position:absolute;
    top:0;
    right:0;
    width:21%;
    font-weight:400;
    font-size:32px;
    line-height:1.1
  }

  .c-hero__reviews-list-item{
    margin-bottom:24px
  }
}

@media screen and (min-width: 1400px){
  .c-hero__reviews{
    font-size:36px
  }
}

.c-hero__reviews-heading{
  margin-top:24px;
  margin-bottom:8px
}

@media screen and (min-width: 1000px){
  .c-hero__reviews-heading{
    margin-top:0;
    margin-bottom:40px
  }
}

@media screen and (max-width: 999px){
  .c-hero__reviews-list{
    display:flex;
    justify-content:space-evenly
  }

  .c-hero__reviews-list-item{
    display:flex
  }

  .c-hero__reviews-score{
    display:none
  }
}

.c-hero__reviews-logo{
  position:relative;
  top:-5px;
  display:inline-block;
  width:30px;
  height:30px;
  overflow:hidden;
  white-space:nowrap;
  text-indent:300%;
  margin-left:-3px;
  margin-right:4px
}

.c-hero__reviews-logo--apple{
  background:url(/media/logo-apple-ed83466c.svg) 0 0 no-repeat;
  background-size:25px
}

@media screen and (min-width: 1000px){
  .c-hero__reviews-logo--apple{
    background-size:36px
  }
}

.c-hero__reviews-logo--android{
  background:url(/media/logo-android-c970fa22.svg) 0 0 no-repeat;
  background-size:25px
}

@media screen and (min-width: 1000px){
  .c-hero__reviews-logo--android{
    background-size:36px
  }
}

@media screen and (min-width: 1000px){
  .c-hero__reviews-logo{
    display:block;
    width:40px;
    height:40px;
    margin-bottom:4px;
    vertical-align:0
  }
}

.c-hero__stars[class]{
  vertical-align:-11px;
  margin-right:16px;
  text-align:left;
  display:inline-block
}

@media screen and (min-width: 1000px){
  .c-hero__stars[class]{
    vertical-align:-13px
  }
}

.c-hero__curve{
  position:absolute;
  bottom:-1px;
  left:0
}

.c-hero__mobile-cta{
  position:fixed;
  left:0;
  right:0;
  bottom:0;
  background:#fff;
  padding:16px 24px 24px;
  z-index:100;
  box-shadow:none;
  transform:translateY(110%);
  transition:transform 0.4s ease
}

.c-hero__mobile-cta--shown{
  box-shadow:0 -5px 10px rgba(103,96,75,0.2);
  transform:translateY(0)
}

.c-how-it-works__graphics-wrapper{
  max-height:300px;
  max-width:400px;
  margin:0 auto;
  overflow:hidden
}

@media screen and (min-width: 600px){
  .c-how-it-works__graphics-wrapper{
    max-height:400px
  }
}

@media screen and (min-width: 1000px){
  .c-how-it-works__graphics-wrapper{
    max-height:275px
  }
}

@media screen and (min-width: 1400px){
  .c-how-it-works__graphics-wrapper{
    max-height:400px
  }
}

.c-how-it-works__item{
  margin-bottom:24px
}

@media screen and (min-width: 600px){
  .c-how-it-works__item{
    margin-bottom:40px
  }
}

.c-how-it-works__graphics{
  position:relative
}

.c-how-it-works__heading{
  display:block;
  font-weight:600;
  margin:16px 0 4px 0
}

@media screen and (min-width: 1000px){
  .c-how-it-works__heading{
    margin:40px 0 8px 0
  }
}

.c-how-it-works__heading-number{
  display:inline-block;
  width:28px;
  height:28px;
  margin-right:4px;
  font-weight:600;
  line-height:28px;
  border-radius:50%;
  background-color:#41cd8c;
  color:#fff;
  text-align:center
}

.c-how-it-works__screen{
  position:absolute;
  top:11%;
  left:20%;
  width:60%
}

@media screen and (max-width: 999px){
  .c-image-quotes{
    background:#41cd8c
  }
}

.c-image-quotes__image{
  position:relative
}

@media screen and (min-width: 1000px){
  .c-image-quotes__image::after{
    content:'';
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background:rgba(0,0,0,0.5)
  }
}

.c-image-quotes__content-inner{
  display:flex;
  justify-content:center
}

.c-image-quotes__text-content[class][class]{
  flex-direction:column;
  align-items:center;
  text-align:center;
  position:relative;
  color:#fff;
  z-index:1;
  margin:40px 0 16px
}

@media screen and (min-width: 1000px){
  .c-image-quotes__text-content[class][class]{
    margin:40px 0
  }
}

@media screen and (min-width: 1000px){
  .c-image-quotes__text-content[class][class]{
    margin:64px 0
  }
}

.c-image-quotes__text-content[class][class]>:first-child{
  margin-bottom:auto
}

.c-image-quotes__text-content[class][class]>:last-child{
  margin-top:auto
}

.c-image-quotes__text-content[class][class] blockquote{
  margin:0 0 24px;
  padding:0;
  font-family: TTNormsPro, Roboto, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.35;
  font-weight:700
}

@media screen and (min-width: 1000px){
  .c-image-quotes__text-content[class][class] blockquote{
    font-size: 20px;
    font-weight: 400
  }
}

.c-image-quotes__text-content[class][class] blockquote::before{
  display:none
}

@media screen and (min-width: 600px){
  .c-image-quotes__text-content[class][class] blockquote{
    font-size: 24px;
    font-weight: 400;
    font-weight:700
  }
}

@media screen and (min-width: 600px) and (min-width: 1650px){
  .c-image-quotes__text-content[class][class] blockquote{
    font-size: 32px;
    font-weight: 400;
    letter-spacing: -0.4px
  }
}

@media screen and (min-width: 1000px){
  .c-image-quotes__text-content[class][class] blockquote{
    margin-bottom:0;
    font-weight:400
  }
}

@media screen and (min-width: 1400px){
  .c-image-quotes__text-content[class][class] blockquote{
    margin:0 24px;
    font-size: 28px;
    font-weight: 400;
    font-weight:400
  }
}

@media screen and (min-width: 1400px) and (min-width: 1000px){
  .c-image-quotes__text-content[class][class] blockquote{
    font-size: 32px;
    font-weight: 400;
    letter-spacing: -0.4px
  }
}

@media screen and (min-width: 1400px) and (min-width: 1650px){
  .c-image-quotes__text-content[class][class] blockquote{
    font-size: 40px;
    font-weight: 400;
    letter-spacing: -0.4px;
    line-height: 1.175
  }
}

.c-image-quotes__text-content[class][class] blockquote p{
  margin-bottom:16px
}

@media screen and (min-width: 1000px){
  .c-image-quotes__text-content[class][class] blockquote p{
    margin-bottom:24px
  }
}

.c-image-quotes__text-content[class][class] blockquote footer{
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: calc(1em * 0.08);
  font-weight:400
}

@media screen and (min-width: 1000px){
  .c-image-quotes__text-content[class][class] blockquote footer{
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: calc(1em * 0.08)
  }
}

.c-install-banner{
  position:-webkit-sticky;
  position:sticky;
  top:0;
  right:0;
  left:0;
  z-index:100;
  background:#fff;
  box-shadow:0 2px 33px 0 rgba(0,0,0,0.24);
  color:#363636
}

@media screen and (min-width: 600px){
  .c-install-banner{
    display:none
  }
}

.c-install-banner__inner{
  display:flex;
  align-items:center;
  padding:8px 16px 8px 0
}

.c-install-banner__inner>button{
  position:relative;
  top:2px;
  z-index:2;
  padding:15px
}

.c-install-banner__inner>button svg{
  height:12px;
  width:12px
}

.c-install-banner__inner>img{
  width:62px;
  height:62px;
  margin:0 16px 2px 0;
  position:relative;
  top:2px
}

.c-install-banner__inner>a::before{
  content:'';
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  z-index:1
}

.c-install-banner__heading{
  display:block;
  margin-bottom:-2px
}

.c-install-banner__stars{
  transform:scale(0.85);
  transform-origin:top left
}

.c-install-banner__store{
  color:#767676;
  display:block;
  margin-top:-12px;
  font-size:12px;
  line-height:1;
  text-transform:uppercase;
  font-weight:600
}

.c-intro-text{
  font-size: 20px;
  font-weight: 400
}

@media screen and (min-width: 1000px){
  .c-intro-text{
    font-size: 24px;
    font-weight: 400
  }
}

@media screen and (min-width: 1650px){
  .c-intro-text{
    font-size: 28px;
    font-weight: 400
  }
}

h2+.c-intro-text{
  margin-top:24px
}

@media screen and (min-width: 1000px){
  h2+.c-intro-text{
    margin-top:40px
  }
}

.c-jumbotron{
  color:#fff;
  position:relative
}

.c-jumbotron--message-bottom{
  overflow:visible
}

.c-jumbotron--button{
  margin-bottom:96px
}

@media screen and (min-width: 1000px){
  .c-jumbotron--button{
    margin-bottom:128px
  }
}

.c-jumbotron::before{
  content:'';
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  background-image:linear-gradient(162deg, rgba(0,0,0,0.1), rgba(0,0,0,0.39))
}

.c-jumbotron--zumba::before{
  background-image:linear-gradient(162deg, rgba(19,20,27,0.15), rgba(19,20,27,0.9))
}

.c-jumbotron--kickstarter:not(.c-jumbotron--kickstarter-video)::before{
  display:none
}

.c-jumbotron__picture{
  display:block;
  overflow:hidden
}

.c-jumbotron__image{
  object-fit:cover;
  max-width:220%;
  min-height:540px;
  z-index:1
}

.c-jumbotron--article .c-jumbotron__image{
  min-height:450px;
  max-width:150%;
  margin-left:-50%
}

.c-jumbotron--message-bottom .c-jumbotron__image{
  max-width:130%;
  max-height:750px
}

@media screen and (min-width: 1650px){
  .c-jumbotron--message-bottom .c-jumbotron__image{
    max-height:900px
  }
}

.c-jumbotron--kickstarter .c-jumbotron__image{
  min-height:420px;
  max-width:150%
}

.c-jumbotron--kickstarter:not(.c-jumbotron--kickstarter-video) .c-jumbotron__image{
  margin-left:-50%
}

@media screen and (min-width: 600px){
  .c-jumbotron__image[class]{
    width:150%;
    min-height:650px
  }

  .c-jumbotron--kickstarter:not(.c-jumbotron--kickstarter-video) .c-jumbotron__image{
    margin-left:-40%
  }
}

@media screen and (min-width: 1000px){
  .c-jumbotron__image[class]{
    width:100%;
    min-height:700px
  }

  .c-jumbotron--article .c-jumbotron__image{
    margin-left:0;
    max-height:800px
  }

  .c-jumbotron--kickstarter:not(.c-jumbotron--kickstarter-video) .c-jumbotron__image{
    margin-left:0
  }
}

@media screen and (min-width: 1400px){
  .c-jumbotron__image{
    min-height:650px
  }
}

.c-jumbotron__video{
  position:relative;
  width:100%;
  vertical-align:top;
  z-index:1
}

.c-jumbotron__play{
  position:relative;
  display:inline-block;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: calc(1em * 0.08);
  color:#fff;
  text-decoration:none;
  padding-left:30px
}

@media screen and (min-width: 1000px){
  .c-jumbotron__play{
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: calc(1em * 0.08)
  }
}

.c-jumbotron__play--close{
  position:absolute;
  bottom:10%;
  left:50%;
  transform:translateX(-50%);
  z-index:1;
  color:#363636
}

@media screen and (min-width: 600px){
  .c-jumbotron__play--close{
    bottom:25%
  }
}

@media screen and (min-width: 1000px){
  .c-jumbotron__play--close{
    bottom:15%
  }
}

@media screen and (min-width: 1400px){
  .c-jumbotron__play--close{
    bottom:10%
  }
}

.c-jumbotron__play:hover,.c-jumbotron__play:focus{
  color:#fff
}

.c-jumbotron__play--close:hover,.c-jumbotron__play--close:focus{
  color:#363636
}

.c-jumbotron__play span{
  border-bottom:1px solid rgba(255,255,255,0.15);
  transition:border-bottom 0.2s ease
}

.c-jumbotron__play--close span{
  border-bottom:1px solid rgba(54,54,54,0.15)
}

.c-jumbotron__play:hover span,.c-jumbotron__play:focus span{
  border-bottom-color:rgba(255,255,255,0.3)
}

.c-jumbotron__play--close:hover span,.c-jumbotron__play--close:focus span{
  border-bottom-color:rgba(54,54,54,0.3)
}

.c-jumbotron__play::before{
  position:absolute;
  left:0;
  top:6px;
  content:'‣ ';
  font-size:2.5em
}

.c-jumbotron__play--close::before{
  content:'';
  width:14px;
  height:14px;
  top:1px;
  background:url(/media/close-black-0e16b87d.svg);
  background-size:14px
}

.c-jumbotron__play:hover::before,.c-jumbotron__play:focus::before{
  animation:bump-play 0.75s ease-out;
  transform-origin:top center
}

.c-jumbotron__play--close:hover::before,.c-jumbotron__play--close:focus::before{
  transform-origin:center
}

@keyframes bump-play{
  15%{
    transform:scale(1.25)
  }

  40%{
    transform:scale(0.85)
  }

  65%{
    transform:scale(1.1)
  }

  100%{
    transform:scale(1)
  }
}

.c-jumbotron__message{
  position:absolute;
  top:90px;
  right:0;
  bottom:0;
  left:0;
  display:flex;
  flex-direction:column;
  align-content:center;
  justify-content:center;
  text-align:center;
  font-size: 24px;
  font-weight: 400
}

.c-jumbotron--kickstarter .c-jumbotron__message{
  top:70px
}

@media screen and (min-width: 1400px){
  .c-jumbotron--kickstarter .c-jumbotron__message{
    top:40px
  }
}

@media screen and (min-width: 1650px){
  .c-jumbotron__message{
    font-size: 32px;
    font-weight: 400;
    letter-spacing: -0.4px
  }
}

@media screen and (min-width: 1400px){
  .c-jumbotron__message{
    top:40px
  }
}

.c-jumbotron--message-bottom .c-jumbotron__message{
  justify-content:flex-end;
  padding-bottom:40px
}

.c-jumbotron__message-inner>*{
  margin-left:auto;
  margin-right:auto;
  max-width:600px
}

.c-jumbotron__message-inner>*+p{
  margin-bottom:24px
}

@media screen and (min-width: 600px){
  .c-jumbotron__message-inner>*+p{
    margin-bottom:40px
  }
}

@media screen and (min-width: 1000px){
  .c-jumbotron__message-inner>*{
    max-width:none
  }
}

@media screen and (min-width: 1400px){
  .c-jumbotron__message-inner>*+p{
    max-width:none
  }
}

.c-jumbotron__message-inner--wider>.c-jumbotron__heading{
  max-width:840px
}

.c-jumbotron__heading{
  font-size: 40px;
  font-weight: 400;
  letter-spacing: -0.4px;
  line-height: 1.175;
  margin-bottom:24px
}

@media screen and (min-width: 351px){
  .c-jumbotron__heading{
    font-size: 48px;
    font-weight: 400;
    letter-spacing: -0.4px;
    line-height: 1.175
  }
}

@media screen and (min-width: 600px){
  .c-jumbotron__heading{
    font-size: 64px;
    font-weight: 400;
    letter-spacing: -0.4px;
    line-height: 1.175
  }
}

@media screen and (min-width: 1000px){
  .c-jumbotron__heading{
    font-size: 72px;
    font-weight: 400;
    letter-spacing: -0.4px;
    line-height: 1.175
  }
}

.c-jumbotron__heading b,.c-jumbotron__heading strong{
  font-weight: 700
}

.c-jumbotron__heading-pre{
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: calc(1em * 0.08);
  display:block;
  margin-bottom:16px;
  padding-top:2px
}

@media screen and (min-width: 1000px){
  .c-jumbotron__heading-pre{
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: calc(1em * 0.08)
  }
}

@media screen and (min-width: 1000px){
  .c-jumbotron__heading-pre{
    margin-bottom:24px
  }
}

.c-jumbotron--kickstarter .c-jumbotron__heading{
  font-size: 40px;
  font-weight: 400;
  letter-spacing: -0.4px;
  line-height: 1.175;
  font-weight:700
}

@media screen and (min-width: 351px){
  .c-jumbotron--kickstarter .c-jumbotron__heading{
    font-size: 48px;
    font-weight: 400;
    letter-spacing: -0.4px;
    line-height: 1.175
  }
}

@media screen and (min-width: 1000px){
  .c-jumbotron--kickstarter .c-jumbotron__heading{
    font-size: 56px;
    font-weight: 400;
    letter-spacing: -0.4px;
    line-height: 1.175
  }
}

@media screen and (min-width: 1650px){
  .c-jumbotron--kickstarter .c-jumbotron__heading{
    font-size: 64px;
    font-weight: 400;
    letter-spacing: -0.4px;
    line-height: 1.175
  }
}

.c-jumbotron--kickstarter .c-jumbotron__heading b,.c-jumbotron--kickstarter .c-jumbotron__heading strong{
  font-weight: 700
}

.c-jumbotron__heading+p b{
  font-weight:700
}

.c-jumbotron__heading-link,.c-jumbotron__heading-link:visited{
  display:block;
  color:#fff;
  text-decoration:none;
  transition:transform 0.2s ease
}

.c-jumbotron__heading-link:hover,.c-jumbotron__heading-link:focus,.c-jumbotron__heading-link:visited:hover,.c-jumbotron__heading-link:visited:focus{
  transform:translateY(-4px)
}

.c-jumbotron__meta{
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: calc(1em * 0.08);
  font-weight:400
}

@media screen and (min-width: 1000px){
  .c-jumbotron__meta{
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: calc(1em * 0.08)
  }
}

.c-jumbotron__meta-link{
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: calc(1em * 0.08);
  color:#d84a8a;
  text-decoration:none;
  transition:color 0.2s ease
}

@media screen and (min-width: 1000px){
  .c-jumbotron__meta-link{
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: calc(1em * 0.08)
  }
}

.c-jumbotron__meta-link:hover,.c-jumbotron__meta-link:focus{
  color:#fff
}

.c-jumbotron__curve{
  position:absolute;
  bottom:-1px;
  left:0;
  z-index:1
}

.c-jumbotron__curve-button{
  position:absolute;
  bottom:-25px;
  left:50%;
  min-width:210px;
  transform:translateX(-50%);
  z-index:2;
  color:#67604b
}

@media screen and (min-width: 600px){
  .c-jumbotron__curve-button{
    bottom:-22px
  }
}

@media screen and (min-width: 1000px){
  .c-jumbotron__curve-button{
    bottom:-25px
  }
}

.c-kickstarter{
  position:relative;
  z-index:1
}

.c-kickstarter__intro{
  text-align:center;
  margin:0 0 40px 0
}

@media screen and (min-width: 600px){
  .c-kickstarter__intro{
    margin:-40px 0 64px
  }
}

@media screen and (min-width: 1000px){
  .c-kickstarter__intro{
    margin:-64px 0 96px
  }
}

.c-kickstarter__intro-image{
  box-shadow:0 8px 30px -7px #c9c4b5;
  border-radius:3px;
  margin-bottom:40px
}

@media screen and (min-width: 1000px){
  .c-kickstarter__intro-image{
    border-radius:6px;
    box-shadow:0 16px 60px -10px #c9c4b5;
    margin-bottom:64px
  }
}

.c-kickstarter__intro-text{
  font-size: 28px;
  font-weight: 400
}

@media screen and (min-width: 1000px){
  .c-kickstarter__intro-text{
    font-size: 32px;
    font-weight: 400;
    letter-spacing: -0.4px
  }
}

@media screen and (min-width: 1650px){
  .c-kickstarter__intro-text{
    font-size: 40px;
    font-weight: 400;
    letter-spacing: -0.4px;
    line-height: 1.175
  }
}

.c-kickstarter__app-buttons{
  margin:40px 0
}

@media screen and (max-width: 599px){
  .c-kickstarter__intro-list{
    display:inline-block;
    margin:0 15px
  }
}

.c-kickstarter__quote{
  font-size: 20px;
  font-weight: 400;
  background:#fff;
  padding-top:40px;
  padding-bottom:4px;
  text-align:center
}

@media screen and (min-width: 1000px){
  .c-kickstarter__quote{
    font-size: 24px;
    font-weight: 400
  }
}

@media screen and (min-width: 1650px){
  .c-kickstarter__quote{
    font-size: 28px;
    font-weight: 400
  }
}

@media screen and (min-width: 600px){
  .c-kickstarter__quote{
    padding-top:64px;
    padding-bottom:64px
  }
}

@media screen and (min-width: 1000px){
  .c-kickstarter__quote{
    padding:96px
  }
}

@media screen and (min-width: 1400px){
  .c-kickstarter__quote{
    padding:128px 96px
  }
}

.c-kickstarter__quote blockquote{
  margin-left:0;
  padding-left:0
}

.c-kickstarter__quote blockquote::before{
  display:none
}

.c-kickstarter__quote-graphics{
  margin-bottom:24px
}

@media screen and (min-width: 1000px){
  .c-kickstarter__quote-graphics{
    margin-bottom:40px
  }
}

.c-kickstarter__quote-author[class]{
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: calc(1em * 0.08)
}

@media screen and (min-width: 1000px){
  .c-kickstarter__quote-author[class]{
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: calc(1em * 0.08)
  }
}

.c-kickstarter__quote-author[class]>span{
  display:block
}

.c-kickstarter__quote-author[class] img{
  border-radius:50%;
  margin-bottom:24px
}

.c-language-switcher:not(.c-language-switcher--desktop){
  position:relative
}

.c-language-switcher:not(.c-language-switcher--desktop) .c-language-switcher__button{
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: calc(1em * 0.08);
  display:block;
  color:#363636;
  opacity:0.5;
  padding:5px 30px 1px 15px;
  border-radius:50px;
  background:url(/media/select-arrow-black-24e70757.svg) calc(100% - 15px) calc(50% + 1px) no-repeat;
  background-size:9px 5px
}

@media screen and (min-width: 1000px){
  .c-language-switcher:not(.c-language-switcher--desktop) .c-language-switcher__button{
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: calc(1em * 0.08)
  }
}

.c-language-switcher:not(.c-language-switcher--desktop) .c-language-switcher__button--open,.c-language-switcher:not(.c-language-switcher--desktop) .c-language-switcher__button--open:active,.c-language-switcher:not(.c-language-switcher--desktop) .c-language-switcher__button--open:focus{
  background-color:#41cd8c;
  opacity:1;
  background-image:url(/media/select-arrow-white-bf79aaee.svg);
  color:#fff
}

.c-language-switcher:not(.c-language-switcher--desktop) .c-language-switcher__button--open::before,.c-language-switcher:not(.c-language-switcher--desktop) .c-language-switcher__button--open:active::before,.c-language-switcher:not(.c-language-switcher--desktop) .c-language-switcher__button--open:focus::before{
  content:'';
  position:absolute;
  top:100%;
  left:20px;
  width:30px;
  height:12px;
  background:#41cd8c
}

.c-language-switcher:not(.c-language-switcher--desktop) .c-language-switcher__list{
  position:absolute;
  bottom:500px;
  top:auto;
  width:160px;
  left:0;
  background:#41cd8c;
  border-radius:14px;
  padding:8px 0;
  box-shadow:0 15px 20px -10px #a6e8c9
}

.c-language-switcher:not(.c-language-switcher--desktop) .c-language-switcher__list--open{
  bottom:auto;
  top:37px
}

.c-language-switcher:not(.c-language-switcher--desktop) .c-language-switcher__list::after,.c-language-switcher:not(.c-language-switcher--desktop) .c-language-switcher__list::before{
  content:'';
  position:absolute;
  bottom:100%;
  left:11px;
  width:20px;
  height:12px;
  background:#fff;
  border-radius:50px
}

.c-language-switcher:not(.c-language-switcher--desktop) .c-language-switcher__list::before{
  left:39px
}

.c-language-switcher:not(.c-language-switcher--desktop) .c-language-switcher__link,.c-language-switcher:not(.c-language-switcher--desktop) .c-language-switcher__link:visited{
  font-family: TTNormsPro, Roboto, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.35;
  display:block;
  padding:4px 0 4px 35px;
  text-decoration:none;
  color:#fff;
  cursor:pointer
}

@media screen and (min-width: 1000px){
  .c-language-switcher:not(.c-language-switcher--desktop) .c-language-switcher__link,.c-language-switcher:not(.c-language-switcher--desktop) .c-language-switcher__link:visited{
    font-size: 20px;
    font-weight: 400
  }
}

.c-language-switcher:not(.c-language-switcher--desktop) .c-language-switcher__link--active{
  font-weight:bolder
}

.c-language-switcher:not(.c-language-switcher--desktop) .c-language-switcher__link--active span{
  margin-left:-18px;
  padding-left:18px;
  background:url(/media/check-white-afd5d82e.svg) 0 calc(50% - 2px) no-repeat;
  background-size:11px 9px
}

.c-language-switcher--desktop{
  position:relative;
  text-align:center;
  margin-right:8px
}

.c-language-switcher--desktop .c-language-switcher__button:hover{
  cursor:pointer
}

.c-language-switcher--desktop .c-language-switcher__button>span{
  padding-right:16px;
  background:url(/media/select-arrow-white-bf79aaee.svg) 100% 50% no-repeat;
  background-size:9px 5px
}

.c-language-switcher--desktop.c-language-switcher--inverted .c-language-switcher__button>span{
  background-image:url(/media/select-arrow-black-24e70757.svg)
}

.c-language-switcher--desktop .c-language-switcher__list{
  position:absolute;
  bottom:500px;
  top:auto;
  width:200px;
  left:50%;
  margin-left:-107px;
  background:#fff;
  border-radius:8px;
  padding:16px 0;
  box-shadow:0 15px 20px -10px rgba(0,0,0,0.15)
}

.c-language-switcher--desktop .c-language-switcher__list--open{
  bottom:auto;
  top:50px
}

.c-language-switcher--desktop .c-language-switcher__list::before{
  content:'';
  position:absolute;
  bottom:100%;
  left:50%;
  transform:translateX(-50%);
  border-bottom:10px solid #fff;
  border-left:10px solid transparent;
  border-right:10px solid transparent
}

.c-language-switcher--desktop .c-language-switcher__link,.c-language-switcher--desktop .c-language-switcher__link:visited{
  font-size: 14px;
  font-weight: 400;
  display:block;
  padding:8px 0 4px;
  text-decoration:none;
  color:#363636;
  transition:transform 0.2s ease
}

@media screen and (min-width: 1000px){
  .c-language-switcher--desktop .c-language-switcher__link,.c-language-switcher--desktop .c-language-switcher__link:visited{
    font-size: 17px;
    font-weight: 400
  }
}

.c-language-switcher--desktop .c-language-switcher__link:hover,.c-language-switcher--desktop .c-language-switcher__link:active{
  transform:translateY(-2px)
}

.c-language-switcher--desktop .c-language-switcher__link--active{
  font-weight:bolder
}

.c-language-switcher--desktop .c-language-switcher__link--active span{
  margin-left:-18px;
  padding-left:18px;
  background:url(/media/check-4c143a18.svg) 0 calc(50% - 2px) no-repeat;
  background-size:11px 9px
}

.c-loader{
  display:inline-block;
  width:32px;
  height:32px
}

@media screen and (min-width: 1000px){
  .c-loader{
    width:48px;
    height:48px
  }
}

@media screen and (min-width: 1400px){
  .c-loader{
    width:55px;
    height:55px
  }
}

.c-login-popover__box{
  color:#363636;
  position:relative;
  background:#fff;
  border-radius:8px;
  padding:40px 40px 24px;
  max-width:440px;
  text-align:center
}

.c-login-popover__box>div{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  min-height:440px
}

@media screen and (min-width: 1000px){
  .c-login-popover__box{
    padding:64px 64px 40px;
    max-width:480px
  }
}

.c-login-popover__box-heading[class]{
  font-size: 24px;
  font-weight: 400;
  margin-top:16px;
  margin-bottom:16px
}

@media screen and (min-width: 1650px){
  .c-login-popover__box-heading[class]{
    font-size: 32px;
    font-weight: 400;
    letter-spacing: -0.4px
  }
}

.c-login-popover__button+.c-login-popover__button{
  margin-top:24px
}

.c-login-popover__link-wrapper{
  display:flex;
  flex-direction:column;
  align-items:center;
  margin-top:40px
}

.c-login-popover__link{
  text-decoration:none;
  color:#363636;
  margin-bottom:16px;
  cursor:pointer;
  font-size: 14px;
  font-weight: 400;
  border-bottom:1px solid rgba(0,0,0,0.15);
  transition:border-bottom-color 0.2s ease
}

@media screen and (min-width: 1000px){
  .c-login-popover__link{
    font-size: 17px;
    font-weight: 400
  }
}

.c-login-popover__link[class]{
  line-height:1.1
}

.c-login-popover__link:hover{
  border-bottom-color:#363636
}

.c-login-popover__back[class]{
  position:absolute;
  display:block;
  top:24px;
  left:24px;
  width:20px;
  height:16px;
  text-indent:300%;
  overflow:hidden;
  white-space:nowrap;
  background:url(/media/arrow-back-a0027b23.svg) 0 0 no-repeat
}

@media screen and (min-width: 1000px){
  .c-login-popover__back[class]{
    top:40px;
    left:40px
  }
}

.c-login-popover__close[class]{
  position:absolute;
  display:block;
  top:24px;
  right:24px;
  width:18px;
  height:18px;
  text-indent:300%;
  overflow:hidden;
  white-space:nowrap;
  background:url(/media/close-75869fa6.svg) 0 0 no-repeat
}

@media screen and (min-width: 1000px){
  .c-login-popover__close[class]{
    top:40px;
    right:40px
  }
}

.c-login-popover__error{
  color:#d24646;
  font-style:italic;
  padding-top:4px;
  margin-bottom:24px;
  font-size: 14px;
  font-weight: 400
}

@media screen and (min-width: 1000px){
  .c-login-popover__error{
    font-size: 17px;
    font-weight: 400
  }
}

.c-login-popover__input-group{
  position:relative;
  margin-bottom:24px
}

.c-login-popover__field{
  border:none;
  border-bottom:1px solid #41cd8c;
  outline:none;
  padding:16px 0 calc(8px - 3px) 0;
  width:100%;
  background-repeat:no-repeat
}

.c-login-popover__label{
  position:absolute;
  pointer-events:none;
  top:0;
  left:0;
  margin-top:17px;
  text-align:left;
  color:#999;
  transform-origin:top left
}

.c-login-popover__field--has-value+.c-login-popover__label{
  animation:move-label 0.3s forwards
}

@keyframes move-label{
  0%{
    margin-top:18px;
    opacity:1;
    transform:scale(1)
  }

  10%{
    margin-top:18px;
    opacity:0;
    transform:scale(1)
  }

  50%{
    opacity:0;
    margin-top:4px;
    transform:scale(0.7)
  }

  100%{
    margin-top:-2px;
    opacity:1;
    transform:scale(0.7)
  }
}

.c-login-popover__submit{
  margin-top:40px;
  min-width:0;
  width:260px
}

.c-login-popover__checkmark{
  width:30px;
  height:24px;
  margin-top:24px;
  margin-bottom:4px;
  margin-left:auto;
  margin-right:auto
}

.c-login-popover__instructions{
  font-size: 14px;
  font-weight: 400;
  margin:16px 0 40px
}

@media screen and (min-width: 1000px){
  .c-login-popover__instructions{
    font-size: 17px;
    font-weight: 400
  }
}

.c-login-popover__details{
  margin-top:24px
}

@media screen and (min-width: 1000px){
  .c-login-popover__details{
    margin-top:40px
  }
}

.c-login-popover__details-heading{
  display:inline-block;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: calc(1em * 0.08);
  margin-bottom:16px;
  border-bottom:1px solid rgba(0,0,0,0.15);
  cursor:pointer;
  transition:border-bottom-color 0.2s ease
}

@media screen and (min-width: 1000px){
  .c-login-popover__details-heading{
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: calc(1em * 0.08)
  }
}

.c-login-popover__details-heading[class]{
  line-height:0.9
}

.c-login-popover__details-heading:hover,.c-login-popover__details-heading:focus{
  border-bottom-color:rgba(0,0,0,0.8)
}

.c-login-popover__details-heading::-webkit-details-marker{
  display:none
}

.c-logo{
  position:relative;
  width:88px;
  height:20px;
  color:#41cd8c;
  transition:fill 0.2s ease
}

@media screen and (min-width: 600px){
  .c-logo{
    width:103px;
    height:24px
  }
}

@media screen and (min-width: 1000px){
  .c-logo{
    width:103px;
    height:24px
  }
}

@media screen and (min-width: 1400px){
  .c-logo{
    width:147px;
    height:34px
  }
}

.c-logo--short{
  top:2px;
  transform:scale(1.1)
}

@media screen and (max-width: 1399px){
  .c-logo--short{
    width:32px;
    transform:scale(1.25);
    transform-origin:center
  }
}

@media screen and (max-width: 599px){
  .c-logo--short{
    transform:scale(1.5)
  }
}

.c-logo--inverted{
  color:#fff
}

.c-mega-menu{
  color:#363636;
  text-align:left
}

.c-mega-menu:not(.c-mega-menu--desktop){
  margin:0 30px
}

.c-mega-menu--desktop{
  position:absolute;
  left:0;
  right:0;
  bottom:300px;
  margin-top:5px
}

.c-mega-menu--desktop.c-mega-menu--open{
  bottom:auto;
  top:calc(100% + 5px)
}

.c-mega-menu--desktop .c-mega-menu__inner{
  position:relative;
  overflow:hidden;
  background:rgba(255,255,255,0.97);
  border-radius:8px;
  box-shadow:0 15px 20px -10px rgba(0,0,0,0.15);
  padding:40px 40px 16px
}

@media screen and (min-width: 1000px){
  .c-mega-menu--desktop .c-mega-menu__inner{
    margin:0 -25px;
    padding:40px 40px 24px
  }
}

@media screen and (min-width: 1400px){
  .c-mega-menu--desktop .c-mega-menu__inner{
    margin:0;
    padding:40px 64px 24px
  }
}

.c-mega-menu--desktop .c-mega-menu__inner::after{
  content:'';
  position:absolute;
  top:0;
  right:0;
  left:0;
  height:4px;
  background:linear-gradient(to right, #fa6946 0, #d84a8a 25%, #8278c8 50%, #3caae6 75%, #41cd8c 100%)
}

.c-mega-menu__loader{
  margin:150px auto;
  border-radius:50%;
  padding:12px;
  width:46px;
  height:46px
}

@media screen and (min-width: 1000px){
  .c-mega-menu__loader{
    width:58px;
    height:58px
  }
}

.c-mega-menu__heading{
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: calc(1em * 0.08);
  margin-bottom:16px;
  align-self:flex-start
}

@media screen and (min-width: 1000px){
  .c-mega-menu__heading{
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: calc(1em * 0.08)
  }
}

@supports ((-webkit-background-clip: text) or (background-clip: text)) or (-webkit-background-clip: text){
  .c-mega-menu__heading[class][class]{
    color:transparent;
    -webkit-background-clip:text;
    background-clip:text
  }
}

.c-mega-menu__item{
  margin-bottom:4px
}

.c-mega-menu__link{
  display:inline-block;
  color:#363636;
  text-decoration:none;
  transition:all 0.2s ease;
  transform:translateX(0);
  padding:8px 0
}

.c-mega-menu:not(.c-mega-menu--desktop) .c-mega-menu__link{
  font-weight:600
}

.c-mega-menu__link[class]{
  line-height:1.5
}

.c-mega-menu__link:hover,.c-mega-menu__link:focus{
  transform:translateX(2px)
}

@media screen and (min-width: 1000px){
  .c-mega-menu__link{
    font-size: 14px;
    font-weight: 400
  }
}

@media screen and (min-width: 1000px) and (min-width: 1000px){
  .c-mega-menu__link{
    font-size: 17px;
    font-weight: 400
  }
}

.c-mega-menu__read-more{
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: calc(1em * 0.08);
  color:#363636;
  position:relative;
  display:inline-block;
  text-decoration:none;
  transition:all 0.2s ease;
  transform:translateY(0)
}

@media screen and (min-width: 1000px){
  .c-mega-menu__read-more{
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: calc(1em * 0.08)
  }
}

.c-mega-menu__read-more::after{
  content:'';
  position:absolute;
  top:100%;
  left:0;
  right:0;
  height:2px;
  background-image:linear-gradient(to right, #3caae6, #3fbcb9);
  transition:top 0.2s ease
}

.c-mega-menu:not(.c-mega-menu--desktop) .c-mega-menu__read-more{
  margin-top:16px
}

.c-mega-menu:not(.c-mega-menu--desktop) .c-mega-menu__read-more::after{
  background:#41cd8c
}

.c-mega-menu__read-more:hover,.c-mega-menu__read-more:focus{
  color:rgba(54,54,54,0.8);
  transform:translateY(-2px)
}

.c-mega-menu__read-more:hover::after,.c-mega-menu__read-more:focus::after{
  top:calc(100% - 1px)
}

.c-mega-menu__category{
  margin-bottom:24px
}

.c-mega-menu__category--1 .c-mega-menu__heading,.c-mega-menu__category--1 .c-mega-menu__link:hover,.c-mega-menu__category--1 .c-mega-menu__link:focus{
  color:#fa6946
}

.c-mega-menu__category--1 .c-mega-menu__loader{
  background:#fa6946;
  box-shadow:0 4px 10px rgba(250,105,70,0.35)
}

@supports ((-webkit-background-clip: text) or (background-clip: text)) or (-webkit-background-clip: text){
  .c-mega-menu__category--1 .c-mega-menu__heading{
    background-image:linear-gradient(to right, #fa6946, #df507c)
  }
}

.c-mega-menu__category--2 .c-mega-menu__heading,.c-mega-menu__category--2 .c-mega-menu__link:hover,.c-mega-menu__category--2 .c-mega-menu__link:focus{
  color:#d84a8a
}

.c-mega-menu__category--2 .c-mega-menu__loader{
  background:#d84a8a;
  box-shadow:0 4px 10px rgba(130,120,200,0.35)
}

@supports ((-webkit-background-clip: text) or (background-clip: text)) or (-webkit-background-clip: text){
  .c-mega-menu__category--2 .c-mega-menu__heading{
    background-image:linear-gradient(to right, #d84a8a, #a068b2)
  }
}

.c-mega-menu__category--3 .c-mega-menu__heading,.c-mega-menu__category--3 .c-mega-menu__link:hover,.c-mega-menu__category--3 .c-mega-menu__link:focus{
  color:#8278c8
}

.c-mega-menu__category--3 .c-mega-menu__loader{
  background:#8278c8;
  box-shadow:0 4px 10px rgba(130,120,200,0.35)
}

@supports ((-webkit-background-clip: text) or (background-clip: text)) or (-webkit-background-clip: text){
  .c-mega-menu__category--3 .c-mega-menu__heading{
    background-image:linear-gradient(to right, #8278c8, #5599dc)
  }
}

.c-mega-menu__category--4 .c-mega-menu__heading,.c-mega-menu__category--4 .c-mega-menu__link:hover,.c-mega-menu__category--4 .c-mega-menu__link:focus{
  color:#3caae6
}

.c-mega-menu__category--4 .c-mega-menu__loader{
  background:#3caae6;
  box-shadow:0 5px 10px rgba(60,170,230,0.3)
}

@supports ((-webkit-background-clip: text) or (background-clip: text)) or (-webkit-background-clip: text){
  .c-mega-menu__category--4 .c-mega-menu__heading{
    background-image:linear-gradient(to right, #3caae6, #3fbcb9)
  }
}

.c-mega-menu:not(.c-mega-menu--desktop) .c-mega-menu__category .c-mega-menu__heading,.c-mega-menu:not(.c-mega-menu--desktop) .c-mega-menu__category .c-mega-menu__link:hover,.c-mega-menu:not(.c-mega-menu--desktop) .c-mega-menu__category .c-mega-menu__link:focus{
  color:#41cd8c;
  background:transparent
}

.c-menu-bar__list{
  display:inline-flex;
  justify-content:center;
  flex-wrap:wrap
}

.c-menu-bar__item{
  margin-bottom:4px
}

.c-menu-bar__item:last-child .c-menu-bar__link,.c-menu-bar__item:last-child .c-menu-bar__button{
  margin-right:0
}

.c-menu-bar__link,.c-menu-bar__button{
  display:inline-flex;
  padding:8px;
  color:#363636;
  text-decoration:none;
  transition:all 0.2s ease;
  text-align:center;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: calc(1em * 0.08)
}

@media screen and (min-width: 1000px){
  .c-menu-bar__link,.c-menu-bar__button{
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: calc(1em * 0.08)
  }
}

@media screen and (min-width: 1400px){
  .c-menu-bar__link,.c-menu-bar__button{
    padding:8px 16px
  }

  .c-menu-bar__item:first-child .c-menu-bar__link,.c-menu-bar__item:first-child .c-menu-bar__button{
    padding-left:0
  }
}

.c-menu-bar--inverted .c-menu-bar__link,.c-menu-bar--inverted .c-menu-bar__button{
  color:#fff
}

.c-menu-bar__link:hover,.c-menu-bar__link:focus,.c-menu-bar__button:hover,.c-menu-bar__button:focus{
  transform:translateY(-2px)
}

@media screen and (min-width: 1000px){
  .c-menu-bar__button{
    position:relative;
    bottom:2px;
    box-shadow:0 0 0 2px #41cd8c inset;
    border-radius:100px;
    padding:9px 20px 7px;
    margin-left:12px;
    margin-right:12px
  }

  .c-menu-bar--white-hocus .c-menu-bar__button{
    box-shadow:0 0 0 2px #fff inset
  }

  .c-menu-bar--premium-theme .c-menu-bar__button{
    box-shadow:0 0 0 2px #ff7d27 inset
  }
}

.c-menu-bar__button:hover,.c-menu-bar__button:focus{
  box-shadow:none;
  color:#fff
}

.c-menu-bar--white-hocus .c-menu-bar__button:hover,.c-menu-bar--white-hocus .c-menu-bar__button:focus{
  color:#41cd8c
}

.c-menu-bar--white-hocus-magenta .c-menu-bar__button:hover,.c-menu-bar--white-hocus-magenta .c-menu-bar__button:focus{
  color:#d84a8a
}

.c-menu-bar--white-hocus-blue .c-menu-bar__button:hover,.c-menu-bar--white-hocus-blue .c-menu-bar__button:focus{
  color:#8278c8
}

.c-menu-bar__button::before,.c-menu-bar__button::after{
  content:'';
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  border-radius:100px;
  opacity:0;
  z-index:-1;
  transition:opacity 0.2s ease
}

.c-menu-bar__button::before{
  background:linear-gradient(130deg, #41cd8c, #00b698)
}

.c-menu-bar--premium-theme .c-menu-bar__button::before{
  background:linear-gradient(130deg, #ffa634, #ff435b)
}

.c-menu-bar--white-hocus .c-menu-bar__button::before{
  background:#fff
}

.c-menu-bar__button::after{
  box-shadow:0 4px 20px rgba(0,0,0,0.25)
}

.c-menu-bar__button:hover::before,.c-menu-bar__button:focus::before,.c-menu-bar__button:hover::after,.c-menu-bar__button:focus::after{
  opacity:1
}

.c-menu-bar__link--menu-open{
  transition:transform 0.2s ease;
  background:linear-gradient(to right, #d84a8a, #9c6ab5);
  border-radius:50px;
  box-shadow:0 4px 20px rgba(0,0,0,0.25);
  color:#fff
}

.c-menu-bar__link--menu-open .c-menu-bar__link-text::before{
  display:none
}

.c-menu-bar__link--menu-open[class][class] .c-menu-bar__link-text::after{
  background-image:url(/media/select-arrow-white-bf79aaee.svg)
}

@media screen and (min-width: 1400px){
  .c-menu-bar__link--menu-open{
    background:linear-gradient(to right, #f0605a, #d84a8a, #ad61a9)
  }
}

.c-menu-bar__link-text{
  position:relative
}

.c-menu-bar__link:not(.c-menu-bar__link--prominent) .c-menu-bar__link-text::before{
  content:'';
  position:absolute;
  top:125%;
  left:0;
  width:100%;
  height:2px;
  background:linear-gradient(130deg, #41cd8c, #00b698);
  transition:all 0.2s ease;
  opacity:0
}

.c-menu-bar--white-hocus .c-menu-bar__link:not(.c-menu-bar__link--prominent) .c-menu-bar__link-text::before{
  background:rgba(255,255,255,0.9)
}

.c-menu-bar--premium-theme .c-menu-bar__link:not(.c-menu-bar__link--prominent) .c-menu-bar__link-text::before{
  background:linear-gradient(130deg, #ffa634, #ff435b)
}

.c-menu-bar__link:hover .c-menu-bar__link-text::before,.c-menu-bar__link:focus .c-menu-bar__link-text::before{
  top:calc(100% + 2px);
  opacity:1
}

.c-menu-bar__link--arrow{
  padding-right:18px
}

@media screen and (min-width: 1400px){
  .c-menu-bar__link--arrow{
    padding-right:24px
  }
}

.c-menu-bar__link--arrow .c-menu-bar__link-text::after{
  content:'';
  position:relative;
  left:8px;
  bottom:2px;
  display:inline-block;
  width:9px;
  height:5px;
  background:url(/media/select-arrow-white-bf79aaee.svg) 100% 50% no-repeat;
  background-size:9px 5px
}

.c-menu-bar__item--inverted .c-menu-bar__link--arrow .c-menu-bar__link-text::after{
  background-image:url(/media/select-arrow-black-24e70757.svg)
}

.c-header--floating .c-menu-bar__sub-menu{
  opacity:0
}

.c-menu-bar__sub-menu{
  position:absolute;
  bottom:-45px;
  left:-25px;
  right:-25px;
  display:flex;
  justify-content:center;
  padding-top:8px;
  opacity:1;
  transition:opacity 0.2s ease
}

@media screen and (min-width: 1400px){
  .c-menu-bar__sub-menu{
    left:0;
    right:0
  }
}

.c-menu-bar__sub-menu::after{
  content:'';
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:1px;
  background:rgba(255,255,255,0.2)
}

.c-menu-bar__sub-menu-item{
  margin:0 12px
}

.c-menu-bar__sub-menu-link{
  font-size: 14px;
  font-weight: 400;
  display:inline-block;
  position:relative;
  text-decoration:none;
  color:#fff;
  transition:transform 0.2s ease;
  cursor:pointer
}

@media screen and (min-width: 1000px){
  .c-menu-bar__sub-menu-link{
    font-size: 17px;
    font-weight: 400
  }
}

.c-menu-bar__sub-menu-link:not(.c-menu-bar__sub-menu-link--close):hover,.c-menu-bar__sub-menu-link:not(.c-menu-bar__sub-menu-link--close):focus{
  transform:translateY(-2px)
}

.c-menu-bar__sub-menu-link:not(.c-menu-bar__sub-menu-link--close)::after{
  content:'';
  position:absolute;
  bottom:2px;
  left:0;
  right:0;
  height:1px;
  transform:translateY(4px);
  opacity:0;
  background:#fff;
  transition:all 0.2s ease
}

.c-menu-bar__sub-menu-link:hover::after,.c-menu-bar__sub-menu-link:focus::after{
  opacity:1;
  transform:translateY(0)
}

.c-menu-bar__sub-menu-link--close{
  color:transparent;
  background:url(/media/close-white-31ff8c52.svg) 100% 35% no-repeat;
  background-size:12px
}

.c-menu-bar__search-btn-wrapper{
  display:inline-block;
  margin-right:-16px
}

.c-menu-bar__search-btn{
  transition:transform 0.2s ease
}

.c-menu-bar__search-btn--close{
  padding-right:0;
  padding-top:0;
  text-indent:300%;
  white-space:nowrap;
  overflow:hidden;
  background:url(/media/close-white-31ff8c52.svg) 0 0 no-repeat;
  width:18px;
  height:18px;
  position:relative;
  top:4px
}

@media screen and (max-width: 599px){
  .c-menu-bar__search-btn--close{
    right:16px;
    padding:0
  }
}

.c-meta{
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: calc(1em * 0.08);
  color:#93896c;
  margin-bottom:24px
}

@media screen and (min-width: 1000px){
  .c-meta{
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: calc(1em * 0.08)
  }
}

@media screen and (min-width: 1000px){
  .c-meta{
    margin-bottom:40px;
    margin-top:-24px
  }
}

@media screen and (min-width: 1400px){
  .c-meta{
    margin-top:-40px
  }
}

.c-meta[class]{
  font-weight:400
}

.c-meta>span,.c-meta>a{
  font-weight:400
}

.c-meta a[href]:link,.c-meta a[href]:visited{
  color:#d84a8a;
  vertical-align:1px;
  margin-left:2px
}

.c-meta a[href]:hover,.c-meta a[href]:focus{
  color:#494436
}

.c-meta__avatar[class]{
  margin-bottom:0;
  margin-right:8px;
  border-radius:50%;
  width:36px;
  height:36px
}

.c-native-ad__steps{
  position:relative;
  background:#fff;
  border-radius:8px;
  box-shadow:0 10px 15px -10px rgba(103,96,75,0.3);
  overflow:hidden;
  text-align:center
}

.c-native-ad__steps-inner{
  display:flex;
  width:400%;
  transition:transform 0.35s ease-out
}

.c-native-ad__step{
  flex:0 0 25%;
  padding:0 24px 40px 24px
}

.c-native-ad__step-heading[class]{
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: calc(1em * 0.08);
  margin-bottom:8px;
  margin-top:0
}

@media screen and (min-width: 1000px){
  .c-native-ad__step-heading[class]{
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: calc(1em * 0.08)
  }
}

.c-native-ad__steps-nav[class]{
  position:absolute;
  bottom:16px;
  left:0;
  right:0;
  text-align:center;
  list-style:none;
  margin:0
}

.c-native-ad__steps-nav-item{
  display:inline-block;
  margin:0 4px
}

.c-native-ad__steps-nav-button{
  color:#41cd8c;
  font-weight:600;
  width:32px;
  height:32px;
  text-align:center;
  border-radius:50%
}

.c-native-ad__steps-nav-button--current{
  color:#fff;
  background:linear-gradient(130deg, #41cd8c, #00b698)
}

.c-off-canvas{
  position:fixed;
  top:0;
  bottom:0;
  left:0;
  width:90%;
  max-width:450px;
  z-index:120;
  background:#fff;
  box-shadow:0 0 40px rgba(0,0,0,0.3);
  color:#363636;
  transform:translateX(-100%);
  transition:transform 0.2s ease-out;
  overflow:hidden
}

.c-off-canvas--appear{
  transform:translateX(0)
}

.c-off-canvas__open[class]{
  padding-left:32px;
  position:relative
}

.c-off-canvas__open-icon{
  position:absolute;
  left:0;
  top:5px;
  width:20px;
  height:18px;
  fill:#fff
}

.c-off-canvas__open-icon--dark{
  fill:#363636
}

.c-off-canvas__brand{
  position:absolute;
  width:34px;
  height:34px;
  left:50%;
  margin-left:-15px;
  top:16px
}

.c-off-canvas__close[class]{
  position:absolute;
  display:block;
  top:24px;
  right:24px;
  width:18px;
  height:18px;
  text-indent:300%;
  overflow:hidden;
  white-space:nowrap;
  background:url(/media/close-75869fa6.svg) 0 0 no-repeat
}

.c-off-canvas__back[class]{
  position:absolute;
  display:block;
  top:24px;
  left:24px;
  width:20px;
  height:18px;
  background:url(/media/arrow-back-a0027b23.svg) 0 50% no-repeat
}

@media screen and (min-width: 1000px){
  .c-off-canvas__back[class]{
    top:40px;
    left:40px
  }
}

.c-off-canvas__language{
  position:absolute;
  left:14px;
  top:24px;
  z-index:1
}

.c-off-canvas__menu{
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  display:flex;
  height:100%;
  align-items:center;
  justify-content:center;
  padding-top:64px 0;
  text-align:center;
  transition:transform 0.5s ease;
  transform:translateX(0)
}

.c-off-canvas__menu--hidden-left{
  transform:translateX(-100%)
}

.c-off-canvas__menu--hidden-right{
  transform:translateX(100%)
}

.c-off-canvas__menu-link,.c-off-canvas__menu-link:visited{
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: calc(1em * 0.08);
  width:100%;
  display:block;
  color:#363636;
  text-decoration:none;
  padding:10px 24px
}

@media screen and (min-width: 1000px){
  .c-off-canvas__menu-link,.c-off-canvas__menu-link:visited{
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: calc(1em * 0.08)
  }
}

@media screen and (min-height: 600px){
  .c-off-canvas__menu-link,.c-off-canvas__menu-link:visited{
    padding:14px 24px
  }
}

@media screen and (min-height: 700px){
  .c-off-canvas__menu-link,.c-off-canvas__menu-link:visited{
    padding:24px
  }
}

.c-off-canvas__menu-link--more>span::after{
  content:' +';
  position:absolute;
  left:calc(100% + 5px);
  top:-4px;
  font-size:1.4em;
  opacity:0.3
}

.c-off-canvas__menu-link-text{
  position:relative;
  display:inline-flex;
  flex-direction:row;
  justify-content:center
}

.c-off-canvas__menu--articles{
  display:block;
  top:70px;
  bottom:50px;
  height:auto
}

@media screen and (min-height: 700px){
  .c-off-canvas__menu--articles{
    bottom:70px
  }
}

.c-off-canvas__menu--articles::after{
  content:'';
  position:absolute;
  bottom:0;
  left:0;
  right:0;
  height:50px;
  background:linear-gradient(to bottom, rgba(255,255,255,0), #fff)
}

.c-off-canvas__menu--articles .c-off-canvas__menu-inner{
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  padding-bottom:30px;
  overflow-y:scroll;
  -webkit-overflow-scrolling:touch
}

.c-off-canvas__sub-menu{
  position:relative;
  margin-top:16px
}

.c-off-canvas__sub-menu::after{
  content:'';
  position:absolute;
  bottom:calc(100% + 6px);
  left:calc(50% - 1px);
  width:1px;
  height:20px;
  background:rgba(54,54,54,0.75)
}

.c-off-canvas__sub-menu-link{
  font-family: TTNormsPro, Roboto, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.35;
  display:inline-block;
  text-decoration:none;
  letter-spacing:normal;
  text-transform:none;
  color:#363636
}

@media screen and (min-width: 1000px){
  .c-off-canvas__sub-menu-link{
    font-size: 20px;
    font-weight: 400
  }
}

.c-off-canvas__account-links{
  position:absolute;
  left:0;
  right:0;
  bottom:0
}

.c-off-canvas__account-links>ul{
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: calc(1em * 0.08);
  display:flex
}

@media screen and (min-width: 1000px){
  .c-off-canvas__account-links>ul{
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: calc(1em * 0.08)
  }
}

.c-off-canvas__account-item{
  border-top:1px solid #ebebeb;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  flex:1 1 50%
}

.c-off-canvas__account-item:first-child{
  border-right:1px solid #ebebeb
}

.c-off-canvas__account-link,.c-off-canvas__account-link:visited{
  display:block;
  color:#41cd8c;
  text-decoration:none;
  padding:19px 12px 16px;
  text-transform:uppercase
}

@media screen and (min-height: 700px){
  .c-off-canvas__account-link,.c-off-canvas__account-link:visited{
    padding:26px 12px 24px
  }
}

.c-off-canvas--magenta .c-off-canvas__account-link,.c-off-canvas--magenta .c-off-canvas__account-link:visited{
  color:#d84a8a
}

.c-overlap-graphic{
  position:relative;
  padding:40px 0 64px;
  text-align:center;
  z-index:2
}

.c-overlap-graphic--bg{
  background:#fff
}

@media screen and (min-width: 1000px){
  .c-overlap-graphic{
    padding-bottom:96px
  }
}

.c-overlap-graphic__img{
  margin-top:-64px;
  margin-bottom:8px
}

@media screen and (min-width: 1000px){
  .c-overlap-graphic__img{
    margin-top:-78px;
    margin-bottom:24px
  }
}

.c-overlap-graphic--heart .c-overlap-graphic__img{
  width:85px
}

@media screen and (min-width: 1000px){
  .c-overlap-graphic--heart .c-overlap-graphic__img{
    width:calc(85px * 1.5)
  }
}

.c-overlap-graphic--karate .c-overlap-graphic__img{
  width:115px
}

@media screen and (min-width: 1000px){
  .c-overlap-graphic--karate .c-overlap-graphic__img{
    width:calc(115px * 1.5)
  }
}

.c-overlap-graphic--winning .c-overlap-graphic__img{
  margin-top:-78px;
  width:108px
}

@media screen and (min-width: 1000px){
  .c-overlap-graphic--winning .c-overlap-graphic__img{
    margin-top:-96px;
    width:calc(108px * 1.5)
  }
}

.c-overlap-graphic--work .c-overlap-graphic__img{
  width:92px
}

@media screen and (min-width: 1000px){
  .c-overlap-graphic--work .c-overlap-graphic__img{
    width:calc(92px * 1.5)
  }
}

.c-overlap-graphic--thinking .c-overlap-graphic__img{
  width:62px
}

@media screen and (min-width: 1000px){
  .c-overlap-graphic--thinking .c-overlap-graphic__img{
    width:calc(62px * 1.5)
  }
}

.c-overlap-graphic--no-overlap[class] .c-overlap-graphic__img{
  margin-top:24px
}

.c-paging{
  display:flex;
  max-width:800px;
  margin-left:auto;
  margin-right:auto;
  border-bottom:1px dotted #d4d0c4
}

.c-paging>a,.c-paging>button{
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: calc(1em * 0.08);
  color:#1b93d4;
  padding:24px 0;
  transition:color 0.2s ease;
  cursor:pointer
}

@media screen and (min-width: 1000px){
  .c-paging>a,.c-paging>button{
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: calc(1em * 0.08)
  }
}

.c-paging>button:hover,.c-paging>button:focus{
  color:#363636
}

.c-paging:empty{
  border:none
}

.c-paging--nudged-up{
  margin-top:-40px
}

@media screen and (min-width: 600px){
  .c-paging--nudged-up{
    margin-top:-64px
  }
}

@media screen and (min-width: 1000px){
  .c-paging--nudged-up{
    margin-top:-96px
  }
}

.c-paging__prev{
  margin-right:auto
}

.c-paging__next{
  margin-left:auto
}

.c-partner-header{
  color:#fff;
  display:flex;
  justify-content:center;
  align-items:center;
  padding:16px 24px;
  background:#41cd8c
}

@media screen and (min-width: 1000px){
  .c-partner-header{
    padding:24px 40px
  }
}

.c-partner-header--zumba{
  background:#272a38
}

.c-partner-header__plus{
  font-size:1.5em;
  font-weight:400;
  padding:0.5em 20px 0
}

@media screen and (min-width: 600px){
  .c-partner-header__plus{
    padding-left:30px;
    padding-right:30px
  }
}

@media screen and (min-width: 1000px){
  .c-partner-header__plus{
    padding-left:40px;
    padding-right:40px
  }
}

@media screen and (min-width: 1400px){
  .c-partner-header__plus{
    padding-left:50px;
    padding-right:50px
  }
}

.c-partner-header__logo{
  width:88px
}

@media screen and (min-width: 600px){
  .c-partner-header__logo{
    width:103px
  }
}

@media screen and (min-width: 1000px){
  .c-partner-header__logo{
    width:103px
  }
}

@media screen and (min-width: 1400px){
  .c-partner-header__logo{
    width:147px
  }
}

.c-pay{
  color:#fff;
  margin-top:64px;
  text-align:center;
  position:relative;
  z-index:1
}

.c-pay--light{
  color:inherit;
  margin-top:0;
  min-height:340px
}

.c-pay__error{
  border-left:2px solid #d24646;
  color:#d24646;
  padding-left:16px;
  text-align:left;
  padding-top:4px;
  margin-bottom:24px;
  font-size: 14px;
  font-weight: 400;
  font-weight:600
}

@media screen and (min-width: 1000px){
  .c-pay__error{
    font-size: 17px;
    font-weight: 400
  }
}

.c-pay__boooring{
  font-size: 14px;
  font-weight: 400;
  color:#767676;
  font-style:italic;
  text-align:right;
  padding:21px 67px 4px 0;
  background:url(/media/boooring-ae07f618.png) calc(100% - 15px) 100% no-repeat;
  background-size:42px;
  margin-top:-24px
}

@media screen and (min-width: 1000px){
  .c-pay__boooring{
    font-size: 17px;
    font-weight: 400
  }
}

@media screen and (min-width: 1000px){
  .c-pay__boooring{
    font-size: 14px;
    font-weight: 400
  }
}

.c-pay__form{
  max-width:370px;
  min-width:320px;
  margin:40px auto 0
}

@media screen and (min-width: 1000px){
  .c-pay__form{
    margin-top:64px
  }
}

@media screen and (min-width: 1400px){
  .c-pay__form{
    max-width:420px
  }
}

.c-pay--against-beige .c-pay__form{
  margin:0;
  max-width:none
}

.c-pay__fields-wrapper{
  margin-bottom:16px
}

.c-pay__fields-wrapper+.c-pay__fields-wrapper{
  margin-bottom:0
}

.c-pay__field-wrapper{
  position:relative;
  margin-bottom:16px
}

.c-pay--light .c-pay__field-wrapper{
  margin-bottom:-1px
}

.c-pay__field-wrapper--invalid{
  z-index:100
}

.c-pay__field-wrapper--invalid:after{
  content:'';
  width:12px;
  height:12px;
  background-image:url(/media/close-red-961181d6.svg);
  background-size:100%;
  position:absolute;
  right:16px;
  top:50%;
  transform:translateY(-50%)
}

.c-pay__field{
  border-radius:3px;
  background:#fff;
  background-position:8px 50%;
  background-repeat:no-repeat;
  background-size:auto 25%;
  font-weight:600;
  color:#363636;
  outline:none;
  padding:calc(16px + 2px) 8px calc(4px - 2px) 33px;
  -moz-appearance:textfield
}

.c-pay--light .c-pay__field{
  border:1px solid #d4d4d4
}

.c-pay--against-beige .c-pay__field{
  border:1px solid #e4e4e4;
  border-radius:8px
}

@media screen and (min-width: 351px){
  .c-pay__field{
    background-position:13px 50%;
    background-size:auto;
    padding:24px 8px 4px 50px
  }

  .c-pay--light .c-pay__field{
    padding-top:26px;
    padding-bottom:6px
  }
}

.c-pay__field--email{
  background-image:url(/media/icon-email-c40482ab.svg);
  background-position:13px calc(50% - 1px)
}

.c-pay__error-bubble{
  position:absolute;
  top:calc(100% + 3px);
  left:40px
}

.c-pay__label{
  position:absolute;
  pointer-events:none;
  top:0;
  left:33px;
  margin-top:18px;
  font-size:15px;
  line-height:1;
  text-align:left;
  color:#767676;
  transform-origin:top left;
  transition:transform 0.3s ease, margin-top 0.3s ease, color 0.3s ease
}

@media screen and (min-width: 351px){
  .c-pay__label{
    font-size:inherit;
    left:50px;
    margin-top:22px
  }

  .c-pay--light .c-pay__label{
    margin-top:25px
  }
}

.c-pay__field:focus+.c-pay__label,.c-pay__field--has-value+.c-pay__label{
  animation:move-pay-label-small 0.4s forwards;
  margin-top:9px;
  width:100%
}

@media screen and (min-width: 351px){
  .c-pay__field:focus+.c-pay__label,.c-pay__field--has-value+.c-pay__label{
    animation:move-pay-label 0.4s forwards;
    margin-top:11px
  }
}

@keyframes move-pay-label-small{
  0%{
    margin-top:27px;
    opacity:0;
    transform:scale(1)
  }

  10%{
    margin-top:27px;
    opacity:0;
    transform:scale(1)
  }

  50%{
    opacity:0;
    transform:scale(0.65)
  }

  100%{
    margin-top:9px;
    opacity:1;
    transform:scale(0.65)
  }
}

@keyframes move-pay-label{
  0%{
    margin-top:29px;
    opacity:0;
    transform:scale(1)
  }

  10%{
    margin-top:29px;
    opacity:0;
    transform:scale(1)
  }

  50%{
    opacity:0;
    transform:scale(0.65)
  }

  100%{
    margin-top:13px;
    opacity:1;
    transform:scale(0.65)
  }
}

.c-pay__form-button{
  margin-top:24px;
  margin-bottom:16px
}

.c-pay__info{
  font-size: 14px;
  font-weight: 400;
  color:#67604b
}

@media screen and (min-width: 1000px){
  .c-pay__info{
    font-size: 17px;
    font-weight: 400
  }
}

@media screen and (min-width: 1000px){
  .c-pay__info{
    font-size: 14px;
    font-weight: 400
  }
}

.c-pay__secure{
  display:inline-block;
  padding:4px 0 2px 20px;
  background:url(/media/lock-beige-bd7df121.svg) 0 2px no-repeat;
  background-size:12px
}

.c-pay__amount-due{
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: calc(1em * 0.08);
  margin-bottom:8px
}

@media screen and (min-width: 1000px){
  .c-pay__amount-due{
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: calc(1em * 0.08)
  }
}

.c-pay__amount-due del,.c-pay__amount-due ins{
  text-decoration:none
}

.c-pay__amount-due ins{
  color:#41cd8c
}

.c-pay__amount-due del{
  position:relative
}

.c-pay__amount-due del::before{
  content:'';
  position:absolute;
  top:calc(50% - 2px);
  left:0;
  right:0;
  height:2px;
  background:#67604b
}

.c-peek{
  position:absolute;
  top:25%;
  right:100%;
  width:146px;
  height:218px
}

@media screen and (max-width: 599px){
  .c-peek{
    display:none
  }
}

.c-peek__head{
  z-index:-1;
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  transform:translateX(100%) rotate(30deg);
  background:url(/media/peek-head-bdfdfad4.svg) 0 0 no-repeat;
  animation:peek-show-head 0.65s ease-out forwards;
  animation-delay:2.75s
}

.c-peek--duration-0 .c-peek__head{
  animation-duration:0s !important;
  animation-delay:0s !important
}

.c-peek--duration-0 .c-peek__head *{
  animation-duration:0s !important;
  animation-delay:0s !important
}

.c-peek--happy .c-peek__head{
  transform:translateX(0) rotate(0deg);
  animation:peek-hide-head 0.65s ease-in forwards;
  animation-delay:1.8s
}

.c-peek__face{
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  background:url(/media/peek-face-1-7b441a37.svg) 0 0 no-repeat
}

.c-peek--happy .c-peek__face{
  background:url(/media/peek-face-2-05e3faed.svg) 0 0 no-repeat
}

.c-peek__hand{
  position:absolute;
  width:0;
  height:30px;
  right:-12px;
  overflow:hidden;
  animation:peek-show-hand 2.5s forwards
}

.c-peek__hand span{
  position:absolute;
  display:block;
  width:30px;
  height:30px;
  border-radius:50%;
  background:#75dbac
}

.c-peek--happy .c-peek__hand{
  transform:translateX(0);
  width:30px;
  animation:peek-hide-hand 2.5s ease-in forwards;
  animation-delay:1s
}

.c-peek__hand--top{
  top:89px
}

.c-peek__hand--bottom{
  top:135px;
  animation-delay:0.3s
}

.c-peek--happy .c-peek__hand--top{
  animation-delay:1.3s
}

.c-peek--duration-0 .c-peek__hand{
  animation-duration:0s !important;
  animation-delay:0s !important
}

@keyframes peek-show-head{
  0%{
    transform:translateX(100%) rotate(30deg)
  }

  100%{
    transform:translateX(0) rotate(0deg)
  }
}

@keyframes peek-hide-head{
  0%{
    transform:translateX(0) rotate(0deg)
  }

  100%{
    transform:translateX(100%) rotate(30deg)
  }
}

@keyframes peek-show-hand{
  0%{
    transform:translateX(100%);
    width:0
  }

  80%{
    width:0
  }

  85%{
    transform:translateX(-12px);
    width:30px
  }

  100%{
    transform:translateX(0);
    width:30px
  }
}

@keyframes peek-hide-hand{
  0%{
    transform:translateX(0);
    width:30px
  }

  15%{
    transform:translateX(-12px);
    width:30px
  }

  20%{
    width:0
  }

  100%{
    transform:translateX(100%);
    width:0
  }
}

.c-plan-test{
  margin:40px auto 64px;
  max-width:520px
}

@media screen and (min-width: 1000px){
  .c-plan-test{
    margin:64px auto 96px
  }
}

.c-plan-test__inner{
  position:relative;
  color:#363636;
  background:#fff;
  border-radius:9px
}

.c-plan-test--loading .c-plan-test__inner::after,.c-plan-test--results .c-plan-test__inner::after{
  content:'';
  position:absolute;
  top:0;
  right:0;
  left:0;
  height:0;
  z-index:1;
  border-radius:8px;
  background:#8278c8 url(/media/loader-dc955571.gif) 50% 50% no-repeat;
  background-size:48px;
  animation:plan-test-loading 0.5s forwards;
  animation-timing-function:ease-in-out;
  animation-delay:0.45s
}

.c-plan-test--results .c-plan-test__inner::after{
  animation:plan-test-show-results 0.3s forwards;
  animation-timing-function:ease-in;
  animation-delay:0
}

@keyframes plan-test-loading{
  0%{
    background-size:0px;
    height:0
  }

  100%{
    background-size:48px;
    height:100%
  }
}

@keyframes plan-test-show-results{
  0%{
    background-size:48px;
    height:100%
  }

  100%{
    background-size:0px;
    height:0;
    border-radius:0
  }
}

.c-plan-test__inner::before{
  content:'';
  position:absolute;
  top:30px;
  right:30px;
  left:30px;
  bottom:-30px;
  filter:blur(25px);
  z-index:-1
}

@supports (filter: blur(15px)){
  .c-plan-test__inner::before{
    background:rgba(0,0,0,0.3)
  }
}

.c-plan-test__close[class]{
  position:absolute;
  display:block;
  cursor:pointer;
  top:16px;
  right:24px;
  width:34px;
  height:34px;
  border-radius:50%;
  text-indent:300%;
  overflow:hidden;
  white-space:nowrap;
  background:#41cd8c url(/media/close-white-31ff8c52.svg) 50% 50% no-repeat;
  z-index:1;
  transition:opacity 0.2s ease
}

.c-plan-test--loading .c-plan-test__close[class]{
  opacity:0
}

.c-plan-test__header{
  position:relative;
  background:#8278c8;
  color:#fff;
  border-radius:8px 8px 0 0;
  text-align:center;
  padding:24px 24px 16px;
  overflow:hidden
}

.c-plan-test__heading[class]{
  font-size: 28px;
  font-weight: 400;
  margin:0;
  min-height:130px;
  transition:color 0.2s ease
}

@media screen and (min-width: 1000px){
  .c-plan-test__heading[class]{
    font-size: 32px;
    font-weight: 400;
    letter-spacing: -0.4px
  }
}

@media screen and (min-width: 1650px){
  .c-plan-test__heading[class]{
    font-size: 40px;
    font-weight: 400;
    letter-spacing: -0.4px;
    line-height: 1.175
  }
}

.c-plan-test--loading .c-plan-test__heading[class]{
  color:transparent
}

@media screen and (min-width: 1000px){
  .c-plan-test__heading[class]{
    min-height:145px
  }
}

@media screen and (min-width: 1650px){
  .c-plan-test__heading[class]{
    min-height:164px
  }
}

.c-plan-test__heading-pre{
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: calc(1em * 0.08);
  display:block;
  margin-bottom:32px;
  margin-top:3px
}

@media screen and (min-width: 1000px){
  .c-plan-test__heading-pre{
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: calc(1em * 0.08)
  }
}

.c-plan-test__progress-bar{
  position:absolute;
  bottom:0;
  left:0;
  height:3px;
  width:0;
  background:#41cd8c;
  transition:width 0.5s ease-in-out;
  -webkit-backface-visibility:hidden
}

@keyframes remove-plan-test-progress-bar{
  0%{
    opacity:1
  }

  100%{
    opacity:0
  }
}

.c-plan-test__answers-wrapper{
  overflow:hidden;
  position:relative;
  height:400px;
  transition:opacity 0.2s ease
}

.c-plan-test--loading .c-plan-test__answers-wrapper{
  opacity:0
}

.c-plan-test__answers-wrapper::after{
  content:'';
  position:absolute;
  bottom:0;
  right:0;
  left:0;
  height:7px;
  opacity:0;
  background:linear-gradient(to top, rgba(40,34,82,0.25), transparent);
  transition:opacity 0.2s ease
}

.c-plan-test__answers-wrapper--shadow::after{
  opacity:1
}

[class].c-plan-test__answers{
  position:absolute;
  top:0;
  right:0;
  left:0;
  transform:translateX(100%);
  display:flex;
  flex-direction:column;
  height:400px;
  overflow-y:auto;
  margin:0;
  -webkit-overflow-scrolling:touch
}

[class].c-plan-test__answers--slide-in{
  animation:plan-test-slide-in 0.55s forwards
}

[class].c-plan-test__answers--slide-out{
  animation:plan-test-slide-out 0.55s forwards
}

@keyframes plan-test-slide-in{
  0%{
    transform:translateX(100%)
  }

  65%{
    transform:translateX(-10px)
  }

  100%{
    transform:translateX(0)
  }
}

@keyframes plan-test-slide-out{
  0%{
    transform:translateX(0)
  }

  65%{
    transform:translateX(calc(-100% - 10px))
  }

  100%{
    transform:translateX(-100%)
  }
}

.c-plan-test__answer[class]{
  position:relative;
  display:flex;
  align-items:center;
  flex-grow:1;
  flex-shrink:0;
  flex-basis:auto;
  padding:24px 24px 20px;
  border-bottom:1px solid #eee;
  margin:0
}

@media screen and (min-width: 600px){
  .c-plan-test__answer[class]{
    padding:24px 40px 20px
  }
}

.c-plan-test__submit{
  background:#f7f7f7;
  border-radius:0 0 8px 8px;
  text-align:center;
  transition:opacity 0.2s ease;
  padding:16px 40px;
  text-align:center
}

.c-plan-test--loading .c-plan-test__submit{
  opacity:0
}

.c-plan-test__submit-button[class][class],.c-plan-test__submit-button[class][class]:focus,.c-plan-test__submit-button[class][class]:hover{
  width:70%;
  box-shadow:none;
  min-width:0
}

.c-plan-test__result{
  height:calc(100% - 100px);
  display:flex;
  flex-direction:column
}

@media screen and (min-width: 1000px){
  .c-plan-test__result{
    height:calc(100% - 110px)
  }
}

.c-plan-test__result-inner{
  position:relative;
  flex-grow:1;
  background:#f4f3f0;
  border-radius:9px;
  overflow:hidden;
  -webkit-overflow-scrolling:touch
}

.c-plan-test--results .c-plan-test__result-inner{
  overflow-y:auto
}

.c-plan-test__result-header{
  position:relative;
  overflow:hidden;
  border-radius:8px 8px 0 0;
  text-shadow:0 0 2px rgba(0,0,0,0.35)
}

.c-plan-test__result-header::after{
  content:'';
  position:absolute;
  bottom:-1px;
  left:0;
  right:0;
  height:1px;
  background:#f4f3f0
}

.c-plan-test__result-header-bg[class]{
  margin:0;
  border-radius:0
}

@media screen and (max-width: 599px){
  .c-plan-test__result-header-bg[class]{
    max-width:130%;
    margin-left:-30%
  }
}

@media screen and (max-width: 350px){
  .c-plan-test__result-header-bg[class]{
    max-width:150%;
    margin-left:-50%
  }
}

.c-plan-test__result-heading[class]{
  font-size: 28px;
  font-weight: 400;
  font-weight:bold;
  position:absolute;
  left:10px;
  right:10px;
  top:calc(50% - 10px);
  text-align:center;
  color:#fff;
  margin:0
}

@media screen and (min-width: 1000px){
  .c-plan-test__result-heading[class]{
    font-size: 32px;
    font-weight: 400;
    letter-spacing: -0.4px
  }
}

@media screen and (min-width: 1650px){
  .c-plan-test__result-heading[class]{
    font-size: 40px;
    font-weight: 400;
    letter-spacing: -0.4px;
    line-height: 1.175
  }
}

.c-plan-test__result-heading-pre{
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: calc(1em * 0.08);
  position:absolute;
  left:10px;
  right:0;
  text-align:center;
  display:block;
  top:28px;
  color:#fff
}

@media screen and (min-width: 1000px){
  .c-plan-test__result-heading-pre{
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: calc(1em * 0.08)
  }
}

.c-plan-test__result-text{
  font-size: 14px;
  font-weight: 400;
  text-align:center;
  margin:40px 24px 24px
}

@media screen and (min-width: 1000px){
  .c-plan-test__result-text{
    font-size: 17px;
    font-weight: 400
  }
}

@media screen and (min-width: 600px){
  .c-plan-test__result-text{
    padding:0 10%
  }
}

.c-plan-test__result-checkmarks[class]{
  display:flex;
  justify-content:center;
  margin:24px 0 16px;
  list-style:none
}

.c-plan-test__result-checkmarks[class] li{
  flex-shrink:1;
  flex-grow:0;
  flex-basis:50%;
  padding:30px 10px 0;
  background:url(/media/check-4c143a18.svg) 50% 0 no-repeat;
  margin:0
}

.c-plan-test__result-recipes{
  overflow:hidden
}

.c-plan-test__result-recipes-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin:0 0 20px -5%;
  width:110%
}

@media screen and (min-width: 600px){
  .c-plan-test__result-recipes-inner{
    margin-top:40px
  }
}

[class].c-plan-test__result-recipe{
  width:27%;
  border-radius:50%;
  box-shadow:0 3px 20px #beb8a6;
  margin:0
}

[class].c-plan-test__result-recipe:nth-child(2){
  width:35%
}

.c-plan-test__result-quote{
  position:relative;
  display:flex;
  flex-direction:column-reverse;
  background:#fff;
  margin:64px 16px 40px;
  padding:0 24px 24px;
  text-align:center
}

@media screen and (min-width: 600px){
  .c-plan-test__result-quote{
    margin:96px 24px 40px
  }
}

.c-plan-test__result-quote-text[class]{
  font-size: 20px;
  font-weight: 400;
  font-weight:bold;
  margin-top:24px;
  margin-bottom:0
}

@media screen and (min-width: 1000px){
  .c-plan-test__result-quote-text[class]{
    font-size: 24px;
    font-weight: 400
  }
}

@media screen and (min-width: 1650px){
  .c-plan-test__result-quote-text[class]{
    font-size: 28px;
    font-weight: 400
  }
}

.c-plan-test__result-cite{
  font-size: 14px;
  font-weight: 400;
  display:block;
  margin-top:-50px
}

@media screen and (min-width: 1000px){
  .c-plan-test__result-cite{
    font-size: 17px;
    font-weight: 400
  }
}

.c-plan-test__result-cite-portrait[class]{
  border-radius:50%;
  margin-bottom:16px
}

.c-plan-test__result-cite-text{
  display:block
}

.c-plan-test__result-cite-title{
  font-size:0.75em;
  text-transform:uppercase;
  letter-spacing:1px;
  color:#666;
  display:block
}

.c-plan-test__cta-area{
  position:absolute;
  bottom:0;
  left:0;
  right:0;
  height:100px;
  color:#363636;
  border-radius:0 0 8px 8px;
  background:#fff;
  padding:16px 24px 0
}

@media screen and (min-width: 1000px){
  .c-plan-test__cta-area{
    height:110px
  }
}

.c-plan-test__cta-area::before{
  content:'';
  position:absolute;
  right:0;
  bottom:100%;
  left:0;
  height:12px;
  background:linear-gradient(to top, rgba(0,0,0,0.35), rgba(0,0,0,0))
}

.c-plan-test__cta-text{
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: calc(1em * 0.08);
  color:dimgray;
  text-align:center;
  position:relative;
  bottom:4px
}

@media screen and (min-width: 1000px){
  .c-plan-test__cta-text{
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: calc(1em * 0.08)
  }
}

.c-plans-list__filter-label{
  font-size: 14px;
  font-weight: 400;
  color:#9e957a;
  display:block;
  margin-bottom:4px
}

@media screen and (min-width: 1000px){
  .c-plans-list__filter-label{
    font-size: 17px;
    font-weight: 400
  }
}

.c-plans-list__filter-select-wrapper{
  position:relative;
  width:200px;
  margin:0 auto
}

.c-plans-list__filter-select{
  opacity:0;
  width:100%;
  height:1.5em
}

.c-plans-list__filter-fake-select{
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: calc(1em * 0.08);
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  border:2px solid #41cd8c;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  color:#41cd8c;
  border-radius:50px;
  padding:3px 30px 2px 15px;
  pointer-events:none;
  text-align:left;
  background:url(/media/select-arrow-324eae8b.svg) right 15px top 50% no-repeat;
  background-size:12px
}

@media screen and (min-width: 1000px){
  .c-plans-list__filter-fake-select{
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: calc(1em * 0.08)
  }
}

@media screen and (min-width: 1000px){
  .c-plans-list__filter-fake-select{
    padding-top:4px;
    padding-bottom:3px
  }
}

@media screen and (min-width: 1650px){
  .c-plans-list__filter-fake-select{
    padding-top:5px;
    padding-bottom:4px
  }
}

.c-plans-list__test{
  margin:40px 0 16px
}

@media screen and (min-width: 1000px){
  .c-plans-list__test{
    margin:64px 0 24px
  }
}

.c-plans-list__test-text{
  font-size: 14px;
  font-weight: 400;
  color:#67604b;
  margin-bottom:8px
}

@media screen and (min-width: 1000px){
  .c-plans-list__test-text{
    font-size: 17px;
    font-weight: 400
  }
}

.c-plans-list__plan{
  position:relative;
  text-align:left;
  display:flex;
  flex-direction:column;
  justify-content:space-evenly;
  border-radius:16px;
  margin-top:24px;
  padding:24px 30% 24px 24px;
  color:#fff;
  min-height:200px;
  transition:transform 0.2s ease
}

.c-plans-list__plan:hover{
  transform:translateY(-5px)
}

@media screen and (min-width: 600px){
  .c-plans-list__plan{
    min-height:250px
  }
}

@media screen and (min-width: 1000px){
  .c-plans-list__plan{
    font-size: 14px;
    font-weight: 400;
    margin-top:40px;
    padding:24px 30% 24px 40px
  }
}

@media screen and (min-width: 1000px) and (min-width: 1000px){
  .c-plans-list__plan{
    font-size: 17px;
    font-weight: 400
  }
}

.c-plans-list__plan--keto-strict{
  box-shadow:0 30px 25px -20px rgba(0,0,0,0.25);
  background:url(/media/avocado-22a66f2a.png) calc(100% + 60px) 60% no-repeat,linear-gradient(160deg, #323232, #101010);
  background-size:40%, 100%
}

.c-plans-list__plan--scandinavian{
  box-shadow:0 30px 25px -20px rgba(0,0,0,0.25);
  background:url(/media/card_nordic-diet-fa10ba09.png) 100% 0 no-repeat,linear-gradient(160deg, #323232, #101010);
  background-size:50%, 100%
}

.c-plans-list__plan--keto-easy{
  box-shadow:0 30px 25px -20px rgba(126,179,44,0.5);
  background:url(/media/avocado-22a66f2a.png) calc(100% + 60px) 60% no-repeat,linear-gradient(160deg, #9acf3a, #76ac29);
  background-size:40%, 100%
}

.c-plans-list__plan--keto-medium{
  box-shadow:0 30px 25px -20px rgba(83,95,203,0.5);
  background:url(/media/avocado-22a66f2a.png) calc(100% + 60px) 60% no-repeat,linear-gradient(160deg, #747ada, #535fcb);
  background-size:40%, 100%
}

.c-plans-list__plan--mediterranean{
  box-shadow:0 30px 25px -20px rgba(62,165,227,0.5);
  background:url(/media/card_mediterranean-a147e7ca.png) 100% 50% no-repeat,linear-gradient(160deg, #70ccff, #339cde);
  background-size:37%, 100%
}

.c-plans-list__plan--high-protein{
  box-shadow:0 30px 25px -20px rgba(48,10,15,0.5);
  background:url(/media/card_beef-a00eb181.png) 100% 0 no-repeat,linear-gradient(160deg, #6b1a21, #1f0609);
  background-size:60%, 100%
}

.c-plans-list__plan--5-2{
  box-shadow:0 30px 25px -20px rgba(117,99,181,0.5);
  background:url(/media/card_calendar-389d3279.png) 100% 0 no-repeat,linear-gradient(160deg, #8671d8, #7563b5);
  background-size:30%, 100%
}

.c-plans-list__plan--6-1{
  box-shadow:0 30px 25px -20px rgba(170,119,214,0.5);
  background:url(/media/card_calendar-389d3279.png) 100% 0 no-repeat,linear-gradient(160deg, #a38ed3, #aa77d6);
  background-size:30%, 100%
}

.c-plans-list__plan--clean-eating{
  box-shadow:0 30px 25px -20px rgba(200,101,145,0.5);
  background:url(/media/card_beetroot-19360e07.png) 100% 0 no-repeat,linear-gradient(160deg, #ff87cf, #c86591);
  background-size:50%, 100%
}

.c-plans-list__plan--3wwl{
  box-shadow:0 30px 25px -20px rgba(252,80,107,0.5);
  background:url(/media/card_rocket-bd04af5f.png) 100% 100% no-repeat,linear-gradient(160deg, #fd7547, #fc506b);
  background-size:32%, 100%
}

.c-plans-list__plan--classic{
  box-shadow:0 30px 25px -20px rgba(65,205,140,0.5);
  background:url(/media/card_scale-8313fb12.png) 100% 0 no-repeat,linear-gradient(160deg, #75d6ac, #41cd8c);
  background-size:55%, 100%
}

.c-plans-list__plan--food-for-strength{
  box-shadow:0 30px 25px -20px rgba(41,35,47,0.35);
  background:url(/media/card_kettlebell-0b949536.png) 100% 0 no-repeat,linear-gradient(160deg, #555360, #29232f);
  background-size:60%, 100%
}

.c-plans-list__plan--vegan{
  box-shadow:0 30px 25px -20px rgba(117,175,135,0.35);
  background:url(/media/card_kale-a07eac1f.png) 100% 0 no-repeat,linear-gradient(160deg, #75af87, #458962);
  background-size:33%, 100%
}

.c-plans-list__plan--keto-burn{
  box-shadow:0 30px 25px -20px rgba(255,104,44,0.5);
  background:url(/media/card_avocado-clock-c2e1da8d.png) 100% 60% no-repeat,linear-gradient(160deg, #fcc236, #ff682c);
  background-size:31%, 100%
}

.c-plans-list__plan--keto-maintain{
  box-shadow:0 30px 25px -20px rgba(255,104,44,0.5);
  background:url(/media/card_avocado-clock-c2e1da8d.png) 100% 60% no-repeat,linear-gradient(160deg, #fcc236, #ff682c);
  background-size:31%, 100%
}

.c-plans-list__plan-header{
  font-size: 20px;
  font-weight: 400;
  font-weight:700;
  margin-bottom:4px
}

@media screen and (min-width: 1000px){
  .c-plans-list__plan-header{
    font-size: 24px;
    font-weight: 400
  }
}

@media screen and (min-width: 1650px){
  .c-plans-list__plan-header{
    font-size: 28px;
    font-weight: 400
  }
}

.c-plans-list__plan-btn{
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: calc(1em * 0.08);
  margin-top:16px;
  text-align:left;
  cursor:pointer;
  border-bottom:2px solid transparent;
  transition:border-bottom-color 0.2s ease
}

@media screen and (min-width: 1000px){
  .c-plans-list__plan-btn{
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: calc(1em * 0.08)
  }
}

.c-plans-list__plan-btn::before{
  content:'';
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0
}

.c-plans-list__plan:hover .c-plans-list__plan-btn{
  border-bottom-color:inherit
}

.c-plans-list__plan--keto-strict .c-plans-list__plan-btn,.c-plans-list__plan--keto-medium .c-plans-list__plan-btn,.c-plans-list__plan--keto-easy .c-plans-list__plan-btn{
  color:#e5e698
}

.c-plans-list__plan--mediterranean .c-plans-list__plan-btn{
  color:#c8fff8
}

.c-plans-list__plan--high-protein .c-plans-list__plan-btn{
  color:#ecccac
}

.c-plans-list__plan--5-2 .c-plans-list__plan-btn,.c-plans-list__plan--6-1 .c-plans-list__plan-btn{
  color:#ff9af2
}

.c-plans-list__plan--clean-eating .c-plans-list__plan-btn{
  color:#ad005e
}

.c-plans-list__plan--3wwl .c-plans-list__plan-btn{
  color:#fdf8d3
}

.c-plans-list__plan--classic .c-plans-list__plan-btn{
  color:#caffd6
}

.c-plans-list__plan--food-for-strength .c-plans-list__plan-btn{
  color:#fff
}

.c-plans-list__plan--scandinavian .c-plans-list__plan-btn{
  color:#8cc98b
}

.c-plans-list__plan--vegan .c-plans-list__plan-btn{
  color:#d6e7db
}

.c-plans-list__plan--keto-burn .c-plans-list__plan-btn,.c-plans-list__plan--keto-maintain .c-plans-list__plan-btn{
  color:#fdf8d3
}

.c-plans-overlay{
  position:fixed;
  top:50px;
  bottom:20px;
  left:50%;
  transform:translateX(-50%);
  width:320px;
  box-shadow:0 25px 50px -20px rgba(0,0,0,0.5)
}

@media only screen and (min-height: 620px){
  .c-plans-overlay{
    top:50%;
    bottom:auto;
    height:540px;
    transform:translateX(-50%) translateY(-50%)
  }
}

@media only screen and (min-height: 800px){
  .c-plans-overlay{
    height:650px;
    transform:translateX(-50%) translateY(-50%)
  }
}

@media screen and (min-width: 600px){
  .c-plans-overlay{
    width:400px
  }
}

@media screen and (min-width: 1000px){
  .c-plans-overlay{
    width:450px
  }
}

.c-plans-overlay__close{
  position:absolute;
  display:block;
  cursor:pointer;
  top:12px;
  right:12px;
  width:34px;
  height:34px;
  border-radius:50%;
  text-indent:300%;
  overflow:hidden;
  white-space:nowrap;
  background:url(/media/close-white-31ff8c52.svg) 50% 50% no-repeat;
  z-index:1;
  transition:opacity 0.2s ease
}

.c-plans-overlay__plan{
  font-size: 14px;
  font-weight: 400;
  position:absolute;
  top:0;
  right:0;
  bottom:100px;
  left:0;
  color:#fff;
  border-radius:8px 8px 0 0;
  text-align:center
}

@media screen and (min-width: 1000px){
  .c-plans-overlay__plan{
    font-size: 17px;
    font-weight: 400
  }
}

@media screen and (min-width: 600px){
  .c-plans-overlay__plan{
    padding:0 40px
  }
}

@media screen and (min-width: 1000px){
  .c-plans-overlay__plan{
    bottom:110px
  }
}

.c-plans-overlay__plan--keto-strict{
  background:linear-gradient(130deg, #323232, #101010)
}

.c-plans-overlay__plan--scandinavian{
  background:linear-gradient(130deg, #323232, #101010)
}

.c-plans-overlay__plan--keto-easy{
  background:linear-gradient(130deg, #9acf3a, #76ac29)
}

.c-plans-overlay__plan--keto-medium{
  background:linear-gradient(130deg, #747ada, #535fcb)
}

.c-plans-overlay__plan--mediterranean{
  background:linear-gradient(130deg, #70ccff, #339cde)
}

.c-plans-overlay__plan--high-protein{
  background:linear-gradient(130deg, #6b1a21, #1f0609)
}

.c-plans-overlay__plan--5-2{
  background:linear-gradient(130deg, #8671d8, #7563b5)
}

.c-plans-overlay__plan--6-1{
  background:linear-gradient(130deg, #a38ed3, #aa77d6)
}

.c-plans-overlay__plan--clean-eating{
  background:linear-gradient(130deg, #ff87cf, #c86591)
}

.c-plans-overlay__plan--3wwl{
  background:linear-gradient(130deg, #fd7547, #fc506b)
}

.c-plans-overlay__plan--classic{
  background:linear-gradient(130deg, #75d6ac, #41cd8c)
}

.c-plans-overlay__plan--food-for-strength{
  background:linear-gradient(130deg, #555360, #29232f)
}

.c-plans-overlay__plan--vegan{
  background:linear-gradient(130deg, #75af87, #458962)
}

.c-plans-overlay__plan--keto-burn{
  background:linear-gradient(130deg, #fcc236, #ff682c)
}

.c-plans-overlay__plan--keto-maintain{
  background:linear-gradient(130deg, #fcc236, #ff682c)
}

.c-plans-overlay__plan-inner{
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  padding:0 24px;
  overflow-y:scroll;
  -webkit-overflow-scrolling:touch
}

.c-plans-overlay__plan-graphic{
  position:relative;
  z-index:1;
  width:22%;
  margin:0 auto;
  transform:translateY(-45%)
}

.c-plans-overlay__plan--scandinavian .c-plans-overlay__plan-graphic{
  width:32%;
  transform:translateY(-40%)
}

.c-plans-overlay__plan--mediterranean .c-plans-overlay__plan-graphic{
  width:45%;
  transform:translateY(-45%)
}

.c-plans-overlay__plan--high-protein .c-plans-overlay__plan-graphic{
  width:35%
}

.c-plans-overlay__plan--5-2 .c-plans-overlay__plan-graphic{
  width:32%;
  transform:translateY(-50%)
}

.c-plans-overlay__plan--6-1 .c-plans-overlay__plan-graphic{
  width:32%;
  transform:translateY(-50%)
}

.c-plans-overlay__plan--clean-eating .c-plans-overlay__plan-graphic{
  width:40%;
  transform:translateY(-40%)
}

.c-plans-overlay__plan--3wwl .c-plans-overlay__plan-graphic{
  width:15%
}

.c-plans-overlay__plan--classic .c-plans-overlay__plan-graphic{
  width:28%;
  transform:translateY(-40%)
}

.c-plans-overlay__plan--food-for-strength .c-plans-overlay__plan-graphic{
  width:37%;
  transform:translateY(-45%)
}

.c-plans-overlay__plan--vegan .c-plans-overlay__plan-graphic{
  width:35%
}

.c-plans-overlay__plan-heading{
  font-size: 28px;
  font-weight: 400;
  font-weight:700;
  margin-bottom:8px;
  margin-top:64px
}

@media screen and (min-width: 1000px){
  .c-plans-overlay__plan-heading{
    font-size: 32px;
    font-weight: 400;
    letter-spacing: -0.4px
  }
}

@media screen and (min-width: 1650px){
  .c-plans-overlay__plan-heading{
    font-size: 40px;
    font-weight: 400;
    letter-spacing: -0.4px;
    line-height: 1.175
  }
}

.c-plans-overlay__checkmarks[class]{
  font-size: 14px;
  font-weight: 400;
  margin-top:24px
}

@media screen and (min-width: 1000px){
  .c-plans-overlay__checkmarks[class]{
    font-size: 17px;
    font-weight: 400
  }
}

.c-plans-overlay__checkmarks[class] li{
  background-position-y:3px
}

.c-plans-overlay__food{
  margin-top:24px;
  margin-left:-24px;
  margin-right:-24px;
  max-width:calc(100% + 48px)
}

.c-plans-overlay__quote{
  position:relative;
  display:flex;
  flex-direction:column-reverse;
  background:#fff;
  color:#363636;
  margin:64px 0 40px;
  padding:0 24px 24px;
  text-align:center
}

.c-plans-overlay__quote-text{
  font-size: 20px;
  font-weight: 400;
  font-weight:bold;
  margin-top:16px;
  margin-bottom:0
}

@media screen and (min-width: 1000px){
  .c-plans-overlay__quote-text{
    font-size: 24px;
    font-weight: 400
  }
}

@media screen and (min-width: 1650px){
  .c-plans-overlay__quote-text{
    font-size: 28px;
    font-weight: 400
  }
}

.c-plans-overlay__cite{
  font-size: 14px;
  font-weight: 400;
  display:block;
  margin-top:-40px
}

@media screen and (min-width: 1000px){
  .c-plans-overlay__cite{
    font-size: 17px;
    font-weight: 400
  }
}

.c-plans-overlay__cite-portrait{
  border-radius:50%;
  margin-bottom:8px;
  max-width:80px
}

.c-plans-overlay__cite-text{
  display:block
}

.c-plans-overlay__cite-title{
  font-size:0.75em;
  text-transform:uppercase;
  letter-spacing:1px;
  color:#666;
  display:block
}

.c-plans-overlay__cta-area{
  position:absolute;
  bottom:0;
  left:0;
  right:0;
  height:100px;
  color:#363636;
  border-radius:0 0 8px 8px;
  background:#fff;
  padding:16px 24px 0
}

@media screen and (min-width: 1000px){
  .c-plans-overlay__cta-area{
    height:110px
  }
}

.c-plans-overlay__cta-area::before{
  content:'';
  position:absolute;
  right:0;
  bottom:100%;
  left:0;
  height:12px;
  background:linear-gradient(to top, rgba(0,0,0,0.35), rgba(0,0,0,0))
}

.c-plans-overlay__cta-text{
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: calc(1em * 0.08);
  color:dimgray;
  text-align:center;
  position:relative;
  bottom:4px
}

@media screen and (min-width: 1000px){
  .c-plans-overlay__cta-text{
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: calc(1em * 0.08)
  }
}

.c-premium-button{
  margin-bottom:24px;
  text-align:center
}

.c-premium-button--inline-block{
  display:inline-block
}

.c-premium-button--marginless{
  margin-bottom:0
}

.c-premium-button--price-inside[class][class] span>*{
  position:relative;
  bottom:8px
}

.c-premium-button__cta[class][class]{
  position:relative;
  text-align:center;
  margin-top:40px
}

.c-premium-button--marginless .c-premium-button__cta[class][class]{
  margin-top:0
}

.c-premium-button__cta[class][class]:empty{
  display:none
}

@media screen and (max-width: 599px){
  .c-premium-button__cta[class][class]{
    width:270px;
    min-width:0
  }
}

@media screen and (max-width: 350px){
  .c-premium-button__cta[class][class]{
    width:245px
  }
}

[class].c-premium-button__from-price{
  font-size: 14px;
  font-weight: 400;
  margin-top:12px;
  margin-bottom:0
}

@media screen and (min-width: 1000px){
  [class].c-premium-button__from-price{
    font-size: 17px;
    font-weight: 400
  }
}

[class].c-premium-button__from-price del{
  font-size: 24px;
  font-weight: 700;
  text-decoration:none;
  position:relative;
  margin-right:4px
}

@media screen and (min-width: 1650px){
  [class].c-premium-button__from-price del{
    font-size: 32px;
    font-weight: 700;
    letter-spacing: -0.4px;
    line-height: 1.175
  }
}

[class].c-premium-button__from-price ins,[class].c-premium-button__from-price b{
  font-weight:bolder;
  color:#41cd8c;
  text-decoration:none
}

[class].c-premium-button__from-price--absolute{
  position:absolute;
  top:100%;
  left:50%;
  transform:translateX(-50%);
  width:260px
}

.c-premium-button__price-inside[class][class][class][class]{
  font-size: 14px;
  font-weight: 400;
  position:absolute;
  left:0;
  right:0;
  text-align:center;
  font-weight:400;
  letter-spacing:0;
  text-transform:none
}

.c-premium-button__price-inside[class][class][class][class] ins{
  text-decoration:none
}

.c-premium-table{
  overflow:hidden;
  text-align:center;
  padding-top:64px
}

@media screen and (min-width: 600px){
  .c-premium-table{
    padding-top:96px
  }
}

@media screen and (min-width: 1000px){
  .c-premium-table{
    padding-top:192px
  }
}

.c-premium-table__background{
  position:absolute;
  top:0;
  right:0;
  left:0;
  overflow:hidden
}

.c-premium-table__background img{
  max-width:180%;
  margin-left:-40%;
  margin-right:-40%
}

@media screen and (min-width: 600px){
  .c-premium-table__background img{
    max-width:100%;
    margin-left:0;
    margin-right:0
  }
}

.c-premium-table__background::before,.c-premium-table__background::after{
  content:'';
  position:absolute;
  top:0;
  right:0;
  bottom:-1px;
  left:0;
  z-index:1
}

.c-premium-table__background::after{
  background:linear-gradient(to bottom, rgba(24,24,24,0.4), rgba(24,24,24,0.85))
}

.c-premium-table__background::before{
  background:linear-gradient(to bottom, rgba(24,24,24,0) 0, rgba(24,24,24,0) 75%, #181818 100%)
}

@media screen and (min-width: 600px){
  .c-premium-table__background::before{
    background:linear-gradient(to bottom, rgba(24,24,24,0) 0, rgba(24,24,24,0) 15%, #181818 100%)
  }
}

.c-premium-table__text{
  position:relative;
  z-index:1;
  margin:0 0 40px
}

@media screen and (min-width: 600px){
  .c-premium-table__text{
    margin:0 0 64px
  }
}

@media screen and (min-width: 1000px){
  .c-premium-table__text{
    margin:0 0 64px
  }
}

@media screen and (min-width: 1650px){
  .c-premium-table__text{
    margin:0 0 96px
  }
}

.c-premium-table__usp{
  margin-bottom:24px;
  font-size: 40px;
  font-weight: 400;
  letter-spacing: -0.4px;
  line-height: 1.175
}

@media screen and (min-width: 351px){
  .c-premium-table__usp{
    font-size: 48px;
    font-weight: 400;
    letter-spacing: -0.4px;
    line-height: 1.175
  }
}

@media screen and (min-width: 1000px){
  .c-premium-table__usp{
    font-size: 56px;
    font-weight: 400;
    letter-spacing: -0.4px;
    line-height: 1.175
  }
}

@media screen and (min-width: 1650px){
  .c-premium-table__usp{
    font-size: 64px;
    font-weight: 400;
    letter-spacing: -0.4px;
    line-height: 1.175
  }
}

.c-premium-table__usp b,.c-premium-table__usp strong{
  font-weight: 700
}

@media screen and (max-width: 999px){
  .c-premium-table__usp br{
    display:none
  }
}

@media screen and (min-width: 600px){
  .c-premium-table__features{
    font-size: 14px;
    font-weight: 400;
    margin:40px 0 0
  }
}

@media screen and (min-width: 600px) and (min-width: 1000px){
  .c-premium-table__features{
    font-size: 17px;
    font-weight: 400
  }
}

@media screen and (min-width: 1000px){
  .c-premium-table__features{
    font-family: TTNormsPro, Roboto, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.35;
    margin:64px 0 0
  }
}

@media screen and (min-width: 1000px) and (min-width: 1000px){
  .c-premium-table__features{
    font-size: 20px;
    font-weight: 400
  }
}

.c-premium-table__feature{
  margin-bottom:24px
}

@media screen and (max-width: 599px){
  .c-premium-table__feature{
    display:flex;
    align-items:center;
    text-align:left
  }

  .c-premium-table__feature>:first-child{
    flex:0 0 100px
  }

  .c-premium-table__feature>:last-child{
    padding-left:15px
  }
}

@media screen and (max-width: 350px){
  .c-premium-table__feature{
    align-items:flex-start
  }

  .c-premium-table__feature>:first-child{
    flex-basis:60px
  }

  .c-premium-table__feature>:last-child{
    padding-left:10px
  }
}

.c-premium-table__feature-graphic{
  margin-bottom:8px
}

@media screen and (min-width: 600px){
  .c-premium-table__feature-graphic{
    margin-bottom:16px;
    max-width:130px;
    width:75%
  }
}

@media screen and (min-width: 1000px){
  .c-premium-table__feature-graphic{
    margin-bottom:24px;
    width:55%;
    max-width:100%
  }
}

.c-premium-table__feature-heading{
  font-weight:bolder
}

@media screen and (min-width: 600px){
  .c-premium-table__feature-heading{
    margin-bottom:8px
  }
}

.c-premium-usps{
  overflow:hidden;
  position:relative;
  color:#fff;
  background:#000;
  padding:40px 0 64px
}

@media screen and (min-width: 600px){
  .c-premium-usps{
    padding:64px 0 96px
  }
}

@media screen and (min-width: 1000px){
  .c-premium-usps{
    padding:96px 0 64px
  }

  .c-premium-usps--bright{
    padding:96px 0 128px
  }
}

@media screen and (min-width: 1400px){
  .c-premium-usps{
    padding:128px 0 96px
  }

  .c-premium-usps--bright{
    padding:128px 0 192px
  }
}

.c-premium-usps--bright{
  background:#fff;
  color:inherit
}

.c-progress-indicator{
  position: relative;
  display: inline-block;
  margin-left: -16px;
  margin-right: -16px;
  line-height:0
}

.c-progress-indicator__bar-empty,.c-progress-indicator__bar-filled{
  content:'';
  position: absolute;
  background-color: rgb(212, 208, 196);
  height:4px;
  left:40px;
  right:40px;
  top:50%;
  transform:translateY(-2px)
}

@media screen and (min-width: 1000px){
  .c-progress-indicator__bar-empty,.c-progress-indicator__bar-filled{
    left:63px;
    right:63px
  }
}

.c-progress-indicator__bar-filled{
  right:auto;
  transition:all 0.6s ease-in-out;
  transition-delay:0.4s;
  width:0;
  --bg-opacity: 1;
  background-color: hsl(152, 58%, 53%);
  background-color: rgba(65.63700000000004, 204.66299999999995, 139.78420000000003, var(--bg-opacity))
}

.c-progress-indicator--step-2 .c-progress-indicator__bar-filled{
  width:80px
}

@media screen and (min-width: 1000px){
  .c-progress-indicator--step-2 .c-progress-indicator__bar-filled{
    width:126px
  }
}

.c-progress-indicator--step-3 .c-progress-indicator__bar-filled{
  width:160px
}

@media screen and (min-width: 1000px){
  .c-progress-indicator--step-3 .c-progress-indicator__bar-filled{
    width:252px
  }
}

.c-progress-indicator--step-4 .c-progress-indicator__bar-filled{
  width:240px
}

@media screen and (min-width: 1000px){
  .c-progress-indicator--step-4 .c-progress-indicator__bar-filled{
    width:378px
  }
}

.c-progress-indicator__item{
  position: relative;
  display: inline-block;
  vertical-align: top;
  z-index: 10;
  width:80px
}

@media screen and (min-width: 1000px){
  .c-progress-indicator__item{
    width:126px
  }
}

.c-progress-indicator__item-bullet{
  width:24px;
  height:24px;
  transition:all 0.6s ease-in-out;
  transition-delay:0.4s;
  display: flex;
  justify-content: center;
  align-content: center;
  border-width: 4px;
  border-color: rgb(212, 208, 196);
  --bg-opacity: 1;
  background-color: hsl(45, 15%, 95%);
  background-color: rgba(244.16249999999997, 243.20624999999995, 240.3375, var(--bg-opacity));
  border-radius: 9999px;
  margin-left: auto;
  margin-right: auto
}

@media screen and (min-width: 1000px){
  .c-progress-indicator__item-bullet{
    width:30px;
    height:30px
  }
}

.c-progress-indicator__item-bullet img{
  transition:all 0.6s ease-in-out;
  transition-delay:0.4s;
  transform:scale(0.85);
  transform-origin:center
}

.c-progress-indicator__item--current .c-progress-indicator__item-bullet{
  --border-opacity: 1;
  border-color: hsl(152, 58%, 53%);
  border-color: rgba(65.63700000000004, 204.66299999999995, 139.78420000000003, var(--border-opacity))
}

.c-progress-indicator__item--done .c-progress-indicator__item-bullet{
  --border-opacity: 1;
  border-color: hsl(152, 58%, 53%);
  border-color: rgba(65.63700000000004, 204.66299999999995, 139.78420000000003, var(--border-opacity));
  --bg-opacity: 1;
  background-color: hsl(152, 58%, 53%);
  background-color: rgba(65.63700000000004, 204.66299999999995, 139.78420000000003, var(--bg-opacity))
}

.c-progress-indicator__item-text{
  position: absolute;
  font-size: 14px;
  font-weight: 400;
  color: rgb(157, 149, 123);
  left: 0;
  right: 0;
  padding-bottom: 8px;
  overflow: hidden;
  white-space: nowrap;
  line-height:1;
  transition:all 0.6s ease-in-out;
  transition-delay:0.4s;
  bottom:100%;
  text-overflow:ellipsis
}

@media screen and (min-width: 1000px){
  .c-progress-indicator__item-text{
    font-size: 17px;
    padding-bottom: 12px
  }
}

.c-progress-indicator__item--current .c-progress-indicator__item-text{
  --text-opacity: 1;
  color: #363636;
  color: rgba(54, 54, 54, var(--text-opacity))
}

.c-radio{
  position:relative;
  width:100%
}

.c-radio__input{
  position:absolute;
  left:-9999px
}

.c-radio__label{
  padding-left:40px
}

.c-radio__label::before{
  content:'';
  position:absolute;
  left:0;
  top:-3px;
  width:28px;
  height:28px;
  border:1px solid #41cd8c;
  border-radius:50%;
  transition:all 0.2s ease
}

@media screen and (min-width: 1400px){
  .c-radio__label::before{
    top:0
  }
}

.c-radio--purple .c-radio__label::before{
  border-color:#8278c8
}

.c-radio__input:checked+.c-radio__label::before{
  background:#41cd8c;
  animation:pulse-radio 0.6s ease-out forwards
}

.c-radio--purple .c-radio__input:checked+.c-radio__label::before{
  background:#8278c8;
  animation:pulse-radio-purple 0.6s ease-out forwards
}

@keyframes pulse-radio{
  0%{
    transform:scale(1)
  }

  10%{
    transform:scale(0.7)
  }

  20%{
    box-shadow:0 0 0 0 #fff,0 0 0 1px #41cd8c
  }

  40%{
    transform:scale(1.1)
  }

  80%{
    transform:scale(1)
  }

  100%{
    box-shadow:0 0 0 8px #fff, 0 0 0 9px transparent
  }
}

@keyframes pulse-radio-purple{
  0%{
    transform:scale(1)
  }

  10%{
    transform:scale(0.7)
  }

  20%{
    box-shadow:0 0 0 0 #fff,0 0 0 1px #8278c8
  }

  40%{
    transform:scale(1.1)
  }

  80%{
    transform:scale(1)
  }

  100%{
    box-shadow:0 0 0 8px #fff, 0 0 0 9px transparent
  }
}

.c-radio__input:checked+.c-radio__label::after{
  content:'';
  background:url(/media/check-white-afd5d82e.svg) 50% 50% no-repeat;
  position:absolute;
  top:2px;
  left:3px;
  width:22px;
  height:18px;
  background-size:65%
}

@media screen and (min-width: 1400px){
  .c-radio__input:checked+.c-radio__label::after{
    top:5px
  }
}

.c-radio__input:not(:checked):hover+.c-radio__label::before{
  border-color:#289965
}

.c-radio--purple .c-radio__input:not(:checked):hover+.c-radio__label::before{
  border-color:#5346ad
}

[data-whatinput='keyboard'] .c-radio__input:checked:focus+.c-radio__label::before{
  background-color:#2ead72;
  border-color:#2ead72
}

.c-radio--purple [data-whatinput='keyboard'] .c-radio__input:checked:focus+.c-radio__label::before{
  background-color:#6054b9;
  border-color:#6054b9
}

.c-radio__label-text:after{
  position:absolute;
  content:'';
  top:-20px;
  right:-35px;
  left:-35px;
  bottom:-20px
}

.c-reading-time[class]{
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: calc(1em * 0.08);
  font-weight:400;
  color:#93896c;
  margin-bottom:24px;
  margin-right:-16px;
  overflow:hidden
}

@media screen and (min-width: 1000px){
  .c-reading-time[class]{
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: calc(1em * 0.08)
  }
}

@media screen and (min-width: 600px){
  .c-reading-time[class]{
    margin-right:0
  }
}

@media screen and (min-width: 1000px){
  .c-reading-time[class]{
    margin-bottom:40px;
    margin-top:-24px
  }
}

@media screen and (min-width: 1400px){
  .c-reading-time[class]{
    margin-top:-40px
  }
}

.c-reading-time[class] img{
  position:relative;
  bottom:1px;
  margin-left:4px;
  margin-right:-14px;
  margin-bottom:0
}

@media screen and (min-width: 600px){
  .c-reading-time[class] img{
    margin-right:0
  }
}

.c-recipe-facts{
  margin:40px 0 24px
}

@media screen and (min-width: 600px){
  .c-recipe-facts{
    margin-bottom:40px
  }
}

@media screen and (min-width: 1000px){
  .c-recipe-facts{
    margin-bottom:64px
  }
}

.c-recipe-facts__list[class]{
  display:flex;
  justify-content:center;
  margin:0;
  list-style:none
}

.c-recipe-facts__item{
  margin:0 12px
}

@media screen and (min-width: 600px){
  .c-recipe-facts__item{
    margin:0 24px
  }
}

.c-recipe-facts__item:first-child{
  margin-left:0
}

.c-recipe-facts__item:last-child{
  margin-right:0
}

.c-recipe-facts__text{
  font-size: 14px;
  font-weight: 400;
  display:block;
  margin-top:8px;
  text-align:center
}

@media screen and (min-width: 1000px){
  .c-recipe-facts__text{
    font-size: 17px;
    font-weight: 400
  }
}

.c-recipe-facts__symbol-wrapper{
  width:40px;
  height:40px;
  margin-left:auto;
  margin-right:auto;
  border-radius:50%;
  display:flex;
  justify-content:center;
  align-items:center;
  background:#fff;
  box-shadow:0 0 3px #dedbd3
}

.c-recipe-facts--on-white .c-recipe-facts__symbol-wrapper{
  box-shadow:none;
  border:1px solid #e5e3db
}

@media screen and (min-width: 600px){
  .c-recipe-facts__symbol-wrapper{
    width:50px;
    height:50px
  }
}

.c-recipe-facts__symbol[class]{
  border-radius:0;
  margin:0;
  width:60%
}

.c-recipe-facts__symbol--plate[class]{
  position:relative;
  bottom:3px
}

.c-recipe-facts__symbol--scale[class]{
  width:55%
}

.c-recipe{
  margin:24px 0
}

@media screen and (min-width: 600px){
  .c-recipe{
    display:flex;
    margin:40px 0
  }
}

@media screen and (min-width: 1000px){
  .c-recipe{
    margin:64px 0
  }
}

.c-recipe__heading[class]{
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: calc(1em * 0.08);
  margin:0 0 24px
}

@media screen and (min-width: 1000px){
  .c-recipe__heading[class]{
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: calc(1em * 0.08)
  }
}

.c-recipe__ingredients[class]{
  font-size: 14px;
  font-weight: 400;
  flex-basis:33%;
  flex-shrink:0
}

@media screen and (min-width: 1000px){
  .c-recipe__ingredients[class]{
    font-size: 17px;
    font-weight: 400
  }
}

.c-recipe__ingredients[class] ul{
  margin-left:14px
}

@media screen and (min-width: 600px){
  .c-recipe__ingredients[class] ul{
    padding-top:3px
  }
}

.c-recipe__ingredients[class] li{
  margin-bottom:10px
}

@media screen and (min-width: 600px){
  .c-recipe__instructions[class]{
    margin-left:40px
  }
}

.c-recipe__instructions[class] ol{
  counter-reset:li;
  list-style:none;
  margin-left:40px
}

.c-recipe__instructions[class] li{
  position:relative;
  margin-bottom:16px
}

.c-recipe__instructions[class] li::before{
  font-size: 14px;
  font-weight: 400;
  content:counter(li);
  counter-increment:li;
  position:absolute;
  left:-40px;
  width:24px;
  height:24px;
  color:#fff;
  background:#41cd8c;
  font-weight:600 !important;
  line-height:1.5 !important;
  border-radius:50%;
  text-align:center
}

@media screen and (min-width: 1000px){
  .c-recipe__instructions[class] li::before{
    font-size: 17px;
    font-weight: 400
  }
}

.c-recipes-teaser{
  overflow:hidden;
  overflow-x:scroll;
  -webkit-overflow-scrolling:touch;
  width:calc(100% + 32px);
  margin-left:-16px;
  padding-left:16px
}

.c-recipes-teaser__inner{
  display:flex;
  width:calc((260px * 4) + (16px * 4));
  margin-bottom:15px
}

.c-recipes-teaser__card{
  width:260px;
  margin-right:16px;
  border-radius:8px;
  background:#fff;
  box-shadow:0 10px 15px -10px rgba(103,96,75,0.3)
}

.c-recipes-teaser__card:last-child{
  margin-right:0
}

.c-recipes-teaser__card-inner{
  padding:0 16px 16px;
  height:100%
}

.c-recipes-teaser__button{
  width:100%;
  height:100%;
  display:flex;
  flex-direction:column;
  align-items:stretch
}

.c-recipes-teaser__image-wrapper{
  position:relative;
  height:150px;
  width:calc(100% + (16px * 2));
  margin-left:-16px;
  margin-right:-16px;
  overflow:hidden;
  border-radius:8px 8px 0 0
}

.c-recipes-teaser__image{
  position:absolute;
  width:100%;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  max-width:none
}

.c-recipes-teaser__recipe-title[class]{
  font-family: TTNormsPro, Roboto, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.35;
  text-align:left;
  margin-top:16px
}

@media screen and (min-width: 1000px){
  .c-recipes-teaser__recipe-title[class]{
    font-size: 20px;
    font-weight: 400
  }
}

.c-recipes_teaser__recipe-meta[class]{
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: calc(1em * 0.08);
  display:flex;
  justify-content:space-between;
  list-style:none;
  margin:auto 0 0
}

@media screen and (min-width: 1000px){
  .c-recipes_teaser__recipe-meta[class]{
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: calc(1em * 0.08)
  }
}

.c-recipes-teaser__cta-heading[class]{
  text-align:center;
  margin-bottom:20px;
  margin-top:40px
}

@media screen and (min-width: 1000px){
  .c-recipes-teaser__cta-heading[class]{
    font-size: 24px;
    font-weight: 400
  }
}

@media screen and (min-width: 1000px) and (min-width: 1650px){
  .c-recipes-teaser__cta-heading[class]{
    font-size: 32px;
    font-weight: 400;
    letter-spacing: -0.4px
  }
}

.c-recipes-teaser__cta-rating{
  margin-top:-32px
}

.c-recipes-teaser__popover{
  position:fixed;
  top:50px;
  bottom:20px;
  left:50%;
  transform:translateX(-50%);
  width:320px;
  box-shadow:0 25px 50px -20px rgba(0,0,0,0.5);
  text-align:left
}

@media only screen and (min-height: 620px){
  .c-recipes-teaser__popover{
    top:50%;
    bottom:auto;
    height:540px;
    transform:translateX(-50%) translateY(-50%)
  }
}

@media only screen and (min-height: 800px){
  .c-recipes-teaser__popover{
    height:650px;
    transform:translateX(-50%) translateY(-50%)
  }
}

@media screen and (min-width: 600px){
  .c-recipes-teaser__popover{
    width:400px
  }
}

@media screen and (min-width: 1000px){
  .c-recipes-teaser__popover{
    width:450px
  }
}

.c-recipes-teaser__popover-bg{
  position:fixed;
  top:0;
  right:0;
  bottom:0;
  left:0
}

.c-recipes-teaser__popover-close{
  position:absolute;
  display:block;
  cursor:pointer;
  top:12px;
  right:12px;
  width:34px;
  height:34px;
  border-radius:50%;
  text-indent:300%;
  overflow:hidden;
  white-space:nowrap;
  background:#fff url(/media/close-black-0e16b87d.svg) 50% 50% no-repeat;
  z-index:1;
  transition:opacity 0.2s ease
}

.c-recipes-teaser__popover-inner{
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  background:#fff;
  border-radius:8px;
  padding:0 24px;
  overflow:hidden;
  overflow-y:scroll;
  -webkit-overflow-scrolling:touch
}

@media screen and (min-width: 600px){
  .c-recipes-teaser__popover-inner{
    padding:0 40px
  }
}

.c-recipes-teaser__popover-image-wrapper{
  height:200px;
  margin-left:-24px;
  margin-right:-24px;
  margin-bottom:16px;
  position:relative;
  border-radius:8px 8px 0 0;
  overflow:hidden
}

@media screen and (min-width: 600px){
  .c-recipes-teaser__popover-image-wrapper{
    margin-left:-40px;
    margin-right:-40px;
    margin-bottom:24px
  }
}

.c-recipes-teaser__popover-image{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%)
}

.c-recipes-teaser__popover-heading{
  font-size: 20px;
  font-weight: 700;
  margin-bottom:4px
}

@media screen and (min-width: 1000px){
  .c-recipes-teaser__popover-heading{
    font-size: 24px;
    font-weight: 700
  }
}

@media screen and (min-width: 1650px){
  .c-recipes-teaser__popover-heading{
    font-size: 28px;
    font-weight: 700;
    line-height: 1.175
  }
}

.c-recipes-teaser__popover-macros{
  font-size: 14px;
  font-weight: 400;
  display:flex;
  align-items:flex-start
}

@media screen and (min-width: 1000px){
  .c-recipes-teaser__popover-macros{
    font-size: 17px;
    font-weight: 400
  }
}

@media screen and (max-width: 999px){
  .c-recipes-teaser__popover-macros{
    margin-bottom:-16px
  }
}

.c-recipes-teaser__popover-macro:not(:first-child){
  position:relative;
  margin-left:5px;
  padding-left:7px
}

.c-recipes-teaser__popover-macro:not(:first-child)::before{
  content:'';
  position:absolute;
  top:7px;
  left:0;
  width:2px;
  height:2px;
  background:#363636;
  border-radius:50%
}

.c-recipes-teaser__popover-sub-heading{
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: calc(1em * 0.08);
  margin-bottom:8px;
  margin-top:24px
}

@media screen and (min-width: 1000px){
  .c-recipes-teaser__popover-sub-heading{
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: calc(1em * 0.08)
  }
}

.c-recipes-teaser__popover-instructions{
  counter-reset:li;
  list-style:none;
  margin-left:40px;
  margin-bottom:16px
}

.c-recipes-teaser__popover-instruction{
  position:relative;
  margin-bottom:10px
}

.c-recipes-teaser__popover-instruction b{
  font-weight:600
}

.c-recipes-teaser__popover-instruction::before{
  font-size: 14px;
  font-weight: 400;
  content:counter(li);
  counter-increment:li;
  position:absolute;
  left:-40px;
  top:-2px;
  width:24px;
  height:24px;
  padding:4px;
  color:#fff;
  background:#41cd8c;
  font-weight:bolder;
  border-radius:50%;
  text-align:center
}

@media screen and (min-width: 1000px){
  .c-recipes-teaser__popover-instruction::before{
    font-size: 17px;
    font-weight: 400
  }
}

.c-recipes-teaser__popover-instruction[class]::before{
  line-height:1.3
}

@media screen and (min-width: 1000px){
  .c-recipes-teaser__popover-instruction[class]::before{
    line-height:1.2
  }
}

.c-reipces-teaser__popover-serving{
  font-size: 14px;
  font-weight: 400;
  color:#767676;
  margin-top:-8px;
  margin-bottom:16px
}

@media screen and (min-width: 1000px){
  .c-reipces-teaser__popover-serving{
    font-size: 17px;
    font-weight: 400
  }
}

.c-reipces-teaser__popover-info{
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  margin-bottom:24px
}

.c-reipces-teaser__popover-info>*{
  flex:0 0 50%;
  margin-bottom:4px
}

.c-reipces-teaser__popover-info>:nth-child(even){
  text-align:right;
  font-weight:600
}

.c-recipes-teaser__popover-height-toggle{
  position:relative;
  overflow:hidden;
  padding-bottom:36px
}

.c-recipes-teaser__popover-height-toggle--closed{
  height:153px
}

.c-recipes-teaser__popover-height-toggle--closed ul,.c-recipes-teaser__popover-height-toggle--closed ol{
  opacity:0.5;
  filter:grayscale(1)
}

.c-recipes-teaser__popover-height-toggle-button{
  position:absolute;
  width:100%;
  bottom:0;
  left:0;
  height:36px;
  background:#fff;
  border:1px solid #e6e6e6;
  border-width:1px 0;
  z-index:1;
  text-indent:300%;
  white-space:nowrap;
  overflow:hidden
}

.c-recipes-teaser__popover-height-toggle-button::after{
  content:'';
  position:absolute;
  top:50%;
  left:50%;
  width:10px;
  height:17px;
  background:url(/media/chevron-left-green-eeb62496.svg) 0 0 no-repeat;
  background-size:10px 17px;
  transform:translate(-50%, -50%) rotate(90deg);
  transform-origin:center center
}

.c-recipes-teaser__popover-height-toggle--closed .c-recipes-teaser__popover-height-toggle-button::after{
  transform:translate(-50%, -50%) rotate(-90deg)
}

.c-redeem-form{
  max-width:450px;
  margin:0 auto;
  text-align:center
}

.c-redeem-form__label{
  font-size: 14px;
  font-weight: 400;
  color:#67604b;
  margin-bottom:8px;
  text-align:left
}

@media screen and (min-width: 1000px){
  .c-redeem-form__label{
    font-size: 17px;
    font-weight: 400
  }
}

@media screen and (min-width: 600px){
  .c-redeem-form__label{
    margin-bottom:16px
  }
}

.c-redeem-form__input{
  font-size: 28px;
  font-weight: 400;
  border:1px solid #e9e7e1;
  background:#fff;
  border-radius:50px;
  margin-bottom:24px;
  padding:0.2em 24px 0;
  text-align:center;
  transition:border-color 0.1s ease
}

@media screen and (min-width: 1000px){
  .c-redeem-form__input{
    font-size: 32px;
    font-weight: 400;
    letter-spacing: -0.4px
  }
}

@media screen and (min-width: 1650px){
  .c-redeem-form__input{
    font-size: 40px;
    font-weight: 400;
    letter-spacing: -0.4px;
    line-height: 1.175
  }
}

@media screen and (min-width: 600px){
  .c-redeem-form__input{
    margin-bottom:40px
  }
}

.c-redeem-form__input:focus{
  border-color:#41cd8c
}

.c-related{
  margin-top:24px
}

@media screen and (min-width: 600px){
  .c-related{
    margin-top:64px
  }
}

@media screen and (min-width: 1000px){
  .c-related{
    margin-top:40px
  }
}

@media screen and (min-width: 1400px){
  .c-related{
    margin-top:64px
  }
}

.c-related__heading{
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: calc(1em * 0.08);
  margin-bottom:-16px;
  color:#9e957a;
  text-align:center
}

@media screen and (min-width: 1000px){
  .c-related__heading{
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: calc(1em * 0.08)
  }
}

@media screen and (min-width: 600px){
  .c-related__heading{
    margin-bottom:-24px
  }
}

.c-renew{
  text-align:center
}

.c-renew__header{
  position:relative;
  background:url(/media/bg-gradient-f7917e76.jpg);
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  margin-bottom:30px;
  background-size:cover
}

.c-renew__heading{
  font-size: 28px;
  font-weight: 700;
  line-height: 1.175;
  color:white;
  margin-bottom:40px
}

@media screen and (min-width: 1000px){
  .c-renew__heading{
    font-size: 32px;
    font-weight: 700;
    letter-spacing: -0.4px;
    line-height: 1.175
  }
}

@media screen and (min-width: 1650px){
  .c-renew__heading{
    font-size: 40px;
    font-weight: 700;
    letter-spacing: -0.4px;
    line-height: 1.175
  }
}

@media screen and (min-width: 600px){
  .c-renew__heading{
    font-size: 40px;
    font-weight: 700;
    letter-spacing: -0.4px;
    line-height: 1.175
  }
}

@media screen and (min-width: 600px) and (min-width: 351px){
  .c-renew__heading{
    font-size: 48px;
    font-weight: 700;
    letter-spacing: -0.4px;
    line-height: 1.175
  }
}

@media screen and (min-width: 600px) and (min-width: 1000px){
  .c-renew__heading{
    font-size: 56px;
    font-weight: 700;
    letter-spacing: -0.4px;
    line-height: 1.175
  }
}

@media screen and (min-width: 600px) and (min-width: 1650px){
  .c-renew__heading{
    font-size: 64px;
    font-weight: 700;
    letter-spacing: -0.4px;
    line-height: 1.175
  }
}

.c-renew__logo-wrapper{
  position:absolute;
  top:20px;
  width:100%
}

.c-renew__up-button{
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: calc(1em * 0.08);
  color:#beb8a6;
  border-radius:50px;
  margin-bottom:96px;
  text-decoration:none;
  display:block
}

@media screen and (min-width: 1000px){
  .c-renew__up-button{
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: calc(1em * 0.08)
  }
}

.c-renew__up-button::before{
  content:'↑';
  display:block;
  font-size:2em;
  margin-bottom:16px
}

.c-upgrade__steps{
  color:white
}

.c-renew__offer-info{
  font-size: 14px;
  font-weight: 400
}

.c-review{
  text-align:center
}

.c-review--dark{
  font-style:normal;
  color:#fff
}

.c-review__rating,.c-review__rating::before{
  position:relative;
  display:inline-block;
  width:calc(22px * 5);
  height:22px;
  background:url(/media/star-7d2899be.svg) 0 0 repeat-x;
  background-size:22px;
  margin-bottom:4px
}

@media screen and (min-width: 1000px){
  .c-review__rating,.c-review__rating::before{
    width:calc(26px * 5);
    height:28px;
    background-size:28px;
    margin-bottom:8px
  }
}

.c-review__rating::before{
  content:'';
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  opacity:0.3
}

.c-review__rating--4-5{
  width:calc(22px * 4.35);
  margin-right:6px
}

@media screen and (min-width: 1000px){
  .c-review__rating--4-5{
    width:calc(26px * 4.7);
    margin-right:8px
  }
}

.c-review__rating--4-75{
  width:calc(22px * 4.45);
  margin-right:5px
}

@media screen and (min-width: 1000px){
  .c-review__rating--4-75{
    width:calc(26px * 4.8);
    margin-right:7px
  }
}

.c-share{
  text-align:center;
  margin-top:-16px
}

.c-share__heading[class]{
  font-size: 14px;
  font-weight: 400;
  font-weight:400;
  margin-bottom:8px;
  color:#67604b
}

@media screen and (min-width: 1000px){
  .c-share__heading[class]{
    font-size: 17px;
    font-weight: 400
  }
}

@media screen and (min-width: 600px){
  .c-share__heading[class]{
    margin-bottom:16px
  }
}

.c-share__list[class]{
  display:flex;
  justify-content:center;
  align-items:stretch;
  margin:0
}

.c-share__item[class]{
  margin-right:16px;
  margin-bottom:0;
  flex-basis:100px;
  list-style-type:none
}

@media screen and (min-width: 1000px){
  .c-share__item[class]{
    flex-basis:135px
  }
}

.c-share__item[class]:last-child{
  margin-right:0
}

.c-share__button[class][class],.c-share__button[class][class]:visited{
  font-size: 14px;
  font-weight: 400;
  font-weight:600;
  display:inline-block;
  height:100%;
  border-radius:4px;
  padding:0.5em 1.1em 0.4em 1em;
  color:#fff;
  display:flex;
  justify-content:center;
  transition:all 0.2s ease
}

@media screen and (min-width: 1000px){
  .c-share__button[class][class],.c-share__button[class][class]:visited{
    font-size: 17px;
    font-weight: 400
  }
}

.c-share__item--facebook .c-share__button[class][class],.c-share__item--facebook .c-share__button[class][class]:visited{
  background:#306199;
  box-shadow:0 3px 12px rgba(48,97,153,0.5)
}

.c-share__item--twitter .c-share__button[class][class],.c-share__item--twitter .c-share__button[class][class]:visited{
  background:#4ab3f4;
  box-shadow:0 3px 12px rgba(74,179,244,0.6)
}

.c-share__item--pinterest .c-share__button[class][class],.c-share__item--pinterest .c-share__button[class][class]:visited{
  background:#b81621;
  box-shadow:0 3px 12px rgba(184,22,33,0.4)
}

.c-share__button[class][class]:hover,.c-share__button[class][class]:focus{
  transform:translateY(-2px)
}

.c-share__item--facebook .c-share__button[class][class]:hover,.c-share__item--facebook .c-share__button[class][class]:focus{
  box-shadow:0 5px 12px rgba(48,97,153,0.4)
}

.c-share__item--twitter .c-share__button[class][class]:hover,.c-share__item--twitter .c-share__button[class][class]:focus{
  box-shadow:0 5px 12px rgba(74,179,244,0.6)
}

.c-share__item--pinterest .c-share__button[class][class]:hover,.c-share__item--pinterest .c-share__button[class][class]:focus{
  box-shadow:0 5px 12px rgba(184,22,33,0.4)
}

.c-share__icon{
  position:relative;
  fill:#fff;
  width:22px;
  height:22px
}

.c-share__item--facebook .c-share__icon{
  top:1px;
  width:18px;
  height:18px
}

@media screen and (min-width: 1000px){
  .c-share__item--facebook .c-share__icon{
    top:2px
  }
}

@media screen and (max-width: 999px){
  .c-share__item--pinterest .c-share__icon{
    bottom:1px
  }
}

@media screen and (max-width: 599px){
  .c-share__text{
    position:absolute;
    left:-9999px
  }
}

.c-share__text{
  margin-left:8px
}

.c-short-text-block{
  text-align:center
}

@media screen and (min-width: 1000px){
  .c-short-text-block{
    text-align:left;
    max-width:520px
  }
}

.c-short-text-block__heading{
  margin-bottom:8px;
  font-size: 28px;
  font-weight: 400
}

@media screen and (min-width: 600px){
  .c-short-text-block__heading{
    font-size: 36px;
    font-weight: 400;
    letter-spacing: -0.4px
  }
}

@media screen and (min-width: 1000px){
  .c-short-text-block__heading{
    font-size: 48px;
    font-weight: 400;
    letter-spacing: -0.4px;
    line-height: 1.175
  }
}

.c-short-text-block__heading b,.c-short-text-block__heading strong{
  font-weight: 700
}

@media screen and (min-width: 1000px){
  .c-short-text-block__heading{
    margin-bottom:24px
  }
}

.c-short-text-block__pre-heading{
  display:block;
  margin-bottom:4px;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: calc(1em * 0.08)
}

@media screen and (min-width: 1000px){
  .c-short-text-block__pre-heading{
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: calc(1em * 0.08)
  }
}

@media screen and (min-width: 1000px){
  .c-short-text-block__pre-heading{
    margin-bottom:16px
  }
}

.c-short-text-block__text{
  line-height: 1.58
}

.c-short-text-block__text+*{
  margin-top:40px
}

.c-short-text-block__text>*+*{
  margin-top:16px
}

.c-signup-cta{
  margin-top:40px;
  text-align:center
}

@media screen and (min-width: 600px){
  .c-signup-cta{
    margin-top:64px
  }
}

@media screen and (min-width: 1000px){
  .c-signup-cta{
    margin-top:96px
  }
}

.c-signup-cta__text[class]{
  font-size: 28px;
  font-weight: 400;
  margin-bottom:16px;
  color:#67604b
}

@media screen and (min-width: 1000px){
  .c-signup-cta__text[class]{
    font-size: 32px;
    font-weight: 400;
    letter-spacing: -0.4px
  }
}

@media screen and (min-width: 1650px){
  .c-signup-cta__text[class]{
    font-size: 40px;
    font-weight: 400;
    letter-spacing: -0.4px;
    line-height: 1.175
  }
}

@media screen and (min-width: 600px){
  .c-signup-cta__text[class]{
    margin-bottom:24px
  }
}

.c-signup-cta__secondary[class][class]{
  font-size: 14px;
  font-weight: 400;
  text-align:center;
  margin-top:24px;
  color:#67604b
}

@media screen and (min-width: 1000px){
  .c-signup-cta__secondary[class][class]{
    font-size: 17px;
    font-weight: 400
  }
}

.c-signup-cta__secondary[class][class] a,.c-signup-cta__secondary[class][class] a:visited{
  color:#67604b;
  text-decoration:none;
  border-bottom:1px solid rgba(103,96,75,0.2);
  transition:border 0.2s ease
}

.c-signup-cta__secondary[class][class] a:hover,.c-signup-cta__secondary[class][class] a:focus{
  border-bottom-color:#67604b
}

.c-signup-flow{
  position:relative;
  z-index:1
}

.c-signup-flow__inner{
  position:relative;
  background:#fff;
  border-radius:8px;
  text-align:center;
  margin:0 auto;
  padding:24px 16px;
  min-height:450px
}

@media screen and (min-width: 600px){
  .c-signup-flow__inner{
    min-height:560px;
    padding-left:24px;
    padding-right:24px
  }
}

@media screen and (min-width: 1000px){
  .c-signup-flow__inner{
    min-height:650px;
    padding:40px
  }
}

.c-signup-flow__inner--boxless{
  background:transparent
}

.c-signup-flow__inner:not(.c-signup-flow__inner--boxless)::before{
  content:'';
  position:absolute;
  top:60px;
  right:30px;
  left:30px;
  bottom:-30px;
  filter:blur(25px);
  z-index:-1
}

@supports (filter: blur(15px)){
  .c-signup-flow__inner:not(.c-signup-flow__inner--boxless)::before{
    background:rgba(0,0,0,0.15)
  }
}

.c-signup-flow__inner:not(.c-signup-flow__inner--boxless)::after{
  content:'';
  border-radius:200px 50px 50px 0;
  position:absolute;
  top:0;
  left:2px;
  height:3px;
  width:0;
  background:#41cd8c;
  transition:width 0.5s ease-in-out
}

@keyframes fade-out{
  0%{
    opacity:1
  }

  100%{
    opacity:0
  }
}

.c-signup-flow__main-heading{
  font-size: 28px;
  font-weight: 400;
  margin-bottom:24px
}

@media screen and (min-width: 1000px){
  .c-signup-flow__main-heading{
    font-size: 32px;
    font-weight: 400;
    letter-spacing: -0.4px
  }
}

@media screen and (min-width: 1650px){
  .c-signup-flow__main-heading{
    font-size: 40px;
    font-weight: 400;
    letter-spacing: -0.4px;
    line-height: 1.175
  }
}

.c-signup-flow__select{
  display:block;
  width:100%;
  padding:16px 0 5px;
  background:url(/media/select-arrow-324eae8b.svg) right 1px top 60% no-repeat;
  background-size:9px 5px;
  -webkit-appearance:unset;
  -moz-appearance:unset
}

.c-signup-flow__back[class]{
  position:absolute;
  z-index:1;
  display:block;
  top:24px;
  left:24px;
  width:20px;
  height:16px;
  text-indent:300%;
  overflow:hidden;
  white-space:nowrap;
  background:url(/media/arrow-back-a0027b23.svg) 0 0 no-repeat
}

@media screen and (min-width: 1000px){
  .c-signup-flow__back[class]{
    top:40px;
    left:40px
  }
}

.c-signup-flow__error{
  color:#d24646;
  font-style:italic;
  padding-top:4px;
  margin-bottom:24px;
  font-size: 14px;
  font-weight: 400
}

@media screen and (min-width: 1000px){
  .c-signup-flow__error{
    font-size: 17px;
    font-weight: 400
  }
}

.c-signup-flow__input-group{
  position:relative;
  margin-bottom:20px
}

@media screen and (min-width: 600px){
  .c-signup-flow__input-group{
    margin-bottom:24px
  }
}

.c-signup-flow__input-group::after{
  content:'';
  position:absolute;
  top:100%;
  left:0;
  width:0;
  height:1px;
  background:#41cd8c;
  animation:draw-line 0.85s ease-out forwards
}

.c-signup-flow__input-group+.c-signup-flow__input-group::after{
  animation-delay:0.1s
}

.c-signup-flow__input-group+.c-signup-flow__input-group+.c-signup-flow__input-group::after{
  animation-delay:0.2s
}

.c-signup-flow__input-group+.c-signup-flow__input-group+.c-signup-flow__input-group+.c-signup-flow__input-group::after{
  animation-delay:0.3s
}

@keyframes draw-line{
  0%{
    width:0
  }

  100%{
    width:100%
  }
}

.c-signup-flow__validation-icon{
  position:absolute;
  right:0;
  top:20px;
  transform:scale(0.75);
  transform-origin:center right
}

.c-signup-flow__validation-icon--loading{
  top:13px;
  right:-2px;
  width:24px;
  height:24px;
  transform:scale(1)
}

.c-signup-flow__field{
  border:none;
  outline:none;
  padding:16px 0 5px 0;
  height:2.35em;
  width:100%;
  background-repeat:no-repeat
}

input.c-signup-flow__field{
  -moz-appearance:textfield
}

.c-signup-flow__field::-webkit-outer-spin-button,.c-signup-flow__field::-webkit-inner-spin-button{
  -webkit-appearance:none;
  margin:0
}

.c-signup-flow__label{
  position:absolute;
  pointer-events:none;
  top:4px;
  left:0;
  width:100%;
  margin-top:10px;
  text-align:left;
  color:#999;
  transform-origin:top left
}

.c-signup-flow__field--has-value+.c-signup-flow__label,.c-signup-flow__label--small{
  animation:move-label 0.3s forwards
}

@keyframes move-label{
  0%{
    margin-top:18px;
    opacity:1;
    transform:scale(1)
  }

  10%{
    margin-top:18px;
    opacity:0;
    transform:scale(1)
  }

  50%{
    opacity:0;
    transform:scale(0.7)
  }

  100%{
    margin-top:-8px;
    opacity:1;
    transform:scale(0.7)
  }
}

.c-signup-flow__submit[class][class]{
  margin-top:24px;
  margin-bottom:24px;
  min-width:0;
  width:240px
}

@media screen and (min-width: 600px){
  .c-signup-flow__submit[class][class]{
    margin-top:40px;
    margin-bottom:64px
  }
}

.c-signup-flow__small-country{
  font-size: 14px;
  font-weight: 400;
  color:#676767;
  margin-top:-8px;
  position:relative;
  top:5px
}

.c-signup-flow__small-country-button{
  font-size: 14px;
  font-weight: 400;
  color:#1b93d4;
  border-bottom:1px solid rgba(27,147,212,0.3);
  cursor:pointer;
  margin-top:8px;
  line-height:inherit
}

.c-signup-flow__blue-link a,.c-signup-flow__blue-link a:visited{
  color:#1b93d4;
  border-bottom:1px solid rgba(27,147,212,0.3)
}

.c-signup-flow__letter{
  position:relative;
  margin-top:-8px
}

@media screen and (min-width: 600px){
  .c-signup-flow__letter{
    margin-top:8px;
    margin-bottom:24px
  }
}

.c-signup-flow__letter-body{
  display:inline-block;
  margin:0 auto;
  animation:levitate 4s infinite
}

.c-signup-flow__letter-body>*{
  width:56px;
  height:40px
}

@media screen and (min-width: 600px){
  .c-signup-flow__letter-body>*{
    width:70px;
    height:50px
  }
}

.c-signup-flow__letter-shadow{
  position:absolute;
  left:50%;
  margin-left:-28px;
  bottom:0;
  width:56px;
  height:3px;
  background:#ddd;
  border-radius:50%;
  animation:levitate-shadow 4s infinite
}

@media screen and (min-width: 600px){
  .c-signup-flow__letter-shadow{
    margin-left:-35px;
    width:70px;
    height:4px
  }
}

@keyframes levitate{
  0%{
    transform:translateY(-7px)
  }

  50%{
    transform:translateY(0)
  }

  100%{
    transform:translateY(-7px)
  }
}

@keyframes levitate-shadow{
  0%{
    opacity:0.3;
    transform:scale(1)
  }

  50%{
    opacity:1;
    transform:scale(0.8)
  }

  100%{
    opacity:0.3;
    transform:scale(1)
  }
}

.c-signup-flow__error-bubble{
  position:absolute;
  left:0;
  top:0;
  margin-top:56px
}

@media screen and (min-width: 600px){
  .c-signup-flow__error-bubble{
    margin-top:60px
  }
}

.c-signup-flow__error-bubble--top{
  top:auto;
  bottom:100%;
  margin-bottom:12px
}

.c-signup-flow__setup{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  min-height:400px;
  max-width:280px;
  margin-left:auto;
  margin-right:auto
}

@media screen and (min-width: 600px){
  .c-signup-flow__setup{
    min-height:480px
  }
}

@media screen and (min-width: 1650px){
  .c-signup-flow__setup{
    min-height:520px;
    max-width:340px
  }
}

.c-signup-flow__setup-animation{
  max-width:65%;
  margin-left:auto;
  margin-right:auto
}

@media screen and (min-width: 600px){
  .c-signup-flow__setup-animation{
    max-width:85%
  }
}

@media screen and (min-width: 1650px){
  .c-signup-flow__setup-animation{
    max-width:75%
  }
}

.c-signup-flow__setup-spinner{
  width:44px;
  height:44px;
  margin-left:auto;
  margin-right:auto
}

.c-slideshow{
  position:relative;
  padding:24px 0;
  color:#fff;
  text-align:center
}

@media screen and (max-width: 350px){
  .c-slideshow{
    margin-left:-16px;
    margin-right:-16px
  }
}

.c-slideshow__list{
  display:flex;
  align-items:stretch;
  width:85%;
  flex-wrap:nowrap;
  margin:0 auto
}

.c-slideshow__nav{
  margin-top:24px
}

.c-slideshow__nav-button{
  position:relative;
  display:inline-block;
  width:40px;
  height:40px;
  cursor:pointer;
  text-indent:50px;
  overflow:hidden;
  white-space:nowrap;
  transform:scale(0.9);
  margin:0 4px;
  transition:transform 0.15s ease
}

.c-slideshow__nav-button--fwd{
  transform:rotate(180deg) scale(0.9)
}

.c-slideshow__nav-button:hover{
  transform:scale(1)
}

.c-slideshow__nav-button--fwd:hover{
  transform:rotate(180deg) scale(1)
}

.c-slideshow__nav-button::before{
  content:'';
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  background:#262337;
  border-radius:50%;
  transform:scale(0);
  transition:transform 0.15s ease-out
}

.c-slideshow__nav-button:hover::before{
  transform:scale(1)
}

.c-slideshow__nav-button::after{
  content:'';
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  background:url(/media/arrow-back-purple-0450142e.svg) 50% 50% no-repeat;
  border:2px solid #262337;
  border-radius:50px;
  transition:background-image 0.2s ease
}

.c-slideshow__nav-button:hover::after{
  background-image:url(/media/arrow-back-a0027b23.svg)
}

.c-slideshow__item{
  background:#262337;
  border-radius:8px;
  width:100%;
  display:grid;
  position:relative;
  overflow:hidden;
  box-shadow:0 35px 50px -25px rgba(38,35,55,0.6)
}

@media screen and (min-width: 600px){
  .c-slideshow__item{
    border-radius:16px
  }
}

.c-slideshow__item-inner{
  --padding-x: 24px;
  --padding-b: 24px;
  position:relative;
  z-index:1;
  grid-area:1 / 1 / 2 / 2;
  align-self:end;
  transition:opacity 0.5s ease;
  padding:45% var(--padding-x) var(--padding-b)
}

.c-slideshow__item-inner:lang(ru){
  --padding-x: 16px
}

@media screen and (min-width: 600px){
  .c-slideshow__item-inner{
    --padding-x: 64px;
    --padding-b: 40px
  }

  .c-slideshow__item-inner:lang(ru){
    --padding-x: 40px;
    --padding-b: 40px
  }
}

@media screen and (min-width: 1000px){
  .c-slideshow__item-inner{
    --padding-x: 40px;
    --padding-b: 24px
  }

  .c-slideshow__item-inner:lang(ru){
    --padding-x: 24px;
    --padding-b: 24px
  }
}

@media screen and (min-width: 1400px){
  .c-slideshow__item-inner{
    --padding-x: 64px;
    --padding-b: 40px
  }

  .c-slideshow__item-inner:lang(ru){
    --padding-x: 40px;
    --padding-b: 40px
  }
}

.c-slideshow__item--left .c-slideshow__item-inner,.c-slideshow__item--right .c-slideshow__item-inner{
  opacity:0
}

.c-slideshow__item:not(:first-child){
  margin-left:-100%
}

.c-slideshow__item--on-top{
  z-index:2
}

.c-slideshow__item--left{
  transform:scale(0.88) translateX(-16.66667%)
}

.c-slideshow__item--right{
  transform:scale(0.88) translateX(16.66667%)
}

.c-slideshow__item--left,.c-slideshow__item--right{
  z-index:0;
  cursor:pointer
}

.c-slideshow__item--left:hover::after,.c-slideshow__item--right:hover::after{
  opacity:0.5
}

.c-slideshow__item--left.c-slideshow__item--to-top{
  animation:slideshow-from-left-to-top 0.75s forwards
}

@keyframes slideshow-from-left-to-top{
  0%{
    transform:scale(0.88) translateX(-16.66667%);
    z-index:0
  }

  50%{
    transform:scale(0.94) translateX(-55%)
  }

  100%{
    transform:scale(1) translateX(0);
    z-index:4
  }
}

.c-slideshow__item--right.c-slideshow__item--to-top{
  animation:slideshow-from-right-to-top 0.75s forwards
}

@keyframes slideshow-from-right-to-top{
  0%{
    transform:scale(0.88) translateX(16.66667%);
    z-index:0
  }

  50%{
    transform:scale(0.94) translateX(55%)
  }

  100%{
    transform:scale(1) translateX(0);
    z-index:4
  }
}

.c-slideshow__item--to-back-left{
  animation:slideshow-from-top-to-left 0.75s forwards
}

@keyframes slideshow-from-top-to-left{
  0%{
    transform:scale(1) translateX(0);
    z-index:2
  }

  50%{
    transform:scale(0.94) translateX(-55%)
  }

  100%{
    transform:scale(0.88) translateX(-16.66667%);
    z-index:1
  }
}

.c-slideshow__item--to-back-right{
  animation:slideshow-from-top-to-right 0.75s forwards
}

@keyframes slideshow-from-top-to-right{
  0%{
    transform:scale(1) translateX(0);
    z-index:2
  }

  50%{
    transform:scale(0.94) translateX(55%)
  }

  100%{
    transform:scale(0.88) translateX(16.66667%);
    z-index:1
  }
}

.c-slideshow__item--left-to-right{
  animation:slideshow-left-to-right 0.75s forwards
}

@keyframes slideshow-left-to-right{
  0%{
    transform:scale(0.88) translateX(-16.66667%)
  }

  100%{
    transform:scale(0.88) translateX(16.66667%)
  }
}

.c-slideshow__item--right-to-left{
  animation:slideshow-right-to-left 0.75s forwards
}

@keyframes slideshow-right-to-left{
  0%{
    transform:scale(0.88) translateX(16.66667%)
  }

  100%{
    transform:scale(0.88) translateX(-16.66667%)
  }
}

.c-socmed-links{
  margin-top:40px;
  text-align:center
}

@media screen and (min-width: 600px){
  .c-socmed-links{
    margin-top:64px
  }
}

@media screen and (min-width: 1000px){
  .c-socmed-links{
    margin-top:96px
  }
}

.c-socmed-links--in-list{
  margin:0 0 24px
}

@media screen and (min-width: 600px){
  .c-socmed-links--in-list{
    margin:8px 0 24px
  }
}

@media screen and (min-width: 1000px){
  .c-socmed-links--in-list{
    margin:0 0 40px
  }
}

@media screen and (min-width: 1400px){
  .c-socmed-links--in-list{
    margin:0 0 64px 0
  }
}

.c-socmed-links__heading[class]{
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: calc(1em * 0.08);
  margin-bottom:16px;
  margin-top:0;
  color:#93896c
}

@media screen and (min-width: 1000px){
  .c-socmed-links__heading[class]{
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: calc(1em * 0.08)
  }
}

@media screen and (min-width: 600px){
  .c-socmed-links__heading[class]{
    margin-bottom:24px
  }
}

.c-socmed-links__list[class]{
  display:flex;
  flex-wrap:wrap;
  margin-left:-8px;
  margin-right:-8px;
  margin-bottom:0;
  list-style:none
}

@media screen and (min-width: 600px){
  .c-socmed-links__list[class]{
    margin-left:-16px;
    margin-right:-16px
  }
}

@media screen and (min-width: 1000px){
  .c-socmed-links__list[class]{
    flex-wrap:nowrap
  }
}

.c-socmed-links__item[class]{
  flex-grow:1;
  flex-shrink:1;
  flex-basis:75%;
  margin:0 8px 16px
}

@media screen and (min-width: 351px){
  .c-socmed-links__item[class]{
    flex-basis:calc(50% - 16px * 2)
  }
}

@media screen and (min-width: 600px){
  .c-socmed-links__item[class]{
    margin:0 16px 24px
  }
}

@media screen and (min-width: 1000px){
  .c-socmed-links__item[class]{
    flex-basis:auto
  }
}

.c-socmed-links__link[class][class]{
  position:relative;
  display:block;
  background:transparent;
  border-radius:6px;
  padding:14px 16px 12px;
  text-align:center;
  text-decoration:none;
  transition:all 0.4s ease
}

@media screen and (min-width: 600px){
  .c-socmed-links__link[class][class]{
    border-radius:100px
  }

  .c-socmed-links__item:nth-child(3) .c-socmed-links__link[class][class]::before,.c-socmed-links__item:nth-child(4) .c-socmed-links__link[class][class]::before{
    content:'';
    position:absolute;
    top:-12px;
    left:0;
    right:0;
    border-top:1px dotted #d4d0c4
  }

  .c-socmed-links__item:nth-child(3) .c-socmed-links__link[class][class]::before{
    right:-16px
  }

  .c-socmed-links__item:nth-child(4) .c-socmed-links__link[class][class]::before{
    left:-16px
  }

  .c-socmed-links__item:nth-child(2) .c-socmed-links__link[class][class]::after,.c-socmed-links__item:nth-child(4) .c-socmed-links__link[class][class]::after{
    content:'';
    position:absolute;
    top:0;
    left:-16px;
    bottom:0;
    border-left:1px dotted #d4d0c4
  }

  .c-socmed-links__item:nth-child(2) .c-socmed-links__link[class][class]::after{
    bottom:-12px
  }

  .c-socmed-links__item:nth-child(4) .c-socmed-links__link[class][class]::after{
    top:-12px;
    bottom:-8px
  }
}

@media screen and (min-width: 1000px){
  .c-socmed-links__link[class][class][class]::after{
    display:none
  }

  .c-socmed-links__link[class][class][class][class]::before{
    content:'';
    position:absolute;
    top:15%;
    left:-16px;
    bottom:15%;
    right:auto;
    border:1px dotted #d4d0c4;
    border-width:0 0 0 1px
  }

  .c-socmed-links__item:nth-child(1) .c-socmed-links__link[class][class]::before{
    display:none
  }
}

.c-socmed-links__link[class][class]:hover,.c-socmed-links__link[class][class]:focus{
  background:#fff;
  transform:translateY(-2px);
  box-shadow:0 10px 45px -7px #beb8a6
}

.c-socmed-links__text{
  font-size: 14px;
  font-weight: 400;
  display:block;
  color:#67604b;
  margin-bottom:8px
}

.c-socmed-links__logo[class]{
  margin:0;
  border-radius:0;
  height:22px
}

.c-socmed-links__item--twitter .c-socmed-links__logo[class]{
  height:18px;
  margin:2px 0
}

.c-socmed-links__item--instagram .c-socmed-links__logo[class]{
  height:27px;
  margin-bottom:-5px
}

.c-social-proof{
  margin-top:-8px
}

.c-social-proof__rating{
  display:flex;
  justify-content:space-between;
  max-width:900px;
  margin:40px auto 24px
}

@media screen and (min-width: 600px){
  .c-social-proof__rating{
    margin-bottom:40px
  }
}

@media screen and (min-width: 1000px){
  .c-social-proof__rating{
    margin-bottom:64px
  }
}

.c-social-proof__rating-item{
  background:#fff;
  border-radius:8px;
  box-shadow:0 35px 35px -25px rgba(201,196,181,0.45);
  flex:0 0 48%;
  display:flex;
  flex-direction:column
}

@media screen and (min-width: 600px){
  .c-social-proof__rating-item{
    border-radius:16px
  }
}

.c-social-proof__rating-logo{
  display:block;
  width:50px;
  height:60px;
  margin:-25px auto 0;
  overflow:hidden;
  white-space:nowrap;
  text-indent:300%
}

.c-social-proof__rating-logo--apple{
  background:url(/media/logo-apple-black@2x-6e95aaa4.png) 50% 0 no-repeat;
  background-size:50px
}

@media screen and (min-width: 1000px){
  .c-social-proof__rating-logo--apple{
    background-size:60px
  }
}

.c-social-proof__rating-logo--android{
  background:url(/media/logo-android-black@2x-2ca05371.png) 50% 0 no-repeat;
  background-size:50px;
  position:relative;
  top:4px
}

@media screen and (min-width: 1000px){
  .c-social-proof__rating-logo--android{
    background-size:60px
  }
}

@media screen and (min-width: 1000px){
  .c-social-proof__rating-logo{
    width:60px;
    height:65px;
    vertical-align:0;
    margin-bottom:24px
  }
}

.c-social-proof__rating-score{
  font-size: 20px;
  font-weight: 400;
  position:relative
}

@media screen and (min-width: 1000px){
  .c-social-proof__rating-score{
    font-size: 24px;
    font-weight: 400
  }
}

@media screen and (min-width: 1650px){
  .c-social-proof__rating-score{
    font-size: 28px;
    font-weight: 400
  }
}

@media screen and (min-width: 1000px){
  .c-social-proof__rating-score{
    font-size: 24px;
    font-weight: 400;
    font-weight:400
  }
}

@media screen and (min-width: 1000px) and (min-width: 1650px){
  .c-social-proof__rating-score{
    font-size: 32px;
    font-weight: 400;
    letter-spacing: -0.4px
  }
}

@media screen and (min-width: 600px){
  .c-social-proof__stars{
    margin-bottom:16px
  }
}

.c-social-proof__awards{
  font-size: 14px;
  font-weight: 400;
  font-weight:600 !important;
  color:#bd9e54;
  margin-top:auto
}

@media screen and (max-width: 599px){
  .c-social-proof__awards{
    padding-bottom:8px
  }
}

@media screen and (min-width: 600px){
  .c-social-proof__awards{
    border-top:1px solid #f4f3f0
  }
}

@media screen and (min-width: 600px){
  .c-social-proof__awards{
    font-size: 14px;
    font-weight: 400;
    font-weight:600 !important;
    display:flex
  }
}

@media screen and (min-width: 600px) and (min-width: 1000px){
  .c-social-proof__awards{
    font-size: 17px;
    font-weight: 400
  }
}

@media screen and (min-width: 600px){
  .c-social-proof__awards>*{
    flex:1 1 auto;
    padding:16px 16px 4px
  }
}

@media screen and (min-width: 600px) and (min-width: 600px){
  .c-social-proof__awards>*:first-child{
    border-right:1px solid #f4f3f0
  }
}

.c-social-proof__year{
  display:block;
  font-weight:400;
  color:#363636;
  margin-bottom:8px;
  margin-top:2px
}

.c-spinner{
  transform-origin:center center;
  transform:rotate(-90deg);
  stroke-width:5;
  stroke-linecap:round;
  stroke:#fff;
  stroke-dasharray:282.6;
  stroke-dashoffset:282.6;
  animation:2s spin-the-spinner infinite forwards
}

@keyframes spin-the-spinner{
  50%{
    stroke-dasharray:262.6
  }

  90%{
    opacity:1
  }

  100%{
    opacity:0;
    stroke-dashoffset:-282.6;
    transform:rotate(270deg)
  }
}

.c-sticky-cta{
  position:fixed;
  left:0;
  right:0;
  bottom:0;
  background:#fff;
  padding:16px 24px 24px;
  z-index:100;
  box-shadow:none;
  transform:translateY(110%);
  transition:transform 0.4s ease;
  text-align:center
}

@media screen and (min-width: 600px){
  .c-sticky-cta{
    padding-top:16px;
    padding-bottom:16px
  }
}

@media screen and (min-width: 1000px){
  .c-sticky-cta{
    padding-top:24px;
    padding-bottom:24px
  }
}

.c-sticky-cta--shown{
  box-shadow:0 -5px 10px rgba(103,96,75,0.2);
  transform:translateY(0)
}

.c-sub-page-header{
  position:relative;
  background:linear-gradient(130deg, #41cd8c, #00b698);
  color:#fff;
  text-align:center
}

.c-sub-page-header--button{
  margin-bottom:96px
}

@media screen and (min-width: 1000px){
  .c-sub-page-header--button{
    margin-bottom:128px
  }
}

.c-sub-page-header--dark{
  background-image:none
}

.c-sub-page-header--magenta{
  background:linear-gradient(130deg, #f7526b, #a1498d)
}

.c-sub-page-header--blue{
  background:linear-gradient(130deg, #66b9ea, #6d78e7)
}

.c-sub-page-header__loading{
  display:inline-block;
  margin:64px auto 24px;
  width:55px
}

@media screen and (min-width: 600px){
  .c-sub-page-header__loading{
    margin-top:96px;
    margin-bottom:40px
  }
}

@media screen and (min-width: 1000px){
  .c-sub-page-header__loading{
    width:75px;
    margin-top:128px;
    margin-bottom:60px
  }
}

@media screen and (min-width: 1400px){
  .c-sub-page-header__loading{
    margin-top:192px;
    margin-bottom:64px
  }
}

.c-sub-page-header__heading{
  font-size: 32px;
  font-weight: 400;
  letter-spacing: -0.4px;
  max-width:1300px;
  margin-left:auto;
  margin-right:auto;
  padding:96px 0 24px
}

@media screen and (min-width: 600px){
  .c-sub-page-header__heading{
    font-size: 40px;
    font-weight: 400;
    letter-spacing: -0.4px;
    line-height: 1.175;
    padding-top:128px;
    padding-bottom:40px;
    text-wrap:balance
  }
}

@media screen and (min-width: 600px) and (min-width: 351px){
  .c-sub-page-header__heading{
    font-size: 48px;
    font-weight: 400;
    letter-spacing: -0.4px;
    line-height: 1.175
  }
}

@media screen and (min-width: 600px) and (min-width: 600px){
  .c-sub-page-header__heading{
    font-size: 64px;
    font-weight: 400;
    letter-spacing: -0.4px;
    line-height: 1.175
  }
}

@media screen and (min-width: 600px) and (min-width: 1000px){
  .c-sub-page-header__heading{
    font-size: 72px;
    font-weight: 400;
    letter-spacing: -0.4px;
    line-height: 1.175
  }
}

@media screen and (min-width: 600px){
  .c-sub-page-header__heading b,.c-sub-page-header__heading strong{
    font-weight: 700
  }
}

@media screen and (min-width: 1000px){
  .c-sub-page-header__heading--smaller{
    padding-top:192px
  }
}

@media screen and (min-width: 1400px){
  .c-sub-page-header__heading{
    padding-top:192px;
    padding-bottom:64px
  }
}

@media screen and (max-width: 599px){
  .c-sub-page-header__heading--smaller{
    font-size: 28px;
    font-weight: 400;
    padding:70px 0 30px
  }
}

@media screen and (max-width: 599px) and (min-width: 600px){
  .c-sub-page-header__heading--smaller{
    font-size: 36px;
    font-weight: 400;
    letter-spacing: -0.4px
  }
}

@media screen and (max-width: 599px) and (min-width: 1000px){
  .c-sub-page-header__heading--smaller{
    font-size: 48px;
    font-weight: 400;
    letter-spacing: -0.4px;
    line-height: 1.175
  }
}

@media screen and (max-width: 599px){
  .c-sub-page-header__heading--smaller b,.c-sub-page-header__heading--smaller strong{
    font-weight: 700
  }
}

.c-sub-page-header__heading-pre{
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: calc(1em * 0.08);
  display:block;
  margin-bottom:8px
}

@media screen and (min-width: 1000px){
  .c-sub-page-header__heading-pre{
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: calc(1em * 0.08)
  }
}

@media screen and (min-width: 1400px){
  .c-sub-page-header__heading-pre{
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: calc(1em * 0.08);
    margin-bottom:16px
  }
}

@media screen and (min-width: 1400px) and (min-width: 1000px){
  .c-sub-page-header__heading-pre{
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: calc(1em * 0.08)
  }
}

.c-sub-page-header__heading-text{
  display:block
}

.c-sub-page-header__summary{
  margin:-16px 0 24px
}

@media screen and (min-width: 600px){
  .c-sub-page-header__summary{
    margin:-24px 0 40px
  }
}

.c-sub-page-header__curve{
  position:relative;
  top:1px
}

.c-sub-page-header__curve-button{
  position:absolute;
  bottom:-25px;
  left:50%;
  min-width:210px;
  transform:translateX(-50%);
  z-index:2;
  color:#67604b
}

@media screen and (min-width: 600px){
  .c-sub-page-header__curve-button{
    bottom:-22px
  }
}

@media screen and (min-width: 1000px){
  .c-sub-page-header__curve-button{
    bottom:-25px
  }
}

.c-user-case{
  color:#fff
}

.c-user-case__image img{
  width:100%
}

.c-user-case__heading{
  font-size: 28px;
  text-transform: uppercase;
  font-weight: 400;
  letter-spacing: calc(1em * 0.08);
  margin-bottom:8px
}

@media screen and (min-width: 1000px){
  .c-user-case__heading{
    font-size: 48px;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: calc(1em * 0.08);
    line-height: 1.175
  }
}

.c-user-case__heading b,.c-user-case__heading strong{
  font-weight: 700
}

@media screen and (min-width: 600px){
  .c-user-case__heading{
    margin-bottom:16px
  }
}

@media screen and (min-width: 1000px){
  .c-user-case__heading{
    margin-bottom:24px
  }
}

.c-user-case__cite{
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: calc(1em * 0.08);
  display:block;
  margin-top:16px
}

@media screen and (min-width: 1000px){
  .c-user-case__cite{
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: calc(1em * 0.08)
  }
}

@media screen and (min-width: 600px){
  .c-user-case__cite{
    margin-top:24px
  }
}

@media screen and (min-width: 1000px){
  .c-user-case__cite{
    margin-top:40px
  }
}

@media screen and (max-width: 999px){
  .c-user-case__image{
    position:relative;
    overflow:hidden;
    background:#000;
    padding-bottom:100px
  }

  .c-user-case__image::after{
    content:'';
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background-image:linear-gradient(to bottom, rgba(0,0,0,0) 0, #000 calc(100% - 50px), rgba(0,0,0,0) calc(100% - 50px), rgba(0,0,0,0) 100%)
  }

  .c-user-case__text-content{
    position:absolute;
    bottom:6%;
    left:0;
    right:0;
    z-index:1;
    text-align:center
  }
}

@media screen and (max-width: 599px){
  .c-user-case__image{
    padding-bottom:40px
  }

  .c-user-case__text-content{
    position:relative;
    margin-top:-120px
  }
}

@media screen and (max-width: 350px){
  .c-user-case__image::after{
    background-image:linear-gradient(to bottom, rgba(0,0,0,0) 0, #000 calc(100% - 150px), rgba(0,0,0,0) calc(100% - 150px), rgba(0,0,0,0) 100%)
  }
}

.c-user-case blockquote p:first-of-type::before{
  content:'“'
}

.c-user-case blockquote p:first-of-type::after{
  content:'”'
}

@media screen and (min-width: 600px){
  .c-user-case{
    font-size: 24px;
    font-weight: 400
  }
}

@media screen and (min-width: 600px) and (min-width: 1650px){
  .c-user-case{
    font-size: 32px;
    font-weight: 400;
    letter-spacing: -0.4px
  }
}

@media screen and (min-width: 600px){
  .c-user-case blockquote p:first-of-type::before,.c-user-case blockquote p:first-of-type::after{
    position:absolute;
    opacity:0.18;
    font-size:10em;
    font-weight:400
  }

  .c-user-case blockquote p:first-of-type::before{
    margin-top:0.34em;
    left:-0.1em;
    content:'“'
  }

  .c-user-case blockquote p:first-of-type::after{
    margin-top:0.55em;
    right:0.15em
  }

  .c-user-case__text-content{
    left:10%;
    right:10%
  }

  .c-user-case__image{
    padding-bottom:0
  }

  .c-user-case__image::after{
    background-image:linear-gradient(to bottom, rgba(0,0,0,0), #000)
  }
}

@media screen and (min-width: 1000px){
  .c-user-case{
    font-size: 20px;
    font-weight: 400
  }
}

@media screen and (min-width: 1000px) and (min-width: 1000px){
  .c-user-case{
    font-size: 24px;
    font-weight: 400
  }
}

@media screen and (min-width: 1000px) and (min-width: 1650px){
  .c-user-case{
    font-size: 28px;
    font-weight: 400
  }
}

@media screen and (min-width: 1000px){
  .c-user-case__heading{
    white-space:nowrap
  }

  .c-user-case__text-content{
    display:flex;
    align-items:center;
    text-shadow:1px 1px 1px rgba(0,0,0,0.3);
    width:80%
  }

  .c-user-case blockquote p:first-of-type::before,.c-user-case blockquote p:first-of-type::after{
    opacity:0.13;
    font-size:17em
  }
}

@media screen and (min-width: 1400px){
  .c-user-case__text-content{
    width:50%;
    text-shadow:none
  }
}

@media screen and (min-width: 1650px){
  .c-user-case blockquote p:first-of-type::before{
    left:-0.05em
  }
}

.c-tags--cloud{
  text-align:center;
  margin:0 0 40px
}

@media screen and (min-width: 600px){
  .c-tags--cloud{
    margin:16px 0 40px
  }
}

@media screen and (min-width: 1000px){
  .c-tags--cloud{
    margin:0 0 64px
  }
}

@media screen and (min-width: 1400px){
  .c-tags--cloud{
    margin:0 0 96px 0
  }
}

.c-tags__heading[class]{
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: calc(1em * 0.08);
  color:#93896c;
  margin-top:0;
  margin-bottom:8px
}

@media screen and (min-width: 1000px){
  .c-tags__heading[class]{
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: calc(1em * 0.08)
  }
}

@media screen and (min-width: 600px){
  .c-tags__heading[class]{
    margin-bottom:16px
  }
}

.c-tags__list[class]{
  display:flex;
  flex-wrap:wrap;
  list-style:none;
  margin:0
}

.c-tags--cloud .c-tags__list[class]{
  justify-content:center
}

.c-tags__link[class][class],.c-tags__link[class][class]:visited{
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: calc(1em * 0.08);
  display:block;
  cursor:pointer;
  border:2px solid #d84a8a;
  color:#d84a8a;
  border-radius:50px;
  margin:4px 8px 0 0;
  padding:0.5em 1.1em 0.4em 1.2em;
  text-decoration:none;
  transition:all 0.3s ease
}

@media screen and (min-width: 1000px){
  .c-tags__link[class][class],.c-tags__link[class][class]:visited{
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: calc(1em * 0.08)
  }
}

@media screen and (min-width: 600px){
  .c-tags__link[class][class],.c-tags__link[class][class]:visited{
    margin:8px 16px 0 0
  }
}

.c-tags--cloud .c-tags__link[class][class],.c-tags--cloud .c-tags__link[class][class]:visited{
  background:#d84a8a;
  color:#fff;
  box-shadow:0 5px 20px rgba(216,74,138,0.4);
  margin:8px 4px 0;
  padding-right:1em
}

@media screen and (min-width: 600px){
  .c-tags--cloud .c-tags__link[class][class],.c-tags--cloud .c-tags__link[class][class]:visited{
    margin:16px 8px 0
  }
}

.c-tags--cloud .c-tags__tag{
  opacity:0
}

.c-tags--cloud .c-tags__list--in-viewport .c-tags__tag{
  animation:show-tag 2s ease forwards
}

@keyframes show-tag{
  0%{
    opacity:0;
    transform:translateY(20px)
  }

  50%{
    opacity:1;
    transform:translateY(-5px)
  }

  100%{
    opacity:1;
    transform:translateY(0)
  }
}

.c-tags--cloud .c-tags__list--in-viewport .c-tags__tag:nth-child(0){
  animation-delay:0ms
}

.c-tags--cloud .c-tags__list--in-viewport .c-tags__tag:nth-child(1){
  animation-delay:70ms
}

.c-tags--cloud .c-tags__list--in-viewport .c-tags__tag:nth-child(2){
  animation-delay:140ms
}

.c-tags--cloud .c-tags__list--in-viewport .c-tags__tag:nth-child(3){
  animation-delay:210ms
}

.c-tags--cloud .c-tags__list--in-viewport .c-tags__tag:nth-child(4){
  animation-delay:280ms
}

.c-tags--cloud .c-tags__list--in-viewport .c-tags__tag:nth-child(5){
  animation-delay:350ms
}

.c-tags--cloud .c-tags__list--in-viewport .c-tags__tag:nth-child(6){
  animation-delay:420ms
}

.c-tags--cloud .c-tags__list--in-viewport .c-tags__tag:nth-child(7){
  animation-delay:490ms
}

.c-tags--cloud .c-tags__list--in-viewport .c-tags__tag:nth-child(8){
  animation-delay:560ms
}

.c-tags--cloud .c-tags__list--in-viewport .c-tags__tag:nth-child(9){
  animation-delay:630ms
}

.c-tags--cloud .c-tags__list--in-viewport .c-tags__tag:nth-child(10){
  animation-delay:700ms
}

.c-tags--cloud .c-tags__list--in-viewport .c-tags__tag:nth-child(11){
  animation-delay:770ms
}

.c-tags--cloud .c-tags__list--in-viewport .c-tags__tag:nth-child(12){
  animation-delay:840ms
}

.c-tags--cloud .c-tags__list--in-viewport .c-tags__tag:nth-child(13){
  animation-delay:910ms
}

.c-tags--cloud .c-tags__list--in-viewport .c-tags__tag:nth-child(14){
  animation-delay:980ms
}

.c-tags--cloud .c-tags__list--in-viewport .c-tags__tag:nth-child(15){
  animation-delay:1050ms
}

.c-tags--cloud .c-tags__list--in-viewport .c-tags__tag:nth-child(16){
  animation-delay:1120ms
}

.c-tags--cloud .c-tags__list--in-viewport .c-tags__tag:nth-child(17){
  animation-delay:1190ms
}

.c-tags--cloud .c-tags__list--in-viewport .c-tags__tag:nth-child(18){
  animation-delay:1260ms
}

.c-tags--cloud .c-tags__list--in-viewport .c-tags__tag:nth-child(19){
  animation-delay:1330ms
}

.c-tags--cloud .c-tags__tag:nth-child(0){
  order:2
}

.c-tags--cloud .c-tags__tag:nth-child(1){
  order:17
}

.c-tags--cloud .c-tags__tag:nth-child(2){
  order:4
}

.c-tags--cloud .c-tags__tag:nth-child(3){
  order:12
}

.c-tags--cloud .c-tags__tag:nth-child(4){
  order:8
}

.c-tags--cloud .c-tags__tag:nth-child(5){
  order:14
}

.c-tags--cloud .c-tags__tag:nth-child(6){
  order:19
}

.c-tags--cloud .c-tags__tag:nth-child(7){
  order:1
}

.c-tags--cloud .c-tags__tag:nth-child(8){
  order:10
}

.c-tags--cloud .c-tags__tag:nth-child(9){
  order:15
}

.c-tags--cloud .c-tags__tag:nth-child(10){
  order:3
}

.c-tags--cloud .c-tags__tag:nth-child(11){
  order:6
}

.c-tags--cloud .c-tags__tag:nth-child(12){
  order:12
}

.c-tags--cloud .c-tags__tag:nth-child(13){
  order:18
}

.c-tags--cloud .c-tags__tag:nth-child(14){
  order:5
}

.c-tags--cloud .c-tags__tag:nth-child(15){
  order:7
}

.c-tags--cloud .c-tags__tag:nth-child(16){
  order:16
}

.c-tags--cloud .c-tags__tag:nth-child(17){
  order:9
}

.c-tags--cloud .c-tags__tag:nth-child(18){
  order:11
}

.c-tags--cloud .c-tags__tag:nth-child(19){
  order:13
}

.c-tags--cloud .c-tags__tag:nth-child(6) .c-tags__link,.c-tags--cloud .c-tags__tag:nth-child(6) .c-tags__link:visited,.c-tags--cloud .c-tags__tag:nth-child(7) .c-tags__link,.c-tags--cloud .c-tags__tag:nth-child(7) .c-tags__link:visited,.c-tags--cloud .c-tags__tag:nth-child(8) .c-tags__link,.c-tags--cloud .c-tags__tag:nth-child(8) .c-tags__link:visited,.c-tags--cloud .c-tags__tag:nth-child(9) .c-tags__link,.c-tags--cloud .c-tags__tag:nth-child(9) .c-tags__link:visited,.c-tags--cloud .c-tags__tag:nth-child(10) .c-tags__link,.c-tags--cloud .c-tags__tag:nth-child(10) .c-tags__link:visited,.c-tags--cloud .c-tags__tag:nth-child(11) .c-tags__link,.c-tags--cloud .c-tags__tag:nth-child(11) .c-tags__link:visited,.c-tags--cloud .c-tags__tag:nth-child(12) .c-tags__link,.c-tags--cloud .c-tags__tag:nth-child(12) .c-tags__link:visited{
  opacity:0.75
}

.c-tags--cloud .c-tags__tag:nth-child(13) .c-tags__link,.c-tags--cloud .c-tags__tag:nth-child(13) .c-tags__link:visited,.c-tags--cloud .c-tags__tag:nth-child(14) .c-tags__link,.c-tags--cloud .c-tags__tag:nth-child(14) .c-tags__link:visited,.c-tags--cloud .c-tags__tag:nth-child(15) .c-tags__link,.c-tags--cloud .c-tags__tag:nth-child(15) .c-tags__link:visited,.c-tags--cloud .c-tags__tag:nth-child(16) .c-tags__link,.c-tags--cloud .c-tags__tag:nth-child(16) .c-tags__link:visited,.c-tags--cloud .c-tags__tag:nth-child(17) .c-tags__link,.c-tags--cloud .c-tags__tag:nth-child(17) .c-tags__link:visited,.c-tags--cloud .c-tags__tag:nth-child(18) .c-tags__link,.c-tags--cloud .c-tags__tag:nth-child(18) .c-tags__link:visited,.c-tags--cloud .c-tags__tag:nth-child(19) .c-tags__link,.c-tags--cloud .c-tags__tag:nth-child(19) .c-tags__link:visited{
  opacity:0.5
}

.c-tags__tag .c-tags__link[class]:hover,.c-tags__tag .c-tags__link[class]:focus{
  transform:translateY(-2px);
  box-shadow:0 8px 20px rgba(216,74,138,0.4);
  opacity:1;
  background:#d84a8a;
  color:#fff
}

.c-toaster{
  margin-bottom:16px;
  margin-top:-20px;
  width:50px;
  height:78px
}

.c-upgrade{
  text-align:center
}

.c-upgrade__header{
  margin:16px 0 40px
}

@media screen and (min-width: 1400px){
  .c-upgrade__header{
    margin:40px 0 64px
  }
}

.c-upgrade__steps{
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: calc(1em * 0.08);
  display:inline-block;
  color:#363636;
  margin-bottom:4px
}

@media screen and (min-width: 1000px){
  .c-upgrade__steps{
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: calc(1em * 0.08)
  }
}

@media screen and (min-width: 600px){
  .c-upgrade__steps{
    position:relative
  }
}

.c-upgrade__account-info{
  font-size: 14px;
  font-weight: 400;
  background:#fff;
  display:flex;
  border:1px solid #3caae6;
  margin-bottom:40px;
  margin-top:-16px;
  text-align:left;
  padding:8px 16px;
  border-radius:8px
}

@media screen and (min-width: 1000px){
  .c-upgrade__account-info{
    font-size: 17px;
    font-weight: 400
  }
}

@media screen and (min-width: 1000px){
  .c-upgrade__account-info{
    align-items:center;
    padding:16px 24px
  }
}

.c-upgrade__account-info-symbol{
  width:24px;
  height:24px;
  margin-right:8px;
  flex:0 0 auto
}

@media screen and (min-width: 1000px){
  .c-upgrade__account-info-symbol{
    width:28px;
    height:28px;
    margin-right:24px
  }
}

.c-upgrade__account-info p{
  position:relative;
  top:2px
}

.c-upgrade__account-info button,.c-upgrade__account-info a{
  font-size: 14px;
  font-weight: 400;
  color:#1b93d4;
  border-bottom:1px solid #1b93d4;
  cursor:pointer
}

@media screen and (min-width: 1000px){
  .c-upgrade__account-info button,.c-upgrade__account-info a{
    font-size: 17px;
    font-weight: 400
  }
}

.c-upgrade__account-info p button{
  line-height:0.9
}

.c-upgrade__up-button{
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: calc(1em * 0.08);
  color:#beb8a6;
  border-radius:50px;
  margin-bottom:96px
}

@media screen and (min-width: 1000px){
  .c-upgrade__up-button{
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: calc(1em * 0.08)
  }
}

.c-upgrade__up-button::before{
  content:'↑';
  display:block;
  font-size:2em;
  margin-bottom:16px
}

.c-upgrade__footer{
  margin:16px 0 64px;
  text-align:center
}

@media screen and (min-width: 600px){
  .c-upgrade__footer{
    margin-top:24px
  }
}

@media screen and (min-width: 1000px){
  .c-upgrade__footer{
    margin-top:40px
  }
}

@media screen and (min-width: 1000px){
  .c-upgrade__footer{
    margin-top:64px
  }
}

.c-user-case{
  color:#fff
}

.c-user-case__image img{
  width:100%
}

.c-user-case__heading{
  font-size: 28px;
  text-transform: uppercase;
  font-weight: 400;
  letter-spacing: calc(1em * 0.08);
  margin-bottom:8px
}

@media screen and (min-width: 1000px){
  .c-user-case__heading{
    font-size: 48px;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: calc(1em * 0.08);
    line-height: 1.175
  }
}

.c-user-case__heading b,.c-user-case__heading strong{
  font-weight: 700
}

@media screen and (min-width: 600px){
  .c-user-case__heading{
    margin-bottom:16px
  }
}

@media screen and (min-width: 1000px){
  .c-user-case__heading{
    margin-bottom:24px
  }
}

.c-user-case__cite{
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: calc(1em * 0.08);
  display:block;
  margin-top:16px
}

@media screen and (min-width: 1000px){
  .c-user-case__cite{
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: calc(1em * 0.08)
  }
}

@media screen and (min-width: 600px){
  .c-user-case__cite{
    margin-top:24px
  }
}

@media screen and (min-width: 1000px){
  .c-user-case__cite{
    margin-top:40px
  }
}

@media screen and (max-width: 999px){
  .c-user-case__image{
    position:relative;
    overflow:hidden;
    background:#000;
    padding-bottom:100px
  }

  .c-user-case__image::after{
    content:'';
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background-image:linear-gradient(to bottom, rgba(0,0,0,0) 0, #000 calc(100% - 50px), rgba(0,0,0,0) calc(100% - 50px), rgba(0,0,0,0) 100%)
  }

  .c-user-case__text-content{
    position:absolute;
    bottom:6%;
    left:0;
    right:0;
    z-index:1;
    text-align:center
  }
}

@media screen and (max-width: 599px){
  .c-user-case__image{
    padding-bottom:40px
  }

  .c-user-case__text-content{
    position:relative;
    margin-top:-120px
  }
}

@media screen and (max-width: 350px){
  .c-user-case__image::after{
    background-image:linear-gradient(to bottom, rgba(0,0,0,0) 0, #000 calc(100% - 150px), rgba(0,0,0,0) calc(100% - 150px), rgba(0,0,0,0) 100%)
  }
}

.c-user-case blockquote p:first-of-type::before{
  content:'“'
}

.c-user-case blockquote p:first-of-type::after{
  content:'”'
}

@media screen and (min-width: 600px){
  .c-user-case{
    font-size: 24px;
    font-weight: 400
  }
}

@media screen and (min-width: 600px) and (min-width: 1650px){
  .c-user-case{
    font-size: 32px;
    font-weight: 400;
    letter-spacing: -0.4px
  }
}

@media screen and (min-width: 600px){
  .c-user-case blockquote p:first-of-type::before,.c-user-case blockquote p:first-of-type::after{
    position:absolute;
    opacity:0.18;
    font-size:10em;
    font-weight:400
  }

  .c-user-case blockquote p:first-of-type::before{
    margin-top:0.34em;
    left:-0.1em;
    content:'“'
  }

  .c-user-case blockquote p:first-of-type::after{
    margin-top:0.55em;
    right:0.15em
  }

  .c-user-case__text-content{
    left:10%;
    right:10%
  }

  .c-user-case__image{
    padding-bottom:0
  }

  .c-user-case__image::after{
    background-image:linear-gradient(to bottom, rgba(0,0,0,0), #000)
  }
}

@media screen and (min-width: 1000px){
  .c-user-case{
    font-size: 20px;
    font-weight: 400
  }
}

@media screen and (min-width: 1000px) and (min-width: 1000px){
  .c-user-case{
    font-size: 24px;
    font-weight: 400
  }
}

@media screen and (min-width: 1000px) and (min-width: 1650px){
  .c-user-case{
    font-size: 28px;
    font-weight: 400
  }
}

@media screen and (min-width: 1000px){
  .c-user-case__heading{
    white-space:nowrap
  }

  .c-user-case__text-content{
    display:flex;
    align-items:center;
    text-shadow:1px 1px 1px rgba(0,0,0,0.3);
    width:80%
  }

  .c-user-case blockquote p:first-of-type::before,.c-user-case blockquote p:first-of-type::after{
    opacity:0.13;
    font-size:17em
  }
}

@media screen and (min-width: 1400px){
  .c-user-case__text-content{
    width:50%;
    text-shadow:none
  }
}

@media screen and (min-width: 1650px){
  .c-user-case blockquote p:first-of-type::before{
    left:-0.05em
  }
}

.c-user-stats{
  flex-grow:1;
  max-width:270px
}

.c-user-stats__bonus-info{
  position:absolute;
  top:15px;
  margin-left:0;
  pointer-events:none;
  padding-right:30px
}

@media screen and (min-width: 1000px){
  .c-user-stats__bonus-info{
    top:16px
  }
}

@keyframes rotateIn{
  from{
    transform:rotate(120deg) scale(0.5);
    opacity:0
  }

  to{
    transform:rotate(0) scale(1);
    opacity:1
  }
}

.c-user-stats__symbol{
  position:absolute;
  top:-1px;
  right:0;
  display:inline-block;
  transform-origin:center;
  animation:rotateIn 0.4s ease-out forwards
}

@media screen and (min-width: 1000px){
  .c-user-stats__symbol{
    top:1px
  }
}

.c-user-stats__symbol--cake>svg{
  width:21px;
  height:18px
}

.c-user-stats__symbol--folding-rule{
  top:1px
}

@media screen and (min-width: 1000px){
  .c-user-stats__symbol--folding-rule{
    top:2px
  }
}

.c-user-stats__symbol--folding-rule>svg{
  width:22px;
  height:16px
}

.c-user-stats__symbol--scale{
  top:-2px;
  right:-1px
}

@media screen and (min-width: 1000px){
  .c-user-stats__symbol--scale{
    top:3px
  }
}

.c-user-stats__symbol--scale>svg{
  width:20px;
  height:20px
}

@media screen and (min-width: 1000px){
  .c-user-stats__symbol--trophy{
    top:3px
  }
}

.c-user-stats__symbol--trophy>svg{
  width:20px;
  height:19px
}

@keyframes unit-button-fade-in{
  0%{
    opacity:0
  }

  100%{
    opacity:1
  }
}

.c-verify__content{
  opacity:0;
  animation:fadeInVerifyContent 1s ease-out forwards;
  animation-delay:2s
}

@keyframes fadeInVerifyContent{
  0%{
    opacity:0
  }

  100%{
    opacity:1
  }
}

.c-verify__verified{
  position:relative;
  background:rgba(255,255,255,0);
  text-align:center;
  padding:128px 0;
  z-index:1
}

.c-verify__verified--animate{
  animation:scaleVerifiedMessage 0.75s ease-in-out forwards;
  animation-delay:1s
}

@keyframes scaleVerifiedMessage{
  0%{
    background:rgba(255,255,255,0);
    padding:128px 0
  }

  100%{
    background:#fff;
    padding:16px 0;
    box-shadow:0 2px 5px rgba(0,0,0,0.25)
  }
}

.c-verify__verified-heading{
  display:inline-block;
  padding:8px 0 8px 35px;
  background:url(/media/check-4c143a18.svg) 0 40% no-repeat
}

@media screen and (min-width: 600px){
  .c-verify__verified-heading{
    font-weight:400
  }
}

@media screen and (min-width: 1000px){
  .c-verify__verified-heading{
    font-size: 20px;
    font-weight: 400;
    font-weight:400
  }
}

@media screen and (min-width: 1000px) and (min-width: 1000px){
  .c-verify__verified-heading{
    font-size: 24px;
    font-weight: 400
  }
}

@media screen and (min-width: 1000px) and (min-width: 1650px){
  .c-verify__verified-heading{
    font-size: 28px;
    font-weight: 400
  }
}

.c-verify__header{
  margin:24px 0 40px;
  text-align:center
}

@media screen and (min-width: 600px){
  .c-verify__header{
    margin-bottom:96px
  }
}

@media screen and (min-width: 1400px){
  .c-verify__header{
    margin-top:40px
  }
}

.c-verify__top{
  margin-bottom:24px;
  position:relative
}

@media screen and (min-width: 1000px){
  .c-verify__top{
    margin-bottom:64px
  }
}

.c-verify__top-image{
  overflow:hidden
}

.c-verify__top-image img{
  width:150%;
  max-width:none;
  object-fit:cover
}

@media screen and (min-width: 600px){
  .c-verify__top-image img{
    max-height:500px
  }
}

@media screen and (min-width: 1000px){
  .c-verify__top-image img{
    max-height:none;
    width:100%
  }
}

@media screen and (min-width: 1400px){
  .c-verify__top-image img{
    max-height:600px
  }
}

@media screen and (min-width: 1650px){
  .c-verify__top-image img{
    max-height:700px
  }
}

.c-verify__top-content{
  position:absolute;
  top:20%;
  right:0;
  bottom:0;
  left:0;
  background:linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.8));
  color:#fff;
  text-align:center
}

.c-verify__top-content>div{
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-end;
  padding-bottom:24px
}

@media screen and (min-width: 600px){
  .c-verify__top-content>div{
    padding-bottom:40px
  }
}

@media screen and (min-width: 1000px){
  .c-verify__top-content>div{
    padding-bottom:64px
  }
}

.c-verify__top-heading{
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: calc(1em * 0.08);
  margin-bottom:8px
}

@media screen and (min-width: 1000px){
  .c-verify__top-heading{
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: calc(1em * 0.08)
  }
}

.c-verify__top-text{
  font-size: 28px;
  font-weight: 700;
  line-height: 1.175;
  margin-bottom:16px
}

@media screen and (min-width: 1000px){
  .c-verify__top-text{
    font-size: 32px;
    font-weight: 700;
    letter-spacing: -0.4px;
    line-height: 1.175
  }
}

@media screen and (min-width: 1650px){
  .c-verify__top-text{
    font-size: 40px;
    font-weight: 700;
    letter-spacing: -0.4px;
    line-height: 1.175
  }
}

@media screen and (min-width: 600px){
  .c-verify__top-text{
    font-size: 40px;
    font-weight: 400;
    letter-spacing: -0.4px;
    line-height: 1.175;
    font-weight:700 !important;
    width:75%;
    margin-left:auto;
    margin-right:auto
  }
}

@media screen and (min-width: 600px) and (min-width: 351px){
  .c-verify__top-text{
    font-size: 48px;
    font-weight: 400;
    letter-spacing: -0.4px;
    line-height: 1.175
  }
}

@media screen and (min-width: 600px) and (min-width: 1000px){
  .c-verify__top-text{
    font-size: 56px;
    font-weight: 400;
    letter-spacing: -0.4px;
    line-height: 1.175
  }
}

@media screen and (min-width: 600px) and (min-width: 1650px){
  .c-verify__top-text{
    font-size: 64px;
    font-weight: 400;
    letter-spacing: -0.4px;
    line-height: 1.175
  }
}

@media screen and (min-width: 600px){
  .c-verify__top-text b,.c-verify__top-text strong{
    font-weight: 700
  }
}

@media screen and (min-width: 1400px){
  .c-verify__top-text{
    width:50%
  }
}

.c-verify__top-button{
  position:absolute;
  top:100%;
  left:50%;
  transform:translate(-50%, -50%);
  z-index:2;
  width:200px
}

@media screen and (min-width: 1000px){
  .c-verify__top-button{
    width:260px
  }
}

.c-verify__top-curve{
  position:absolute;
  bottom:-1px;
  left:0;
  z-index:1
}

.c-verify__footer{
  margin:16px 0 96px;
  text-align:center
}

@media screen and (min-width: 600px){
  .c-verify__footer{
    margin:24px 0 128px
  }
}

@media screen and (min-width: 1000px){
  .c-verify__footer{
    margin-top:40px
  }
}

@media screen and (min-width: 1000px){
  .c-verify__footer{
    margin-top:64px
  }
}

.c-youtube{
  margin-bottom:40px;
  padding-top:56.25%;
  position:relative
}

.c-youtube__iframe{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%
}

.adyen-checkout .adyen-checkout__payment-method:only-child .adyen-checkout__payment-method__header{
  padding-left: 16px
}

.adyen-checkout .adyen-checkout__payment-method__radio--selected{
  --bg-opacity: 1;
  background-color: hsl(152, 58%, 53%);
  background-color: rgba(65.63700000000004, 204.66299999999995, 139.78420000000003, var(--bg-opacity))
}

.adyen-checkout[class] .adyen-checkout__payment-method{
  --border-opacity: 1;
  border-color: #e1e1e1;
  border-color: rgba(225, 225, 225, var(--border-opacity));
  border-width: 1px;
  border-radius: 8px;
  box-shadow: 0 0 10px 0 rgba(54, 54, 54, 0.2)
}

.adyen-checkout .adyen-checkout__payment-method--selected{
  --bg-opacity: 1;
  background-color: #ffffff;
  background-color: rgba(255, 255, 255, var(--bg-opacity))
}

.adyen-checkout .adyen-checkout__label{
  text-align: left
}

.adyen-checkout .adyen-checkout__label--focused .adyen-checkout__label__text{
  --text-opacity: 1;
  color: #363636;
  color: rgba(54, 54, 54, var(--text-opacity))
}

.adyen-checkout .adyen-checkout__input{
  transition:none
}

.adyen-checkout .adyen-checkout__input--valid{
  border:1px solid #d4d4d4
}

.adyen-checkout .adyen-checkout__input--focus,.adyen-checkout .adyen-checkout__input--focus:hover,.adyen-checkout .adyen-checkout__input:active,.adyen-checkout .adyen-checkout__input:active:hover,.adyen-checkout .adyen-checkout__input:focus,.adyen-checkout .adyen-checkout__input:focus:hover{
  box-shadow: none;
  --border-opacity: 1;
  border-color: #555;
  border-color: rgba(85, 85, 85, var(--border-opacity))
}

.adyen-checkout .adyen-checkout-input__inline-validation{
  transform:translateY(calc(-50% - 4px))
}

@media screen and (min-width: 1650px){
  .adyen-checkout .adyen-checkout-input__inline-validation{
    transform:translateY(calc(-50% - 8px))
  }
}

.adyen-checkout .adyen-checkout__payment-method__image__wrapper{
  margin-right: 4px
}

.adyen-checkout .adyen-checkout__payment-method__image{
  vertical-align: top
}

.adyen-checkout .adyen-checkout__payment-method__name{
  margin-top: 2px;
  margin-left: 2px;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: calc(1em * 0.08)
}

@media screen and (min-width: 1000px){
  .adyen-checkout .adyen-checkout__payment-method__name{
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: calc(1em * 0.08)
  }
}

.adyen-checkout .adyen-checkout__helper-text,.adyen-checkout .adyen-checkout__label__text{
  font-size: 17px;
  font-weight: 400;
  line-height: 1.35
}

@media screen and (min-width: 1000px){
  .adyen-checkout .adyen-checkout__helper-text,.adyen-checkout .adyen-checkout__label__text{
    font-size: 20px;
    font-weight: 400
  }
}

.adyen-checkout .adyen-checkout__error-text{
  line-height: 1.35
}

.adyen-checkout .adyen-checkout__field{
  margin-bottom: 24px
}

.adyen-checkout .adyen-checkout__payment-method__details{
  padding-left: 16px;
  padding-right: 16px
}

.adyen-checkout .adyen-checkout__payment-method__details__content{
  margin-bottom: 24px
}

.adyen-checkout .adyen-checkout__card__holderName,.adyen-checkout .adyen-checkout__field--expiryDate,.adyen-checkout .adyen-checkout__field--storedCard{
  margin-bottom: 0px
}

.odometer.odometer-auto-theme,.odometer.odometer-theme-minimal{
  display:inline-block;
  vertical-align:middle;*vertical-align:auto;*zoom:1;*display:inline;
  position:relative
}

.odometer.odometer-auto-theme .odometer-digit,.odometer.odometer-theme-minimal .odometer-digit{
  display:inline-block;
  vertical-align:middle;*vertical-align:auto;*zoom:1;*display:inline;
  position:relative
}

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer,.odometer.odometer-theme-minimal .odometer-digit .odometer-digit-spacer{
  display:inline-block;
  vertical-align:middle;*vertical-align:auto;*zoom:1;*display:inline;
  visibility:hidden
}

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,.odometer.odometer-theme-minimal .odometer-digit .odometer-digit-inner{
  text-align:left;
  display:block;
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  overflow:hidden
}

.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon,.odometer.odometer-theme-minimal .odometer-digit .odometer-ribbon{
  display:block
}

.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner,.odometer.odometer-theme-minimal .odometer-digit .odometer-ribbon-inner{
  display:block;
  -webkit-backface-visibility:hidden
}

.odometer.odometer-auto-theme .odometer-digit .odometer-value,.odometer.odometer-theme-minimal .odometer-digit .odometer-value{
  display:block;
  -webkit-transform:translateZ(0)
}

.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value,.odometer.odometer-theme-minimal .odometer-digit .odometer-value.odometer-last-value{
  position:absolute
}

.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner,.odometer.odometer-theme-minimal.odometer-animating-up .odometer-ribbon-inner{
  transition:transform 2s
}

.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner,.odometer.odometer-theme-minimal.odometer-animating-up.odometer-animating .odometer-ribbon-inner{
  transform:translateY(-100%)
}

.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner,.odometer.odometer-theme-minimal.odometer-animating-down .odometer-ribbon-inner{
  transform:translateY(-100%)
}

.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner,.odometer.odometer-theme-minimal.odometer-animating-down.odometer-animating .odometer-ribbon-inner{
  transition:transform 2s;
  transform:translateY(0)
}

.odometer-formatting-mark{
  vertical-align:-0.1em
}

.odometer-value{
  text-align:center
}

.odometer-value.odometer-first-value,.odometer-value.odometer-last-value{
  width:100%
}

.odometer-inside{
  display:inline-block
}

div.s-text::after{
  content:'';
  clear:both;
  display:table
}

.s-text h1,h1.s-text,.s-text h2,h2.s-text,.s-text h3,h3.s-text,.s-text h4,h4.s-text,.s-text h5,h5.s-text,.s-text h6,h6.s-text,.s-text ul,ul.s-text,.s-text ol,ol.s-text,.s-text dl,dl.s-text,.s-text blockquote,blockquote.s-text,.s-text p,p.s-text,.s-text address,address.s-text,.s-text hr,hr.s-text,.s-text table,table.s-text,.s-text fieldset,fieldset.s-text,.s-text figure,figure.s-text,.s-text pre,pre.s-text,.s-text img,img.s-text{
  margin-bottom:24px
}

@media screen and (min-width: 1000px){
  .s-text h1,h1.s-text,.s-text h2,h2.s-text,.s-text h3,h3.s-text,.s-text h4,h4.s-text,.s-text h5,h5.s-text,.s-text h6,h6.s-text,.s-text ul,ul.s-text,.s-text ol,ol.s-text,.s-text dl,dl.s-text,.s-text blockquote,blockquote.s-text,.s-text p,p.s-text,.s-text address,address.s-text,.s-text hr,hr.s-text,.s-text table,table.s-text,.s-text fieldset,fieldset.s-text,.s-text figure,figure.s-text,.s-text pre,pre.s-text,.s-text img,img.s-text{
    margin-bottom:40px
  }
}

.s-text ul,ul.s-text,.s-text ol,ol.s-text,.s-text dl,dl.s-text,.s-text blockquote,blockquote.s-text,.s-text p,p.s-text,.s-text address,address.s-text,.s-text hr,hr.s-text,.s-text table,table.s-text{
  line-height: 1.58
}

.s-text p+p{
  margin-top:-8px
}

@media screen and (min-width: 1000px){
  .s-text p+p{
    margin-top:-16px
  }
}

.s-text p+ul,.s-text p+ol{
  margin-top:-16px
}

@media screen and (min-width: 1000px){
  .s-text p+ul,.s-text p+ol{
    margin-top:-24px
  }
}

.s-text figure>img{
  margin-bottom:0
}

.s-text p>span[style^='font-weight'],.s-text li[style^='font-weight'],.s-text li>span[style^='font-weight'],.s-text a>span[style^='font-weight'],.s-text h2>span[style^='font-weight']{
  font-weight:inherit !important
}

.s-text span[style*='color:']{
  color:inherit !important
}

.s-text a[style*='color:']{
  color:#1b93d4 !important
}

.s-text span[style*='text-decoration'],.s-text a[style*='text-decoration']{
  text-decoration:none !important
}

.s-text a:link,.s-text a:visited,a:link.s-text,a:visited.s-text{
  color:#1b93d4;
  transition:color 0.2s ease;
  text-decoration:none
}

.s-text a:hover,.s-text a:focus,a:hover.s-text,a:focus.s-text{
  color:#363636
}

.s-text h1,h1.s-text{
  text-align:center;
  margin-bottom:24px;
  font-size: 40px;
  font-weight: 400;
  letter-spacing: -0.4px;
  line-height: 1.175
}

@media screen and (min-width: 351px){
  .s-text h1,h1.s-text{
    font-size: 48px;
    font-weight: 400;
    letter-spacing: -0.4px;
    line-height: 1.175
  }
}

@media screen and (min-width: 1000px){
  .s-text h1,h1.s-text{
    font-size: 56px;
    font-weight: 400;
    letter-spacing: -0.4px;
    line-height: 1.175
  }
}

@media screen and (min-width: 1650px){
  .s-text h1,h1.s-text{
    font-size: 64px;
    font-weight: 400;
    letter-spacing: -0.4px;
    line-height: 1.175
  }
}

.s-text h1 b,.s-text h1 strong,h1.s-text b,h1.s-text strong{
  font-weight: 700
}

@media screen and (min-width: 600px){
  .s-text h1,h1.s-text{
    margin-bottom:40px;
    text-wrap:balance
  }
}

@media screen and (min-width: 1000px){
  .s-text h1,h1.s-text{
    margin-bottom:64px;
    margin-left:-96px;
    margin-right:-96px
  }
}

.s-text h2,h2.s-text{
  margin-bottom:16px;
  margin-top:40px;
  font-size: 28px;
  font-weight: 400
}

@media screen and (min-width: 600px){
  .s-text h2,h2.s-text{
    font-size: 36px;
    font-weight: 400;
    letter-spacing: -0.4px
  }
}

@media screen and (min-width: 1000px){
  .s-text h2,h2.s-text{
    font-size: 48px;
    font-weight: 400;
    letter-spacing: -0.4px;
    line-height: 1.175
  }
}

.s-text h2 b,.s-text h2 strong,h2.s-text b,h2.s-text strong{
  font-weight: 700
}

@media screen and (min-width: 600px){
  .s-text h2,h2.s-text{
    margin-bottom:24px;
    margin-top:64px
  }
}

.s-text h2>b:only-child,.s-text h2>strong:only-child,h2.s-text>b:only-child,h2.s-text>strong:only-child{
  font-weight:inherit
}

.s-text h3,h3.s-text{
  margin-bottom:8px;
  margin-top:40px;
  font-size: 28px;
  font-weight: 400
}

@media screen and (min-width: 1000px){
  .s-text h3,h3.s-text{
    font-size: 32px;
    font-weight: 400;
    letter-spacing: -0.4px
  }
}

@media screen and (min-width: 1650px){
  .s-text h3,h3.s-text{
    font-size: 40px;
    font-weight: 400;
    letter-spacing: -0.4px;
    line-height: 1.175
  }
}

@media screen and (min-width: 600px){
  .s-text h3,h3.s-text{
    margin-top:64px
  }
}

@media screen and (min-width: 1000px){
  .s-text h3,h3.s-text{
    margin-bottom:16px
  }
}

.s-text h3>img{
  margin-bottom:24px
}

.s-text h4,h4.s-text{
  margin-bottom:8px;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: calc(1em * 0.08)
}

@media screen and (min-width: 1000px){
  .s-text h4,h4.s-text{
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: calc(1em * 0.08)
  }
}

@media screen and (min-width: 1000px){
  .s-text h4,h4.s-text{
    margin-bottom:16px
  }
}

@media screen and (min-width: 1650px){
  .s-text h4,h4.s-text{
    margin-bottom:24px
  }
}

.s-text img,img.s-text{
  border-radius:8px
}

@media screen and (min-width: 1000px){
  .s-text img,img.s-text{
    border-radius:16px
  }
}

.s-text img[src*='.gif'],img.s-text[src*='.gif']{
  border-radius:0
}

.s-text p>img:only-child,.s-text p>a>img:only-child{
  margin-bottom:0
}

.s-text p+p img{
  margin-top:8px
}

@media screen and (min-width: 1000px){
  .s-text p+p img{
    margin-top:16px
  }
}

.s-text img.aligncenter,.s-text figure.aligncenter img{
  display:block;
  margin-left:auto;
  margin-right:auto
}

.s-text img.alignright{
  display:block;
  margin:24px auto 0;
  max-width:40%
}

@media screen and (min-width: 600px){
  .s-text img.alignright{
    float:right;
    max-width:50%;
    margin:0 0 24px 40px
  }
}

.s-text video{
  max-width:100%
}

.s-text figure{
  max-width:100%
}

.s-text figcaption{
  font-size: 14px;
  font-weight: 400;
  font-style:italic;
  margin-top:-8px;
  text-align:center;
  color:#67604b
}

@media screen and (min-width: 1000px){
  .s-text figcaption{
    font-size: 17px;
    font-weight: 400
  }
}

.s-text hr,hr.s-text{
  height:1px;
  margin:24px auto;
  width:50%;
  max-width:400px;
  background:#dedbd3
}

@media screen and (min-width: 1000px){
  .s-text hr,hr.s-text{
    margin:40px auto
  }
}

@media screen and (min-width: 1400px){
  .s-text hr,hr.s-text{
    margin:64px auto
  }
}

.s-text i,i.s-text,.s-text em,em.s-text{
  font-style:italic
}

.s-text b,b.s-text,.s-text strong,strong.s-text{
  font-weight:600
}

.s-text mark,mark.s-text{
  background-color:#ff0;
  color:#000
}

.s-text u,u.s-text{
  text-decoration:none
}

.s-text ul li,ul li.s-text{
  list-style:disc
}

.s-text ol li,ol li.s-text{
  list-style:decimal
}

.s-text ul,ul.s-text,.s-text ol,ol.s-text{
  margin-left:2em
}

.s-text li{
  margin-bottom:5px
}

.s-text li>ul,.s-text li>ol{
  margin-top:5px;
  margin-bottom:0
}

.s-text dt{
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: calc(1em * 0.08);
  font-weight:400;
  margin-bottom:8px
}

@media screen and (min-width: 1000px){
  .s-text dt{
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: calc(1em * 0.08)
  }
}

.s-text dd{
  margin-bottom:16px
}

.s-text table,table.s-text{
  background:#fff;
  border-radius:8px;
  box-shadow:0 8px 30px -7px #beb8a6;
  width:100%
}

@media screen and (min-width: 600px){
  .s-text table,table.s-text{
    margin-left:-24px;
    margin-right:-24px;
    width:calc(100% + 48px)
  }
}

@media screen and (min-width: 1000px){
  .s-text table,table.s-text{
    margin-left:-40px;
    margin-right:-40px;
    width:calc(100% + 80px)
  }
}

.s-text caption,caption.s-text{
  position:absolute;
  left:-9999px
}

.s-text th,.s-text table tbody:first-child th,.s-text table caption+tbody:first-child th{
  padding:24px 0 16px 16px;
  text-align:left;
  color:#41cd8c;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: calc(1em * 0.08)
}

@media screen and (min-width: 1000px){
  .s-text th,.s-text table tbody:first-child th,.s-text table caption+tbody:first-child th{
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: calc(1em * 0.08)
  }
}

@media screen and (min-width: 600px){
  .s-text th,.s-text table tbody:first-child th,.s-text table caption+tbody:first-child th{
    padding-left:24px
  }
}

@media screen and (min-width: 1000px){
  .s-text th,.s-text table tbody:first-child th,.s-text table caption+tbody:first-child th{
    padding:40px 0 24px 40px
  }
}

.s-text th:last-child,.s-text td:last-child{
  padding-right:16px
}

@media screen and (min-width: 600px){
  .s-text th:last-child,.s-text td:last-child{
    padding-right:24px
  }
}

@media screen and (min-width: 1000px){
  .s-text th:last-child,.s-text td:last-child{
    padding-right:40px
  }
}

.s-text tbody tr:last-child>td,.s-text tbody tr:last-child>th{
  padding-bottom:24px
}

@media screen and (min-width: 1000px){
  .s-text tbody tr:last-child>td,.s-text tbody tr:last-child>th{
    padding-bottom:40px
  }
}

.s-text td,td.s-text,.s-text tbody th,tbody th.s-text{
  padding:8px 8px 8px 16px
}

@media screen and (min-width: 600px){
  .s-text td,td.s-text,.s-text tbody th,tbody th.s-text{
    padding:8px 16px 8px 24px
  }
}

@media screen and (min-width: 1000px){
  .s-text td,td.s-text,.s-text tbody th,tbody th.s-text{
    padding:8px 24px 8px 40px
  }
}

.s-text blockquote,blockquote.s-text{
  font-size: 20px;
  font-weight: 400;
  position:relative;
  padding-left:24px
}

@media screen and (min-width: 1000px){
  .s-text blockquote,blockquote.s-text{
    font-size: 24px;
    font-weight: 400
  }
}

@media screen and (min-width: 1650px){
  .s-text blockquote,blockquote.s-text{
    font-size: 28px;
    font-weight: 400
  }
}

@media screen and (min-width: 600px){
  .s-text blockquote,blockquote.s-text{
    margin-left:-24px
  }
}

@media screen and (min-width: 1400px){
  .s-text blockquote,blockquote.s-text{
    padding-left:40px;
    margin-left:-40px
  }
}

.s-text blockquote::before,blockquote.s-text::before{
  content:'';
  position:absolute;
  top:4px;
  left:0;
  bottom:8px;
  width:2px;
  background:linear-gradient(130deg, #f7526b, #a1498d)
}

.s-text blockquote p:first-of-type,blockquote.s-text p:first-of-type{
  text-indent:-0.22em
}

.s-text blockquote p:first-of-type::before,blockquote.s-text p:first-of-type::before{
  content:'"'
}

.s-text blockquote p:last-of-type::after,blockquote.s-text p:last-of-type::after{
  content:'"'
}

.s-text q,q.s-text{
  font-style:italic
}

.s-text q::before,.s-text q::after,q.s-text::before,q.s-text::after{
  font-style:normal
}

.s-text small,small.s-text{
  font-size: 14px;
  font-weight: 400
}

.w-button-as-text{
  padding:0;
  outline:none;
  background-color:transparent;
  line-height:20px;
  cursor:pointer
}

.w-button-as-text:not(.w-button-as-text--stylable-border){
  border:none
}

.w-button-as-text:focus{
  outline:1px dotted #000
}

[data-whatinput='mouse'] .w-button-as-text:focus,[data-whatinput='touch'] .w-button-as-text:focus{
  outline:none
}

.w-video-fallback img{
  display:none
}

.w-video-fallback--ios img{
  display:initial
}

.w-video-fallback--ios video{
  display:none
}

@media (-webkit-video-playable-inline){
  .w-video-fallback img{
    display:none
  }

  .w-video-fallback video{
    display:initial
  }
}

.transition{
  transition:all 0.2s ease !important
}

.transition-fast{
  transition-duration:0.15s !important
}

.visually-hidden{
  position:absolute !important;
  left:-9999px !important;
  width:1px !important;
  height:1px !important;
  clip:rect(1px, 1px, 1px, 1px) !important;
  padding:0 !important;
  border:0 !important
}

.strikethrough{
  position:relative;
  text-decoration:none
}

.strikethrough:after{
  border-bottom:0.15em solid currentColor;
  content:'';
  left:0;
  position:absolute;
  right:0;
  top:calc(50% - 0.15em)
}

.no-tap-highlight{
  -webkit-tap-highlight-color:transparent
}

.demibolden-childs b,.demibolden-childs strong{
  font-weight:600
}

.bolden-childs b,.bolden-childs strong{
  font-weight:700
}

.hide-scrollbar{
  -ms-overflow-style:-ms-autohiding-scrollbar
}

.hide-scrollbar::-webkit-scrollbar{
  display:none
}

@media (min-width: 350px){

  .sm\:h-48{
    height: 48px !important
  }

  .sm\:w-48{
    width: 48px !important
  }
}

@media (min-width: 600px){

  .md\:block{
    display: block !important
  }

  .md\:flex{
    display: flex !important
  }

  .md\:hidden{
    display: none !important
  }

  .md\:flex-row{
    flex-direction: row !important
  }

  .md\:flex-wrap{
    flex-wrap: wrap !important
  }

  .md\:items-start{
    align-items: flex-start !important
  }

  .md\:justify-center{
    justify-content: center !important
  }

  .md\:justify-between{
    justify-content: space-between !important
  }

  .md\:h-full{
    height: 100% !important
  }

  .md\:mx-0{
    margin-left: 0px !important;
    margin-right: 0px !important
  }

  .md\:mx-8{
    margin-left: 8px !important;
    margin-right: 8px !important
  }

  .md\:my-16{
    margin-top: 16px !important;
    margin-bottom: 16px !important
  }

  .md\:my-32{
    margin-top: 32px !important;
    margin-bottom: 32px !important
  }

  .md\:my-40{
    margin-top: 40px !important;
    margin-bottom: 40px !important
  }

  .md\:mx-40{
    margin-left: 40px !important;
    margin-right: 40px !important
  }

  .md\:my-auto{
    margin-top: auto !important;
    margin-bottom: auto !important
  }

  .md\:mx-auto{
    margin-left: auto !important;
    margin-right: auto !important
  }

  .md\:-mx-16{
    margin-left: -16px !important;
    margin-right: -16px !important
  }

  .md\:mb-0{
    margin-bottom: 0px !important
  }

  .md\:mr-12{
    margin-right: 12px !important
  }

  .md\:mb-12{
    margin-bottom: 12px !important
  }

  .md\:ml-12{
    margin-left: 12px !important
  }

  .md\:mb-16{
    margin-bottom: 16px !important
  }

  .md\:mt-20{
    margin-top: 20px !important
  }

  .md\:mt-24{
    margin-top: 24px !important
  }

  .md\:mr-24{
    margin-right: 24px !important
  }

  .md\:mb-24{
    margin-bottom: 24px !important
  }

  .md\:mr-32{
    margin-right: 32px !important
  }

  .md\:mb-32{
    margin-bottom: 32px !important
  }

  .md\:ml-32{
    margin-left: 32px !important
  }

  .md\:mb-36{
    margin-bottom: 36px !important
  }

  .md\:mt-40{
    margin-top: 40px !important
  }

  .md\:mb-40{
    margin-bottom: 40px !important
  }

  .md\:mb-48{
    margin-bottom: 48px !important
  }

  .md\:mt-64{
    margin-top: 64px !important
  }

  .md\:mt-80{
    margin-top: 80px !important
  }

  .md\:mt-96{
    margin-top: 96px !important
  }

  .md\:mt-128{
    margin-top: 128px !important
  }

  .md\:mt-192{
    margin-top: 192px !important
  }

  .md\:-mt-12{
    margin-top: -12px !important
  }

  .md\:-mb-16{
    margin-bottom: -16px !important
  }

  .md\:-mt-40{
    margin-top: -40px !important
  }

  .md\:-mb-40{
    margin-bottom: -40px !important
  }

  .md\:-mb-80{
    margin-bottom: -80px !important
  }

  .md\:last\:mb-0:last-child{
    margin-bottom: 0px !important
  }

  .md\:max-w-480{
    max-width: 480px !important
  }

  .md\:max-w-512{
    max-width: 512px !important
  }

  .md\:max-w-576{
    max-width: 576px !important
  }

  .md\:max-w-golden-ratio{
    max-width: 61.79% !important
  }

  .md\:max-w-3\/4{
    max-width: 75% !important
  }

  .md\:px-0{
    padding-left: 0px !important;
    padding-right: 0px !important
  }

  .md\:px-12{
    padding-left: 12px !important;
    padding-right: 12px !important
  }

  .md\:py-16{
    padding-top: 16px !important;
    padding-bottom: 16px !important
  }

  .md\:px-16{
    padding-left: 16px !important;
    padding-right: 16px !important
  }

  .md\:px-24{
    padding-left: 24px !important;
    padding-right: 24px !important
  }

  .md\:px-30{
    padding-left: 30px !important;
    padding-right: 30px !important
  }

  .md\:px-32{
    padding-left: 32px !important;
    padding-right: 32px !important
  }

  .md\:px-36{
    padding-left: 36px !important;
    padding-right: 36px !important
  }

  .md\:px-40{
    padding-left: 40px !important;
    padding-right: 40px !important
  }

  .md\:px-64{
    padding-left: 64px !important;
    padding-right: 64px !important
  }

  .md\:py-96{
    padding-top: 96px !important;
    padding-bottom: 96px !important
  }

  .md\:px-96{
    padding-left: 96px !important;
    padding-right: 96px !important
  }

  .md\:py-128{
    padding-top: 128px !important;
    padding-bottom: 128px !important
  }

  .md\:pt-0{
    padding-top: 0px !important
  }

  .md\:pb-0{
    padding-bottom: 0px !important
  }

  .md\:pb-8{
    padding-bottom: 8px !important
  }

  .md\:pr-12{
    padding-right: 12px !important
  }

  .md\:pl-12{
    padding-left: 12px !important
  }

  .md\:pl-16{
    padding-left: 16px !important
  }

  .md\:pt-24{
    padding-top: 24px !important
  }

  .md\:pr-24{
    padding-right: 24px !important
  }

  .md\:pt-32{
    padding-top: 32px !important
  }

  .md\:pr-36{
    padding-right: 36px !important
  }

  .md\:pl-36{
    padding-left: 36px !important
  }

  .md\:pb-40{
    padding-bottom: 40px !important
  }

  .md\:pb-48{
    padding-bottom: 48px !important
  }

  .md\:pt-96{
    padding-top: 96px !important
  }

  .md\:pt-192{
    padding-top: 192px !important
  }

  .md\:text-left{
    text-align: left !important
  }

  .md\:text-center{
    text-align: center !important
  }

  .md\:w-1\/2{
    width: 50% !important
  }

  .md\:w-1\/3{
    width: 33.33333% !important
  }

  .md\:w-2\/3{
    width: 66.66667% !important
  }

  .md\:w-3\/4{
    width: 75% !important
  }

  .md\:w-2\/5{
    width: 40% !important
  }

  .md\:w-4\/5{
    width: 80% !important
  }

  .md\:w-10\/24{
    width: 41.66667% !important
  }

  .md\:w-14\/24{
    width: 58.33333% !important
  }

  .md\:w-22\/24{
    width: 91.66667% !important
  }

  .md\:w-half{
    width: 50% !important
  }

  .md\:w-full{
    width: 100% !important
  }

  .md\:col-span-2{
    grid-column: span 2 / span 2 !important
  }

  .md\:col-start-2{
    grid-column-start: 2 !important
  }

  .md\:type-17{
    font-size: 17px;
    font-weight: 400
  }

  .md\:type-20{
    font-size: 20px;
    font-weight: 400
  }

  .md\:type-20-demibold{
    font-size: 20px;
    font-weight: 600
  }

  .md\:type-24{
    font-size: 24px;
    font-weight: 400
  }

  .md\:type-28{
    font-size: 28px;
    font-weight: 400
  }

  .md\:type-32{
    font-size: 32px;
    font-weight: 400;
    letter-spacing: -0.4px
  }

  .md\:type-32-bold{
    font-size: 32px;
    font-weight: 700;
    letter-spacing: -0.4px;
    line-height: 1.175
  }

  .md\:type-40{
    font-size: 40px;
    font-weight: 400;
    letter-spacing: -0.4px;
    line-height: 1.175
  }

  .md\:type-48{
    font-size: 48px;
    font-weight: 400;
    letter-spacing: -0.4px;
    line-height: 1.175
  }

  .md\:type-48-bold{
    font-size: 48px;
    font-weight: 700;
    letter-spacing: -0.4px;
    line-height: 1.175
  }

  .md\:type-56{
    font-size: 56px;
    font-weight: 400;
    letter-spacing: -0.4px;
    line-height: 1.175
  }

  .md\:type-72{
    font-size: 72px;
    font-weight: 400;
    letter-spacing: -0.4px;
    line-height: 1.175
  }
}

@media (min-width: 1000px){

  .lg\:bg-Bg{
    background-color: var(--color--Bg) !important
  }

  .lg\:block{
    display: block !important
  }

  .lg\:inline-block{
    display: inline-block !important
  }

  .lg\:flex{
    display: flex !important
  }

  .lg\:hidden{
    display: none !important
  }

  .lg\:flex-row{
    flex-direction: row !important
  }

  .lg\:flex-row-reverse{
    flex-direction: row-reverse !important
  }

  .lg\:self-end{
    align-self: flex-end !important
  }

  .lg\:justify-start{
    justify-content: flex-start !important
  }

  .lg\:justify-end{
    justify-content: flex-end !important
  }

  .lg\:justify-between{
    justify-content: space-between !important
  }

  .lg\:h-64{
    height: 64px !important
  }

  .lg\:text-64{
    font-size: 64px !important
  }

  .lg\:mx-0{
    margin-left: 0px !important;
    margin-right: 0px !important
  }

  .lg\:mx-12{
    margin-left: 12px !important;
    margin-right: 12px !important
  }

  .lg\:mx-24{
    margin-left: 24px !important;
    margin-right: 24px !important
  }

  .lg\:mx-40{
    margin-left: 40px !important;
    margin-right: 40px !important
  }

  .lg\:mx-48{
    margin-left: 48px !important;
    margin-right: 48px !important
  }

  .lg\:mx-64{
    margin-left: 64px !important;
    margin-right: 64px !important
  }

  .lg\:mx-auto{
    margin-left: auto !important;
    margin-right: auto !important
  }

  .lg\:-mx-12{
    margin-left: -12px !important;
    margin-right: -12px !important
  }

  .lg\:-mx-20{
    margin-left: -20px !important;
    margin-right: -20px !important
  }

  .lg\:mt-0{
    margin-top: 0px !important
  }

  .lg\:mb-0{
    margin-bottom: 0px !important
  }

  .lg\:ml-0{
    margin-left: 0px !important
  }

  .lg\:mb-4{
    margin-bottom: 4px !important
  }

  .lg\:mr-6{
    margin-right: 6px !important
  }

  .lg\:mb-6{
    margin-bottom: 6px !important
  }

  .lg\:mb-12{
    margin-bottom: 12px !important
  }

  .lg\:mt-24{
    margin-top: 24px !important
  }

  .lg\:mr-24{
    margin-right: 24px !important
  }

  .lg\:mb-24{
    margin-bottom: 24px !important
  }

  .lg\:ml-30{
    margin-left: 30px !important
  }

  .lg\:mb-32{
    margin-bottom: 32px !important
  }

  .lg\:mb-36{
    margin-bottom: 36px !important
  }

  .lg\:mt-40{
    margin-top: 40px !important
  }

  .lg\:mb-40{
    margin-bottom: 40px !important
  }

  .lg\:ml-40{
    margin-left: 40px !important
  }

  .lg\:mt-48{
    margin-top: 48px !important
  }

  .lg\:mb-48{
    margin-bottom: 48px !important
  }

  .lg\:ml-48{
    margin-left: 48px !important
  }

  .lg\:mr-56{
    margin-right: 56px !important
  }

  .lg\:mb-56{
    margin-bottom: 56px !important
  }

  .lg\:mt-64{
    margin-top: 64px !important
  }

  .lg\:mr-64{
    margin-right: 64px !important
  }

  .lg\:mb-64{
    margin-bottom: 64px !important
  }

  .lg\:mb-72{
    margin-bottom: 72px !important
  }

  .lg\:ml-80{
    margin-left: 80px !important
  }

  .lg\:mt-96{
    margin-top: 96px !important
  }

  .lg\:mr-96{
    margin-right: 96px !important
  }

  .lg\:mb-96{
    margin-bottom: 96px !important
  }

  .lg\:ml-96{
    margin-left: 96px !important
  }

  .lg\:mt-128{
    margin-top: 128px !important
  }

  .lg\:mb-128{
    margin-bottom: 128px !important
  }

  .lg\:ml-128{
    margin-left: 128px !important
  }

  .lg\:mt-192{
    margin-top: 192px !important
  }

  .lg\:mt-256{
    margin-top: 256px !important
  }

  .lg\:-mt-16{
    margin-top: -16px !important
  }

  .lg\:-mb-16{
    margin-bottom: -16px !important
  }

  .lg\:-mt-24{
    margin-top: -24px !important
  }

  .lg\:-mt-40{
    margin-top: -40px !important
  }

  .lg\:-mt-64{
    margin-top: -64px !important
  }

  .lg\:-mb-128{
    margin-bottom: -128px !important
  }

  .lg\:max-w-768{
    max-width: 768px !important
  }

  .lg\:max-w-1280{
    max-width: 1280px !important
  }

  .lg\:max-w-1\/2{
    max-width: 50% !important
  }

  .lg\:max-w-golden-ratio{
    max-width: 61.79% !important
  }

  .lg\:max-w-none{
    max-width: none !important
  }

  .lg\:min-w-0{
    min-width: 0 !important
  }

  .lg\:p-64{
    padding: 64px !important
  }

  .lg\:px-12{
    padding-left: 12px !important;
    padding-right: 12px !important
  }

  .lg\:px-16{
    padding-left: 16px !important;
    padding-right: 16px !important
  }

  .lg\:px-20{
    padding-left: 20px !important;
    padding-right: 20px !important
  }

  .lg\:px-24{
    padding-left: 24px !important;
    padding-right: 24px !important
  }

  .lg\:px-32{
    padding-left: 32px !important;
    padding-right: 32px !important
  }

  .lg\:py-36{
    padding-top: 36px !important;
    padding-bottom: 36px !important
  }

  .lg\:px-40{
    padding-left: 40px !important;
    padding-right: 40px !important
  }

  .lg\:py-48{
    padding-top: 48px !important;
    padding-bottom: 48px !important
  }

  .lg\:px-48{
    padding-left: 48px !important;
    padding-right: 48px !important
  }

  .lg\:py-56{
    padding-top: 56px !important;
    padding-bottom: 56px !important
  }

  .lg\:py-64{
    padding-top: 64px !important;
    padding-bottom: 64px !important
  }

  .lg\:px-64{
    padding-left: 64px !important;
    padding-right: 64px !important
  }

  .lg\:py-72{
    padding-top: 72px !important;
    padding-bottom: 72px !important
  }

  .lg\:px-72{
    padding-left: 72px !important;
    padding-right: 72px !important
  }

  .lg\:py-80{
    padding-top: 80px !important;
    padding-bottom: 80px !important
  }

  .lg\:py-96{
    padding-top: 96px !important;
    padding-bottom: 96px !important
  }

  .lg\:px-96{
    padding-left: 96px !important;
    padding-right: 96px !important
  }

  .lg\:py-192{
    padding-top: 192px !important;
    padding-bottom: 192px !important
  }

  .lg\:pt-0{
    padding-top: 0px !important
  }

  .lg\:pr-0{
    padding-right: 0px !important
  }

  .lg\:pb-0{
    padding-bottom: 0px !important
  }

  .lg\:pt-2{
    padding-top: 2px !important
  }

  .lg\:pt-4{
    padding-top: 4px !important
  }

  .lg\:pb-24{
    padding-bottom: 24px !important
  }

  .lg\:pt-32{
    padding-top: 32px !important
  }

  .lg\:pl-32{
    padding-left: 32px !important
  }

  .lg\:pr-36{
    padding-right: 36px !important
  }

  .lg\:pl-36{
    padding-left: 36px !important
  }

  .lg\:pt-40{
    padding-top: 40px !important
  }

  .lg\:pb-40{
    padding-bottom: 40px !important
  }

  .lg\:pb-48{
    padding-bottom: 48px !important
  }

  .lg\:pl-48{
    padding-left: 48px !important
  }

  .lg\:pt-56{
    padding-top: 56px !important
  }

  .lg\:pr-56{
    padding-right: 56px !important
  }

  .lg\:pr-64{
    padding-right: 64px !important
  }

  .lg\:pb-64{
    padding-bottom: 64px !important
  }

  .lg\:pl-64{
    padding-left: 64px !important
  }

  .lg\:pb-72{
    padding-bottom: 72px !important
  }

  .lg\:pt-80{
    padding-top: 80px !important
  }

  .lg\:pt-96{
    padding-top: 96px !important
  }

  .lg\:pb-96{
    padding-bottom: 96px !important
  }

  .lg\:pt-128{
    padding-top: 128px !important
  }

  .lg\:pb-128{
    padding-bottom: 128px !important
  }

  .lg\:pt-192{
    padding-top: 192px !important
  }

  .lg\:pr-256{
    padding-right: 256px !important
  }

  .lg\:relative{
    position: relative !important
  }

  .lg\:top-0{
    top: 0 !important
  }

  .lg\:bottom-0{
    bottom: 0 !important
  }

  .lg\:left-auto{
    left: auto !important
  }

  .lg\:text-left{
    text-align: left !important
  }

  .lg\:text-center{
    text-align: center !important
  }

  .lg\:text-right{
    text-align: right !important
  }

  .lg\:w-64{
    width: 64px !important
  }

  .lg\:w-auto{
    width: auto !important
  }

  .lg\:w-1\/2{
    width: 50% !important
  }

  .lg\:w-1\/3{
    width: 33.33333% !important
  }

  .lg\:w-1\/4{
    width: 25% !important
  }

  .lg\:w-2\/5{
    width: 40% !important
  }

  .lg\:w-4\/5{
    width: 80% !important
  }

  .lg\:w-20\/24{
    width: 83.33333% !important
  }

  .lg\:w-21\/24{
    width: 87.5% !important
  }

  .lg\:w-full{
    width: 100% !important
  }

  .lg\:gap-8{
    grid-gap: 2rem !important;
    gap: 2rem !important
  }

  .lg\:type-14-demibold-caps{
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: calc(1em * 0.08)
  }

  .lg\:type-17{
    font-size: 17px;
    font-weight: 400
  }

  .lg\:type-17-demibold{
    font-size: 17px;
    font-weight: 600
  }

  .lg\:type-17-demibold-caps{
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: calc(1em * 0.08)
  }

  .lg\:type-24{
    font-size: 24px;
    font-weight: 400
  }

  .lg\:type-24-caps{
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: calc(1em * 0.08)
  }

  .lg\:type-28-caps{
    font-size: 28px;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: calc(1em * 0.08)
  }

  .lg\:type-32{
    font-size: 32px;
    font-weight: 400;
    letter-spacing: -0.4px
  }

  .lg\:type-32-bold{
    font-size: 32px;
    font-weight: 700;
    letter-spacing: -0.4px;
    line-height: 1.175
  }

  .lg\:type-40{
    font-size: 40px;
    font-weight: 400;
    letter-spacing: -0.4px;
    line-height: 1.175
  }

  .lg\:type-56{
    font-size: 56px;
    font-weight: 400;
    letter-spacing: -0.4px;
    line-height: 1.175
  }

  .lg\:type-64-bold{
    font-size: 64px;
    font-weight: 700;
    letter-spacing: -0.4px;
    line-height: 1.175
  }
}

@media (min-width: 1400px){

  .xl\:block{
    display: block !important
  }

  .xl\:hidden{
    display: none !important
  }

  .xl\:my-40{
    margin-top: 40px !important;
    margin-bottom: 40px !important
  }

  .xl\:-mx-32{
    margin-left: -32px !important;
    margin-right: -32px !important
  }

  .xl\:mt-0{
    margin-top: 0px !important
  }

  .xl\:mb-8{
    margin-bottom: 8px !important
  }

  .xl\:mb-20{
    margin-bottom: 20px !important
  }

  .xl\:mb-40{
    margin-bottom: 40px !important
  }

  .xl\:mt-64{
    margin-top: 64px !important
  }

  .xl\:mr-64{
    margin-right: 64px !important
  }

  .xl\:mb-64{
    margin-bottom: 64px !important
  }

  .xl\:ml-64{
    margin-left: 64px !important
  }

  .xl\:mb-80{
    margin-bottom: 80px !important
  }

  .xl\:mt-128{
    margin-top: 128px !important
  }

  .xl\:mb-128{
    margin-bottom: 128px !important
  }

  .xl\:mt-192{
    margin-top: 192px !important
  }

  .xl\:mt-256{
    margin-top: 256px !important
  }

  .xl\:-mb-64{
    margin-bottom: -64px !important
  }

  .xl\:max-w-1440{
    max-width: 1440px !important
  }

  .xl\:px-0{
    padding-left: 0px !important;
    padding-right: 0px !important
  }

  .xl\:px-32{
    padding-left: 32px !important;
    padding-right: 32px !important
  }

  .xl\:px-40{
    padding-left: 40px !important;
    padding-right: 40px !important
  }

  .xl\:px-64{
    padding-left: 64px !important;
    padding-right: 64px !important
  }

  .xl\:py-80{
    padding-top: 80px !important;
    padding-bottom: 80px !important
  }

  .xl\:py-128{
    padding-top: 128px !important;
    padding-bottom: 128px !important
  }

  .xl\:py-192{
    padding-top: 192px !important;
    padding-bottom: 192px !important
  }

  .xl\:pt-64{
    padding-top: 64px !important
  }

  .xl\:pl-72{
    padding-left: 72px !important
  }

  .xl\:pb-128{
    padding-bottom: 128px !important
  }

  .xl\:pt-192{
    padding-top: 192px !important
  }

  .xl\:pt-256{
    padding-top: 256px !important
  }

  .xl\:text-left{
    text-align: left !important
  }

  .xl\:w-2\/3{
    width: 66.66667% !important
  }

  .xl\:w-5\/24{
    width: 20.83333% !important
  }

  .xl\:w-9\/24{
    width: 37.5% !important
  }

  .xl\:w-18\/24{
    width: 75% !important
  }

  .xl\:type-36{
    font-size: 36px;
    font-weight: 400;
    letter-spacing: -0.4px
  }

  .xl\:type-48{
    font-size: 48px;
    font-weight: 400;
    letter-spacing: -0.4px;
    line-height: 1.175
  }

  .xl\:type-56{
    font-size: 56px;
    font-weight: 400;
    letter-spacing: -0.4px;
    line-height: 1.175
  }
}

@media (min-width: 1650px){

  .xxl\:mx-auto{
    margin-left: auto !important;
    margin-right: auto !important
  }

  .xxl\:mb-8{
    margin-bottom: 8px !important
  }

  .xxl\:mb-24{
    margin-bottom: 24px !important
  }

  .xxl\:mt-40{
    margin-top: 40px !important
  }

  .xxl\:ml-256{
    margin-left: 256px !important
  }

  .xxl\:-mt-20{
    margin-top: -20px !important
  }

  .xxl\:-mt-40{
    margin-top: -40px !important
  }

  .xxl\:-mb-192{
    margin-bottom: -192px !important
  }

  .xxl\:max-w-968{
    max-width: 968px !important
  }

  .xxl\:max-w-1280{
    max-width: 1280px !important
  }

  .xxl\:max-w-1440{
    max-width: 1440px !important
  }

  .xxl\:max-w-1680{
    max-width: 1680px !important
  }

  .xxl\:max-w-1\/2{
    max-width: 50% !important
  }

  .xxl\:py-80{
    padding-top: 80px !important;
    padding-bottom: 80px !important
  }

  .xxl\:px-128{
    padding-left: 128px !important;
    padding-right: 128px !important
  }

  .xxl\:py-192{
    padding-top: 192px !important;
    padding-bottom: 192px !important
  }

  .xxl\:px-256{
    padding-left: 256px !important;
    padding-right: 256px !important
  }

  .xxl\:pl-0{
    padding-left: 0px !important
  }

  .xxl\:absolute{
    position: absolute !important
  }

  .xxl\:right-auto{
    right: auto !important
  }

  .xxl\:bottom-auto{
    bottom: auto !important
  }

  .xxl\:text-center{
    text-align: center !important
  }

  .xxl\:w-1\/4{
    width: 25% !important
  }

  .xxl\:w-13\/24{
    width: 54.16667% !important
  }

  .xxl\:w-full{
    width: 100% !important
  }

  .xxl\:type-17-demibold-caps{
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: calc(1em * 0.08)
  }

  .xxl\:type-20{
    font-size: 20px;
    font-weight: 400
  }

  .xxl\:type-20-demibold-caps{
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: calc(1em * 0.08)
  }

  .xxl\:type-28{
    font-size: 28px;
    font-weight: 400
  }

  .xxl\:type-28-caps{
    font-size: 28px;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: calc(1em * 0.08)
  }

  .xxl\:type-32{
    font-size: 32px;
    font-weight: 400;
    letter-spacing: -0.4px
  }

  .xxl\:type-32-caps{
    font-size: 32px;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: calc(1em * 0.08)
  }

  .xxl\:type-40{
    font-size: 40px;
    font-weight: 400;
    letter-spacing: -0.4px;
    line-height: 1.175
  }

  .xxl\:type-48-bold{
    font-size: 48px;
    font-weight: 700;
    letter-spacing: -0.4px;
    line-height: 1.175
  }

  .xxl\:type-56{
    font-size: 56px;
    font-weight: 400;
    letter-spacing: -0.4px;
    line-height: 1.175
  }

  .xxl\:type-72-bold{
    font-size: 72px;
    font-weight: 700;
    letter-spacing: -0.4px;
    line-height: 1.175
  }
}


/*# sourceMappingURL=main-c2ecfb10.css.map*/