@charset "UTF-8";
/* CSS Document */


@font-face {
    font-family: 'BebasNeueRegular';
    src: url('assets/BebasNeue-webfont.eot');
    src: url('assets/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('assets/assets/BebasNeue-webfont.woff') format('woff'),
         url('assets/BebasNeue-webfont.ttf') format('truetype'),
         url('assets/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* =============================== STYLE RESETS =============================== */

* { padding: 0; margin: 0; }
html { padding: 0; margin: 0; }

body {
	padding: 0; margin: 0;
	background-color: #393939;
	font-family: Arial, Helvetica, sans-serif; font-size: 62.5%;
	-webkit-text-size-adjust: none;
}
img { border: 0; }
table { width: 100%; border-collapse: collapse; }
:focus { outline: none; }

.wrapper { width: 960px; margin-left: auto; margin-right: auto; }

/* =============================== DEFAULT TEXT STYLES =============================== */

a { color: #CC3300; text-decoration: none; }
a:hover { color: #EC5320; text-decoration: none; }

h1 {
	font-family: 'Teko', 'BebasNeueRegular', Arial, Helvetica, sans-serif;
	font-size: 3em; line-height: 1em; color: #FFF; font-weight: normal; margin-bottom: 10px;
}
h2 {
	font-family: 'Teko','BebasNeueRegular', Arial, Helvetica, sans-serif;
	font-size: 2em; line-height: 1em; color: #CC3300; font-weight: normal; text-transform: uppercase; margin-bottom: 10px;
}
h3 { font-size: 1.2em; line-height: 1em; color: #CC3300; font-weight: bold; text-transform: uppercase; margin-bottom: 10px; }
p, ul, ol { font-size: 1.2em; line-height: 1.4em; margin-bottom: 10px; }
ul { list-style: disc outside; margin-left: 1.5em; }
ol { list-style: decimal outside; margin-left: 2em; }

/* =============================== HEADER =============================== */

#header {
	height: 66px; padding-top: 10px; position: relative;
	background: #000 url(assets/mvfh_rule.gif) bottom repeat-x;
}
h2#site_title { float: left; margin: 0px; }
#company_name { display: none; }
#company_logo { float: left; }
#hdr_telephone {
	float: right; padding-top: 20px;
	font-family: 'BebasNeueRegular', Arial, Helvetica, sans-serif;
	font-size: 2.2em; text-transform: uppercase; font-weight: normal;
	line-height: 1em; color: #CC3300;
}
#hdr_telephone strong, #hdr_telephone a { color: #FFF; white-space: nowrap; font-weight: normal; }

#header_banner { clear: both; padding-top: 30px; background-color: #393939; overflow: hidden; }
#header_img { clear: both; height: 320px; border-top: 2px solid #CC3300; padding-top: 5px; }
p#header_sales_line {
	font-family: 'BebasNeueRegular', Arial, Helvetica, sans-serif; font-size: 2em;
	color: #FFF; background-color: #000; padding: 10px 20px 10px 40px; position: relative; margin: 0px;
}
p#header_sales_line:before {
	content: "";
	width: 13px; height: 13px; border: 1px solid #FFF; background-color: #CC3300;
	position: absolute; left: 20px; top: 50%; margin-top: -9px;
}

/* =============================== PAGE =============================== */

#page { background-color: #FFF; overflow: hidden; position: relative; padding-bottom: 10px; }

#product_logos { padding-top: 10px; margin-bottom: 30px; overflow: hidden; position: relative; }
#product_logos ul { list-style: none; margin: 0px; font-size: 1em; line-height: 1em; }
#product_logos ul li { width: 20%; display: table; float: left; }
#product_logos ul li:nth-child(5n+1) { clear: both; }
#product_logos ul li span { height: 70px; display: table-cell; text-align: center; vertical-align: middle; }
#product_logos ul li span a { height: 50px; background: url(img/mv_logo_arrow.jpg) right top no-repeat; display: block; text-align: center; margin: 0px 15px; }
#product_logos ul li span a:hover { background-position: right -50px; }
#product_logos ul li span img { margin-left: auto; margin-right: auto; }

#page_content { clear: both; border-top: 1px solid #D2D5D8; padding-top: 30px; position: relative; overflow: hidden; }
#profile { width: 450px; float: left; }

#contacts { width: 450px; min-height: 205px; float: right; padding-left: 30px; border-left: 1px solid #D2D5D8; overflow: hidden; margin-bottom: 20px; }
#contacts_content { float: left; }
#iso9001certified { width: 180px; min-height: 205px; float: right; border-left: 1px solid #D2D5D8; text-align: right; }

/* =============================== FOOTER =============================== */

#footer {
	clear: both; border-top: 5px solid #000; padding-top: 15px; padding-bottom: 15px;
	font-size: 1.1em; color: #999;
}

/* =============================== RESPONSIVE =============================== */

@media (max-width: 960px) {
	.wrapper { width: auto; margin-left: 20px; margin-right: 20px; }
	#header_banner { padding-top: 20px; }
	#header_banner .wrapper { margin-left: 0px; margin-right: 0px; }
	#header_banner h1 { margin-left: 20px; margin-right: 20px; }
	#hdr_telephone { padding-top: 13px; }
	#hdr_telephone strong, #hdr_telephone a { display: block; }
	#header_img { height: auto; }
	#header_img img { width: 100%; height: auto; display: block; }
	#page { padding-bottom: 20px; }
	#product_logos ul li span img { width: auto; height: auto; max-width: 90%; max-height: 50px; display: block; margin-left: auto; margin-right: auto; }
	#product_logos ul li span a { margin: 0px; padding: 0px 10px 0px 0px; }
	#profile, #contacts, #iso9001certified { width: 45%; height: auto; padding-left: 0px; border-left: 0px; }
	#contacts { padding-left: 5%; border-left: 1px solid #D2D5D8; }
	#contacts_content, #iso9001certified { width: auto; height: auto; min-height: 1px; float: none; clear: both; text-align: left; }
}
@media (max-width: 700px) {
	#header { margin-bottom: 40px; }
	#hdr_telephone { height: 40px; line-height: 40px; padding: 0px; text-align: center; float: none; clear: both; position: absolute; left: 0px; top: 100%; width: 100%; background-color: #000; border-bottom: 1px solid #555; }
	#hdr_telephone strong, #hdr_telephone a { display: inline; }
	#header_banner { padding-top: 10px; }
	#product_logos ul li { width: 25%; }
	#product_logos ul li:nth-child(5n+1) { clear: none; }
	#product_logos ul li:nth-child(4n+1) { clear: both; }
}
@media (max-width: 515px) {
	.wrapper, #header_banner h1 { margin-left: 10px; margin-right: 10px; }
	#product_logos { margin-bottom: 20px; }
	#profile, #contacts { width: auto; float: none; clear: both; padding-left: 0px; border-left: 0px; }
	#contacts { padding-top: 20px; border-top: 1px solid #D2D5D8; }
	#contacts_content { float: left; }
	#iso9001certified { float: right; clear: none; }
	#header { height: auto; }
	h2#site_title { float: none; }
	#company_logo { position: relative; float: none; }
	#company_logo img { width: 100%; height: auto; display: block; }
	#hdr_telephone { font-size: 2.1em; letter-spacing: 1px; }
	h1 { font-size: 2.4em; }
	p#header_sales_line { font-size: 1.7em; padding: 5px 10px 5px 30px; }
	p#header_sales_line:before { left: 10px; }
	#product_logos ul li { width: 33%; }
	#product_logos ul li:nth-child(4n+1) { clear: none; }
	#product_logos ul li:nth-child(3n+1) { clear: both; }
	#product_logos ul li span { height: 60px; }
}
@media (max-width: 415px) {
	#contacts_content, #iso9001certified { float: none; clear: both; }
}