@charset "utf-8";

/* CSS Document */



/* Project Name: Lootah Gas [Created by WEBLINKINDIA.NET on January 27, 2016 : Ajay] | BOOTSTRAP */



@import url('https://fonts.googleapis.com/css?family=Slabo+27px|Open+Sans:400,700,300');



.openl{font-family: 'Open Sans', sans-serif; font-weight:300;}

.openr{font-family: 'Open Sans', sans-serif; font-weight:400;}

.openb{font-family: 'Open Sans', sans-serif; font-weight:700;}



@font-face {

    font-family: platino;

    src: url(../fonts/pala_0.ttf);

}

@font-face {

    font-family: platinob;

    src: url(../fonts/palab_0.ttf);

}







body{font-family:Open Sans, sans-serif; font-size:14px; color:#666666; font-weight:400;}



/* default class */

.container{ width:1232px; padding-left:0; padding-right:0;}

.row{ padding-left:0; padding-right:0; margin-left:0; margin-right:0;}

.navbar-default{ background-color:transparent; border:0;}

.rel{ position:relative;}



/* container */

.container-fluid{ padding-left:0; padding-right:0;}



/* header */

.top-head{ background-color:#0f89cb;}



.custom-margin-top{ margin-top:8px;}



.number{ background:url(../images/call.png) no-repeat left center; padding-left:20px; font-family: platino; font-weight:400; font-size:13px; color:#fff; float:left;}

.number span{ color:#fff; font-weight:700;}



.mail{ background:url(../images/mail.png) no-repeat left center; padding-left:25px; font-family: platino; font-weight:400; font-size:13px; color:#fff; margin-right:20px; float:left;}

.mail a{ color:#fff; text-decoration:none;}

.mail a:hover{ color:#fff; text-decoration:underline;}



.address{ background:url(../images/pin.png) no-repeat left center; padding-left:25px; font-family: platino; font-weight:400; font-size:13px; color:#fff; margin-right:20px; float:left;}

.address a{ color:#fff; text-decoration:none;}

.address a:hover{ color:#fff;}





/* social links */

ul.social-links{ margin:0px; padding:0px;}

ul.social-links li{ list-style:none; float:left; border-right:1px solid #023966;}

ul.social-links li img{ border:0; outline:none; transition:all ease-in-out 0.5s;}

ul.social-links li:last-child{border-right:0;}

ul.social-links li:hover img{ transform:rotatey(360deg);}



/* logo section */

.logo-scetion{ margin-top:0;}

.navbar-brand{ padding-top:0px;}



/* nav */

.navbar{ margin-bottom:1px !important;}

.nav{ width:100%;}

.nav-section{ position:absolute; right:0;font-family: "open Sans" !important; width:68%; z-index:1;}

.navbar-nav>li{ border-right:1px solid #dbdbdb; width:14.2% !important; text-align:center; transition:all ease-in-out 0.8s;}

.navbar-nav>li.active{background:#d4a20b; border-right:none;}

.navbar-nav>li:hover{ background:#fff16e; border-right:none; }

.navbar-nav>li>a{font-size:14.5px; font-weight:500; color:#0f89cb !important; padding:20px 0 20px 0; transition:all ease-in-out 0.3s; background-color:transparent !important;}

.navbar-nav>li>a.active{ color:#fff !important; }

.navbar-nav>li>a:hover{ color:#0f89cb !important;}







/*mega-menu*/

.navbar-nav>li>div .sub_links:nth-child(1) a{border-right:0px;background:none !important;color:#3d3d3d !important; font-size:13px; font-family:"open Sans"}

.navbar-nav>li>div .sub_links:nth-child(9) a{border-right:0px;background:none !important;color:#3d3d3d !important;}



/*.navbar-nav>li>a{color:#3d3d3d !important; padding:0px 21.1px; text-transform:uppercase; line-height:32px !important;}*/



.nav>li {position: inherit; display: block;}

.navbar-nav>li.active>a, .navbar-nav>li.active>a:hover, .navbar-nav>li>a:hover, .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus{color:#fff !important;background:#d4a20b !important;}



/*.navbar-nav>li:nth-child(1) a:hover{background:#632e09!important;color:#fff!important;}

.navbar-nav>li:nth-child(9) a:hover{background:#a2161b!important;color:#fff!important;}

.navbar-nav>li:nth-child(10) a:hover{background:#356a0f!important;color:#fff!important;}

*/

/* submenu */

.navbar-nav>li>div{position:absolute; z-index:2; width:100%; left:0 !important; top:60px; min-height:230px; border:1px solid #f2f4f4; padding:10px; background:#F9FAFA; border-radius:0 0 3px 3px; display:none; text-align:left; text-transform:none !important}

.navbar-nav>li:hover>div{display:block;}

.navbar-nav>li>div .sub_links a{display:block; margin:0 0 2px; font-size:14px; color:#858585; line-height:25px; font-family:Raleway, Helvetica, sans-serif; font-weight:500; font-size:12px; lett}

.navbar-nav>li>div .sub_links a:hover{color:#ff6600;}



.dd_link_list h2{font:500 15px/20px Raleway, Helvetica, sans-serif; padding:3px 0; color:#000; text-transform:inherit !important;}

.dd_link_list h2 a{display:block; color:#757575 !important; text-decoration:none; font-weight:600 !important; font-size:16px;}

.dd_link_list h2 a:hover{color:#843c0b !important;}

.sub_links .dd_link_list{width:25%; float:left; border-left:1px solid #eaeced; min-height:180px; padding:0 1%}

.sub_links .dd_link_list:first-child{border:0;}

.dd_link_list p{margin:5px 0 10px;}



.el_listexpandicon {

    display: none;

}

/* submenu ends*/





/*.navbar-nav>li>a.home{ background:url(../images/home.png) no-repeat center 25px;}

.navbar-nav>li>a.home:hover{ background:url(../images/home-hvr.png) no-repeat center 3px;}

.navbar-nav>li>a.home.active{ background:url(../images/home-hvr.png) no-repeat center 3px; }



.navbar-nav>li>a.about{ background:url(../images/about-us.png) no-repeat center 3px;}

.navbar-nav>li>a.about:hover{ background:url(../images/about-us-hvr.png) no-repeat center 3px;}

.navbar-nav>li>a.about.active{ background:url(../images/about-us-hvr.png) no-repeat center 3px;}



.navbar-nav>li>a.services{ background:url(../images/s-icon.png) no-repeat center 3px;}

.navbar-nav>li>a.services:hover{ background:url(../images/s-icon-h.png) no-repeat center 3px;}

.navbar-nav>li>a.services.active{ background:url(../images/s-icon-h.png) no-repeat center 3px; }



.navbar-nav>li>a.brochures{ background:url(../images/b-icon.png) no-repeat center 3px;}

.navbar-nav>li>a.brochures:hover{ background:url(../images/b-icon-h.png) no-repeat center 3px; }

.navbar-nav>li>a.brochures.active{ background:url(../images/b-icon-h.png) no-repeat center 3px; }



.navbar-nav>li>a.projects{ background:url(../images/pro-icon.png) no-repeat center 3px;}

.navbar-nav>li>a.projects:hover{ background:url(../images/pro-icon-h.png) no-repeat center 3px; }

.navbar-nav>li>a.projects.active{ background:url(../images/pro-icon-h.png) no-repeat center 3px; }



.navbar-nav>li>a.gas{ background:url(../images/g-icon.png) no-repeat center 3px;}

.navbar-nav>li>a.gas:hover{ background:url(../images/g-icon-h.png) no-repeat center 3px;}

.navbar-nav>li>a.gas.active{ background:url(../images/g-icon-h.png) no-repeat center 3px;}



.navbar-nav>li>a.press{ background:url(../images/p-icon.png) no-repeat center 3px;}

.navbar-nav>li>a.press:hover{ background:url(../images/p-icon-h.png) no-repeat center 3px;}

.navbar-nav>li>a.press.active{ background:url(../images/p-icon.png) no-repeat center 3px;}



.navbar-nav>li>a.careers{ background:url(../images/c-icon.png) no-repeat center 3px;}

.navbar-nav>li>a.careers:hover{ background:url(../images/c-icon-h.png) no-repeat center 3px;}

.navbar-nav>li>a.careers.active{ background:url(../images/c-icon-h.png) no-repeat center 3px;}



.navbar-nav>li>a.contactus{ background:url(../images/contact-us.png) no-repeat center 3px;}

.navbar-nav>li>a.contactus:hover{ background:url(../images/contact-us-hvr.png) no-repeat center 3px;}

.navbar-nav>li>a.contactus.active{ background:url(../images/contact-us-hvr.png) no-repeat center 3px;}*/





/* banner */

.banner{ margin-bottom:10px;}

.banner img{ max-width:100%; display:block;}



/* wlcm */

.wlcm{margin-bottom:20px; text-align:left;}



.wlcm h1{ font-family:platinob; font-size:36px; font-weight:700; color:#0f89cb;}

.wlcm h1 span{ font-size:14px; color:#080808; font-family:Open Sans, sans-serif;  display:block; font-weight:400;}



.wlcm  p{ font-family:Open Sans, sans-serif; font-size:13px; color:#555555; line-height:19px; font-weight:400; text-align:center}





/* content section */

.content-section{ background-color:#efefef; padding:20px 0;}





/* tabs */

.nav-tabs{ border-bottom:3px solid #023966; font-size:20px; text-transform:uppercase; font-family:platinob;}

.nav-tabs>li{ margin-bottom:0px;}

.nav-tabs>li>a{ background-color:#c9c9c9; margin-right:5px; border-radius:0; padding:5px 20px !important; color:#0f89cb !important; transition:all ease-in-out 0.3s;}

.nav-tabs>li>a:hover{ background-color:#0f89cb; color:#fff !important;}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus{ background-color:#0f89cb; color:#fff !important; font-size:20px; text-transform:uppercase;}



/* tabs content wrapper */

.well{ background-color:transparent; border-color:transparent; padding:10px 0 0 14px;}





/* carousel */

.row-fluid{ width:100%;}

.row-fluid>.span3{ width:23.076923076923077%; display:inline-block; background:url(../images/pro-box-shadow.png) no-repeat bottom center; margin-right:28px; position:relative; width:276px; overflow:hidden;}

.row-fluid>.span3:hover{ border-color:none !important; border:none !important;}

.row-fluid>.span3.last{ margin-right:0;}

.thumbnail {display: block; border-radius:0; padding: 4px;line-height: 20px; border-color:transparent; transition: all 0.3s ease-in-out; width:276px; height:215px;}



/* name */

.row-fluid>.span3 .name{ padding:10px; background-color:rgba(255, 255, 255, 0.8); font-family:platinob; font-size:15px; line-height:20px; color:#0158a0; text-transform:uppercase; position:absolute; bottom:19px; text-align:center; width:100%;}

.row-fluid>.span3 .name a{ font-size:12px; font-family:Open Sans, sans-serif; color:#393939; text-decoration:none; text-transform:uppercase; display:block;}



a.view-all{ background-color:#0f89cb; padding:10px 15px; display:inline-block; text-align:center; font-size:12px; color:#fff; text-transform:uppercase; text-decoration:none; transition:all ease-in-out 0.3s;}

a.view-all:hover{ background-color:#000; color:#fff;}

.carousel {

    margin-bottom: 0;

}

/* Reposition the controls slightly */

.carousel-control {

	left: -12px;

}

.carousel-control.right {

	right: -12px;

}

/* Changes the position of the indicators */

.carousel-indicators {

	right: 50%;

	top: auto;

	bottom: 0px;

	margin-right: -19px;

}

/* Changes the colour of the indicators */

.carousel-indicators li {

	background: #c0c0c0;

}

.carousel-indicators .active {

background: #333333;

}



/* controls */

.carousel-control{ width:auto; top:90px;}

.carousel-control.left, .carousel-control.right{ background-image:none; opacity:1;}

.carousel-control.right{ right:10px;}







/* news */

.news{ padding-right:20px;}

ul.news-scroll{ margin:0px; padding:0px;}

ul.news-scroll li{ list-style:none; float:left;}

.news h2{ font-size:30px; color:#0f89cb; font-family:platinob; margin-top:0; text-transform:capitalize;}

.news .image{width:120px; height:119px; overflow:hidden; padding:5px; text-align:center; background-color:#fff;}

.news .image figure{width:120px; height:auto; display:table-cell; vertical-align:middle; text-align:center;}

.news .image figure img{ max-width:100%;}



.news .context{ width:64%; float:right;}

.news .context h3{ font-size:18px; margin:0; font-family:platinob; color:#0158a0;}

.news .context h3 a{ color:#0158a0; text-decoration:none;}

.news .context p{ font-size:13px; color:#555555; line-height:19px; font-family:Open Sans, sans-serif;}



.news a.viewallbtn{ padding: 2px 55px 4px 10px; display: inline-block; background: url(../images/button-bg.jpg) no-repeat right center #0f89cb; color: #fff; font-size: 14px; text-transform: capitalize; line-height: 26px; text-decoration: none; margin-top: 10px;}



.next4{ margin-left:2px;}





/* testimonials */

.testimonial{ background-color:#fff; padding:10px;}

.testimonial h2{ font-size:30px; color:#0f89cb; font-family:platinob; margin-top:0; text-transform:capitalize;}

.testimonials h3{ font-size:25px; color:#0158a0; font-family:platinob; margin-top:0;}

.testimonial .test-context{ margin:10px 0; padding-top:10px; height:36px; overflow:hidden;height:45px;}

.testimonial .test-context p{ font-family:Open Sans, sans-serif; font-size:13px; font-weight:400; color:#555555; line-height:19px;}



.myul_x li h4{ font-size:18px; color:#0158a0; text-transform:uppercase; font-family:platinob; margin:0 0 2px 0;}

.myul_x li a.read-more{ font-size:12px; color:#555555; font-family:platinob; text-decoration:none; text-transform:uppercase;}



.testimonial a.viewallbtntest{padding: 2px 55px 4px 10px; display: inline-block; background: url(../images/button-bg.jpg) no-repeat right center #0f89cb; color: #fff; font-size: 14px; text-transform: capitalize; line-height: 26px; text-decoration: none; margin-top: 10px;}







.myul_x{ margin:5px 0; padding:0; }

.myul_x li{list-style:none; margin:0px; padding:0px;width:100%}



.myul_x li h4{ font-size:18px; color:#0158a0; text-transform:uppercase; font-family:Platinob; margin:0 0 2px 0;}

.myul_x li a.read-more{ font-size:12px; color:#555555; font-family:Platinob; text-decoration:none; text-transform:uppercase;}



.testimonial_scroll{ height:130px; width:100% !important;}

.next5{ margin-left:2px;}





/* brands */

.brands{ margin:20px 0 10px 0 !important;}

.brands { font-size:30px; color:#0158a0; font-family:platinob; margin-top:0;}

.brands_scroll{ width:100% !important;}



ul.brands-list{ margin:0px; padding:0px;}

ul.brands-list li{ list-style:none; float:left; margin-right:30px;}

/*ul.brands-list li:nth-child(6n+0){ margin-right:0;}*/

ul.brands-list li .image{ text-align:center; width:180px; border:1px solid #e2e2e2; height:84px; overflow:hidden;}

ul.brands-list li .image figure{width:180px; height:84px; text-align: center; vertical-align:middle;}

ul.brands-list li .image figure img{ max-width:100%; transition:all ease-in-out 0.3s;}

ul.brands-list li:hover .image figure img{ transform:scale(1.1);}



/* newsletter */

.newsletter{ padding:0px 0 15px 0; background:url(../images/sub-bg.jpg) repeat-x;}

.subscribe{ text-align:center;}

.subscribe h2{ font-size:30px; color:#fff; font-family:platinob; margin-bottom:15px; margin-top:15px; text-transform:capitalize;}

.subscribe h2 span{ font-size:12px; color:#fff; text-transform:uppercase; font-family:Open Sans, sans-serif; display:block; padding-top:5px;}

.subscribe input[type="text"]{ border:2px solid #fff; padding:8px; font-size:15px; color:#fff !important; text-transform:capitalize; font-family:Open Sans, sans-serif; width:25%; outline:none; margin-right:10px; display:inline-block; background-color:transparent; transition:all ease-in-out 0.3s;}

.subscribe input[type="text"]:hover{opacity:0.7;}

.subscribe input[type="text"]:focus{opacity:0.7;}

.subscribe input[type="text"].code{ width:13%;}



.subscribe input[type="submit"]{ font-size:15px; color:#fff; background-color:#023966; padding:8px 18px; display:inline-block; margin-left:10px; text-transform:uppercase; font-family:Open Sans, sans-serif; border:0; outline:none; font-weight:400; transition:all ease-in-out 0.3s;}

.subscribe input[type="submit"]:hover{ background-color:#000;}





/* footer */

.foot-links{ padding:15px 0 15px 15px;}

.link-box{text-align:left; padding:0;}

.link-box h3{ font-size:20px; color:#0158a0; font-family:platino; font-weight:400; text-transform:capitalize;}



.link-box a{ display:block; color:#555555; font-size:13px; text-decoration:none; font-family:Open Sans, sans-serif; text-transform:capitalize; font-weight:400; transition:all ease-in-out 0.3s;}

.link-box a:hover{ color:#000;}



.ft_link1{float:left; width:33.3333%;}

.ft_link2{float:left;width:33.3333%;}

.ft_link3{float:left;width:33.3333%;}





.link-box2 a{display:block; color:#555555; font-size:13px; text-decoration:none; font-family:Open Sans, sans-serif; text-transform:capitalize; font-weight:400; transition:all ease-in-out 0.3s;}

.link-box2 a:hover{ color:#000;}



.link-box2 h3{ font-size:20px; color:#0158a0; font-family:platino; font-weight:400; text-transform:uppercase;}





.copyright{ font-size:12px; color:#555555; font-family:Open Sans, sans-serif; padding-top:50px;}

.copyright strong{ font-size:16px; color:#000; font-weight:400;}

.copyright a{ color:#000; text-decoration:none;}

.copyright a:hover{ text-decoration:underline;}





/* linkback */

.linkback{ text-align:center; font-size:12px; color:#555555; padding:15px 0; background:url(../images/footer-shadow.png) no-repeat top center #efefef;}

.weblink{ background:url(../images/weblink.png) no-repeat center center; padding:10px 0;}

.weblink a{ color:#555555; text-decoration:none; transition:all ease-in-out 0.3s;}

.weblink a:hover{ color:#000;}





/* inner page */

h2{font-size:30px; color:#0f89cb; font-family:platinob; margin-top:0; text-transform:capitalize;}



/* inner banner */

.inner-banner{width:100%; text-align:center;}

.inner-banner img{ /*max-width:100%;*/width:100%; display:block; height:auto;}



/* content section */

.inner-content-section{padding:10px 10px 20px 10px;}

.inner-content-section h2{ border-bottom:1px solid #dadada; padding-bottom:10px;}

.cms_area{font:normal 13px/18px 'Open Sans', sans-serif !important; color:#444444; margin-top:10px; padding-bottom:20px; min-height:300px; width:100%;  }

.cms_area ul, .cms_area ol{font:normal 13px/20px 'Open Sans', sans-serif !important; margin:20px 0px 20px 0px}

/*.cms-img{ padding:5px; border:1px solid #ccc; margin:5px 20px 5px 5px;}*/
.cms-img{ padding:5px; margin:5px 20px 5px 5px; padding-left: 30px;}


.inner-content-section p{ font-size:13px; color:#333; font-family:Open Sans, sans-serif; line-height:22px; text-align:justify;}



/* breadcrumb */

.breadcrumb-bg{ background-color:#f5f5f5;}

.breadcrumb{ margin-bottom:0; font-family:Open Sans, sans-serif; text-transform:capitalize;}

.breadcrumb>li>a{ color:#000;}

.breadcrumb>.active{ color:#0158a0; font-weight:400;}





/* category */



.cate_cont{width:276px; height:215px; position:relative; margin:12px auto; overflow:hidden; border:1px solid #f9f9f9; box-shadow:0px 0px 1px #000;}.cate_cont:hover{ box-shadow:0px 0px 15px #000; border:1px solid #000;}

.cate_cont .cate-img{width:276px; height:215px; overflow:hidden;}

.cate_cont .cate-img figure{width:276px; height:215px; display:table-cell !important; vertical-align:middle; text-align:center;}

.cate_cont .cate-img figure img{ margin:auto; display:block; transition:all linear .3s }

.cate_cont .cate-img:hover figure img{transform:scale(1.2)}

.cate_cont .cate_ttl{ position:absolute; bottom:0px; width:100%; z-index:9999; text-align:left;}

.cate_cont .cate_ttl a{ background:rgba(0,0,0,0.6); padding:4px 10px; line-height:26px; display:block; color:#fff; text-transform:uppercase; font-size:16px;}

.cate_cont:hover .cate_ttl a{ background:#0158a0; text-decoration:underline;}



.cate_cont .cate_ttl2{ position:absolute; bottom:0px; width:100%; z-index:9999; text-align:left;}

.cate_cont .cate_ttl2 { background:rgba(0,0,0,0.6); padding:4px 10px; line-height:26px; display:block; color:#fff; text-transform:uppercase; font-size:16px; text-align:center;}





.cate_cont .cate_ttl_list{ position:absolute; bottom:0px; width:100%; z-index:9999; text-align:left; background:rgba(255,255,255,0.8); padding:10px 10px 0 10px;}

.cate_cont .cate_ttl_list a{line-height:18px; display:block; color:#0158a0; font-size:14px; font-weight:700; margin-bottom:5px;}

.cate_cont .cate_ttl_list p{ line-height:18px;}





/* Product- Detail */

.dtl-area{ margin-bottom:20px; font-family:'Open Sans',Arial, Helvetica, sans-serif;}

.dtl-lft-area{ width:460px; background:#f8f8f8; margin:10px auto; border:6px solid #f8f8f8; overflow:hidden; }

.dtl-rgt-area{ width:100%; background:#fff; margin:10px auto; padding:0px 6px;}

.dtl_images{margin:0 0 0 0px; position:relative;width:100%; height:408px; overflow:hidden;}

.dtl_images figure{width:524px; height:408px; overflow:hidden; display:table-cell; vertical-align:middle; text-align:center; }

.dtl_images img{display:block; margin:0px auto;}

/*new Chnages 2/6/2016*/

.thm_img{ width:375px; margin:10px auto;display:block;height:70px; overflow:hidden; text-align:center; position:relative; padding:0px 0px; border:0px solid #000;}

.thm_scroll{ width:100% !important; overflow:hidden;}

/*new Chnages 2/6/2016*/

.dtl-des_cont{width:100%;}

.dtl-des-hed{display:inline-block; padding:7px 0px; font-size:20px; color:#000; margin-top:20px; border-radius:5px 5px 0px 0px; text-transform:uppercase;}

.dtl-des{ background:#f8f8f8; padding:15px 10px ; border:1px solid #ccc; margin-top:0px;}

.price{ font-size:20px; font-weight:500; color:#666; margin-top:10px;} .price span{ font-size:20px; color:#1b5daf}

.pro-code{ font-size:14px; font-weight:400; color:#666; margin-top:10px;} .pro-code span{ font-size:15px; color:#333; padding-right:10px; font-weight:300;}

.dtl-rgt-area .links a{ color:#e46b34; font-size:16px; text-decoration:underline;}



.dtl-rgt-area .ot-stock span{ margin-top:10px; color:#fff; text-transform:uppercase; font-size:13px; background:#646264; display:inline-block; padding:3px 10px; margin-right:10px;}

.dtl-rgt-area .ot-stock a{color:#288ac8; text-decoration:underline; font-size:14px;}

.dtl-rgt-area .qty p{ font-size:24px; font-weight:bold; display:block;}



/*new Chnages 2/6/2016*/

.scrol_L{ position: absolute; left:0px; top:22px; z-index:999; background:#fff; padding:3px 6px;}

.scrol_R{ position: absolute; right:0px; top:22px;z-index:9;background:#fff; padding:3px 6px;}

/*new Chnages 2/6/2016*/



a.btn1{ color:#fff;} a:visited.btn1  { color:#fff;}

.btn1{ background:#117dca; padding:6px 15px; color:#fff; font-size:14px; text-transform:uppercase; display:inline-block;}

.btn1:hover{ color:#fff; background:#2c578c}



a.send_btn{ color:#fff;} a:visited.btn1  { color:#fff;}

.send_btn{ background:#222; padding:6px 30px; color:#fff; font-size:20px; text-transform:uppercase; display:inline-block;}

.send_btn:hover{ color:#fff; background:#2c578c}



a.download_btn{ color:#fff;} a:visited.btn1  { color:#fff;}

.download_btn{ background:#d4a20b; padding:4px 10px; color:#fff; font-size:16px; text-transform:uppercase; display:inline-block; margin-top:8px;}

.download_btn:hover{ color:#fff; background:#2c578c}







.margin-top{ margin-top:20px;}



.pop_ups{ padding:15px; background:#f1f1f1; border:1px solid #ccc; box-shadow:0px 0px 10px #666; box-shadow:0px 0px 10px #ccc inset;}

.pop_ups h1{ font-size:20px;}

.pop_ups .form-group{ margin-bottom:7px;}.pop_ups .form-group label{ font-weight:400}

.pop_ups input.form-control{ padding:0px 10px; height:26px;}





/* sitemap */

.stmp_cont-img{width:38%; padding:20px 0px; float:right;margin:10px 0px; text-align:right;}

.stmp_cont{padding:10px 20px; width:99%; float:left; background:#fff; box-shadow:10px 2px 10px #ccc inset; margin:10px 0px; border:1px solid #ccc; min-height:350px;}

.sitemap{ }

.sitemap a{display:block; font:400 14px/20px 'Open Sans', Arial, Helvetica, sans-serif; color:#000; padding:5px 10px; margin:5px .5%; border:1px solid #ddd; transition:all linear .3s; -webkit-transition:all linear .3s; -moz-transition:all linear .3s; -ms-transition:all linear .3s; width:32%; float:left;}

.sitemap a:hover{color:#fff; top:5px; background:#0158a0;}





/* contact us */

.contact-bx { padding:10px 5px;}

.contact-bx{padding:10px 10px; margin-top:10px;border:1px solid #ddd;}

.cont_lft{ padding:20px;margin-bottom:10px; background:#fff; box-shadow:0px 1px 5px #ccc;}

.cont_lft  h2{ border-bottom:1px solid #f1f1f1; padding-bottom:6px;color:#368ecc; line-height:20px; text-transform:uppercase; font-weight:400 !important; font-size:18px;}



.cont_rgt{ background:#f1f1f1; border:1px solid #ccc; padding:10px 0px}

.cont_rgt .form-group{ margin-bottom:5px;}

.cont_rgt .form-group input[type=text]{ background:#fff; border-radius:0px; border:1px solid #ccc; box-shadow:none}



.cont_lft ul{list-style: none;margin: 0;padding:0px;}

.cont_lft li{list-style:none; font-size:14px; margin-top:7px; font-weight:500;}

.star{ color:#f00;}



.cont_lft .ft-contct{width:100%;color:#000; font-size:13px; margin-top:15px; display:block; font-weight:400;border:1px dashed #ccc; min-height:75px; padding:5px; background-color:#f9f9f9;}

.bdr-rt{border-right:2px solid #e5e5e5;}

.cont_lft  .ft-contct span{ display:block;float:left; width:63px; height:63px; overflow:hidden; margin-right:5px;}

.cont_lft  .ft-contct b{font-weight:700; font-size:16px; display:block; padding-top:10px; text-transform:uppercase;}

.cont_lft  .ft-contct a{color:#000;}.cont_lft .ft-contct a:hover{ text-decoration:underline;}



.contact_form_cont{padding:20px 10px 20px 10px;}

.contact_form{width:100%;}

.contact_form input[type=text], .contact_form textarea, .contact_form select{width:100%; padding:5px; background:#fff; border:1px solid #ccc; font-size:13px;}

.contact_form input[type=text]:focus{ color:#666; box-shadow:0px 0px 5px #666;}



/* thank you */

.thanku{ text-align:center; line-height:18px;}

.thanku img{ width:50%; margin:0 auto;}

.thanku b{ display:block; line-height:18px;margin-bottom:10px;}

.thanku span{ display:block;margin-bottom:20px; }

.error img{ width:90%; margin:0 auto;}



/* news media */

/* news & media */

.newsm{ padding:10px; background:#f1f2f2; margin:0 0 20px 0;}

.newsm .image{ width:120px; height:119px; overflow:hidden; float:left}

.newsm .image figure{ display:table-cell; vertical-align:middle; width:120px; height:119px; text-align:center;}

.newsm .image figure img{ border:0; transition:all ease-in-out 0.3s;}

.newsm:hover .image figure img{ transform:scale(1.1);}



.newsm .detail{ padding:0 10px;}

.newsm .detail h3{font-family: 'Roboto', sans-serif; font-weight:700; font-size:18px; color:#000; margin:0 0 10px 0;}

.newsm .detail h3 a{ text-decoration:none; color:#000;}

.newsm .detail:hover h3 a{ text-decoration:underline;}

.newsm .detail h3 span{color:#ff4f4f; font-size:14px; display:block; font-weight:400;}



.newsm .detail p{font-family: 'Roboto', sans-serif; font-weight:400; font-size:14px; color:#333; line-height:20px; margin:0px;}



.newsm .detail a.readmore{ color:#0072bc; text-decoration:none; font-size:14px; text-transform:capitalize; font-weight:400;}

.newsm .detail a.readmore:hover{ color:#003354; text-decoration:underline;}

.newsm .res-lis{ width:89%; float:right;}



/* testimonials detail */

.testimonials{ padding:10px;}

ul.testimonial-inner li h4{ font-size:18px; color:#0158a0; text-transform:uppercase; font-family:platinob; margin:0 0 2px 0;}

ul.testimonial-inner li a.read-more{ font-size:12px; color:#555555; font-family:platinob; text-decoration:none; text-transform:uppercase;}



ul.testimonial-inner{ margin:5px 0; padding:0;}

ul.testimonial-inner li{list-style:none; padding:10px; background-color:#eee; margin-bottom:20px;}









/* detail page */

.mobile-view{ display:none;}

a.refer{ font-weight:700; color:#fff; background-color:#1b5daf; padding:10px 15px; margin-top:15px; font-size:16px !important; display:inline-block;}

a.refer:hover{ color:#fff !important;}





/* refer */

.b1 {

    border: 1px solid #dadada;

    font-family: 'Roboto', sans-serif;

    font-weight: 300;}

.p8{ padding:8px;}

.w100{ width:100%;}	

.btn2s, .btn2s:visited {

    background: #213d5a;

    display: inline-block;

    text-align: center;

    color: #fff;

    font: 400 14px/32px 'Open Sans', Arial, Helvetica, sans-serif;

    height: 32px;

    border: 0 !important;

    padding: 0px 15px;

}

/* 16.09.2015 [Laliteshwar Suman] */

.add-testi{ margin:10px 0;}

.add-testi input[type="text"]{ padding:10px; border:1px solid #dadada; width:100%; margin-bottom:10px; border-radius:4px; outline:none;}

.add-testi textarea{ padding:10px; border:1px solid #dadada; width:100%; margin-bottom:5px; border-radius:4px; height:100px; outline:none;}

.add-testi input[type="submit"]{ padding:8px; border:1px solid #dadada; width:100%; margin-bottom:5px; border-radius:4px; background-color:#0158a0; color:#fff; text-transform:capitalize; font-size:15px; outline:none;}

/* 17.09.2015 */

.thumb-wrap{ display:table-cell; vertical-align:middle; width:88px; height:78px; text-align:center;} 



/* 27.01.2016 */

.white,.white a:link,.white a:visited{color:#fff !important}

.white a:hover,.white a:active{color:#000}



.gray,.gray a:link,.gray a:visited{color:#555555 !important; line-height:12px;}

.gray a:hover,.gray a:active{color:#000}



.gray2,.gray2 a:link,.gray2 a:visited{color:#1f1f1f !important; line-height:12px;}

.gray2 a:hover,.gray2 a:active{color:#000}



.mb15{margin-bottom:10px;}

.mt10{margin-top:15px;}

.mt25{margin-top:25px;}

.lh20{line-height:20px;}

.h30{height:42px; overflow:hidden;}

.text-center{ text-align:center !important}

.ml15{margin-left:15px;}

.mt30{margin-top:30px;}

.mb30{margin-bottom:30px;}



/*welcome*/

.welcome_sec1{width:75%; float:left;}

.welcome_sec2{width:23%; float:right; margin-top:22px;}  

.img_sec1{display:block;}

.img_sec2{display:block; margin-top:12px;}



/*placeholder*/

::-webkit-input-placeholder{color:#76c1ff;}

:-moz-placeholder{color:#76c1ff !important;}

::-moz-placeholder{color:#76c1ff !important;}

:-ms-input-placeholder{color:#76c1ff;} 











/*gallery*/

.gallery_list ul, .gallery_list ul li{margin:0 0 20px 0; padding:0; list-style:none;}

.gallery_list ul li{float:left; width:16.6666%;}



.gal_area{width:180px; margin:auto;}

.gal_area:hover{ box-shadow:1px 0 15px #ccc;}



.gal_img{width:180px; height:142px; overflow:hidden;}

.gal_img figure{width:180px; height:142px; display:table-cell;text-align:center; vertical-align:middle; }

.gal_img img{display:block; margin:auto; max-width:100%; height:auto;}

.gal-list-h{ height:200px; overflow:hidden;}



/**SIDE-BAR**/

.sidebar-hed{border-radius:5px 5px 0px 0px; color:#0f89cb !important; border-bottom:1px solid #eee; font-size:24px !important; text-transform:uppercase; padding:10px 5px; text-transform:capitalize;}

.list-group{padding:5px; background-color:#eee; border-radius:0px 0px 4px 4px}

.list-group.panel > .list-group-item {

  border-bottom-right-radius: 4px;

  border-bottom-left-radius: 4px

}

.list-group.panel>a{ background-color:#fff; color:#000;}

.list-group.panel>a:hover{ background-color:#eee; color:#222;}

.list-group.panel >a i{ text-align:right; float:right}

.list-group-submenu {margin-left:10px;background-color:#fff;}

.list-group-submenu a{background-color:#fff;color:#000;}

.list-group-submenu a:hover{ text-decoration:underline}

.list-group .sub-menu a i{text-align:right; float:right}

.list-group .sub-menu>a{ background-color:#02bfff; color:#fff;}

.list-group .sub-menu>a:hover{text-decoration:underline}



.panel_dis{display:block;}

.hand{cursor:pointer}



/**SIDE-BAR**/



.video_area{border:10px solid #eee; padding:10px; max-width:100%; margin:auto; height:250px;}

.marquee{background:#fff; padding:10px; width:100%; color:#222;}

.marquee_shd{ box-shadow:1px 0 5px #ccc;}





/*brand list*/

.brandlist ul, .brandlist ul li{margin:0 0 20px 0; padding:0; list-style:none;}

.brandlist ul li{float:left; width:16.6666%;}

.brandlist_w{ width:180px; margin:auto;}



/*gas form*/

label{ font-weight:normal}

.gas_form_area{width:95%; margin:auto; border:1px solid #eee; padding:10px;}

.gas_title{font-family: 'Roboto', sans-serif; font-size:18px; color:#222;background:#eee; padding:10px; margin-bottom:25px;}

.gas_title2{font-family: 'Roboto', sans-serif; font-size:18px; color:#fff;background:#666; padding:10px; margin-bottom:25px;}

.form_sec1{width:50%; float:left;}

.form_sec2{width:50%; float:left;}



.short_form input[type=text], .short_form input[type=password], .short_form select, .short_form textarea, .short_form .fls{padding:9px; width:80%; box-shadow:0 5px 5px rgba(0,0,0,.07) inset; border-radius:2px; border:1px solid #ccc;}



.short_form .sec1{float:left; width:16%; text-align:left; padding:9px 10px 0 0;}

.short_form .sec2{float:left; width:34%;}

.short_form .sec3{float:left; width:16%;text-align:left;padding:9px 10px 0 0; }

.short_form .sec4{float:left; width:34%;}

.date{  background:url(../images/celn_img.png) no-repeat 95% center}



.short_form .sub_s_1{float:left; width:10%; text-align:left;padding:9px 0 0 0;}

.short_form .sub_s_2{float:left;width:16%;text-align:left;padding:9px 10px 0 0;}

.short_form .sub_s_3{float:left;width:29%;}

.short_form .sub_s_4{float:left;width:14.8%;text-align:left;padding:9px 10px 0 0;}

.short_form .sub_s_5{float:left;width:29%;}



.short_form .billing_sec1{float:left; width:10%; text-align:left; padding:9px 10px 0 0;}

.short_form .billing_sec2{float:left; width:55%;}

.short_form .billing_sec3{float:left; width:10%;text-align:left;padding:9px 10px 0 0;}

.short_form .billing_sec4{float:left; width:25%;}



.short_form .billing_sub1{float:left; width:10%; text-align:left; padding:9px 10px 0 0;}

.short_form .billing_sub2{float:left; width:25%;}

.short_form .billing_sub3{float:left; width:10%;text-align:left;padding:9px 10px 0 0;}

.short_form .billing_sub4{float:left; width:20%;}

.short_form .billing_sub5{float:left; width:10%;text-align:left; padding:9px 10px 0 0;}

.short_form .billing_sub6{float:left; width:25%;}



.w25{width:25%;}

.w15{width:15%;}

.mb30{margin-bottom:30px;}





.short_form .sec_w50{float:left; width:50%;}





ul.myulu{ margin:0; padding:0;}

ul.myulu li{ list-style:none; float:left; width:25%; margin:0; padding:0;}



/*gas form*/





.fancybox-title{font-family: 'Roboto', sans-serif!important; font-size:14px; color:#222 !important;}



/*customerservice*/

.loc-ser{ float:left; width:50%;}





/*map*/

.wrapper{ width:1230px; margin:auto}

.dynMapCont{width:100% !important;  background:#000;height:100%;max-height:638px;position:relative;margin:0 auto;font-size: 30px; background-size:cover;}

.baseImg{width:100%!important;height:100%;}

.dynMapCont canvas{ width:100% !important; height:100%;}



.map-add{width:auto; position:absolute; bottom:25%; left:2%;color:#fff !important; background:rgba(0,0,0,0.7); padding:0px;}

.map-add a{ color:#fff !important; }

.mapbox h2{ font-size:14px; color:#fff;}

.mapbox p{ font-size:15px; color:#fff; padding:5px;}

.map_hider{ display:none}

.maparea{ display:none}



ul.fq{list-style:none; margin:0; padding:0;}

ul.fq>li{list-style:none; margin:5px 0px; padding:10px 0px; border-bottom:1px solid #e7e5e5;}

ul.fq>li:hover{list-style:none; margin:5px 0px; padding:10px 0px; border-bottom:1px solid #999;}

ul.fq li>a{display:block; font:300 16px/18px 'Open Sans',Arial, Helvetica, sans-serif; color:#666; padding:5px 0px 5px 0px;}

/* .faq-text{margin:0 0 0 0px; display:none; padding:15px; border:1px solid #eee; background:#f8f8f8;} */
.faq-text{margin:0 0 0 0px; display:none; padding:31px; border:1px solid #eee; background:#f8f8f8;}

.faq-text p{font-weight:normal; font:normal 12px/16px 'Open Sans',Arial, Helvetica, sans-serif;}

ul.fq ul li{color:#666; font-size:12px;}

ul.fq li>a img{ float:left; margin:2px 5px 10px 0;}

/* FAQS CLASSES ENDS */





.conf-gall img{ border:3px solid #CCC; }

.press_scroll{ width:100% !important;}

ul.float_1{ margin:0; padding:0;}

ul.float_1 li{ width:20%; display:inline-block; float:left; position:relative; list-style:none; margin:15px auto; overflow:hidden;}

.press-box{ width:240px; height:auto; margin:0 auto; overflow:hidden;}

.press-img{ width:235px; height:150px; margin:0 auto;}

.press-img figure{ width:235px; height:150px; display:table-cell; vertical-align:middle; text-align:center;}

.press-img figure img{ display:block; margin:0 auto; transition:all linear 0.6s;}

.press-img figure:hover img{ transform:scale(1.1);}



/*featured*/

.newly-scroll{ width:100% !important; display:block; }

ul.float_6{ margin:0; padding:0;}

ul.float_6 li{ width:25%; float:left; list-style:none; display:inline-block; position:relative;}

.feature-box{ width:280px; height:auto; overflow:hidden; margin:0 auto; border:4px solid #fff; background:url(../images/pro-box-shadow.png) no-repeat bottom center;}

.featured-area{ width:276px; height:215px; margin:0 auto; overflow:hidden;}

.featured-area figure{ width:276px; height:215px; display:table-cell; vertical-align:middle; text-align:center;}

.featured-area figure img{ display:block;}

.tag{ width:272px; height:auto; background:rgba(255, 255, 255, 0.8); position:absolute; z-index:99999; bottom:0; text-align:center; padding-bottom:10px; padding-top:7px; font-size:15px;}

.pre-button{ width: 34px; height: 32px; float: left; position: absolute; z-index: 99999; margin-top:95px; }

.next-button{ width: 34px; height: 32px; float: right; position: absolute; z-index: 99999; margin-top:95px; margin-left:1175px; }







/*tab*/

ul.mytab{list-style-type:none; display:inline-block; margin:0px; width:100%; padding:0px 0px 0px 20px;  border-bottom:2px solid #023966; line-height:12px;}

ul.mytab li{list-style-type:none; display:inline-block; margin:0; padding:0;}

ul.mytab li a{display:block;float:left;padding:5px 24px;background:#c9c9c9; border:solid #0f89cb; border-width:1px 1px 0px 1px;color:#0f89cb; margin:0px 0px 0px 2px; text-align:center; font-size:16px; line-height:20px; font-family:"open Sans";}

.tab_hide{ display:none;}

ul.mytab li a.act{background:#0f89cb; color:#fff;font-weight:600; }

ul.mytab li a:hover{background:#0f89cb; color:#fff; font-weight:600; }

.mytab_all{ padding:10px; background:#efefef;}





/*press-dtl-start*/

ul.float_7{ margin:0; padding:0;}

ul.float_7 li{ width:16.66666666666667; display:inline-block; float:left; position:relative; list-style:none;}

.press-video{ width:210px; height:auto; margin:0 auto; overflow:hidden;}

.video-div{ width:205px; height:156px; margin:0 auto; }

.video-div figure{ width:205px; height:156px; display:table-cell; vertical-align:middle; text-align:center;}

.video-div figure img{ display:block; transition:all linear 0.6s;}

.video-div:hover figure img{ transform:scale(1.1)}



.newsm ul{margin:0 0 15px 15px; padding:0;}

.newsm-limit{height:65px; overflow:hidden;}