@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;1,400;1,700&display=swap');
/*@import url('https://fonts.googleapis.com/css?family=Lato:400,500,700&display=swap');*/

* { margin:0; padding:0; outline:none; font-family:'Lato', sans-serif; font-weight: 500; vertical-align:top; box-sizing:border-box!important; -moz-box-sizing:border-box!important; -webkit-box-sizing:border-box!important; }
*, *:before, *:after { box-sizing:inherit; }
section, article, aside, main, header, footer, nav, figure, figcaption { display:block; }
time, mark { display:inline-block; }
html { width:100%; height:100%; }
body { width:100%; height:100%; border-collapse:collapse; display:table!important; margin:0 auto; background:#fff; font-size:19px; font-weight:400; line-height:27px; color:#3f454b; -webkit-tap-highlight-color:rgba(89, 128, 211, .5); -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; zoom:1; }
.wrapper { max-width:1580px; margin-left:auto; margin-right:auto; padding-left:50px; padding-right:50px; }
h1, h1 * { font-size:44px; line-height:100%; font-family:'Lato', sans-serif; font-weight: 700; margin:0 0 80px 0; }
h2, h2 * { color:#3f454b; font-size:35px; line-height:100%; font-family:'Lato', sans-serif; font-weight: 700; margin:0 0 40px 0; }
h3, h3 * { font-size:24px; line-height:100%; font-weight:normal; }
h4, h4 * { color:#6c8ca0; font-size:24px; line-height:100%; }
h5, h5 * { font-size:20px; font-family:'Lato', sans-serif; font-weight: 700; line-height:130%; color:#b6ad99; font-weight:normal; }
a { color:#80a0b4; text-decoration:underline; }
a:hover { text-decoration:none; }

header { padding-top:20px; }
header a.logo { background:url('../i/logo.png') no-repeat 0 center; width:128px; height:46px; display:inline-block; text-indent:-99999px; }
header a.logo:hover { opacity:.7; }
header nav { float:right; }
header nav a { display:inline-block; text-decoration:none; color:#252525; padding:11px; margin-right:40px; }
header nav a:last-child { margin-right:0; padding-right:0; }
header nav a:hover { color:#6c8ca0; }
header nav a.red { color:#ff7039; }
header nav a.red:hover { color:#ff7039; opacity:.7; }
header .get-started { display:inline-block; float:right; text-decoration:none; display:none; }
header .nav-toggle { display:none; background:url('../i/menu.png') no-repeat center center; width:37px; height:36px; }
header .nav-toggle.rotate { transform:rotate(180deg); }

footer { display:table-row; font-size:17px; vertical-align:bottom; height:1px; width:100%; background:#645d48; background:-moz-linear-gradient(left, #645d48 0%, #77705b 30%, #77705b 59%, #645d48 100%); background:-webkit-linear-gradient(left, #645d48 0%,#77705b 30%,#77705b 59%,#645d48 100%); background:linear-gradient(to right, #645d48 0%,#77705b 30%,#77705b 59%,#645d48 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#645d48', endColorstr='#645d48',GradientType=1 ); }
footer nav p { font-size:14px; line-height:20px; color:#b6ae97; font-family:'Lato', sans-serif; font-weight: 700; }
footer nav { display:table; color:#fff; min-height:169px; width:100%; margin-top:40px; margin-bottom:60px; }
footer nav .logo { display:table-cell; width:200px; background:url('../i/logo-tmate.png') no-repeat 0 0; }
footer nav .info { display:table-cell; }
footer nav .info-wrapper { max-width:720px; margin:0 auto; }
footer nav .info a { color:#fff; text-decoration: none; }
footer nav .info a:hover { color:#6c8ca0; }
footer nav .info span { display:inline-block; width:30%; margin-left:4%; }
footer nav .info span:first-child { margin-left:0; }
footer nav .info span.address { width:35%; }
footer nav .info span.terms { width:25%; }
footer nav .info span.terms a { display:block; margin-bottom:0px; }
footer nav .info span .ficon { padding:3px 0 5px 55px; margin-bottom:20px; display:block; }
footer nav .info span .ficon.mailto { background:url('../i/envelope.png') no-repeat 0 0; }
footer nav .info span .ficon.call { background:url('../i/phone.png') no-repeat 0 0; }
footer nav .info span .ficon.pin { background:url('../i/pin.png') no-repeat 10px 0; }
footer nav .info span address { font-style:normal; }
footer nav .info p { margin-top:0px; }
footer nav .info .copy { display:none; }
footer nav .social { display:table-cell; width:240px; padding-left:20px; }
footer nav .social a { height:51px; width:52px; display:inline-block; margin-left:25px; }
footer nav .social a:hover { opacity:.7; }
footer nav .social a:first-child { margin:0px; }
footer nav .social p { margin-top:55px; }
footer nav .social .twitter { background:url('../i/twitter.png') no-repeat 0 0; }
footer nav .social .discourse { background:url('../i/discourse.png') no-repeat 0 0; }
footer nav .social .stack { background:url('../i/stack.png') no-repeat 0 0; }

main { margin:90px 0; }
.main-page main { margin-top:40px; }
.main-page .contact { display:block; }

.cookies { background:#6c8da0; color:#fff; }
.cookies .wrapper { padding-top:20px; padding-bottom:20px; }
.cookies a { color:#fff; }
.cookies p { float:left; width:80%; }
.cookies a.close-cookies { float:right; }
.cookies a.close-cookies:hover { opacity:.7; }


.hello { padding-top:60px; padding-bottom:60px; padding-right:47%; background:url('../i/main/hello.png') 95% 0% no-repeat; background-size:auto 90%; min-height:290px; }
.hello h1, .hello h1 * { line-height:64px; }
.hello p { font-size:24px; margin-top:140px; }

.server { }
.server .tabs { z-index:1000; background:#fff; }
.server .tabs ul { list-style:none; max-width:1500px; margin:0 auto; }
.server .tabs li { width:20%; height:100px; cursor:pointer; float:left; border:1px solid #f7f6f4; border-top-width:2px; background:#fff; border-bottom:none; }
.server .tabs li:hover { border:2px solid #d1d2d4; border-bottom:none; }
.server .tabs li.gitlab {background:#fff url('../i/main/server-gitlab.png') no-repeat center center; }
.server .tabs li.bitbucket {background:#fff url('../i/main/server-bitbucket.png') no-repeat center 43%; }
.server .tabs li.git {background:#fff url('../i/main/server-anyserver.png') no-repeat center center; }
.server .tabs li.gerrit {background:#fff url('../i/main/server-gerrit.png') no-repeat center 53%; }
.server .tabs li.github {background:#fff url('../i/main/server-github.png') no-repeat center center; }
.server .tabs li.active { position:relative; background-color:#ebe7e0; }
.server .tabs li.active:before { content:''; display:inline-block; position:absolute; border:15px solid #628ca1; border-color:transparent transparent #628ca1 transparent; bottom:0px; left:50%; margin-left:-15px; }
.server .tabs li.git.active:before { border-bottom-color:#749bb3; }
.server .tabs li.gitlab.active:before { border-bottom-color:#6a94ab; }
.server .tabs li.bitbucket.active:before { border-bottom-color:#628ba1; }
.server .tabs li.github.active:before { border-bottom-color:#5b849a; }
.server .tabs li.gerrit.active:before { border-bottom-color:#507b92; }
.server .tabs.is_stuck li.active:before { border:none; }
.server .tabs.is_stuck li { border-bottom:2px solid #f7f6f4; }
.server .tabs.is_stuck li:hover { border-bottom-color:#d1d2d4; }
.server .tabs-content > div { display:none; }
.server .tabs-content > div.active { display:block; }
.server .started { color:#fff; padding:68px 0; background:#81a0b4; background:-moz-linear-gradient(left, #81a0b4 0%, #56778c 100%); background:-webkit-linear-gradient(left, #81a0b4 0%,#56778c 100%); background:linear-gradient(to right, #81a0b4 0%,#56778c 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#81a0b4', endColorstr='#56778c',GradientType=1 ); }
.server .started p { font-size:24px; line-height:32px; width:75%; display:inline-block; }
.server .started .button { float:right; margin-top:5px; margin-left:10px; }
.server .server-content { padding-top:80px; padding-bottom:100px; }
.server .server-content h2 { margin-bottom:70px; }
.server .server-content h2, .server .server-content h2 * { font-size:45px; }
.server .server-content ul { padding-right:600px; background:url('../i/main/server-content.png') 95% 0px no-repeat; min-height:275px; }
.server .server-content ul li { color:#555; }

.love { color:#fff; padding:100px 0; background:#bcab88; background:-moz-linear-gradient(left, #bcab88 0%, #938361 100%); background:-webkit-linear-gradient(left, #bcab88 0%,#938361 100%); background:linear-gradient(to right, #bcab88 0%,#938361 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#bcab88', endColorstr='#938361',GradientType=1 ); }
.love h2 { font-size:45px; margin-bottom:50px; }
.love .col { width:33%; padding-top:15px; padding-left:100px; padding-right:40px; display:inline-block; }
.love .love-safety { background:url('../i//main/love-safety.png') 0 0 no-repeat; min-height:121px; }
.love .love-proficiency { padding-left:125px; background:url('../i//main/love-proficiency.png') 0 15px no-repeat; min-height:121px; }
.love .love-support { background:url('../i//main/love-support.png') 0 15px no-repeat; min-height:121px; }

.migration { padding-top:90px; padding-bottom:100px; padding-right:30%; background:url('../i/main/migration.png') 90% 35% no-repeat; min-height:240px; }
.migration h2 { font-size:45px; margin-bottom:40px; }
.migration h4 { margin-bottom:50px; }
.migration ul { margin-bottom:55px; }

.testimonials { padding-top:90px; padding-bottom:85px; color:#fff; background:url('../i/main/testimonials.jpg') 0 0 no-repeat; background-size:cover; }
.testimonials h2 { font-size:45px; margin-bottom:55px; }
.testimonials .comment { text-indent:70px; position:relative; margin-bottom:20px; text-align:justify; }
.testimonials .comment:before { position:absolute; content:''; background:url('../i/main/testimonials-quotes.png') 0 0 no-repeat; width:60px; height:49px; top:-28px; left:0; }
.testimonials .author { text-align:right; font-style:italic; }
.testimonials .author a { color:#fff; position:relative; /*top:3px;*/ text-decoration:none; }
.testimonials .author a:hover { text-decoration:underline; }
.testimonials .review { width:63%; padding-right:7%; }
.testimonials .companies { width:30%; }
.testimonials .companies .tabs-arrow { display:none; }
.testimonials .companies span { display:inline-block; text-align:center; vertical-align:baseline; width:49%; height:70px; }
.testimonials .companies span img { vertical-align:middle; }

.team { color:#fff; padding-top:90px; padding-bottom:80px; background:#81a0b4; background:-moz-linear-gradient(left, #81a0b4 0%, #56778c 100%); background:-webkit-linear-gradient(left, #81a0b4 0%,#56778c 100%); background:linear-gradient(to right, #81a0b4 0%,#56778c 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#81a0b4', endColorstr='#56778c',GradientType=1 ); }
.team h2 { font-size:45px; margin-bottom:80px; }
.team .col h3 { margin-top:25px; margin-bottom:35px; }
.team .col p { color:#dce3e8; padding:0 10%; }
.team .row { display:flex; }
.team .col { text-align:center; }

.help { color:#fff; padding-top:50px; padding-bottom:50px; background:#67879c; background:-moz-linear-gradient(left, #67879c 0%, #56768b 100%); background:-webkit-linear-gradient(left, #67879c 0%,#56768b 100%); background:linear-gradient(to right, #67879c 0%,#56768b 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#67879c', endColorstr='#56768b',GradientType=1 ); }
.help p { font-size:24px; line-height:36px; padding-top:10px; padding-left:120px; min-height:92px; background:url('../i/main/help.png') 0 0 no-repeat; }

.open-source-page .signup-modal { position:absolute; }
.open-source { margin-bottom:70px; }
.open-source h1 { margin-bottom:25px; }
.open-source h5 { margin-bottom:35px; }
.open-source p { width:70%; display:inline-block; }
.open-source .button { float:right; margin-top:5px; margin-left:10px; margin-right:40px; }

.discount { background:#f7f6f4; padding:70px 0 50px 0; }
.discount .wrapper { padding-right:500px; background:url('../i/open-source/discount.png') 93% 0% no-repeat; background-size:auto 100%; min-height:300px; }
.discount li { margin-top:3px!important; margin-bottom:3px!important; }

.license { padding-top:70px; padding-bottom:0px; }
.license h5 { margin-bottom:40px!important; }
.license .wrapper { padding-right:500px; background:url('../i/open-source/license.png') 95% 0% no-repeat; background-size:auto 100%; min-height:320px; }

.pricing-page .contact { margin-top:120px; }
.get-started-page .contact { margin-top:120px; }
.get-started-page .pricing .plans { margin:0 0 60px 0; }
.post-download-page .pricing h1 { margin-bottom:40px; }
.post-download-page .pricing .trial { max-width:750px; margin-bottom:60px; }
.post-download-page .pricing h2 { color:#ff7039!important; font-size:36px; margin-bottom:20px; }
.post-download-page .pricing .plans { margin-bottom:0; }
.pricing { margin-bottom:80px; margin-top:90px;  }
.pricing h1 { margin-bottom:60px; }
.pricing h2 { font-size:30px; margin-bottom:50px; color:#80a0b4!important; }
.pricing h2 .server { height:30px; width:220px; margin-bottom:0; display:inline-block; margin-left:20px; position:relative; top:5px; }
.pricing h2 .anyserver { background:url('../i/main/server-anyserver.png') 0 7px no-repeat; }
.pricing h2 .gitlab { background:url('../i/main/server-gitlab.png') 0 0 no-repeat; background-size:auto 100%; }
.pricing h2 .bitbucket { background:url('../i/main/server-bitbucket.png') 0 0 no-repeat; background-size:auto 100%; }
.pricing h2 .github { background:url('../i/main/server-github.png') 0 0 no-repeat; }
.pricing h2 .gerrit { background:url('../i/main/server-gerrit.png') 0 0 no-repeat; background-size:auto 100%; }
.pricing .select-server h2 { float:left; }
.pricing .select-server select { width:200px; float:right; }
.pricing .atlassian { background:url('../i/download/bucket.png') 0 0 no-repeat; min-height:92px; padding:35px 0 0 106px; margin-top:30px; }
.pricing .plans { margin:60px 0; }
.pricing .plans .plan { display:inline-block; border:2px solid #d3cbb8; padding:25px 30px; min-height:300px; height:auto; position:relative; }
.pricing .plans .trial { width:24%; }
.pricing .plans .starter { width:24%; }
.pricing .plans .enterprise { width:48%; }
.pricing .plans .support-product {width: 31%; min-height: 350px; display:inline-block; border:2px solid #d3cbb8; padding:25px 30px; height:auto; position:relative; }
.pricing .plans .trial, .pricing .plans .starter, .pricing .plans .support-product { background:#f7f6f4; margin-right:1.5%; }
.pricing .plans li { margin:5px 0 0 20px; }
.pricing .plans li::after { width:5px; height:5px; background:#7fa0b5; left:-19px; }
.pricing .plans h4 { border-bottom:2px solid #d3cbb8; line-height:30px; height:55px; margin-bottom:35px; }
.pricing .plans button { padding:8px 25px 12px 25px; }
.pricing .plans .to-bottom { position:absolute; bottom:25px; width:100%; }
.pricing .plans .support-button {bottom:25px; width:100%; margin-top: 10px;}
.pricing .plans .trial h4 { background:url('../i/download/trial-icon.png') 100% 0 no-repeat; }
.pricing .plans .starter h4 { background:url('../i/download/starter-icon.png') 100% 0 no-repeat; }
.pricing .plans .enterprise h4 { background:url('../i/download/enterprise-icon.png') 100% 0 no-repeat; }
.pricing .plans .guide h4 { background:url('../i/download/support-guide-icon.png') 100% 0/7% no-repeat;}
.pricing .plans .real-time h4 { background:url('../i/download/support-real-time-icon.png') 100% 0/12% no-repeat;}
.pricing .plans .dedicated h4 { background:url('../i/download/support-dedicated-icon.png') 100% 0/12% no-repeat;}
.pricing .plans .enterprise .row { padding:0!important; }
.pricing .plans .enterprise .users { width:25%!important; }
.pricing .plans .enterprise .users select { padding-top:7px; padding-bottom:7px; }
.pricing .plans .enterprise .maintenance { width:75%!important;}
.pricing .plans .enterprise .maintenance h5 span { display:none; }
.pricing .plans .enterprise .maintenance label span { display:inline-block; font-size:17px; }
.pricing .plans .enterprise .maintenance label { float:left; width:33.333333%; text-align:center; border:2px solid #d3cbb8; background:#f7f6f4; position:relative; padding:6px 12px 5px 12px; display:inline-block; }
.pricing .plans .enterprise .maintenance input[type=radio] { width:0; height:0; /*visibility:hidden;*/ display:none; }
.pricing .plans .enterprise .maintenance input[type=radio] + label { display:inline-block; color:#3f454b; cursor:pointer; line-height:auto; }
.pricing .plans .enterprise .maintenance input[type=radio]:checked + label { background:#6c8ca0; color:#fff; outline:none; border-color:#6c8ca0; }
.pricing .plans .enterprise .get-quote { display:inline-block; margin-left:45px; margin-top:10px; }
.pricing .plans .enterprise .price { position:absolute; right:55px; font-family:'Lato', sans-serif; font-weight: 700; font-size:48px; color:#3f454b; }

.pricing .info a { font-family:'Lato', sans-serif; font-weight: 700; vertical-align: baseline;}
.pricing .info .col { width:45%; display:inline-block; margin-left:9%; }
.pricing .info .col:first-child { margin-left:0; }

.thanks code { width:auto; white-space:pre; overflow-x:auto; display:inline-block; background:#f7f6f4; padding:25px 35px; border:2px solid #d3cbb8; font-size:17px; color:#545454; }

.gitx h1 { margin-bottom:40px; }
.gitx h5 { margin-bottom:10px; margin-top: 30px;}
.gitx .scheme {width: 60%; float: left;}
.gitx .text {max-width: 75em;}
.gitx img {width: 100%;}
.gitx .left {float: left;}
.gitx .rules {width:35%; float:right; margin-top:30px;}

.thank-you-page .download h1 { margin-bottom:40px; }
.thank-you-page .download h5 { margin-bottom:80px; }
.thank-you-page .download .form { float:none; }
.thank-you-page .download p { margin-top:40px; }
.download.ty-success { background:url('../i/download/thank-you.png') 95% 0% no-repeat; min-height:358px; padding-right:500px; }
.download.ty-success p { max-width:600px; }
.download .form { width:45%; float:left; border:2px solid #d3cbb8; padding:25px 35px; }
.download .form input[type=radio] { width:0; height:0; /*visibility:hidden;*/ display:none; }
.download .form input + label { display:inline-block; color:#3f454b; font-weight:700; cursor:pointer; margin:0 30px 30px 0; line-height:33px; }
.download .form input + label:last-child { margin-right:0; }
.download .form input + label span { display:inline-block; height:34px; width:34px; background:#f7f6f4; border:2px solid #d3cbb8; vertical-align:bottom; margin-right:15px; position:relative; }
.download .form input:checked + label span:before { content:''; position:absolute; top:7px; left:7px; display:block; width:16px; height:16px; background:#d3cbb8; }
.download .form p { color:#bdb6a4; margin-top:50px; }
.download .form input[type="checkbox"] {position: absolute; left: -9999px;}
.download .disclaimer { width:50%; float:right; margin-top:30px; }
.download .disclaimer .atlassian { background:url('../i/download/bucket.png') 0 0 no-repeat; min-height:92px; padding:22px 0 0 106px; margin-top:30px; }

.contact { margin-top:60px; display:none; }
.contact h1 { margin-bottom:30px; }
.contact .form { max-width:750px; }
.contact .form .issue { display:inline-block; margin-left:45px; margin-top:14px; }
.contact .form input[type=radio] { width:0; height:0; /*visibility:hidden;*/ display:none; }
.contact .form textarea { height:140px; }
.contact .form label { color:#bdb6a4; cursor:pointer; height:32px; padding:7px 40px 5px 40px; white-space:nowrap; line-height:50px; }
.contact .form :checked + label { color:#80a0b4; }
.contact .form label[for='demo'] { background:url('../i/contact/schedule-n.png') no-repeat 0 center; }
.contact .form input[type='radio']#demo:checked + label { background:url('../i/contact/schedule-h.png') no-repeat 0 center; }
.contact .form label[for='quote'] { background:url('../i/contact/quote-n.png') no-repeat 0 center; }
.contact .form input[type='radio']#quote:checked + label { background:url('../i/contact/quote-h.png') no-repeat 0 center; }
.contact .form label[for='tech'] { background:url('../i/contact/tech-n.png') no-repeat 0 center; }
.contact .form input[type='radio']#tech:checked + label { background:url('../i/contact/tech-h.png') no-repeat 0 center; }
.contact .form label[for='other'] { background:url('../i/contact/other-n.png') no-repeat 0 center; }
.contact .form input[type='radio']#other:checked + label { background:url('../i/contact/other-h.png') no-repeat 0 center; }
.contact .contact-success { display:none; background:url('../i/contact/success.png') 95% 0 no-repeat; min-height:280px; padding-right:500px; padding-top:70px; }
.contact .contact-success h2 { font-size:30px; line-height:40px; }
.contact-error { display:none; background:#ff723c; color:#fff; margin-bottom:-90px; margin-top:50px; }
.contact-error .wrapper { padding-top:25px; padding-bottom:25px; }
.contact-error a { color:#fff; }
d-topics-list iframe {width: 100%;}


.support { background:#bcab88; color:#fff; padding-bottom:40px; margin-bottom:-90px; }
.support * { color:#fff; }
.support .wrapper { background:url('../i/support-guy.png') 95% 20% no-repeat; min-height:458px; padding-top:50px; padding-bottom:60px; padding-right:500px; }
.support h2 { font-size:44px; margin-bottom:60px; }
.support .comment { text-indent:70px; position:relative; margin-bottom:20px; margin-top:60px; }
.support .comment:before { position:absolute; content:''; background:url('../i/main/testimonials-quotes.png') 0 0 no-repeat; width:60px; height:49px; top:-28px; left:0; }
.support .author { text-align:right; font-style:italic; }
.support .author a { color:#fff; position:relative; top:3px; text-decoration:none; }
.support .author a:hover { text-decoration:underline; }

.content .wrapper, .content.wrapper { max-width:900px; }
.content .text p { margin:15px 0; }
.content .text ul { list-style:none; margin-bottom:30px; }
.content .text li { margin:15px 0 25px 30px; position:relative; }
.content .text li:last-child {margin-bottom:0;}
.content .text li::after { content:''; display:block; width:9px; height:9px; background:#d3cbb8; position:absolute; top:8px; left:-26px; }
.content .text h1 { margin-top:50px; }
.content .text h2 { margin-top:50px; }
.content .text h3 { margin-top:50px; }
.content .text h4 { margin-top:50px; }
.content .text h5 { margin-bottom:20px; margin-top:30px; }
.content .text pre {word-wrap:break-word; padding: 30px 30px 30px 0; font-size: 20px; margin-bottom: 30px; }
.content .text pre.highlight {background:#f7f6f4; display:inline-block; padding:25px 35px; border:2px solid #d3cbb8; font-size:17px; color:#545454;}
.content .text code {font-family: monospace; white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; }
.content .text blockquote { border: 2px solid #80a0b4; padding:10px 25px; margin-bottom: 30px; }
.content .text img { margin:25px 0; max-width:100%; }

.notfound { padding-top:0px; padding-bottom:40px; }
.notfound h1 { margin-bottom:60px; }

.signup-modal { width:650px!important; position:absolute!important; }
.signup-modal p { margin:10px 0; }
.signup-modal h5 { position:relative; top:-25px; }

input[type='text'], input[type='email'], input[type='tel'], input[type='password'], textarea { width:100%; background:#f5f4f0; border:2px solid #d3cbb8; padding:12px; -webkit-appearance:none; font-size:100%; -webkit-appearance:none; -moz-appearance:none; appearance:none; -webkit-border-radius:0; }
textarea { padding:12px; -webkit-appearance:none; -moz-appearance:none; appearance:none; -webkit-border-radius:0; }
input[type='text']:focus, input[type='email']:focus, input[type='tel']:focus, input[type='password']:focus, textarea:focus { border-color:#bbb095; }
input.required, textarea.required, select.required { border-color:#b91b03!important; }
select { width:100%; border:2px solid #d3cbb8; padding:12px 30px 12px 12px; font-size:17px; color:#3f454b; cursor:pointer; -webkit-appearance:none; -moz-appearance:none; appearance:none; background:url('../i/select-arrow.png') 93% / 13px no-repeat #f5f4f0; -moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px; }
	
@media screen and (min-width:0\0) { select { background:none; padding:5px; }}
select:hover { border-color:#bbb095; }
b, strong, .bold { font-family:'Lato', sans-serif; font-weight: 700; position:relative; /*top:-3px;*/ }
.button, button, input[type='submit'] { display:inline-block; font-family:'Lato', sans-serif; font-weight: 700; color:#fff; text-decoration:none; background:#ff7039; text-align:center; font-size:18px; box-shadow:0 7px #e6e2d7; cursor:pointer; padding:10px 45px 15px 45px; border:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; border-radius:30px; -webkit-border-radius:30px; }
.button.simple, button.simple, input[type='submit'].simple { box-shadow:none; }
.button.little, button.little, input[type='submit'].little { font-size:15px; padding:10px 19px 12px 19px; }
.button.blue, button.blue, input[type='submit'].blue { background-color:#fff; box-shadow:0 7px #4a697f; color:#555; }
.button.blue:hover, button.blue:hover, input[type='submit'].blue:hover { background:#fff; color:#ff7039; }
.button:hover, button:hover, input[type='submit']:hover { background:#ff8c60; }
.modal { display:none; background:#fff; position:fixed; top:0; left:50%; width:720px; margin-left:-360px; z-index:1200; }
.modal .wrapper { padding:70px; }
.modal .close { display:inline-block; position:absolute; top:25px; right:25px; width:27px; height:27px; cursor:pointer; background:url('../i/close.png') no-repeat; }
.modal h2 { margin-bottom:30px; margin-right:50px; }
.modal .modal-error { display:none; background:#ff723c; color:#fff; margin-top:-40px; }
.modal .modal-error .wrapper { padding-top:5px; padding-bottom:15px; }
.modal .modal-error a { color:#fff; }
.hidden { display:none!important; }
.back { display:none; position:fixed; top:0; left:0; background:rgba(128, 160, 180, 0.8); width:100%; height:100%; z-index:1100; cursor:pointer; }
.col { display:inline-block; width:50%; }
.form .row { padding:10px 0; }
.form .row .col { display:inline-block; width:50%!important; padding-left:20px; float:left; }
.form .row .col:first-child { padding-left:0; }
.form input[type='text'], .form input[type='email'], .form input[type='tel'], .form input[type='password'], .form textarea, .form select { width:100%; }
.form .req-error { display:none; margin-top:15px; float:right; text-align:right!important; }
.bold { font-family:'Lato', sans-serif; font-weight: 700; }
.small { font-size:13px; line-height:18px; }
.white { color:#fff; }
.red { color:#ff7039; vertical-align: baseline;}
.blue { color:#6c8ca0; vertical-align: baseline;}
.brown { color:#c5bca6; vertical-align: baseline;}
.clearfix::before, .clearfix::after, .form .row::before, .form .row::after { content:''; display:table; }
.clearfix::after, .form .row::after { clear:both; }
.clearfix, .form .row { zoom:1; }
.text p { margin:15px 0; }
.text ul { list-style:none; }
.text li { margin:15px 0 15px 30px; position:relative; }
.text li:last-child {margin-bottom:0;}
.text li::after { content:''; display:block; width:9px; height:9px; background:#d3cbb8; position:absolute; top:8px; left:-26px; }
.text h5 { margin-bottom:20px; }

@media(max-width:1600px) {
    body { -webkit-text-size-adjust:100%; }
    .wrapper { max-width:1280px!important; }
    .content .wrapper, .content.wrapper { max-width:900px!important; }
}

@media(max-width:1200px) {

    .pricing .plans .enterprise .maintenance h5 span { display:inline-block; }
    .pricing .plans .enterprise .maintenance label span { display:none; }
}

@media(max-width:1024px) {
    .wrapper { max-width:820px!important; }
    header nav a { margin-right:10px; font-size:16px; }
    footer nav .info span .ficon { background:none!important; padding:0; }
    footer nav .logo { display:none; }
    footer nav .info p { background:url('../i/logo-tmate.png') no-repeat 0 0; background-size:auto 100%; padding-left:100px; }
    footer nav .info span.terms a { margin-bottom:7px; }
    footer nav .social { width:190px; }
    footer nav .social a { height:42px; width:42px; background-size:42px 42px!important; margin-left:15px; }

    .download .form { float:none; width:100%; }
    .download .disclaimer { float:none; width:100%; margin-top:60px; }

 	.gitx .scheme { float:none; width:100%; }
    .gitx .rules { float:none; width:100%; margin-top:10px; }

    .contact .contact-success { padding-right:300px; background-position:100% center; background-size:auto 200px; }

    .pricing .atlassian { padding-top:20px; }
    .pricing .select-server h2 { float:none; }
    .pricing .select-server select { width:100%; float:none; margin-bottom:40px; background-position:95% center!important; }
    .pricing .plans .plan { width:100%; display:block; margin-bottom:30px; min-height:auto; }
    .pricing .plans .to-bottom { position:static; margin-top:40px; }
    .pricing .plans .enterprise .maintenance { width:100%!important; padding-left:0; margin-top:20px; }
    .pricing .plans .enterprise .maintenance label { width:auto; }
    .pricing .plans .enterprise .maintenance h5 span { display:inline-block!important; }
    .pricing .plans .enterprise .maintenance label span { display:none!important; }
    .pricing .plans .enterprise .price { right:25px; }

    .hello { background-size:50% auto; background-position:95% 20%; padding-right:50%; min-height:auto; }
    .hello h1, .hello h1 * { font-size:33px; line-height:40px; }
    .hello p { margin-top:100px; font-size:20px; }

    .server .started p { width:70%; }
    .server .server-content ul { padding-right:0; padding-bottom:350px; background:url('../i/main/server-content.png') center bottom no-repeat; min-height:275px; }

    .migration { background-size:40% auto; padding-right:40%; min-height:auto; background-position:100% 40%; }

    .support .wrapper { padding-right:30%; padding-top:40px; background-position:right 40px; background-size:30% auto; }

    .team .col img { width:50%!important; }
    .team .col span { display:none; }

    .help p { font-size:20px; line-height:28px; padding-left:90px; padding-top:0; background-size:70px auto; }

    .discount .wrapper { padding-right:350px; background-size:auto 80%; min-height:300px; }

    .license .wrapper { padding-right:350px; background-size:auto 80%; min-height:300px; }

    .testimonials .review { width:80%; padding-right:5%; }
    .testimonials .companies { width:15%; }
    .testimonials .companies span { height:40px; margin-bottom:15px; }

    .love .col { display:block; width:100%; padding-left:125px!important; }
    .love .love-proficiency { padding-top:30px!important; }
    .love .love-support { padding-top:20px!important; }
}

@media(max-width:766px) {
    .no-scroll { overflow:hidden; height:100%; margin:0px; }
    .wrapper { max-width:100%!important; padding-left:25px!important; padding-right:25px!important; }
    h1, h1 * { font-size:35px; margin-bottom:40px; }
    h2, h2 * { font-size:25px!important; margin-bottom:20px; }

    header { position:fixed; z-index:1000; background:#fff; border-bottom:2px solid #f7f6f4; width:100%; height:75px; top:0; }
    header a.logo { width:108px; height:36px; background-size:auto 36px; }
    header nav { display:none; position:fixed; float:none; width:100%; left:0; top:75px; padding:10px 0; background:#fff; border-bottom:2px solid #f7f6f4; }
    header nav a { display:block; padding:15px; }
    header .nav-toggle { display:inline-block; }
    header .get-started { display:block; margin-top:-5px; }
    footer nav { display:block; position:relative; }
    footer nav .info { display:block; padding-top:100px; }
    footer nav .info span.terms { clear:both; display:block; width:100%; margin-left:0px; }
    footer nav .info span.terms a { display:inline-block; margin-right:20px; margin-top:15px; }
    footer nav .info span.terms a:last-child { margin-right:0px; }
    footer nav .info span.address { width:45%; float:left; margin:0!important; }
    footer nav .info span.contacts { width:45%; float:right; margin:0!important; position:relative; left:-10px; }
    footer nav .info p { background:none; padding-left:0px; }
    footer nav .info .copy { display:block; }
    footer nav .social { display:block; width:100%; text-align:left; background:url('../i/logo-tmate.png') no-repeat 0 0; background-size:auto 100%; padding-bottom:20px; padding-left:53%; position:absolute; top:0px; }
    footer nav .social a { height:32px; width:32px; background-size:32px 32px!important; margin-left:10px; }
    footer nav .social p { display:none; }
    .modal { position:absolute; width:100%!important; left:0!important; margin:0!important; padding:0!important; }
    .modal .container { overflow-y:auto; height:100%; }
    .modal .container .wrapper { padding:40px 20px; }
    .modal .close { position:static; float:right; }
    .modal h2 { font-size:25px!important; }
    .row .col, .col, .form .col, .contact .form .col, .form .row .col { display:block!important; width:100%!important; float:none!important; margin:0!important; padding:0!important;  }
    .form .row .col { padding:20px 0 0 0!important; }
    .form .req-error { text-align:left!important; width:100%!important; margin-bottom:20px; }

    .cookies { margin-top:72px; }

    .contact .form .issue { display:block; margin-left:0; margin-top:20px; }
    .contact .form label { display:inline-block!important; width:50%; margin-bottom:20px; padding-left:25px; padding-top:5px!important; line-height:25px; font-size:16px; background-size:20px auto!important; }
    .contact .form label[for='quote'], .contact .form label[for='other'] { width:40%; position:relative; left:10px; }
    .contact .contact-success { padding-right:0; padding-bottom:80%; padding-top:0; background-position:center bottom; background-size:100% auto; }

    .download.ty-success { padding-right:50px; padding-bottom:70%!important; background-position:center bottom; background-size:80% auto; }
    .download h5 { margin-bottom:10px!important; font-family:'Lato', sans-serif; font-weight: 500; }
    .download .form input + label { margin-bottom:10px; }
    .download .form { padding:0; border:none; }
    .download .form p { font-size:14px; }
    .download .disclaimer .atlassian { padding-top:10px; }

    .hello { padding-bottom:30px; padding-right:15px!important; min-height:auto; background-size:auto 240px; background-position:center 58%; }
    .hello h1, .hello h1 * { font-size:25px; line-height:33px; }
    .hello p { margin-top:300px; font-size:18px; }

    .server .tabs { height:72px; max-width:auto!important; position:relative; border-top:1px solid #f7f6f4;  }
    .server .tabs .tabs-arrow { display:block; position:absolute; top:0; z-index:1001; cursor:pointer; width:60px; height:72px; }
    .server .tabs .tabs-arrow-left { background:#fff url('../i/main/server-arrow-left.png') center center no-repeat; left:0; border-right:1px solid #f7f6f4; }
    .server .tabs .tabs-arrow-right { background:#fff url('../i/main/server-arrow-right.png') center center no-repeat; right:0; border-left:1px solid #f7f6f4; }
    .server .tabs ul { height:72px; overflow-y:hidden; }
    .server .tabs li { height:72px; width:100%; border:none; }
    .server .tabs li.gerrit { background-size:80px auto!important; }
    .server .tabs li:hover { border:none; }
    .server .tabs li:not(.active) { display:none; }
    .server .tabs li.active {  }
    .server .tabs li.active:before { border-bottom-color:#5b849a!important; }
    .server .started { padding-top:40px; padding-bottom:40px; }
    .server .started p { width:100%; font-size:16px; line-height:24px; font-family:'Lato', sans-serif; font-weight: 500; }
    .server .started .button { display:none; }
    .server .server-content { padding-top:40px; }
    .server .server-content ul { background-size:100% auto; background-position:top center; padding-bottom:0; padding-top:80%; min-height:auto!important; }
    .server .server-content h2, .server .server-content h2 * { font-size:30px; line-height:40px; }

    .love { padding:50px 0; }
    .love .col { padding-left:75px!important; background-size:50px auto; }
    .love .col h3 { font-size:20px; }
    .love .love-proficiency { padding-top:20px!important; }
    .love .love-support { padding-top:20px!important; }

    .thanks code { padding:5px 15px; font-size:14px; }

    .migration { padding:50px 0; background:none; }
    .migration h4 { font-size:20px; }
    .migration ul { margin-bottom:0; }
    .migration .button { display:none; }

    .testimonials { padding:50px 0 30px 0; }
    .testimonials h2 { font-size:35px!important; margin-bottom:70px!important; }
    .testimonials .companies { margin-top:70px!important; height:62px; max-width:auto!important; position:relative; }
    .testimonials .companies div { overflow-y:hidden; }
    .testimonials .companies .tabs-arrow { display:block; position:absolute; top:0; z-index:1001; cursor:pointer; width:60px; height:62px; }
    .testimonials .companies .tabs-arrow-left { background:url('../i/main/server-arrow-left.png') top center no-repeat; left:0; }
    .testimonials .companies .tabs-arrow-right { background:url('../i/main/server-arrow-right.png') top center no-repeat; right:0; }
    .testimonials .companies div span { float:left; width:100%; height:70px; }
    .testimonials .companies div span:not(.active) { display:none; }
    .testimonials .companies div span img { max-width:100%!important; height:auto!important; }

    .team { padding:50px 0; }
    .team h2 { font-size:35px!important; margin-bottom:40px!important; }
    .team .row { display:block; }
    .team .col { text-align:center; display:inline-block; float:left!important; width:50%!important; margin-bottom:50px!important; }
    .team .col:last-child { margin-bottom:0!important; }
    .team .col h3 { margin-bottom:20px; }
    .team .col img { width:50%!important; }
    .team .col p { padding:0 5%!important; }

    .help p { font-size:16px; line-height:24px; padding-left:70px; padding-top:0; background-size:50px auto; }

    .open-source { margin-bottom:40px; }
    .open-source p { width:100%; }
    .open-source .button { display:none; }

    .discount { padding:30px 0 40px 0; }
    .discount .wrapper { padding-right:0; padding-bottom:75%; background-position:bottom center; background-size:50% auto; }

    .open-source-page main { margin-bottom:50px; }
    .license { padding:30px 0 0 0; }
    .license .wrapper { padding-right:0; padding-bottom:75%; background-position:bottom center; background-size:60% auto; }

    .post-download-page .pricing .trial { margin-bottom:30px; }
    .pricing { margin-top:50px; }
    .pricing h1 { margin-bottom:30px; }
    .pricing h2 { font-size:20px; line-height:30px; }
    .pricing h2.blue { line-height:35px; }
    .pricing h2.red { font-size:30px!important; line-height:40px!important; }
    .pricing h2 .server { margin-left:0; margin-top:0px; background-size:auto; }
    .pricing h2 .gerrit { min-height:50px; }
    .pricing h2 .bitbucket { min-height:50px; }
    .pricing h4.blue { font-size:20px!important; line-height:25px!important; margin-bottom:30px; }
    .pricing h5 { margin-bottom:30px; }
    .pricing .atlassian { padding-top:5px; margin-bottom:25px; }
    .pricing .more-options { margin-top:50px!important; }
    .pricing .plans { margin:10px 0 30px 0; }
    .pricing .plans .enterprise .users { width:100%!important; }
    .pricing .plans .enterprise .maintenance label { width:33.33333%; }
    .pricing .plans .enterprise .price { display:block; position:static; }
    .pricing .plans .enterprise button { display:block; margin-top:50px; }
    .pricing .plans .enterprise .get-quote { display:block; margin-left:0; margin-top:20px; }

    .support .wrapper { padding-right:50px; padding-top:40px; padding-bottom:90%!important; background-position:center bottom; background-size:80% auto; }
    .support h2 { font-size:30px; margin-bottom:40px; }
}