
    
    
    
    
    
     @charset "UTF-8";

/*
**
 
	Below is the generated CSS from the GIT code provided at:
	http://ackernaut.github.io/eavht/

	A couple minor changes mainly to the Navigation section to incorporate Complete Sites's Navigation with the phone number at the top.
	
	Everything else is mostly untouched

	Search Document for " ADDED STYLES " to fine the few simple changes I had to make (at the very bottom).

	Edited October 2015 by Daniel Osborn - daniel@andthats.me

**
*/

@charset "UTF-8";

/********************
* BOOTSTRAP IMPORT *
********************/

/* October 2015 - REMOVED NORMALIZE CSS*/

/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
	*,
	*:before,
	*:after {
		background: transparent !important;
		color: #000 !important;
		box-shadow: none !important;
		text-shadow: none !important;
	}
	a,
	a:visited {
		text-decoration: underline;
	}
	a[href]:after {
		content: " (" attr(href) ")";
	}
	abbr[title]:after {
		content: " (" attr(title) ")";
	}
	a[href^="#"]:after,
	a[href^="javascript:"]:after {
		content: "";
	}
	pre,
	blockquote {
		border: 1px solid #999;
		page-break-inside: avoid;
	}
	thead {
		display: table-header-group;
	}
	tr,
	img {
		page-break-inside: avoid;
	}
	img {
		max-width: 100% !important;
	}
	p,
	h2,
	h3 {
		orphans: 3;
		widows: 3;
	}
	h2,
	h3 {
		page-break-after: avoid;
	}
	.navbar {
		display: none;
	}
	.btn > .caret,
	.dropup > .btn > .caret {
		border-top-color: #000 !important;
	}
	.label {
		border: 1px solid #000;
	}
	.table {
		border-collapse: collapse !important;
	}
	.table td,
	.table th {
		background-color: #fff !important;
	}
	.table-bordered th,
	.table-bordered td {
		border: 1px solid #ddd !important;
	}
}

* {
	box-sizing: border-box;
}

*:before,
*:after {
	box-sizing: border-box;
}

html {
	font-size: 10px;
	-webkit-tap-highlight-color: transparent;
}

body {
	font-family: "Lato", Helvetica, Arial, sans-serif;
	font-size: 16px;
	line-height: 1.5;
	color: #333333;
	background-color: #fff;
}

input,
button,
select,
textarea {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
}

a {
	color: #337ab7;
	text-decoration: none;
}

a:hover, a:focus {
	color: #23527c;
	text-decoration: underline;
}

a:focus {
	outline: thin dotted;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}

figure {
	margin: 0;
}

img {
	vertical-align: middle;
}

	/* October 2015 - Deleted Majority of Bootstrap Defaults */

/********************
* END - BOOTSTRAP IMPORT *
********************/





/********************
* BOOTSTRAP OVERRIDES *
********************/
	html {
		font-size: 16px;
	}

	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	p,
	ul,
	ol {
		margin: 0 0 1em;
	}

	img {
		/*display: block;*/
		max-width: 100%;
	}

	a {
		color: #1d246b;
		text-decoration: none;
	}

	a:hover, a:focus {
		color: #006e98;
		text-decoration: none;
	}

	address {
		margin: 0;
	}
.navbar-default .navbar-nav>li>a {
    color: #1d246b;
}




/********************
* BUTTONS - KEEP! *
********************/
	.button-light, .button-primary {
		border: 1px solid currentColor;
		border-radius: .375rem;
		display: inline-block;
		font-size: 1.25rem;
		line-height: 1.5rem;
		padding: .75rem 1.25rem;
		text-align: center;
	}

	.button-light {
		background-color: #237ba4;
		color: #fff;
	}

	.button-light:hover, .button-light:focus {
		background-color: #1c6282;
		color: #e0e0e0;
	}

	.button-primary {
		background-color: #fff;
		color: #1d246b;
	}

	.button-primary:hover, .button-primary:focus {
		background-color: #ebebeb;
		color: rgba(29, 36, 107, 0.67);
	}

	.button-transparent, .button-transparent:hover, .button-transparent:focus {
		background-color: transparent !important;
	}





/********************
* CONTENT - KEEP! *
********************/
	.content-image-left, .content-image-right {
		margin: 1.25rem auto;
		max-width: 100%;
		width: auto;
	}

	@media screen and (min-width: 768px) {
		.content-image-left, .content-image-right {
			height: auto;
			max-width: 35%;
			width: 100%;
		}
	}

	@media screen and (min-width: 768px) {
		.content-image-left {
			float: left;
			margin: 0 2.5rem 0 0;
		}
	}

	@media screen and (min-width: 768px) {
		.content-image-right {
			float: right;
			margin: 0 0 0 2.5rem;
		}
	}

	.content-excerpt {
		overflow: hidden;
	}

	.content-heading {
		color: #646464;
		font-size: 1.3125rem;
		font-weight: 700;
		margin: 0 0 .5em;
		padding: 0;
	}

	.content-copy {
		color: #454545;
	}

	.content-link {
		display: block;
		font-size: 1.3125rem;
	}





/********************
* GRID - KEEP! *
********************/
	.grid {
		padding-left: 2rem;
		padding-right: 2rem;
	}

	.grid-row {
		margin-left: -1rem;
		margin-right: -1rem;
	}

	.grid-gutter {
		padding-left: 1rem;
		padding-right: 1rem;
	}

	.grid-gutter-bottom {
		padding-bottom: 2rem;
	}

	.grid-gutter-top {
		padding-top: 2rem;
	}

	.grid-gutter-vertical {
		padding-bottom: 2rem;
		padding-top: 2rem;
	}

	.grid-margin-bottom {
		margin-bottom: 2rem;
	}

	.grid-margin-top {
		margin-top: 2rem;
	}

	.grid-margin-vertical {
		margin-bottom: 2rem;
		margin-top: 2rem;
	}

	.grid-item {
		float: left;
	}

	.grid-3of4 {
		width: 75%;
	}

	.grid-1of2,
	.grid-2of4,
	.grid-4of8,
	.grid-6of12 {
		width: 50%;
	}

	.grid-1of3,
	.grid-4of12 {
		width: calc(100%/3);
	}

	.grid-1of4,
	.grid-3of12 {
		width: 25%;
	}

	.grid-1of5 {
		width: calc(100%/5);
	}

	.grid-1of8 {
		width: 12.5%;
	}

	.grid-1of12 {
		width: calc(100%/12);
	}

	.grid-full-width {
		width: 100%;
	}





/********************
* ICONS - KEEP! *
********************/
	@font-face {
		font-family: 'streamline-plus';
		src: url("../fonts/streamline-plus.eot?v9tr83");
		src: url("../fonts/streamline-plus.eot?v9tr83#iefix") format("embedded-opentype"), url("../fonts/streamline-plus.ttf?v9tr83") format("truetype"), url("../fonts/streamline-plus.woff?v9tr83") format("woff"), url("../fonts/streamline-plus.svg?v9tr83#streamline-plus") format("svg");
		font-weight: normal;
		font-style: normal;
	}

	[class^="icon-"],
	[class*=" icon-"] {
		font-family: 'streamline-plus';
		font-size: 24px;
		-moz-osx-font-smoothing: grayscale;
		-webkit-font-smoothing: antialiased;
		font-style: normal;
		font-variant: normal;
		font-weight: normal;
		height: 24px;
		line-height: 1;
		speak: none;
		text-align: center;
		text-transform: none;
		width: 24px;
	}

	.icon-windows:before {
		content: "\e603";
	}

	.icon-bubble-chat:before {
		content: "\e604";
	}

	.icon-bubble-heart:before {
		content: "\e605";
	}

	.icon-cog:before {
		content: "\e606";
	}

	.icon-computer-screen-2:before {
		content: "\e607";
	}

	.icon-e-mail:before {
		content: "\e608";
	}

	.icon-gauge:before {
		content: "\e609";
	}

	.icon-headphone:before {
		content: "\e60a";
	}

	.icon-heart:before {
		content: "\e60b";
	}

	.icon-home:before {
		content: "\e60c";
	}

	.icon-iphone:before {
		content: "\e60d";
	}

	.icon-link:before {
		content: "\e60e";
	}

	.icon-location-pin:before {
		content: "\e60f";
	}

	.icon-music-note:before {
		content: "\e610";
	}

	.icon-notebook-1:before {
		content: "\e611";
	}

	.icon-refresh:before {
		content: "\e612";
	}

	.icon-remote-control-hand:before {
		content: "\e613";
	}

	.icon-remote-control-screen:before {
		content: "\e614";
	}

	.icon-search:before {
		content: "\e615";
	}

	.icon-settings:before {
		content: "\e616";
	}

	.icon-trash-can:before {
		content: "\e617";
	}

	.icon-user:before {
		content: "\e618";
	}

	.icon-wrenches:before {
		content: "\e619";
	}

	.icon-write:before {
		content: "\e61a";
	}

	.icon-1x {
		font-size: 24px;
		height: 24px;
		line-height: 24px;
		width: 24px;
	}

	.icon-2x {
		font-size: 48px;
		height: 48px;
		line-height: 48px;
		width: 48px;
	}

	.icon-ei-calendar:before {
		content: "\e600";
	}

	.icon-ei-envelope:before {
		content: "\e601";
	}

	.icon-ei-tag:before {
		content: "\e602";
	}

	.icon-ei-1x {
		font-size: 34px;
		height: 34px;
		line-height: 34px;
		width: 34px;
	}

	.icon-ei-2x {
		font-size: 68px;
		height: 68px;
		line-height: 68px;
		width: 68px;
	}

	/********************
	* SECTION - KEEP! *
	********************/
	.section {
		padding: 1.25rem 1rem;
		width: 100%;
		background: #fff;
		position: relative;
		z-index: 1;
	}

	@media screen and (min-width: 768px) {
		.section {
			padding: 2.5rem 2rem;
		}
	}

	.section-content {
		margin: 0 auto;
		max-width: 1400px;
	}

	.section-heading {
		font-size: 1.5rem;
		font-weight: 300;
		margin: 0 0 1.25rem;
		padding: 0;
		text-align: center;
	}

	@media screen and (min-width: 768px) {
		.section-heading {
			font-size: 2rem;
			margin: 0 0 2.5rem;
		}
	}

	@media screen and (min-width: 1280px) {
		.section-heading {
			font-size: 2.75rem;
		}
	}

	.section-sub-heading {
		color: #00a5e4;
		font-size: 1.5rem;
		font-weight: 300;
		overflow: hidden;
		text-align: center;
	}

	@media screen and (min-width: 768px) {
		.section-sub-heading {
			font-size: 2rem;
			text-align: left;
		}
	}

	@media screen and (min-width: 1280px) {
		.section-sub-heading {
			font-size: 2.25rem;
		}
	}

	.section-sub-heading-icon {
		color: #7adaff;
		display: inline-block;
		font-size: 34px;
		height: 34px;
		line-height: 34px;
		margin-right: .5rem;
		vertical-align: middle;
		width: 34px;
	}

	@media screen and (min-width: 768px) {
		.section-sub-heading-icon {
			font-size: 68px;
			height: 68px;
			line-height: 68px;
			margin-right: 1rem;
			width: 68px;
		}
	}

	.section-sub-heading-label {
		display: inline-block;
		vertical-align: middle;
	}

	.section-rule-light, .section-rule-gray {
		border: 0;
		height: 1px;
		width: 100%;
	}

	.section-rule-light {
		background-color: rgba(255, 255, 255, 0.35);
	}

	.section-rule-gray {
		background-color: rgba(27, 122, 166, 0.15);
	}

	.section-cta {
		margin: 1.25rem auto;
		text-align: center;
	}

	@media screen and (min-width: 768px) {
		.section-cta {
			margin: 2.5rem auto;
		}
	}




.navbar-logo-link, .navbar {
	transition: all .2s;
}
@media (min-width: 768px) {
	.stickNav .navbar {
		padding-bottom: 0px;
		position: fixed;
		width: 100%;
		top: -72px;
		z-index: 1000;
	}
	.stickNav .navbar-logo-link {
	    width: 150px;
	    margin-top: 55px;
	}
}
@media (min-width: 1280px) {
	.stickNav .navbar {
		top: -132px;
	}
	.stickNav .navbar-logo-link {
	    width: 150px;
	    margin-top: 105px;
	}
}




/********************
* TYPOGRAPHY - KEEP! *
********************/
	.text-color-light {
		color: #fff;
	}

	.text-color-brand-primary {
		color: #1d246b;
	}




/********************
* FEATURES - HOME-SECTION *
********************/
	.features-item {
		padding: 2rem 0;
		text-align: center;
	}

	@media screen and (min-width: 768px) {
		.features-item {
			float: left;
			padding: 2rem;
			width: calc(100%/2);
		}
		.features-item:nth-child(2n+1) {
			clear: left;
		}
	}

	@media screen and (min-width: 1024px) {
		.features-item {
			width: calc(100%/3);
		}
		.features-item:nth-child(2n+1) {
			clear: none;
		}
		.features-item:nth-child(3n+1) {
			clear: left;
		}
	}

	.features-icon {
		border: 2px solid #237ba4;
		border-radius: 6px;
		display: block;
		height: 80px;
		margin: 0 auto 1rem;
		width: 80px;
	}

	.features-icon .icon-2x {
		color: #237ba4;
		display: block;
		margin: 14px auto 0;
	}

	.features-heading {
		color: #646464;
		font-size: 1.25rem;
		font-weight: 700;
		margin: 0 0 .5em;
	}

	@media screen and (min-width: 1024px) {
		.features-heading {
			font-size: 1.5rem;
		}
	}

	.features-copy {
		color: #646464;
		font-size: .875rem;
		margin-left: auto;
		margin-right: auto;
		max-width: 320px;
	}

	@media screen and (min-width: 1024px) {
		.features-copy {
			font-size: 1rem;
		}
	}
	
	
	
#midPageParallax {
	height: 70vh;
}





/********************
* FOOTER *
********************/
	.footer {
		background-color: #505050;
		color: #fff;
		z-index: 1;
		position: relative;
	}

	.footer a {
		color: #fff;
	}

	.footer a:hover, .footer a:focus {
		color: #00a5e4;
	}

	.footer-nav {
		background-color: #1d246b;
		font-size: 0;
		padding: 1.3125rem 1rem;
		text-align: center;
	}

	.footer-nav-list {
		list-style: none;
		margin: 0;
		padding: 0;
	}

	.footer-nav-item {
		border-left: 1px solid #fff;
		display: none;
		font-size: .875rem;
		line-height: 1.125rem;
		padding: 0 1em;
		text-transform: uppercase;
	}

	@media screen and (min-width: 600px) {
		.footer-nav-item {
			display: inline-block;
		}
	}

	.footer-nav-item:first-child {
		border-left: 0;
	}

	.back-top-top {
		border: 0;
		display: inline-block;
	}

	@media screen and (min-width: 600px) {
		.back-top-top {
			display: none;
		}
	}

	.footer-content {
		margin: 0 auto;
		max-width: 1400px;
		padding: 3rem 1.25rem;
		text-align: center;
	}

	.footer-information {
		display: inline-block;
		text-align: left;
		vertical-align: top;
	}

	@media screen and (min-width: 600px) {
		.footer-information {
			border-left: 1px solid #b9b9b9;
			border-left: 1px solid rgba(255, 255, 255, 0.5);
			margin: 0 0 0 2rem;
			padding: 0 0 0 2rem;
		}
	}

	.footer-company {
		font-size: 1.5rem;
		font-weight: 700;
	}

	.footer-logo {
		display: inline-block;
		height: auto;
		margin: 0 0 2rem;
		max-width: 270px;
		vertical-align: top;
	}

	@media screen and (min-width: 600px) {
		.footer-logo {
			margin: 0;
		}
	}

	.footer-heading {
		font-size: 1.5rem;
		font-weight: 700;
		margin: 0;
	}

	.footer-copy {
		font-weight: 1rem;
	}




/********************
* HERO - HOME-SECTION *
********************/
	.hero {
		background-color: #000;
		color: #fff;
		min-height: 320px;
		position: relative;
		text-align: center;
		text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
		z-index: 0;
		height: 70vh;
	}

	@media screen and (min-width: 768px) {
		.hero {
			min-height: 600px;
		}
	}

	.hero-content {
		background-color: rgb(13 18 68 / 35%);
		bottom: 0;
		left: 0;
		margin: 0 auto;
		padding: 2rem;
		position: absolute;
		right: 0;
		width: 100%;
		z-index: 400;
	}

	.hero-heading {
		font-size: 1.25rem;
		font-weight: 700;
		margin: 0 0 2rem;
        padding-top: 30px;
	}

	@media screen and (min-width: 768px) {
		.hero-heading {
			font-size: 2.25rem;
		}
	}

	.hero-link {
		color: #fff;
		display: inline-block;
		font-size: 1.375rem;
		font-weight: 900;
		margin-top: 1.5rem;
		text-transform: uppercase;
	}

	.hero-link:hover, .hero-link:focus {
		color: #fff;
		opacity: .65;
	}

	.hero-link .icon {
		font-size: 28px;
		margin-right: .25em;
	}

	.hero-background {
		bottom: 0;
		left: 0;
		position: absolute;
		right: 0;
		top: 0;
		left: 0;
		overflow: hidden;
		top: 0;
		z-index: 200;
	}

	.hero-image {
		background-image: url("../images/all-metals-welder.jpg");
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		bottom: 0;
		left: 0;
		position: absolute;
		right: 0;
		top: 0;
		display: block;
		height: 100%;
		left: 0;
		top: 0;
		width: 100%;
		z-index: 400;
	}
	
	.parallax-contain {
		position: relative;
		z-index: 0;
	}
	.parallax-image {
        background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		bottom: 0;
		left: 0;
		position: fixed;
		right: 0;
		top: 0;
		display: block;
		height: 100%;
		left: 0;
		top: 0;
		width: 100%;
		z-index: 1;
		display: none;
	}
	.parallax-image.active {
		display: block;
		z-index: 2;
	}

#parallax1 {
 background-image: url("../images/all-metals-welder.jpg");
}
	#parallax2 {
		background-image: url("../images/all-metals-twilight.jpg");
	}





/********************
* MARKETING - HOME-SECTION *
********************/
	.marketing {
		max-width: 100%;
        /*background-image: -webkit-linear-gradient(270deg, #00a5e4 0%, #237ba4 100%);
		background-image: linear-gradient(-180deg, #d7daf5e8 0%, #1d246b91 100%); */
        background: #e9e9e9;
		overflow: hidden;
	}

	.special-offers {
		padding: 0 0 1.5rem;
	}

	@media screen and (min-width: 1280px) {
		.special-offers {
			float: left;
			padding: 2.5rem;
			/*width: calc(100%*2/3);*/
		}
	}

	.news-events {
		border-top: 1px solid #d8d8d8;
		padding: 1.5rem 0;
	}

	@media screen and (min-width: 1280px) {
		.news-events {
			border-left: 1px solid #d8d8d8;
			border-top: 0;
			float: left;
			padding: 2.5rem;
			/*width: calc(100%/3);*/
		}
	}

	.e-newsletter {
		border-top: 1px solid #d8d8d8;
		font-size: 0;
		padding: 1.5rem 0;
		text-align: center;
	}

	@media screen and (min-width: 1280px) {
		.e-newsletter {
			padding: 2.5rem 0;
		}
	}

	.e-newsletter-header {
		display: inline-block;
		margin-bottom: .875rem;
		text-align: left;
	}

	@media screen and (min-width: 1024px) {
		.e-newsletter-header {
			font-size: 1rem;
			margin-bottom: 0;
			margin-right: 2.5rem;
			text-align: left;
			vertical-align: middle;
			width: 360px;
		}
	}

	.e-newsletter-heading-block {
		display: inline-block;
		vertical-align: middle;
	}

	.e-newsletter-tagline {
		color: #737373;
		font-size: 1.125rem;
		font-weight: 700;
		margin: -.25rem 0 0;
		padding: 0 0 0 2px;
		position: relative;
		text-align: left;
	}

	.e-newsletter-sub-heading {
		margin-bottom: 0;
		margin-top: -.75rem;
		position: relative;
		text-align: left;
	}

	.e-newsletter-form-block {
		display: block;
		width: 100%;
	}

	@media screen and (min-width: 768px) {
		.e-newsletter-form-block {
			display: inline-block;
			vertical-align: middle;
			width: 480px;
		}
	}

	.e-newsletter-form {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		font-size: 1rem;
		height: 60px;
		text-align: left;
		width: 100%;
	}

	.e-newsletter-form input {
		-webkit-appearance: none;
		background-color: #fff;
		border: 2px solid #bbb;
		border-radius: 6px 0 0 6px;
		border-right: 0;
		box-shadow: none;
		-webkit-box-flex: 1;
		-webkit-flex: 1;
				-ms-flex: 1;
						flex: 1;
		font-size: 1rem;
		font-weight: 400;
		height: 44px;
		line-height: 42px;
		margin: 0;
		padding: 0 1rem;
	}

	@media screen and (min-width: 768px) {
		.e-newsletter-form input {
			font-size: 1.5rem;
			height: 60px;
			line-height: 58px;
		}
	}

	.e-newsletter-form input::-webkit-input-placeholder {
		color: #bbb;
		font-family: "Lato", Helvetica, Arial, sans-serif;
		font-size: 1rem;
		font-style: italic;
	}

	.e-newsletter-form input::-moz-placeholder {
		color: #bbb;
		font-family: "Lato", Helvetica, Arial, sans-serif;
		font-size: 1rem;
		font-style: italic;
	}

	.e-newsletter-form input:-ms-input-placeholder {
		color: #bbb;
		font-family: "Lato", Helvetica, Arial, sans-serif;
		font-size: 1rem;
		font-style: italic;
	}

	.e-newsletter-form input::placeholder {
		color: #bbb;
		font-family: "Lato", Helvetica, Arial, sans-serif;
		font-size: 1rem;
		font-style: italic;
	}

	@media screen and (min-width: 768px) {
		.e-newsletter-form input::-webkit-input-placeholder {
			font-size: 1.5rem;
		}
		.e-newsletter-form input::-moz-placeholder {
			font-size: 1.5rem;
		}
		.e-newsletter-form input:-ms-input-placeholder {
			font-size: 1.5rem;
		}
		.e-newsletter-form input::placeholder {
			font-size: 1.5rem;
		}
	}

	.e-newsletter-form button {
		-webkit-appearance: none;
		background-color: #fff;
		border: 2px solid #00a5e4;
		border-radius: 0 6px 6px 0;
		color: #00a5e4;
		font-size: 1rem;
		font-weight: 400;
		height: 44px;
		line-height: 42px;
		margin: 0;
		padding: 0 1rem;
		text-align: center;
	}

	@media screen and (min-width: 768px) {
		.e-newsletter-form button {
			font-size: 1.5rem;
			height: 60px;
			line-height: 58px;
			padding: 0 1.5rem;
		}
	}

	.e-newsletter-form button:hover, .e-newsletter-form button:focus {
		border-color: #237ba4;
		color: #237ba4;
		cursor: pointer;
	}





/********************
* NAVBAR *
********************/
	.navbar {
		background-color: #fff;
		border: 0;
		border-radius: 0;
		border-top: 4px solid #1d246b;
		margin: 0;
		padding: 10px 15px;
		z-index: 2;
	}

	@media screen and (min-width: 768px) {
		.navbar {
			padding: 15px;
		}
	}

	@media screen and (min-width: 1280px) {
		.navbar {
			padding: 2rem;
		}
	}

	.navbar-content {
		margin: 0 auto;
		max-width: 1400px;
	}

	.navbar-logo-link {
		display: block;
		height: auto;
		margin: 0 auto;
		max-width: 100%;
		width: 262px;
	}

	@media screen and (min-width: 768px) {
		.navbar-logo-link {
			margin: 8px auto 0;
		}
	}

	@media screen and (min-width: 1280px) {
		.navbar-logo-link {
			margin: 0 auto;
			width: 100%;
		}
	}

	.navbar-logo-link:hover, .navbar-logo-link:focus {
		opacity: .65;
	}

	.navbar-logo {
		height: auto;
		margin: 0;
		padding: 0;
		width: 100%;
	}

	.navbar-main {
		display: block;
		width: 100%;
	}

	@media screen and (min-width: 768px) {
		.navbar-main {
			float: right;
			width: auto;
		}
	}

	@media screen and (min-width: 1280px) {
		.navbar-main {
			margin: 0;
			padding-left: 2.5rem;
			padding-top: 1.5rem;
		}
	}

	@media screen and (max-width: 767px) {
		.navbar-main .dropdown-menu {
			float: none !important;
		}
		.navbar-facebook-icon {
			margin: 11px 0 0;
			/*display: inline-block;*/
		}
	}
		
	.navbar-phone {
		color: #1d246b;
		display: block;
		float: left;
		margin: 1.3125rem 1rem 0 0;
		overflow: hidden;
		padding: 0;
	}
	.navbar-facebook-icon img {
		max-width:20px;
		max-height:20px;
	}

	@media screen and (min-width: 768px) {
		.navbar-phone {
			margin: 0 0 8px;
			padding: 14px 20px 0 30px;
		}
		.navbar-facebook-icon {
			/*display:inline-block;*/
			padding-top:0px;
			margin: 11px 0 0;
		}
	}

	.navbar-phone-icon {
		float: left;
		font-size: 24px;
		height: 25px;
		width: 18px;
	}

	@media screen and (min-width: 1280px) {
		.navbar-phone-icon {
			font-size: 48px;
			height: 50px;
			line-height: 50px;
			width: 36px;
		}
		.navbar-facebook-icon {
			display:block;
			padding-top:12px;
			margin: .9rem 0 0;
		}
		.navbar-facebook-icon img {
			max-width:26px;
			max-height:26px;
		}
	}

	.navbar-phone-number {
		line-height: 24px;
		margin-left: .5rem;
	}

	@media screen and (min-width: 1280px) {
		.navbar-phone-number {
			font-size: 1.25rem;
			line-height: 50px;
			margin-left: 1rem;
		}
	}

	@media screen and (max-width: 767px) {
		.navbar-collapse {
			margin-top: 15px;
			width: 100%;
		}
	}

	@media screen and (min-width: 768px) {
		.navbar-collapse {
			float: left;
			padding-right: 0;
		}
	}

	.navbar-toggle {
		margin: 1rem 0 0;
		position: relative;
	}

	.navbar-toggle::before {
		content: 'Site Menu';
		display: block;
		height: 34px;
		left: -80px;
		line-height: 34px;
		position: absolute;
		text-align: left;
		top: -1px;
		width: 80px;
	}

	@media screen and (min-width: 1280px) {
		.nav-custom {
			font-size: 1.25rem;
		}
	}





/********************
* TESTIMONIALS - HOME-SECTION *
********************/
	.testimonials {
		background-image: -webkit-linear-gradient(270deg, #00a5e4 0%, #237ba4 100%);
		background-image: linear-gradient(-180deg, #1d246be8 0%, #1d246b91 100%);
		color: #fff;
		text-shadow: 0 1px 0 #1d246b;
	}

	.testimonial-excerpt {
		background-image: url("../images/quote.png");
		background-position: center 2rem;
		background-repeat: no-repeat;
		background-size: 82px 54px;
		padding: 8rem 2.5rem 2.5rem;
		text-align: center;
	}

	@media screen and (min-width: 1024px) {
		.testimonial-excerpt {
			float: left;
			text-align: left;
			width: calc(100%/3);
		}
	}

	.testimonial-copy {
		font-size: 1rem;
		margin-left: auto;
		margin-right: auto;
		max-width: 480px;
	}

	.testimonial-customer {
		font-size: 1.5rem;
		font-weight: 700;
	}






/********************
* ADDED STYLES - OCTOBER 2015 *
********************/
	/*COMPLETESITE SPECIFIC*/
		.pagecontent_sitesearch,
		.pagecontent_guestbook,
		.pagecontent_usermanagement_login,
		.pagecontent_usermanagement_userlist,
		.pagecontent_usermanagement_userprofile,
		.pagecontent_usermanagement_companylist,
		.pagecontent_usermanagement_companyprofile,
		.pagecontent_calendar_content,
		.pagecontent_feeds {
			width: auto;
		}

        .pagecontent_guestbook td {
            padding: 5px;
        }

	.navbar .navbar {
		background: transparent;
		border-top: none;
		padding: 0;
	}

	.navbar *:focus,
	.navbar *:active {outline: none;}
	
	.navbar-main > .navbar-actions {
		position: relative;
        float:right;
		z-index: 2;
		max-width: 50%;
	}

	.navbar-main >.navbar-default {			
			position: relative;
			z-index: 1;
			margin-top: -45px;
	}

	@media screen and (min-width: 768px) {	
		
		.navbar-main >.navbar-default {
			position: static;
			z-index: inherit;
			margin-top: 0;
		}
	}

    @media screen and (max-width: 768px) {
    /*.navbar-main > .navbar-actions {
			max-width: 100%;
		}*/
        .navbar-main > .navbar-actions {
		position: relative;
        float: none;
		z-index: 2;
		max-width: 50%;
	}
}
/********************
* END - ADDED STYLES *
********************/ 
    

    

    
