:root {
  --main-color: #00b190;
  --main-color-darker: #00a587;
  --bg: #fffef9;
  --bg: #fffaf5;
  --main-dark-text-color: #2f2e28;
  --main-text-color: #312922;
  --main-light-text-color: #7b7b7b;
}

html, body {
  scroll-padding-top: 100px;
}

body {
  font-family: degular, geo-wf, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  color: var(--main-text-color);
  overflow-x: hidden;
  font-size: 17px;
  font-weight: 400;
  background-color: #fffaf5;
  background-color: var(--bg);
  line-height: 1.7;
  padding-top: 146px;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, .display-4, .hero-text h1.big, .navbar-brand {
  color: var(--main-dark-text-color);
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, .hero-text h1.big, .navbar-brand, b, strong, .buynow, .h6, h6, .h5, h5, .display-4, h1.big {
  font-weight: 700;
}

.mark, mark {
  padding: 0;
}

.navbar-light .navbar-nav .nav-link, .button-rounded-purple, .button-rounded-purple {
  font-weight: 600;
}

.display-4 {
  line-height: 1.15;
}

.h5 {
  font-size: 1.47em;
}

.h6, h6 {
  font-size: 1.12em;
}

.img-shadow {
  box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, #d1d5db 0px 0px 0px 1px inset;
  border-radius: 0.25rem;
}

.navbar-light .navbar-brand {
  font-size: 1.53em;
  color: var(--main-dark-text-color);
}

code {
  color: salmon;
}

.onhoverup {
  transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.onhoverup:hover {
  transform: translateY(-13px);
  transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.lead {
  font-weight: 400;
}

.row {
  --bs-gutter-x: 42px;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(var(--bs-gutter-y) * -1);
  margin-right: calc(var(--bs-gutter-x)/ -2);
  margin-left: calc(var(--bs-gutter-x)/ -2);
}

.row > * {
  padding-right: calc(42px / 2);
  padding-left: calc(42px / 2);
  padding-right: calc(var(--bs-gutter-x)/ 2);
  padding-left: calc(var(--bs-gutter-x)/ 2);
}

a {
  color: inherit;
  color: var(--main-color);
  text-decoration: none;
  transition: ease-in-out 0.3s;
}
a:hover {
  color: inherit;
  color: var(--main-color-darker);
  transition: ease-in-out 0.3s;
}

.rounded-i {
  border-radius: 57% 43% 50% 50%/48% 54% 46% 52%;
}

.ls-1 {
  letter-spacing: 1px;
}

.lh-14 {
  line-height: 1.4;
}

.pb-5rem {
  padding-bottom: 5rem;
}

.pt-5rem {
  padding-top: 5rem;
}

.bg-warning {
  background-color: #ffe7a0 !important;
}

.color-inherit {
  color: var(--main-text-color);
}

.text-muted {
  color: #9ca9a5 !important;
}

.text-black {
  color: var(--main-dark-text-color);
}

.border-bottom-inherit {
  border-bottom: 1px solid;
}

a .text-black:hover, a.text-black:hover, a .h5:hover {
  color: var(--main-color-darker);
  transition: ease-in 0.3s;
}

.demolink {
  border: 1px solid !important;
  border-radius: 40px;
  width: 100%;
  max-width: 400px;
  margin: 0px auto;
  display: block;
  padding: 9px 20px 9px;
}

.imgcover {
  object-fit: cover;
  object-position: top;
  width: 100%;
}
.imgcover.height219 {
  height: 219px;
}
.imgcover.height540 {
  height: 540px;
}

.feature2 img {
  display: block;
  margin: 0px auto;
  margin-top: 2rem;
}

.shadow-big {
  box-shadow: rgba(0, 0, 0, 0.1) 0px 30px 90px;
}

.feature img {
  position: relative;
}

.fw {
  box-sizing: border-box;
  width: 100vw;
  margin-left: calc(-50vw + 50%);
}

.font-weight-300 {
  font-weight: 300;
}

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

.font-weight-500 {
  font-weight: 500 !important;
}

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

.big {
  font-size: 1.15em;
}

.navbar-light .navbar-nav .nav-link {
  color: var(--main-dark-text-color);
  padding: 5px 15px;
  font-size: 1.1em;
}

@media screen and (min-width: 1200px) {
  .centernav {
    position: absolute;
    left: 50%;
    transform: translatex(-50%);
  }

  .hero-img img {
    max-width: unset;
  }
}
.navbar {
  padding: 15px 0;
  transition: 0.25s linear;
  box-shadow: 0px 0px 0 1px rgba(0, 0, 0, 0.07);
}
.navbar .shadowed {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.075), rgba(255, 251, 248, 0));
  height: 20px;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 100%;
  width: 100vw;
}

.scrolled .navbar {
  padding: 15px 0px;
  box-shadow: 0 10px 28px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0px 0px 0 1px rgba(0, 0, 0, 0.07);
  background-color: #fffaf5;
  background-color: var(--bg);
  transition: 0.25s linear;
}
.scrolled .navbar .shadowed {
  opacity: 1;
}

.bar {
  transition: 0.25s linear;
}

.scrolled .bar {
  margin-top: -40px;
  transition: 0.25s linear;
}

.bg-seashell {
  background: var(--bg);
}

img {
  max-width: 100%;
}

.img-no-resp {
  max-width: unset;
}

#TableOfContents ul li a {
  color: inherit;
}

.price-single, .price .new {
  line-height: 1;
  color: #303538;
  background-color: transparent;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  padding: 4px 7px;
  min-width: 40px;
  font-size: 1.04em;
  font-weight: 500;
  min-height: 25px;
  overflow: hidden;
  background-color: #d3f5eb;
  letter-spacing: -0.01em;
  border-radius: 57% 43% 50% 50%/48% 54% 46% 52%;
}

.small, small {
  font-size: 16px;
}

.spacer {
  padding-top: 180px;
}

.spacer-small {
  padding-top: 120px;
}

.spacer-smallest {
  padding-top: 80px;
}

.inner-header {
  max-width: 580px;
  text-align: center;
}

h1 {
  font-size: 48px;
  line-height: 1.2;
}

.underline-1 {
  position: relative;
  z-index: -1;
  display: inline-block;
  margin-right: -10px;
  margin-bottom: -14px;
  margin-left: -10px;
  padding: 0px 12px 14px;
  background-image: url(../img/underline2.svg);
  background-position: 50% 100%;
  background-size: contain;
  background-repeat: no-repeat;
}

.underline-2 {
  position: relative;
  z-index: -1;
  display: inline-block;
  margin-right: -10px;
  margin-bottom: -14px;
  margin-left: -10px;
  padding: 0px 12px 15px;
  background-image: url(../img/underline.svg);
  background-position: 50% 100%;
  background-size: contain;
  background-repeat: no-repeat;
}

.underline-circle {
  position: relative;
  z-index: -1;
  display: inline-block;
  margin-right: -10px;
  margin-bottom: -8px;
  padding: 0px 12px 8px;
  background-image: url(../img/underline3.svg);
  background-position: 50% 50%;
  background-size: cover;
}

.u-3 {
  background-image: url(data:image/png;base64,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);
  background-repeat: no-repeat;
  background-position: 0 92%;
  background-size: 100%;
  margin: 0 -30px 0 -15px;
  padding: 20px 30px 20px 15px;
  mix-blend-mode: darken;
}

.u-4 {
  background-image: url(data:image/png;base64,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);
  background-size: 97%;
  background-position: bottom;
  background-repeat: no-repeat;
  padding: 0 0 0.5%;
  margin: 0 0 -0.5%;
}

.u-5 {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMIAAABQCAMAAAB8kVpLAAAAPFBMVEUAAAD/0l//01//0l//z17/0l//z2D/0l7/0l//z2D/0l7/0l//0V3/0l//0V7/0V3/z1z/0WD/01z/0l8epy1MAAAAE3RSTlMAn7/fIO8QgGBAkM8wr1BwQHBA1crHUAAAA5BJREFUaN7tm+uSmzAMhW3Jd4OB6P3ftTbEmKYpzeZC0Ey/nzuzGx2dY4uwtvjPUyilxuRskFICICJlMMJKLzPBOjde6VRGfBnTja4UDRE1PYnGos4OaTTiOEyXnJV91PReNIiPYzo3yL3KNcY5MTbjCt5nmypBLlmysgCFiLQBReMTxQdAugOCDJNzyftnk21U5zNZcCc+gkn3Go8xF546ZcS5MZdB4k1Qejm57uyFLygXQFMD+9z1r2+BTzZfQ+DS92v5FqiBcuoEJ3L5etN86xn1fm5/2JQvHZvYr/VLvZbfM8tOYVM/Wi/Y0Vnd2n9UekZNsbfpHW4bi2v9R67dRFeidN17AgSTEYfipzY4UaYnP91BNSB8Kf+mm/pIMzB0PxeAdfdPRnwTk2SsZjwjANIphpdycFWhxGNYfQ3QicaXkkiFh0RccBFgT2HAn9Gw/xwDcFIBBT8Xh2p/DpxYQMHPTri9DJ1bQGHSO2FSQIVwZgEZhX/1YdCUwfM/xqlIpBVbC1YfQNySZgvi+S2Y8blWcYNdLBBc0LcSDFBGM7GgEIhuo5WBEz1N/BNH9KcCKzjxuwSlS4icYIUluvEAub2SqBKaAk7LYEY2CSayVCCAaKtA81Mg4ipBUobROKiodTo7frtpK7wt5V4wBOpjnuS5lJccuTVGzEbamiMUhRIjKTiCRHY1gWOMymhGw9oEW/PfcTVBra0fmJqgsMZIAM+5bLCFR7PMkYmb5wnKCHbAHH/GEgxQXQgF5Cdh8+WG6XJev2BuBwQIRlzKBhSNaHjKcHiBumACZcCILcBptql474WpZ/Slcygh0kncEsqPObxAMj1loro3q3loSLMF0/2AcdBwAdp53bhooEGcF9Wv/7/c1SDP+rinJLX69jcrfUYjzBIhAi/+QaACJnEu6llG8I+fbIATiTADUBXwGHYRgfYUm5NxoKuAHy6bAg5KfJdLPcyof9pQ5ZDaCbJvoSy8dJTOy3YO2x0vw1wCUjXAvJBCqmB/kIx2FrwZ8PohuCZj+PwlJpOGtXyKa/2vq2jED+pQg8TtSfZ3fo4PkbZokG8VopILPer29/vJi7djUpWxomMfhnFUL2hRnRsCaNqApfyPYfy6zG5MyVrcw2KUGsdcuYw1Na36cMjtny7ZnWuCWO9m/glkIuLdX9UxHL5xG1+U0Cu0S2MHtH5XiZuslT0A0oO0K4bpnfeufgFpW2NMpFoaEwAAAABJRU5ErkJggg==);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: -30px;
}

.button-small {
  background-color: #2f2e28;
  background-color: var(--main-dark-text-color);
  border: 1px solid transparent;
  color: #fff;
  position: relative;
  padding: 9px 22px 9px 22px;
  text-align: center;
  text-decoration: none;
  border-radius: 40px;
  line-height: 1em !important;
  -webkit-transition: background 0.15s ease-in-out;
  transition: background 0.15s ease-in-out;
  letter-spacing: 0;
  font-weight: 500;
}
.button-small .font-weight-bold {
  font-weight: 600;
}
.button-small:hover {
  background: var(--main-color-darker);
  color: #fff;
  border: 1px solid var(--main-color-darker);
}

.button-small-outline {
  border: 1px solid #2f2e28;
  color: #2f2e28;
  border: 1px solid var(--main-dark-text-color);
  color: var(--main-dark-text-color);
  background: transparent;
}
.button-small-outline:hover {
  border: 1px solid var(--main-color-darker);
  color: var(--main-color-darker);
  background: transparent;
}

.show-on-single-theme {
  display: none;
}

@media screen and (min-width: 1200px) {
  .single-theme-layout.single .navbar .button-small {
    background: var(--main-dark-text-color);
    border: 1px solid transparent;
  }
  .single-theme-layout.single .navbar .button-small-outline {
    border: 1px solid var(--main-dark-text-color);
    color: var(--main-dark-text-color);
    background: transparent;
  }
  .single-theme-layout.single .scrolled .navbar {
    opacity: 1;
  }
  .single-theme-layout.single .scrolled .navbar .text-logo {
    display: none;
  }
  .single-theme-layout.single .scrolled .navbar .show-on-single-theme {
    display: block;
  }
  .single-theme-layout.single .scrolled .navbar .button-small, .single-theme-layout.single .scrolled .navbar .button-small-outline, .single-theme-layout.single .scrolled .navbar .navbar-nav {
    opacity: 0;
    transition: linear 0.2s;
  }
  .single-theme-layout.single footer {
    margin-bottom: 100px;
  }
  .single-theme-layout.single footer .footer-nav {
    display: none !important;
  }
}
.icon i {
  font-size: 20px;
  border: 1px solid;
  width: 45px;
  height: 45px;
  text-align: center;
  line-height: 45px;
  border-radius: 57% 43% 50% 50%/48% 54% 46% 52%;
}

.overview .col-md-4 {
  margin-bottom: 3rem;
  padding: 0 2rem;
}
.overview h5 {
  margin: 1.5rem 0 1rem;
}

.commonfeatures i {
  font-size: 30px;
  margin-right: 25px;
}
.commonfeatures .col-md-5 {
  margin-bottom: 2rem;
  margin-top: 1rem;
}
.commonfeatures p {
  padding-right: 40px;
}

.button-rounded-purple {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 7px 25px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 50px;
  background: rgba(0, 0, 0, 0.05);
  -webkit-transition: 0.4s ease-out;
  transition: 0.4s ease-out;
  font-size: 16px;
  text-align: center;
  color: var(--main-dark-text-color);
  text-decoration: none;
}
.button-rounded-purple.active {
  background-color: #00b190;
  background-color: var(--main-color);
  color: #fff;
}

.button-rounded-beige {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 9px 25px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 50px;
  background-color: #fee4c3;
  -webkit-transition: 0.4s ease-out;
  transition: 0.4s ease-out;
  color: inherit;
  font-weight: 600;
  text-align: center;
  text-decoration: none;
  font-size: 0.95em;
  letter-spacing: 0;
  margin-right: 5px;
}

.hero-item {
  position: relative;
}

.shape {
  position: absolute;
  -webkit-filter: blur(40px);
  filter: blur(40px);
  mix-blend-mode: multiply;
  opacity: 0.4;
  -webkit-animation: random 7s infinite;
  animation: random 7s infinite;
  max-width: 100%;
}

.purple-hero {
  width: 500px;
  height: 500px;
  top: 0px;
  left: 0px;
  background: #6A14BA;
  border-radius: 250px;
  z-index: -1;
}

.orange-hero {
  width: 320px;
  height: 320px;
  bottom: -40px;
  right: -70px;
  background: #FF8A00;
  border-radius: 160px;
  z-index: -2;
  animation-direction: reverse;
}

.blue-hero {
  width: 320px;
  height: 320px;
  top: 0px;
  right: -40px;
  background: #00C1FF;
  border-radius: 160px;
  z-index: -3;
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}

.red-hero {
  width: 320px;
  height: 320px;
  bottom: 0px;
  left: 0px;
  background: #EB5757;
  border-radius: 160px;
  z-index: -4;
  animation-direction: reverse;
}

.gray1-hero {
  width: 500px;
  height: 500px;
  max-width: 100%;
  top: 0px;
  left: 0px;
  background: #5f5f5f;
  border-radius: 250px;
  z-index: -1;
}

.gray2-hero {
  width: 320px;
  height: 320px;
  max-width: 100%;
  bottom: -40px;
  right: -70px;
  background: #968573;
  border-radius: 160px;
  z-index: -2;
  animation-direction: reverse;
}

.gray3-hero {
  width: 320px;
  height: 320px;
  max-width: 100%;
  top: 0px;
  right: -40px;
  background: #797979;
  border-radius: 160px;
  z-index: -3;
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}

.gray4-hero {
  width: 320px;
  height: 320px;
  max-width: 100%;
  bottom: 0px;
  left: 0px;
  background: #9e9e9e;
  border-radius: 160px;
  z-index: -4;
  animation-direction: reverse;
}

.hero-text {
  padding: 0 7rem 0 0;
}
.hero-text h1.big {
  margin-bottom: 20px;
  font-size: 56px;
  line-height: 1.15;
}

.logos a {
  background: rgba(0, 0, 0, 0.05);
  font-weight: 600;
}

.item-card {
  margin-bottom: 60px;
}
.item-card a.text-black {
  border-bottom: 1px solid transparent;
}
.item-card .h6 {
  font-size: 1.12em;
  line-height: 1.23;
}
.item-card .screenshot {
  border-radius: 8px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-height: 308px;
  object-fit: cover;
  object-position: top;
  width: 100%;
}
.item-card .price del {
  text-decoration: none;
  opacity: 0.7;
  margin-right: 6px;
  position: relative;
  font-size: 15px;
}
.item-card .price del:before {
  content: " ";
  display: block;
  width: 100%;
  border-top: 1px solid #997d7d;
  height: 10px;
  position: absolute;
  bottom: 0;
  left: 0;
  transform: rotate(-13deg);
}
.item-card .overlay {
  bottom: 20px;
  right: 20px;
  opacity: 0;
  transition: linear 0.3s;
  border-radius: 0 0 8px 8px;
  overflow: hidden;
  text-align: center;
  width: 100%;
}
.item-card .overlay .button {
  background: var(--main-color);
  margin: 0 3px;
  color: #fff;
  border-radius: 50%;
  width: 45px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  transition: linear 0.1s;
  font-size: 1.1em;
}
.item-card .overlay .button:hover {
  background: var(--main-color-darker);
  transition: linear 0.1s;
}
.item-card .wrap-item-card-img:hover .overlay {
  z-index: 1;
  opacity: 1;
  transition: linear 0.2s;
  border-radius: 0 0 8px 8px;
}
.item-card .wrap-item-card-img:hover .screenshot {
  filter: brightness(90%);
  transition: linear 0.2s;
}

.item-card:hover a.text-black {
  color: var(--main-color);
}

del {
  text-decoration: none;
  opacity: 0.7;
  margin-right: 6px;
  position: relative;
  font-size: 0.9em;
}
del:before {
  content: " ";
  display: block;
  width: 100%;
  border-top: 1px solid rgba(197, 80, 80, 0.9);
  height: 10px;
  position: absolute;
  bottom: 0;
  left: 0;
  transform: rotate(-13deg);
}

.theme-border {
  background: #ffffff;
  border-radius: 20px;
  padding: 8px;
  border: 1px solid #635e56;
}

.item-cardtheme .wrap-body {
  margin-left: 25px;
  margin-bottom: 80px;
}
.item-cardtheme .browser-header-stack {
  position: absolute;
  background-color: white;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.item-cardtheme .browser-header-stack.bottom {
  width: 91%;
  top: -17px;
  left: 4%;
  height: 7px;
}
.item-cardtheme .browser-header-stack.top {
  width: 96%;
  top: -11px;
  left: 2%;
  height: 11px;
}
.item-cardtheme .browser-header {
  min-height: 18px;
  color: rgba(0, 0, 0, 0.84);
  line-height: 16px;
  padding-left: 6px;
  font-size: 20px;
  letter-spacing: 0.04em;
  overflow: hidden;
}
.item-cardtheme .theme-screenshot {
  position: relative;
  margin-left: 17.5px;
  margin-right: 17.5px;
}
.item-cardtheme .laptop-screen img {
  max-height: 400px;
  width: 100%;
  object-fit: cover;
  object-position: top;
  border-radius: 10px;
}
.item-cardtheme .screenshot-laptop {
  background: #ffffff;
  border-radius: 20px;
  padding: 8px 8px 8px 8px;
  border: 1px solid #635e56;
}
.item-cardtheme .screenshot-mobile {
  background: #fff;
  border-radius: 10px;
  bottom: -50px;
  display: inline-block;
  margin-left: -100px;
  padding: 5px 5px 40px;
  position: absolute;
  right: 50px;
  -webkit-box-shadow: 0 7px 50px 0 rgba(84, 110, 122, 0.15);
  -moz-box-shadow: 0 7px 50px 0 rgba(84, 110, 122, 0.15);
  box-shadow: 0 7px 50px 0 rgba(84, 110, 122, 0.15);
  border: 1px solid #635e56;
  width: 200px;
}
.item-cardtheme .screenshot-mobile img {
  max-width: 190px;
  max-height: 285px;
  width: 100%;
  object-fit: cover;
  object-position: top;
}
.item-cardtheme .screenshot-mobile:before {
  background: #E2e2e2;
  border-radius: 50%;
  bottom: 12px;
  content: "";
  display: block;
  height: 15px;
  left: 50%;
  margin-left: -5px;
  position: absolute;
  width: 15px;
}
.item-cardtheme .info-link {
  opacity: 0;
  z-index: 1022;
  font-weight: 400;
  font-size: 1.1em;
  background: var(--main-color);
  color: #fff;
  padding: 0px 8px;
  border-radius: 30px;
  transition: linear 0.2s;
}
.item-cardtheme .info-link:hover {
  transition: linear 0.2s;
}
.item-cardtheme .overlay {
  bottom: 35%;
  right: 0px;
  opacity: 0;
  transition: linear 0.2s;
  border-radius: 0 0 8px 8px;
  overflow: hidden;
  text-align: center;
  width: 100%;
}
.item-cardtheme .overlay .button {
  background: #fff;
  margin: 0 30px;
  color: var(--main-dark-text-color);
  border-radius: 30px;
  text-align: center;
  transition: linear 0.2s;
  padding: 8px 20px;
  max-width: 270px;
  display: block;
  text-align: center;
  border: 1px solid;
  font-weight: 500;
  font-size: 1.1em;
}
.item-cardtheme .overlay .button:hover {
  color: var(--main-color-darker);
  transition: linear 0.2s;
}
.item-cardtheme .overlay .buynow {
  max-width: 270px;
  margin: 0 30px;
  display: block;
  padding: 7px 20px 7px;
}
.item-cardtheme .screenshot-mobile, .item-cardtheme .screenshot-laptop {
  transition: linear 0.3s;
}
.item-cardtheme .theme-screenshot:hover .overlay {
  z-index: 1;
  opacity: 1;
  transition: linear 0.3s;
}
.item-cardtheme .theme-screenshot:hover .screenshot-mobile, .item-cardtheme .theme-screenshot:hover .screenshot-laptop {
  filter: brightness(70%);
  transition: linear 0.3s;
}
.item-cardtheme .theme-screenshot:hover .info-link {
  opacity: 1;
}

.item-cardtheme.minimal .theme-screenshot:hover .screenshot-mobile, .item-cardtheme.minimal .theme-screenshot:hover .screenshot-laptop {
  filter: none;
}

article > * {
  margin-bottom: 2rem;
}

article.blog > * + h1,
article.blog > * + h2,
article.blog > * + h3,
article.blog > * + h4,
article.blog > * + h5,
article.blog > * + h6 {
  margin-top: 3rem;
  margin-bottom: 1rem;
}

article.blog > h4 + h5, article.blog > h2 + h3 {
  margin-top: 2rem;
  margin-bottom: 1.5rem;
}

article.blog {
  font-weight: 400;
  font-size: 19px;
}
article.blog .button-small {
  min-width: 130px;
  display: inline-block;
  text-align: center;
  border-radius: 4px;
}
article.blog .button-small.github {
  min-width: auto;
}
article.blog .button-small.dark {
  border: 1px solid var(--main-dark-text-color);
  background-color: var(--main-dark-text-color);
  color: #fff;
}
article.blog img {
  display: block;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, #d1d5db 0px 0px 0px 1px inset;
  border-radius: 0.25rem;
}
article.blog b, article.blog strong {
  font-weight: 600;
}
article.blog p a {
  border-bottom: 1px solid;
}
article.blog pre, article.blog code {
  font-size: 14px;
}
article.blog pre {
  margin-top: 1rem;
  padding: 7px 8px;
  line-height: 1.4;
  font-family: monospace;
  border-radius: 3px;
}
article.blog .fw img {
  text-align: center;
  display: block;
  margin: 0px auto;
}

ul ::marker, ol ::marker {
  color: lightsalmon;
}

footer li {
  position: relative;
  display: inline-block;
}
footer a {
  color: inherit;
}

.pagination > li > a, .pagination > li > span {
  border-radius: 50% !important;
  margin: 0 10px;
  width: 50px;
  height: 50px;
  text-align: center;
  padding: 0;
  line-height: 50px;
  background: transparent;
}

.page-item.active .page-link {
  background-color: var(--main-color);
  border-color: var(--main-color);
}

.page-link {
  color: var(--main-color);
}

.masonry-container {
  columns: 3;
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
.masonry-container .masonry-item {
  display: inline-block;
  transition: all 0.25s ease-in-out;
  margin: 15px 14.33px 30px;
}
.masonry-container .masonry-item figcaption {
  text-align: left;
}
.masonry-container .masonry-item i.bi {
  background-color: #f3eae2;
  width: 30px;
  height: 30px;
  line-height: 27px;
  font-size: 21px;
  margin-right: 2px;
  color: salmon;
  text-align: center;
  display: inline-block;
  border-radius: 57% 43% 50% 50%/48% 54% 46% 52%;
}
.masonry-container .masonry-item img {
  border-radius: 5px;
  box-shadow: rgba(255, 255, 255, 0.2) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.9) 0px 0px 0px 1px;
  background: #fff;
}
.masonry-container .masonry-item:last-child {
  float: left;
}
.masonry-container.masonry6 {
  columns: 2;
  max-width: 1200px;
}
.masonry-container.masonry6 .masonry-item {
  margin: 15px 15.25px 30px;
}

@media only screen and (min-width: 768px) {
  .stickyshare {
    text-align: center;
    position: fixed;
    top: 30%;
    left: 15px;
    z-index: 3;
  }
  .stickyshare .rotate {
    display: flex;
    margin-top: 0;
    margin-bottom: 40px;
    margin-left: 0;
    margin-right: -17px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
  }
  .stickyshare .share-text {
    display: inline-block;
    margin-bottom: -3px;
    color: var(--main-text-color);
    font-size: 14px;
    border-bottom: 1px solid #333;
    font-family: Arial;
  }
  .stickyshare div {
    margin: 8px 5px;
    display: block;
  }
  .stickyshare i {
    font-size: 20px;
    cursor: pointer;
  }
  .stickyshare img {
    width: 18px;
    cursor: pointer;
  }
}
.chatbtn {
  position: fixed;
  font-size: 25px;
  z-index: 2147483003;
  bottom: 20px;
  right: 20px;
  width: 60px;
  height: 60px;
  line-height: 65px;
  text-align: center;
  border-radius: 50%;
  text-align: center;
  background: var(--main-text-color);
  cursor: pointer;
}

.buynow {
  background: #ffc439;
  transition: box-shadow 0.05s ease-in-out, opacity 0.05s ease-in-out;
  border: 1px solid transparent;
  font-size: 1.1em;
  font-weight: 600;
  padding: 9px 20px 9px;
  width: 100%;
  max-width: 400px;
  text-align: center;
  color: #111;
  border-radius: 60px;
  display: inline-block;
  transition: ease-in-out 0.4s;
}
.buynow img {
  height: 20px;
}
.buynow:hover {
  background: #ffb60b;
  color: #111;
  transition: ease-in-out 0.4s;
}

.stickybuy, .bf-ad {
  position: fixed;
  width: 100%;
  padding: 17px 0;
  background-color: #fffaf5;
  background-color: var(--bg);
  bottom: 0;
  left: 0;
  z-index: 1;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.07);
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%);
}

.stickybuy.active, .bf-ad.active {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.stickybuy .buynow {
  min-width: 190px;
  width: unset;
  margin-left: 5px;
  margin-right: 5px;
  padding: 8px 25px 8px;
  font-size: 1.07em;
  background: #ffc439;
}

.toc > .toc-list {
  overflow-y: auto;
  height: 100vh;
}

.toc > .toc-list::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #eee;
}

.toc > .toc-list::-webkit-scrollbar {
  width: 7px;
  background-color: #eee;
}

.toc > .toc-list::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border: 2px solid #ccc;
  border-radius: 10px;
}

.toc > .toc-list li {
  list-style: none;
  font-size: 15px;
  position: relative;
  padding-left: 20px;
}

.toc-list {
  margin: 0;
  padding-left: 20px;
}

a.toc-link {
  color: currentColor;
  height: 100%;
}

.is-collapsible {
  max-height: 1000px;
  overflow: hidden;
  transition: all 300ms ease-in-out;
}

.is-collapsed {
  max-height: 0;
}

.is-position-fixed {
  position: fixed !important;
  top: 0;
}

.is-active-link {
  font-weight: 700;
}

.toc-link::before {
  background-color: #eee;
  content: " ";
  display: inline-block;
  height: inherit;
  left: 0;
  margin-top: -1px;
  position: absolute;
  width: 2px;
}

.is-active-link::before {
  background-color: var(--main-color);
}

.sticky-top {
  top: 100px;
}

@media screen and (max-width: 1199px) {
  .hero-text {
    padding: 0;
  }

  .navbar-light .navbar-nav .nav-link {
    padding: 5px 10px;
  }

  .masonry-container {
    columns: 2;
  }

  .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 90%;
  }

  .hero-text h1.big {
    font-size: 40px;
  }

  body {
    padding-top: 126px;
  }

  .spacer {
    padding-top: 60px;
  }

  .navbar .button-small-outline {
    margin: 20px 0;
    display: block;
  }

  .navbar-collapse {
    background-color: #fffaf5;
    background-color: var(--bg);
  }

  .navbar {
    background-color: #fffaf5;
    background-color: var(--bg);
  }

  h1 {
    font-size: 4vmax;
  }
}
@media screen and (max-width: 999px) {
  .masonry-container.masonry6, .masonry-container.masonry4 {
    columns: 1;
  }

  #formbutton-container {
    display: none;
  }

  .toc > .toc-list li {
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .item-cardtheme .theme-screenshot:hover .screenshot-mobile, .item-cardtheme .theme-screenshot:hover .screenshot-laptop {
    filter: none;
  }
}
@media screen and (max-width: 767px) {
  .masonry-container {
    columns: 1;
  }

  .navbar-nav {
    padding-top: 1rem;
  }
}
@media screen and (max-width: 280px) {
  .navbar-toggler {
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 1920px) {
  .navbar .container {
    max-width: 1890px;
  }
}/*# sourceMappingURL=style77771468.css.map */