/******************************************
	GENERAL FIXES
*******************************************/
.fragment {
	width: 100%;
}

.glyphicon-chevron-up:hover {
	cursor: pointer;
}

/******************************************
	HEADER NAVIGATION
*******************************************/
#header #block-menu-menu-marketing-menu h2 {
	display: none;
}

#header nav .block {
	border: none;
	background: none;
}

#header ul li#brand a {
	height: 100%;
    left: 0;
    position: absolute;
    text-indent: -999px;
    top: 0;
    width: 100%;
}

#header ul li a.active {
	color: #7ab995;
}

#header ul li.leaf {
	padding: 0 0 0 0;
}

#header ul li.breaker-breaker-roger-roger,
#header ul li.breaker-breaker-come-in,
#header ul li.search {
	position: relative;
	left: 15px;
}

#header ul li .glyphicon-search {
	position: relative;
	left: 15px;
}

.home-icon {
    background:url('../img/penum-logo.png') center no-repeat;
    -webkit-background-size: 70px 70px;
    background-size: 70px 70px;
    color: #FFFFFF;
    display: none;
    height: 70px;
    left: 30px;
    position: absolute;
    text-indent: -999px;
    top: 15px;
    width: 70px;
    z-index: 9999;
}

#menuTrigger {
	display: none;
}

@media all and (max-width: 768px) {
	#header ul li#brand {
		display: none;
	}

	#header .home-icon {
		display: block;
	}

	#menuTrigger {
		display: block;
	}

	#header ul li.breaker-breaker-roger-roger,
	#header ul li.breaker-breaker-come-in,
	#header ul li.search {
		left: auto;
	}
}

/******************************************
	FOOTER CONTACT BLOCK
*******************************************/
#contact.fragment {
	padding: 75px 0 75px 0;
	background-color: #092229;
	overflow: hidden;
}

#contact.fragment .container {
	width: 680px;
	max-width: 680px;
}

#contact.fragment .container section:first-child img {
	width: 180px;
	height: 180px;
	border-radius:1000px;
}

#contact.fragment .container section {
	text-align: left;
	padding: 0 0 0 0;
	padding: 0 40px 0 40px;
}

#contact.fragment .container section:first-child {
	padding: 0 40px 0 0;
}

#contact.fragment .container section h1 {
	margin: 20px 0 20px 0;
	text-align: left;
	font-size: 20px;
	letter-spacing: 3px;
}

#contact.fragment .container section p {
	color: #b4c6cb;
	line-height: 120%;
}

#contact.fragment .container section a {
	text-transform: uppercase;
	color: #7ab995;
}

#contact.fragment .container section#address2 {
	padding: 62px 40px 0 40px;
}

@media all and (max-width: 680px) {
	
	#contact.fragment .container {
		width: 100%;
		max-width: none;
		text-align: center;
	}

	#contact.fragment .container section {
		text-align: center;
	}

	#contact.fragment .container section:first-child {
		padding: 0 40px 0 40px;
	}

	#contact.fragment .container section h1 {
		text-align: center;
	}

}

/******************************************
	FOOTER
*******************************************/
#footer p {
	margin: 10px 0 0 0;
	text-align: center;
	/*color: #0F3741;*/
	color: #ffffff;
	padding: 0px 10px;
	font-weight: normal;
}

#footer ul li{
	color: #ffffff;
	font-weight: normal;
}

#footer ul li a{
	color: #7ab995;
}

/******************************************
	HEADER HEROES
*******************************************/
#hero .block {
	border: none;
	background: none;
}

.carousel-inner .item img {
	width: 1400px;
	max-width: 1400px;
	height: 500px;
	position: absolute;
	left: 50%;
	margin-left: -700px;
	z-index: 1;
}

.carousel-inner .item .container {
	position: relative;
	top: 0;
	z-index: 2;
}

/******************************************
	HOMEPAGE SECTIONS
*******************************************/
.collo {
	padding: 0 0 0 0;
	height: 300px;
	overflow: hidden;
}

.collo .section-img {
	width: 1400px;
	max-width: 1400px;
	/*height: 300px;*/
	height: 100%;
	z-index: 1;
	left: 50%;
	margin-left: -700px;
	position: absolute;
	top: 0;
}

.collo h1,
.collo p,
.collo a {
	position: relative;
	z-index: 2;
}

.collo h1 {
	padding-top: 50px;
}

.collo .blurb {
	opacity: 1;
	filter: alpha(opacity=100);
}

#articles article h1 a {
	color: #237492;
}

#features #guestTrigger {
	padding: 20px 22px 20px 22px;
}

.fragment .blurb,
.fragment .cta,
#articles article a {
	font-size: 16px;
}

/******************************************
	STANDARD CONTENT PAGE
*******************************************/
#content header {
	padding: 0 0 0 0;
}

#content .intro-container {
	padding: 0 10px 50px 10px;
}

#content .intro-container h1 {
	color: #000;
}


#content .intro-container.padded-container {
	padding: 50px 10px;
}

#content .intro-container.padded-container p {
	text-align: center;
}

#content #intro.fragment {
	background-color: #0F3741;
	background-image: none;
	height: 240px;
	padding: 0 0 0 0;
	overflow: hidden;
}

#content #intro.fragment img {
	position: absolute;
	z-index: 1;
	left: 50%;
	margin-left: -700px;
}

#content #intro.fragment .container {
	position: relative;
	z-index: 2;
	top: 70px;
	line-height: 100px;
	text-align: center;
}

@media all and (max-width: 568px) {

	#content #intro.fragment {
		height: 120px;
	}

	#content #intro.fragment img {
		height: 120px;
		width: 700px;
		margin-left: -350px;
	}

	#content #intro.fragment .container {
		top: 40px;
		line-height: 45px;
	}

}

#content .fragment .container {
	max-width: 750px;
	text-align: left;
}

#content .container .row h1 {
	text-align: left;
}

#content .container .row img {
	width:140px;
	height:140px;
	background:#DDD;
	display:block;
	margin:0 0 20px 0;
}

.col-sm-2 img{
	border-radius: 1000px;
}

/******************************************
	'USING PENUM' CONTENT PAGE
*******************************************/
#content #intro.using-penum-header {
	height: 240px;
}

#content #intro.using-penum-header .container {
	top: 70px;
}

@media all and (max-width: 568px) {
	
	#content #intro.using-penum-header {
		height: 120px;
	}

	#content #intro.using-penum-header .container {
		top: 40px;
	}

}

#content .using-penum-intro h1 {
	padding: 40px 0 0 0;
	color: #092229;
	text-transform: uppercase;
	line-height: 150%;
	letter-spacing: 5px;
	margin: 0 0 25px 0;
}

#content .using-penum-intro h2 {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	color: #0f3742;
}

#content .using-penum-section {
	display: none;
	background-color: #f1f0f0;
}

#content .using-penum-section.active {
	display: block;
}

#content #using-penum-nav {
	background: url('../img/using-penum-bg.png') center no-repeat #0f3742;
	height: 280px;
}

#content #using-penum-nav ul {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	list-style: none;
	width: 1030px;
	position: absolute;
	left: 50%;
	margin-left: -515px;
}

#content #using-penum-nav ul li {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	list-style: none;
	display: inline;
	float: left;
	width: 205px;
	height: 280px;
	text-align: center;
}

#content #using-penum-nav ul li a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 55px 35px 0 35px;
	text-transform: uppercase;
	color: #fff;
	font-size: 14px;
	letter-spacing: 4px;
	text-align: center;
	text-decoration: none;
}

#content #using-penum-nav ul li:hover a,
#content #using-penum-nav ul li:focus a,
#content #using-penum-nav ul li::-moz-focus-inner {
	text-decoration: none;
	border: none;
	outline: none; 
}

#content #using-penum-nav ul li#delivery a,
#content #using-penum-nav ul li#invoice a {
	padding: 55px 10px 0 10px;
}

#content #using-penum-nav ul li#register {
	background: url('../img/using-penum-tab-sprite.png') no-repeat -185px 0px;
}

#content #using-penum-nav ul li#order {
	background: url('../img/using-penum-tab-sprite.png') no-repeat -390px 0px;
}

#content #using-penum-nav ul li#build {
	background: url('../img/using-penum-tab-sprite.png') no-repeat -596px 0px;
}

#content #using-penum-nav ul li#delivery {
	background: url('../img/using-penum-tab-sprite.png') no-repeat -802px 0px;
}

#content #using-penum-nav ul li#invoice {
	background: url('../img/using-penum-tab-sprite.png') no-repeat -1008px 0px;
}

#content #using-penum-nav ul li#register:hover {
	background: url('../img/using-penum-tab-sprite.png') no-repeat -185px -280px;
}

#content #using-penum-nav ul li#order:hover {
	background: url('../img/using-penum-tab-sprite.png') no-repeat -390px -280px;
}

#content #using-penum-nav ul li#build:hover {
	background: url('../img/using-penum-tab-sprite.png') no-repeat -596px -280px;
}

#content #using-penum-nav ul li#delivery:hover {
	background: url('../img/using-penum-tab-sprite.png') no-repeat -802px -280px;
}

#content #using-penum-nav ul li#invoice:hover {
	background: url('../img/using-penum-tab-sprite.png') no-repeat -1008px -280px;
}

#content #using-penum-nav ul li#register.active {
	background: url('../img/using-penum-tab-sprite.png') no-repeat -185px -560px;
}

#content #using-penum-nav ul li#order.active {
	background: url('../img/using-penum-tab-sprite.png') no-repeat -390px -560px;
}

#content #using-penum-nav ul li#build.active {
	background: url('../img/using-penum-tab-sprite.png') no-repeat -596px -560px;
}

#content #using-penum-nav ul li#delivery.active {
	background: url('../img/using-penum-tab-sprite.png') no-repeat -802px -560px;
}

#content #using-penum-nav ul li#invoice.active {
	background: url('../img/using-penum-tab-sprite.png') no-repeat -1008px -560px;
}



@media all and (max-width: 1200px) {

	#features .col-sm-4{
		height: 200px;
	}

}



@media all and (max-width: 1024px) {

	#features .col-sm-4{
		height: 240px;
	}

}

@media all and (max-width: 768px) {

	#content #using-penum-nav {
		display: none;
	}

	#content .using-penum-section {
		display: block;
	}

	#content .using-penum-section .glyphicon-chevron-up {
		display: none;
	}

}

/******************************************
	ARTICLE
*******************************************/
#article-header.fragment {
	background-color: #0F3741;
	color:#FFF;
	height:240px;
	font-size:32px;
	font-family: 'GFS Didot', serif;
	text-align:center;
	text-transform:uppercase;
	letter-spacing:4px;
	margin:0;
	padding: 0 0 0 0;
	overflow: hidden;
	position: relative;
}

#article-header.fragment img {
	position: absolute;
	z-index: 1;
	left: 50%;
	margin-left: -700px;
}

#article-header.fragment .container {
	position: relative;
	z-index: 2;
	top: 100px;
	text-align: center;
}

@media all and (max-width: 768px) {

	.fragment {
		padding: 40px 0 40px 0;
	}
	
	.row {
		margin-left: 0;
		margin-right: 0;
	}

	.fragment .row p img {
		width: 100%;
		max-width: 100%;
		height: auto !important;
	}
}

@media all and (max-width: 568px) {
	#article-header.fragment {
		height: 120px;
	}

	#article-header.fragment img {
		height: 120px;
		width: 700px;
		margin-left: -350px;
	}

	#article-header.fragment .container {
		top: 20px;
		line-height: 45px;
	}



	.collo .section-img{
		height: 100%;
	}

	.collo{
		height: auto;
	}

}

@media all and (max-width: 320px) {
	
	#article-header.fragment .container {
		top: 20px;
	}

}

/******************************************
	OUR ARTICLES
*******************************************/
#blog .view-filters {
	display: none;
}

#sort ul li {
	padding: 0 0 0 0;
}

#sort ul li.title {
	padding: 5px 10px;
}

#sort ul li a {
	color: #666;
	display: block;
	width: 100%;
	height: 100%;
	padding: 5px 10px;
}

#sort ul li.active a {
	color: #333;
}

#sort ul li a:hover,
#sort ul li a:focus {
	text-decoration: none;
}

#sort ul.categories {
	margin: 15px 0 0 0;
	display: none;
}

#sort ul.categories li {
	background: none repeat scroll 0 0 #7BB896;
	color: #FFFFFF;
	margin: 0 0 5px 0;
}

#sort ul.categories li:hover,
#sort ul.categories li.active {
	background: none repeat scroll 0 0 #589573;	
}

#sort ul.categories li a {
	color: #FFFFFF;
}

#blog .item-list {
	border-top: 2px solid #DDDDDD;
	background-color: #e6e3e3;
	padding: 100px 0 100px 0;
	text-align: center;
}

#blog .item-list .pager a {
	background: none repeat scroll 0 0 #7BB896;
    border-radius: 4px 4px 4px 4px;
    color: #FFFFFF;
    display: inline-block;
    letter-spacing: 2px;
    line-height: 45px;
    padding: 0 30px;
    text-align: center;
    text-transform: uppercase;
    font-size: 20px;
}

#blog .item-list .pager a:hover {
	background: none repeat scroll 0 0 #589573;
	text-decoration: none;
}

/******************************************
	WEBFORMS
*******************************************/
#content .webform-fragment .container {
	text-align: center;
}

.webform-client-form .form-item input,
.webform-client-form .form-item select {
	border-radius: 4px 4px 4px 4px;
    color: #555555;
    display: inline-block;
    font-size: 14px;
    margin-bottom: 10px;
    padding: 8px 12px;
    vertical-align: middle;
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    width: 300px;
}

.webform-client-form .form-item textarea {
	border-radius: 4px 4px 4px 4px;
    color: #555555;
    display: inline-block;
    font-size: 14px;
    margin-bottom: 10px;
    padding: 8px 12px;
    vertical-align: middle;
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    resize: none;
    width: 300px;
}

.webform-client-form .form-item label {
	color: #237491;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 16px;
}

@media all and (max-width: 768px) { 
	
	.webform-client-form .form-item input,
	.webform-client-form .form-item select,
	.webform-client-form .form-item textarea {
		width: 100%;
	}

}

.webform-client-form #edit-submit {
	background: none repeat scroll 0 0 #7BB896;
    border-radius: 4px 4px 4px 4px;
    color: #FFFFFF;
    display: inline-block;
    letter-spacing: 2px;
    line-height: 45px;
    padding: 10px 30px;
    text-align: center;
    text-transform: uppercase;
    font-size: 18px;
    border: none;
}

.webform-client-form #edit-submit:hover {
	background: none repeat scroll 0 0 #589573;
	text-decoration: none;
}

/******************************************
	SEARCH PAGE
*******************************************/
#content .search-fragment {
	padding: 40px 0 40px 0;
}

.results-count {
	/*position: absolute;
	top: 550px;*/
	text-align: center;
	width: 100%;
	z-index: 999;
	font-size: 16px;
	position: relative;
	padding: 20px 0px;
}

@media all and (max-width: 768px) {

	.results-count {
		/*top: 470px;*/
	}

}

@media all and (max-width: 490px) {

	.results-count {
		/*top: 500px;*/
	}

}

.results-count .container {
    max-width: 750px;
}

#content .search-fragment .container {
	text-align: center;
}

#search-form {
	margin: 0 0 0 0;
}

#search-form #edit-keys-wrapper label {
	display: none;
}

#search-form input[type="text"] {
	border-radius: 4px 4px 4px 4px;
    color: #555555;
    display: inline-block;
    font-size: 14px;
 	margin: 0 0 0 0;
    padding: 8px 12px;
    vertical-align: middle;
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    width: 300px;
}

@media all and (max-width: 490px) {
	
	#search-form input[type="text"] {
		margin: 0 0 5px 0;
	}

}

#search-form label {
	color: #237491;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 16px;
}

#search-form #edit-submit {
	background: none repeat scroll 0 0 #7BB896;
    border-radius: 4px 4px 4px 4px;
    color: #FFFFFF;
    display: inline-block;
    letter-spacing: 2px;
    height: 35px;
    padding: 6px 30px;
    text-align: center;
    text-transform: uppercase;
    font-size: 16px;
    border: none;
    position: relative;
    top: 2px;
    margin-left: 10px;
}

#search-form #edit-submit:hover {
	background: none repeat scroll 0 0 #589573;
	text-decoration: none;
}

.box h2 {
	display: none;
}

.search-result .cta {
	margin: 20px 0 0 0;
}

/******************************************
	LOGIN PAGE
*******************************************/
#content .login-fragment .container {
	text-align: center;
}

#user-login .form-item input,
#user-login .form-item select {
	border-radius: 4px 4px 4px 4px;
    color: #555555;
    display: inline-block;
    font-size: 14px;
    margin-bottom: 10px;
    padding: 8px 12px;
    vertical-align: middle;
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    width: 300px;
}

#user-login .form-item .description {
	display: none;
}

#user-login .form-item textarea {
	border-radius: 4px 4px 4px 4px;
    color: #555555;
    display: inline-block;
    font-size: 14px;
    margin-bottom: 10px;
    padding: 8px 12px;
    vertical-align: middle;
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    resize: none;
    width: 300px;
}

#user-login .form-item label {
	color: #237491;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 16px;
}

#user-login #edit-submit {
	background: none repeat scroll 0 0 #7BB896;
    border-radius: 4px 4px 4px 4px;
    color: #FFFFFF;
    display: inline-block;
    letter-spacing: 2px;
    line-height: 45px;
    padding: 10px 30px;
    text-align: center;
    text-transform: uppercase;
    font-size: 18px;
    border: none;
}

#user-login #edit-submit:hover {
	background: none repeat scroll 0 0 #589573;
	text-decoration: none;
}


.clear-fix{
	clear: both;
	padding-top: 30px;
}

h5{
}

#content .fragment .container .col-sm-10{
	padding-left: 0;
}

.addthis_toolbox{
	clear: both;
	margin:10px 0px 0px 0px;
}

a.addthis_button_google_plusone{
	width: 53px !important;
}

.captcha .description{
	margin-bottom: 20px;
}