/* Grids generated by Gridset: https://gridsetapp.com */
@media only screen and (min-width: 990px) {
  /* Desktop grid: 3 column / gutter: 0% ---------------------------------------- */
  [class*=" d1"][class*=" d1"], [class^=d1][class^=d1], [class*=" d2"][class*=" d2"], [class^=d2][class^=d2], [class*=" d3"][class*=" d3"], [class^=d3][class^=d3], .d-all {
    display: block;
    float: left;
    clear: none;
    margin-right: -100%;
  }
  /* Desktop grid spans ----- */
  .d-all.d-all, .d-all.d-all .d-all.d-all {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    clear: left;
  }
  .d1, .d-all .d1, .d1.d1, .d3, .d-all .d3, .d3.d3 {
    width: 10%;
  }
  .d1-d2 .d1, .d2-d3 .d3 {
    width: 17.64705882%;
  }
  .d2, .d-all .d2, .d2.d2 {
    width: 80%;
  }
  .d1-d2 .d2, .d2-d3 .d2 {
    width: 82.35294118%;
  }
  .d1-d2.d1-d2, .d-all .d1-d2, .d2-d3.d2-d3, .d-all .d2-d3 {
    width: 85%;
  }
  /* Desktop grid padding ----- */
  .d-all [class*=" d-pad"], .d-all [class^=d-pad], [class*=" d-pad"], [class^=d-pad], .d-all [class~=d-padfull], .d-all [class~=d-padinfull], [class~=d-padfull], [class~=d-padinfull], .d1-d2 [class*=" d-pad"], .d1-d2 [class^=d-pad], .d1-d2 [class~=d-padfull], .d1-d2 [class~=d-padinfull], .d2-d3 [class*=" d-pad"], .d2-d3 [class^=d-pad], .d2-d3 [class~=d-padfull], .d2-d3 [class~=d-padinfull] {
    padding-left: 0%;
    padding-right: 0%;
    left: 0%;
  }
  .d-pad, .d-padfull, .d-all .d-pad, .d-all .d-padfull {
    position: relative;
    box-sizing: content-box;
  }
  .d-padin[class~=d-padin], .d-padinfull[class~=d-padinfull], .d-all .d-padin[class~=d-padin], .d-all .d-padinfull[class~=d-padinfull] {
    box-sizing: border-box;
    left: 0;
  }
  /* Desktop grid relationships ----- */
  [class*=" d3"][class*=" d3"], [class^=d3][class^=d3], .d-all [class*=" d3"], .d-all [class^=d3] {
    margin-left: 85%;
  }
  [class*=" d2"][class*=" d2"], [class^=d2][class^=d2], .d-all [class*=" d2"], .d-all [class^=d2] {
    margin-left: 10%;
  }
  .d2-d3 [class*=" d3"], .d2-d3 [class^=d3] {
    margin-left: 82.35294118%;
  }
  .d1-d2 [class*=" d2"], .d1-d2 [class^=d2] {
    margin-left: 17.64705882%;
  }
  /* Desktop grid floats ----- */
  [class*=" d-float"][class*=" d-float"], [class^=d-float][class^=d-float], .d1-d2 [class*=" d-float"][class*=" d-float"], .d1-d2 [class^=d-float][class^=d-float], .d2-d3 [class*=" d-float"][class*=" d-float"], .d2-d3 [class^=d-float][class^=d-float] {
    margin-left: 0%;
    margin-right: 0%;
  }
  .d-floatright.d-floatright {
    float: right;
    margin-right: 0 !important;
  }
  .d-floatleft.d-floatleft {
    float: left;
    margin-left: 0 !important;
  }
  .d-all + [class*=" d2"], .d-all + [class^=d2] {
    clear: left;
  }
  .d-all + [class*=" d3"], .d-all + [class^=d3] {
    clear: left;
  }
  /* Desktop clearing ----- */
  .d-all, [class*=" d1-"][class*=" d1-"], [class^=d1-][class^=d1-], .d1.d1, [class*=" d2"] [class*=d2], [class^=d2] [class*=d2], [class*=" d3"] [class*=d3], [class^=d3] [class*=d3] {
    margin-left: 0;
    clear: left;
  }
  [class*=" d2"] + [class*=d2], [class^=d2] + [class*=d2], [class*=-d2] + [class*=d2], [class*=" d3"] + [class*=d3], [class^=d3] + [class*=d3], [class*=-d3] + [class*=d3], [class*=" d3"] + [class*=d2], [class^=d3] + [class*=d2], [class*=-d3] + [class*=d2], .d-clear.d-clear {
    clear: left;
  }
  .d-overlap.d-overlap {
    clear: none;
  }
  /* Desktop hiding ----- */
  .d-hide.d-hide, .gridoverlay .d-hide.d-hide {
    display: none;
  }
  .d-show.d-show, .gridoverlay .d-show.d-show {
    display: block;
  }
  .d-showgrid .d-show, .d-showgrid.d-show, .gridsetnoareas .d-show {
    display: block !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 990px) {
  /* Tablet grid: 3 column / gutter: 0% ---------------------------------------- */
  [class*=" t1"][class*=" t1"], [class^=t1][class^=t1], [class*=" t2"][class*=" t2"], [class^=t2][class^=t2], [class*=" t3"][class*=" t3"], [class^=t3][class^=t3], .t-all {
    display: block;
    float: left;
    clear: none;
    margin-right: -100%;
  }
  /* Tablet grid spans ----- */
  .t-all.t-all, .t-all.t-all .t-all.t-all {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    clear: left;
  }
  .t1, .t-all .t1, .t1.t1, .t3, .t-all .t3, .t3.t3 {
    width: 10%;
  }
  .t1-t2 .t1, .t2-t3 .t3 {
    width: 11.11111111%;
  }
  .t2, .t-all .t2, .t2.t2 {
    width: 80%;
  }
  .t1-t2 .t2, .t2-t3 .t2 {
    width: 88.88888889%;
  }
  .t1-t2.t1-t2, .t-all .t1-t2, .t2-t3.t2-t3, .t-all .t2-t3 {
    width: 90%;
  }
  /* Tablet grid padding ----- */
  .t-all [class*=" t-pad"], .t-all [class^=t-pad], [class*=" t-pad"], [class^=t-pad], .t-all [class~=t-padfull], .t-all [class~=t-padinfull], [class~=t-padfull], [class~=t-padinfull], .t1-t2 [class*=" t-pad"], .t1-t2 [class^=t-pad], .t1-t2 [class~=t-padfull], .t1-t2 [class~=t-padinfull], .t2-t3 [class*=" t-pad"], .t2-t3 [class^=t-pad], .t2-t3 [class~=t-padfull], .t2-t3 [class~=t-padinfull] {
    padding-left: 0%;
    padding-right: 0%;
    left: 0%;
  }
  .t-pad, .t-padfull, .t-all .t-pad, .t-all .t-padfull {
    position: relative;
    box-sizing: content-box;
  }
  .t-padin[class~=t-padin], .t-padinfull[class~=t-padinfull], .t-all .t-padin[class~=t-padin], .t-all .t-padinfull[class~=t-padinfull] {
    box-sizing: border-box;
    left: 0;
  }
  /* Tablet grid relationships ----- */
  [class*=" t3"][class*=" t3"], [class^=t3][class^=t3], .t-all [class*=" t3"], .t-all [class^=t3] {
    margin-left: 90%;
  }
  [class*=" t2"][class*=" t2"], [class^=t2][class^=t2], .t-all [class*=" t2"], .t-all [class^=t2] {
    margin-left: 10%;
  }
  .t2-t3 [class*=" t3"], .t2-t3 [class^=t3] {
    margin-left: 88.88888889%;
  }
  .t1-t2 [class*=" t2"], .t1-t2 [class^=t2] {
    margin-left: 11.11111111%;
  }
  /* Tablet grid floats ----- */
  [class*=" t-float"][class*=" t-float"], [class^=t-float][class^=t-float], .t1-t2 [class*=" t-float"][class*=" t-float"], .t1-t2 [class^=t-float][class^=t-float], .t2-t3 [class*=" t-float"][class*=" t-float"], .t2-t3 [class^=t-float][class^=t-float] {
    margin-left: 0%;
    margin-right: 0%;
  }
  .t-floatright.t-floatright {
    float: right;
    margin-right: 0 !important;
  }
  .t-floatleft.t-floatleft {
    float: left;
    margin-left: 0 !important;
  }
  /* Tablet constraints ----- */
  .t2 {
    max-width: 1024px !important;
  }
  .t-all + [class*=" t2"], .t-all + [class^=t2] {
    clear: left;
  }
  .t-all + [class*=" t3"], .t-all + [class^=t3] {
    clear: left;
  }
  /* Tablet clearing ----- */
  .t-all, [class*=" t1-"][class*=" t1-"], [class^=t1-][class^=t1-], .t1.t1, [class*=" t2"] [class*=t2], [class^=t2] [class*=t2], [class*=" t3"] [class*=t3], [class^=t3] [class*=t3] {
    margin-left: 0;
    clear: left;
  }
  [class*=" t2"] + [class*=t2], [class^=t2] + [class*=t2], [class*=-t2] + [class*=t2], [class*=" t3"] + [class*=t3], [class^=t3] + [class*=t3], [class*=-t3] + [class*=t3], [class*=" t3"] + [class*=t2], [class^=t3] + [class*=t2], [class*=-t3] + [class*=t2], .t-clear.t-clear {
    clear: left;
  }
  .t-overlap.t-overlap {
    clear: none;
  }
  /* Tablet hiding ----- */
  .t-hide.t-hide, .gridoverlay .t-hide.t-hide {
    display: none;
  }
  .t-show.t-show, .gridoverlay .t-show.t-show {
    display: block;
  }
  .t-showgrid .t-show, .t-showgrid.t-show, .gridsetnoareas .t-show {
    display: block !important;
  }
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
  /* Tablet portrait grid: 3 column / gutter: 0% ---------------------------------------- */
  [class*=" tp1"][class*=" tp1"], [class^=tp1][class^=tp1], [class*=" tp2"][class*=" tp2"], [class^=tp2][class^=tp2], [class*=" tp3"][class*=" tp3"], [class^=tp3][class^=tp3], .tp-all {
    display: block;
    float: left;
    clear: none;
    margin-right: -100%;
  }
  /* Tablet portrait grid spans ----- */
  .tp-all.tp-all, .tp-all.tp-all .tp-all.tp-all {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    clear: left;
  }
  .tp1, .tp-all .tp1, .tp1.tp1, .tp3, .tp-all .tp3, .tp3.tp3 {
    width: 5%;
  }
  .tp1-tp2 .tp1, .tp2-tp3 .tp3 {
    width: 5.26315789%;
  }
  .tp2, .tp-all .tp2, .tp2.tp2 {
    width: 90%;
  }
  .tp1-tp2 .tp2, .tp2-tp3 .tp2 {
    width: 94.73684211%;
  }
  .tp1-tp2.tp1-tp2, .tp-all .tp1-tp2, .tp2-tp3.tp2-tp3, .tp-all .tp2-tp3 {
    width: 95%;
  }
  /* Tablet portrait grid padding ----- */
  .tp-all [class*=" tp-pad"], .tp-all [class^=tp-pad], [class*=" tp-pad"], [class^=tp-pad], .tp-all [class~=tp-padfull], .tp-all [class~=tp-padinfull], [class~=tp-padfull], [class~=tp-padinfull], .tp1-tp2 [class*=" tp-pad"], .tp1-tp2 [class^=tp-pad], .tp1-tp2 [class~=tp-padfull], .tp1-tp2 [class~=tp-padinfull], .tp2-tp3 [class*=" tp-pad"], .tp2-tp3 [class^=tp-pad], .tp2-tp3 [class~=tp-padfull], .tp2-tp3 [class~=tp-padinfull] {
    padding-left: 0%;
    padding-right: 0%;
    left: 0%;
  }
  .tp-pad, .tp-padfull, .tp-all .tp-pad, .tp-all .tp-padfull {
    position: relative;
    box-sizing: content-box;
  }
  .tp-padin[class~=tp-padin], .tp-padinfull[class~=tp-padinfull], .tp-all .tp-padin[class~=tp-padin], .tp-all .tp-padinfull[class~=tp-padinfull] {
    box-sizing: border-box;
    left: 0;
  }
  /* Tablet portrait grid relationships ----- */
  [class*=" tp3"][class*=" tp3"], [class^=tp3][class^=tp3], .tp-all [class*=" tp3"], .tp-all [class^=tp3] {
    margin-left: 95%;
  }
  [class*=" tp2"][class*=" tp2"], [class^=tp2][class^=tp2], .tp-all [class*=" tp2"], .tp-all [class^=tp2] {
    margin-left: 5%;
  }
  .tp2-tp3 [class*=" tp3"], .tp2-tp3 [class^=tp3] {
    margin-left: 94.73684211%;
  }
  .tp1-tp2 [class*=" tp2"], .tp1-tp2 [class^=tp2] {
    margin-left: 5.26315789%;
  }
  /* Tablet portrait grid floats ----- */
  [class*=" tp-float"][class*=" tp-float"], [class^=tp-float][class^=tp-float], .tp1-tp2 [class*=" tp-float"][class*=" tp-float"], .tp1-tp2 [class^=tp-float][class^=tp-float], .tp2-tp3 [class*=" tp-float"][class*=" tp-float"], .tp2-tp3 [class^=tp-float][class^=tp-float] {
    margin-left: 0%;
    margin-right: 0%;
  }
  .tp-floatright.tp-floatright {
    float: right;
    margin-right: 0 !important;
  }
  .tp-floatleft.tp-floatleft {
    float: left;
    margin-left: 0 !important;
  }
  /* Tablet portrait constraints ----- */
  .tp2 {
    max-width: 1024px !important;
  }
  .tp-all + [class*=" tp2"], .tp-all + [class^=tp2] {
    clear: left;
  }
  .tp-all + [class*=" tp3"], .tp-all + [class^=tp3] {
    clear: left;
  }
  /* Tablet portrait clearing ----- */
  .tp-all, [class*=" tp1-"][class*=" tp1-"], [class^=tp1-][class^=tp1-], .tp1.tp1, [class*=" tp2"] [class*=tp2], [class^=tp2] [class*=tp2], [class*=" tp3"] [class*=tp3], [class^=tp3] [class*=tp3] {
    margin-left: 0;
    clear: left;
  }
  [class*=" tp2"] + [class*=tp2], [class^=tp2] + [class*=tp2], [class*=-tp2] + [class*=tp2], [class*=" tp3"] + [class*=tp3], [class^=tp3] + [class*=tp3], [class*=-tp3] + [class*=tp3], [class*=" tp3"] + [class*=tp2], [class^=tp3] + [class*=tp2], [class*=-tp3] + [class*=tp2], .tp-clear.tp-clear {
    clear: left;
  }
  .tp-overlap.tp-overlap {
    clear: none;
  }
  /* Tablet portrait hiding ----- */
  .tp-hide.tp-hide, .gridoverlay .tp-hide.tp-hide {
    display: none;
  }
  .tp-show.tp-show, .gridoverlay .tp-show.tp-show {
    display: block;
  }
  .tp-showgrid .tp-show, .tp-showgrid.tp-show, .gridsetnoareas .tp-show {
    display: block !important;
  }
}
@media only screen and (max-width: 320px) {
  /* Mobile grid: 1 column / gutter: 0% ---------------------------------------- */
  [class*=" m1"][class*=" m1"], [class^=m1][class^=m1], .m-all {
    display: block;
    float: left;
    clear: none;
    width: 100%;
    margin-right: -100%;
  }
  /* Mobile grid spans ----- */
  .m-all.m-all, .m-all.m-all .m-all.m-all {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    clear: left;
  }
  /* Mobile grid padding ----- */
  .m-pad, .m-padfull, .m-all .m-pad, .m-all .m-padfull {
    position: relative;
    box-sizing: content-box;
  }
  .m-padin[class~=m-padin], .m-padinfull[class~=m-padinfull], .m-all .m-padin[class~=m-padin], .m-all .m-padinfull[class~=m-padinfull] {
    box-sizing: border-box;
    left: 0;
  }
  /* Mobile grid relationships ----- */
  /* Mobile grid floats ----- */
  .m-floatright.m-floatright {
    float: right;
    margin-right: 0 !important;
  }
  .m-floatleft.m-floatleft {
    float: left;
    margin-left: 0 !important;
  }
  /* Mobile clearing ----- */
  .m-all, [class*=" m1-"][class*=" m1-"], [class^=m1-][class^=m1-], .m1.m1 {
    margin-left: 0;
    clear: left;
  }
  .m-clear.m-clear {
    clear: left;
  }
  .m-overlap.m-overlap {
    clear: none;
  }
  /* Mobile hiding ----- */
  .m-hide.m-hide, .gridoverlay .m-hide.m-hide {
    display: none;
  }
  .m-show.m-show, .gridoverlay .m-show.m-show {
    display: block;
  }
  .m-showgrid .m-show, .m-showgrid.m-show, .gridsetnoareas .m-show {
    display: block !important;
  }
}
#gridscreenwidthwrap {
  display: block !important;
}

button,
.btn {
  border-radius: 3px;
  transition: all 0.1s;
  background-color: #00aaff;
  border: 1px solid #00aaff;
  color: #fff;
  display: inline-block;
  font-size: 1.4rem;
  margin-left: 5px;
  padding: 1rem 3rem;
  position: relative;
  width: auto;
  text-decoration: none;
}
button:hover, button:focus,
.btn:hover,
.btn:focus {
  transition: all 0.5s;
  background-color: #fff;
  color: #00aaff;
}
button.active,
.btn.active {
  background-color: #fff;
  color: #00aaff;
  border-color: #fff;
}
button.btn-lg,
.btn.btn-lg {
  padding: 1rem 3rem;
  font-size: 1.8rem;
}

.btn-secondary {
  background-color: #999;
  border-color: #ddd;
  color: #777;
}
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary.active {
  transition: all 0.5s;
  background-color: #fff;
  border-color: #ddd;
  color: #777;
}

@media (max-width: 425px) {
  button,
  .btn {
    font-weight: 400;
  }
}
html {
  height: 100%;
  font-size: 10px;
}

body {
  background-color: #222;
  color: #999;
  font-family: "Heebo", sans-serif;
  font-size: 100%;
  font-weight: 300;
  text-align: center;
}

p {
  line-height: 1.5;
  color: #999;
  font-size: 1.8rem;
}

strong {
  font-weight: 700;
}

a {
  color: #28d14c;
}
a:hover, a:focus {
  color: rgb(27.7108433735, 144.7891566265, 52.6506024096);
  text-decoration: none;
}

.content {
  padding: 3em 3em;
  margin: 1em auto 3em;
  max-width: 1100px;
}

.content-header-intro {
  margin-bottom: 6rem;
}

.content-header-intro-title {
  color: #98aab3;
  font-size: 8rem;
  font-family: "Lato", sans-serif;
  font-weight: 300;
  margin: 3rem 0;
  letter-spacing: -3px;
}
.content-header-intro-title .r {
  color: #f66;
}
.content-header-intro-title .y {
  color: #fc6;
}
.content-header-intro-title .g {
  color: #28D14C;
}

.content-header-intro-description {
  color: #eee;
  font-size: 3.2rem;
  font-weight: 100;
  margin: 1rem 0 5rem;
}

.desc-part-1 {
  padding-right: 5px;
}

.content-header-kut .btn {
  font-size: 2rem;
  padding: 1.5rem 5rem;
  height: auto;
  font-weight: 300;
  text-decoration: none;
  margin-left: 0;
  margin-bottom: 5rem;
}

.content-transition {
  display: block;
  margin-top: 8rem;
  text-align: center;
}

.content-transition-rule {
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
  height: 5px;
  opacity: 0.25;
  margin-bottom: 5.5rem;
}

.content-transition-icon {
  border: 1px solid rgba(153, 153, 153, 0.25);
  width: 3.4rem;
  height: 3.4rem;
  border-radius: 50%;
  margin: 0 auto;
  position: relative;
  top: -76px;
  background-color: #222;
}
.content-transition-icon img {
  width: 2.3rem;
  position: relative;
  top: 10px;
  left: 0.5px;
}

.content-transition-heading {
  font-size: 3.2rem;
  font-weight: 100;
  color: #eee;
}

.content-body {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  padding: 5rem 0 3rem;
  position: relative;
}

.content-body-rule {
  border-top: 1px solid #333;
  display: block;
  height: 1px;
  width: 100%;
  position: absolute;
}

.content-body-feature {
  padding: 24px;
  -ms-flex: 1;
      flex: 1;
}
.content-body-feature h2 {
  font-size: 2.8rem;
  font-weight: 100;
  color: #eee;
  margin-top: 0;
  margin-bottom: 1rem;
}
.content-body-feature p {
  font-size: 1.6rem;
  font-weight: 300;
}

.content-body-feature-icon {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  margin: 0 auto 32px;
  position: relative;
  background-color: #eee;
}
.content-body-feature-icon img {
  position: relative;
}
.content-body-feature-icon.icon-anonymous {
  background-color: #28d14c;
}
.content-body-feature-icon.icon-anonymous img {
  top: 28px;
}
.content-body-feature-icon.icon-fast {
  background-color: #fc6;
}
.content-body-feature-icon.icon-fast img {
  top: 22px;
}
.content-body-feature-icon.icon-focused {
  background-color: #f66;
}
.content-body-feature-icon.icon-focused img {
  top: 29px;
}

.content-footer-kut .btn {
  font-size: 2rem;
  padding: 1.5rem 5rem;
  height: auto;
  text-decoration: none;
  margin-left: 0;
}

.content-copyright {
  padding: 3rem 3rem 2rem;
}
.content-copyright p {
  font-size: 1.6rem;
  margin-top: 4rem;
}

@media (max-width: 1400px) {
  .d2.d2 {
    margin-left: 5%;
    width: 90%;
  }
}
@media (max-width: 1040px) {
  .content-body-feature-icon img {
    transform: scale(0.9);
  }
}
@media (max-width: 960px) {
  .d2.d2 {
    margin-left: 0%;
    width: 100%;
  }
  .content {
    margin-top: 2rem;
    margin-bottom: 2rem;
    padding: 3em 2em;
  }
  .content-body-feature h2 {
    font-size: 2.4rem;
  }
  .content-body-feature p {
    font-size: 1.4rem;
  }
  .content-header-intro-description {
    padding: 0 3rem;
  }
  .desc-part-1 {
    display: block;
    width: 100%;
    font-size: 3rem;
  }
}
@media (max-width: 680px) {
  .content-body-rule {
    display: none;
  }
  .content-body {
    -ms-flex-flow: column;
        flex-flow: column;
  }
  .content-body-feature {
    margin-bottom: 50px;
  }
  .content-body-feature h2 {
    font-size: 2.8rem;
  }
  .content-body-feature p {
    font-size: 1.8rem;
  }
  .content-body-feature-icon img {
    transform: scale(1);
  }
  .content-header-kut .btn {
    display: inline-block;
  }
}
@media (max-width: 480px) {
  .content {
    padding: 2rem 1rem;
  }
  .content-header-intro-title {
    font-size: 6rem;
    margin-bottom: 2rem;
  }
  .content-header-intro-description {
    font-size: 2rem;
    margin-bottom: 4rem;
  }
  .content-footer-getstarted {
    font-size: 1.6rem;
  }
  .desc-part-1 {
    font-size: 2.4rem;
  }
  .content-transition-heading {
    margin-bottom: 0;
    font-size: 2.4rem;
  }
}
@media (max-width: 320px) {
  .content {
    margin: 0;
  }
  .desc-part-1 {
    font-size: 2rem;
  }
}