/* Nav */
.navbar .navbar-brand {
	padding-top: 12px;
}
#nav-logo {
	width: 80px;
}
.navbar-transparent #nav-logo {
	content: url(../img/ntrahub-logo-nav.png);
}

/* Title */
.card .icon ~ h3 {
	margin-bottom: 10px;
}
@media (max-width: 768px) {
	.section-header .content h1 {
		font-size: 3.5em;
	}
}

/* Components */
.app-selector {
	margin-top: 70px;
	background-color: rgba(0, 0, 0, 0.3);
	border-radius: 60px;
}
.app-selector a.app-icon {
	display: block;
	margin: 20px 10px;
	padding: 10px 20px;
}
.app-selector a.app-icon.active {
	background-color: rgba(0, 0, 0, 0.5);
	border-radius: 40px;
}
@media (max-width: 768px) {
	.app-selector {
		border-radius: 30px;
	}
	.app-selector a.app-icon {
		margin: 15px 0;
		padding: 0 10px;
	}
	.app-selector a.app-icon.active {
		border-radius: 20px;
	}
}
.downloads {
	text-align: center;
	margin: 40px auto 0;
}
@media (max-width: 768px) {
	.downloads {
		margin-bottom: 20px;
	}
}
.appstore-badge {
	width: 200px;
}

/* Pricing Card */
.pricing-card {
	background-color: white;
	border-radius: 6px;
	padding: 20px 0;
	margin-bottom: 20px;
}
table.pricing-card {
	padding: 0;
}
table.pricing-card th {
	width: 180px;
}
.pricing-card h6 {
	font-weight: bold;
	color: #777777;
}
.pricing-card .icon {
	color: #dd1e58;
	width: 160px;
	height: 160px;
	margin: 20px auto 30px;
	font-size: 80px;
	line-height: 170px;
	border-radius: 80px;
	border: 1px solid #dddddd;
}
.pricing-card h3.card-title {
	font-size: 300%;
	font-weight: bold;
	margin-bottom: 20px;
}
.pricing-card h3.card-title small:first-child {
	position: relative;
	top: -10px;
}
.pricing-card p {
	color: #777777;
	font-size: 100%;
}
.pricing-card .contents {
	padding: 0 20px;
}
.pricing-card ul {
	list-style: none;
	padding: 0;
	margin: 10px auto;
}
.pricing-card ul li {
	padding: 10px 0;
	border-bottom: 1px solid #dddddd;
	color: #777777;
}
.pricing-card .price-item td {
	color: #777777;
}
.pricing-card ul li:last-child {
	border: none;
}
.pricing-card ul li span,
.pricing-card .price-item td span {
	color: #333333;
	font-weight: bold;
}

/* Sections */
@media (max-width: 768px) {
	.section .text-area {
		padding: 15px 0;
	}
}
.section.light-grey-bg,
.section.light-grey-bg .text-area {
	background-color: #eeeeee;
}
.section-header .content {
	top: 45%;
}
.section-header h6 {
	font-size: 1.3em;
	text-transform: uppercase;
}
.section-header h1 {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin-top: 10px;
}
.section-clients-2 .nav-text li {
	margin: 5px 10px 10px 0;
}
.section-clients-2 .nav-text > li a {
	width: 180px;
	border: 2px solid #cccccc;
	border-radius: 8px;
	padding: 15px;
}
.section-clients-2 .nav-text > li.active a {
	color: #c5a47e !important;
	border: 2px solid #c5a47e;
}
@media (max-width: 768px) {
	.section-clients-2 .nav-text > li a {
		width: 120px;
	}
}

#section-incident-reporting .icon,
#section-assessment .icon {
	font-size: 60px;
}
#section-incident-management .fig-img {
	margin: 0 auto;
}
#section-assessment-guide {
	background: url(../img/gradient-bg.jpg) repeat-x bottom;
}
#section-assessment-guide .text-area {
	background: transparent;
}
#section-ntrahub-features {
	padding-bottom: 100px;
}
#section-pricing {
	background-color: #dd1e58;
	padding-top: 0;
}
#section-pricing .text-area {
	background-color: transparent;
	padding-top: 0;
}
#section-pricing .title {
	color: white;
}
#section-pricing .title h5 {
	color: white;
	opacity: 0.8;
}

/* Sub Pages */
.section-subpage h2,
.section-subpage h3,
.section-subpage h3,
.section-subpage h4,
.section-subpage h5,
.section-subpage h6 {
	font-weight: bold;
	text-transform: uppercase;
}
.section-subpage p,
.section-subpage ul,
.section-subpage ol {
	font-family: "Droid Serif", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #777777;
}