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

body {
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:16px;
	line-height:1.5;
}

h1, h2, h3 {
  font-family: "futura-pt-condensed";
  text-transform:uppercase;
  padding:0px;
  margin:0px;
  }

h1 {
	font-size:60px;
	font-weight:bold;
}

h2 {
	font-size:60px;
	font-weight:bold;
}

h3 {
	font-size:40px;
	font-weight:bold;
}

h4 {
	font-size:30px;
	font-weight:bold;
}

.container {
	position:relative;
}

img {
	max-width:100%;
}


/* --------------------- NAV ----------------------- */
#logo {
	position:absolute;
	background:url(../images/logo.png);
	height:150px;
	width:150px;
	background-size:cover;
	left:0px;
	top:0px;
}

.navbar-inverse {
	background:rgba(0,0,0,.7);
	font-size:14px;
}

/* --------------------- CAROUSEL ----------------------- */

.carousel {
  height: 100vh;
  position:relative;
}

.carousel-caption {
  z-index: 10;
}

.carousel .item {
  height: 100vh	;
  background-size:cover;
  background-position:center center;
}

.gradiant {
	position:absolute;
	left:0px;
	bottom:0px;
	width:100%;
	background:url(../images/gradiant.png);
	height:131px;
}

/* --------------------- ABOUT ----------------------- */

#about {
	background-image:url(../images/city.jpg);
	background-color:#F0F0F0;
	background-repeat:repeat-x;
	padding-top:120px;
	padding-bottom:100px;
}

/* --------------------- PARALLAX ----------------------- */

.parallax {
	position:relative;
	width:100%;
	height:400px;
	overflow:hidden;
	font-family: "Calibri";
	font-weight:bold; 
	text-transform:uppercase;
}

.parallax .lineOne {
	font-size:85px;
	line-height:85px;
	display:block;
}

.parallax .lineTwo {
	font-size:100px;
	line-height:100px;
	color:#CCC;
	display:block;
}

.parallax .lineThree {
	font-size:60px;
	line-height:60px;
	display:block;
}

.bg {
  background:url(../images/para.jpg) no-repeat center center;
  background-size:cover;
  position:absolute;
  width: 100%;
  height: 1000px; /*same height as para-inner */
  margin-top:350px;
  left:0;
  z-index: 1;
}

.inner-para {
  background:transparent;
  color:#FFF;
  text-shadow: 1px 1px 0 #000000;
  overflow:hidden;
  padding-top:60px;
  height:400px;
  text-align:center;
  position:relative;
  z-index:2;
}

/* --------------------- BRANDS ----------------------- */

#brands {
	background-image:url(../images/brands.jpg);
	background-color:#ffffff;
	background-repeat:no-repeat;
	background-position:90% 50%;
	background-size:contain;
	padding-top:70px;
	padding-bottom:100px;
}

#brands .brand {
	margin-top:30px;
}

/* --------------------- PRODUCTS ----------------------- */

#products {
	background-image:url(../images/products.jpg);
	background-size:cover;
	color:#FFF;
	padding-top:80px;
	padding-bottom:100px;
}

#products .product {
	margin-top:40px;
}

#products .product:hover img {
	opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
	cursor:pointer;
}

#products a {
	color:#FFF;
}

/* --------------------- PARTNERS ----------------------- */

#partners {
	background-color:#FFF;
	padding-top:80px;
	padding-bottom:100px;
}

.partner-logo {
	border:1px solid #F0F0F0;
	margin:15px 0 15px 0;
}

/* --------------------- CONTACT ----------------------- */

#contact {
	background-color:#F0F0F0;
	padding-top:80px;
	padding-bottom:100px;
}

 
#contact h2, h3, h4 {
  font-weight:normal;
  font-family: "futura-pt-condensed";
 }

.input-group {
	margin-bottom:10px;
}

.input-group-addon {
	min-width:180px;
	text-align:right;
}

select {
	width: 95%;
	margin-top:5px;
	margin-left: 2%;
}

textarea {
	resize:vertical;
	min-height:150px;
}

.select {
border-right: 1px solid #ccc !important;
}

.btn-black {
	display:block;
	position:relative;
	margin-top:20px;
	color:#FFF;
	background:#000;
	padding:20px;
	width:100%;
	font-family: "Calibri";
	text-transform:uppercase;
	font-size:30px;
}

/* --------------------- FOOTER ----------------------- */

#footer {
	background:#000;
	color:#FFF;
	font-size:11px;
	padding:30px 0 30px 0;
}


.modal-content {
    background-color: #000;
    color: #FFF;
}

.close {
	color:#FFFFFF;
	opacity: .8;
}



@media all and (max-width: 767px) and (min-width: 0px) {

.carousel {
	height: 50vh;
}

.carousel .item {
  height: 50vh;
}

.nav>li {
	text-align: right;
}

#about {
	padding-top: 30px;
}

#brands { background:none;}

}