/* minify at https://www.minifier.org/ */
body {
	font-family: 'Open Sans', sans-serif;
	padding-top:50px;
}
.starter-template {
  padding: 40px 15px 20px 15px;
  text-align: center;
}
.right { text-align: right; }
.highlight {
	display: inline-block;
	padding: 8px 16px;
	width: 180px;
	border-right: 1px solid #CCCCCC;
	margin-bottom: 24px;
}
.highlight > div:first-child {
	font-size: 12px;
}
.highlight > div:nth-child(2) {
	font-size: 24px;
}
.searchbox{
	font-size: 48px;
	height: 84px;
}
#ctaSignup, #ctaSignup2 {
	font-size: 45px;
    padding: 8px 34px;
    position: relative;
    top: 241px;
}
#ctaSignup3, #ctaSignup4, #ctaSignup5, #ctaSignup6, #ctaSignup3b, #ctaSignup4b, #ctaSignup5b, #ctaSignup6b {
	font-size: 28px;
	padding:14px 34px;
	width:100%;
}
#ctaSignup3b, #ctaSignup4b, #ctaSignup5b, #ctaSignup6b {
	margin-bottom:21px;
}
#loading{
	width: 480px;
	margin: 40px auto;
	height: 200px;
}
.bubblingG {
	margin: auto;
	padding-top: 120px;
}
#cover {
	position:absolute;
	top:0px;
	height:100%;
	width:100%;
	background-color: white;
}
.noscroll {
	height:100%;
	overflow:hidden;
}
/*.table th a {
	color: white !important;
	text-decoration: none !important;
}*/
.hero-jumbotron{
    background: url(../jpg/hero2.jpg) no-repeat center center;
    background-size: cover;
    width: 100%;
    height: 510px;
    background-position-y: 10%;
}
.hero-jumbotron .container {
	margin-top:80px;
}
.hero-jumbotron .h1, .hero-jumbotron h1 {
	font-size:63px;
	color: white;
	padding-top: 60px;
}
#jumbofill {
	background-color: rgba(236, 125, 35, 0.75);
	width: 100%;
	height: 420px;
	margin-top: -48px;
}
#searchhelp {
	background-color: #eeeeee;
	padding: 20px 50px;
}
#searchhelp b {
	color: #EC7D23;
}
#logo {
	width: 132px;
	margin-top: -2px;
}
#signup {
	background-color: #27AD9D;
}
#loError, #suError, #acError, #invError, #xError {
	color: red;
	display:none;
}
#acSuccess, #loSuccess, #invSuccess {
	color: #5CB85C;
	font-weight:bold;
	display:none;
}
#forgotTxt {
	display:none;
}
body.modal-open-noscroll{
    margin-right: 0!important;
    overflow: hidden;
}
.modal-open-noscroll .navbar-fixed-top, .modal-open .navbar-fixed-bottom{
	margin-right: 0!important;
}
#upgradeCTA {
	border: 1px solid #cccccc;
	border-radius: 5px;
	width: 97.2%;
	margin: 0px auto 40px auto;
	padding: 10px 40px 40px 40px;
}
.btn-cta {
	background-color: #EC7D23;
	color: white;
	font-size: 24px;
	margin-top: 20px;
}
.btn-cta:hover {
	background-color: #efa732;
	color: white;
}
.navbar-fixed-top {
	border-width: 0;
}
footer {
	margin-top: 200px;
	margin-bottom: 40px;
	font-size: 12px;
}
#feedback {
	max-width: 490px;
	margin: 0 auto;
}
#feedback textarea {
	width:100%;
	height:100px;
}
#intercom-container {
	display: none;
}
#features0, #features2, #features3, #features4, #features5 {
	width:100%;
	padding: 55px 0;
}
.navbar-fixed-top {
	-webkit-backface-visibility: hidden;
}
#searchaddons .input-group {
	margin-bottom: 8px;
}
#results {
	margin-top: 60px;
}
.modal-open .navbar-fixed-top,
.modal-open .navbar-fixed-bottom {
	padding-right: 17px;
}
#itemTable > tbody > tr > td:first-child {
	padding: 3px;
}
#marmapoints {
	color: #F5AF45;
}
input[type=checkbox].disabled, input[type=checkbox][disabled] {
	cursor: help;
}
#loLogin, #suSignup, #suSubscribe, #btnOauth, #xPurchase, #joLogin, #joSignup {
	width:100%;
	height:44px;
	margin-top: 12px;
	font-size: 16px;
}
#suSubscribe {
	height: auto;
	font-size:24px;
	padding: 12px 0px;
}
#joSignup {
	background-color:#30AE9E;
	border-color:#30AE9E;
}
#joSignup:hover {
	background-color:#249687;
	border-color:#249687;
}
#featureimg1{
	-webkit-animation-delay:.3s;
	-moz-animation-delay: 	.3s;
	-ms-animation-delay: 	.3s;
	-o-animation-delay: 	.3s;
}
#featureimg2{
	-webkit-animation-delay:.6s;
	-moz-animation-delay: 	.6s;
	-ms-animation-delay: 	.6s;
	-o-animation-delay: 	.6s;
}
#featureimg3{
	-webkit-animation-delay:.9s;
	-moz-animation-delay: 	.9s;
	-ms-animation-delay: 	.9s;
	-o-animation-delay: 	.9s;
}
#featureimg4{
	-webkit-animation-delay:1.2s;
	-moz-animation-delay: 	1.2s;
	-ms-animation-delay: 	1.2s;
	-o-animation-delay: 	1.2s;
}
#k1{
	-webkit-animation-delay:.1s;
	-moz-animation-delay: 	.1s;
	-ms-animation-delay: 	.1s;
	-o-animation-delay: 	.1s;
}
#k2{
	-webkit-animation-delay:.2s;
	-moz-animation-delay: 	.2s;
	-ms-animation-delay: 	.2s;
	-o-animation-delay: 	.2s;
}
#k3{
	-webkit-animation-delay:.3s;
	-moz-animation-delay: 	.3s;
	-ms-animation-delay: 	.3s;
	-o-animation-delay: 	.3s;
}
#k4{
	-webkit-animation-delay:.4s;
	-moz-animation-delay: 	.4s;
	-ms-animation-delay: 	.4s;
	-o-animation-delay: 	.4s;
}
#k5{
	-webkit-animation-delay:.5s;
	-moz-animation-delay: 	.5s;
	-ms-animation-delay: 	.5s;
	-o-animation-delay: 	.5s;
}
#k6{
	-webkit-animation-delay:.6s;
	-moz-animation-delay: 	.6s;
	-ms-animation-delay: 	.6s;
	-o-animation-delay: 	.6s;
}
#k7{
	-webkit-animation-delay:.8s;
	-moz-animation-delay: 	.8s;
	-ms-animation-delay: 	.8s;
	-o-animation-delay: 	.8s;
}
#k8{
	-webkit-animation-delay:.9s;
	-moz-animation-delay: 	.9s;
	-ms-animation-delay: 	.9s;
	-o-animation-delay: 	.9s;
}
#k9{
	-webkit-animation-delay:1s;
	-moz-animation-delay: 	1s;
	-ms-animation-delay: 	1s;
	-o-animation-delay: 	1s;
}
#k10{
	-webkit-animation-delay:1.1s;
	-moz-animation-delay: 	1.1s;
	-ms-animation-delay: 	1.1s;
	-o-animation-delay: 	1.1s;
}
#pricing{
	-webkit-animation-delay:1.2s;
	-moz-animation-delay: 	1.2s;
	-ms-animation-delay: 	1.2s;
	-o-animation-delay: 	1.2s;
}
.panel-heading h3 {
	font-size:34px;
}
.panel-heading h4 {
	font-size:21px;
}
.panel .btn-success {
	border-width: 3px;
}
.stripe-button-el {
    width: 100% !important;
    margin-top: 12px !important;
    color: #fff !important;
    background-color: #5cb85c !important;
    background-image: none !important;
    border-color: #4cae4c !important;
    box-shadow: none !important;
    text-decoration: none !important;
    font-weight:100 !important;
    text-shadow: none !important;
}
.stripe-button-el span {
    color: #fff !important;
    background-color: #5cb85c !important;
    background-image: none !important;
    box-shadow: none !important;
    text-decoration: none !important;
    font-weight:600 !important;
    text-shadow: none !important;
    font-family: 'Open Sans',sans-serif !important;
}
.video-wrapper {
	overflow: hidden;
	height: 460px;
	width: 100%;
	position: absolute;
	top: 0;
}
#big-video {
	position: absolute;
	width: 100%;
	min-height: 460px;
}
.payment-holder{
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 21px;
}
.payment-title {
	margin-top:34px;
	margin-bottom:21px;
}
div.form-container::before {
    content: "- or -";
    padding-bottom: 10px;
    padding-top: 0;
    display: block;
    margin-top: -12px;
}
.list-group-item.list-entrepreneurs, .list-group-item.list-dabblers {
	text-align: center;
}
.pricing > .col-xs-4 .list-group-item.list-entrepreneurs {
	text-align: right;
}
.pricing > .col-xs-4, .pricing > .col-xs-2 {
	padding-right: 1px;
	padding-left: 1px;
	width:20%;
}
.pricing .col-xs-4 {
	margin-top: 215px;
}
.job center > div {
	background-color: #169394;
	height:121px;
	width:121px;
	border-radius:121px;
	color:white;
}
.job h2 {
	font-size:24px;
	margin: 21px 0;
	color: #169394;
}
.job p {
	text-align: left;
	width:80%;
	line-height:28px;
}
.job div.icon {
	font-size: 55px;
    padding-top: 30px;
}
.job-row {
	margin:40px 100px 0 100px;
}
#ctaSignup {
	position:absolute;
	top:465px;
	left:50%;
	margin-left:-200px;
}
.hero-jumbotron .h1, .hero-jumbotron h1 {
    margin-top: 0px;
    text-shadow: 0 0 7px rgba(201, 255, 254, 0.7);
    color: #ffffff;
    line-height: 85px;
    font-size: 55px;
}
h2.story {
	color: #ec7c23;
	margin:40px 0;
	font-size:29px;
	line-height:42px;
	text-align:left;
}
.mobile-hero {
	display:none;
}
/* fixes horizontal scroll bar on home page for some reason */
.container {
	overflow: hidden;
}
/* ---------------------------------- */
#kw-search {
	width:1200px;
	margin-bottom: -3px;
}
@media (max-width: 767px) {
	#big-video { height: 460px; width: auto; }
	.navbar-inverse .navbar-nav>li>a { margin-right: 0px; }
	.navbar-inverse .navbar-nav>li { display: table; width: 100%; }
	.navbar-inverse .navbar-nav.navbar-right { margin-top: -15px; }
	.hero-jumbotron .h1, .hero-jumbotron h1 { font-size:27px; margin-top: 0; margin-top:30%; color: #333; }
	.hero-jumbotron .container { margin-top: 0; }
	.hero-jumbotron { background-image: none; height: 200px; }
	.hero-jumbotron .container { margin-top: 0px; }
	.hero-jumbotron h1 { line-height: 44px; margin-top: 10%; padding-top: 0px; }
	#ctaSignup { position: absolute; top: 170px; left: 50%; margin-left: -140px; }
	h2.story { font-size: 20px; line-height: 32px; margin: 0 0 40px 0;}
	.job-row { margin:0px 0px 0 0px; }
	.mobile-hero { display: block; width:100%; margin: 100px 0 0 0;}
	.testimonial div.col-md-5 { padding-right: 50px; padding-left: 50px; }
	.marma-ai-img { display: none; }
}
@media (min-width: 1px) {
}
@media (min-width: 768px) {
	.hero-jumbotron { background-position-y: 0px; }
	.hero-jumbotron .container { margin-top: -80px; margin-left: 50%; width: 45%; }
	.hero-jumbotron h1 { font-size: 40px; line-height: 62px; margin-top:30% }
	.job-row { margin:40px 0px 0 0px; }
	.hero-jumbotron { background-position-y: 0px; }
	.marma-ai-img { height: 170px; margin-top: -85px; margin-left: 3%;}
}
@media (min-width: 992px) {
	.hero-jumbotron .h1, .hero-jumbotron h1 { font-size:48px; margin-top: 20%; }
	.hero-jumbotron .container { margin-top: -80px; margin-left: 50%; width: 45%; }
	.hero-jumbotron h1 { font-size: 48px; line-height: 73px; }
	.hero-jumbotron { background-position-y: 0px; }
	.marma-ai-img { height: 200px; margin-top: -100px; margin-left: 5%;}
}
@media (min-width: 1200px) {
	.hero-jumbotron .h1, .hero-jumbotron h1 { font-size:54px; margin-top: 0px; }
	.hero-jumbotron .container { margin-top: 20px; margin-left: 50%; width: 45%; }
	.hero-jumbotron { background-position-y: 10%; }
	.marma-ai-img { height: 300px; margin-top: -150px; margin-left: 5%;}
}
@media (min-width: 1900px) {
	.hero-jumbotron { background-position-y: 50%; }
	.hero-jumbotron .h1, .hero-jumbotron h1 { font-size:72px; line-height:89px; }
	.marma-ai-img { height: 400px; margin-top: -200px; margin-left: 10%;}
}
