body {
	font-family: 'Roboto', sans-serif;
	font-size: 16px !important;
}

header #bar {
	min-height: 40px;
	width: 100%;
	background-color: #8f939c;
	color: white;

	font-size: 13px;
  /*line-height: 40px;*/
  padding-top: 10px;
}

header #brand {
	min-height: 162px;
	width: 100%;
}

header .navbar {
	height: 42px;
	width: 100%;
	border-top: 1px solid #eaeaea;
}

#navbar {
	padding: 0px;
	text-transform: uppercase;
}

#navbar a {
	color: black;
	font-weight: bold;
}

#navbar a:hover {
  background-color: #8f939c;
  color: white;
}

header #baner {
	height: 550px;
	width: 100%;
	/*background-image: url(../img/baner-light.png);*/
	background-size: cover;
	background-repeat: no-repeat;
}

content {
  background-image: url(../img/bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;  
  min-height: 500px;
  display: block;
  padding-bottom: 100px;
  padding-top: 100px;
  background-attachment: fixed;
}

footer {

}

footer #footer-content {
	/*min-height: 397px;*/
	width: 100%;
	background-color: white;
	
	color: black;
  padding-top: 60px;
  padding-bottom: 60px;	
}

footer #footer-content ul {
  list-style: none;
  color: white;
  padding: 0px;
  margin: 0px;  
}

footer #footer-content img {
  margin-right: 10px;
  /*width: 12px;
  height: auto;  */
}

footer #footer-content a {
  color: black;
}

footer #footer-content h3, footer #footer-content h1, footer #footer-content h2, footer #footer-content h4, footer #footer-content h5, footer #footer-content h6 {
  color: white;
  font-weight: bold;
}

footer #footer-copyright {
	height: 76px;
	width: 100%;
  text-align: center;
  font-size: 10px;
  padding: 20px;	
}

#call-action {
  background: #43aee2;
  min-height: 200px;
  width: 100%;
  color: white;
  text-align: center;
  padding-top: 30px;
}

#call-action h1, #call-action h2, #call-action h3, #call-action h4, #call-action h5, #call-action h6 {
  font-weight: bold;
}

#map {
  margin-bottom: -10px;
}

#form {
  min-height: 650px;
  width: 100%;
  color: white;
  
  /*background: url('../img/form-bg.png');*/
  background-size: cover;
  text-align: center;

  padding-bottom: 20px;
}

#form h3 {
  color: white;
  font-weight: bold;
  text-align: center;
  
  margin-top: 100px;
}

#brands-slider {
  min-height: 200px;
}

#overlay {
  width: 100%;
  height: 100%;
  background: url('../img/overlay-lite.png');
  color: white;
  font-size: 20px;
  text-align: center;
}

#overlay h2 {
  font-size: 50px;
  margin-top: 210px;  
}

.cart-button {
  color: white !important;
  background-color: #43aee1;
  width: 160px;
  height: 50px;
  display: block;
  padding: 15px;
  border-radius: 5px;
  text-align: center;
}

.baner-button {
  color: white !important;
  background-color: #f69c1d;
  width: 240px;
  height: 50px;
  display: block;
  padding: 15px;
  border-radius: 5px;
  text-align: center;
  font-size: 15px;
  margin: 0 auto;
}

.orange-button {
  color: white !important;
  background-color: #f69c1d;
  width: 240px;
  height: 50px;
  padding: 15px;
  border-radius: 5px;
  text-align: center;
  font-size: 15px;
  display: block;
  margin: 0 auto;
}

.blue-button {
  color: white !important;
  background-color: #43aee1;
  width: 160px;
  height: 50px;
  display: block;
  padding: 15px;
  border-radius: 5px;
  text-align: center;
  
  border: 0px;
  margin: 0 auto; 
  
  outline: none; 
}

.field {
  background-color: white;
  border-radius: 5px;  
  padding: 10px;
  text-align: left;
  margin-top: 20px;
}

.field input, .field select {
  border: 0px;
  padding: 10px;
  outline: none;
  border-radius: 5px;
  color: black;  
  width: 90%;
}

.field textarea {
  border: 0px;
  padding: 10px;
  outline: none;
  border-radius: 5px;
  color: black;  
  width: 90%;
  vertical-align: top;
  height: 200px;
}

.field i {
  color: orange;
}

table td {
  background-color: initial;
  padding: 20px;
  width: 50%;
}

.baner-area1, .baner-area2 {
  padding-top: 60px;
}

@media (max-width: 767px) {
  table td {
    display: block !important;
    width: 100% !important;
  }

  .baner-area1, .baner-area2 {
    padding-top: 20px !important;
  } 

  #brand {
    text-align: center !important;
  }    
}

.icon-bar {
  background: #8a8a8a;
}