@charset "UTF-8";
nav.navbar {
  position: fixed;
  z-index: 99;
  top: 0;
  left: 0;
  width: 100%;
  background: #4f4f4f;
}

nav.navbar .menu {
  position: relative;
}

nav.navbar .menu .close {
  position: absolute;
  display: none;
  top: 10px;
  right: 10px;
  cursor: pointer;
  color: white;
}

nav.navbar .menu .nav-item {
  position: relative;
}

nav.navbar .menu .nav-item .nav-link {
  text-transform: uppercase;
  color: white;
}

nav.navbar .menu .nav-item .nav-link:hover {
  color: #a3a7a7;
}

nav.navbar .menu .nav-item.mobile {
  display: none;
}

nav.navbar .menu .nav-item .button {
  margin-left: 7px;
}

nav.navbar .menu .nav-item.active::after {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-transform: translateY(8px);
          transform: translateY(8px);
  text-align: center;
  font-weight: bold;
  font-size: 20px;
  content: "•";
  color: white;
  pointer-events: none;
}

nav.navbar .menu .nav-item .user-menu {
  position: absolute;
  display: none;
  top: 0;
  right: 0;
  -webkit-transform: translateY(60px);
          transform: translateY(60px);
  width: 300px;
  background: #dddddd;
}

nav.navbar .menu .nav-item .user-menu hr {
  margin: 0;
}

nav.navbar .menu .nav-item .user-menu .list .item {
  display: block;
  width: 100%;
  height: 40px;
  padding: 0 15px;
  line-height: 40px;
  text-decoration: none;
  color: #4f4f4f;
}

nav.navbar .menu .nav-item .user-menu .list .item:hover {
  background: #a3a7a7;
  color: #f7f7f7;
}

@media (max-width: 992px) {
  nav.navbar .menu .nav-item.mobile {
    display: block;
  }
  nav.navbar .menu .nav-item.desktop {
    display: none !important;
  }
}

@media (max-width: 992px) {
  nav.navbar .menu {
    position: fixed;
    z-index: 99;
    opacity: 0%;
    pointer-events: none;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    padding-top: 58px;
    background: rgba(20, 20, 20, 0.8);
    -webkit-transition: .2s ease;
    transition: .2s ease;
  }
  nav.navbar .menu.show {
    opacity: 100%;
    pointer-events: all;
  }
  nav.navbar .menu.show .close {
    display: block;
  }
  nav.navbar .menu ul.navbar {
    height: auto;
    max-height: 100%;
    overflow-y: auto;
    padding: 8px 0;
  }
  nav.navbar .menu ul.navbar .nav-item {
    display: block;
    width: 100%;
  }
  nav.navbar .menu ul.navbar .nav-item.active::after {
    display: none;
  }
  nav.navbar .menu ul.navbar .nav-item.active {
    background: rgba(85, 85, 85, 0.4);
  }
  nav.navbar .menu ul.navbar .nav-item .nav-link {
    font-size: 25px;
  }
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  background: #4f4f4f;
}

.footer img {
  max-width: 100%;
}

.footer hr {
  margin: 10px;
}

.footer > .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.footer .links {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.footer .links a {
  padding: 0 5px;
  color: #c7c7c7;
}

.footer .social {
  font-size: 25px;
  padding: 3px 0;
}

.footer .social a {
  text-decoration: none;
  color: white;
}

@media (max-width: 764px) {
  .links {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

@media (max-width: 480px) {
  .main-footer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: center;
  }
}

img {
  background: #4f4f4f;
}

hr {
  margin: 25px 10px;
}

.pointer {
  cursor: pointer;
}

button.button {
  border-width: 0;
}

.button {
  display: inline-block;
  padding: 10px 20px;
  text-transform: uppercase;
  text-align: center;
  color: white;
  background: #aa8a49;
  cursor: pointer;
}

.button.outline {
  background: transparent;
  border: solid 1px #aa8a49;
  color: #aa8a49;
}

.button.full-width {
  width: 100%;
}

.button.custom-1 {
  font-size: 12px;
  padding: 4px 14px;
  background: transparent;
  border: solid 1px #4f4f4f;
  color: #4f4f4f;
}

.button.custom-1:hover {
  border-color: #aa8a49;
  color: #aa8a49;
}

.button__toggle {
  font-size: 14px;
  color: #5252ca;
  cursor: pointer;
}

.button__toggle:hover {
  color: #0a0abb;
}

.round {
  border-radius: 100px;
}

.full-width {
  width: 100%;
}

.m-20 {
  margin-top: 20px;
  margin-bottom: 20px;
}

table {
  width: 100%;
}

table td, table th {
  padding: 5px 10px;
}

table.outlined tr {
  border: solid 1px #c0c0c0;
}

.intro {
  position: relative;
}

.slogan {
  position: absolute;
  padding-left: 4vw;
  top: 80%;
  left: 0;
  right: 0;
  font-size: 2.5vw;
  color: #f7f7f7;
}

.settings {
  padding: 5px;
  border: solid 1px #c0c0c0;
}

.settings td {
  word-break: break-all;
}

.settings .action .button {
  margin: 5px 0;
}

.sp.sp-right {
  border-right: solid 1px #a3a7a7;
}

.sp.sp-left {
  border-left: solid 1px #a3a7a7;
}

@media (max-width: 576px) {
  .sp.sp-right {
    border-width: 0;
  }
  .sp.sp-left {
    border-width: 0;
  }
}

.warning {
  color: #d33939;
}

.action {
  padding-top: 15px;
  padding-bottom: 10px;
}

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

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

section .header {
  font-size: 20px;
}

section .header .title {
  font-weight: bold;
}

section .header .subtitle {
  padding-left: 25px;
}

section .description {
  padding: 20px 0;
}

section .more {
  display: none;
  padding: 20px 20px;
  text-align: center;
}

section .paketid-d {
  width: 100%;
  padding-top: 20px;
}

section .paketid-d .wrapper {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  width: 100%;
}

section .paketid-d .wrapper .card {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0 2px;
  background: transparent;
  border-width: 0px;
}

section .paketid-d .wrapper .card.blur {
  -webkit-filter: blur(4px);
          filter: blur(4px);
  pointer-events: none;
}

section .paketid-d .wrapper .card .item {
  position: relative;
  width: 100%;
  height: 100%;
  padding-bottom: 240px;
  border: solid 1px lightgray;
}

section .paketid-d .wrapper .card .item .bg-title {
  text-transform: uppercase;
  height: 80px;
  line-height: 80px;
  text-align: center;
  font-size: 20px;
  color: white;
  background: #4f4f4f;
}

section .paketid-d .wrapper .card .item .bg-title.bg-1 {
  background: url("/images/pilt3.png");
  background-size: cover;
}

section .paketid-d .wrapper .card .item .bg-title.bg-2 {
  background: url("/images/pilt1.png");
  background-size: cover;
}

section .paketid-d .wrapper .card .item .bg-title.bg-3 {
  background: url("/images/pilt5.png");
  background-size: cover;
}

section .paketid-d .wrapper .card .item .bg-title.bg-4 {
  background: url("/images/pilt4.png");
  background-size: cover;
}

section .paketid-d .wrapper .card .item .features {
  padding: 20px;
}

section .paketid-d .wrapper .card .item .order {
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
  padding: 20px;
}

section .paketid-d .wrapper .card .item .order select {
  padding: 2px 10px;
  text-align: center;
}

section .paketid-d .wrapper .card .item .order .details {
  padding: 20px 0;
}

section .paketid-m {
  width: 100%;
  padding-top: 20px;
}

section .paketid-m .item {
  position: relative;
}

section .paketid-m .item .bg-title {
  height: 80px;
  line-height: 80px;
  text-transform: uppercase;
  text-align: center;
  font-size: 20px;
  color: white;
  cursor: pointer;
  background: #4f4f4f;
}

section .paketid-m .item .select-menu {
  position: absolute;
  display: none;
  width: 100%;
  background: #aa8a49;
}

section .paketid-m .item .select-menu .option {
  padding: 10px;
  text-transform: uppercase;
  font-weight: bold;
  color: white;
  cursor: pointer;
}

section .paketid-m .item .select-menu .option:hover {
  background: rgba(211, 211, 211, 0.4);
}

section .paketid-m .item .item__body {
  padding: 15px;
  border: solid 1px lightgray;
}

section .paketid-m .item .item__body .order {
  padding-top: 20px;
}

section .paketid-m .item .item__body .order .button, section .paketid-m .item .item__body .order select {
  width: 100%;
  text-align: center;
}

section .paketid-m .item .item__body .order select {
  padding: 10px 20px;
}

section .paketid-m .item .item__body .order .details {
  padding: 20px;
  text-align: center;
}

section .highlight {
  font-size: 30px;
  font-weight: bold;
}

section .intro {
  padding-top: 30px;
  text-align: center;
}

section .faq {
  padding-top: 20px;
}

section .faq .question {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 10px 15px;
  margin-top: 15px;
  border: solid 1px #a3a7a7;
  border-radius: 6px;
  font-weight: bold;
  cursor: pointer;
}

section .faq .question i {
  font-size: 20px;
  -webkit-transform: translateY(4px);
          transform: translateY(4px);
}

section .faq .answer {
  display: none;
  padding: 5px 15px;
}

@media (max-width: 576px) {
  section .button {
    width: 100%;
    text-align: center;
  }
}

.blog-widget {
  margin-top: 20px;
}

.blog-widget a {
  text-decoration: none;
}

.blog-widget .blog-title {
  padding: 10px;
  color: #4f4f4f;
}

.blog-widget .blog-title .date {
  font-size: 14px;
}

.blog-widget .blog-title .title {
  font-weight: bold;
}

.arve .invoice hr {
  margin: 5px;
}

.arve .invoice .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.arve .invoice .item .title, .arve .invoice .item .price {
  padding: 10px 20px;
}

.arve .invoice .item .title {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-transform: capitalize;
}

.arve .invoice .item .price {
  width: 160px;
  text-align: center;
}

.arve .invoice .item:first-of-type {
  font-weight: bold;
}

.arve .total {
  padding: 20px 0;
}

.arve .total .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 4px;
}

.arve .total .item > div {
  display: inline-block;
}

.arve .total .item .title {
  font-weight: bold;
}

.arve .total .item .price {
  width: 150px;
  text-align: center;
}

.payment_method .row {
  margin: 0 !important;
  margin-bottom: 10px !important;
}

.payment_method .col-lg-6, .payment_method .col-sm-4 {
  padding: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.payment_method .card {
  padding: 10px;
  border-width: 0;
  background: transparent;
}

.payment_method .card:hover {
  background: #f0f0f0;
}

.payment_method .card.selected {
  background: #e4e4e4;
}

.payment_method .item {
  height: 56px;
  cursor: pointer;
}

@media (max-width: 992px) {
  .payment_method .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

@media (max-width: 404px) {
  .payment_method .card {
    width: 80%;
  }
  .payment_method .item {
    height: auto;
    width: 100%;
  }
}

section.kuva .ihead {
  width: 192px;
  padding: 0 10px;
  margin-left: 30px;
  -webkit-transform: translateY(50%);
          transform: translateY(50%);
  background: #f7f7f7;
}

section.kuva .ihead .wrapper {
  padding: 15px 5px;
  text-align: center;
  color: white;
  font-size: 20px;
  text-transform: uppercase;
  background: #aa8a49;
  cursor: pointer;
}

section.kuva .ibody {
  padding: 20px;
  padding-top: 40px;
  border: solid 1px black;
}

section.kuva .ibody > div {
  margin-top: 10px;
}

section.kuva .ibody > div .extended {
  display: none;
}

section.kuva .ibody .header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media (max-width: 991px) {
  section.kuva .item .info > div {
    display: block !important;
    margin-left: 0px !important;
    margin-top: 10px;
  }
  section.kuva .header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

section.kava {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

section.kava .item {
  width: 260px;
  margin: 0 6px;
  cursor: pointer;
}

@media (max-width: 768px) {
  section.kava .item {
    width: 100%;
  }
}

section.kava .ihead {
  height: 59px;
  width: 192px;
  padding: 0 10px;
  margin: auto;
  -webkit-transform: translateY(50%);
          transform: translateY(50%);
  background: #f7f7f7;
}

section.kava .ihead .wrapper {
  padding: 15px 5px;
  text-align: center;
  color: white;
  font-size: 20px;
  text-transform: uppercase;
  background: #aa8a49;
}

section.kava .ibody {
  height: calc(100% - 59px);
  padding: 20px;
  padding-top: 40px;
  border: solid 1px black;
}

section.kava .ibody > div {
  margin-top: 10px;
}

section.kava .ibody > div .extended {
  display: none;
}

.terms h2 {
  margin-bottom: 0;
  margin-top: 10px;
}

section.dashboard {
  padding: 20px 10px;
}

section.dashboard .row {
  margin: 0;
}

section.dashboard .cols {
  padding: 0;
}

section.dashboard .headbar {
  background: #aa8a49;
}

section.dashboard .headbar .title {
  font-size: 24px;
  padding: 10px 15px;
  color: white;
}

section.dashboard .context {
  min-height: 120px;
  margin-bottom: 20px;
  padding: 15px;
  border: solid 1px #a3a7a7;
  text-align: center;
}

section.dashboard .context.a-left {
  text-align: left;
}

section.dashboard .context .small-title {
  color: #797979;
}

section.dashboard .context .text {
  font-size: 32px;
  font-weight: bold;
}

section.dashboard .d-block {
  min-height: 120px;
  border: solid 1px black;
}

section.dashboard .d-block .row {
  margin: 0;
}

.myModal {
  position: fixed;
  z-index: 999;
  opacity: 0;
  pointer-events: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: .4s ease;
  transition: .4s ease;
}

.myModal.show {
  opacity: 1;
  pointer-events: all;
  -webkit-transition: .4s ease;
  transition: .4s ease;
}

.myModal .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(27, 28, 27, 0.8);
}

.myModal .window {
  position: absolute;
  display: none;
  max-height: 96vh;
  overflow-y: auto;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  margin: auto;
  padding: 20px;
  border-radius: 6px;
  background: white;
}

.myModal .window.medium {
  width: 500px;
}

.myModal .window#loading {
  background: transparent;
}

@media (max-width: 540px) {
  .myModal .window.medium {
    width: 100%;
    height: 100%;
    max-height: 100vh;
    border-radius: 0;
  }
  .myModal .window.medium .submit {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: left;
  }
  .myModal .window.medium .submit .button {
    width: 100%;
    margin-top: 5px;
    text-align: center;
  }
}

.myModal .window .auth .exit {
  padding-bottom: 10px;
  text-align: right;
}

.myModal .window .auth .exit i {
  font-size: 20px;
  cursor: pointer;
  -webkit-transition: .2s ease;
  transition: .2s ease;
}

.myModal .window .auth .exit i:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  color: #636363;
  -webkit-transition: .2s ease;
  transition: .2s ease;
}

.myModal .window .auth .submit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.myModal .window .auth .submit strong:hover {
  color: #636363;
  cursor: pointer;
}

.myModal .window .auth .submit .form-check {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.myModal .builder hr {
  margin: 25px 0;
}

.myModal .builder label {
  font-weight: bold;
}

.myModal .builder .form-check-label {
  font-weight: normal;
}

.myModal .builder .input-group-text {
  width: 62px;
}

.myModal .builder .form-check {
  margin-bottom: 5px;
}

.myModal .builder .form-check .form-check-input {
  margin-top: .5rem;
}

.myModal .builder .question {
  font-weight: bold;
}

.myModal .builder .action {
  padding-bottom: 0;
}

.myModal .builder#tFood .item {
  padding: 5px 10px;
  border-bottom: solid 1px #4f4f4f;
  cursor: pointer;
}

.myModal .builder#tFood .item .checkbox {
  width: 1rem;
  height: 1rem;
  margin-top: 5px;
  text-align: center;
  border: solid 1px black;
}

.myModal .builder#tFood .item .checkbox i {
  -webkit-transform: translateY(-5px);
          transform: translateY(-5px);
}

.myModal .builder#tFood .show {
  display: none;
  padding-left: 5px;
}

.myModal .builder#tFood .show .item {
  border-bottom: solid 1px #a3a7a7;
}

.myModal .search-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 40px;
}

.myModal .search-bar .search {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  border: solid 1px #a3a7a7;
}

.myModal .search-bar .search input {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border-width: 0;
}

.myModal .search-bar .search input:focus {
  outline: none;
}

.myModal .search-bar .search .icon {
  width: 40px;
  text-align: center;
  cursor: pointer;
}

.myModal .search-bar .search .results {
  position: absolute;
  display: none;
  width: 100%;
  max-height: 350px;
  overflow-y: auto;
  -webkit-transform: translateY(40px);
          transform: translateY(40px);
  border: solid 1px #a3a7a7;
  background: white;
}

.myModal .search-bar .search .results .result {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  height: 80px;
  border-bottom: solid 1px #a3a7a7;
  cursor: pointer;
}

.myModal .search-bar .search .results .result:hover {
  background: #f7f7f7;
}

.myModal .search-bar .search .results .result img {
  max-height: 100%;
}

.myModal .search-bar .search .results .result .information {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 5px 10px;
}

.myModal .search-bar .search .results .result .information h5 {
  position: relative;
  display: block;
  width: 240px;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 0;
}

.myModal .search-bar .random {
  margin-left: 10px;
  text-align: center;
  cursor: pointer;
  -webkit-transition: .2s ease;
  transition: .2s ease;
}

.myModal .search-bar .random:hover {
  -webkit-transform: rotate(30deg);
          transform: rotate(30deg);
  -webkit-transition: .4s ease;
  transition: .4s ease;
}

.myModal #changeFood .auth {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 10px;
}

.myModal #changeFood .preview {
  display: none;
  max-height: 400px;
  overflow-y: auto;
}

.myModal #changeFood .preview img {
  width: 300px;
  max-width: 100%;
}

.myModal #changeFood .load {
  display: block;
}

.myModal #changeFood .save {
  display: none;
}

@media (max-width: 540px) {
  .myModal #changeFood .preview {
    max-height: calc(100% - 198px);
  }
  .myModal #changeFood .results .result img {
    display: none;
  }
}

#customFoodScales {
  text-align: center;
  margin-bottom: 15px;
}

#customFoodScales canvas {
  width: 100% !important;
  height: auto !important;
  max-width: 250px;
}

#customFoodScales .customFoodScale_text {
  margin-top: -30px;
}

html {
  scroll-behavior: smooth;
}

body {
  position: relative;
  min-height: 100vh;
  padding-top: 72px;
  padding-bottom: 119px;
  background: #f7f7f7;
  color: #4f4f4f;
}

::-webkit-scrollbar {
  width: 4px;
  height: 2px;
}

::-webkit-scrollbar-button {
  width: 0px;
  height: 0px;
}

::-webkit-scrollbar-thumb {
  background: #8a8a8a;
  border: 0px none #ffffff;
  border-radius: 50px;
}

::-webkit-scrollbar-thumb:hover {
  background: #8a8a8a;
}

::-webkit-scrollbar-thumb:active {
  background: #8a8a8a;
}

::-webkit-scrollbar-track {
  background: #c9c9c9;
  border: 0px none #ffffff;
  border-radius: 50px;
}

::-webkit-scrollbar-track:hover {
  background: #c9c9c9;
}

::-webkit-scrollbar-track:active {
  background: #c9c9c9;
}

::-webkit-scrollbar-corner {
  background: transparent;
}

@media (max-width: 992px) {
  body {
    padding-top: 58px;
  }
}

@media (max-width: 480px) {
  body {
    padding-bottom: 162px;
  }
}
/*# sourceMappingURL=style.css.map */