body,html {
  height: 100%;
  width: 100%;
  margin: 0;
  font-family: 'Open Sans', sans-serif;

  padding: 0;
}

html {
  font-size: 14px;
  color: #444;
}

body {
  font-size: 14px;
  background-color: #fff;
}

h1,h2,h3,h4,h5,h6 {
  margin: 0 0 1rem;
  font-weight: 200;
  color: #111;
}

.lc-alert {
  position: fixed;
  bottom: 5rem;
  width: 100%;
  z-index: 5000;
}

.lc-alert .alert {
  width: 70%;
  margin: 0 auto;
  max-width: 45rem;
}

.lc-alert .close-alert {
  cursor: pointer;
  float: right;
}

.error-page {
  background: url(/images/singer_porsche.jpg) 0 0/cover;
  position: absolute;
  height: 100%;
  width: 100%;
  text-align: center;
}

header {
  box-sizing: border-box;
  zoom: 1;
}

header:before {
  content: '';
  display: block;
}

header:after {
  content: '';
  display: table;
  clear: both;
}

#wrapper {
  height: 100%;
}

#main {
  margin: 1rem auto;
}

body.app #main {
  bottom: 0;
  width: 100%;
  margin: 0;
  overflow: auto;
}

body.admin #main {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

header {
  margin: 0;
  padding: .5rem 4rem;
  background-color: #fff;
  border-bottom: 1px solid #ccc;
}

header.static-header nav#header-profile {
  height: 60px;
}

header.static-header nav#header-profile a {
  line-height: 60px;
}

header .welcome-header {
  text-align: center;
}

header h1 {
  color: #222;
  display: inline-block;
  vertical-align: top;
  margin: 0;
  font-size: 25px;
  line-height: 2rem;
  font-weight: 400;
  letter-spacing: -.03rem;
}

header h1:active,header h1:focus,header h1:hover {
  color: #428bca;
}

header nav {
  line-height: 2rem;
}

header img.logo {
  width: 50px;
}

header .nav-item {
  font-size: 16px;
  margin-left: 1rem;
}

header .nav-item sup {
  margin-left: 2px;
  color: #dc0d17;
  font-weight: 700;
  font-size: 11px;
}

header .nav-item:first-child {
  margin-left: 0;
}

header .nav-item.nav-caret {
  margin-left: .25rem;
  margin-right: -.75rem;
  color: #999;
}

header .nav-item:link,header .nav-item:visited {
  color: #222;
  text-decoration: none;
  display: inline-block;
  vertical-align: top;
  line-height: 2rem;
}

header .nav-item.active {
  color: #999;
}

header .nav-item:active,header .nav-item:focus,header .nav-item:hover {
  color: #007ee6;
}

@media screen and (max-width:767px) {
  header .nav-breadcrumb {
    display: none!important;
  }
}

nav#header-breadcrumbs {
  float: left;
  height: 2rem;
}

nav#header-profile {
  float: right;
  height: 2rem;
}

nav#header-profile .dropdown-toggle {
  display: block;
  height: 2rem;
  padding: 0 .25rem;
  line-height: 2rem;
  vertical-align: middle;
  cursor: pointer;
  color: #222;
  text-decoration: none;
  font-weight: 400;
}

nav#header-profile .dropdown-toggle:active,nav#header-profile .dropdown-toggle:focus,nav#header-profile .dropdown-toggle:hover {
  color: #428bca;
}

nav#header-profile img.profile-image {
  display: inline-block;
  vertical-align: top;
  margin-top: .25rem;
  margin-right: .25rem;
  box-sizing: border-box;
  width: 1.5rem;
  height: 1.5rem;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  background-clip: padding-box;
}

nav#header-profile .dropdown-menu {
  left: auto;
  right: 0;
  margin-top: 0;
}

nav#header-profile .dropdown-menu li.divider {
  margin: 4px 0;
}

nav#header-profile .dropdown-menu a:active,nav#header-profile .dropdown-menu a:focus,nav#header-profile .dropdown-menu a:hover {
  color: #fff;
  background-color: #34a1ff;
}

nav#header-feedback {
  float: right;
  height: 2rem;
}



textarea {
  resize: vertical;
}

section.global-alerts {
  position: fixed;
  bottom: 2rem;
  left: 2rem;
  right: 2rem;
  z-index: 2000;
}

section.global-alerts .alert {
  position: relative;
  max-width: 50rem;
  margin: 0 auto;
  font-size: 16px;
  box-shadow: 0 0 30px 0 rgba(0,0,0,.3);
}

.page-loading {
  position: absolute;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  background-color: rgba(255,255,255,.5);
}

.page-loading span.page-loading-inner {
  display: block;
  position: absolute;
  bottom: 50%;
  width: 100%;
}

.page-loading span.loading-text {
  display: none;
}

.page-loading span.loading-image {
  display: block;
  width: 88px;
  height: 88px;
  margin: 0 auto;
  background: url(/images/loading-large.gif) no-repeat;
}

.item-loading {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(/images/loading.gif) no-repeat;
}

.flip-glyph {
  moz-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  transform: scaleX(-1);
  -ms-filter: fliph;
  filter: fliph;
}

.announcement {
  margin-bottom: 2rem;
  padding: 1rem;
  background-color: #fff;
  border: 1px solid #ccc;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  background-clip: padding-box;
}

.announcement :last-child {
  margin-bottom: 0;
}

.announcement h4 {
  font-size: 18px;
}

.announcement p {
  font-size: 14px;
}

input.task.inline-input {
  font-size: 30px;
  font-weight: 700;
}

input.subtask.inline-input {
  font-size: 20px;
}

input.inline-input {
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  border: none;
  padding: 0;
  width: 100%;
  color: #111;
  line-height: 1;
  cursor: pointer;
}

input.inline-input::-webkit-input-placeholder {
  line-height: 1.5;
  color: #aaa;
}

input.inline-input:-moz-placeholder {
  color: #aaa;
}

input.inline-input::-moz-placeholder {
  color: #aaa;
}

input.inline-input:-ms-input-placeholder {
  color: #aaa;
}

input.inline-input:hover {
  color: #777;
}

input.inline-input:focus {
  color: #111;
  cursor: text;
  outline: 0;
  background-color: #f0f0f0;
}

textarea.inline-textarea {
  display: block;
  width: 100%;
  line-height: 1.5;
  color: #111;
  min-height: 6rem;
  border: none;
  padding: 0;
  cursor: pointer;
}

textarea.inline-textarea:hover {
  color: #777;
}

textarea.inline-textarea:focus {
  color: #111;
  cursor: text;
  outline: 0;
}

section.home {
  background-color: #fff;
  padding: 5rem 0;

/*  margin-bottom: -100px;
*/}
.subNotifications img.screenshot {
  display: block;
    padding-right: 50px;

  width: 90%;
}


section.home .container {
  /*max-width: 960px;*/
}

section.home .site-title {
  color: #fff;
  position: absolute;
  font-size: 900%;
  left: 10%;
  top: 10rem;
}

section.home .sign-up {
  position: absolute;
  left: 65%;
  top: 6rem;
}

section.home .sign-up form {
  width: 20rem;
  margin: 0 auto;
}

section.home img.screenshot {
  display: block;
  width: 100%;
}



section.home .social-buttons {
  margin: 1rem;
  text-align: center;
}

section.home .social-buttons a {
  margin-right: 1rem;
}

section.home .social-buttons a:last-child {
  margin-right: 0;
}


section.home .button-inner {
  height: 46px;
  line-height: 46px;
  display: block;
  font-size: 18px;
  text-decoration: none;
  padding: 0 80px 0 79px;
}

section.thanks {
  font-weight: 300;
  color: #535353;
  -webkit-font-smoothing: antialiased;
  text-align: center;
  padding-top: 4rem;
}

section.thanks h1 {
  font-weight: 300;
  font-size: 46px;
  padding: .5rem 0;
}

section.thanks p {
  font-weight: 300;
  font-size: 30px;
  line-height: 1.5;
  padding: .5rem 0;
}

section.thanks .social-buttons {
  margin: 3rem;
}

section.thanks .social-buttons a {
  margin: 2rem 1rem;
}

section.thanks .cover-header {
  height: 6rem;
  width: 100%;
  background-color: #fff;
  border-bottom: 1px solid #ccc;
  position: absolute;
  top: 0;
}

section.thanks .cover-header h1 {
  padding: 1rem;
}









@media (min-width: 768px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 10px;
    vertical-align: middle;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .form-inline .input-group .input-group-addon,
  .form-inline .input-group .input-group-btn,
  .form-inline .input-group .form-control {
    width: auto;
  }
  .form-inline .input-group > .form-control {
    width: 100%;
  }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    vertical-align: middle;
  }
  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    float: none;
    margin-left: 0;
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}


@media (min-width: 1200px) {
  #join_waitlist_email {
    width:205px;
  }
}

#waitlist_wrapper{
  margin-top:30px;


}
.topLists{
  padding-bottom: 0px;
}

.leadContent .description{
  padding:50px;
}
.leadContent h1 {
  margin-bottom: 0px;
}
.leadContent h1{
  margin-top:100px;

}
.leadContent h2 {

  font-size: 2.2rem;
  font-weight: 600;
  color: #fff;
}

.leadContent h4 {
    line-height: 1.3;
    color: #fff;
    font-size: 15px;
  font-weight: 200;
/*  -webkit-font-smoothing: antialiased;
*/}

.input-lg {
  height: 48px;
  padding: 10px 16px;
  font-size: 17px;
  line-height: 1.33;
  border-radius: 4px;
}

.waitlist-button{
/*  background-color: #FFC327;
  border-color:#ffcb08;*/
}
.screenshot{
  margin-top:1.5rem;
}
.subContent{
  margin-top:5rem; margin-bottom: 2rem;
    text-align: center; 

}
.testimonials ul{
  padding:0px;
}
.feedbackItem{
    list-style-type: none;
    padding: 12px 20px 20px;
    background-color: #F1F1F1;
    border-radius: 10px;
    min-height: 110px;
    font-size: 21px;
    font-weight: 200;
}
.feedbackQuote{
      text-align: right;
    padding: 10px 15px;
}
.pressAboutUs img{
  width:135px;
}

@media (min-width: 1200px) {
 .subContent h2{

  } 
}

.subContent h4{
    line-height: 1.6;
  font-size: 15px;
}
.newcomersfree{
  font-weight: 400;
}
.waitingList{
  text-align: center;
}
.waitingList p{
  font-weight: 100;
}
.waitlist-header{
  font-weight: 600;
}

.share-wrapper {
  padding-bottom: 10px;
}
@media (min-width: 768px) {

  .share-wrapper {
    display: inline-block;
    margin: 0 5px;
  }
  .description{
      text-align:left;
    }
.subNotifications .description{
  padding:100px 40px;
}
    
}


.noBread h3{
  color:white;font-weight: 500;  text-shadow: 0px 1px 2px #2F2F2F;
}
.noBread h4, .noBread li{
  color:white;line-height: 2;margin-left: 0px;  text-shadow: 0px 1px 1px #8E8E8E;
}

@media (max-width: 414px){

  .noBread h3{
    text-align: center;
  }
  .noBread h4{
    margin:0px;
    text-align: center;
  }
  .yellowContent img{
      width: 100%;
  }
  .subNotifications img.screenshot{
    padding-right: 0px;
  }


}


@media (max-width: 380px){
  img.topLists{
    padding: 20px;  
  }
  .leadContent h1{
    margin:0px;
  }
}
@media (min-width:320px; max-width: 768px){


  img.topLists{
      padding: 100px;
      padding-bottom: 0px;
  }
  
}
@media (min-width:1220px){


  img.topLists{
      padding-right: 100px;

  }
  
}
@media (max-width: 1268px){
  .reviewsProof ul li{
    margin-bottom:20px;
    list-style-type: none;
  }
  .noBread{
    margin-top:10px;
  }
  .subNotifications .description{
  padding:50px 40px;
}
  .subNotifications .description ul{
    padding:0;

  }
  .subNotifications .description ul li {
    list-style-type: none;
}

  .description{
    text-align: center;
  }
  .subNotifications img.screenshot{
    width:100%;
    padding-right: 0px;
  }
}    
@media (max-width: 100px){
  section.home{
    margin-bottom: 0px;
  }
}
.share-button {
  padding: 5px 25px;
  text-align: center;
  width: 100%;
}
.share-icon {
  margin-top: -6px;
}
.preperk .btn{
  margin-right: 5px;
}

.stickyMashable{
  
}
.sticky {
    position: fixed;
  top: 0px;
  height: 60px;
  left: 0;
  width: 100%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-transition: all 400ms ease;
  -moz-transition: all 400ms ease;
  -ms-transition: all 400ms ease;
  transition: all 400ms ease;
  z-index: 10;
}
.sticky div{
  position:absolute; top:0; left:0; width:100%; height:100%;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
background:#3399FF;
color:#fff;
font-size:16px;
padding-top:15px;
text-align:center;
}
.sticky a{
  background:#00CC66;color:#fff; text-decoration:none; display:inline-block;
border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
padding:5px 10px;
vertical-align:middle;
margin-top:-5px;
font-size:16px; font-weight:bold;
margin-left:10px;
}



.subNotifications .description ul {
    line-height: 2;
}

.socials img{
  width:30px;
}