body {
	margin: 0;
	padding: 0;
}

.main {	
	background: url('../img/background/site-bg.jpg') top center no-repeat #fff;
}

/* Container */

.container {
	margin: 0 auto;
	padding: 0;
}

.mainbg {
	margin: 0 auto;	
	background: url('../img/background/white-bg.png') top center;
	
}

.white {
	background: #fff;
}

.grey {
	background: #eee;
}

.blue {
	background: #282972;
}

.yellow {
	background: #FFCB04;
}



/* Container Center */

.containercenter {
	margin: 0 auto;
}

.containerheader {
	margin: 0 auto;
}

.containerbanner {
	margin: 0 auto;
}

.center {
	margin: 0 auto;
	padding: 0;
	width: 95%;
}


/* Header */

.header {
	margin: 0 auto;
	padding: 0 0 1.5em 0;
	font-family: "proxima-nova-n3","proxima-nova",sans-serif;
	font-style: normal;
	font-weight: 300;
	width: 100%;
}

.headerleft {
	margin: 0;
	padding: 0 0 0 2%;
	width: 15%;
	float: left;
}

.headerleft h1 {
	display: none;
}

.headerleft img {
	margin: 0;
	padding: 0;
	width: 100%;
}

.headerright {
	margin: 0;
	padding: 2em 2% 0 0;
	width: 81%;
	float: right;
	text-align: right;
}

.headerright i.bott {
	margin: 0;
	padding: 0 0 1.5em 0;
	color: #069948;
	font-style: normal;
	font-size: 1em;
	display: block inline;
}

.headerright i.bott img {
	padding: 0 0 0 2%;
	width: 8%;
}

.headerright i.email {
	margin: 0;
	padding: 0 2% 0 0;
	color: #282972;
	font-style: normal;
	font-size: 1.1em;
	display: block inline;
}

.headerright i.email a {
	color: #222;
}

.headerright strong.number {
	margin: 0;
	padding: 0 5% 0 2%;
	color: #222;
	font-size: 1.1em;
	font-family: "proxima-nova-n7","proxima-nova",sans-serif;
	font-style: normal;
	font-weight: 700;
	display: block inline;
}

.headerright strong.number a {
	text-decoration: none;
	color: #222;
}

.headerright strong.number span {
	color: #555;
	font-family: "proxima-nova-n3","proxima-nova",sans-serif;
	font-style: normal;
	font-weight: 300;
	display: block inline;
}

.headerright span.link {
	margin: 0;
	padding: 0;
	font-size: 1em;
}

.headerright span.link strong a {
	padding: 0.5em 2% 0.5em 2%;
	color: #282972;
	text-decoration: none;
	font-weight: normal;
	background: #fff;
}


/* Nav */

.nav {
	margin: 0 auto;
	padding: 0;
	width: 100%;
	display: block;
	font-family: "proxima-nova-n3","proxima-nova",sans-serif;
	font-style: normal;
	font-weight: 300;
}

.nav ul {
	margin: 0;
	padding: 0;
}

.nav li {
	margin: 0;
	padding: 0;
	display: inline-block;
	float: left;
	width: 25%;
}

.nav li a {
	margin: 0;
	padding: 0.65em 0 0.65em 0;
	text-decoration: none;
	color: #555;
	display: inline-block;
	font-size: 1.25em;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	background: #fff;
	width: 100%;
	text-align: center;
}

.nav li a:hover {
	color: #fff;
	background: #555;
}

.nav li.selected a{
	color: #282972;
	background: #FFCB04;
}



/* Banner */

.banner {
	margin: 0 auto;
	padding: 0;
	text-align: center;
	width: 100%;
}

.bannercenter {
	margin: 0;
	padding: 0.5em;
	text-align: center;
}

.banner img {
	width: 100%;
}

/* Banner Content */

.bannercontent {
	margin: -16em 0 0 2.5em;
	padding: 0;
	position: absolute;
	text-align: left;
	color: #fff;
}

.bannercontent .header {
	margin: 0;
	padding: 0;
}
	

.bannercontent h2 {
	margin: 0;
	padding: 0.1em 0.25em 0.1em 0.25em;
	font-family: "proxima-nova-n3","proxima-nova",sans-serif;
	font-style: normal;
	font-weight: 300;
	text-transform: uppercase;
	font-size: 4em;
	line-height: 1;
	color: #282972;
	background: #fff;
	display: inline-block;
}

.bannercontent .subheader {
	margin: 0;
}

.bannercontent h3 {
	margin: 0 0 0 0;
	padding: 0.25em 0.5em 0.25em 0.5em;
	font-family: "proxima-nova-n3","proxima-nova",sans-serif;
	font-style: normal;
	font-weight: 300;
	text-transform: uppercase;
	font-size: 1.5em;
	display: block;
	color: #fff;
	background: #282972;
	display: inline-block;
}

.bannercontent h3 strong {
	font-size: 2em;
}


.bannercontent i {
	margin: 0 0 0 0;
	padding: 0;
	font-family: "myriad-pro-semi-condensed-n3","myriad-pro-semi-condensed",sans-serif;
	font-style: normal;
	font-weight: 300;
	text-transform: uppercase;
	font-size: 1.5em;
	display: block;
}

.bannercontent p {
	margin: 0 0 2em 0;
	padding: 0;
	font-family: "myriad-pro-semi-condensed-n3","myriad-pro-semi-condensed",sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 1em;
	width: 50%;
}

.bannercontent strong.link {
	margin: 0;
	padding: 0;
	font-family: "myriad-pro-condensed-n4","myriad-pro-condensed",sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 1.4em;
	display: block;
}

.bannercontent strong.link a {
	padding: 0.4em 0.9em 0.4em 0.9em;
	color: #282972;
	text-transform: uppercase;
	background: #fff;
	text-decoration: none;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.bannercontent strong.link a:hover {
	color: #fff;
	background: #282972;
}


/* Map */

.map {
	margin: 0;
	padding: 0.5em;
}

.mapcenter {
	margin: 0;
	padding: 0;
}

.cmsmap  {
	width: 100%;
	height: 20em;
	display: block;
}


/* Content Contact */

.contentcontact {
	margin: 0;
	padding: 2em 0 2em 0;
	font-family: "proxima-nova-n3","proxima-nova",sans-serif;
	font-style: normal;
	font-weight: 300;
	text-align: left;
}

.contentcontact h1 {
	font-size: 2.25em;
	font-family: "proxima-nova-n3","proxima-nova",sans-serif;
	font-style: normal;
	font-weight: 300;
}

.contentcontact h2 {
	font-size: 2em;
	font-family: "proxima-nova-n3","proxima-nova",sans-serif;
	font-style: normal;
	font-weight: 300;
}
	
.contentcontact h3 {
    margin: 0;
	padding: 0 0 0.25em 0;
	font-size: 1.75em;
	font-family: "proxima-nova-n3","proxima-nova",sans-serif;
	font-style: normal;
	font-weight: 300;
	line-height: 1.2;
}
	
.contentcontact h4 {
    margin: 0;
	padding: 0.5em 0 0.25em 0;
	font-size: 1.5em;
	font-family: "proxima-nova-n3","proxima-nova",sans-serif;
	font-style: normal;
	font-weight: 300;
	line-height: 1.2;
}
	
.contentcontact h5 {
    margin: 0;
	padding: 0.5em 0 0.25em 0;
	font-size: 1.25em;
	font-family: "proxima-nova-n3","proxima-nova",sans-serif;
	font-style: normal;
	font-weight: 300;
	line-height: 1.2;	
}
	
.contentcontact h6 {
    margin: 0;
	padding: 0.5em 0 0.25em 0;
	font-size: 1em;
	font-family: "proxima-nova-n3","proxima-nova",sans-serif;
	font-style: normal;
	font-weight: 300;
	line-height: 1.2;
}

.contentcontact ul {
	margin: 0;
	padding: 0.5em 0 0.5em 3em;
	font-size: 0.8em;
}

.contentcontact ul li {
	margin: 0;
	padding: 0 0 0 0.5em;
	list-style: square;
	line-height: 1.5;
}

.contentcontact ol {
	margin: 0;
	padding: 0.5em 0 0.5em 3em;
	font-size: 0.8em;
}

.contentcontact ol li {
	margin: 0;
	padding: 0 0 0 0.3em;
	list-style: decimal;
	line-height: 1.5;
}

.contentcontact img {
	margin: 0;
	padding: 0 0 0.75em 0;
}

.contentcontact p {
    margin: 0;
	padding: 0 0 1em 0;
	font-size: 1em;
	line-height: 1.5;
	color: #050505;
}

.contentcontact strong {
    font-weight: bold 400;
}

.contentcontact blockquote {
    margin: 0;
	padding: 0.5em 0 0.5em 0;
	font-size: 1.5em;
	line-height: 1.3;
	font-family: "proxima-nova-i3","proxima-nova",sans-serif;
	font-weight: 300;
	font-style: italic;
}

.contentcontact a {
    color: #000;
}

.contentcontact a:hover {
    text-decoration: none;
}



/* Content */

.content {
	margin: 0;
	padding: 2em 0 2em 0;
	font-family: "proxima-nova-n3","proxima-nova",sans-serif;
	font-style: normal;
	font-weight: 300;
	border-top: 0.5em solid #FFCB04;
}

.content h1 {
	font-size: 2.25em;
	font-family: "proxima-nova-n3","proxima-nova",sans-serif;
	font-style: normal;
	font-weight: 300;
}

.content h2 {
	font-size: 2em;
	font-family: "proxima-nova-n3","proxima-nova",sans-serif;
	font-style: normal;
	font-weight: 300;
}
	
.content h3 {
    margin: 0;
	padding: 0 0 0.25em 0;
	font-size: 1.75em;
	font-family: "proxima-nova-n3","proxima-nova",sans-serif;
	font-style: normal;
	font-weight: 300;
	line-height: 1.2;
}
	
.content h4 {
    margin: 0;
	padding: 0.5em 0 0.25em 0;
	font-size: 1.5em;
	font-family: "proxima-nova-n3","proxima-nova",sans-serif;
	font-style: normal;
	font-weight: 300;
	line-height: 1.2;
}
	
.content h5 {
    margin: 0;
	padding: 0.5em 0 0.25em 0;
	font-size: 1.25em;
	font-family: "proxima-nova-n3","proxima-nova",sans-serif;
	font-style: normal;
	font-weight: 300;
	line-height: 1.2;	
}
	
.content h6 {
    margin: 0;
	padding: 0.5em 0 0.25em 0;
	font-size: 1em;
	font-family: "proxima-nova-n3","proxima-nova",sans-serif;
	font-style: normal;
	font-weight: 300;
	line-height: 1.2;
}

.content ul {
	margin: 0;
	padding: 0.5em 0 0.5em 3em;
	font-size: 0.8em;
}

.content ul li {
	margin: 0;
	padding: 0 0 0 0.5em;
	list-style: square;
	line-height: 1.5;
}

.content ol {
	margin: 0;
	padding: 0.5em 0 0.5em 3em;
	font-size: 0.8em;
}

.content ol li {
	margin: 0;
	padding: 0 0 0 0.3em;
	list-style: decimal;
	line-height: 1.5;
}

.content img {
	margin: 0;
	padding: 0 0 0.75em 0;
}

.content p {
    margin: 0;
	padding: 0 0 1em 0;
	font-size: 1em;
	line-height: 1.5;
	color: #050505;
}

.content strong {
    font-weight: bold 400;
}

.content blockquote {
    margin: 0;
	padding: 0.5em 0 0.5em 0;
	font-size: 1.5em;
	line-height: 1.3;
	font-family: "proxima-nova-i3","proxima-nova",sans-serif;
	font-weight: 300;
	font-style: italic;
}

.content a {
    color: #000;
}

.content a:hover {
    text-decoration: none;
}



.contentheader {
	margin: 0;
	padding: 0 0 1em 0;
	text-align: center;
}

.contentheader h1 {
	margin: 0;
	padding: 0 0 0.25em 0;
	color: #282972;
	font-family: "proxima-nova-n3","proxima-nova",sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 2.5em;
}

.contentheader h2 {	
	margin: 0;
	padding: 0;
	font-size: 1.25em;
	font-family: "proxima-nova-n3","proxima-nova",sans-serif;
	font-style: normal;
	font-weight: 300;	
	color: #555;
}

.contentheader span {
	display: none;
}

.contentcontact .contentheader {
	text-align: left;
}


/* Contact */

.contact {
	margin: 0;
	padding: 0;
}

.mainarea {
	margin: 0;
	padding: 0;
}

.contentleft {
	margin: 0 2.5% 0 2.5%;
	padding: 0;
	width: 62.5%;
	float: left;
}

.sidebar {
	margin: 2em 2.5% 0 0;
	width: 30%;
	float: right;
}



/* Services */

.services {
	margin: 0;
	padding: 2em 0 2em 0;
}

.servicesheader {
	margin: 0 0 2em 0;
	padding: 0;
	text-align: center;
}

.servicesheader h1 {	
	margin: 0;
	padding: 0 0 0.1em 0;
	font-size: 2.5em;
	font-family: "proxima-nova-n3","proxima-nova",sans-serif;
	font-style: normal;
	font-weight: 300;	
	color: #282972;
}

.servicesheader p {	
	margin: 0;
	padding: 0;
	font-size: 1.25em;
	font-family: "proxima-nova-n3","proxima-nova",sans-serif;
	font-style: normal;
	font-weight: 300;	
	color: #555;
}

.servicelist {
	margin: 0 5% 0 0;
	padding: 0;
	width: 30%;
	float: left;
	text-align: center;
}

.servicelist h2 {
	margin: 0 0 0.5em 0;
	font-size: 1.35em;
	font-family: "proxima-nova-n3","proxima-nova",sans-serif;
	font-style: normal;
	font-weight: 300;	
	color: #f5f5f5;
	background: #282972;
}

.servicelist h2 a {
	padding: 0.75em 0 0.75em 0;
	color: #fff;
	text-decoration: none;
	display: block;
}

.servicelist h2 a:hover {
	text-decoration: underline;
}

.servicelist ul {
	margin: 0;
	padding: 0;
}

.servicelist li {
	margin: 0 0 0.25em 0;
	padding: 0;
	font-family: "proxima-nova-n3","proxima-nova",sans-serif;
	font-style: normal;
	font-weight: 300;	
	color: #555;
	list-style: none;
}

.servicelist li a {
	padding: 0.75em;
	color: #282972;
	font-size: 1.1em;
	text-decoration: none;
	background: #fff;
	border: 1px solid #e5e5e5;
	display: block;
}

.servicelist li a:hover {
	text-decoration: underline;
}

.servicelist.last {
	margin: 0 0 0 0;
}


.servicelistmain {
	margin: 0 5% 0 0;
	padding: 1.4em 2% 1.4em 2%;
	width: 96%;
	float: left;
	text-align: center;
	background: #eee;
}

.servicelistmain h2 {
	margin: 0 0 1em 0;
	padding: 0.75em 0 0.75em 0;
	font-size: 1.35em;
	font-family: "proxima-nova-n3","proxima-nova",sans-serif;
	font-style: normal;
	font-weight: 300;	
	color: #f5f5f5;
	background: #282972;
}

.servicelistmain ul {
	margin: 0;
	padding: 0 1% 0 1%;
	width: 98%;
}

.servicelistmain li {
	margin: 0 1% 1.25em 1%;
	padding: 0;
	font-family: "proxima-nova-n3","proxima-nova",sans-serif;
	font-style: normal;
	font-weight: 300;	
	display: inline-block;
	color: #555;
	width: 31.33333333333333%;
	float: left;
}

.servicelistmain li a {
	padding: 0.75em 0 0.75em 0;
	color: #282972;
	font-size: 1.1em;
	text-decoration: none;
	background: #fff;
	border: 1px solid #e5e5e5;
	display: inline-block;
	width: 100%;
}


/* Photos */

.photos {
	margin: 0;
	padding: 0 0 1em 0;
}

.manufacturer {
	margin: 0 0 2em 0;
	padding: 1.5em;
	background: #f5f5f5;
	text-align: center;
}

.manufacturer h3 {
	margin: 0 0 1em 0;
	padding: 0.5em 0 0.5em 0;
	font-family: "proxima-nova-n3","proxima-nova",sans-serif;
	font-style: normal;
	font-weight: 300;
	color: #fff;
	font-size: 1.5em;
	text-align: center;
	background: #282972;
}

.manufacturer ul {
	margin: 0;
	padding: 0;
	width: 100%;
}

.manufacturer li {
	margin: 0;
	padding: 1em 1.5% 1em 1.5%;
	display: inline-block;
	width: 16%;
}

.manufacturer li strong {
	font-family: "proxima-nova-n4", "proxima-nova",sans-serif;
	font-style: normal;
	font-weight: 400;
	display: block;
	font-size: 1.25em;
}

.manufacturer li i {
	padding: 0.2em 0 0 0;
	font-family: "proxima-nova-n3","proxima-nova",sans-serif;
	font-style: normal;
	font-weight: 300;
	color: #555;
	display: block;
	font-size: 1em;
}

.manufacturer img {
	margin: 0;
	padding: 0 0 0.5em 0;
	width: 100%;
}


/* Footer Link */

.footerlink {
	margin: 2em 0 1em 0;
	padding: 0;
	border: 1px solid #d5d5d5;
	background: #fff;
}

.footerlink p {
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: "proxima-nova-n3","proxima-nova",sans-serif;
	font-style: normal;
	font-weight: 300;	
	color: #555;
	font-size: 1.5em;
}

.footerlink p a {
	margin: 0 0 0 0;
	padding: 1.25em 0.75em 1.25em 0.75em;
	display: block;
	color: #555;
	text-decoration: none;
}

.footerlink p a span {
	margin: 0 0 0 1em;
	padding: 0.3em 0.75em 0.3em 0.75em;
	color: #fff;
	background: #282972;
	text-decoration: none;
	text-transform: uppercase;
}



/* Forms */

.contactform { 
	margin: 0 0 3em 0;
	padding: 2em 3em 3em 3em;
	background: #eee;
	text-align: left;
}

.contactform  h2 {
	margin: 0 0 1em 0;
	padding: 0 0 0.625em 0;
	font-size: 1.75em;
	font-family: "proxima-nova-n3","proxima-nova",sans-serif;
	font-style: normal;
	font-weight: 300;	
	text-align: left;
	color: #222;
	border-bottom: 1px solid #aaa;
}

.contactform  p {
	margin: 0;
	padding: 0 0 1.75em 0;
	font-size: 1em;
	line-height: 1;
	font-weight: 400;
	color: #777;
}

.contactform .input label {
	padding: 0 0 0.25em 0;
	font-size: 1em;
	color: #555;
	display: block;
}	

.contactform .input input {
	margin: 0 0 1.25em 0;
	padding: 2%;
	width: 96%;
	border: 1px solid #fff;
	display: block;
	font-size: 1em;
	color: #555;
	background: #fff;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	transition: all .3s linear;
}	

.contactform .input input:hover {
	border: 1px solid #282972;
	color: #000;
	background: #fff;
}	

.contactform .input input:focus {
	border: 1px solid #282972;
	color: #000;
	background: #fff;
}

.contactform .input select {
	margin: 0 0 1.25em 0;
	padding: 2%;
	width: 100%;
	border: 1px solid #fff;
	display: block;
	font-size: 1em;
	color: #555;
	background: #fff;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	transition: all .3s linear;
}	

.contactform .input select:hover {
	border: 1px solid #282972;
	color: #000;
	background: #fff;
}	

.contactform .input select:focus {
	border: 1px solid #282972;
	color: #000;
	background: #fff;
}

.contactform .textarea label {
	padding: 0 0 0.25em 0;
	font-size: 1em;
	color: #555;
	display: block;
}	

.contactform .textarea textarea {
	margin: 0 0 1.25em 0;
	padding: 2%;
	width: 96%;
	border: 1px solid #fff;
	display: block;
	font-size: 1em;
	color: #000;
	background: #fff;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	transition: all .3s linear;
}	

.contactform .textarea textarea:hover {
	border: 1px solid #282972;
	color: #000;
	background: #fff;
}	

.contactform .textarea textarea:focus {
	border: 1px solid #282972;
	color: #000;
	background: #fff;
}

.contactform .submit input {
	margin: 0 0 0 0;
	padding: 0.65em 1.25em 0.5em 1.25em;
	display: block;
	font-size: 1.25em;
	color: #fff;
	background: #282972;
	text-transform: uppercase;
	font-family: "proxima-nova-n3","proxima-nova",sans-serif;
	font-style: normal;
	font-weight: 300;	
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	transition: all .3s linear;
	border: none;
	cursor: pointer;
}	

.contactform .submit input:hover {
	color: #fff;
	background: #222;
}	

.contactform .submit input:focus {
	color: #fff;
	background: #222;
}


/* Contact Sidebar */

.contactsidebar {
	margin: 0 0 2em 0;
	padding: 1em;
	font-family: "proxima-nova-n3","proxima-nova",sans-serif;
	font-style: normal;
	font-weight: 300;	
	background: #f5f5f5;
	border: 1px solid #e5e5e5;
}

.contactsidebar h3 {
	margin: 0 0 0 0;
	padding: 0 0 0.25em 0;
	font-family: "proxima-nova-n3","proxima-nova",sans-serif;
	font-style: normal;
	font-weight: 300;	
	font-size: 1.2em;
	line-height: normal;
	color: #404041;
	text-transform: uppercase;
	line-height: 1;
}

.contactsidebar .adr {
	margin: 0;
	padding: 0 0 0.75em 0;
}

.contactsidebar .adr h4 {
	margin: 0;
	padding: 0 0 0.25em 0;
	font-size: 1.25em;
	font-family: "proxima-nova-n3","proxima-nova",sans-serif;
	font-style: normal;
	font-weight: 300;	
	color: #111;
}

.contactsidebar .adr span {
	margin: 0;
	padding: 0;
	color: #404041;
	font-size: 1em;
	display: block;
	line-height: 1.5;
}

.contactsidebar .adr span a {
	padding: 0 0.3em 0 0.3em;
	color: #404041;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	text-decoration: underline;
}

.contactsidebar .adr  span a:hover {
	color: #706f73;
	text-decoration: underline;
}

.contactsidebar .contact {
	margin: 0;
	padding: 0;
	font-size: 1em;
	color: #404041;
}

.contactsidebar .contact i {
	font-style: normal;
}

.contactsidebar .contact ul {
	margin: 0;
	padding: 0;
}

.contactsidebar .contact li {
	margin: 0;
	padding: 0 0 0.25em 0;
	list-style: none;
	line-height: 1.2;
}

.contactsidebar .contact li a {
	padding: 0 0.3em 0 0.3em;
	color: #404041;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	text-decoration: underline;
}

.contactsidebar .contact li a:hover {
	color: #706f73;
	text-decoration: none;
}



/* Footer */

.footer {
	margin: 0 0 0 0;
	padding: 2em 0 2em 0;
	border-top: 1px solid #c5c5c5;
}

.footernav {
	margin: 0;
	padding: 0;
}

.footernav ul {
	margin: 0;
	padding: 0;
}

.footernav li {
	margin: 0;
	padding: 0;
	display: inline-block;
	list-style: none;
}

.footernav li a {
	margin: 0;
	padding: 0 1em 0 0;
	color: #000;
	text-decoration: none;
	font-family: "proxima-nova-n3","proxima-nova",sans-serif;
	font-style: normal;
	font-weight: 300;
	display: inline-block;
}

.footernav li a:hover {
	text-decoration: underline;
}

.footercontact {
	margin: 0;
	padding: 0;
	text-align: left;
	color: #555;
	font-family: "proxima-nova-n3","proxima-nova",sans-serif;
	font-style: normal;
	font-weight: 300;
}

.footercontact h3 {
	margin: 0;
	padding: 1em 0 0.25em 0;
	font-size: 1.25em;
	color: #282972;
}

.footercontact ul {
	margin: 0;
	padding: 0 0 0.5em 0;
}

.footercontact li {
	margin: 0;
	padding: 0 0.25em 0 0;
	list-style: none;
	display: inline;
	font-size: 1em;
	color: #555;
}

.footercontact li i {
	font-style: normal;
	color: #999;
}

.footercontact li a {
	padding: 0 0.25em 0 0.25em;
	color: #555;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	text-decoration: none;
}

.footercontact p {
	margin: 0 0 0 0;
	padding: 20px 0 0 0;
	list-style: none;
	font-size: 1em;
	color: #555;
}

.footercontact p a {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	text-decoration: none;
	color: #555;
}

.footercontact .copyright {
	margin: 0;
	padding: 1.25em 0 1.25em 0;
}

.footercontact .copyright small {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 0.85em;
	color: #555;
}

.footercontact small strong {
	font-family: "proxima-nova-n4","proxima-nova",sans-serif;
	font-style: normal;
	font-weight: 400;
}

.footercontact .copyright small a {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	text-decoration: none;
	color: #777;
}

.footercontact .copyright small a:hover {
	color: #000;
}




/* Media Queries */


@media screen and (min-width: 1200px) {

	.containercenter {
		font-size: 100%;
		width: 1200px;
	}
	
	.containerheader {
		font-size: 100%;
		width: 1200px;
	}
	
	.containerbanner {
		font-size: 100%;
		width: 1200px;
	}
	
	.mainbg {
		font-size: 100%;
		width: 1200px;
	}
	
}

@media screen and (max-width: 1280px) {
	
}

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

	.headerright i.bott img {
		width: 5%;
	}
	
}

@media screen and (max-width: 1120px) {
	
	.headerright i.email {
		display: none;
	}
	
	.headerright i.bott img {
		width: 8%;
	}
	
}

@media screen and (max-width: 960px) {
	
	.manufacturer li {
		padding: 1em 1% 1em 1%;
		width: 22.5%;
	}
	
}

@media screen and (max-width: 800px) {

	.headerleft {
		width: 20%;
	}

	.headerright {
		width: 76%;
	}
	
	.headerright i.bott span {
		display: none;
	}
	
	.bannercontent {
		margin: -14em 0 0 2.5em;
		padding: 0;
		font-size: 90%;
	}
	
	.center {
		width: 90%;
	}
	
	.contentleft {
		margin: 0 5% 0 5%;
		width: 90%;
		float: none;
	}

	.sidebar {
		margin: 0 5% 0 5%;
		width: 90%;
		float: none;
	}
	
	.contactform { 
		margin: 0 0 1em 0;
	}
	
}

@media screen and (max-width: 700px) {
	
	.manufacturer li {
		padding: 1em 1.25% 1em 1.25%;
		width: 30%;
	}
	
	.servicelist {
		margin: 0 0 2em 0;
		width: 100%;
		float: none;
	}
	
	.bannercontent {
		margin: -13em 0 0 2.5em;
		padding: 0;
		font-size: 85%;
	}
	
	.footerlink p a span {
		margin: 0 0 0 0.5em;
		display: inline-block;
	}
	
}

@media screen and (max-width: 670px) {

	.footerlink p a span {
		margin: 0 0 0 0.25em;
		display: inline-block;
	}
	
}

@media screen and (max-width: 660px) {

	.footerlink p a span {
		margin: 0.5em 0 0 0;
		display: inline-block;
	}
	
}

@media screen and (max-width: 600px) {
	
	.headerleft {
		padding: 0 0 0 5%;
		width: 35%;
	}

	.headerright {
		width: 58%;
		padding: 3em 0 0 0;
	}
	
	.bott {
		display: none;
	}
	
	.content {
		border-top: 0.5em solid #FFCB04;
	}
	
	.bannercontent {
		margin: -12.5em 0 0 2.5em;
		padding: 0;
		font-size: 80%;
	}
	
}

@media screen and (max-width: 550px) {
	
	.manufacturer li {
		padding: 1em 2% 1em 2%;
		width: 45%;
	}
	
	.bannercontent {
		font-size: 70%;
	}
	
}

@media screen and (max-width: 480px) {
	
	.manufacturer li {
		padding: 1em 0 1em 0;
		width: 70%;
	}
	
	.headerleft {
		padding: 0 0 0 0;
		width: 100%;
		float: none;
		text-align: center;
	}
	
	.headerleft img {
		width: 50%;
	}

	.headerright {
		padding: 1.5em 0 0 0;
		width: 100%;
		float: none;
		text-align: center;
	}
	
	.headerright strong.number {
		padding: 0 0 0 2%;
	}
	
	.nav li a {
		font-size: 120%;
	}
	
	.bannercontent {
		font-size: 60%;
	}
	
}

@media screen and (max-width: 420px) {
	
	.containerbanner {
		display: none;
	}

	.contactform { 
		margin: 0 0 3em 0;
		padding: 1.5em 1.5em 3em 1.5em;
		background: #eee;
		text-align: left;
	}

}

@media screen and (max-width: 370px) {

	.nav li a {	
		font-size: 105%;
	}

}

@media screen and (max-width: 340px) {

	.nav li a {	
		font-size: 100%;
	}

}

@media screen and (max-width: 320px) {

	.nav li a {	
		font-size: 95%;
	}

}