@font-face {
font-family: 'NexaLight';
font-style: normal;
font-weight: normal;
src: url(../fonts/Nexa-Light.otf)
}

@font-face {
font-family: 'NexaBold';
font-style: normal;
font-weight: normal;
src: url(../fonts/Nexa-Bold.otf)
}

@font-face {
font-family: 'Roboto-Bold';
font-style: normal;
font-weight: normal;
src: url(../fonts/Roboto-Bold.ttf)
}

@font-face {
font-family: 'Roboto-Medium';
font-style: normal;
font-weight: normal;
src: url(../fonts/Roboto-Medium.ttf)
}

@font-face {
font-family: 'Roboto-Light';
font-style: normal;
font-weight: normal;
src: url(../fonts/Roboto-Light.ttf)
}

@font-face {
font-family: 'PlayBall-Regular';
font-style: normal;
font-weight: normal;
src: url(../fonts/playball.ttf)
}

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



#menu {
	background: #f4877e;
	max-height: 50px;
}
.container {
	max-width: 1000px;
}
.navbar-default {
	background-color: transparent;
    border-color: transparent;
}
.navbar-default .navbar-nav > li > a {
	font-family: 'Open Sans', sans-serif;
	color: #2f2f2f;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
	background-color: transparent;
	color: #e9e9e9;
}
.navbar-nav > li {
  margin-left: 20px;
}
.navbar-nav > li a.active{
	color:#e9e9e9;
}
#slider-sec {
	background: #e9e9e9;
}

.logo img {
	margin-top: -20px;
}
.slider-middle-content p{
	font-family: 'NexaLight';
	font-size: 28px;
	color: #5d9bb7;
}
.slider-middle-content img {
	margin: 10px 0px;
}

#call_num {
	font-family: 'NexaBold';
	color: #f27269;
}
.slider-bg {
	margin-top: 75px;
}

#slider-bottom {
	background: #fdc54f;
}
.slider-bottom-para {
	font-family: "Roboto-Medium";
	font-size: 15px;
	padding: 50px 10px;
}

#promo-section {
	border-bottom: 10px solid #d7d7d7;
}
.zero-margin{
	margin-left: 0px;
	margin-right: 0px;
}
.promo-1 {
	float: right;
	margin-top: -25px;
}
.promo-2 {
	margin-top: 130px;
}

.promo-content {
	margin: 50px 0;
}
.promo-content h3 {
	color: #f4877e;
	font-family: "Roboto-Bold Roboto-Medium Roboto-Light";
	font-size: 30px;
	margin-bottom: 25px;
	text-align: center;
}

.promo-content p {
	color: #656565;
	font-family: "Roboto-Bold Roboto-Medium Roboto-Light";
	font-size: 16px;
}

#car-show {
	background: url(../images/transparent-car.png);
	background-size: cover;
	max-height: 1085px;
}
.show-content {
	padding: 50px;
}
.show-content h3 {
	font-family: "Roboto-Bold";
	text-align: center;
	margin-bottom: 20px;
}
.show-content p {
	font-family: "Roboto-Light";
	color: #ffffff;
}
.triangle {
	border-left: 360px solid transparent;
	border-right: 360px solid transparent;
	border-top: 95px solid #006795;
	height: 0;
	width: 0;
}

.triangle-2 {
	border-left: 360px solid transparent;
	border-right: 360px solid transparent;
	border-top: 95px solid #f4877e;
	height: 0;
	width: 0;
}

.triangle-3 {
	border-left: 360px solid transparent;
	border-right: 360px solid transparent;
	border-top: 95px solid #fdc54f;
	height: 0;
	width: 0;
}
.one {
	background: #006795 none repeat scroll 0 0;
}
.two {
	background: #f4877e none repeat scroll 0 0;
}
.three {
	background: #fdc54f none repeat scroll 0 0;
}
.three p {
	color: #403e3b;
}
#footer-top {
	background: #98d5e0 none repeat scroll 0 0;
	margin-top: -75px;
}
#footer {
	background: #f4877e;
}
.triangle-back {
	background: #f4877e;
}
.triangle-2-back {
	background: #fdc54f;
}
#about-bg {
	background: rgba(0, 0, 0, 0) url("../images/about-bg.jpg") repeat scroll 0 0;
	min-height: 550px;
}

#about-slider-bottom {
	background: #ffffff none repeat scroll 0 0;
}

.about-slider-bottom-para {
	color: #3b7da2;
	font-family: "Roboto-Medium";
	font-size: 15px;
	padding: 50px 10px;
}
#about-promo-section {
  	background: #fdc54f none repeat scroll 0 0;
	border-bottom: 10px solid #d7d7d7;
}

.about-promo-1 {
  float: right;
  margin-top: -25px;
}
.about-promo-2 {
  margin-top: 65px;
}
#about-footer-top {
  background: #3b7da2 none repeat scroll 0 0;
  margin-top: -75px;
}
.about-footer-top-para {
  color: #d3d3d3;
  font-family: "Roboto-Medium";
  font-size: 15px;
}
#about-footer-top h4 {
	font-family: 'Roboto-Bold';
	color: #fdc54f;
	margin-top: 20px;
	margin-bottom: 20px;
}



.top-margin {
	margin-bottom: 50px;
	margin-top: 100px;
}

#footer-middle {
	background: rgba(0, 0, 0, 0) url("../images/footer-middle-bg.png") no-repeat scroll left bottom;
	min-height: 580px;
	background-color: #e4e0ce;
}

#footer-middle h3 {
	font-family: 'NexaBold';
	color: #3b7da2;
	font-size: 25px;
}

#footer-middle p {
	color: #3b3b3b;
	font-family: "Roboto-Bold";
	font-size: 20px;
	margin-bottom: 40px;
	margin-top: 50px;
}
#about-input {
	background: #d5d0b9 none repeat scroll 0 0;
	border: medium none;
	border-radius: 0;
	box-shadow: none;
	height: 70px;
}
#about-input::-moz-placeholder {
  color: #fff;
  font-family: 'Roboto-Light';
  font-style:italic;
  font-size:18px;

}
.truck-img {
	margin-top: 115px;
	position: absolute;
}
.about-button {
  background: #3b7da2 none repeat scroll 0 0;
  border-radius: 0;
  color: #ffffff;
  font-family: "nexabold";
  margin: -12px 2px 2px;
  padding: 15px 155px;
  text-transform: uppercase;
}
.about-button:hover {
	background:#3b7da2;
	color:#FFF;
}
.para-new{
	font-family: 'PlayBall-Regular';
	font-size: 35px;
	color: #1a2f1c;
}
.para-new-2{
	font-family: 'PlayBall-Regular';
	font-size: 35px;
	color: #fff;
}
.para-one {
	font-family: 'PlayBall-Regular';
	font-size: 35px;
	color: #fff;
}
.para-two {
	font-family: 'NexaBold';
	font-size: 60px;
	color: #ffffff;
}

.about-slider-middle-content {
	margin-top: 190px;
}
.heading-one {
	color: #fdc54f;
}
.heading-two {
	color: #006795;
}
.heading-three {
	color: #006795;
}

/* Road side page */
#roadside-bg {
	background: rgba(0, 0, 0, 0) url("../images/roadside-bg.jpg") repeat scroll 0 0;
	min-height: 550px;
}
.roadside-slider-middle-content {
	margin-top: 76px;
}
.roadside-slider-bottom-para {
  color: #3b7da2;
  font-family: "Roboto-Medium";
  font-size: 15px;
  padding: 50px 10px;
  text-align:center;
}
.roadside-promo-2 {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: -25px;
}
#roadside-footer-top {
  background: #f4877e none repeat scroll 0 0;
  margin-top: -75px;
}
#roadside-footer-top h4 {
  color: #fdc54f;
  font-family: "Roboto-Bold";
  margin-bottom: 20px;
  margin-top: 20px;
}
/* Contact page */

.para-another {
  color: #f4877e;
  font-family: "NexaBold";
  font-size: 60px;
}
.contact-slider-middle-content {
  margin-top: 10px;
}
.new-form{
	background:#006795;
}
.new-form p {
  color: #fdc54f;
  font-family: "NexaBold";
  font-size: 25px;
  margin-top:30px;
  margin-bottom:30px;
  text-align:center;
}
#inputname{
	background:#2282ad;
	border:1px solid #2282ad;
	width:100%;
	height:68px;
	border:none;
	color:#fff;
	border-radius:0px;
}
#inputphone{
	background:#2282ad;
	border:1px solid #2282ad;
	width:100%;
	height:68px;
	border:none;
	color:#fff;
	border-radius:0px;
}
#inputemail{
	background:#2282ad;
	border:1px solid #2282ad;
	width:100%;
	height:68px;
	border:none;
	color:#fff;
	border-radius:0px;
}
#inputname:focus {
  box-shadow: none;
  outline: 0 none;
}
#inputname::-moz-placeholder {
  color: #fff;
  font-family: 'Roboto-Light';
  font-style:italic;
  font-size:18px;
}
#inputphone:focus {
  box-shadow: none;
  outline: 0 none;
}
#inputphone::-moz-placeholder {
  color: #fff;
  font-family: 'Roboto-Light';
  font-style:italic;
  font-size:18px;
}
#inputemail:focus {
  box-shadow: none;
  outline: 0 none;
}
#inputemail::-moz-placeholder {
  color: #fff;
  font-family: 'Roboto-Light';
  font-style:italic;
  font-size:18px;
}
#inputaddress {
  background: #2282ad none repeat scroll 0 0;
  border: medium none;
  border-radius: 0;
  color: #fff;
  height: 68px;
  margin-bottom: 70px;
  margin-top: 20px;
  width: 100%;
}
#inputaddress::-moz-placeholder {
  color: #fff;
  font-family: 'Roboto-Light';
  font-style:italic;
  font-size:18px;
}
#inputaddress:focus {
  box-shadow: none;
  outline: 0 none;
}
#new-btn {
  background: #30363e none repeat scroll 0 0;
  border: medium none;
  color: #fdc54f;
  display: block;
  font-family: "Roboto-Bold";
  font-size: 24px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
}
.triangle-btn {
  border-left: 183px solid transparent;
  border-right: 183px solid transparent;
  border-top: 14px solid #30363e;
  height: 0;
  margin-left: auto;
  margin-right: auto;
  width: 0;
}
.triangle-contact {
  border-left: 493px solid transparent;
  border-right: 493px solid transparent;
  border-top: 95px solid #006795;
  height: 0;
  width: 0;
}
.contact-middle-content img {
  margin-top:40px;
  margin-bottom:50px;
}