/** Reset some basic elements */
body, h1, h2, h3, h4, h5, h6, p, blockquote, pre, hr, dl, dd, ol, ul, figure { margin: 0; padding: 0; }

@font-face { font-family: Qlassik; src: url("../fonts/Qlassik_TB.ttf"); }

body { font-family: Ubuntu, sans-serif; color: #666666; line-height: 1.2; width: 100%; min-width: 980px; background: url("../img/bg.png"); }

h1 { font-family: Qlassik, sans-serif; color: #60a839; font-size: 72px; padding-bottom: 7px; border-bottom: 2px solid #60a839; margin-bottom: 15px; }

h2 { font-size: 28px; }

h3 { font-size: 21px; font-weight: bold; }

.highlight { color: #595959; font-weight: bold; }

a .highlight { text-decoration: underline; }

a { text-decoration: underline; font-weight: bold; }

.float { float: left; }

p span.big-font { font-size: 24px; }

ul { list-style-type: none; }

.prompt { color: #FF8080; -webkit-user-select: none; /* Chrome/Safari */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* IE10+ */ }

.green { color: #A4DB85; }

.blue { color: #87ceeb; }

.bold { font-weight: bold; }

/** Pygments' tokens for snippet highlight .nc Name.Class .nf Name.Function .ns Name.Namespace .kn Keyword.Namespace .k  Keyword .s  String */
.ns, .k { color: #A4DB85; font-weight: bold; }

.nc, .nn, .nf, .s { color: #87ceeb; }

.nc, .nn { font-weight: bold; }

/* XXX: this is specific for pygments output markup, overrides main style */
pre code { color: #ffed79; font-weight: normal; }

.tab { margin-left: 20px; }

.tab2x { margin-left: 40px; }

pre .comments { color: #A7A9AC; }

pre .placeholder { color: #87ceeb; }

.container { display: block; width: 967px; margin: auto; overflow: auto; }

.first-row { height: 240px; width: 100%; margin-bottom: 30px; clear: both; }

.first-row2 { width: 100%; clear: both; height: 300px; margin-bottom: 10px; }

.first-row3 { width: 100%; clear: both; height: 260px; margin-bottom: 10px; }

.block-left { width: 500px; float: left; }

.block-right { width: 460px; float: left; }

#scrapy-logo { height: 100px; background: url("../img/scrapylogo.png") no-repeat; margin-bottom: 20px; }

.second-row { width: 100%; clear: both; overflow: hidden; background-color: #f2f2f2; background-position: center; }

.third-row, .third-row-down { height: 306px; width: 100%; }

.block-01, .block-02, .block-03 { width: 320px; float: left; text-align: center; padding-top: 35px; }

.fourth-row { width: 100%; height: 180px; background-color: #60a839; padding-top: 35px; padding-bottom: 15px; clear: both; }

.header { width: 100%; height: 48px; background-color: #60a839; margin-bottom: 20px; }

.logo { width: 120px; height: 48px; margin-top: 10px; background: url("../img/scrapy-smalllogo.png") no-repeat; float: left; }

.header ul { float: right; }

.header ul li { float: left; padding: 5px 15px; text-decoration: none; color: #fff; margin-top: 10px; font-size: 14px; font-weight: normal; border-left: solid 2px #51952c; }

.header ul a:first-child li { border: 0px; }

.header ul a:last-child li { padding-right: 0px; font-weight: bolder; }

.block-left h1, .block-left p { width: 70%; }

.block-left a { color: #60a839; }

.big-button { color: #fff; background-color: #60a839; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px; float: right; min-width: 310px; font-family: Bitter, serif; text-align: center; padding-bottom: 16px; }

.big-button p { font-size: 48px; margin-top: 7px; }

.big-button .install-code { padding-top: 5px; padding-bottom: 7px; margin-top: 10px; margin-left: 54px; margin-right: 54px; font-family: "Ubuntu Mono", monospace; background-color: #383838; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px; color: #ffed79; }

.big-button button { background-color: #CBEABA; color: #006838; border: 0px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px; padding: 3px 8px; font-family: Bitter, serif; margin-top: 15px; cursor: pointer; }

.big-button a { margin-right: 20px; }

.big-button a:last-of-type { margin-right: 0px; }

.big-button .box-title { color: #CBEABA; font-size: 20px; text-decoration: none; font-weight: normal; margin: 13px 27px; }

.big-button .download-stripe { background-color: #51952c; width: 100%; line-height: 54px; }

.big-button .download-stripe p { font-size: 30px; font-weight: bold; }

.big-button .download-alternatives { margin-left: 54px; margin-right: 54px; }

.block-left .developer-branch { float: left; margin-top: 48px; padding-bottom: 10px; width: 280px; background: url("../img/dev-branch-bg2.png"); }

.block-left .developer-branch i { padding: 10px 11px; }

.block-left .developer-branch p { width: 200px; }

.developer-branch { float: right; margin-top: 12px; padding-bottom: 10px; width: 358px; background: url("../img/dev-branch-bg.png"); }

.developer-branch i, .developer-branch p { float: left; margin-right: 12px; }

.developer-branch i { background-color: #60a839; color: #fff; border-bottom: 3px solid #51952c; font-size: 24px; padding: 6px 12px; -webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; border-radius: 40px; margin-top: 2px; }

.developer-branch p { font-size: 14px; padding-top: 7px; }

.developer-branch button { background-color: #60a839; border: 0px; border-bottom: 3px solid #51952c; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px; padding: 5px 8px; font-family: Ubuntu, sans-serif; color: #fff; margin-top: 7px; margin-right: 5px; cursor: pointer; }

div.badges-bar { float: left; margin: 1em 0; }

div.badges-bar a { text-decoration: none; }

.maintained-by { margin-top: 1em; }

.maintained-by a { text-decoration: none; color: #B02CCE; }

.code-box-line { padding-top: 28px; }

.code-subs { float: right; width: 310px; height: 60px; text-align: right; padding: 15px 10px; font-size: 14px; background: url("../img/subs-line.png") no-repeat; background-position: 0 72px; }

.code-subs p { font-family: Bitter, serif; font-size: 24px; margin-bottom: 4px; }

.code-subs .sub-sub { margin-top: 20px; font-size: 14px; }

.code-subs a { text-decoration: none; }

.code-box { width: 628px; padding-bottom: 10px; margin-bottom: 28px; background-color: #383838; float: right; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px; overflow: hidden; }

.code-box .tab-page { display: none; }

.code-box .active-page { display: block; }

.box-header { background: #a7a9ac; font-size: 14px; padding: 3px; }

.box-header p { padding: 3px 5px; margin-top: 3px; text-align: center; color: black; }

.box-code { padding: 10px 20px; color: #ffed79; line-height: 1.4; font-size: 12px; font-family: Courier, "Ubuntu Mono", Ubuntu, sans-serif, sans-serif; }

.close-btn { float: right; font-size: 30px; color: #fff; margin-top: -10px; margin-right: 4px; }

.block-01, .block-02, .block-03 { color: #60a839; }

.block-01 i, .block-02 i, .block-03 i { width: 120px; text-align: center; border-radius: 90px; -webkit-border-radius: 90px; -moz-border-radius: 90px; border: 9px solid #60a839; padding-top: 30px; padding-bottom: 30px; font-size: 54px; }

.block-01 h3, .block-02 h3, .block-03 h3 { padding-top: 15px; padding-bottom: 7px; }

.block-01 p, .block-02 p, .block-03 p { font-size: 14px; padding-left: 20px; padding-right: 20px; color: #666666; }

.fourth-row h2, .fourth-row p, .fourth-row ul { color: #fff; }

.fourth-row li { margin-bottom: 10px; }

.fourth-row h2 { padding-bottom: 10px; }

.fourth-row i { width: 70px; background-color: #fff; -webkit-border-radius: 90px; -moz-border-radius: 90px; -ms-border-radius: 90px; border-radius: 90px; text-align: center; padding-top: 14px; padding-bottom: 14px; font-size: 40px; border-bottom: 3px solid #51952c; color: #60a839; margin-left: 15px; }

.fourth-row .block-right { width: 390px; padding-left: 60px; }

.fourth-row .block-right li a { text-decoration: none; font-weight: normal; }

.fourth-row .block-right p { clear: both; padding-top: 25px; padding-bottom: 15px; }

.fourth-row .block-left { border-right: 1px solid #51952c; }

.fourth-row .block-left p { clear: both; padding-top: 25px; padding-bottom: 15px; }

.fourth-row .block-left p a i { width: auto; background: transparent; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; padding: 5px 5px; font-size: 21px; border-bottom: 0px; color: #fff; margin-left: 0px; }

.fourth-row a { font-weight: bold; color: #fff; }

.third-row-down { background-color: #f2f2f2; padding-top: 25px; height: 200px; }

.third-row-down h2 { margin-bottom: 25px; color: #60a839; font-weight: bold; }

.third-row-down a { color: #60a839; }

.third-row-down i { width: 70px; background-color: #fff; -webkit-border-radius: 90px; -moz-border-radius: 90px; -ms-border-radius: 90px; border-radius: 90px; text-align: center; padding-top: 14px; padding-bottom: 14px; font-size: 40px; border-bottom: 3px solid #51952c; color: #60a839; margin-left: 15px; }

.third-row-down p { clear: both; }

.third-row-down ul { list-style-type: circle; margin-left: 21px; margin-top: 7px; font-size: 18px; }

.third-row-down li { float: left; width: 50%; }

.third-row-down .block-right { padding-left: 60px; width: 399px; border-left: 1px solid #60a839; height: 160px; }

.third-row-down button { background-color: #60a839; border: 0px; border-bottom: 3px solid #51952c; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px; padding: 5px 8px; font-family: Ubuntu, sans-serif; color: #fff; margin-top: 21px; margin-right: 5px; cursor: pointer; float: right; }

.companies-container { margin-top: 25px; margin-bottom: 25px; clear: both; width: 960px; }

.company-box { width: 193px; height: 160px; margin-right: 20px; border: 1px solid #60a839; border-bottom: 3px solid #60a839; background-color: #fff; text-align: center; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px; font-size: 11px; padding-left: 15px; padding-right: 15px; float: left; margin-bottom: 20px; }

.company-box:nth-of-type(4n) { margin-right: 0px; }

.company-box img { height: 30px; margin-top: 15px; }

.icon-box { width: 71px; text-align: center; float: left; }

.icon-box i { margin-left: 0px !important; }

.icon-box h2 { clear: both; }

.icon-box p { float: left; width: 100%; margin: 0px; padding-top: 0px !important; padding-bottom: 0px !important; text-align: center; margin-top: 5px; }

.block-left span.float { color: #fff; padding: 20px 20px; }

.explain-text { float: left; margin-left: 25px; }

.explain-text p { width: 240px; float: left; padding-top: 10px !important; }

.fourth-row .block-right img { margin-left: 25px; }

.company-longbox { border: 1px solid #60a839; border-bottom: 3px solid #60a839; background-color: #fff; text-align: center; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px; font-size: 11px; float: left; margin: 20px auto; padding: 30px 0; width: 930px; }

.company-longbox img { height: 100px; margin: auto; }

.company-longbox a { color: #60a839; }

.company-longbox p { text-align: left; margin-top: 10px; padding-left: 30px; font-size: 16px; border-left: 1px solid #60a839; float: left; width: 540px; }

.company-longbox .logo-wrap { float: left; width: 309px; text-align: center; }

p.top-margin { margin-top: 50px; }

.community-box { padding: 25px 35px; background-color: #f2f2f2; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px; border-bottom: 3px solid #666; width: 390px; float: left; margin-right: 40px; margin-top: 25px; min-height: 162px; }

.community-box:nth-of-type(2n) { margin-right: 0px; }

.community-box:last-of-type { margin-bottom: 25px; }

.community-box h2, .community-box a { color: #60a839; font-weight: bold; }

.community-box h2 { float: left; }

.community-box h2.small-title { font-size: 24px; }

.community-box i { width: 70px; background-color: #fff; -webkit-border-radius: 90px; -moz-border-radius: 90px; -ms-border-radius: 90px; border-radius: 90px; text-align: center; padding-top: 14px; padding-bottom: 14px; font-size: 40px; border-bottom: 3px solid #51952c; color: #60a839; margin-left: 35px; }

.community-box p { font-size: 14px; padding-right: 25px; padding-top: 5px; padding-bottom: 5px; }

.community-box button, .community-box input[type=submit] { background-color: #60a839; border: 0px; border-bottom: 3px solid #51952c; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px; padding: 5px 8px; font-family: Ubuntu, sans-serif; color: #fff; margin-top: 7px; margin-right: 5px; cursor: pointer; }

.community-box button { float: right; margin-top: 17px; }

.community-box input[type=text] { padding: 7px 7px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px; border: 1px solid #60a839; font-family: Ubuntu, sans-serif; width: 300px; }

.community-box hr { clear: both; border-color: #60a839; margin-top: 10px; margin-bottom: 10px; }

.community-box h2 i { margin: 0px; padding: 0px; background: transparent; width: auto; height: auto; color: auto; border: 0px; margin-right: 25px; margin-bottom: 10px; }

.footer { width: 100%; text-align: center; color: #fff; background-color: #51952c; }

.footer p { padding: 15px 15px; background-color: #F2F2F2; color: #666666; }

.footer a { font-weight: bold; color: #B02CCE; text-decoration: none; }

.footer iframe { margin-top: 15px; margin-bottom: 15px; }

.footer hr { width: 960px; border: 1px solid #754c24; margin: auto; }

.resources-section h2 { margin-top: 20px; margin-bottom: 20px; }

.resources-section div.resource { margin-bottom: 20px; background-color: #f5f5f5; padding: 10px; border-radius: 5px; }

.resources-section div.title { font-weight: bold; font-size: 14pt; margin-bottom: 4px; }

.resources-section div.title a { text-decoration: none; color: #60a839; }

.resources-section div.resource-metadata { margin-bottom: 8px; }

.resources-section div.resource-metadata span.author { font-weight: bold; }

.menu-toggle-button { cursor: pointer; display: none; padding: 9px 14px; user-select: none; color: #ffffff; }

.menu-toggle:focus ~ .menu-toggle-button, .menu-toggle-button:hover { background-color: #51952c; }

.menu-toggle { opacity: 0; pointer-events: none; position: absolute; float: right; }

@media only screen and (max-width: 980px) { i.fa.fa-bars { font-size: 30px; } .header ul { position: relative; float: none; } .header ul li { margin: 15px auto; border-left: none; padding: 0; text-align: center; float: none; } .navigation { background-color: #60a839; display: flex; flex-direction: column; top: -11px; width: 100%; } .navigation a { text-decoration: none; } .navigation a:hover { background-color: #51952c; } .menu-toggle:not(:checked) ~ .navigation { display: none; } .menu-toggle-button { display: inline-block; float: right; } }

.announcement { padding: 5px; background-color: #db005f; color: #ffffff; text-align: center; }

.announcement a { color: #ffffff; line-height: 1.6; text-decoration: underline; }

@keyframes blink { 0% { opacity: 1; }
  50% { opacity: 0; }
  100% { opacity: 1; } }

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