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


/*General styles*/

body {
    font-family: 'Heebo', sans-serif;
    font-size: 15px;
    color: #544829;
}

p {line-height:35px;}
h1 {font-size:45px; color:#ffba00; font-family: 'Heebo', sans-serif; line-height:1.2;}
h2 {font-size:38px; font-weight:300; font-family: 'Heebo', sans-serif; margin:0;}
h3 {font-size:25px; font-weight:300; font-family: 'Heebo', sans-serif; margin:0;}

.yellow-underline {
	width:60px;
	height:3px;
	background:#ffba00;
	margin-top:5px;
}

.button {
    font-size: 15px;
    padding: 12px 28px;
    border-radius: 25px;
	transition:0.3s;
}

#scrollUp {
    border: 1px solid #bbbbbb;
}

#scrollUp i {
    color: #bbbbbb;
}

.yellow {background:#ffba00; color:#fff; border:1px solid #ffba00;}
.yellow:hover {color:#ffba00; background:#fff;}
.white {background:#fff; color:#ffba00; border:1px solid #ffba00;}
.white:hover {color:#fff; background:#ffba00;}
.blue:hover {background:#0a2474; border:1px solid #0a2474;}

.cta {
	background:#ffba00;
	color:#544829;
	font-size:35px;
	font-weight:700;
	padding:55px 0;
	text-align:center;
}

.cta-container {
	width:750px;
	margin:0 auto;
}

.cta-text {
	float:left; 
	margin-top:15px;
}

.cta-btn {float:right;}


/*Header area*/

.header-area {
    background: transparent !important;
	transition: all .3s;
}

.stick {
    background: rgba(19, 36, 98, 0.9) !important;
    border-bottom: none;
}

.mean-container .mean-bar {
    background: rgba(19, 36, 98, 0.9);
    border-bottom: none;
}

.mean-container .mean-nav ul li a:hover {
  color: #ffba00;
}


.header-area .main-menu-area ul li a:hover {
    color: #ffba00 !important;
}

.header-area .main-menu-area ul li ul {
	width:250px;
}

.header-area .main-menu-area ul li a {
    padding: 38px 20px;
}

.header-area .main-menu-area ul li ul li {
    border-bottom: 1px solid #dddddd;
}


.header-area .main-menu-area ul li ul li a {
	background: rgba(255, 255, 255, 1);
	color:#544829;
	font-size:14px;
}

.header-area .main-menu-area ul li ul li a:hover {
	background: rgba(255, 186, 0, 1);
}

.header-area .logo-area {
    width:240px;
	margin-top:35px;
	transition:all .3s;
}

.header-area.stick .logo-area {
    margin-top: 23px;
}

.header-area .main-menu-area ul {
    float: right;
	letter-spacing:1px;
	font-weight:300;
}

/*Banner area*/

.header-banner-area {
    padding: 150px 0 100px 0;
}

.header-banner-area .header-banner ul li a {
    color: #ddd;
}

.header-banner-area .header-banner ul li {
    color: #fff;
}

.main-slider {}

.mobile-slider {display:none;}

.slide1-container {
	width:450px; 
	text-align:left; 
	position:absolute; 
	right:0px; 
	top:200px;
}

.slide2-container {
	width:555px; 
	text-align:left; 
	position:absolute; 
	right:40px; 
	top:200px;
}

.slide3-container {
	width:100%; 
	text-align:center; 
	position:absolute; 
	right:0px; 
	top:170px;
}

.slider-area .slider-1 .medium-text {
    letter-spacing: 1px;
    font-family: 'Heebo', sans-serif;
    font-weight: 300;
    font-size: 30px;
    margin-bottom: 5px;
}

.slider-area .slider-1 p {
    padding: 0 0;
	font-size:20px;
}

.slider-area .slider-1 h1 {
    margin-bottom: 0;
}

.slider-bottom-area {
    padding: 70px 0 90px 0;
}

.mobile-slider {
	background-size:cover;
	background-position:center;
	height:600px;
}

.home-product-sec {
	padding:70px 0; 
	background:#f0f0f0;
}

.home-product-sec a:hover {color:#0a2474;}

.home-product:hover {
	opacity:0.7;
}

.home-product img {display:block; margin:0 auto;}

/*slideshow pagination customization*/

.preview-2 .nivo-controlNav {
    bottom: 0px;
    left: inherit;
    right: 100px;
}

.preview-2 .nivo-controlNav a {
    border: 1px solid transparent;
    height: 12px;
    margin: 0 7px;
    width: 12px;
    background: #bbbbbb;
    border-radius: 50%;
}

.preview-2 .nivo-controlNav a:hover, .preview-2 .nivo-controlNav a.active {
    background: #ffba00;
}

/*Footer*/

.footer {
	background:#0a2474;
	color:#fff;
	height:150px;
	padding-top:30px;
	font-size:25px;
	box-sizing:border-box;
}

.footer-logo {
	float:left;
	width:auto;
}

.footer a {color:inherit;}
.footer a:hover {color:#ffba00;}

.rocket {
	width:90px;
	height:90px;
	float:left;
}

.gasmate {
	width:273px;
	height:90px;
	float:left;
	margin-left:30px;
}


.copyright {
	float:right;
	opacity:0.3;
	margin-top:35px;
	text-align:right;
}


/*About*/

.about-bg {
	background-image:url(img/about-bg.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
	background-color:#181b26;
	padding:150px 0 75px 0;
	box-sizing:border-box;
}

.about-content {
	width:60%;
	float:right;
	color:#fff;
}

.about-img {
	display:none;
	margin-top:30px;
	width:100%;
	padding-left:10px;
	padding-right:10px;
}

.about-img img {width:100%;}

/*Products*/

.banner-products1 {
   	background: url(img/bannerpage-category1.jpg) no-repeat;
	background-size:cover;
	background-position:center;
}

.banner-products2 {
   	background: url(img/bannerpage-category2.jpg) no-repeat;
	background-size:cover;
	background-position:center;
}

.banner-products3 {
   	background: url(img/bannerpage-category3.jpg) no-repeat;
	background-size:cover;
	background-position:center;
}

.products-page-area {
    padding: 90px 0;
}

.products-page-area .products-inner-page ul.nav-tabs {
    border: 0;
    margin-bottom: 30px;
    text-align: center;
}

.products-page-area .products-inner-page ul.nav-tabs li {
    display: inline-block;
    float: inherit;
    margin-right: 30px;
}

.products-page-area .products-inner-page ul.nav-tabs li a {
    display: block;
    padding: 15px 40px;
    border-radius: 25px;
    font-size: 15px;
	letter-spacing:1px;
	text-transform:uppercase;
    color: #bbbbbb;
	font-weight:700;
	border: 1px solid #bbbbbb;
    margin: 0;
}

.products-page-area .products-inner-page ul.nav-tabs li a:hover {
    background: #ffba00;
    color: #ffffff;
	border: 1px solid #ffba00;
}

.products-page-area .products-inner-page ul.nav-tabs li.active a {
    background: #ffba00;
    color: #ffffff;
	border: 1px solid #ffba00;
}

.products-inner-page a:hover {color:#0a2474;}

.product-gallery {
	padding-left:15px;
	padding-right:15px;
	height:350px;
	text-align: center;
	font-weight:600;
	margin-bottom:30px;
}

.product-gallery:hover {
	opacity:0.7;
}

.product-gallery img {
	margin-bottom:10px;
}

.product-detail-col {
	margin-bottom:30px;
	font-weight:300;
}

.preview-2 .nivo-controlNav {
    z-index: 8000;
}

.product-detail-col .nivo-controlNav {
    bottom: -25px;
    left: inherit;
    right: 45%;
}

.product-detail-col img {max-width:555px;}

.product-detail-col th {padding:5px 0; font-weight:300;}

.product-detail-col a {color:#3653bf; text-decoration:underline;}

.product-specs {width:90px;}


/*Contact*/

.banner-contact {
   	background: url(img/bannerpage-contact.jpg) no-repeat;
	background-size: cover;
}


.contact-area {
	padding:70px 0;
	background:ffffff;
	text-align:center;
}

.contact-area p {margin-bottom:0px;}
.contact-area a {color:#3653bf; text-decoration:underline;}

.contact-form-container {
	width:555px;
	margin:0 auto;
	text-align:center;
}

input, textarea {
    -webkit-appearance: none;
    -webkit-border-radius:0; 
    border-radius:0;
	box-sizing: border-box; 
	padding-left:20px;
	padding-right:20px;
	font-family: 'Heebo', sans-serif;
	font-weight:300;
	font-size:15px;
}

#contactus label
{  
   font-size:0.8em;
   font-weight: bold;
}


#contactus input[type="text"],textarea
{ 
color:#bbbbbb;
background: transparent;
  line-height:140%;  
  border : none; 
}

#contactus input[type="text"]
{
  height:45px;
  width:100%;
  padding:6px 12px;
}

#contactus button[type="submit"]
{  
color:#fff;
text-align:center;
   background-color:#ffba00;
        width: 165px;
        padding:15px 0;
		border-radius:25px;
        border:none;
        cursor: pointer; 
		transition:0.3s;
  

}

#contactus button[type="submit"]:hover
{  
  background-color:#0a2474;
}

#contactus textarea
{
  height:140px;
  width:100%;
  padding:6px 12px;
}

#contactus input[type="text"]:focus,textarea:focus
{
  border : 1px solid #990000;
  
}

#contactus .clearfix
{
   margin-bottom:20px;

}

.input-style {
	border:none !important;
	border-bottom:1px solid #dddddd !important;
}

.input-style::-webkit-input-placeholder {
  color: #bbbbbb;
}

.input-style:-moz-placeholder {
  color: #bbbbbb;
}

.input-style::-moz-placeholder {
  color: #bbbbbb;
}

.input-style::-ms-input-placeholder {
  color: #bbbbbb;
}

/*Product video*/

.product-video {
	width:260px;
	height:175px;
}

.product-video img {width:100%;}



@media (max-width: 1169px)  {
.header-banner-area {
    padding: 140px 0 70px 0 !important;
}

.products-page-area .products-inner-page ul.nav-tabs li a {
    padding: 15px 30px;
}

.product-gallery {
    height: 295px;
}

.slider-area .slider-1 h1 {
    font-size: 45px;
}

}

@media (max-width: 991px) {

.header-area .logo-area {
    margin-top: 5px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.header-banner-area {
    padding: 140px 0 70px 0 !important;
}

.header-banner-area .header-banner h1 {
    font-size: 26px;
}

.header-area .main-menu-area ul {
    float: none;
}

.main-slider {display:none;}

.mobile-slider {display:block; height:auto;}

.preview-2 .nivo-controlNav {
    display: block;
}

.slide1-container {
	top:100px;
}

.slide2-container {
	top:100px;
}

.slide3-container {
	top:100px;
}

.home-one-slider .slider-1 .medium-text { margin-bottom: 0; margin-top: 20px;}

.footer {
	height:130px;
	padding-top:30px;
	font-size:18px;
}


.rocket {
	width:60px;
	height:60px;
}

.gasmate {
	width:200px;
	height:auto;
	float:left;
	margin-left:30px;
}


.copyright {
	float:right;
	margin-top:20px;
}

.about-content {
	width:75%;
}

.products-page-area .products-inner-page ul.nav-tabs li {
    margin-right: 0px;
    width: 75%;
	margin-bottom:15px;
}

.product-gallery {
    height: 410px;
}

}

@media only screen and (max-width: 767px)  {
	
.mean-bar img {
	margin-top:10px;
	margin-left:10px;
}	

.about-bg {
	background-image:none;
	background-color:#181b26;
}

.about-img {
	display:block;
}
	
.department-col {
    width:50%;
	float:left;	
	margin-bottom:35px;
}
	
.preview-2 .nivo-controlNav {
    right: 40%;
}

.home-product {text-align:center; margin-bottom:50px;}
.home-product .yellow-underline {display:inline-block;}

.cta {
    font-size: 26px;
}

.cta-container {
    width: 480px;
}

.cta-text {
    float: none;
    margin-top: 0px;
    margin-bottom: 25px;
}

.cta-btn {float:none;}

.footer {
	height: auto;
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 14px;
}

.footer-logo {margin-left:15px; margin-top: 6px;}

.rocket {
	width:40px;
	height:40px;
}

.gasmate {
	width:130px;
	height:auto;
	float:left;
	margin-left:15px;
}


.copyright {
	float:right;
	margin-top:7px;
	margin-right:15px;
}

.about-content {
	width:100%;
	float:none;
}

.about-bg {
	padding:90px 0 75px 0;
}

.product-gallery img {
	display:block;
	margin:0 auto;
	max-width:480px;
}
	
.contact-form-container {
	width:100%;
}	

.product-gallery {
    height: auto;
}
	
}

@media only screen and (max-width: 480px) and (min-width: 321px) {
	
.slider-content {
    display: block;
}	

.preview-2 .nivo-controlNav {
    bottom:-20px;
}

.slider-info-container {
    width: 100%;
    top: 15px;
    right: 0px;
	left:7px;
}

.home-one-slider .slider-1 .medium-text {
    font-size: 18px;
}

.slider-area .slider-1 h1 {
    font-size: 22px;
}

.slider-area .slider-1 p {font-size:14px;}
	
.homepage-about-us-area .about-content-area .about-us-content .single-service a.media-left div {
    display:inline-block;
}

.footer-area .footer-buttom-area .footer-social-media ul, .media-body > p {
    text-align: left !important;
}

.department-col {
    width:100%;
	margin-bottom:35px;
}

.cta-container {
    width: 100%;
}

.cta {
    font-size: 22px;
}

.cta-text {
    float: none;
    margin-top: 0px;
    margin-bottom: 25px;
}

.cta-btn {float:none;}

.footer {
	height: auto;
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 14px;
	text-align:center;
}

.footer-logo {
	float:none;
	display:inline-block;
	margin-left:0px;
}

.rocket {
	width:40px;
	height:40px;
}

.gasmate {
	width:130px;
	height:auto;
	float:left;
	margin-left:15px;
}


.copyright {
	float:none;
	margin-top:5px;
	margin-right:0px;
	text-align:center;
}
	
.products-page-area .products-inner-page ul.nav-tabs li {
    width: 100%;
}

.product-gallery img {
	width:100%;
}
	
}