* { margin: 0px; padding: 0px; box-sizing: border-box; }
h1 { font-size: 30px; margin: 0; padding: 0 0 10px 0; line-height:35px; color: #00aeef; font-family: 'Montserrat Bold';}
h2 { font-size: 25px; margin: 0; padding: 8px 0; line-height:30px; color: #575756; font-family: 'Montserrat Bold';}
h3 { font-size: 19px; margin: 0; padding: 10px 0; line-height: 30px; color: #58585a;  font-weight:normal;}
h4 { font-size: 20px; margin: 0; padding: 10px 0; line-height: 28px; color: #ef4132; font-weight: normal; }
h5 { font-size: 22px; margin: 0; padding: 20px 0; line-height: 26px; color: #319dce; font-weight:bold; }
p { font-size: 19px; margin: 0px; padding: 8px 0; line-height: 30px; color: #86888b; font-weight: normal;}
a { color: #2b75ba; text-decoration: none; }
a:hover { text-decoration: none; color: #0c3353; } 


ul.services1 { margin:15px 0; padding:0px;}
ul.services1 li { color: #fff; font-weight: normal; margin: 0px; padding: 0 15px; line-height:25px; font-size: 18px; background: url('../images/dot1.png'); background-repeat:no-repeat; background-position:top 10px left 0; list-style: none; font-weight: normal; }

ul.services2 { margin:15px 0; padding:0px;}
ul.services2 li { color: #737372; font-weight: normal; margin: 0px; padding: 0 15px; line-height:26px; font-size: 17px; background: url('../images/dot2.png'); background-repeat:no-repeat; background-position:top 10px left 0; list-style: none; font-weight: normal;font-family:'Montserrat Light'; }

.nobr { white-space: nowrap; font-style: normal; }

.space { float:left; width:100%; padding:0 0 80px; background:#fff; margin:0px;}
.space2 { float:left; width:100%; margin:20px 0 0;}

.clear {clear: both;}

.wrapper { width: 1060px; margin: 0 auto;}

/*********Future Fuels Start**************/
#future-fuels-banner {float:left; width:100%; padding:90px 0;
background:url('../images/future-fuels-banner.png');
background-repeat:no-repeat; 
background-position:left 0 bottom 70%; 
background-size:cover;}
#future-fuels-banner h1 { color:#4e4e50;font-size:45px; line-height:55px; font-weight:bold; text-align:right;}
#future-fuels-banner h1 span { color:#76bdc0;}
#future-fuels-banner .btn { float:left; width:100%; text-align:right;}
#future-fuels-banner .btn a { display: inline-block; color:#fff; padding:10px 20px; border-radius:8px; background:#4bacb0;}
#future-fuels-banner .btn a:hover {background:#4e4e50; color:#fff;}


#ff-row { float:left; width:100%; padding:70px 0; background:#fff;}
.ff-row { float:left; width:100%;}
.ff-row-left { float:left; width:50%; margin:0 30px 0 0;}
.ff-row-left h2 { color:#76bdc0;font-size:30px; line-height:35px; font-weight:bold; margin:0px; padding:0px;}
.ff-row-left h3 { color:#76bdc0;font-size:20px; line-height:26px; margin:0px; padding:10px 0;}
.ff-row-left p { color:#4e4e50;font-size:17px; line-height:22px; font-weight:bold; }

.ff-row-right { float:right; width:44%;}
.pic-img {float:left; width:100%;}
.pic-img img { width:100%;}

.services-img {float:left; width:100%;}
.services-img img { width:100%;}

#ff-video {float:left; width:100%; background:#fff;}
#ff-video iframe { border:0px;}

#ff-box {float:left; width:100%; padding:100px 0; text-align:center;
  background-image: linear-gradient(to right, rgba(88,166,28),rgba(3,79,56));}
#ff-box h2 { padding:0 130px; color:#fff; font-size:34px; line-height:40px;}


#ff-services {float:left; width:100%; text-align:center; padding:150px 0; background:#fff;}
#ff-services .btn { width: 100%; margin: 0 0 -35px 0;}
#ff-services .btn a { display:inline-block; color:#fff; padding:14px 50px 14px 20px; border-radius:8px; background:#4bacb0 url('../images/btn-arrow.png'); background-repeat:no-repeat; background-position:top 8px right 10px;}
#ff-services .btn a:hover { border-radius:8px; background:#4c9920 url('../images/btn-arrow.png'); background-repeat:no-repeat; background-position:top 8px right 10px;}
.ff-services {float:left; width:100%; }
.ff-services-left,.ff-services-mid,.ff-services-right {float:left; width:31%; padding:20px;box-shadow: 1px 3px 12px #d6d3d3;border-radius: 8px;}
.ff-services-left p,.ff-services-mid p,.ff-services-right p { font-size:17px; line-height:25px; font-weight: bold; min-height:200px;}
.ff-services-left h2,.ff-services-mid h2,.ff-services-right h2 {font-size:25px; line-height:30px; color:#4bacb0; padding:15px 0; display: inline-block; font-weight:bold;}
.services-img {width:100%; margin:-100px 0 0 0; display:block;}
.ff-services-mid {float:left; width:31%; margin:0 36px;}
.ff-services-right {float: right; width:31%;}


#ff-looking-row {float:left; width:100%; padding:90px 0;
background:url('../images/future-fuels-banner2_550.png');
background-repeat:no-repeat; 
background-position:left 0 bottom 0%; 
background-size:cover;}
.ff-looking-row { width:66%; float:right;}
.ff-looking-row h2 { color:#fff;font-size:40px; line-height:50px; font-weight:bold; margin:0px; padding:0px;}
.ff-looking-row p { color:#fff; margin:30px 0; padding:0px; font-size:17px; line-height:25px; font-weight: bold;}
.ff-looking-row .btn { float:left; width:100%;}
.ff-looking-row .btn a { display: inline-block; color:#53a609; padding:10px 20px; border-radius:8px; background:#fff;}
.ff-looking-row .btn a:hover {background:#4c9920; color:#fff;}

@media only screen and ( max-width:1640px) {

}


@media only screen and ( max-width:1200px) {
.wrapper { width:90%; margin:0 6%;}
#future-fuels-banner h1 {font-size: 35px; line-height: 45px;}
.space { margin:0px;}
#ff-box h2 { font-size:25px; line-height:35px; padding:0px;}
.ff-services-left,.ff-services-mid,.ff-services-right { float:none; display:inline-block; width: 45%; margin:0 20px 160px 0;}
.ff-services-right { margin: 0;}
.ff-services-mid { margin: 120px 0;}
.ff-services-left p { min-height:150px;}
.ff-services-mid p {min-height:220px;}
.ff-services-right p { min-height: 170px;}

#ff-box { padding:60px 0;}
#ff-services { margin:50px 0;}

.ff-looking-row { width:100%; text-align:center;}

#ff-looking-row { background:
linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0.4)),
url('../images/future-fuels-banner2_550.png');
background-repeat:no-repeat,no-repeat; 
background-position:left 0 bottom 0,left 20% bottom 0%;
background-size:100% 100%,cover;}

.ff-row-lef { margin:0px;}
#ff-looking-row { padding:50px 0;}
}

@media only screen and ( max-width:1170px) {
#future-fuels-banner { background:
linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0.4)),
url('../images/future-fuels-banner.png');
background-repeat:no-repeat,no-repeat; 
background-position:left 0 bottom 0, left 0;
background-size:100% 100%,cover;}
#future-fuels-banner h1 { color:#fff;}

}

@media only screen and ( max-width:980px) {

}

@media only screen and ( max-width:767px) { 
#ff-row { margin:30px 0;}
#future-fuels-banner h1 br { display:none;}
.ff-services-left, .ff-services-mid, .ff-services-right { width:70%; margin:50px 0;}
.ff-services-left p,.ff-services-mid p,.ff-services-right p { min-height:auto; padding:0 0 30px 0;}
#future-fuels-banner h1,#future-fuels-banner .btn { text-align: center;}
.ff-row-left,.ff-row-right { width:100%; float:none; display:inline-block; text-align: center;}
.ff-looking-row h2 { font-size:27px; line-height:35px;}
#ff-box h2 { font-size: 22px;line-height: 30px;padding: 0px;}
.ff-row-left { margin:0px;}

#future-fuels-banner { padding:60px 0;}
.space { margin:0px;}
}

@media only screen and ( max-width:640px) {
#future-fuels-banner h1 {font-size: 30px; line-height: 40px;}
.ff-row-left h3 { font-size:19px; line-height:28px;}
}


@media only screen and ( max-width:520px) {
#future-fuels-banner h1 {font-size: 25px; line-height: 35px;}
.ff-services-left, .ff-services-mid, .ff-services-right { width:100%;}
.ff-looking-row h2 { font-size: 22px;line-height: 30px;}
.ff-services-left p,.ff-services-mid p,.ff-services-right p,.ff-row-left p,.ff-looking-row p { font-size:15px;line-height:25px;}
#ff-box h2 { font-size: 19px;line-height: 28px;padding: 0px;}
}

@media only screen and ( max-width:420px) {

}

/*********Future Fuels End**************/