/* Defaults
================================= */
html, body {
    width: 100%;
    height: 100%;
}
h1 {
   	color: #373737;
	margin-bottom: 30px;
}
h2, h3 {
	font-size: 1.25em;
	color: #5d5c5d;
	margin-bottom: 16px;
	margin-top: 0;
}
p {
	line-height: 1.7;
	font-size: 1.1em;
	font-weight: 200;
}
strong { color: #969596; }
a:hover, a:active, a:focus {
	text-decoration: none;
	outline: 0;
}

hr { margin-bottom: 58px; }

.lead {
	color: #969596;
	margin-bottom: 70px;
}
.lead:nth-of-type(2) {
	font-size: initial;
	margin-bottom: 20px;
}

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

.privacy { text-align: block; }

/* Buttons */

.btn:active { box-shadow: none; }

.btn-default {
	border-width: 2px;
	border-color: inherit;
	margin-right: 10px;
	padding: 10px 35px;
}
.btn-default:hover {
	background-color: #fff;
	color: #b7b7b7;
	border-color: inherit;
}

.btn-primary { box-shadow: 0 1px 0 #d93010; }


/* Navbar
================================= */

.main-logo {
	width: 150px;
	height: 56px;
	margin-top: 23px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background: url('../img/logos/main-logo.png') no-repeat;
	background-size: 100%;
}
.navbar-default .navbar-text {
	color: #fff;
	font-weight: 200;
	margin-right: 0;
}
.navbar-text .btn-default {
	margin-right: 0;
	margin-left: 10px;
	padding: 8px 35px;
}

/* Jumbotron
================================= */

.jumbotron {
    background: rgb(239, 68, 35);
  	background:
    -webkit-linear-gradient( rgba(239, 68, 35, 0.9), rgba(238, 151, 35, 0.9) ),
    url('../img/backgrounds/main-bg.jpg') no-repeat 50% 50%;
  	background:
    -moz-linear-gradient( rgba(239, 68, 35, 0.9), rgba(238, 151, 35, 0.9) ),
    url('../img/backgrounds/main-bg.jpg') no-repeat 50% 50%;  	
    background:
    -ms-linear-gradient( rgba(239, 68, 35, 0.9), rgba(238, 151, 35, 0.9) ),
    url('../img/backgrounds/main-bg.jpg') no-repeat 50% 50%;  	
    background:
    linear-gradient( rgba(239, 68, 35, 0.9), rgba(238, 151, 35, 0.9) ),
    url('../img/backgrounds/main-bg.jpg') no-repeat 50% 50%;
    background-size: cover;

	padding-top: 168px;
	padding-bottom: 65px;
	margin-bottom: 56px;
	text-align: center;
}

.jumbotron p {color: rgba(254,254,254,0.65); }

/* Assets (3 step how to) */

.assets { margin: 60px 0 40px 0; }

.asset h3 {
	color: #fff;
	margin: 15px 0;
	font-size: 18px;
	font-weight: 700;
}
.asset p {
	font-size: 15px;
	line-height: 20px;
}

.asset .fa {
	padding: 30px;
	font-size: 45px;
	border-radius: 14px;
	width: 105px;
}

.asset-ico-a { color: #fff; background: #5ac6d5; }
.asset-ico-b { color: #fff; background: #edc754; }
.asset-ico-c { color: #fff; background: #A19BEB; }

/* Sroll to cta */

.scroll-to-cta {
	text-transform: uppercase;
	margin-bottom: 0 !important;
}
.scroll-to-cta a {
	font-size: 14px;
	color: inherit;
}
.scroll-to-cta a:hover {
	color: #fff;
	text-decoration: none;
}
.scroll-to-cta a i { display: block; }


/* Features
================================= */

.features {
	border-bottom: 1px solid #e3e3e3;
	padding-bottom: 65px;
}
.features .section-header .lead { margin-bottom: 50px; }
.features h3 {
	text-align: center;
	margin-top: 20px;
}
.features h3 i {
	color: rgb(239, 68, 35);
	display: block;
	font-size: 200%;
	margin-bottom: 10px;
}


/* Signup
================================= */

#signup { padding-top: 55px; }

#signup .lead { margin-bottom: 60px; }

.panel {
	border-bottom: solid 1px #eee;
	padding: 37px 0 42px;
	margin: 0 0 80px;
}

/* Form */
.form-inline p {
	color: #969596;
	font-size: 18px;
	margin-bottom: 25px; 
}
.form-inline p.no-spam {
	color: #b7b7b7;
	font-size: 14px;
	font-style: italic;
	margin: 15px 0 0; 
}

.form-inline input[type="email"] { 
	height: 55px; 
	width: 100%;
}

.form-inline .btn {
	width: 100%;
	padding-top: 15px;
	padding-bottom: 15px;
}


/* Footer
================================= */

.footer {
	padding: 80px 0 35px;
	border-top: 1px solid #e3e3e3;
}


.footer { font-size: .95em; }
.footer a { color: #a6afb2; }
.footer a:hover { color: #969596; }

.link-list {
	list-style-type: none;
	line-height: 1.8;
	margin: 0 0 25px;
	padding: 0;
}
.link-list .heading {
	font-weight: bold;
	margin-bottom: 10px;
}
.link-list li { margin-bottom: 5px; }

.copyright {
	opacity: .8;
	font-size: .9em;
}

.footer-logo {
	width: 115px;
	margin: -.05em 0 .95em 0;
}


/* Media Queries
================================= */

@media (max-width: 991px) {
	.jumbotron {
		padding-top: 140px;
		padding-bottom: 25px;
		background-position: 10% 10%;
	}
	.jumbotron h1 { font-size: 56px; }
}

@media (max-width: 768px) {
	hr { margin-bottom: 40px; }

    .navbar {
		min-height: 60px;
        background: rgb(239, 68, 35);
		-webkit-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.1), 0 0 1px rgba(0, 0, 0, 0.6);
		   -moz-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.1), 0 0 1px rgba(0, 0, 0, 0.6);
		        box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.1), 0 0 1px rgba(0, 0, 0, 0.6);
    }

    .navbar-left { float: left !important; }
    .navbar-right { float: right !important; }

	.main-logo { width: 115px; }
    .navbar-text {
		margin-top: 11px;
		margin-bottom: 10px;
	}
    .navbar .btn-default {
		margin-right: 0;
		padding: 6px 12px;
    }

	.jumbotron {
		padding-top: 80px;
		margin-bottom: 25px;
	}
	.jumbotron h1 { font-size: 36px; }

	.lead { margin-bottom: 40px; }
	.jumbotron .lead { font-size: 18px; }

	.features { padding-bottom: 25px; }
	.features .section-header .lead { margin-bottom: 20px; }

	.section-header { text-align: inherit; }
	.section-header h1 {
		font-size: 28px;
		line-height: 1.2;
		margin-bottom: 18px;
	}

	#signup { padding-top: 35px; }
	#signup .section-header h1 { margin-top: 0; }
	#signup .lead { margin-bottom: 30px; }

	.panel {
		margin-bottom: 10px;
		padding-top: 15px;
		padding-bottom: 15px;
	}

	.form-inline p {
		font-size: 16px;
		margin-bottom: 15px; 
	}

	.footer { 
		margin-top: 32px;
		padding-top: 50px;
	}
}

@media(min-width:768px) {
    .navbar {
        padding: 46px 0;
        -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
        -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
        transition: background .5s ease-in-out,padding .5s ease-in-out;
    }
    .top-nav-collapse {
        padding: 0;
        background: rgb(239, 68, 35);
		-webkit-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.1), 0 0 1px rgba(0, 0, 0, 0.6);
		   -moz-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.1), 0 0 1px rgba(0, 0, 0, 0.6);
		        box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.1), 0 0 1px rgba(0, 0, 0, 0.6);
    }
}


/* Color Scheme : cornflowerblue
================================= */

.cornflowerblue .jumbotron {
    background: rgb(95, 129, 227);
  	background:
    -webkit-linear-gradient( rgba(95, 129, 227, 0.9), rgba(77, 114, 202, 0.9) ),
    url('../img/backgrounds/main-bg.jpg') no-repeat 50% 50%;
  	background:
    -moz-linear-gradient( rgba(95, 129, 227, 0.9), rgba(77, 114, 202, 0.9) ),
    url('../img/backgrounds/main-bg.jpg') no-repeat 50% 50%;  	
    background:
    -ms-linear-gradient( rgba(95, 129, 227, 0.9), rgba(77, 114, 202, 0.9) ),
    url('../img/backgrounds/main-bg.jpg') no-repeat 50% 50%;  	
    background:
    linear-gradient( rgba(95, 129, 227, 0.9), rgba(77, 114, 202, 0.9) ),
    url('../img/backgrounds/main-bg.jpg') no-repeat 50% 50%;
    background-size: cover;
}

.cornflowerblue .features h3 i { color: rgb(95, 129, 227); }

.cornflowerblue .btn-primary {
  background-color: #5f81e3;
  border-color: #4970df;
  box-shadow: 0 1px 0 #3c66dd;
}
.cornflowerblue .btn-primary:hover, .cornflowerblue .btn-primary:focus,
.cornflowerblue .btn-primary:active, .cornflowerblue .btn-primary.active {
  background-color: #3c66dd;
  border-color: #234ec8;
}

@media(min-width:768px) {
	.cornflowerblue .top-nav-collapse { background: rgb(95, 129, 227); }
}

@media (max-width: 768px) {
    .cornflowerblue .navbar { background: rgb(95, 129, 227); }
}