@-webkit-viewport{width:device-width}
@-moz-viewport{width:device-width}
@-ms-viewport{width:device-width}
@-o-viewport{width:device-width}
@viewport{width:device-width}

html
{
	position: relative;
	min-height: 100%;
}

.footerContainer
{
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 120px;
}

.footer
{
	background-color: #B7AFA3;
	height: 120px;
	color: #fff;
}

body
{
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
	font-weight: 200;
	font-size: 14px;
	line-height: 20px;
	color: #6D929B;
	background-color: #ffffff;
	margin-top: 95px;
	margin-bottom: 170px;
}

.navbar-default
{
	background-image: none;
	background-color: #fff;
	border: none;
	box-shadow: none;
}

.mfg-logo
{
	display: block;
	background: transparent url(../img/main-logo.png) no-repeat 0 0;
	width: 200px;
	height: 65px;
	margin-top: 0px;
}

.mfg-logo-small
{
	display: block;
	background: transparent url(../img/small-logo.png) no-repeat 0 0;
	width: 164px;
	height: 65px;
	margin-top: 5px;
}

.mfg-logo-big
{
	display: block;
	background: transparent url(../img/big-logo.png) no-repeat 0 0;
	width: 254px;
	height: 110px;
	margin: 0 auto;
}

h1.navbar-brand
{
	height: 65px;
	padding-top: 0;
	margin-top: 15px;
	margin-bottom: 15px;
	line-height: 0;
}

.navbar .nav > li > a
{
	float: none;
	padding: 0px 15px 10px;
	color: #B7AFA3;
	text-decoration: none;
	text-shadow: 0 1px 0 #ffffff;
	font: bold 16px/40px "Open Sans", Helvetica, Arial, Sans-serif;
	text-transform: uppercase;
	font-weight: 300;
	outline: none;
	display: inline-block;
	position: relative;
	margin-top: 30px;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus
{
	background: none;
	box-shadow: none;
	font-weight: 700;
	color: #6D929B;
}

.nav a:hover, .nav a:focus { outline: none; }

.scroll-effect li a
{
	overflow: hidden;
	padding: 0 4px;
	height: 30px;
}

.scroll-effect li a span
{
	position: relative;
	display: inline-block;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
}

.scroll-effect li a span::before
{
	position: absolute;
	top: 100%;
	content: attr(data-hover);
	font-weight: 700;
	color: #6D929B;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.scroll-effect li:not(.active) a:hover span, .scroll-effect li:not(.active) a:focus span
{
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	transform: translateY(-100%);
}

button.navbar-toggle
{
	width: 100%;
	margin: auto;
	padding: 10px;
	color: #fff;
	background-color: #404040;
	border: none;
	border-radius: 0;
	float: left;
}

.page-header h2
{
	font-weight: 200;
	text-align: left;
	font-size: 3.5em;
	color: #6D929B;
	text-transform: uppercase;
	line-height: 2em;
}

.page-header p
{
	margin: 0 auto 2em;
	font-weight: 100;
	font-size: 200%;
	line-height: 1;
	color: #ACD1E9;
	text-align: left;
}

.page-header
{
	border-bottom: none;
	margin: 40px 0;
	background-color: #F5FAFA
}

/*.page-header.about
{
	background: #F5FAFA url(../img/header-about.png) no-repeat 100% 100%;
}

.page-header.services
{
	background: #F5FAFA url(../img/header-services.png) no-repeat 100% 100%;
}*/


h1, h2, h3, h4, h5, h6
{
	margin: 10px 0;
	font-family: inherit;
	font-weight: bold;
	line-height: 1;
	color: inherit;
	text-rendering: optimizelegibility;
}

h4
{
	font-size: 20px;
	line-height: 20px;
	font-weight: 400;
	border-left: 3px solid #6D929B;
	padding-left: 10px;
}

h5
{
	font-weight: 400;
	text-transform: uppercase;
	margin-top: 20px
}

h4+h5 { margin-top: 10px }

.footer .address
{
	font-size: 12px;
	padding: 10px;
	font-weight: 200;
}

.footer .address a
{
	color: #fff;
	text-decoration: underline;
}

.liveChat
{
	background: transparent url(../img/Volusion_Icons.png) no-repeat 0 0;
	width: 133px;
	height: 96px;
}
#map{
	height: 210px;	
	}

.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form textarea{
	height: 38px;
border: 1px solid #ebebeb;
border-top: 1px solid #bfbfbf;
background: #f5f5f5;
padding: 0 10px;
font-family: Tahoma, Geneva, sans-serif;
font-size: 12px;

  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
     -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
       -o-transition: border linear 0.2s, box-shadow linear 0.2s;
          transition: border linear 0.2s, box-shadow linear 0.2s;
  -webkit-border-radius: 0px;
     -moz-border-radius: 0px;
          border-radius: 0px;
	}

.contact-form textarea{
	height: 120px;
	padding-top:10px;
	}

button[type="submit"]{
border-radius: 0;
border: none;
box-shadow: none;
background-image: none;}

@media (max-width: 767px) {

.navbar .nav > li > a
{;
	background-color: #000;
	color: #fff;
	text-shadow: none;
	height: 38px;
	padding: 0 5px;
	margin: 0;
}

.navbar .nav > li
{
	background-color: #000;
ba.navbar .navckground-color: #000;
	text-align: center;
}

.navbar .nav { margin-top: 0; }

body { margin-top: 0px; }

h1.navbar-brand
{
	margin-top: 0;
	float: none;
}

.navbar-fixed-top
{
	position: relative;
	top: auto;
	margin-bottom: 0
}

.page-header { padding: 0 }

.page-header h2
{
	font-size: 2em;
	line-height: 1em;
	font-weight: 400;
}

.footer .address
{
	font-size: 11px;
}
}


@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) { 


	.mfg-logo
	{
		
		background-image: url(../img/high-res/main-logo.png);
		background-size: 200px 65px;

	}
	
	.mfg-logo-small
	{

		background-image: url(../img/high-res/small-logo.png);
		background-size: 164px 65px;

	}
	
	.mfg-logo-big
	{
		background-image: url(../img/high-res/big-logo.png);
		background-size: 254px 110px;
	}


}
.errors ul, .errors span {
 margin: 0;
 padding-bottom: 10px;
 margin-left: 10px;
 list-style: square;
 color:red
}
.validation-summary-valid {
    display: none;
}