@charset "UTF-8";
/* CSS Document */
html, body, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { color: #888; font-family: Avenir, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 200 !important; text-rendering: optimizeLegibility; }

h1, h2, .h1, .h2 { font-weight: 400 !important; }

h1, h2, h3, h4 { color: #99CC00; }

.container { padding: 0 15px; width: 100%; }

.twitter-share-button{ position: absolute; z-index: 99; right: 110px; top: 10px; }
.fb-share-button{ position: absolute; z-index: 99; right: 10px; top: 10px; }
.btn-primary { background-color: #99CC00; border: none; }
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active { background-color: #99CC00; border: none; }

.center-vertical-outer { display: table; height: 100%; position: absolute; table-layout: fixed; width: 100%; }

.center-vertical-inner { display: table-cell; text-align: center; vertical-align: middle; }

.center-horizontal { display: block; text-align: center; vertical-align: middle; }

.small { font-size:60%; }

.header { background-color: white;  }

header { color: white; height: 550px; padding: 0 10px; position: relative; }
header.header-short { height: 250px; }

header #logo { background-size: 190px 46px; background-image: url(../images/logo.png);  background-size: 100% 100%; height: 46px; margin: 35px 0 0 25px; position: absolute; text-indent: -9999px; width: 190px; z-index: 1000; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { header #logo { background-image: url(../images/logo@2x.png); -webkit-background-size: cover ""; -moz-background-size: cover ""; -o-background-size: cover ""; background-size: cover ""; } }
@media (max-width: 767px) { header #logo { margin: 10px auto 0; } }
@media (max-width: 599px) { header #logo { height: 33px; width: 123px; } }

header ul { line-height: 48px; margin: 35px 15px 0 0; position: absolute; right: 0; top: 0; z-index: 1000; }
@media (max-width: 767px) { header ul { margin: 10px 0 0 0; } }
@media (max-width: 599px) { header ul { display: none; } }
header ul li { margin: 0 10px; }
header ul li a, header ul li a:hover { color: #99CC00; }

header h4, .press-release h4 { color: #333; margin-top: 0; margin-bottom: 15px; }

.row.spacer { margin-top: 30px; }
.row.headline { font-size: 125%; line-height: 1.5; margin-top: 100px; margin-bottom: 100px; padding: 0 30px; text-align: right !important; }
.row.headline h2 { margin-bottom: 0; }
.row.headline h4 { color: #333; margin-top: 0; margin-bottom: 15px; }
@media (max-width: 767px) { .row.headline { font-size: 100%; margin-top: 40px; margin-bottom: 40px; padding: 0 10px; } }
@media (max-width: 991px) { .row.headline { text-align: center !important; } }
.row.headline .screenshot { background-image: url(../images/logtempo_tasks_home.png); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: contain; height: 396px; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .row.headline .screenshot { background-image: url(../images/logtempo_tasks_home@2x.png); -webkit-background-size: contain ""; -moz-background-size: contain ""; -o-background-size: contain ""; background-size: contain ""; } }
@media (max-width: 767px) { .row.headline .screenshot { height: 210px; } }


.carousel-caption { text-align: right; text-shadow:none; } 
.carousel-caption p { color: #333; }

.press-releases h4 { color: #333; }
.press-releases a, .press-releases a:hover, .press-release a, .press-release a:hover { color: #99CC00; }
.press-releases a { display: block; margin-top: 10px; }


.media-download-all a, .media-download-all a:hover { color: white; }
.media-download-all .btn-download { display: block; margin: 40px auto; }

.media-kit img { border: 1px solid whitesmoke; height: 250px; width: 250px; }
.media-kit img.no-border { border: 0; }

.row a, .row a:hover, .support a, .support a:hover { color: #99CC00; }

form { margin-bottom:1em; text-align:center }
input.emailfield { width:62%; max-width:800px; outline:0; border:1px solid #888; -webkit-border-top-left-radius:5px; -moz-border-radius-topleft:5px; border-top-left-radius:5px; -webkit-border-top-right-radius:0; -moz-border-radius-topright:0; border-top-right-radius:0; -webkit-border-bottom-right-radius:0; -moz-border-radius-bottomright:0; border-bottom-right-radius:0; -webkit-border-bottom-left-radius:5px; -moz-border-radius-bottomleft:5px; border-bottom-left-radius:5px; padding:.5em 1em; background-clip:padding-box; -moz-background-clip:padding; -webkit-background-clip:padding-box }
input[type="submit"] { max-width:38%; position:relative; left:-1px; border:none; -webkit-border-top-left-radius:0; -moz-border-radius-topleft:0; border-top-left-radius:0; -webkit-border-top-right-radius:5px; -moz-border-radius-topright:5px; border-top-right-radius:5px; -webkit-border-bottom-right-radius:5px; -moz-border-radius-bottomright:5px; border-bottom-right-radius:5px; -webkit-border-bottom-left-radius:0; -moz-border-radius-bottomleft:0; border-bottom-left-radius:0; padding:5px 15px; background:#99CC00; background-clip:padding-box; color:#FFF; cursor:pointer; -moz-background-clip:padding; -webkit-background-clip:padding-box }
input { height:3em; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; font-size:100%; font-family:inherit }

.row.download { background-color: whitesmoke; padding: 60px 0; }
@media (max-width: 767px) { .row.download { padding: 40px 0; } }
@media (max-width: 991px) { .row.download { text-align: center; } }

.row.download h4 { color: #333; }
.row.download .download-button { background-color: #99CC00; border-radius: 5px; padding: 20px 5px; text-align: center; }
@media (max-width: 991px) { .row.download .download-button { margin-top: 20px; } }
.row.download .download-button h4 { color: white; display: inline; line-height: 40px; height: 40px; vertical-align: middle; margin-right: 10px; }
@media (max-width: 767px) { .row.download .download-button img { height: 35px; } }
.row.download a, .row.download a:hover { color: #FFF; text-decoration: none; }

#footer { background-color: #333; color: white; font-size: 105%; padding: 20px 0; }
#footer > div { height: 66px; }
#footer a { color: white; }
#footer ul { margin-bottom: 0; }
#footer .fa-stack { color: #99CC00; margin-right: 10px; }
@media (max-width: 767px) { #footer > div { line-height: 1.5; height: 110px}
  #footer .text { display: none; }
  #footer .fa-stack { margin-right: 0; } }