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


<!--font-family: 'Fjalla One', sans-serif;-->
@font-face {
    font-family: 'Fjalla One';
    src: url('../fonts/Fjalla One.eot');
    src: url('../fonts/Fjalla One.eot') format('embedded-opentype'),
         url('../fonts/Fjalla One.woff') format('woff'),
         url('../fonts/Fjalla One.ttf') format('truetype'),
         url('../fonts/Fjalla One.svg#Fjalla One') format('svg');
}

<!-- font-family: 'Domine', serif; -->
@font-face {
    font-family: 'Domine Regular';
    src: url('../fonts/Domine Regular.eot');
    src: url('../fonts/Domine Regular.eot') format('embedded-opentype'),
         url('../fonts/Domine Regular.woff') format('woff'),
         url('../fonts/Domine Regular.ttf') format('truetype'),
         url('../fonts/Domine Regular.svg#Domine Regular') format('svg');
}



* {margin: 0; padding: 0;}

ul {list-style-type: none;}

.fleft {float: left;}

.fright {float: right;}

.tcenter {text-align: center;}

.clear {clear: both;}

.extra-wrap {overflow: hidden;}

.wrapper {width: 100%; overflow: hidden;}

.super-container {}

.container {position: relative;}





.logo {margin-top: 20px; text-align: center;}
.logo a {display: block;}

.inner-logo {width: 52%; margin: 20px auto 0; text-align: center;}
.inner-logo a {display: block;}


.testimonial-carousel {width: 60%; margin: 170px auto 0;}
.testimonial-carousel img {margin-left: 10px;}
.carousel-content {margin-top: 15px;}
.carousel-content h3 {font-size: 18px; font-weight: normal; color: #ffffff; text-transform: uppercase; text-align: right; line-height: 22px;
	margin-top: 0;}
.carousel-content p {color: #BFA060; text-align: right; line-height: 20px;}
.carousel-content .image {float: right; width: 130px; height: 116px;}
.carousel-content .image a {display: block;}


.right_container {float: left; width: 50%;}
.left_container {float: left; width: 50%;}



.menu-bar {float: right;}
.menu-bar ul {margin-left: 0; float: right;}
.menu-bar li {float: left; width: 20%; position: relative;}
.menu-bar li a {display: block;}


.numero-name span {color: #9B3364; text-transform: lowercase;}
.numero-hello span {color: #46ac6a; text-transform: lowercase;}
.numero-wheels span {color: #cc4e51; text-transform: lowercase;}
.numero-stocks span {color: #397134; text-transform: lowercase;}
.numero-email span {color: #f4b645; text-transform: lowercase;}


.menu-bar li.numero-name {}
.menu-bar li.numero-hello {}
.menu-bar li.numero-wheels {}
.menu-bar li.numero-stocks {}
.menu-bar li.numero-email {}


.mobile-menu-bar {display: none;}
.mobile-menu-bar ul {margin-left: 0;}
.mobile-menu-bar li {float: left; width: 20%; position: relative; padding: 10px 0;}
.mobile-menu-bar li a {display: block;}
.mobile-menu-bar li a:hover, .mobile-menu-bar li a:focus {
	text-decoration: none;
}

.textcontent h3 {color: #FFFFFF; font-size: 21px; font-weight: 300; line-height: 20px; margin-top: 0px; text-transform: uppercase;}
.textcontent span {display: block; font-size: 24px; margin-top: 10px; font-weight: 300;}



.footer {position: fixed; left: 0; right: 0; bottom: 0;}
.bg-white {background: url("../img/bg-white.png") repeat scroll 0 0 transparent;}
.bg-black {background: url("../img/bg-black.png") repeat scroll 0 0 transparent;}
.footer-links {float: left; margin: 0;}
.footer-links li {float: left;}
.footer-links li a {color: #ffffff; font-size: 11px; padding: 0 15px; text-transform: uppercase; border-right: 1px solid #FFFFFF;}
.footer-links li:last-child a {border: 0;}

.textwhite {color: #ffffff;}


.social {float: right; margin: 0; padding: 0 8px;}
.social li {float: left; margin: 4px 5px;}
.social li a {display: block;}




.inner-left-container {float: left; width: 40%;}
.inner-right-container {float: left; width: 60%;}


.nav-links {margin-top: 80px;}
.navbar .nav > li h3 {font-weight: 300; font-size: 16px; line-height: 20px; color: #ffffff;  margin: -5px 0 0; text-transform: uppercase;}

.disable {display: none !important;}
	

.name-bg {background-color: #993366;}
.inner-name-bg {background-color: #FFD7EB;}
.inner-content {margin-right: 4%; padding: 20px;}



.page-title {float: left; text-align: center;}
.page-title span {font-size: 28px;}
.page-title h1 {color: #FFFFFF; font-size: 35px; font-weight: 300; line-height: 30px; margin: -4px 0 0; text-transform: uppercase;}

.page-content { padding-bottom: 20px;}
.title {font-weight: bold; margin-bottom: 10px;}



.contact-form {width: 70%;}
.contact-form .block {margin-bottom: 12px;}
.contact-form p {margin-top: 6px; margin-bottom: 0;}
.contact-form input.inputinfo {margin-bottom: 0; width: 212px;
	-webkit-border-radius: 8px;
	   -moz-border-radius: 8px;
	        border-radius: 8px;
}

.teaser-form {float:left;width:280px;padding:10px;height:220px; }
.teaser-form .block {margin-bottom: 12px; color:#ffffff;}
.teaser-form a {color:#ffffff;}
.teaser-form p {margin-top: 2px; margin-bottom: 0;}
.teaser-form br {line-height:2px;}
.teaser-form input, .teaser-form select {margin-bottom: 0; 
	-webkit-border-radius: 2px !important;
	   -moz-border-radius: 2px !important;
	        border-radius: 2px !important;
			padding:2px !important;
}
.teaser-form input{
	 width: 164px !important; 
	 height:20px !important;
}

.teaser-form select{
	 width: 52px !important; 
	 height:22px !important;
}
.teaser-form .btn{
	 width: 60px !important; 
	 height:22px !important;
}
.left-content {width: 34%; float: left;}
.right-content {width: 66%; float: left;}



.hello-bg {background-color: #2FAF68;}
.inner-hello-bg {background-color: #D7FDE8;}

.wheels-bg {background-color: #DA3F3B;}
.wheels-hello-bg {background-color: #FFD5D4;}

.stocks-bg {background-color: #339933;}
.stocks-hello-bg {background-color: #D6EFD6;}

.email-bg {background-color: #ECA715;}
.email-hello-bg {background-color: #FCE3AD;}



.heading {font-size: 24px; color: #3B1C01; font-weight: 400; text-transform: uppercase;}

.outer-bg {background-color: #ECA715;}
.inner-bg {background-color: #ffffff;}


.testimonials {}
.testimonials ul {margin: 0;}
.testimonials li {background: url("../img/seperator.png") repeat-x scroll 0 bottom transparent; padding-bottom: 15px; margin-bottom: 25px;}
.testimonials li:last-child {background-image: none;}
.testimonials li .image {text-align: center; margin-bottom: 15px;}
.testimonials li .name {color: #F77707; font-size: 18px; font-weight: 400; font-style: italic; text-transform: uppercase; margin-bottom: 15px;}



.contact-content {min-height: 638px;}

#form td, #form th {
  padding: 5px;
  margin: 2px;
  border: 1px solid #ccc;
  line-height:22px;
}

#form th {
  background: #e7e7e3;
  font-weight:700;
}
#form .pagination{width:100%; text-align:right}

#feedback { 
  height: auto; 
  width: auto; 
  position: fixed; 
  top: 40%; 
  z-index: 999;
}

#feedback a { 
  display: block; 
  padding: 0;
}

#feedback a:hover { 
   
}