.animated, .home .Header, .social_header { -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 0.5s; -moz-animation-duration: 0.5s; -ms-animation-duration: 0.5s; -o-animation-duration: 0.5s; animation-duration: 0.5s; }

@-webkit-keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }

@-moz-keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }

@-o-keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }

@keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }

.fadeIn { -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -o-animation-name: fadeIn; animation-name: fadeIn; }

@-webkit-keyframes fadeUp { 0% { opacity: 0;
    transform: translateY(10px); }
  100% { opacity: 1;
    transform: translateY(0); } }

@-moz-keyframes fadeUp { 0% { opacity: 0;
    transform: translateY(10px); }
  100% { opacity: 1;
    transform: translateY(0); } }

@-o-keyframes fadeUp { 0% { opacity: 0;
    transform: translateY(10px); }
  100% { opacity: 1;
    transform: translateY(0); } }

@keyframes fadeUp { 0% { opacity: 0;
    transform: translateY(10px); }
  100% { opacity: 1;
    transform: translateY(0); } }

.fadeUp { -webkit-animation-name: fadeUp; -moz-animation-name: fadeUp; -o-animation-name: fadeUp; animation-name: fadeUp; }

@-webkit-keyframes fadeDown { 0% { opacity: 0;
    transform: translateY(-10px); }
  100% { opacity: 1;
    transform: translateY(0); } }

@-moz-keyframes fadeDown { 0% { opacity: 0;
    transform: translateY(-10px); }
  100% { opacity: 1;
    transform: translateY(0); } }

@-o-keyframes fadeDown { 0% { opacity: 0;
    transform: translateY(-10px); }
  100% { opacity: 1;
    transform: translateY(0); } }

@keyframes fadeDown { 0% { opacity: 0;
    transform: translateY(-10px); }
  100% { opacity: 1;
    transform: translateY(0); } }

.fadeDown, .home .Header, .social_header { -webkit-animation-name: fadeDown; -moz-animation-name: fadeDown; -o-animation-name: fadeDown; animation-name: fadeDown; }

body { background: #fff; color: #666666; margin: 0; padding: 0; line-height: 1.5; font-size: 16px; }

body, input, select, textarea, button { font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-weight: 300; }

.container { max-width: 1040px; margin: 0 auto; padding: 0 20px; overflow: hidden; }

a { color: #7E96B3; text-decoration: none; border-bottom: 1px solid; border-color: #CCD6E4; padding-bottom: 1px; transition: border-color 0.2s, color 0.2s; }

a:hover { border-color: #31A3DD; color: #31A3DD; }

h2 { font-size: 36px; color: #31A3DD; font-weight: 300; font-family: 'Raleway'; }

code { font-family: monospace; color: #6EAF8B; background: #F9FCFA; }

strong { font-weight: bold; }

.lead { font-size: 120%; }

.Button { text-transform: uppercase; font-size: 14px; font-weight: normal; border: 2px solid #CCD6E4; border-radius: 6px; padding: 15px 30px; display: inline-block; line-height: 1em; }

.fixed { position: fixed; top: 0px; z-index: 1; height: 65px; width: 100%; background: #FFFFFF; opacity: 0.98; border-bottom: 2px solid #EDF0F2; }

.offset:before { display: block; content: " "; height: 65px; /* height of fixed element */ margin-top: -65px; /* negative margin of fixed element */ visibility: hidden; }

@media (max-width: 920px) { .fixed { position: static; border-bottom: 0px solid #EDF0F2; } }

.Header { overflow: hidden; border-top: 0px solid #34495E; padding-bottom: 0px; }

.Header-brand { float: left; margin: -6px; }

.Header-brand a { border: 0; }

.Header-brand img { display: block; margin: 0 auto; }

.Header-nav { float: right; margin-top: 8px; }

.Header-nav a { border: 0; margin: 0 10px; margin-bottom: 5px; display: inline-block; }

.Header-nav a.active { color: #2c3e50; }

.social_header { padding-right: 20px; text-align: right; }

.social_header a { color: #CCD6E4; border-bottom: 0px solid; }

.social_header a:hover { color: #31A3DD; }

@media only screen and (max-width: 700px) { .Header { padding: 15px 0; text-align: center; } .Header-brand, .Header-nav { float: none; } .Header-brand { margin-bottom: 20px; } }

.Hero { background: #EDF0F2; border: #fff; border-width: 2px 0; padding: 40px 0; color: #7E96B3; margin-top: 55px; }

.Hero h2 { color: #536F90; font-size: 35px; font-family: 'Raleway'; font-weight: 500; margin: 0; }

.Hero p { font-size: 20px; margin: .5em 0 0; }

@media only screen and (max-width: 700px) { .Hero { padding: 20px 0; margin-top: 90px; } }

.Footer { text-align: center; margin: 100px 0; line-height: 2em; }

.Footer a { border: 0; }

.Footer img:hover { opacity: 0.8; }

.Footer-nav { margin-bottom: 5px; }

.Footer-nav a, .Footer-copyright span { margin: 0 8px; }

.Donor { text-align: center; margin: 10px 0; line-height: 2em; }

.Donor a { border: 0; }

.fa { margin-right: 5px; }

@media only screen and (max-width: 700px) { .Footer { margin: 30px 0; } }

.story { font-size: 20px; color: #444; padding-top: 20px; }

.story h2 { color: #444; font-size: 28px; font-weight: 600; margin: 1em 0 .5em; }

#wrapper3 { -webkit-border-radius: 8px; -moz-border-radius: 8px; background-color: #fff; border: 1px solid #e5e5e5; border-radius: 8px; box-shadow: 1px 0 20px 0 black; margin: 20px auto 20px auto; padding: 20px 20px 20px 20px; position: relative; height: 250px; width: 95%; }

#wrapper3 img { padding-right: 20px; }

#wrapper4 { -webkit-border-radius: 2px; -moz-border-radius: 2px; background-color: #fcfcfc; border: 1px solid rgba(192, 192, 192, 0.8); border-radius: 2px; box-shadow: 1px 0 10px 0 rgba(192, 192, 192, 0.8); margin: 20px auto 20px auto; padding: 20px 20px 20px 20px; position: relative; height: 110px; width: 95%; }

.news-img-left { width: 350px; margin: 10px 10px 10px auto; float: left; }

.news-img-right { width: 350px; margin: 10px auto 10px 10px; float: right; }

.kcp-img-right { width: 250px; margin: 10px auto 10px 10px; float: right; }

.news-horizontal-right { width: 100px; margin: 10px auto 10px 10px; float: right; }

.crunchify-top:hover { color: #31A3DD !important; text-decoration: none; }

.crunchify-top { display: none; position: fixed; bottom: 3rem; right: 1rem; font-size: 2.4rem; color: #CCD6E4; text-decoration: none; cursor: pointer; }

.glImg { border-radius: 1px; cursor: pointer; transition: 0.3s; width: 300px; height: 165px; text-decoration: none; }

.glImg:hover { opacity: 0.7; }

.rss { float: right; }

.txlive-langselector { background-color: #fcfcfc; box-shadow: 0 0 0px #CCD6E4; color: #3c5675; }

.txlive-langselector.txlive-langselector-bottomright .txlive-langselector-toggle { border: 2px solid #CCD6E4; padding: 2px 16px; }

.txlive-langselector-list { background-color: #EFF2F6; box-shadow: 0 0 4px rgba(0, 0, 0, 0.3); color: #666; overflow: auto; max-height: 500px; }

.txlive-langselector-list > li:hover { background-color: #31A3DD; color: #fff; cursor: pointer; cursor: hand; }

.txlive-langselector-bottomright > .txlive-langselector-list { border-top: 1px solid #CCD6E4; border-bottom: 1px solid #CCD6E4; border-left: 1px solid #CCD6E4; border-radius: 0 2px 2px 0; -moz-border-radius: 0 2px 2px 0; -webkit-border-radius: 0 2px 2px 0; }

.image-wrapper { text-align: center; width: 300px; margin: 10px auto 10px 10px; float: right; }

.image-wrapper .image-caption { color: #777; margin-top: 3px; font-size: 10px; font-weight: 300; font-family: 'Open Sans'; }

.cala-wrapper { text-align: center; width: 800px; margin: 10px auto 10px 10px; }

.cala-wrapper .image-caption { color: #777; margin-top: 3px; font-size: 10px; font-weight: 300; font-family: 'Open Sans'; }

.Donors ul { width: 100%; }

.Donors li { width: 50%; float: left; min-width: 20em; }

.animated, .home .Header, .social_header { animation-delay: 1.1s; -webkit-animation-delay: 1.1s; -moz-animation-delay: 1.1s; -o-animation-delay: 1.1s; }

.Intro { text-align: center; margin-bottom: 100px; }

.home .Header { padding: 0; border: 0; text-align: center; }

.home .fixed { position: static; border-bottom: 0px solid #EDF0F2; }

.home .Header-brand { display: none; }

.home .Header-nav { float: none; margin-top: 30px; }

.home .Header-nav a { border: 0; color: #B0BED1; margin: 0 10px 5px; }

.home .Header-nav a:hover { color: #31A3DD; }

.Intro-brand { margin: 50px 0 0 0; line-height: 1em; }

.Intro-beta { margin: 0 auto; width: 298px; text-align: right; font-family: 'Raleway'; font-weight: bold; font-size: 45px; color: #1D6FA5; }

.Intro h2 { color: #3C5675; background: none; margin-bottom: 15px; font-family: 'Raleway'; }

.Intro p { max-width: 450px; font-size: 20px; margin: 0 auto 10px; }

.Intro-actions a { margin: 30px 4px 10px; }

.Home-screenshot { margin: 0 20px; }

.Home-screenshot img { max-width: 100%; display: block; margin: 0 auto; }

@media only screen and (max-width: 700px) { .Intro { padding: 0 20px; margin-bottom: 20px; } .Intro-brand { margin-top: 30px; } .Intro-brand object, .Intro-brand img, .Intro-beta { width: 200px; } .Intro h2 { font-size: 30px; } .Intro-actions a { display: block; } .Home-screenshot { display: none; } }

.Features { background: #EFF2F6; padding: 60px 0; text-align: center; }

.Features-text { font-size: 16px; color: #3C5675; max-width: 880px; margin-left: auto; margin-right: auto; margin-bottom: 20px; text-align: center; }

.Features iframe { border: #CCD6E4 2px solid; border-radius: 6px; height: 350px; width: 400px; }

.Features-actions .Button { border-color: #31A3DD; color: #31A3DD; margin-top: 5%; float: left; }

.Features-actions .Button:hover { border-color: #B42800; color: #B42800; }

@media only screen and (max-width: 700px) { .Features { padding: 30px 0; } .Features-text { max-width: 98%; margin-top: 0%; } }

.Carousel { height: 100px; position: relative; white-space: nowrap; overflow: hidden; max-width: 1200px; margin: 0 auto 30px; }

.Carousel:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ' '; background-image: linear-gradient(to right, #eff2f6 0%, rgba(239, 242, 246, 0) 50%, #eff2f6 100%); }

.CarouselGroup { display: inline-block; }

.CarouselItem { display: inline-block; text-align: center; vertical-align: top; width: 330px; padding: 0 10px; white-space: normal; }

.CarouselItem-icon { margin-bottom: 10px; }

@media only screen and (max-width: 700px) { .CarouselItem { width: 75px; } }

.KCP { text-align: center; padding: 60px 0; }

.KCP-members { margin-bottom: 30px; }

.KCP-member { display: inline-block; width: 190px; vertical-align: top; }

.KCP-member a:hover { color: #5F5F5F; }

.KCP-member h3 { margin: 0; font-family: 'Raleway'; }

.KCP-member h3 a { border: 0; color: #31A3DD; font-weight: 300; font-size: 20px; }

.KCP-member h3 img { display: block; margin: 0 auto 10px; }

.KCP-member h4 { font-weight: 300; font-size: 16px; margin: 0; font-family: 'Raleway'; }

.KCP-text { font-size: 20px; color: #3C5675; max-width: 620px; margin-left: auto; margin-right: auto; padding: 0 20px; }

.KCP-sponsors { background-image: linear-gradient(to bottom, #eff2f6 0%, rgba(239, 242, 246, 0) 150px); padding-top: 20px; text-align: center; }

.screens-member { display: inline-block; width: 280px; vertical-align: top; }

.screens-member h3 { margin: 0; font-family: 'Raleway'; }

.screens-member h3 a { border: 0; color: #31A3DD; font-weight: 300; font-size: 20px; }

.screens-member h3 a:hover { color: #34495E; }

.screens-member h3 img { display: block; margin: 0 auto 10px; }

.screens-member h4 { font-weight: 300; font-size: 16px; margin: 0; font-family: 'Raleway'; }

.KCP-text { font-size: 16px; color: #3C5675; max-width: 620px; margin-left: auto; margin-right: auto; padding: 0 20px; }

@media only screen and (max-width: 700px) { .KCP { padding: 30px 0; } .KCP-member { width: 150px; } }

.Actions { background: #EFF2F6; padding: 60px 0; }

.Actions-item { width: 33%; padding: 0 35px; box-sizing: border-box; float: left; text-align: left; }

.Actions-item h3 { font-weight: 300; font-size: 30px; color: #31A3DD; margin: 0 0 10px; font-family: 'Raleway'; }

.Actions-item h4 { font-weight: 300; font-size: 20px; color: #3C5675; margin: 0; font-family: 'Raleway'; }

.Actions-item p { margin: 0.5em 0 1.5em; }

@media only screen and (max-width: 700px) { .Actions { padding: 30px 0; } .Actions-item { width: auto; float: none; margin-bottom: 30px; padding: 0; } .screens-memeber { width: auto; float: none; margin-bottom: 30px; padding: 0; } }

.Docs { padding: 30px 0; }

.Docs-nav { float: left; width: 275px; }

.Docs-nav h4 { margin: 10px 0; font-family: 'Raleway'; cursor: pointer; }

.Docs-nav ul { margin: 0 0 30px; padding: 0; list-style: none; font-size: 14px; }

.Docs-nav a { border: 0; font-size: 1.0em; }

.News-nav { float: left; width: 275px; }

.News-nav h4 { margin: 10px 0; font-family: 'Raleway'; cursor: pointer; }

.News-nav ul { margin: 0 0 30px; padding: 0; list-style: none; font-size: 14px; }

.News-nav h4 + ul { display: none; }

.News-nav h4.active + ul { display: block; }

.News-nav a { border: 0; font-size: 1.0em; }

.Docs article { margin-left: 275px; color: #777; font-size: 16px; text-decoration: none; }

.Docs article a { text-decoration: none; color: #2d2d2d; }

.Docs-improve { float: right; margin-top: 10px; }

.Docs-improve a { border: 0; color: #bbb; }

.Docs h1 { color: #3498db; font-size: 36px; font-weight: 300; margin: 0 0 .5em; font-family: 'Raleway'; }

.Docs h2 { color: #3C5675; font-size: 26px; font-weight: 300; margin: 1.5em 0 .5em; font-family: 'Raleway'; }

.Docs h3 { font-size: 20px; font-weight: 600; margin: 1.5em 0 .5em; font-family: 'Raleway'; }

.Docs h4 { color: #3C5675; font-size: 20px; font-weight: 300; font-family: 'Raleway'; }

.Docs blockquote { background: #EFF2F6; color: #7E96B3; margin-left: 0; margin-right: 0; padding: 1px 20px; border-radius: 4px; }

.Docs code { font-size: 90%; }

.Docs-sectionNav { text-align: center; margin-top: 50px; }

@media only screen and (max-width: 700px) { .Docs-nav { float: none; width: auto; } .Docs article { margin: 0; } }

pre { display: block; overflow-x: auto; border-radius: 4px; padding: 1.5em; color: #333; background: #f8f8f8; -webkit-text-size-adjust: none; font-size: 90%; }

.hljs-comment, .diff .hljs-header { color: #998; font-style: italic; }

.hljs-keyword, .css .rule .hljs-keyword, .hljs-winutils, .nginx .hljs-title, .hljs-subst, .hljs-request, .hljs-status { color: #333; font-weight: bold; }

.hljs-number, .hljs-hexcolor, .ruby .hljs-constant { color: #008080; }

.hljs-string, .hljs-tag .hljs-value, .hljs-doctag, .tex .hljs-formula { color: #d14; }

.hljs-title, .hljs-id, .scss .hljs-preprocessor { color: #900; font-weight: bold; }

.hljs-list .hljs-keyword, .hljs-subst { font-weight: normal; }

.hljs-class .hljs-title, .hljs-type, .vhdl .hljs-literal, .tex .hljs-command { color: #458; font-weight: bold; }

.hljs-tag, .hljs-tag .hljs-title, .hljs-rule .hljs-property, .django .hljs-tag .hljs-keyword { color: #000080; font-weight: normal; }

.hljs-attribute, .hljs-variable, .lisp .hljs-body, .hljs-name { color: #008080; }

.hljs-regexp { color: #009926; }

.hljs-symbol, .ruby .hljs-symbol .hljs-string, .lisp .hljs-keyword, .clojure .hljs-keyword, .scheme .hljs-keyword, .tex .hljs-special, .hljs-prompt { color: #990073; }

.hljs-built_in { color: #0086b3; }

.hljs-preprocessor, .hljs-pragma, .hljs-pi, .hljs-doctype, .hljs-shebang, .hljs-cdata { color: #999; font-weight: bold; }

.hljs-deletion { background: #fdd; }

.hljs-addition { background: #dfd; }

.diff .hljs-change { background: #0086b3; }

.hljs-chunk { color: #aaa; }

#markdown-toc::before { content: "Contents"; font-weight: bold; font-size: 9px; }

#markdown-toc ul { list-style: decimal; }

#markdown-toc { border: 1px solid #aaa; background: #EDF6FF; float: right; padding: 1em; list-style: none; display: inline-block; font-size: 9px; margin-left: 10px; }

.form-group { font-size: 20px; color: #3C5675; max-width: 500px; margin-left: auto; margin-right: auto; padding: 0 10px; background-color: #f0f6fc; }

input { width: 100%; }

textarea { width: 100%; height: 100px; padding: 12px 20px; box-sizing: border-box; border: 2px solid #ccc; border-radius: 4px; background-color: #f8f8f8; resize: none; }

input[type=button], input[type=submit] { background-color: #3C5675; border: none; color: white; padding: 16px 32px; text-decoration: none; margin: 4px 2px; cursor: pointer; }

.srch { margin-left: 50%; }

@media only screen and (max-width: 700px) { .srch { margin-left: 10%; } }

.srch input { width: 40%; padding: 3px 10px; margin: 4px 2px; border: 2px solid #CCD6E4; border-radius: 6px; line-height: 2em; }

@media only screen and (max-width: 700px) { .srch input { width: 80%; } }

.srch input[type=text] { padding: 3px 10px; background-color: #EDF0F2; }

.srch input[type=button], .srch input[type=submit] { width: 100px; background-color: #ffffff; color: #2d2d2d; padding: 3px 1px; text-decoration: none; cursor: pointer; display: inline-block; line-height: 2em; }

.srch input[type=button]:hover, input[type=submit]:hover { border: 2px solid #3498db; }

/*# sourceMappingURL=main.css.map */