/*x-browser radial gradients*/
/*Colours*/
/*Sort out fonts on retina*/
html {
  -webkit-font-smoothing: antialiased; }

@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-device-pixel-ratio: 1.25), only screen and (min-resolution: 200dpi), only screen and (min-resolution: 1.25dppx) {
  -webkit-font-smoothing: subpixel-antialiased; }
/*Sticky footer*/
html, body {
  height: 100% !important; }

#wrap {
  min-height: 100%; }

#main {
  overflow: auto;
  padding-bottom: 85px; }

/* must be same height as the footer */
#footer {
  position: relative;
  margin-top: -65px;
  /* negative value of footer height */
  height: 65px;
  clear: both; }
  #footer .sk-footer-row {
    padding-bottom: 0 !important; }

/*Opera Fix for sticky footer*/
body:before {
  content: "";
  height: 100%;
  float: left;
  width: 0;
  margin-top: -32767px; }

/*Pulse ring and animation*/
.pulse-ring {
  border: 3px solid #27af77;
  border-radius: 30px;
  height: 25px;
  width: 25px;
  position: absolute;
  animation: pulsate 2s ease-out;
  animation-iteration-count: infinite;
  opacity: 0.0;
  cursor: pointer; }

@-webkit-keyframes pulsate {
  0% {
    transform: scale(0.1, 0.1);
    opacity: 0.0; }

  50% {
    opacity: 1.0; }

  100% {
    transform: scale(1.2, 1.2);
    opacity: 0.0; } }

.hidden {
  display: none !important; }

.pull-right {
  float: right; }

.margin-left {
  margin-left: 1em; }

.left-aligned {
  text-align: left; }

.padded-top {
  padding-top: 1em; }

.double-padded-top {
  padding-top: 2em; }

/*Element styles start here*/
.sk-header-logo-text {
  cursor: pointer;
  margin-top: 0.01em !important; }
  .sk-header-logo-text img {
    margin-top: 0 !important; }
  .sk-header-logo-text div {
    color: #27af77;
    font-size: 1.6em !important;
    font-weight: 300;
    display: inline-block; }

.sk-page-caption {
  text-align: center;
  padding-top: 1em; }

@media screen and (max-width: 768px) {
  .sk-header-links {
    font-size: smaller; } }
.sk-header-links a:hover {
  color: #27af77 !important; }

.sk-hero-section {
  background-image: radial-gradient(rgba(39, 175, 119, 0.2), rgba(39, 175, 119, 0.1));
  height: 466px;
  color: darkslategray;
  font-weight: 500 !important; }
  .sk-hero-section .main-caption {
    font-size: 2em;
    text-align: center;
    margin-bottom: 1em; }
  .sk-hero-section .long {
    padding-top: 1em;
    padding-bottom: 1em;
    font-size: 1.1em; }
  .sk-hero-section .download-section {
    text-align: center; }
    @media screen and (max-width: 768px) {
      .sk-hero-section .download-section {
        padding-top: 1rem !important; } }
    @media screen and (min-width: 769px) {
      .sk-hero-section .download-section {
        padding-top: 2rem !important; } }
    .sk-hero-section .download-section a {
      width: 100%; }
    .sk-hero-section .download-section .ui.huge.green.button {
      font-size: small; }
      .sk-hero-section .download-section .ui.huge.green.button .description {
        margin-top: 2em;
        font-size: small;
        color: rgba(255, 255, 255, 0.75); }
    .sk-hero-section .download-section .footnote {
      margin-top: 1em;
      text-align: center;
      margin-bottom: 1em; }
  .sk-hero-section img {
    position: absolute;
    top: -15px;
    height: 500px;
    z-index: 11; }

.sk-section.contrast {
  background-color: rgba(211, 211, 211, 0.5); }

.sk-main-header {
  text-align: center;
  margin-top: 1em !important;
  margin-bottom: 0.5em !important;
  font-weight: 400; }

.sk-main-header.topmost {
  margin-top: 2em !important; }

.sk-bottom-row {
  height: 1em; }

.what-section {
  padding-top: 2em; }

.how-section {
  padding-top: 5em; }

.sk-languages-section {
  text-align: center; }
  .sk-languages-section span:last-of-type {
    padding: 0; }
  .sk-languages-section span {
    margin-right: 1em; }

.huge.terminal.icon {
  color: #27af77 !important; }

.sk-feature-tour img {
  width: 100%; }
.sk-feature-tour .feature-files {
  height: 462px;
  width: 228px; }
.sk-feature-tour .feature-header {
  height: 180px; }
.sk-feature-tour .feature-issue {
  height: 277px; }
.sk-feature-tour .file-pulse {
  left: 95px;
  top: 137px; }
.sk-feature-tour .header-pulse {
  left: 366px;
  top: 42px; }
.sk-feature-tour .issue-pulse {
  left: 95px;
  top: 375px; }

.sk-footer-mobile {
  width: 100%;
  text-align: center; }

.downloadDescription {
  margin-top: 1em; }

.downloadLatestVersion {
  color: #27af77; }

.terminal {
  border-radius: 4px;
  margin: auto; }

.toolbar {
  background-color: #CBCBCB;
  width: auto;
  height: 23px;
  border-radius: 4px 4px 0 0; }

.btn {
  width: 10px;
  height: 10px;
  border-radius: 7px;
  float: left;
  margin: 6px 5px 1px 0;
  border: 1px solid rgba(0, 0, 0, 0.1); }

.btn:first-of-type {
  margin-left: 10px; }

.close {
  background-color: #E06752; }

.min {
  background-color: #ecc343; }

.max {
  background-color: #57d08d; }

.viewport {
  background-color: #002b36;
  font-family: 'Monaco', 'Courier New', monospaced;
  font-weight: 500;
  font-size: 14px;
  color: lightgrey;
  width: auto;
  height: 100%;
  padding: 5px;
  border-top: 1px solid #CBCBCB;
  border-radius: 0 0 4px 5px; }
  .viewport .prompt {
    color: lightgrey; }
  .viewport .header {
    color: #d33682; }
  .viewport .good {
    color: limegreen; }
  .viewport .info {
    color: #2aa198; }
  .viewport .bad {
    color: #b58900; }
  .viewport .faded {
    color: rgba(211, 211, 211, 0.6); }

.badge-section {
  padding-top: 3em; }
  .badge-section img {
    margin-bottom: 1em; }

.thumb {
  height: 100%;
  width: 100%; }

div.code {
  font-family: Monaco, 'Courier New', monospace;
  font-size: 14px;
  background-color: #002b36;
  color: lightgray;
  border: 1px solid transparent;
  border-radius: 4px;
  padding: 2px;
  display: inline; }

div.codeblock {
  font-family: Monaco, 'Courier New', monospace;
  font-size: 14px;
  background-color: #002b36;
  color: lightgray;
  border: 1px solid transparent;
  border-radius: 4px;
  padding: 2px;
  line-height: 1.5em; }

.codeish {
  font-size: 14px;
  font-family: Monaco, 'Courier New', monospace;
  color: #2aa198;
  padding: 2px;
  display: inline; }

.ui.relaxed.list .item a {
  color: #00aced !important; }

.ui.large.list .item a {
  color: #00aced !important; }

.pr-icon {
  width: 28px;
  margin-right: 20px !important; }

.install-list {
  margin-top: 2em; }
  .install-list .circular.label {
    margin-right: 1em !important;
    position: relative;
    top: -2px; }
  .install-list .item {
    margin-bottom: 1em; }

.page-main-caption {
  font-weight: 100;
  color: cadetblue; }

.sk-main-buttons {
  position: relative;
  top: -2.3em;
  left: 27em;
  margin: 1em !important;
  background-color: #cee6e6; }
  @media screen and (max-width: 768px) {
    .sk-main-buttons {
      left: 5em; } }
  @media screen and (min-width: 769px) {
    .sk-main-buttons {
      left: 27em; } }

.sk-main-buttons.active {
  background-color: #859b9b; }

.sk-divider-header {
  padding-bottom: 0.1em !important; }

.min-list-width {
  display: inline-block;
  width: 8em; }

.left-explanation {
  text-align: left;
  margin-left: 12em !important; }

.top-section {
  margin-top: 2em !important; }

.tsLogo {
  background: #294E80; }
  .tsLogo img {
    padding: 0.4em; }

.green {
  color: #27af77; }