.ajax__calendar_body table,
.form-wrap .form-inner .form-steps ul.number-steps li,
.global-list table,
.global-spread-table,
.global-spread-table table,
.global-spread-table td,
.honour-section table,
.petrodaily-div .petro-prices-div table,
.pop table,
.price-section table,
.table-div table,
.table-div table td,
.table-div table th,
.tender-results-sec table {
	border-collapse: collapse
}

html body {
	overflow-x: auto
}

a {
	color: #007ec4
}

sup {
	vertical-align: top!important
}

.adlet-2-div .adlet-2 .img,
.locate-us-div h2 .img_title img,
.minsup {
	vertical-align: top
}

.text-right {
	text-align: right
}

#map-canvas {
	width: 100%;
	height: 300px
}

.breadcrum {
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 10px;
	width: 70%
}

.breadcrum ul li {
	float: left;
	margin-right: 10px;
	color: #3f3f3f;
	font-size: 12px;
}

.breadcrum ul li a {
	color: #999
}

.breadcrum ul li a:hover {
	color: #000
}

.breadcrum ul li:after {
	content: ">";
	text-decoration: none;
	padding-left: 5px;
	color: #999
}

.breadcrum ul li:last-child:after {
	content: " ";
	padding-left: 0
}

.select-category {
	padding-top: 0;
	padding-bottom: 0;
	margin-top: 10px;
	width: 30%
}

.select-category select {
	padding: 6px;
	line-height: 30px;
	background: #fff;
	border: 1px solid #ccc;
	width: 180px;
	font-family: proxima_nova_rgregular;
	float: right
}

.adlet-2-div .adlet-2 .copy-div h2,
.smartfleet-ghar-div h2 {
	font-family: proxima_nova_rgbold;
	font-weight: 400
}

.gray-space {
	padding: 15px
}

.adlet-2-div {
	clear: both;
	display: block;
	background: url(../images/fuel-services/bg-fuel.jpg) top center no-repeat;
	background-size: cover;
	padding: 60px 0
}

.adlet-2-div .adlet-2 {
	border: 1px solid #ccc;
	background: #fff;
	position: relative
}

.adlet-2-div .adlet-2 .img {
	display: inline-block;
	width: 48%
}

.adlet-2-div .adlet-2 .img img {
	display: block;
	height: auto
}

.adlet-2-div .adlet-2 .copy-div {
	display: inline-block;
	width: 51%;
	color: #666;
	vertical-align: top;
	padding: 40px 15px 10px
}

.adlet-2-div .adlet-2 .copy-div h2 {
	color: #007ec4;
	text-transform: uppercase;
	font-size: 2em;
	padding-bottom: 20px
}

.adlet-2-div .adlet-2 .copy-div p {
	color: #666;
	font-size: 1.4em;
	line-height: 1.8em
}

.adlet-2-div .adlet-2 .readmore {
	position: absolute;
	right: 20px;
	bottom: 20px;
	background: #fff;
	border: 2px solid #007fc3;
	text-transform: uppercase;
	padding: 10px 15px;
	width: auto;
	font-size: 1.3em;
	color: #007fc3
}

.adlet-2-div .adlet-2:hover {
	background: #ffdc05
}

.adlet-2-div .adlet-2:hover .readmore {
	background: #007fc3;
	color: #fff;
	border: 2px solid #fff
}

.adlet-3-div {
	clear: both;
	display: block;
	padding: 0
}

.inner-carousel-wrap {
	background: url(../images/bg-inner-carousel.jpg) top center no-repeat;
	background-size: cover;
	padding: 30px 0 60px;
	clear: both;
	position: relative;
	display: block
}

.inner-carousel-wrap-2 {
	background: url(../images/bg-inner-carousel2.jpg) center top/cover no-repeat
}

.inner-carousel-wrap-3 {
	background: url(../images/bg-inner-carousel3.jpg) center top/cover no-repeat
}

.box-content {
	text-align: center;
	padding: 0 10px
}

.box-content .content {
	float: left;
	width: 100%;
	height: auto;
	padding: 20px;
	box-sizing: border-box
}

.box-content img {
	border: 1px solid #b1b3b6
}

.box-content .content h2,
.box-content .content-two h2 {
	border-bottom: 1px solid #fff;
	font-size: 2.1em;
	padding: 0 0 15px;
	float: left;
	height: auto;
	width: 100%;
	text-align: center
}

.box-content .content h2 {
	color: #fff
}

.box-content .content-two h2 {
	color: #fd0
}

.box-content .content .icon1 {
	background: url(../images/icon_car_hr.png) top center no-repeat
}

.box-content .content .icon2 {
	background: url(../images/icon_home_hr.png) top center no-repeat
}

.box-content .content .icon3 {
	background: url(../images/icon_plane_hr.png) top center no-repeat
}

.box-content .content .icon4 {
	background: url(../images/icon_Industries_hr.png) top center no-repeat
}

.box-content .content .icon5 {
	background: url(../images/icon_lubricants_hr.png) top center no-repeat
}

.box-content .content .icon6 {
	background: url(../images/icon_Industries_hr.png) top center no-repeat
}

.box-content .content .icon7 {
	background: url(../images/icon_ship_hr.png) top center no-repeat
}

.box-content .content .icon8 {
	background: url(../images/icon_lng_hr.png) top center no-repeat
}

.box-content .content p {
	float: left;
	width: 100%;
	height: auto;
	min-height: 90px;
	font-size: 1.3em;
	margin-top: 15px;
	color: #fff;
	line-height: 18px
}

.box-content .image {
	float: left;
	width: 100%;
	height: auto;
	position: relative
}

.box-content .image img {
	display: block;
	width: 100%;
	height: auto
}

.box-content .image .img-hr {
	background: url(../images/yallow_bg.png) top left;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	display: none;
	text-align: center;
	z-index: 100
}

.box-content .image .img-hr .arrow {
	background: url(../images/bottom-arrow.png) top no-repeat;
	position: relative;
	top: 0;
	left: 50%;
	margin-left: -12px;
	height: 13px;
	width: 24px
}

.box-content .image .img-hr a {
	background: #007fc3;
	border: 1px solid #fff;
	color: #fff;
	display: block;
	font-size: 1.3em;
	left: 50%;
	margin-left: -50px;
	margin-top: -20px;
	padding: 10px 15px;
	position: absolute;
	text-transform: uppercase;
	top: 50%;
	width: auto
}

.box-content:hover .content {
	background: #fff
}

.box-content:hover .content h2 {
	color: #0076c0;
	border-color: #0076c0
}

.box-content:hover .content p {
	color: #0076c0!important
}

.box-content:hover .content .icon1 {
	background: url(../images/icon_car.png) top center no-repeat
}

.box-content:hover .content .icon2 {
	background: url(../images/icon_home.png) top center no-repeat
}

.box-content:hover .content .icon3 {
	background: url(../images/icon_plane.png) top center no-repeat
}

.box-content:hover .content .icon4 {
	background: url(../images/icon_Industries.png) top center no-repeat
}

.box-content:hover .content .icon5 {
	background: url(../images/icon_lubricants.png) top center no-repeat
}

.box-content:hover .content .icon6 {
	background: url(../images/icon_Industries.png) top center no-repeat
}

.box-content:hover .content .icon7 {
	background: url(../images/icon_ship.png) top center no-repeat
}

.box-content:hover .content .icon8 {
	background: url(../images/icon_lng.png) top center no-repeat
}

.box-content:hover .image .img-hr {
	display: block!important
}

.smartfleet-ghar-div {
	clear: both;
	display: block;
	background: #fff;
	text-align: center;
	padding: 60px 0
}

.smartfleet-ghar-div .icon img {
	border: none;
	width: auto
}

.smartfleet-ghar-div h2 {
	color: #007ec4;
	font-size: 2em;
	padding-bottom: 20px;
	line-height: 1em
}

.smartfleet-ghar-div p {
	color: #7f7f7f;
	font-size: 1.4em;
	padding-bottom: 30px
}

.smartfleet-ghar-div img {
	border: 1px solid #b1b3b6;
	margin-bottom: 10px;
	width: 100%
}

.smartfleet-ghar-div .readmore {
	text-align: right;
	font-size: 1.2em
}

.smartfleet-ghar-div .readmore a {
	color: #007ec4
}

.smartfleet-ghar-div .readmore a:hover {
	color: #000
}

.petrodaily-div {
	clear: both;
	display: block;
	padding-top: 60px;
	padding-bottom: 60px;
	background: url(../images/fuel-services/bg-petrodaily.jpg) top center no-repeat;
	background-size: cover
}

.petrodaily-div .hr {
	border-bottom: 3px solid #f9de09;
	width: 50px;
	margin-bottom: 20px;
	display: inline-block
}

.petrodaily-div .petro-daily {
	padding: 20px 30px;
	background: #fff
}

.petrodaily-div .petro-daily h2 {
	color: #007fc3;
	font-size: 2.1em;
	padding-bottom: 10px
}

.petrodaily-div .petro-daily .petro-frm {
	clear: both;
	display: block;
	padding-bottom: 10px;
	border-bottom: 1px dashed #ccc;
	margin-bottom: 20px
}

.petrodaily-div .petro-daily .petro-frm h3 {
	font-weight: 400;
	font-family: proxima_nova_rgregular;
	color: #0181c0;
	font-size: 1.4em;
	padding-bottom: 20px
}

.petrodaily-div .petro-daily .petro-frm .date {
	font-style: italic;
	color: #999;
	font-size: 1.2em;
	padding-bottom: 5px
}

.petrodaily-div .petro-daily .scrolldiv {
	overflow: auto;
	height: 281px;
	padding: 0 5px
}

.petrodaily-div .pdf-download-div {
	background: url(../images/bg-pdf-download.jpg) right bottom no-repeat #007fc3;
	padding: 20px 30px;
	color: #fff;
	height: 420px
}

.petrodaily-div .pdf-download-div h2 {
	color: #fff;
	font-size: 2.1em;
	padding-bottom: 10px
}

.petrodaily-div .pdf-download-div p {
	color: #fff;
	font-size: 1.4em;
	padding-bottom: 40px
}

.petrodaily-div .pdf-download-div .btn-download {
	background: #007fc3;
	border: 2px solid #fff;
	text-transform: uppercase;
	padding: 10px 15px;
	width: auto;
	font-size: 1.4em;
	color: #fff
}

.petrodaily-div .pdf-download-div .btn-download:hover {
	background: #fff;
	color: #007fc3;
	border: 2px solid #00669c
}

.petrodaily-div .petrozine-div {
	background: url(../images/i-c/petro_price_bg.png) right bottom no-repeat #007fc3;
	padding: 20px 30px;
	color: #fff;
	height: 420px
}

.petrodaily-div .petrozine-div h2 {
	color: #fff;
	font-size: 2.1em;
	padding-bottom: 10px
}

.petrodaily-div .petrozine-div p {
	color: #fff;
	font-size: 1.4em;
	padding-bottom: 40px
}

.petrodaily-div .petrozine-div .btn-download {
	background: #007fc3;
	border: 2px solid #fff;
	text-transform: uppercase;
	padding: 10px 15px;
	width: auto;
	font-size: 1.4em;
	color: #fff
}

.petrodaily-div .petrozine-div .btn-download:hover {
	background: #fff;
	color: #007fc3;
	border: 2px solid #00669c
}

.emergency-service {
	background: url(../images/bg-emergency-service.jpg) right bottom no-repeat #fff;
	padding: 20px 30px;
	color: #007fc3;
	height: 420px
}

.emergency-service h2 {
	color: #007fc3;
	font-size: 2.1em;
	padding-bottom: 10px
}

.emergency-service p {
	color: #007fc3;
	font-size: 1.4em;
	padding-bottom: 40px
}

.emergency-service .btn-call {
	background: #fff;
	border: 2px solid #007fc3;
	text-transform: uppercase;
	padding: 10px;
	width: auto;
	font-size: 1.4em;
	color: #007fc3;
	display: inline-block
}

.google-play,
.locate-us-div,
.video-div {
	display: block;
	clear: both
}

.emergency-service .btn-call:hover {
	background: #007fc3;
	color: #fff;
	border: 2px solid #00669c
}

.petrodaily-div .petro-prices-div {
	background: url(../images/i-c/petro_price_bg.png) right bottom no-repeat #007fc3;
	padding: 20px 30px;
	color: #fff;
	height: auto
}

.petrodaily-div .petro-prices-div h2 {
	color: #fff;
	font-size: 2.1em;
	padding-bottom: 10px
}

.petrodaily-div .petro-prices-div h3 {
	color: #fff;
	font-size: 2.1em;
	padding-bottom: 30px
}

.petrodaily-div .petro-prices-div p {
	color: #fff;
	font-size: 1.4em;
	padding-bottom: 10px
}

.petrodaily-div .petro-prices-div select {
	float: right;
	padding: 6px
}

.petrodaily-div .petro-prices-div table {
	width: 100%
}

.petrodaily-div .petro-prices-div table,
.petrodaily-div .petro-prices-div table td,
.petrodaily-div .petro-prices-div table th {
	border: none!important
}

.petrodaily-div .petro-prices-div table,
.petrodaily-div .petro-prices-div table td {
	padding: 10px;
	text-align: left!important;
	color: #fff!important;
	font-size: 1em
}

.petrodaily-div .petro-prices-div table,
.petrodaily-div .petro-prices-div table td strong {
	font-size: 1.3em
}

.petrodaily-div .petro-prices-div table th {
	padding: 10px;
	text-align: left;
	font-size: 1.2em;
	text-transform: uppercase;
	color: #FFF;
	border-bottom: 1px solid #3399cf!important;
	border-top: 1px solid #3399cf!important
}

.video-div {
	background: url(../images/video_bg.jpg) bottom center no-repeat #001e30;
	padding: 60px 0
}

.locate-us-div {
	padding: 30px 0 0 0;
	background: #ffffff;
	background-size: cover
}

.locate-us-div h2 {
	color: #fff;
	font-size: 20px;
	padding-bottom: 30px
}

.locate-us-div .hr {
	border-bottom: 3px solid #f9de09;
	width: 50px;
	margin-bottom: 20px
}

/* Office Locator css start 16-08-19 */
.business-unit {
	display: block;
	max-width: 760px;
	margin: 0 auto;
	text-align: center;
	background: #f7f7f7;
	border: 1px solid #efefef;
	border-radius: 10px;
	padding: 20px 0;
}
.business-unit label {
	max-width: 250px;
	display: inline-block;
	font-size: 14px;
	color: #000000;
	margin-right: 12px;
	font-weight: 100 !important; 
}
.business-unit .slect-business {
	width: 245px;
	height: 45px;
	display: inline-block;
	border: 1px solid #d7d7d7;
	border-radius: 6px;
	background: #ffffff;
	font-family: proxima_nova_rgregular, Arial;
	font-size: 14px;
	color: #000000;
	padding: 0 0 0 15px;
}
.map-filter {
	margin: 40px 0 60px 0;
}
.map-filter p {
	font-size: 14px;
	color: #000000;
	padding-bottom: 25px;
	text-align: center;
}
.filter-inner {
	display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
}
.map-filter select {
	width: 96%;
	height: 45px;
	max-width: 170px;
	margin-right: 2%;
	margin-bottom: 10px;
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
	line-height: 1.42857143;
	color: #000000;
	background-color: #ebebeb;
	background-image: none;
	border: 1px solid #d7d7d7;
	border-radius: 6px;
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	font-family: proxima_nova_rgregular;
	padding: 0 0 0 15px;
}
.locat-btn {
	font-family: proxima_nova_rgregular;
	font-size: 14px;
	color: #ffffff;	
	background: #017dc4;
	border: 1px solid #d7d7d7;
    border-radius: 6px;
	width: 135px;
	height: 45px;
	transition: all .3s ease-out;
}
.locat-btn:hover {
	color: #017dc4;	
	background: #ffffff;
	border: 1px solid #017dc4;
}
.address-wrap {
	background: #f8f8f8;
}
.address-wrap .address-container #divInnerHtml {
	display: flex;
	flex-flow: row wrap;
	padding: 65px 0 20px 0;
}
.address-wrap .address-container .address {
	width: 31%;
	background: #ffffff;
	padding: 50px 50px 50px 50px;
	-webkit-box-shadow: 0px 2px 0px 2px rgba(238,238,238,1);
	-moz-box-shadow: 0px 2px 0px 2px rgba(238,238,238,1);
	box-shadow: 0px 2px 0px 2px rgba(238,238,238,1);
	margin: 0 15px 45px 15px;
	position: relative;
}
.address-wrap .address-container .address h3 {
	font-size: 1.0625rem;
	color: #000000;
	font-weight: 600;
	padding-bottom: 25px;
}
.address-wrap .address-container .address p {
	font-size: 1.0625rem;
	color: #000000;
}
.services {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 25px 0 25px 50px;
	border-top: 1px solid #e3e3e3;
}
.services ul li {
	display: inline-block;
	margin-right: 5px;
}
/* Office Locator css end */


.map-filter input.loc-search,
.map-filter input.loc-search-new {
	height: 25px;
	font-size: 12px;
	line-height: 12px;
	padding: 3px 5px;
	font-family: proxima_nova_rgregular;
	text-transform: uppercase;
	cursor: pointer
}

.map-filter select:focus {
	border-color: #66afe9;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}

.feedback-box a:focus,
.feedback-box-sub a:focus {
	outline: 0!important
}

.map-filter input.loc-search {
	/*float: left;*/
	float: none;
	color: #fff;
	background: #007dc6;
	border: 1px solid #007dc6;
	border-radius: 3px;
	padding: 0 25px;
	line-height: 43px;
	height: auto;
}

.map-filter input.loc-search:hover {
	background: #fff;
	color: #007dc6;
	text-decoration: none
}

.map-filter input.loc-search-new {
	color: #fff;
	background: #007dc6;
	border: none;
	border: 1px solid #007dc6;
	padding: 0 25px;
	border-radius: 3px;
	height: auto;
	line-height: 43px;
}

.map-filter input.loc-search-new:hover {
	background: #fff;
	color: #007dc6;
	text-decoration: none
}

.map-filter button {
	background: 0 0;
	color: #007ec4;
	border: none;
	box-shadow: none;
	cursor: pointer
}

.map_search_item {
	overflow: auto;
	height: 225px;
	padding: 0 5px;
	margin: 20px 0 0
}

.map_search_item .map-s-frm {
	clear: both;
	display: block;
	border-bottom: 1px dashed #fff;
	margin-bottom: 20px
}
.map_search_item .map-s-frm p {text-align: left; padding-bottom: 10px;}

.google-play .hr,
.google-play-smart .hr {
	border-bottom: 3px solid #fff;
	width: 50px;
	margin-bottom: 20px
}

.map_search_item .map-s-frm h2 {
	font-size: 16px;
	color: #5a4702;
	padding-bottom: 10px
}

.map_search_item .map-s-frm h2 span {
	color: #434343;
	font-size: .9em;
	float: right;
	font-weight: 400
}

.map_search_item .map-s-frm p {
	color: #5a4702
}

.google-play {
	background: url(../images/fuel-services/bg-google-play.jpg) bottom center no-repeat #fece1a;
	padding: 60px 0;
	min-height: 550px
}

.google-play p {
	font-family: proxima_nova_rgregular;
	color: #fff;
	font-weight: 400;
	font-size: 2em;
	padding-bottom: 10px;
	line-height: 1em;
	text-transform: uppercase
}

.google-play h2,
.google-play-smart h2 {
	font-family: proxima_nova_rgbold;
	color: #fff;
	line-height: 1em
}

.google-play h2 {
	font-weight: 400;
	font-size: 3.2em;
	text-transform: uppercase;
	padding: 30px 0
}

.google-play .hr {
	display: inline-block
}

.google-play-smart {
	clear: both;
	display: block;
	background: url(../images/fuel-services/bg-google-play-smart.png) bottom center no-repeat #fece1a;
	padding: 60px 0;
	min-height: 550px
}

.google-play-smart p {
	font-family: proxima_nova_rgregular;
	color: #fff;
	font-weight: 400;
	font-size: 2em;
	padding-bottom: 10px;
	line-height: 1em;
	text-transform: uppercase
}

.google-play-smart h2 {
	font-weight: 400;
	font-size: 3.2em;
	text-transform: uppercase;
	padding: 30px 0
}

.graybox .details h2,
.graybox .details h3 {
	color: #007ec4;
	text-transform: uppercase;
	font-weight: 400;
	font-family: proxima_nova_rgbold
}

.google-play-smart .hr {
	display: inline-block
}

.graybox,
.graybox-wrap {
	display: block;
	clear: both
}

.graybox-wrap {
	background: #fff;
	padding: 20px 0 60px
}

.graybox {
	background: #f3f3f3;
	margin-bottom: 20px;
	margin-top: 20px;
	position: relative
}

.graybox .img-div {
	padding: 0;
	text-align: center;
	position: relative;
}


.graybox .img-div img {
	margin:0;
}
.graybox .img-div .img-title {
	position: absolute;
    bottom: 4px;
    left: 50%;
    background: #0176bd;
    width: 85%;
    transform: translate(-50%, 0);
}
.graybox .img-div .img-title p {
	color:#ffffff;
	 padding: 20px 15px 31px 15px;
	 font-size:13px;
	 text-align:left;
}
.graybox .img-div .img-title hr {
background: #f3d948;
    height: 5px;
    width: 30%;
    position: absolute;
    left: 15px;
    bottom: 15px;
}

.graybox .img-div img {
	width: 100%
}

.graybox .details {
	float: left;
	padding: 20px
}

.graybox .details h2 {
	font-size: 1.6em;
	margin-bottom: 20px
}

.graybox .details h3 {
	font-size: 1.2em
}

.graybox .details div,
.graybox .details p {
	font-size: 14px;
	line-height: normal
}

.graybox .details p {
	margin-bottom: 20px
}

.graybox ul li,
ul.list-bullet li {
	line-height: 1.4em;
	margin-bottom: 10px;
	display: block;
	vertical-align: middle
}

.graybox .details p strong {
	color: #076cb2;
	font-weight: 400;
	text-transform: none
}

.graybox ul li {
	font-size: 1.4em;
	clear: both
}

.graybox ul.list-icons li img {
	vertical-align: middle;
	margin-right: 20px
}

ul.list-bullet li {
	background: url(../images/bulllet1.png) 0 5px no-repeat;
	padding-left: 20px;
	font-size: 14px!important
}

ul.list-bullet li ul {
	padding: 10px 0 0
}

ul.list-bullet li ul li {
	background: url(../images/bulllet2.png) 0 5px no-repeat;
	padding-left: 20px;
	font-size: 14px;
	margin-bottom: 5px
}

.graybox .details-box,
.graybox .details-csr {
	float: left;
	padding: 30px
}

ul.list-bullet li ul li strong {
	font-size: 14px!important;
	color: #333;
	font-weight: 700
}

.font-size {
	font-size: 14px!important
}

.graybox .details-csr {
	text-align: center
}

.graybox .details-csr h2 {
	color: #007ec4;
	text-transform: uppercase;
	font-size: 1.5em;
	text-decoration: underline;
	font-family: proxima_nova_rgbold;
	font-weight: 400;
	margin-bottom: 20px
}

.graybox .details-csr p {
	font-size: 1.4em;
	margin-bottom: 20px;
	line-height: normal
}

.graybox .details-csr p strong {
	color: #076cb2;
	font-weight: 400;
	text-transform: none
}

.graybox .details-box h2 {
	color: #007ec4;
	text-transform: uppercase;
	font-size: 1.5em;
	text-decoration: underline;
	font-family: proxima_nova_rgbold;
	font-weight: 400;
	margin-bottom: 20px
}

.graybox .details-box p {
	font-size: 1.4em;
	margin-bottom: 20px;
	line-height: normal
}

.graybox .details-box p strong {
	color: #076cb2;
	font-weight: 400;
	text-transform: none
}

.graybox .details-box .innBox {
	float: right;
	display: block;
	border: 1px solid #ffdc05;
	padding: 50px 20px;
	width: 90%;
	position: relative;
	min-height: 476px;
	margin-bottom: 25px
}

.graybox .details-box .innBox .yallow-box {
	float: left;
	width: 234px;
	background: #ffdc05;
	border-bottom: 7px solid #007ec4;
	padding: 60px 20px;
	position: absolute;
	top: 20%;
	left: -117px;
	text-align: center
}

.graybox .details-box .innBox .yallow-box h2 {
	font-size: 16px;
	color: #007ec4;
	text-align: center;
	display: block;
	text-decoration: none
}

.csr-content-area {
	float: right;
	width: 867px;
	height: auto
}

.csr-content-area p {
	margin-bottom: 25px
}

.csr-content-area ul {
	display: block;
	text-align: center;
	margin-bottom: 20px
}

.csr-content-area ul li {
	display: inline-block;
	width: auto;
	margin: 0 30px
}

.csr-content-area ul li h4 {
	font-size: 16px;
	font-weight: 400
}

.graybox .details-life {
	float: left;
	padding: 20px;
	display: block;
	text-align: center
}

.graybox .details-life h2 {
	color: #007ec4;
	text-transform: uppercase;
	font-size: 2em;
	font-family: proxima_nova_rgbold;
	font-weight: 400;
	margin-bottom: 20px;
	text-align: center;
	width: 100%
}

.graybox .details-life p {
	font-size: 1.4em;
	margin-bottom: 20px;
	line-height: normal;
	text-align: left
}

.graybox .details-life p strong {
	color: #007ec4;
	font-weight: 400;
	text-transform: none
}

.btn-blue,
.partner-wrap h2,
.prod-box .image .img-hr a,
.whitebox h2 {
	text-transform: uppercase
}

.life-img-set {
	display: inline-block;
	width: 70%;
	height: auto;
	border: 0 solid red;
	margin: 50px 0
}

.life-img-set .box-top {
	border: 1px solid #ffdc05;
	border-bottom: none;
	width: 100%;
	height: 20px
}

.life-img-set .box-bottom {
	border: 1px solid #ffdc05;
	border-top: none;
	width: 100%;
	height: 20px
}

.life-img-set ul {
	display: block;
	text-align: center
}

.life-img-set ul li {
	display: inline-block;
	margin: 0 15px
}

.graybox ol {
	list-style-type: decimal;
	padding-left: 20px;
	padding-bottom: 15px
}

.graybox ol>li {
	font-size: 14px;
	line-height: 1.4em;
	color: #666;
	padding: 5px 0
}

.graybox ol>li li {
	font-size: 14px;
	margin: 5px 0
}

.whitebox,
.whitebox .hr,
.whitebox h2,
.whitebox p,
.whitebox ul {
	margin-bottom: 20px
}

.whitebox {
	background: #fff;
	clear: both;
	display: block;
	position: relative;
	margin-top: 10px
}

.whitebox .details {
	float: left;
	padding: 20px
}

.whitebox h2 {
	color: #007ec4;
	font-size: 2em;
	font-family: proxima_nova_rgbold;
	font-weight: 400
}

.whitebox .hr {
	border-bottom: 3px solid #f9de09;
	width: 50px
}

.whitebox p {
	font-size: 1.4em;
	line-height: 1.4em
}

.whitebox p strong {
	color: #010101;
	font-weight: 500;
	font-size: 1.3em
}

.whitebox ul li {
	font-size: 1.4em;
	clear: both;
	display: block;
	line-height: 1.4em;
	vertical-align: middle
}

.btn-blue,
.btn-copy,
.icon-clickhere {
	display: inline-block
}

.whitebox ul.list-bullet li {
	background: url(../images/bulllet1.png) 0 5px no-repeat;
	padding-left: 20px;
	margin-bottom: 5px
}

.btns-div {
	padding: 20px 0
}

.btn-blue {
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 5px 10px;
	background: #007dc6;
	color: #fff;
	font-size: 14px;
	clear: both;
	border-radius: 6px;
	text-align: left;
	border: 2px solid #fff
}

.btn-blue:hover {
	color: #007dc6;
	background: #fff;
	border: 2px solid #007dc6;
	text-decoration: none
}

.icon-clickhere {
	background: url(../images/icon-click-here.png) left top no-repeat;
	width: 25px;
	height: 21px;
	margin-right: 10px;
	vertical-align: middle
}

.btn-blue:hover .icon-clickhere {
	background: url(../images/icon-click-here-hr.png) left top no-repeat;
	text-decoration: none
}

.btn-copy {
	vertical-align: middle
}

.partner-wrap {
	clear: both;
	display: block;
	background: url(../images/bg-partners.jpg) top center no-repeat;
	background-size: cover;
	padding: 30px 0 60px;
	text-align: center
}

.press_room ul li.doc a,
.press_room ul li.jpg a,
.press_room ul li.pdf a,
.press_room ul li.ppt a,
.press_room ul li.rm a,
.press_room ul li.xls a {
	width: 100%;
	min-height: 30px;
	padding-right: 25px;
	float: left;
	height: auto
}

.partner-wrap h2 {
	color: #007ec4;
	font-size: 2em;
	font-family: proxima_nova_rgbold;
	font-weight: 400;
	margin-bottom: 20px
}

.press_room ul li.doc a,
.press_room ul li.jpg a,
.press_room ul li.pdf a,
.press_room ul li.ppt a,
.press_room ul li.rm a,
.press_room ul li.xls a {
	color: #0181c0;
	text-decoration: underline
}

.press_room {
	float: left;
	width: 100%;
	height: auto
}

.press_room h2 {
	padding-bottom: 20px
}

.press_room ul {
	float: left;
	width: 100%
}

.press_room ul li {
	float: left;
	width: 100%;
	border-bottom: 1px dotted #ccc;
	padding-bottom: 7px;
	margin-bottom: 15px;
	font-size: 14px
}

.press_room ul li.pdf a {
	background: url(../images/file-icon/icon-pdf.png) top right no-repeat
}

.press_room ul li.doc a {
	background: url(../images/file-icon/icon-doc.png) top right no-repeat
}

.press_room ul li.rm a {
	background: url(../images/file-icon/icon-rm.png) top right no-repeat
}

.press_room ul li.ppt a {
	background: url(../images/file-icon/icon-ppt.png) top right no-repeat
}

.press_room ul li.jpg a {
	background: url(../images/file-icon/icon-jpeg.png) top right no-repeat
}

.press-details h2 {
	font-size: 18px;
	padding-bottom: 3px;
	padding-top: 10px;
	color: #007ec4
}

.press-details h3 {
	font-size: 16px;
	color: #333
}

.press-details p {
	padding-bottom: 10px
}

.press-share {
	padding-top: 15px;
	text-align: right
}

.press-share a {
	display: inline-block;
	margin: 0 5px
}

.press_room ul li.xls a {
	background: url(../images/file-icon/icon-xls.png) top right no-repeat
}

.press_room ul li a:hover {
	text-decoration: none
}

.press_room ul li p {
	float: left;
	font-size: 1.2em;
	color: #8e8e8e
}

.press_room ul li select {
	float: left;
	width: 20%;
	height: auto;
	padding: 10px;
	margin: 0 10px 10px 0
}

.ic_petrol_price,
.ic_petrol_price ul,
.ic_petrol_price_tabs,
.ic_petrol_price_tabs ul {
	width: 100%;
	float: left
}

.planbox,
.select-set,
.title-box .hr {
	margin-bottom: 20px
}

.ic_petrol_price {
	height: auto
}

.ic_petrol_price ul li {
	float: left;
	width: 100%;
	border-bottom: 1px dotted #ccc;
	padding: 15px 0 13px
}

.ic_petrol_price_tabs {
	height: auto;
	margin-bottom: 20px
}

.ic_petrol_price_tabs ul li {
	clear: none;
	float: left;
	width: auto;
	border-top: 3px solid #fff;
	padding-top: 7px;
	display: inline-block;
	vertical-align: top;
	margin-right: 1px
}

.ic_petrol_price_tabs ul li.active,
.ic_petrol_price_tabs ul li:hover {
	float: left;
	width: auto;
	border-top: 3px solid #007ec4;
	padding-top: 7px
}

.ic_petrol_price_tabs ul li .automotive,
.ic_petrol_price_tabs ul li .aviation,
.ic_petrol_price_tabs ul li .commercial,
.ic_petrol_price_tabs ul li .domestic,
.ic_petrol_price_tabs ul li .industrial {
	padding: 0 10px 0 34px;
	float: left;
	height: 36px;
	line-height: 36px;
	width: auto;
	border: none;
	color: #fff
}

.ic_petrol_price_tabs ul li .automotive {
	background: url(../images/site-icons/tab-icon-automotive-fuels.png) 7px 7px no-repeat #007ec4
}

.ic_petrol_price_tabs ul li .aviation {
	background: url(../images/site-icons/tab-icon-aviation.png) 7px 7px no-repeat #007ec4
}

.ic_petrol_price_tabs ul li .commercial {
	background: url(../images/site-icons/tab-icon-commercial.png) 7px 7px no-repeat #007ec4
}

.ic_petrol_price_tabs ul li .domestic {
	background: url(../images/site-icons/tab-icon-domestic.png) 7px 7px no-repeat #007ec4
}

.ic_petrol_price_tabs ul li .industrial {
	background: url(../images/site-icons/tab-icon-industrial.png) 7px 7px no-repeat #007ec4
}

.ic_petrol_price_tabs ul li input {
	cursor: pointer
}

.ipp_tab2 li input {
	float: left;
	background: #007ec4;
	height: 36px;
	line-height: 36px;
	width: auto;
	border: none;
	padding: 0 10px;
	color: #fff;
	cursor: pointer
}

.ic_petrol_price ul li.doc a,
.ic_petrol_price ul li.jpg a,
.ic_petrol_price ul li.pdf a,
.ic_petrol_price ul li.ppt a,
.ic_petrol_price ul li.rm a,
.ic_petrol_price ul li.xls a {
	width: 100%;
	font-size: 14px;
	padding: 0 25px 0 0;
	border: none
}

.ic_petrol_price ul li.doc a,
.ic_petrol_price ul li.jpg a,
.ic_petrol_price ul li.pdf a,
.ic_petrol_price ul li.ppt a,
.ic_petrol_price ul li.rm a,
.ic_petrol_price ul li.xls a,
.refinery-inner ul li.pdf a {
	min-height: 30px;
	color: #0181c0;
	text-decoration: underline;
	position: static;
	text-transform: none;
	height: auto;
	float: left
}

.ic_petrol_price ul li.pdf a {
	background: url(../images/file-icon/icon-pdf.png) top right no-repeat
}

.ic_petrol_price ul li.doc a {
	background: url(../images/file-icon/icon-doc.png) top right no-repeat
}

.ic_petrol_price ul li.rm a {
	background: url(../images/file-icon/icon-rm.png) top right no-repeat
}

.ic_petrol_price ul li.ppt a {
	background: url(../images/file-icon/icon-ppt.png) top right no-repeat
}

.ic_petrol_price ul li.xls a {
	background: url(../images/file-icon/icon-excel.png) top right no-repeat
}

.ic_petrol_price ul li.jpg a {
	background: url(../images/file-icon/icon-jpeg.png) top right no-repeat
}

.ic_petrol_price ul li a:hover {
	text-decoration: underline;
	border: none
}

.ic_petrol_price select {
	float: left;
	width: 20%;
	height: auto;
	padding: 10px;
	margin: 0 10px 10px 0
}

.price-fltr {
	padding-top: 30px
}

.price-fltr .filter-drop {
	margin: 0 -15px;
	display: block;
	padding-bottom: 20px
}

.refinery-inner ul li {
	float: left;
	width: 100%;
	border-bottom: 1px dotted #ccc;
	padding-bottom: 7px;
	margin-bottom: 15px
}

.refinery-inner ul li.pdf a {
	width: 100%;
	background: url(../images/file-icon/icon-pdf.png) top right no-repeat;
	border: none;
	padding: 0 25px 0 0
}

.bord_member ul {
	display: block;
	width: 100%;
	height: auto;
	float: left
}

.bord_member ul li {
	display: inline-block;
	vertical-align: top;
	width: 24%;
	height: auto;
	margin: 0;
	padding: 15px;
	clear: inherit;
	border-radius: 6px;
	overflow: hidden;
	text-align: center
}

.bord_member ul li img {
	width: 65%;
	border-radius: 50%;
	border: 4px solid #f3f3f3
}

.bord_member ul li h3 {
	float: left;
	width: 100%;
	font-size: 1.3em;
	margin-top: 15px;
	padding-bottom: 8px
}

.bord_member ul li p {
	float: left;
	width: 100%;
	font-size: 1em!important;
	padding-top: 5px
}

.bord_member ul li:hover {
	background: #007ec4
}

.bord_member ul li:hover h3 {
	color: #fff;
	background: url(../images/bordr_yellow.jpg) center bottom no-repeat
}

.bord_member ul li:hover p {
	color: #fff
}

.bord_member ul li:hover img {
	border: 4px solid #fff
}

.global-list {
	width: 100%;
	display: inline-block;
	overflow: auto;
	margin-bottom: 15px
}

.invester-adlet ul li,
.mak-lub-adlet ul li,
.prod-adlet ul li {
	margin: 0 10px;
	vertical-align: top
}

.global-list table,
td,
th {
	border: 1px solid #999
}

.global-list table,
td {
	padding: 10px;
	text-align: left;
	font-size: 14px;
	color: #666
}

.invester-adlet,
.mak-lub-adlet,
.prod-adlet {
	padding: 60px 0;
	clear: both
}

.global-list table,
td strong {
	font-size: 1.1em
}

.prod-adlet {
	display: block;
	background: url(../images/aviation/prod_adlet_bg.jpg) top center no-repeat;
	background-size: cover
}

.prod-adlet ul {
	display: block;
	text-align: center;
	width: 100%
}

.prod-adlet ul li {
	display: inline-block;
	width: 34%
}

.invester-adlet {
	display: block;
	background: url(../images/bg-inner-carousel.jpg) top center no-repeat;
	background-size: cover
}

.invester-adlet ul {
	display: block;
	text-align: center;
	width: 100%
}

.invester-adlet ul li {
	display: inline-block;
	width: 34%
}

.mak-lub-adlet {
	display: block;
	background: url(../images/mak-lub-bg.jpg) top center no-repeat;
	background-size: cover
}

.mak-lub-adlet ul {
	display: block;
	text-align: center;
	width: 100%
}

.mak-lub-adlet ul li {
	display: inline-block;
	width: 34%
}

.prod-box {
	float: left;
	width: 100%;
	text-align: center
}

.prod-box .content {
	float: left;
	width: 100%;
	height: auto;
	padding: 20px;
	box-sizing: border-box;
	vertical-align: top
}

.services-adlet .icon-div img,
.track-box .img {
	vertical-align: bottom
}

.prod-box .content h2 {
	float: left;
	padding: 0 0 15px;
	width: 100%;
	height: auto;
	border-bottom: 1px solid #fff;
	text-align: center;
	font-size: 2.1em;
	color: #fff
}

.prod-box .content p {
	float: left;
	width: 100%;
	min-height: 55px;
	height: auto;
	font-size: 1.3em;
	margin-top: 15px;
	color: #fff;
	line-height: 18px
}

.prod-box .image {
	float: left;
	width: 100%;
	height: auto;
	position: relative
}

.prod-box .image img {
	display: block;
	width: 100%;
	height: auto;
	border: 1px solid #b1b3b6
}

.prod-box .image .img-hr {
	background: url(../images/yallow_bg.png) top left;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	display: none;
	text-align: center;
	z-index: 100
}

.prod-box .image .img-hr a {
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -20px;
	left: 50%;
	margin-left: -50px;
	background: #007fc3;
	border: 1px solid #FFF;
	padding: 10px 15px;
	width: auto;
	font-size: 1.3em;
	color: #FFF
}

.prod-box .image .img-hr a:hover {
	background: #0069a5;
	color: #FC0;
	text-decoration: none
}

.prod-box:hover .image .img-hr {
	display: block
}

.joint-ventures-carousel-wrap {
	background: url(../images/aviation/joint-ventures.jpg) top center no-repeat rgba(0, 0, 0, 0);
	clear: both;
	display: block;
	padding: 30px 0 60px;
	position: relative
}

.joint-ventures-carousel-wrap h2 {
	float: left;
	width: 100%;
	text-align: center;
	font-size: 2.1em;
	color: #FFF;
	text-transform: uppercase
}

.joint-ventures {
	text-align: center;
	padding: 0 10px
}

.joint-ventures .content {
	float: left;
	width: 100%;
	height: auto;
	padding: 20px;
	box-sizing: border-box
}

.joint-ventures .content h3 {
	float: left;
	padding: 0 0 15px;
	width: 100%;
	height: auto;
	border-bottom: 1px solid #fff;
	text-align: center;
	font-size: 1.7em;
	color: #fd0
}

.joint-ventures .content p {
	float: left;
	width: 100%;
	height: auto;
	min-height: 90px;
	font-size: 1.3em;
	margin-top: 15px;
	color: #fff;
	line-height: 18px
}

.joint-ventures .image {
	float: left;
	width: 100%;
	height: auto;
	position: relative
}

.joint-ventures .image img {
	display: block;
	width: 100%;
	height: auto;
	border: 1px solid #b1b3b6
}

.joint-ventures .image .img-hr {
	background: url(../images/yallow_bg.png) top left;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	display: none;
	text-align: center;
	z-index: 100
}

.joint-ventures .image .img-hr .arrow {
	background: url(../images/bottom-arrow.png) top no-repeat;
	position: relative;
	top: 0;
	left: 50%;
	margin-left: -12px;
	height: 13px;
	width: 24px
}

.graybox .gray-btn,
.joint-ventures .image .img-hr a {
	position: absolute;
	padding: 10px 15px;
	text-transform: uppercase
}

.joint-ventures .image .img-hr a {
	background: #007fc3;
	border: 1px solid #fff;
	color: #fff;
	display: block;
	font-size: 1.3em;
	left: 50%;
	margin-left: -50px;
	margin-top: -20px;
	top: 50%;
	width: auto
}

.joint-ventures:hover .content {
	background: #fff
}

.joint-ventures:hover .content h3 {
	color: #0076c0;
	border-color: #0076c0
}

.joint-ventures:hover .content p {
	color: #0076c0!important
}

.joint-ventures:hover .image .img-hr {
	display: block
}

.graybox .gray-btn {
	bottom: 25px;
	right: 25px;
	background: #FFF;
	border: 2px solid #007ec4;
	font-size: 1.4em;
	color: #007ec4
}

.graybox .gray-btn:hover {
	border: 2px solid #0067a0;
	background: #007ec4;
	color: #fff
}

.graybox a.other {
	position: static!important;
	background: 0 0!important;
	border: 0!important;
	padding: 0;
	font-size: 1em!important;
	text-transform: none!important;
	color: #007ec4
}

.honour-section table,
.honour-section table td,
.honour-section table th,
.price-section table,
.price-section table td,
.price-section table th {
	border: 1px solid #000
}

.graybox a.other:hover {
	color: #004992;
	text-decoration: underline
}

.aviation-fule-div {
	background: #fff;
	clear: both;
	display: block;
	padding: 50px 0;
	position: relative;
	text-align: center
}

.price-section {
	background: #fdc800;
	padding: 20px 100px;
	width: 90%;
	display: inline-block;
	overflow: auto
}

.price-section table,
.price-section table td {
	padding: 10px;
	text-align: center;
	color: #000;
	font-size: 1.4em
}

.price-section table,
.price-section table td strong {
	font-size: 1.3em
}

.price-section table th {
	background: #0076c0;
	padding: 10px;
	text-align: center;
	font-size: 2.1em;
	text-transform: uppercase;
	color: #FFF
}

.honour-div {
	background: #fff;
	clear: both;
	display: block;
	padding: 50px 0;
	position: relative
}

.honour-section {
	background: #fdc800;
	padding: 20px;
	width: 100%;
	display: inline-block
}

.select-set ul,
.title-box {
	display: block;
	height: auto
}

.honour-section table,
.honour-section table td {
	padding: 10px;
	text-align: left;
	color: #000;
	font-size: 1.1em
}

.honour-section table,
.honour-section table td strong {
	font-size: 1.2em
}

.honour-section table th {
	background: #0076c0;
	padding: 10px;
	text-align: center;
	font-size: 2.1em;
	text-transform: uppercase;
	color: #FFF
}

.title-box {
	padding-bottom: 20px
}

.title-box h3 {
	color: #007fc3!important;
	font-size: 2.1em;
	padding-bottom: 10px;
	text-align: left
}

.title-box .hr {
	border-bottom: 3px solid #f9de09;
	width: 50px
}

.title-box p {
	font-size: 1.4em
}

.select-set {
	float: left;
	width: 100%;
	height: auto
}

.select-set ul {
	text-align: center;
	width: 100%
}

.select-set ul li {
	display: inline-block;
	width: auto;
	height: auto;
	margin-right: 10px
}

.select-set ul li label {
	float: left;
	width: 100%;
	font-size: 1.4em
}

.select-set ul li select {
	float: left;
	width: 100%;
	padding: 6px
}

.select-set ul li .inputBtn {
	float: left;
	background: #0181c0;
	width: 100%;
	padding: 4px 12px;
	border: 0;
	font-size: 1.6em;
	color: #FFF
}

.planbox {
	background: #fff;
	clear: both;
	display: block;
	position: relative
}

.planbox p {
	width: 100%;
	text-align: center;
	font-size: 1.3em;
	line-height: 2em;
	margin-top: 20px
}

.common-wrap {
	clear: both;
	display: block;
	padding: 30px 0 60px;
	position: relative
}

.tender-div {
	margin-bottom: 40px;
	padding-top: 20px
}

.tender-div h2.title {
	color: #007ec4;
	font-size: 18px;
	padding-bottom: 5px;
	border-bottom: 1px solid #007ec4
}

.tender-div h2.title .back {
	float: right;
	font-size: 14px;
	color: #333;
	text-decoration: underline
}

.tender-search {
	padding-top: 30px
}

.tender-search-tab {
	display: block;
	border-bottom: 1px solid #000
}

.tender-search-tab li {
	float: left;
	padding-right: 1px
}

.tender-search-tab li:last-child {
	padding-left: 0
}

.tender-search-tab li input {
	border: none;
	display: block;
	background: #666;
	font-size: 14px;
	padding: 8px 18px;
	color: #fff;
	text-transform: uppercase;
	font-family: proxima_nova_rgregular;
	cursor: pointer
}

.tender-search-tab li input.selected,
.tender-search-tab li input:hover {
	background: #ffdc05;
	color: #007ec4
}

.tender-search-show {
	padding: 40px 0 20px;
	display: none
}

.submit-resume .file-note,
.tender-results-sec ul,
.tender-search-field,
.tender-search-for,
.track-box,
.track-wrap {
	display: block
}

.tender-search-field {
	background: #666;
	padding: 25px 20px
}

.tender-search-field input,
.tender-search-field select {
	font-family: proxima_nova_rgregular;
	padding: 6px 5px;
	height: 30px;
	float: left;
	font-size: 14px;
	border: none
}

.tender-search-field input {
	width: 95%
}

.tender-search-field select {
	width: 100%
}

.tender-search-field input.tnd-srch {
	width: 5%;
	height: 30px;
	background: url(../images/icon-search.png) center center no-repeat #fff;
	cursor: pointer
}

.tender-srchoptn .col-sm-2 {
	padding-bottom: 20px;
	width: 20%
}

.tender-result-wrap {
	padding-top: 30px
}

.tender-search-for span {
	float: left
}

.tender-search-for span.tnd-for {
	font-size: 14px;
	color: #333
}

.tender-search-for span.tnd-for i {
	color: #007ec4;
	font-style: normal;
	font-weight: 700;
	text-decoration: underline
}

.tender-search-for span.tnd-shw {
	font-size: 12px;
	color: #333;
	float: right
}

.tender-results {
	padding-top: 10px
}

.tender-results .tender-results-sec {
	margin: 10px 0;
	position: relative
}

.tender-results-sec table td {
	border: none;
	padding: 0
}

.tender-results-sec .results-sec-content {
	margin: 10px 0;
	padding: 15px;
	background: #f2f2f2;
	position: relative
}

.tender-results-sec ul li {
	font-size: 14px;
	padding: 3px 0;
	float: left;
	width: 100%
}

.tender-results-sec ul li span {
	float: left
}

.tender-results-sec ul li span.tnd1 {
	width: 28%;
	font-weight: 700;
	text-align: left
}

.tender-results-sec ul li span.tnd2 {
	width: 2%;
	text-align: center
}

.tender-results-sec ul li span.tnd3 {
	width: 70%;
	text-align: left
}

.tender-results-sec .new {
	position: absolute;
	right: 8px;
	top: 8px;
	font-size: 12px;
	color: #fff;
	background: #007ec4;
	font-weight: 700;
	padding: 2px 5px;
	border-radius: 4px
}

.tender-results-sec .know-more {
	text-align: right;
	display: block;
	padding-top: 5px;
	float: none
}

.tender-results-sec .know-more a {
	font-size: 14px;
	color: #007ec4;
	text-decoration: underline
}

.tender-info {
	padding-top: 15px
}

.tender-info table.top-tble td {
	text-align: left;
	background: #fff
}

.tender-info table.top-tble td:first-child {
	text-align: left;
	background: #fdf3af
}

.tender-info h3 {
	font-size: 18px;
	color: #000;
	padding-top: 30px;
	font-weight: 700
}

.tender-info a {
	font-size: 14px
}

.tender-div p {
	padding: 10px 0;
	font-size: 1.4em;
	line-height: 24px;
	color: #333
}

.tender-div .btn-blue {
	font-size: 16px;
	text-transform: none;
	margin: 20px 0 0
}

.give-us-wrap h3,
.services-adlet h2,
.submit-resume h3,
.tender-dtls-form h3,
.track-box a,
.track-box h2 {
	text-transform: uppercase
}

.tender-dtls-form {
	padding-top: 20px
}

.tender-dtls-form h3 {
	font-size: 20px;
	font-weight: 700
}

.tender-dtls-form ul {
	padding-top: 10px
}

.tender-dtls-form ul li {
	padding: 10px 0
}

.table-overflow {
	padding-top: 20px;
	overflow: auto
}

.submit-resume {
	background: #FFF;
	margin: 30px 35px;
	padding: 50px 10%;
	border-bottom: 5px solid #ccc
}

.submit-resume h3 {
	font-size: 20px;
	color: #007ec4;
	padding-bottom: 10px;
	font-family: proxima_nova_rgbold
}

.submit-resume ul li {
	padding: 10px 0;
	margin: 0
}

.submit-resume textarea.form-control {
	min-height: 120px
}

.submit-resume .file-note {
	font-size: 12px;
	color: #000
}

.track-wrap {
	clear: both;
	padding: 50px 0;
	position: relative
}

.track-box {
	text-align: center;
	padding: 20px;
	border: 1px solid #e7e8e9;
	margin: 0 6px;
	min-height: 335px
}

.track-box .img {
	display: inline-block
}

.blue-wrap,
.services-adlet a,
.table-div {
	display: block
}

.track-box .img img {
	width: auto!important
}

.track-box h2 {
	font-size: 2.1em;
	width: 100%;
	margin: 10px 0;
	color: #007fc3
}

.track-box p {
	font-size: 1.2em;
	width: 100%;
	padding: 10px 0;
	color: #666;
	min-height: 100px
}

.form-area textarea.form-control,
.form-area-redio textarea.form-control {
	min-height: 110px
}

.track-box a {
	background: #007fc3;
	padding: 8px 20px;
	color: #FFF;
	font-size: 1.5em;
	position: absolute;
	bottom: 25px;
	left: 50%;
	margin-left: -15%
}

.track-box a:hover {
	background: #ffcb08;
	color: #333;
	text-decoration: none
}

.services-adlet {
	text-align: center;
	margin: 10px 0
}

.services-adlet .icon-div {
	clear: both;
	display: block;
	height: 42px;
	vertical-align: bottom;
	margin-bottom: 10px
}

.services-adlet h2 {
	color: #007ec4;
	font-size: 1.8em;
	font-family: proxima_nova_rgregular!important;
	font-weight: 400!important;
	margin-bottom: 20px
}

.services-adlet p {
	font-size: 1.4em;
	margin-bottom: 20px;
	line-height: normal
}

.blue-wrap {
	clear: both;
	background: #007ec4;
	padding: 50px 0;
	position: relative
}

.table-div {
	clear: both;
	font-size: 1.2em;
	margin-bottom: 30px;
	overflow: auto
}

.table-div table {
	width: 100%
}

.table-div table,
.table-div table td,
.table-div table th {
	border: 1px solid #e0c400;
	border-spacing: 0
}

.table-div table tr th {
	background: #ffdf00;
	color: #000;
	padding: 10px;
	font-weight: 400;
	font-size: 1.2em
}

.table-div table tr td {
	background: #fdf3af;
	color: #7d6d00;
	font-size: 1.2em
}

.table-div table tr td strong {
	color: #000;
	font-weight: 400;
	font-size: .9em
}

.table-div table tr.table-bottom td,
.table-div table tr.table-bottom th {
	background: #998601;
	color: #fff
}

.blue-table-div {
	background: #007ec4;
	color: #fff;
	clear: both;
	display: inline-block;
	width: 100%;
	font-size: 1.6em;
	font-weight: 700;
	padding-top: 10px;
	padding-bottom: 10px
}

.table-div table tr.row-blue td {
	background: #007ec4;
	color: #fff;
	text-transform: uppercase
}

.table-div table tr.row-white td {
	background: #fff
}

.algn-left,
.algn-left td {
	text-align: left
}

.give-up-wrap {
	background: url(../images/bharatgas/give_it_up_bg.jpg) top center no-repeat;
	background-size: cover;
	padding: 60px 0 50px;
	clear: both;
	position: relative;
	display: block
}

.give-up-cont {
	display: block;
	text-align: center
}

.give-up-cont h2,
.give-up-cont p,
.give-us-wrap h3 {
	display: inline-block;
	color: #FFF;
	padding: 10px 0;
	width: 100%;
	text-align: center
}

.give-up-cont h2 {
	font-size: 3em
}

.give-up-cont p {
	font-size: 1.4em
}

.give-us-wrap {
	float: left;
	width: 100%;
	height: auto
}

.give-us-wrap h3 {
	font-size: 2.4em;
	font-weight: 700
}

.giv-up-box {
	float: left;
	width: 100%;
	border: 1px solid #FFF;
	padding: 20px;
	margin-bottom: 20px
}

.fb-box .hr,
.tw-box .hr {
	border-bottom: 3px solid #f9de09
}

.giv-up-box p {
	float: left;
	width: 100%;
	text-align: center;
	font-size: 6em;
	color: #fff000;
	font-weight: 700
}

.giv-up-box p span.font {
	font-size: 24px
}

.give-up-btn-wrap {
	display: block;
	text-align: center
}

.give-up-btn-wrap .give-up-btn {
	display: inline-block;
	padding: 10px 20px;
	background: #0181c0;
	font-size: 2.2em;
	color: #FFF
}

.social-feed-wrap {
	background: url(../images/bharatgas/social-feed-bg.jpg) top center no-repeat;
	background-size: cover;
	padding: 60px 0 50px;
	clear: both;
	position: relative;
	display: block
}

.fb-box {
	display: block;
	background: #fff;
	height: auto;
	padding: 30px;
	margin-bottom: 15px
}

.fb-box h3 {
	color: #007fc3!important;
	font-size: 2.1em;
	padding-bottom: 10px;
	text-align: left
}

.fb-box .hr {
	width: 50px;
	margin-bottom: 20px
}

.fb-box .feed {
	display: block;
	color: #333;
	font-size: 1.4em
}

.fb-box .feed iframe {
	height: 400px!important;
	width: 100%!important
}

.tw-box {
	display: block;
	background: #0181c0;
	height: auto;
	padding: 30px;
	margin-bottom: 15px
}

.tw-box h3 {
	color: #fff!important;
	font-size: 2.1em;
	padding-bottom: 10px;
	text-align: left
}

.tw-box .hr {
	width: 50px;
	margin-bottom: 20px
}

.tw-box .feed {
	display: block;
	color: #fff;
	font-size: 1.4em
}

.tw-box .feed .twContent iframe {
	height: 400px!important;
	width: 100%!important
}

.feedback-box input,
.feedback-togal {
	width: 100%;
	display: block
}

.feedback-box {
	display: block;
	position: relative;
	margin-bottom: 25px
}

.feedback-togal {
	background: #f1f1f1;
	height: 0;
	overflow: hidden
}

.feedback-togal ul {
	display: block;
	padding: 20px;
	text-align: center
}

.feedback-togal ul li {
	display: inline-block;
	width: auto;
	margin: 0 20px 0 0
}

.feedback-togal ul li.first {
	margin-left: 222px
}

.feedback-box-sub {
	display: block;
	position: relative;
	margin-bottom: 0
}

p.note {
	font-size: 14px;
	color: #333;
	padding-bottom: 25px
}

p.note img {
	display: inline-block;
	vertical-align: middle;
	margin-right: 15px
}

.feedback-box>img {
	width: 100%;
	display: block
}

.feedback-box .feedback-hover {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	text-align: center;
	background: url(../images/blue_overlay.png) center top;
	display: block
}

.feedback-hover img {
	width: auto!important;
	display: inline-block!important;
	margin-top: 24%
}

.feedback-hover h4 {
	color: #fff;
	font-size: 16px;
	font-weight: 400;
	padding-top: 10px
}

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

.form-area h2,
.form-area h3 {
	color: #007ec4;
	text-transform: uppercase
}

.feedback-box:focus .feedback-hover,
.feedback-box:hover .feedback-hover {
	display: block
}

.f-sub {
	margin-bottom: 0
}

.f-sub .feedback-hover img {
	width: 22%!important;
	margin-top: 15%
}

.f-sub .feedback-hover h4 {
	font-size: 14px;
	padding-top: 5px
}

.form-area {
	background: #FFF;
	margin: 30px 35px;
	padding: 50px 10%;
	border-bottom: 5px solid #ccc
}

.form-area h2 {
	font-size: 20px;
	padding-bottom: 20px;
	font-family: proxima_nova_rgbold
}

.form-area h3 {
	font-size: 16px;
	padding-bottom: 10px;
	padding-top: 25px;
	margin-bottom: 20px;
	border-bottom: 1px solid #ccc;
	font-family: proxima_nova_rgregular
}

.form-area ul li {
	padding: 10px 0
}

.form-area label {
	font-size: 14px;
	color: #666;
	font-weight: 400;
	display: block
}

.form-area .form-field {
	margin-bottom: 30px;
	position: relative
}

.form-area-redio {
	background: #FFF;
	display: block;
	height: auto;
	margin: 30px 35px;
	padding: 0;
	border-bottom: 5px solid #ccc
}

.validation:after,
.validation:before {
	height: 0;
	width: 0;
	content: ""
}

.form-area-redio h2 {
	font-size: 20px;
	color: #007ec4;
	text-transform: uppercase;
	padding-bottom: 20px;
	font-family: proxima_nova_rgbold
}

.form-area-redio h3 {
	font-size: 16px;
	color: #007ec4;
	text-transform: uppercase;
	padding-bottom: 10px;
	padding-top: 25px;
	margin-bottom: 20px;
	border-bottom: 1px solid #ccc;
	font-family: proxima_nova_rgregular
}

.form-area-redio ul li {
	padding: 10px 0
}

.form-area-redio label {
	font-size: 14px;
	color: #666;
	font-weight: 400;
	display: block
}

.form-area-redio .form-field {
	margin-bottom: 30px;
	position: relative
}

.validation {
	background: red;
	padding: 1px 5px;
	color: #fff;
	font-size: 13px;
	position: absolute;
	left: 15px;
	top: 100%;
	display: none;
	z-index: 1;
	margin-top: 7px;
	min-width: 160px
}

.validation:before {
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid red;
	position: absolute;
	top: -6px;
	left: 10px
}

.validation:after {
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid red;
	position: absolute;
	top: -5px;
	left: 11px
}

.form-area .focus {
	-webkit-box-shadow: inset 0 1px 1px rgba(255, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(255, 0, 0, .075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	background: #fcd8d8
}

.captcha-div {
	float: left;
	padding-top: 5px
}

.captcha-div .captcha-img {
	float: left
}

.captcha-div .captcha-enter {
	float: left;
	height: 30px;
	border: 1px solid #ccc;
	margin-left: 10px;
	text-align: center;
	padding: 2px 5px;
	width: 100px
}

.captcha-div .captcha-refresh {
	float: left;
	height: 30px;
	margin-left: 5px
}

#recaptcha_widget_div {
	border-left: 5px solid #007ec4;
	background: #ebebeb
}

.captcha-div #recaptcha_area,
.captcha-div #recaptcha_table {
	width: auto!important;
	padding: 5px
}

.captcha-div .recaptchatable .recaptcha_r1_c1,
.captcha-div .recaptchatable .recaptcha_r2_c1,
.captcha-div .recaptchatable .recaptcha_r2_c2,
.captcha-div .recaptchatable .recaptcha_r3_c1,
.captcha-div .recaptchatable .recaptcha_r3_c2,
.captcha-div .recaptchatable .recaptcha_r3_c3,
.captcha-div .recaptchatable .recaptcha_r4_c1,
.captcha-div .recaptchatable .recaptcha_r4_c2 {
	background: 0 0;
	height: auto;
	width: auto
}

.captcha-div .recaptchatable .recaptcha_r4_c4 {
	background: url(http://www.google.com/recaptcha/api/img/white/sprite.png) -214px 5px no-repeat;
	height: 56px;
	width: 96px
}

.captcha-div #recaptcha_reload_btn {
	display: block;
	margin-top: 5px
}

.captcha-div .recaptchatable .recaptcha_r7_c1,
.captcha-div .recaptchatable .recaptcha_r8_c1 {
	background: 0 0;
	height: auto;
	width: auto
}

.captcha-div .recaptchatable #recaptcha_response_field {
	background: #fff;
	border: none;
	padding: 5px!important;
	margin: 0!important;
	position: relative;
	bottom: auto!important;
	width: 100%!important
}

.captcha-div .recaptcha_input_area {
	padding: 5px 10px 5px 0!important;
	margin: 0!important;
	height: auto!important;
	width: auto!important
}

.captcha-div .recaptcha_only_if_privacy {
	float: none;
	display: block;
	padding-top: 5px;
	text-align: left;
	font-size: 12px
}

.captcha-div .recaptchatable a,
.captcha-div .recaptchatable a:hover {
	color: #007ec4
}

.qualify-form .lbl,
.qualify-form .radio,
.qualify-form .value-inpt {
	color: #333;
	font-size: 14px
}

.captcha-div .recaptchatable #recaptcha_image {
	width: 100%
}

.form-area .res {
	float: left;
	margin-left: 15px
}

.form-area .sub {
	float: left
}

.form-area .submt-div {
	padding-top: 25px
}

.form-area .reg-here {
	padding: 11px 0 0 20px;
	font-size: 14px;
	float: left
}

.form-area .declrtn {
	position: relative;
	padding-left: 22px
}

.form-area .declrtn input {
	position: absolute;
	left: 0;
	top: -2px
}

.radio-group td {
	border: none;
	padding: 8px 0;
	vertical-align: top
}

.radio-group td input {
	float: left;
	margin: 0
}

.radio-group td label {
	float: left;
	padding: 0 12px 0 6px;
	margin: 0
}

.check-group {
	border: 1px solid #ccc;
	padding: 4px;
	margin-top: 8px;
	background: #ebebeb;
	display: inline-block
}

.check-list {
	display: block
}

.check-list span {
	float: left;
	padding-left: 10px
}

.check-list span:first-child {
	padding-left: 0
}

.check-list span input {
	float: left;
	margin: 0
}

.check-list span label {
	float: left;
	padding-left: 10px;
	margin: 0
}

.check-group .disblty {
	display: block;
	padding-top: 5px
}

.check-group .disblty input {
	float: left;
	margin: 0;
	width: 50px;
	padding: 5px;
	height: 25px;
	border: 1px solid #ccc;
	text-align: center
}

.contact p,
.qualify-div .table-div td,
.qualify-div .table-div th {
	text-align: left
}

.check-group .disblty label {
	float: left;
	padding-right: 10px;
	margin: 0;
	line-height: 25px
}

.qualify-div {
	display: block;
	padding: 0 10%
}

.qualify-div .table-div tr td:last-child {
	background: #fff
}

.qualify-div .radio {
	display: block;
	margin: 0
}

.qualify-div .radio input {
	float: right
}

.qualify-form {
	padding-bottom: 40px
}

.qualify-form .qulfy-sec {
	padding: 10px 0
}

.qualify-form .radio {
	float: left;
	width: 50%;
	position: relative;
	padding-left: 20px;
	font-weight: 400
}

.qualify-form .radio input {
	position: absolute;
	left: 0;
	top: 2px;
	float: none;
	margin: 0
}

.qualify-form .value-inpt {
	display: inline-block;
	padding: 5px;
	border: 1px solid #666;
	margin-top: 5px
}

.qualify-form .qulfy-submit {
	padding-top: 20px
}

.qulfy-submit .res {
	float: left
}

.qulfy-submit .sub {
	float: left;
	margin-left: 15px
}

.qualify-form sup {
	color: #007ec4;
	font-size: 14px
}

.qualify-form .note {
	color: #007ec4;
	font-size: 12px;
	padding-top: 5px
}

.gray-box-wrap {
	clear: both;
	display: block;
	background: #fafafa;
	padding: 50px 0
}

.contact-div {
	clear: both;
	display: block
}

.contact-div h2 {
	color: #007fc3;
	font-size: 2.1em;
	padding-bottom: 6px
}

.contact-div .hr {
	border-bottom: 3px solid #007ec4;
	width: 80px;
	margin-bottom: 20px
}

.contact {
	border-right: 1px solid #007ec4;
	margin-top: 10px
}

.contact.last {
	border: none
}

.contact p {
	font-size: 1.4em;
	line-height: 22px
}

.vigilance-set {
	display: block;
	text-align: center
}

.vigilance-set p {
	width: 100%;
	font-size: 1.4em;
	display: inline-block;
	text-align: center
}

.vigilance-set a {
	display: inline-block;
	font-size: 1.8em;
	background: #007ec4;
	color: #FFF;
	padding: 10px;
	margin-top: 30px;
	line-height: 22px
}

.search-wrap {
	padding: 20px 0
}

.search-top {
	display: block
}

.search-field,
.search-top .search-field {
	float: left
}

.search-field .srch-inpt {
	float: left;
	width: 200px;
	height: 40px
}

.search-field .srch-btn {
	float: left;
	width: 40px;
	height: 40px;
	border: none;
	cursor: pointer;
	background: url(../images/search_icon.png) center center no-repeat #007ec4
}

.ajax__calendar_day,
.ajax__calendar_dayname,
.ajax__calendar_month,
.ajax__calendar_year {
	height: 100%!important;
	text-align: center!important;
	border: none!important;
	width: 100%!important
}

.search-rsult {
	padding-top: 25px
}

.search-for {
	font-size: 14px;
	color: #333
}

.search-for span {
	display: inline-block;
	font-weight: 700;
	color: #007ec4;
	padding-left: 5px
}

.search-for #lblFilesFound {
	color: red
}

.search-content {
	padding-top: 20px
}

.search-content table td {
	border: none;
	text-align: left;
	padding: 20px 10px
}

.search-content h3 {
	padding-bottom: 5px;
	font-size: 1.4em
}

.search-content p {
	padding-bottom: 5px;
	font-size: 1.2em
}

.search-content .srch-link {
	display: block;
	font-size: 1.1em;
	padding-top: 5px
}

.sitemap {
	padding: 20px 0 40px
}

.sitemap .site-sec {
	padding-bottom: 30px
}

.sitemap h2 {
	color: #007fc3;
	font-size: 18px;
	text-align: center;
	padding-bottom: 15px;
	text-transform: uppercase
}

.site-gray {
	background: #f3f3f3;
	padding: 20px;
	min-height: 210px
}

.site-gray ul li {
	background: url(../images/bulllet1.png) 0 6px no-repeat;
	font-size: 14px;
	padding: 3px 0 3px 20px;
	color: #000
}

.site-gray ul li a {
	color: #000
}

.gallery-div {
	padding: 20px 0 40px
}

h2.title02,
h2.title03 {
	color: #007ec4;
	font-size: 20px;
	padding-bottom: 20px
}

h2.title03 {
	background: url(../images/site-icons/petrol_icon.png) no-repeat;
	padding-left: 38px;
	line-height: 36px
}

h2.title04 {
	background: url(../images/site-icons/maklubsti.png) no-repeat;
	padding-left: 42px;
	line-height: 36px;
	margin-top: 20px
}

.gallery-div #gallery {
	margin: 0 auto
}

.contactus-div {
	font-size: 14px
}

.contactus-div h3 {
	font-size: 20px;
	color: #000;
	text-align: center;
	font-weight: 700
}

.contactus-div h2 {
	font-size: 30px;
	color: #007ec4;
	text-align: center;
	font-weight: 700;
	padding: 10px 0
}

.contactus-div .bp-help {
	padding: 20px
}

.contactus-div .bp-help ol {
	list-style-type: decimal;
	padding: 15px 0 0 20px
}

.contactus-div .bp-help ol li {
	padding: 5px 0;
	font-weight: 700
}

.contactus-div .contct-gray {
	background: #f3f3f3;
	margin: 15px 0;
	overflow: auto
}

.contct-tbl {
	border-collapse: collapse
}

.contct-tbl th {
	border: none;
	padding: 15px 10px;
	font-size: 18px;
	border-bottom: 4px solid #fcb715;
	color: #333;
	text-align: center
}

.contct-tbl td {
	border: none;
	font-size: 14px;
	border-bottom: 1px solid #959595;
	padding: 20px 10px;
	text-align: center
}

.contct-tbl th:first-child {
	padding-left: 30px
}

.contct-tbl td:first-child {
	padding-left: 30px;
	vertical-align: middle;
	width: 20%
}

.our-value li,
.our-vision li {
	vertical-align: top;
	display: inline-block
}

.content-div {
	padding: 20px 0 40px
}

.report table td {
	border: none;
	padding: 0
}

.report .rprt-div {
	display: block;
	border-bottom: 1px dotted #ccc;
	padding: 15px 0 13px
}

.rprt-div .rprt-name {
	float: left;
	font-size: 14px;
	text-align: left;
	max-width: 90%;
	color: #007fc3
}

.rprt-div .rprt-icon {
	float: right;
	max-width: 10%
}

.report .filter-drop {
	display: block;
	padding-bottom: 20px;
	margin: 0 -15px
}

.bt-back {
	padding-bottom: 15px
}

.bt-back .btn-blue {
	margin: 0;
	font-size: 14px
}

.petro-daily-article {
	font-size: 14px
}

.petro-daily-article h2 {
	font-size: 20px!important;
	margin-bottom: 10px!important
}

.petro-daily-article h3 {
	font-size: 14px
}

.clickhere-btn:hover {
	background: #ffdc05
}

.clickhere-btn {
	font-size: 1.3em;
	padding: 7px 80px;
	text-transform: uppercase;
	width: auto;
	background: #007fc3;
	border: 2px solid #FFF;
	color: #FFF
}

.current-openings {
	background: url(../images/careers/bg-current-openings.jpg) center top/cover no-repeat;
	border-bottom: 0
}

.co-border {
	border: 1px solid #CCC;
	padding: 55px 0;
	min-height: 383px
}

.cssPager td {
	font-size: 14px;
	line-height: 14px;
	padding-left: 0!important;
	border: none
}

.cssPager td a,
.cssPager td span {
	padding: 8px 5px;
	margin: 4px 4px 4px 0;
	min-width: 31px;
	display: inline-block
}

.cssPager td a {
	background: #007fc3;
	color: #fff;
	text-align: center
}

.cssPager td a:hover,
.cssPager td span {
	background: #ffdc05;
	color: #333;
	font-weight: 700
}

.cssPager td a:hover {
	text-decoration: none
}

.ajax__calendar_container {
	border: 1px solid #ccc!important;
	border-bottom: 4px solid #007fc3!important;
	padding: 5px!important;
	font-family: proxima_nova_rgregular!important;
	z-index: 9999;
	width: 208px!important;
	background: #fff
}

.back-button h2,
.map-details h2,
.redio-wrap h2,
.redio-wrap2 h2 {
	font-family: proxima_nova_rgbold
}

.ajax__calendar_body,
.ajax__calendar_days,
.ajax__calendar_months,
.ajax__calendar_years {
	width: 100%!important
}

.ajax__calendar_day,
.ajax__calendar_dayname {
	padding: 1px!important
}

.ajax__calendar_month,
.ajax__calendar_year {
	padding: 2px!important
}

.ajax__calendar .ajax__calendar_active .ajax__calendar_day,
.ajax__calendar .ajax__calendar_active .ajax__calendar_month,
.ajax__calendar .ajax__calendar_active .ajax__calendar_year {
	background-color: #ffdf00!important;
	border: none!important
}

.ajax__calendar .ajax__calendar_other .ajax__calendar_day,
.ajax__calendar .ajax__calendar_other .ajax__calendar_year {
	background-color: #fff;
	border-color: #fff;
	color: #646464
}

.ajax__calendar .ajax__calendar_hover .ajax__calendar_day,
.ajax__calendar .ajax__calendar_hover .ajax__calendar_month,
.ajax__calendar .ajax__calendar_hover .ajax__calendar_year {
	background-color: #ffdf00!important;
	border: none!important
}

.ajax__calendar .ajax__calendar_hover .ajax__calendar_title,
.ajax__calendar .ajax__calendar_hover .ajax__calendar_today {
	color: #007ec4
}

.ajax__calendar_body table {
	width: 100%
}

.ajax__calendar_body table thead td {
	background: #ffdf00;
	font-weight: 700
}

.ajax__calendar_body table td {
	padding: 0;
	text-align: center;
	border: 1px solid #e0c400;
	font-size: 12px!important
}

.errormsg {
	font-size: 14px;
	display: inline-block;
	padding: 5px 0;
	color: red
}

.btn-search {
	width: 44px;
	height: 40px;
	border: none;
	cursor: pointer;
	background: url(../images/search_icon.png) center center no-repeat #007ec4
}

.btn-search:hover {
	background-color: #102439
}

.mp3-desk {
	display: block
}

.mp3-mobi {
	display: none
}

.locateus-div {
	margin: 20px 0 40px;
	background: #f3f3f3;
	padding: 40px 6%;
	border-left: 6px solid #ffdc05
}

.locateus-filter {
	padding: 0 12%
}

.locateus-filter label {
	display: block;
	font-weight: 400;
	padding-bottom: 5px;
	font-size: 16px;
	min-height: 32px;
	padding-top: 4px
}

.locateus-filter label.srch {
	background: url(../images/icon_search.png) 0 4px no-repeat;
	padding-left: 30px
}

.locateus-filter label.loc {
	background: url(../images/icon_location.png) no-repeat;
	padding-left: 35px
}

.locateus-filter label.dest {
	background: url(../images/icon_destination.png) no-repeat;
	padding-left: 35px
}

.locateus-filter .lf-search {
	text-align: center;
	padding-top: 25px
}

.locateus-filter .lf-search .btn-blue {
	font-size: 16px;
	width: 220px;
	margin: 0;
	text-align: center;
	cursor: pointer;
	height: 40px;
	padding: 6px 10px;
	max-width: 100%
}

.locateus-map {
	padding-top: 30px;
	position: relative
}

.locateus-map .errormsg {
	display: block;
	text-align: center
}

.locateus-map #map-canvas {
	height: 600px;
	border: 2px solid #acacac
}

.video-div h2.title02 {
	color: #fff
}

.awd-date .mnth,
.awd-date .yr {
	float: left;
	color: #007dc4;
	line-height: 20px
}

.video-galery {
	padding: 0 10%;
	display: block
}

.video-galery .video-frame {
	float: left;
	width: 70%
}

.video-galery .video-frame iframe {
	display: block;
	width: 100%;
	height: 400px
}

.video-galery .video-list {
	float: left;
	width: 30%;
	padding-left: 20px
}

.video-list ul {
	display: block;
	padding-right: 10px
}

.video-list ul li {
	float: left;
	width: 50%;
	padding: 0 10px 10px 0
}

.video-list ul li a,
.video-list ul li img {
	display: block
}

.video-list ul li a img {
	border: 1px solid #007ec4;
	opacity: .7;
	display: block;
	margin: 0 auto;
	height: 80px;
}

.video-list ul li a:focus img,
.video-list ul li a:hover img {
	border: 1px solid #ffdc05;
	opacity: 1
}

.vdothumb-scroll,
.vdothumb-scroll1 {
	height: 400px
}

.video-list .handle3 {
	background: #fff
}

.scrollup {
	width: 50px;
	height: 50px;
	opacity: .9;
	position: fixed;
	bottom: 35px;
	right: 35px;
	display: none;
	background: url(../images/icon_top.png) no-repeat
}

#dvMap {
	height: 350px;
	width: 100%;
	border: 1px solid #d9d9d9
}

.mapIframe {
	 background: #ffffff;
}

.mapIframe iframe {
	width: 100%;
	display: block;
	background: #ffffff;
}

.mapIframe .iframe {
	height: 530px;
	width: 100%
}

.awards-div {
	padding: 20px 0 40px
}

.awd-head {
	margin: 0;
	padding-bottom: 25px
}

.awd-sec {
	background: #f3f3f3;
	margin: 0 0 5px
}

.awards-div .odd {
	background: #fcfbfb
}

.awd-date {
	border-bottom: 5px solid #fff;
	background: #f3f3f3
}

.awd-date .yr {
	width: 15%;
	border-right: 5px solid #fff;
	font-size: 19px;
	padding: 15px 15px 15px 0
}

.awd-date .mnth {
	width: 85%;
	font-size: 14px;
	padding: 15px
}

.awd-details {
	padding: 30px 0;
	margin: 0;
	background: url(../images/site-icons/icon_award.png) right bottom no-repeat;
	position: relative
}

.awd-copy {
	padding-right: 100px;
	text-align: justify
}

.jrny-footer,
.jrny-icon,
.jrny-title {
	text-align: center
}

.awd-copy h2 {
	font-size: 16px;
	padding-bottom: 10px
}

.awd-copy h3 {
	font-size: 14px;
	color: #d59c6a
}

.awd-copy p {
	padding: 10px 0
}

.awd-timeline {
	background: #e0e0e0;
	padding: 40px 10%
}

.onam-timeline {
	background: url(../images/bpcl-for/onam-tb.png) top left repeat-x #e0e0e0;
	padding: 80px 10% 40px
}

.journey-div {
	padding: 20px 0 40px
}

.jrny-title {
	padding-bottom: 35px
}

.jrny-box {
	background: #f3f3f3;
	padding: 70px 10%
}

.jrny-sec {
	margin: 10px 0;
	position: relative
}

.jrny-sec .jrny-way {
	background: url(../images/bordr_2px.jpg);
	position: absolute;
	left: 8%;
	top: 0;
	width: 2px;
	height: 100%
}

.jrny-icon {
	background: #f3f3f3;
	padding-bottom: 5px
}

.jrny-copy h2 {
	color: #007dc4;
	font-size: 20px;
	padding-top: 15px
}

.jrny-copy p {
	line-height: 26px
}

.jrny-copy .jrny-article {
	padding: 20px 0 0 10%
}

.jrny-footer {
	padding-top: 40px
}

.jrny-ftrcont {
	width: 70%;
	margin: 0 auto
}

.jrny-ftrcont h2 {
	padding: 20px 0
}

.jrny-ftrcont p {
	text-align: left;
	padding: 10px 0
}

.jrny-ftrcont .ybx {
	font-size: 15px;
	color: #007dc4;
	padding: 8px 15px;
	border: 2px solid #ffde17;
	margin-top: 15px;
	display: inline-block
}

.value-box p,
.vision-box p strong {
	color: #007ec4
}

.vandv-div {
	padding: 20px 0 40px
}

.vision-div {
	background: url(../images/vision_bg.png) center center no-repeat;
	text-align: center
}

.vision-div h2 {
	font-size: 20px;
	text-transform: uppercase
}

.our-vision {
	display: block;
	padding-top: 10px
}

.our-vision li {
	padding: 30px 20px;
	width: 24%
}

.vision-box p {
	font-size: 16px;
	text-align: left;
	padding-top: 15px
}

.value-div {
	margin-top: 40px;
	text-align: center;
	border: 1px solid #ffdc05;
	padding-bottom: 60px
}

.value-div h2 {
	font-size: 20px;
	text-transform: uppercase;
	margin-top: -13px;
	padding-bottom: 60px
}

.value-div h2 span {
	background: #fff;
	display: inline-block;
	padding: 0 20px
}

.our-value {
	background: #fff;
	margin: 0 -1px
}

.our-value li {
	padding: 0 15px;
	width: 25%
}

.value-box {
	background: #ffdc05;
	border-bottom: 8px solid #007ec4
}

.map-content .amenities,
.map-content .location {
	border-bottom: 1px solid #cce5ff;
	float: left;
	height: auto
}

.value-box p {
	font-size: 20px;
	text-align: left;
	padding: 25px 5px 24px 18px
}

.map-content {
	float: left;
	min-width: 340px;
	max-width: 380px;
	height: auto;
	background: #FFF
}

.map-content .location {
	width: 100%;
	padding-bottom: 5px
}

.map-content .location .left {
	float: left;
	width: 45%;
	height: auto
}

.map-content .location .right {
	float: left;
	width: 55%;
	height: auto;
	word-wrap: break-word;
	padding-left: 5px
}

.map-content .location .right h2 {
	float: left;
	width: 100%;
	height: auto;
	font-size: 16px;
	color: #069;
	margin-top: 5px;
	padding: 0
}

.map-content .location .right p {
	float: left;
	width: 100%;
	height: auto;
	font-size: 13px;
	color: #069;
	margin-top: 10px
}

.map-content .amenities {
	width: 100%;
	padding-bottom: 5px;
	margin-top: 7px
}

.map-content .amenities p {
	float: left;
	width: 22%;
	height: auto;
	font-size: 13px;
	color: #069;
	text-transform: uppercase
}

.map-content .amenities ul {
	float: right;
	width: 75%
}

.map-content .amenities ul li {
	float: left;
	display: inline;
	height: 35px;
	width: 35px;
	padding-right: 2px;
	border-right: 1px solid #e6e6e6;
	margin-right: 2px;
	margin-bottom: 5px;
	vertical-align: top
}

.map-content .amenities ul li:last-child {
	border: none
}

.map-content .petro-price {
	float: left;
	width: 100%;
	height: auto;
	border-bottom: 0 solid #cce5ff;
	padding-bottom: 5px;
	margin-top: 7px
}

.map-content .petro-price .left {
	float: left;
	width: 60%;
	height: auto
}

.map-content .petro-price .left p {
	float: left;
	width: 100%;
	height: auto;
	font-size: 13px;
	color: #006294;
	border-bottom: 1px solid #cce5ff;
	padding: 6px 0;
	text-transform: uppercase
}

.map-content .petro-price .left p:last-child {
	border: none
}

.map-content .petro-price .right {
	float: right;
	width: 30%;
	height: auto;
	text-align: right
}

.loading-image {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 10
}

.loader {
	background: url(../images/map_white_overlay.png);
	width: 100%;
	height: 100%;
	position: absolute;
	text-align: center;
	z-index: 2;
	overflow: auto;
	display: none
}

.img_title,
.img_title img {
	display: inline-block
}

.global-spread-map {
	text-align: center;
	margin: 20px 0 50px
}

.global-spread-table {
	background: #fdc800;
	border: 0;
	font-size: 1.2em;
	overflow: auto
}

.global-spread-table table {
	border: 1px solid #d89501;
	width: 100%
}

.global-spread-table td {
	border: 1px solid #d89501;
	text-align: left;
	vertical-align: middle
}

.global-spread-table td.cntr,
.toll-free {
	text-align: center
}

.global-spread-table td.padding120 {
	padding-left: 120px
}

.marginbtm50 {
	margin-bottom: 50px
}

.img_title img {
	vertical-align: middle;
	margin-right: 10px
}

.toll-free {
	padding-bottom: 15px
}

.toll-free h4 {
	text-align: left;
	border-bottom: 3px solid #007ec4;
	font-size: 14px;
	color: #444;
	text-transform: uppercase;
	padding: 4px 0 4px 15px;
	margin-bottom: 25px
}

.btn-year,
.btn-year-mnt,
.greetings-carousel .greetings-sec,
.icon-box p,
.icon-list,
.lbContent h2 {
	text-align: center
}

.toll-free p {
	padding-top: 25px
}

.toll-free .pdR {
	padding-right: 60px
}

.frmt-note {
	display: block;
	font-size: 12px;
	padding: 5px 15px;
	clear: both
}

#inline {
	width: 100%
}

.lbContent {
	float: left;
	width: 100%
}

.lbContent h2 {
	float: left;
	width: 100%;
	height: auto;
	background: #007ec3;
	padding: 10px;
	font-size: 18px;
	color: #FFF;
	text-transform: uppercase;
	font-weight: 400;
	margin-bottom: 15px
}

.lb-cont-set .left p,
.lb-cont-set .right p {
	font-size: 14px
}

.lb-logo-set {
	float: left;
	width: 100%;
	height: auto;
	margin-bottom: 20px
}

.lb-logo-set img,
.lb-logo-set p {
	width: auto;
	height: auto;
	float: left
}

.lb-logo-set img {
	margin-right: 20px
}

.lb-logo-set p {
	margin-top: 50px
}

.lb-cont-set {
	float: left;
	width: 100%;
	height: auto;
	margin-bottom: 15px
}

.lb-cont-set .left {
	float: left;
	width: 20%;
	margin-right: 20px
}

.lb-cont-set .right {
	float: left;
	width: 70%
}

.lb-cont-set .right ul {
	float: left;
	width: 100%;
	height: auto
}

.lb-cont-set .right ul li {
	float: left;
	width: auto;
	height: auto;
	margin: 0 5px 10px
}

.read-mr {
	display: block;
	padding-top: 5px
}

.read-mr a {
	margin: 0
}

.greetings-wrap {
	padding-left: 40px
}

.greetings-wrap h4 {
	color: #007ec4;
	font-size: 20px;
	font-weight: 400
}

.greetings-div {
	padding-top: 20px
}

.greetings-carousel .greetings-sec img {
	opacity: .6;
	border: 3px solid #fff;
	cursor: pointer
}

.greetings-carousel .greetings-sec img.selected,
.greetings-carousel .greetings-sec img:hover {
	opacity: 1;
	border: 3px solid #fcb715
}

.greetings-carousel .owl-controls {
	position: absolute;
	top: 0;
	left: 0;
	height: 0;
	width: 100%
}

.greetings-carousel .owl-controls .customNavigation a.prev {
	top: 35px;
	left: -18px;
	background: url(../images/nav_dir2.png) left top no-repeat;
	width: 10px;
	height: 18px
}

.greetings-carousel .owl-controls .customNavigation a.next {
	top: 35px;
	right: -18px;
	background: url(../images/nav_dir2.png) right top no-repeat;
	width: 10px;
	height: 18px
}

.dash-panal .bharatgas,
.dash-panal .boook,
.dash-panal .check,
.dash-panal .petro-card,
.dash-panal .reedem,
.dash-panal .smart-fleet,
.dash-panal .track,
.dash-panal .update {
	right: 0;
	position: absolute
}

.greetings-carousel .greetings-sec .view {
	text-align: center;
	display: block;
	font-size: 10px;
	font-weight: 700
}

.petrozine-main {
	margin: 25px 0
}

.btn-year {
	width: 104px;
	height: 40px;
	background: #007ec4;
	line-height: 40px;
	color: #ffdc05;
	margin-bottom: 10px;
	font-size: 14px
}

.petrozine-yrs {
	background: #f3f3f3;
	clear: both;
	padding: 40px
}

.petrozine-yrs ul {
	display: block;
	margin: 0
}

.petrozine-yrs ul li {
	float: left;
	margin: 0 1.5% 30px;
	display: block;
	background: #FFF;
	width: 30.3333%
}

.btn-year-mnt {
	width: 85px;
	height: 45px;
	background: #FFF;
	padding-top: 5px;
	color: #6ba5d6;
	border: 1px solid #ffdc05;
	margin: 28px 0 0 20px;
	font-size: 15px
}

.icon-box p strong,
.pz-tittle {
	color: #007ec4
}

.pz-tittle {
	padding: 0 20px 10px;
	border-bottom: 2px solid #007ec4;
	font-size: 19px;
	margin-top: 25px
}

.icon-list {
	display: block;
	padding-top: 15px;
	padding-bottom: 20px
}

.icon-list>div,
.icon-reg>div {
	display: inline-block;
	vertical-align: top
}

.icon-list>div {
	padding: 20px 15px;
	width: 24%
}

.icon-box p {
	font-size: 16px;
	padding-top: 15px
}

.icon-reg {
	text-align: left;
	padding: 20px 0
}

.icon-reg>div {
	width: 19%;
	padding: 0 15px;
	text-align: center;
	border-left: 1px solid #ccc;
	min-height: 132px
}

.dash-panal,
.vehical-popup {
	border-radius: 4px;
	text-align: left
}

.icon-reg>div.first-child {
	border-left: none
}

.icon-reg h2 {
	border-bottom: 1px solid #ccc;
	margin-bottom: 20px;
	padding-bottom: 2px
}

.icon-reg .icon-box p {
	padding-top: 10px;
	color: #007ec3;
	font-size: 16px
}

.dashboard-section {
	padding-top: 50px
}

.dashboard-section h2 {
	display: block;
	width: 100%;
	font-size: 18px;
	color: #007dc6;
	font-weight: 400
}

.dashboard-section p {
	display: block;
	width: 100%;
	font-size: 14px;
	color: #333;
	margin: 15px 0 30px
}

.dash-panal {
	display: block;
	background: #ffde00;
	padding: 15px 15px 150px;
	margin: 0 0 50px;
	position: relative;
	min-height: 140px
}

.dash-panal h3 {
	font-size: 31px;
	color: #007dc6;
	margin: 0;
	padding: 0;
	text-transform: uppercase
}

.dash-panal p {
	font-size: 18px;
	color: #010101;
	font-weight: 400;
	text-transform: uppercase
}

.dash-panal .check {
	background: url(../images/icon_check_petrolimes.png) no-repeat;
	bottom: 0;
	width: 83px;
	height: 71px
}

.dash-panal .reedem {
	background: url(../images/icon_reedem_mypetromiles.png) no-repeat;
	bottom: 0;
	width: 78px;
	height: 58px
}

.dash-panal .track {
	background: url(../images/icon_track_myorder.png) no-repeat;
	bottom: 0;
	width: 68px;
	height: 70px
}

.dash-panal .boook {
	background: url(../images/icon_book_lpg_cylinder.png) no-repeat;
	bottom: 0;
	width: 65px;
	height: 64px
}

.dash-panal .update {
	background: url(../images/icon_update.png) no-repeat;
	bottom: 0;
	width: 62px;
	height: 50px
}

ul.profile-list {
	float: left;
	width: 45%;
	margin-top: 10px
}

ul.profile-list li {
	float: left;
	width: 100%;
	margin-top: 10px
}

ul.profile-list li a {
	padding-left: 10px;
	font-size: 1.3em
}

.dash-panal .petro-card {
	background: url(../images/icon_petro_card.png) no-repeat;
	bottom: 0;
	width: 82px;
	height: 80px
}

.dash-panal .smart-fleet {
	background: url(../images/icon_smart_fleet.png) no-repeat;
	bottom: 0;
	width: 140px;
	height: 80px
}

.dash-panal .bharatgas {
	background: url(../images/icon_bharat-gas.png) no-repeat;
	bottom: 0;
	width: 70px;
	height: 79px
}

.vehical-popup {
	background: #ffde00;
	display: block;
	margin: 0 0 50px -5px;
	height: auto;
	width: 500px;
	padding: 15px;
	position: absolute;
	z-index: 100;
	left: 50%;
	font-size: 14px;
	top: 0
}

.notification-cnt,
.setting-cnt {
	color: #017dc7;
	left: 7px;
	top: -12px;
	line-height: 16px
}

ul.notification {
	display: block;
	text-align: right
}

ul.notification li {
	display: inline-block;
	width: auto;
	border-right: 1px solid #d1d2d3
}

ul.notification li a {
	padding: 0 7px;
	font-size: 11px
}

ul.notification li:last-child {
	border: none;
	padding-right: 0
}

ul.notification li a.msg-set {
	float: left;
	position: relative;
	background: url(../images/notification_icon.png) top left no-repeat;
	height: 11px;
	width: 32px;
	margin: 5px 0 0 5px
}

.notification-cnt {
	position: absolute;
	background: #ffdc04;
	height: 16px;
	width: 16px;
	border-radius: 50%;
	font-size: 12px;
	text-align: center
}

ul.setting {
	display: block;
	text-align: right
}

ul.setting li {
	display: inline-block;
	width: auto;
	border-right: 1px solid #d1d2d3
}

ul.setting li a {
	padding: 0 7px;
	font-size: 11px
}

.yl-box,
.yl-box h2 {
	padding-bottom: 30px
}

ul.setting li:last-child {
	border: none;
	padding-right: 0
}

ul.setting li a.msg-set {
	float: left;
	position: relative;
	background: url(../images/seeting_icon.png) top left no-repeat;
	height: 14px;
	width: 32px;
	margin: 5px 0 0 5px
}

.setting-cnt {
	position: absolute;
	background: #ffdc04;
	height: 16px;
	width: 16px;
	border-radius: 50%;
	font-size: 12px;
	text-align: center
}

.rural-box,
.rural-img {
	position: relative
}

.yl-box {
	margin-top: 40px;
	text-align: center;
	border: 1px solid #ffdc05
}

.yl-box h2 {
	font-size: 20px;
	text-transform: uppercase;
	margin-top: -13px
}

.yl-box h2 span {
	background: #f3f3f3;
	display: inline-block;
	padding: 0 20px
}

.rural-box,
.rural-box p,
.rural-img,
.rural-img img {
	display: block
}

.objective-div {
	padding: 50px 0
}

.methodology-div {
	text-align: center;
	padding: 20px 5%
}

.methodology-div .yl-box {
	margin-top: 80px
}

.methodology-div .yl-box h2 {
	color: #000
}

.graybox .methodology-list {
	margin: 0 -1px;
	text-align: center;
	border-left: 1px solid #f3f3f3;
	border-right: 1px solid #f3f3f3
}

.graybox .methodology-list li {
	display: block;
	vertical-align: top;
	padding: 5px;
	margin: 0;
	color: #000
}

.rural-box {
	background: #ffdc05;
	border-bottom: 5px solid #007cc4;
	margin: 20px 0;
	padding: 7px;
	min-height: 550px
}

.aids-band,
.blue-bg {
	position: absolute;
	bottom: 0
}

.rural-box p {
	padding: 15px;
	font-size: 21px;
	color: #102439
}

.blue-bg {
	background: url(../images/blue_overlay.png);
	left: 0;
	width: 100%;
	padding: 10px 10px 0 0;
	text-align: right
}

.blue-bg img {
	display: inline-block;
	width: auto!important
}

.aids-band {
	background: url(../images/social-responsibility/aids_band.png) no-repeat;
	right: 20%;
	height: 111px;
	width: 78px
}

.thanx_msg {
	font-size: 16px;
	color: #333;
	padding: 50px 0
}

.mjact-title {
	text-align: center;
	padding-top: 20px
}

.press-adlet {
	float: left;
	width: 100%;
	display: block;
	background-color: #21539c;
	margin: 15px 0;
	position: relative
}

.press-adlet .left {
	float: left;
	width: 50%;
	height: auto
}

.press-adlet .left img {
	width: 100%;
	height: auto;
	display: block
}

.press-adlet .right {
	float: left;
	width: 50%;
	height: auto;
	padding: 20px 20px 0;
	color: #FFF
}

.press-adlet .right p {
	font-size: 14px;
	color: #FFF
}

.press-adlet .right p.date {
	font-size: 11px;
	color: #6fa6f5;
	font-style: italic
}

.press-adlet .right a {
	position: absolute;
	right: 15px;
	bottom: 15px;
	color: #FFF;
	font-size: 14px
}

.press-title h2 {
	float: left;
	font-size: 21px;
	color: #007ec3;
	border-bottom: 1px solid #d3ddeb;
	margin-bottom: 10px;
	width: 100%;
	padding-bottom: 7px;
	margin-top: 20px
}

ul.list_press_btn {
	float: left;
	width: 100%;
	background: #FFF;
	height: auto;
	margin-bottom: 12px;
	padding-top: 18px
}

ul.list_press_btn li {
	width: auto;
	height: auto;
	display: inline-block;
	margin: 5px 1px 0 0!important
}

ul.list_press_btn li .input_btn {
	background: #989a99;
	color: #FFF;
	border: 0;
	padding: 15px;
	font-size: 12px;
	cursor: pointer;
	text-transform: uppercase;
	display: block
}

ul.list_press_btn li .input_btn.active,
ul.list_press_btn li .input_btn:hover {
	background: #f3f3f3;
	color: #666
}

.content_img {
	display: block;
	text-align: center;
	margin: 15px 0
}

.map-container {
	margin: 30px auto 0;
	width: 90%;
	height: auto;
	position: relative
}

.pin-set,
.pin-set .pin-1,
.pin-set .pin-2,
.pin-set .pin-3,
.pin-set .pin-4,
.pin-set .pin-5,
.pin-set .pin-6,
.pin-set .pop {
	position: absolute
}

.map_placeholder,
.map_placeholder img {
	display: block;
	width: 100%;
	height: auto
}

.pin-set {
	width: 100%;
	height: 100%
}

.pin-set .pop {
	bottom: 44px;
	left: 0;
	background: url(/bharatpetroleum/images/bprl/map_overlay.png) top left;
	width: 300px;
	margin-left: -141px;
	border: 1px solid #ff0;
	display: none;
	z-index: 99
}

.pin-set .pop:before {
	height: 0;
	width: 0;
	border-left: 6px solid transparent;
	border-right: 7px solid transparent;
	border-top: 7px solid #ff0;
	content: "";
	position: absolute;
	bottom: -7px;
	left: 49.4%
}

.pin-set a,
.pin-set a img {
	width: 100%;
	display: block
}

.pin-set a img {
	height: auto;
	width: auto\9
}

.pin-set .pin-1 {
	left: 22.8%;
	top: 50.4%
}

.pin-set .pin-1:hover .pop {
	display: block
}

.pin-set .pin-2 {
	left: 48.3%;
	top: 50.4%
}

.pin-set .pin-2:hover .pop {
	display: block
}

.pin-set .pin-3 {
	left: 60%;
	top: 25.2%
}

.pin-set .pin-3:hover .pop {
	display: block
}

.pin-set .pin-4 {
	left: 75.3%;
	top: 40.4%
}

.pin-set .pin-4:hover .pop {
	display: block
}

.pin-set .pin-5 {
	left: 77.8%;
	top: 43.1%
}

.pin-set .pin-5:hover .pop {
	display: block
}

.pin-set .pin-6 {
	left: 78.8%;
	top: 62.8%
}

.pin-set .pin-6:hover .pop {
	display: block
}

.pop table td.width-td1 {
	width: 38%;
	text-align: center;
	vertical-align: middle;
	color: #ffdc05;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase
}

.pop table td.width-td2 {
	width: 15%
}

.pop table td.bg-white {
	background: #FFF;
	color: #333
}

.pop table td.bg-blue {
	background: #06c;
	color: #fff
}

.pop table {
	width: 100%;
	color: #FFF;
	text-align: center;
	vertical-align: middle
}

.pop table td {
	border: 1px solid #ff0;
	padding: 5px;
	color: #fff
}

.testi-wrap {
	float: left;
	display: block;
	text-align: center;
	padding: 0 10px
}

.testi-wrap .image {
	display: inline-block;
	width: auto;
	height: auto
}

.testi-wrap .image img {
	border-radius: 50%;
	height: 135px;
	width: auto!important
}

.testi-wrap .content {
	float: left;
	width: 100%;
	height: auto;
	padding: 20px;
	box-sizing: border-box
}

.testi-wrap .content h2 {
	float: left;
	width: 100%;
	font-size: 16px;
	color: #007ec4;
	margin-bottom: 10px!important
}

.testi-wrap .content p {
	float: left;
	width: 100%;
	font-size: 14px;
	color: #333
}

.testi-main-content {
	float: left;
	width: 100%;
	height: auto;
	background: #f3f3f3;
	padding: 20px;
	font-size: 14px
}

.height {
	height: 106px!important
}

.hr-img,
.ser-img {
	display: block!important;
	height: auto!important
}

.hr-img {
	width: 100%!important;
	border-radius: 0!important;
	border: 1px solid #CCC
}

.ser-img {
	width: auto!important;
	border-radius: 0!important;
	border: 1px solid #fff
}

.testi-wrap.active {
	background: url(/images/bprl/arrow_img_testi.png) bottom center no-repeat;
	width: 100%;
	text-align: center
}

.discription {
	display: block;
	width: 100%;
	height: auto
}

.discription h2 {
	font-size: 15.98px;
	font-weight: 400;
	color: #007ec4;
	margin-bottom: 7px
}

.discription h3 {
	font-size: 15px;
	font-weight: 700;
	color: #007ec4;
	margin-top: 20px
}

.discription p {
	font-size: 14px;
	color: #666;
	margin-bottom: 0;
	margin-top: 15px
}

.discription p strong {
	font-size: 14px;
	font-weight: 700;
	color: #007ec4
}

.graybox .innBox-two {
	float: right;
	display: block;
	border: 1px solid #ffdc05;
	padding: 50px 20px 50px 0;
	width: 90%;
	position: relative;
	min-height: 330px;
	margin-bottom: 25px
}

.graybox .innBox-two .yallow-box {
	float: left;
	width: 24%;
	background: #ffdc05;
	border-bottom: 7px solid #007ec4;
	padding: 40px 15px;
	text-align: center;
	margin-left: -12%
}

.graybox .innBox-two .yallow-box h2 {
	font-size: 16px;
	color: #007ec4;
	text-align: center;
	display: block;
	text-decoration: none;
	padding-top: 10px
}

.graybox .innBox-four,
.graybox .innBox-three {
	padding: 20px 0;
	margin-bottom: 25px;
	display: block;
	position: relative
}

.graybox .innBox-three {
	float: right;
	width: 90%
}

.graybox .innBox-three h2 {
	float: left;
	font-size: 16px;
	font-weight: 400;
	color: #007ec4;
	margin-bottom: 25px
}

.graybox .innBox-three p {
	font-size: 15px;
	font-weight: 400;
	color: #333
}

.graybox .innBox-four {
	float: right;
	width: 100%
}

.graybox .innBox-four h2 {
	float: left;
	font-size: 20px;
	text-transform: uppercase;
	color: #007ec4;
	margin-bottom: 25px;
	width: 100%
}

.graybox .innBox-four p {
	font-size: 15px;
	font-weight: 400;
	color: #333
}

.innBox-four .innBox-content {
	float: right;
	width: 100%
}

.innBox-two .innBox-content {
	float: right;
	width: 85%
}

.innBox-content h2 {
	padding-bottom: 10px;
	padding-top: 15px;
	color: #007ec4;
	font-size: 20px
}

.innBox-content ul.vm-list {
	display: block;
	text-align: center;
	margin-top: 20px
}

.innBox-content ul.vm-list li {
	display: inline-block;
	padding: 0 20px;
	width: 33%;
	vertical-align: top
}

.innBox-content ul.vm-list li h4 {
	font-size: 16px;
	font-weight: 400;
	padding-top: 5px
}

.innBox-content ul.vm-list-prod {
	display: block;
	text-align: center;
	margin-top: 20px
}

.innBox-content ul.vm-list-prod li {
	display: inline-block;
	padding: 0 20px;
	width: 24%;
	vertical-align: top
}

.innBox-content ul.vm-list-prod li h4 {
	font-size: 16px;
	font-weight: 400;
	padding-top: 5px
}

.lpg-safety {
	display: block;
	padding-top: 15px
}

.lpg-safety>li {
	float: left;
	width: 33.3333%;
	padding: 0 10px 20px
}

.safety-box .safety-head {
	background: #fc0;
	color: #333;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 700
}

.safety-head span {
	background: #007ec4;
	color: #fff;
	font-size: 30px;
	display: inline-block;
	margin-left: 5px;
	margin-right: 25px;
	padding: 5px 10px;
	font-weight: 700;
	vertical-align: sub
}

.safety-box .safety-body {
	position: relative
}

.safety-body>img {
	display: block
}

.safety-body .overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(/bharatpetroleum/images/overlay_black.png) top left;
	z-index: 10
}

.safety-box .safety-copy {
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 12;
	padding: 0 14px 10px
}

.safety-copy h4 {
	color: #fff;
	font-size: 16px;
	padding-bottom: 4px;
	text-transform: uppercase
}

.safety-copy ul {
	list-style-type: disc;
	padding-left: 15px
}

.safety-copy ul li {
	color: #fc0;
	font-size: 14px;
	padding: 2px 0
}

.safety-tips {
	margin-top: 100px
}

.safety-tips h2 {
	margin-top: -24px
}

.safety-tips h2 span {
	background: #ffdc05;
	border-bottom: 4px solid #007ec4;
	padding: 10px 40px
}

.safety-tips-copy {
	text-align: left;
	padding: 0 5%
}

.safety-tips-copy h3 {
	font-weight: 700;
	padding-bottom: 15px
}

.safety-tips-copy p {
	padding-bottom: 15px
}

.safety-tips-copy ul.list-bullet {
	padding-bottom: 30px
}

.safety-tips-copy i {
	color: red;
	font-style: normal
}

ul.logo-list {
	float: left;
	width: 100%;
	height: auto
}

ul.logo-list li {
	display: inline-block;
	height: auto;
	width: auto;
	margin: 10px
}

.map-img,
.map-img img {
	width: 100%;
	height: auto
}

.map-details {
	height: auto;
	padding: 20px
}

.map-details h2 {
	color: #007ec4;
	font-size: 2em;
	font-weight: 400;
	margin-bottom: 10px;
	text-transform: uppercase
}

.map-img {
	background: #FFF;
	padding: 4px;
	border: 1px solid #dadada
}

.map-img img {
	display: block
}

ul.tab-list-border {
	width: 40%;
	margin: 15px 0
}

ul.tab-list li,
ul.tab-list-border li {
	color: #1068ae;
	display: block;
	line-height: 1.4em;
	margin-bottom: 10px;
	vertical-align: middle;
	clear: both
}

ul.tab-list-border li {
	padding-left: 0;
	font-size: 13px!important;
	border-bottom: 1px solid #eac902;
	padding-bottom: 6px
}

ul.tab-list-border li:last-child {
	border-bottom: 0
}

ul.tab-list-border li span {
	float: right
}

ul.tab-list {
	margin-top: 25px
}

ul.tab-list li {
	background: url(../images/blue-bullet.png) 0 7px no-repeat;
	padding-left: 15px;
	font-size: 14px!important
}

.small-text {
	font-size: 12px;
	margin-top: 20px
}

.disc-date {
	padding-top: 25px
}

.disc-wrap {
	border: 1px solid #ffdc05;
	margin-top: 40px;
	padding-bottom: 25px;
	text-align: center;
	margin-left: 8%
}

.disc-wrap h2 {
	font-size: 20px;
	margin-top: -18px;
	padding-bottom: 0;
	text-transform: uppercase
}

.disc-wrap h2 span {
	background: #ffdc05;
	display: inline-block;
	padding: 5px 20px;
	color: #007ec4
}

.disc-table {
	display: block;
	padding: 25px 0;
	text-align: left
}

.disc-table span {
	width: 17.8%;
	font-size: 14px;
	text-align: center;
	padding: 0 15px;
	display: inline-block;
	vertical-align: middle
}

.disc-table span.disc-cell-01 {
	background: #ffdc05;
	padding: 15px 10px;
	color: #007ec4;
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	border-bottom: 4px solid #007ec4;
	margin-left: -8%;
	width: 16%
}

.disc-table span img {
	display: block;
	margin: 0 auto 10px
}

.disc-table span strong {
	color: #007ec4
}

.ie8 #divForm .col-sm-6 {
	float: left;
	width: 50%
}

.ie8 .container {
	width: 1270px
}

.pn-box-wrap {
	float: left;
	height: auto;
	width: 100%
}

.pn-box-wrap ul {
	float: left;
	display: block;
	text-align: left;
	margin-top: 20px;
	width: 100%
}

.pn-box-wrap ul li {
	float: left;
	display: inline-block;
	vertical-align: top;
	width: 31%;
	padding: 20px;
	border: 1px solid #e7e8e9;
	text-align: center;
	position: relative;
	margin: 10px 1.16%
}

.pn-box-wrap ul li .img {
	display: inline-block;
	vertical-align: bottom
}

.download-copy,
.program-div p,
.program-div1 p,
.track-div ul li,
.track-div1 ul li {
	vertical-align: top!important
}

.pn-box-wrap ul li .img img {
	width: auto!important
}

.pn-box-wrap ul li h2 {
	font-size: 1.7em;
	width: 100%;
	margin: 10px 0;
	color: #007fc3;
	text-transform: uppercase
}

.pn-box-wrap ul li p {
	font-size: 1.3em;
	width: 100%;
	padding: 10px 0;
	color: #666;
	min-height: 100px
}

.pn-box-wrap ul li a {
	background: #007fc3;
	padding: 8px 20px;
	color: #FFF;
	font-size: 1.5em;
	text-transform: uppercase;
	position: absolute;
	bottom: 25px;
	left: 50%;
	margin-left: -15%
}

.pn-box-wrap ul li a:hover {
	background: #ffcb08;
	color: #333;
	text-decoration: none
}

.bprl-journey .jrny-sec {
	margin: 0 auto;
	width: 410px;
	padding-bottom: 100px
}

.bprl-journey .jrny-sec .jrny-way {
	left: 21%
}

.bprl-journey .jrny-icon {
	padding: 5px 0
}

.bprl-journey .jrny-copy h2 {
	font-size: 18px
}

.hr-div {
	padding-top: 50px
}

.hr-div h3 {
	font-weight: 700;
	line-height: 22px;
	padding-bottom: 15px
}

.hr-div .hr-copy {
	padding-top: 15px
}

.hr-div .hr-copy p {
	padding: 10px 0
}

.hr-div .hr-copy p strong {
	color: #007ec4
}

.hr-div .hr-copy h4 {
	font-size: 15px;
	line-height: 22px;
	color: #007ec4;
	padding: 10px 0
}

.skills-list {
	padding: 15px 0
}

.skills-list li {
	border: 1px solid #ececec;
	border-radius: 6px;
	background: #fff;
	margin: 1px 0;
	padding: 6px 15px 6px 10px;
	font-size: 14px!important;
	font-weight: 700;
	width: 32%;
	display: inline-block!important
}

.skills-list li .img_title {
	display: block!important;
	background: url(../images/careers/icon_right.png) right center no-repeat;
	min-height: 42px;
	padding-right: 12px
}

.redio-set {
	float: left;
	margin: 0 0 20px;
	width: 100%
}

.redio-set h2 {
	float: left;
	width: 100%;
	height: auto;
	margin-bottom: 20px;
	font-size: 21px;
	color: #007ec4
}

.redio-set a {
	float: right
}

.redio-set span {
	float: left;
	width: auto;
	height: auto;
	margin-top: 0
}

.redio-set p {
	float: left;
	width: auto;
	height: auto;
	font-size: 18px;
	margin: 2px 0 0 10px
}

.upperline-txt {
	float: left;
	width: 100%;
	border-top: 2px solid #007ec4;
	margin: 20px 0
}

.upperline-txt h3 {
	float: left;
	font-size: 20px;
	text-transform: uppercase;
	color: #007ec4;
	border-top: 9px solid #007ec4;
	padding-top: 6px
}

.redio-set ul {
	display: block;
	text-align: left
}

.redio-set ul li {
	display: inline-block;
	margin-right: 60px
}

.product-info ul {
	display: block;
	text-align: left
}

.product-info ul li {
	display: inline-block;
	margin-right: 50px
}

.product-info ul li p {
	font-size: 15px!important
}

.groupe-div {
	float: left;
	width: 100%;
	margin-bottom: 20px
}

.product-info,
.product-select {
	float: right;
	width: 90%;
	height: auto
}

.product-info {
	margin: 20px 0
}

.product-info p {
	font-size: 15px;
	color: #5d5757
}

.product-select {
	margin: 0 0 10px
}

.product-select h3 {
	font-size: 18px;
	color: #007ec4
}

.product-select select {
	margin-bottom: 15px
}

ul.yb-link {
	display: block;
	text-align: center
}

ul.yb-link li {
	display: inline-block;
	margin: 0 5px
}

.mak-lub-link {
	display: inline-block;
	background-color: #007ec4;
	color: #fff;
	transition: background 250ms linear 0s;
	font-size: 13px;
	padding: 7px 15px;
	margin-top: 10px;
	text-transform: uppercase
}

.mak-lub-link:hover {
	background: #fcb715;
	color: #333;
	text-decoration: none
}

.yallow-box-mac {
	padding: 15px 15px 10px!important
}

.search-results {
	float: left;
	margin: 0 0 20px;
	width: 100%
}

.search-results p {
	float: left;
	width: 100%;
	height: auto;
	font-size: 18px
}

.search-results ul {
	display: block;
	margin-top: 35px
}

.search-results ul li {
	float: left;
	margin-bottom: 15px;
	width: 100%
}

.search-results ul li p {
	float: left;
	width: 40%;
	color: #007ec4!important;
	font-size: 15px;
	line-height: 34px
}

.search-results ul li a {
	float: left;
	width: auto;
	display: block;
	padding: 7px 25px;
	background: #007ec4;
	border-bottom: 3px solid #fcb715;
	color: #FFF
}

.search-results ul li a:hover {
	background: #fcb715;
	border-bottom: 3px solid #007ec4;
	color: #222;
	text-decoration: none
}

.conset .row,
.yer-set {
	border-bottom: 1px dashed #f0f0f0
}

.mak-form-field label,
.makLubeForm h2,
.or-txt p {
	font-size: 20px;
	color: #007ec4
}

.makLubeForm {
	float: left;
	width: 100%;
	height: auto
}

.makLubeForm h2 {
	font-weight: 400;
	margin-bottom: 10px;
	text-transform: uppercase
}

.makLubeForm ul {
	float: left;
	width: 30%;
	margin-top: 25px
}

.makLubeForm ul li {
	float: left;
	width: 100%;
	margin-bottom: 15px
}

.mak-form-field label {
	font-weight: 400;
	margin-bottom: 10px;
	text-transform: uppercase
}

.or-txt {
	display: block;
	text-align: center;
	border-top: 1px solid #007ec4;
	margin: 30px 0
}

.or-txt p {
	display: inline-block;
	width: auto;
	background: #FFF;
	margin-top: -20px;
	padding: 0 15px
}

.mak-fild-set {
	margin-bottom: 30px
}

.mak-top {
	margin-top: 35px
}

.tcher-img {
	float: left;
	width: 100%;
	margin-bottom: 20px
}

.tcher-img img {
	display: block;
	width: 100%;
	height: auto
}

ul.ol-list {
	display: block;
	margin-top: 10px
}

ul.ol-list li {
	display: block;
	list-style: decimal;
	margin-bottom: 10px;
	font-size: 14px;
	font-weight: 400;
	color: #666
}

ul.alfa-list li,
ul.ul-list li {
	display: block;
	margin-bottom: 10px!important;
	font-size: 14px!important;
	font-weight: 400!important;
	color: #666!important
}

ul.ul-list {
	display: block;
	margin-top: 10px
}

ul.ul-list li {
	list-style: disc!important
}

ul.alfa-list {
	display: block;
	margin-top: 10px
}

ul.alfa-list li {
	list-style: lower-alpha!important
}

.center-text {
	text-align: center!important;
	border-top: 1px solid #CCC;
	width: 100%;
	padding-top: 20px
}

#divLogin label {
	margin-bottom: 15px
}

.yer-set,
.yer-set .col-sm-2,
.yer-set .col-sm-4 {
	margin-bottom: 10px
}

.conset {
	text-align: center
}

.conset .col-sm-2 {
	margin-top: 12px
}

.conset .col-sm-3 {
	margin-top: 15px
}

.conset .col-sm-6 {
	margin-top: 10px
}

.fp-link,
.mrgn-top {
	margin-top: 15px
}

.conset .row {
	padding-bottom: 15px
}

.yer-set .col-sm-3 {
	margin-bottom: 15px
}

.inpt-mrgn {
	margin-right: 15px
}

.title-cls-ltd .col-sm-2 {
	width: 30%
}

.title-cls-ltd .col-sm-9 {
	width: 70%;
	text-align: right
}

.font-p {
	font-size: 14px
}

.m-left {
	margin-left: -15px
}

.tlt-lebl label {
	margin-left: 6px
}

ul.list_vendor_btn {
	float: left;
	width: 100%;
	background: #FFF;
	height: auto;
	margin-bottom: 12px;
	padding-top: 18px;
	text-align: left
}

ul.list_vendor_btn li {
	width: auto;
	height: auto;
	display: inline-block;
	margin-bottom: 1px!important
}

ul.list_vendor_btn li .input_btn {
	background: #989a99;
	color: #FFF;
	border: 0;
	padding: 9px;
	font-size: 12px;
	cursor: pointer;
	text-transform: uppercase
}

ul.list_vendor_btn li .input_btn.active,
ul.list_vendor_btn li .input_btn:hover {
	background: #f3f3f3;
	color: #666
}

.frm-radio {
	float: right
}

.fp-link {
	float: left;
	margin-left: 20px
}

#lblErrorMsg {
	float: left;
	margin-top: 10px
}

ul.frm-btn {
	display: block;
	text-align: center
}

ul.frm-btn li {
	display: inline-block;
	margin: 0 8px
}

.redio-wrap h2,
.ven-frm-div .row {
	margin-bottom: 20px
}

.overlayDiv {
	position: fixed;
	text-align: center;
	height: 100%;
	width: 100%;
	top: 0;
	right: 0;
	left: 0;
	z-index: 9999999;
	background-color: #fff;
	opacity: .7
}

.overlayDiv img {
	position: relative;
	top: 48%!important
}

.ven-frm-div {
	display: block
}

.ven-frm-div label {
	color: #666;
	display: inline-block;
	font-size: 14px;
	font-weight: 400;
	margin-left: 5px
}

.ven-mrgn-tp {
	margin-top: 50px
}

.title-mbl {
	display: none
}

.redio-wrap,
.track-div,
.track-div ul,
.track-div ul li {
	display: block
}

.redio-container {
	display: block;
	padding: 30px 0
}

.redio-wrap h2 {
	color: #007ec4;
	font-size: 2em;
	font-weight: 400;
	text-transform: uppercase
}

.track-div {
	background: #f3f3f3
}

.track-div ul li {
	border-bottom: 1px solid #d7d7d7;
	padding: 20px 0
}

.track-div ul li:last-child {
	border-bottom: none
}

.play-icon-area {
	display: inline-block;
	width: 100%
}

.download-copy {
	display: inline-block;
	margin-left: 15px
}

.download-copy p {
	font-size: 16px;
	color: #444;
	margin-bottom: 5px
}

.download-copy a {
	font-size: 16px;
	color: #444;
	background: url(../images/dwn-icon.png) right center no-repeat;
	text-transform: uppercase;
	margin-top: 6px;
	display: inline-block;
	height: 28px;
	line-height: 28px;
	padding-right: 32px
}

.download-copy a:hover {
	color: #007ec4;
	text-decoration: none
}

.program-div .dwn-link,
.program-div p {
	font-size: 16px;
	color: #444;
	text-transform: uppercase
}

.program-div {
	display: block;
	background: #fef9db;
	margin-bottom: 10px;
	padding: 15px
}

.program-div p {
	display: block;
	text-align: center;
	line-height: 36px;
	height: 36px
}

.program-div .row .col-sm-6 {
	display: block;
	text-align: center
}

.program-div .row .col-sm-6:first-child {
	border-right: 1px solid #fff
}

.program-div .dwn-link {
	background: url(../images/dwn-icon.png) right center no-repeat;
	margin-top: 58px;
	display: inline-block;
	height: 28px;
	line-height: 28px;
	padding-right: 32px
}

.eqvilizar-img,
.eqvilizar-img img,
.right-links,
.upcoming-event-div,
.upcoming-event-div ul {
	display: block
}

.eqvilizar-img img {
	width: 100%
}

.upcoming-event-div {
	background: #f3f3f3;
	margin-top: -5px;
	padding: 10px 20px
}

.upcoming-event-div ul.number {
	list-style-type: square!important
}

.upcoming-event-div ul li {
	display: block;
	font-size: 14px;
	color: #666;
	margin: 5px 0
}

.right-links,
.top-links {
	margin-top: 46px;
	height: auto
}

.right-links {
	background: #fef9db;
	padding: 20px;
	min-height: 285px
}

.right-links .acc_head,
.right-links ul li a,
.top-links ul li a {
	letter-spacing: 1px;
	font-weight: 700!important;
	padding: 10px 20px;
	display: block
}

.right-links ul,
.right-links ul li {
	display: block
}

.right-links ul li a {
	background: #007ec4;
	border: 1px solid #036093;
	font-size: 20px;
	text-transform: uppercase;
	color: #FFF;
	margin-bottom: 20px
}

.right-links ul li a.last {
	margin-bottom: 0
}

.right-links ul li a:hover {
	text-decoration: none;
	background: #006ba7
}

.right-links .acc_head {
	background: #007ec4;
	border: 1px solid #036093!important;
	font-size: 20px!important;
	text-transform: uppercase;
	color: #FFF!important
}

.right-links .acc_head:hover {
	text-decoration: none;
	background: #006ba7
}

.right-links .acc_head .acc_icon_expand {
	background: url(../images/plusminus-white.png) center 0 rgba(0, 0, 0, 0)!important
}

.right-links .accordion_in.acc_active>.acc_head .acc_icon_expand {
	background: url(../images/plusminus-white.png) center -18px rgba(0, 0, 0, 0)!important
}

.right-links .acc_content p {
	margin-bottom: 0!important
}

.logout-btn {
	float: right;
	margin-right: 10px
}

.logout-btn:hover {
	color: #fff;
	background: #006ba7;
	text-decoration: none
}

BPC-buttons {
	display: block;
	width: 100%
}

.top-links {
	display: block;
	border-radius: 5px
}

.top-links ul {
	display: block;
	border-radius: 8px;
	overflow: hidden
}

.top-links ul li {
	display: block;
	position: relative
}

.top-links ul li a {
	background: #396b9e;
	border: 1px solid #044062;
	font-size: 14px;
	color: #FFF;
	margin-top: -1px
}

.program-div1 p,
.redio-wrap2 h2 {
	font-size: 2em;
	text-align: center
}

.top-links ul li a.last {
	margin-bottom: 0
}

.top-links ul li a:hover {
	text-decoration: none;
	background: #006ba7
}

.buttons-label {
	background: url(../images/BPC-next.png) center 0 rgba(0, 0, 0, 0);
	display: block;
	height: 18px;
	position: absolute;
	right: 15px;
	top: 10px;
	width: 18px
}

.redio-wrap2 {
	display: block
}

.redio-wrap2 h2 {
	color: #007ec4;
	font-weight: 400;
	margin-bottom: 20px
}

.program-div1 {
	display: block;
	background: #fef9dc;
	margin-bottom: 10px;
	padding: 15px 15px 8px;
	border: 1px solid #acacac;
	border-radius: 8px
}

.program-div1 p {
	display: block;
	color: #007ec4;
	line-height: 36px;
	height: 36px;
	font-weight: 700
}

.program-div1 .row .col-sm-6 {
	display: block;
	text-align: center
}

.program-div1 .row .col-sm-6:first-child {
	border-right: 1px solid #fff
}

.program-div1 .dwn-link {
	font-size: 16px;
	color: #007ec4;
	background: url(../images/dwn-icon.png) right center no-repeat;
	margin-top: 25px;
	display: inline-block;
	height: 28px;
	line-height: 28px;
	padding-right: 32px
}

.back-button,
.track-div1,
.track-div1 ul {
	display: block
}

.program-div .dwn-link:hover {
	color: #007ec4;
	text-decoration: none
}

.track-div1 {
	background: #fef9dc
}

.track-div1 ul li {
	display: block;
	border-bottom: 1px solid #d7d7d7;
	padding: 20px 0
}

.track-div1 ul li:last-child {
	border-bottom: none
}

.back-button {
	position: relative
}

.back-button h2,
.back-button img,
.menu-img {
	display: inline-block
}

.back-button a:before {
	content: "";
	background: url(../images/back-button.png) no-repeat;
	display: inline-block;
	height: 18px;
	width: 18px;
	left: 0;
	position: absolute;
	top: 55%
}

.container>header,
.main {
	width: 90%;
	max-width: 69em
}

.back-button h2 {
	color: #007ec4;
	font-size: 2em;
	font-weight: 400;
	margin-top: 25px;
	padding-left: 25px
}

.center-align {
	text-align: center
}

.container>header {
	margin: 0 auto;
	padding: 2.875em 1.875em 1.875em
}

.container>header h1 {
	font-size: 2.125em;
	line-height: 1.3;
	margin: 0;
	float: left;
	font-weight: 400
}

.container>header span {
	display: block;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .5em;
	padding: 0 0 .6em .1em
}

.container>header nav {
	float: right
}

.container>header nav a {
	display: block;
	float: left;
	position: relative;
	width: 2.5em;
	height: 2.5em;
	background: #fff;
	border-radius: 50%;
	color: transparent;
	margin: 0 .1em;
	border: 4px solid #47a3da;
	text-indent: -8000px
}

.container>header nav a:hover,
.main>section a {
	background: #47a3da
}

.container>header nav a:after {
	content: attr(data-info);
	color: #47a3da;
	position: absolute;
	width: 600%;
	top: 120%;
	text-align: right;
	right: 0;
	opacity: 0;
	pointer-events: none
}

.container>header nav a:hover:after {
	opacity: 1
}

.main>section {
	max-width: 260px;
	width: 90%
}

.main>section h2 {
	font-weight: 300;
	color: #ccc
}

.main>section a {
	border: none;
	color: #fff;
	padding: 1.5em 1em;
	display: block;
	width: 40px;
	cursor: pointer;
	margin: 10px 0;
	font-size: .8em
}

.main>section button:hover {
	background: #258ecd
}

.main>section button.active {
	background: #0d77b6
}

.main>section button.disabled {
	background: #aaa;
	pointer-events: none
}

.icon-arrow-left:before,
.icon-drop:before {
	font-family: fontawesome;
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	speak: none;
	font-style: normal;
	font-weight: 400;
	line-height: 2;
	text-align: center;
	color: #47a3da;
	-webkit-font-smoothing: antialiased;
	text-indent: 8000px;
	padding-left: 8px
}

.container>header nav a:hover:before {
	color: #fff
}

.icon-drop:before {
	content: "\e000"
}

.icon-arrow-left:before {
	content: "\f060"
}

.cbp-spmenu {
	background: #fef9dc;
	position: fixed
}

.cbp-spmenu h3 {
	color: #afdefa;
	font-size: 1.9em;
	padding: 20px;
	margin: 0;
	font-weight: 300;
	background: #0d77b6
}

.cbp-spmenu a {
	display: block;
	color: #fff;
	font-size: 1.1em;
	font-weight: 300
}

.cbp-spmenu a:hover {
	background: #258ecd
}

.cbp-spmenu a:active {
	background: #afdefa;
	color: #47a3da
}

.cbp-spmenu-vertical {
	width: 100%;
	height: 100%;
	top: 0;
	padding: 15px;
	z-index: 1000
}

.cbp-spmenu-vertical a {
	border-bottom: 1px solid #258ecd;
	padding: 1em
}

.cbp-spmenu-horizontal {
	width: 100%;
	height: 150px;
	left: 0;
	z-index: 1000;
	overflow: hidden
}

.cbp-spmenu-horizontal h3 {
	height: 100%;
	width: 20%;
	float: left
}

.cbp-spmenu-horizontal a {
	float: left;
	width: 20%;
	padding: .8em;
	border-left: 1px solid #258ecd
}

.cbp-spmenu-left {
	left: -100%;
	top: 0
}

.cbp-spmenu-right {
	right: -240px
}

.cbp-spmenu-left.cbp-spmenu-open {
	left: 0;
	top: 0
}

.cbp-spmenu-right.cbp-spmenu-open {
	right: 0
}

.cbp-spmenu-top {
	top: -150px
}

.cbp-spmenu-bottom {
	bottom: -150px
}

.cbp-spmenu-top.cbp-spmenu-open {
	top: 0
}

.cbp-spmenu-bottom.cbp-spmenu-open {
	bottom: 0
}

.cbp-spmenu-push {
	overflow-x: hidden;
	position: relative;
	left: 0;
	background: #fef9dc
}

.cbp-spmenu-push-toright {
	left: 240px
}

.cbp-spmenu-push-toleft {
	left: -240px
}

.cbp-spmenu,
.cbp-spmenu-push {
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease
}

.mobi-msg {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	color: #007ec4;
	font-family: proxima_nova_rgbold;
	font-size: 1.5em;
	font-weight: 400;
	margin-bottom: 20px;
	text-align: center;
	padding: 0 20px
}

.text-left {
	text-align: left
}

.grey-bg {
	background: #eff3f6
}

.form-wrap {
	display: block;
	margin: 20px 0
}

.form-wrap .form-inner {
	display: block
}

.form-wrap .form-inner h2 {
	font-size: 2.4em;
	text-align: center;
	text-transform: uppercase;
	color: #354052
}

.form-wrap .form-inner .form-steps {
	text-align: center;
	margin: 100px 0 0
}

.form-wrap .form-inner .form-steps ul.number-steps {
	display: inline-block;
	margin: 0 auto;
	-webkit-box-shadow: inset 40px -56px 57px -45px rgba(244, 245, 248, .75);
	-moz-box-shadow: inset 40px -56px 57px -45px rgba(244, 245, 248, .75);
	box-shadow: inset 40px -56px 57px -45px rgba(244, 245, 248, .75);
	counter-reset: step;
	position: relative
}

.form-wrap .form-inner .form-steps ul.number-steps:after {
	content: '';
	border-bottom: 4px dotted #aebdc7;
	position: absolute;
	left: 80px;
	top: -42px;
	right: 81px;
	z-index: 1
}

.form-wrap .form-inner .form-steps ul.number-steps li {
	float: left;
	font-size: 15px;
	border: 1px solid #ced0da;
	padding: 10px 20px;
	cursor: default;
	color: #354052;
	font-weight: 600;
	margin-left: -1px;
	position: relative
}

.form-wrap .form-inner .form-steps ul.number-steps li:before {
	content: counter(step);
	counter-increment: step;
	width: 40px;
	line-height: 38px;
	display: block;
	font-size: 15px;
	color: #fff;
	background: #aebdc7;
	border-radius: 50%;
	position: absolute;
	top: -60px;
	left: 37%;
	z-index: 2
}

.form-wrap .form-inner .form-steps ul.number-steps li.step-active:before {
	background: #289df4
}

.form-wrap .form-inner .form-steps ul.number-steps li.step-active {
	background: #289df4;
	color: #eff3f6;
	z-index: 2
}

.form-wrap .form-inner .form-steps ul.number-steps li.step-completed:before {
	content: '';
	background: url(../images/careers/completed-img.png) center center no-repeat #fabd41;
	width: 13px;
	height: 9px;
	padding: 20px;
	z-index: 2
}

.steps-wrapper {
	display: block;
	width: 1000px;
	margin: 50px auto
}

.steps-wrapper .sub-btn {
	background: #259af3;
	padding: 10px 40px;
	font-size: 14px;
	display: inline-block;
	border-radius: 5px;
	color: #fff!important;
	text-decoration: none;
	-webkit-box-shadow: inset 0 -4px 25px 0 rgba(26, 146, 236, 1);
	-moz-box-shadow: inset 0 -4px 25px 0 rgba(26, 146, 236, 1);
	box-shadow: inset 0 -4px 25px 0 rgba(26, 146, 236, 1);
	margin: 0 5px;
	 float:right;
}

.steps-wrapper span.mandatory {
	color: red;
	display: inline-block!important;
	font-size: 18px;
	vertical-align: top
}

.steps-wrapper .instructions-wrap {
	display: block;
	text-align: center
}

.steps-wrapper .instructions-wrap p {
	padding: 0 0 15px;
	color: #354052;
	font-size: 14px;
	text-align: left
}

.steps-wrapper .instructions-wrap ol {
	color: #354052;
	font-size: 14px;
	list-style-type: decimal;
	padding-left: 15px;
	text-align: left
}

.steps-wrapper .instructions-wrap ol li {
	padding: 0 0 15px
}

.steps-wrapper .registration-wrap {
	display: block;
	margin: 0 60px
}

.steps-wrapper .registration-wrap h3 {
	font-size: 20px;
	color: #354052;
	margin: 25px 0 15px;
	line-height: 23px
}

.steps-wrapper .registration-wrap h3 span {
	display: block;
	font-size: 12px
}

.steps-wrapper .registration-wrap .col-sm-6 {
	border-right: 4px solid #e2e7ee
}

.steps-wrapper .registration-wrap .col-sm-6:last-child {
	border: none
}

.steps-wrapper .registration-wrap .register-form {
	margin: 6px 0;
	position: relative
}

.new-form {
	width: 65%;
	border: 1px solid #ced0da;
	background: #fff;
	border-radius: 5px;
	display: inline-block
}
.csr-form  
{width: 100%;
    border: 1px solid #ced0da;
    background: #ffffff;
    border-radius: 5px;
    display: inline-block;
    height: 40px;
    padding: 6px 12px;
    border-left: 5px solid #007ec4;
}

.error-notification {
	color: #ed1c24;
	font-size: 13px;
	margin: 4px 20px;
	display: none;
	position: relative;
	text-align: left
}

.error-notification:before {
	content: '';
	background: url(../images/careers/error-img.png) no-repeat;
	height: 16px;
	width: 16px;
	position: absolute;
	top: 0;
	left: -21px
}

.input-error {
	border: 1px solid #ed1c24
}

.steps-wrapper .registration-wrap a {
	text-decoration: none;
	color: #354052
}

.steps-wrapper .registration-wrap .existing-user {
	margin: 0 65px
}

.steps-wrapper .eduQualif-wrap .row,
.steps-wrapper .personal-details .row,
.steps-wrapper .work-experience-wrap .row {
	margin-bottom: 20px
}

.steps-wrapper .registration-wrap .existing-user input {
	width: 96%
}

.steps-wrapper .personal-details {
	display: block;
	text-align: center
}

.steps-wrapper .personal-details p {
	text-align: left
}

.steps-wrapper .personal-details label {
	font-size: 13px;
	color: #354052;
	text-align: left;
	display: block
}

.steps-wrapper .personal-details .row .col-sm-4 {
	padding-left: 5px;
	padding-right: 5px
}

.steps-wrapper .eduQualif-wrap {
	display: block;
	text-align: center
}

.steps-wrapper .eduQualif-wrap p {
	text-align: left
}

.steps-wrapper .eduQualif-wrap label {
	font-size: 14px;
	color: #354052;
	text-align: left;
	display: block
}

.steps-wrapper .eduQualif-wrap .row .col-sm-4 {
	padding-left: 5px;
	padding-right: 5px
}

.steps-wrapper .eduQualif-wrap .row .col-sm-6 span {
	text-align: left;
	display: none
}

.steps-wrapper .work-experience-wrap {
	display: block;
	text-align: center
}

.steps-wrapper .work-experience-wrap p {
	text-align: left
}

.steps-wrapper .work-experience-wrap label {
	font-size: 14px;
	color: #354052;
	text-align: left;
	/*height:40px;*/
	display: inline-block
}

.steps-wrapper .work-experience-wrap .row .col-sm-4 {
	padding-left: 5px;
	padding-right: 5px
}

.details-form {
	width: 100%;
	border: 1px solid #ced0da;
	background: #fff;
	border-radius: 5px;
	display: inline-block
}

.steps-wrapper .eduQualif-wrap select,
.steps-wrapper .personal-details select,
.steps-wrapper .work-experience-wrap select {
	background: url(../images/careers/dropdown-arrow.png) right 50% no-repeat #fff
}

.steps-wrapper .personal-details select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

.steps-wrapper .personal-details .checkbox {
	text-align: left;
	display: inline-block
}

.steps-wrapper .personal-details label.checklable {
	display: inline-block;
	padding-left: 5px
}

.steps-wrapper .eduQualif-wrap select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

.steps-wrapper .eduQualif-wrap .checkbox {
	text-align: left;
	display: inline-block
}

.steps-wrapper .eduQualif-wrap label.checklable {
	display: inline-block;
	padding-left: 5px
}

.steps-wrapper .work-experience-wrap select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

.steps-wrapper .work-experience-wrap .checkbox {
	text-align: left;
	display: inline-block
}

.steps-wrapper .work-experience-wrap label.checklable {
	display: inline-block;
	padding-left: 5px
}

.form-wrap .form-inner .steps-wrapper .col-sm-6 {
	text-align: left;
    margin-bottom: 30px;
    position: relative
}
.noteAlt {
    color: white !important;
    background-color: #007EC4;
    background-image: url(../Images/icon-tip.png);
    background-position: 9px 0px;
    background-repeat: no-repeat;
    border-left: solid 4px #3498db;
    line-height: 18px;
    overflow: hidden;
    padding: 15px 60px;
	font-size: 14px;
}
.form-wrap label {
    font-size: 14px;
    color: #666;
    font-weight: 400;
    display: block;
}
.logout-btn {
	background: #259af3;
	padding: 10px 40px;
	font-size: 14px;
	display: inline-block;
	border-radius: 5px;
	color: #fff!important;
	text-decoration: none;
	-webkit-box-shadow: inset 0 -4px 25px 0 rgba(26, 146, 236, 1);
	-moz-box-shadow: inset 0 -4px 25px 0 rgba(26, 146, 236, 1);
	box-shadow: inset 0 -4px 25px 0 rgba(26, 146, 236, 1);
	margin: 0 5px
}



@media screen and (max-width:55.1875em) {
	.cbp-spmenu-horizontal {
		font-size: 75%;
		height: 110px
	}
	.cbp-spmenu-top {
		top: -110px
	}
	.cbp-spmenu-bottom {
		bottom: -110px
	}
}

@media screen and (max-height:26.375em) {
	.cbp-spmenu-vertical {
		font-size: 90%;
		width: 100%
	}
	.cbp-spmenu-left,
	.cbp-spmenu-push-toleft {
		left: -100%
	}
	.cbp-spmenu-right {
		right: -100%
	}
	.cbp-spmenu-push-toright {
		left: 100%
	}
}

@media (max-width: 1370px) {
	.csr-content-area {
		width: 780px;
	}
}

@media (max-width:1300px) {
	.locateus-map {
		width: 100%
	}
	
	/* Office Locator css start 16-08-19 */
	.address-wrap .address-container .address {
		padding: 50px 40px 50px 40px;
	}
	/* Office Locator css end 16-08-19 */
}

@media (max-width:1200px) {
	.bord_member ul li {
		width: 33%
	}
}

@media (max-width:1024px) {
	.box-content {
		padding: 0 5px
	}
	.box-content .content h2 {
		font-size: 1.6em
	}
	.box-content .content p {
		line-height: 16px;
		min-height: 120px
	}
	.adlet-2-div .adlet-2 .copy-div h2 {
		font-size: 1.6em;
		padding-bottom: 10px
	}
	.adlet-2-div .adlet-2 .copy-div p {
		line-height: 1.2em
	}
	.google-play,
	.google-play-smart {
		background-size: 65%;
		background-position: 90% 100%
	}
	.prod-box .content p {
		min-height: 90px
	}
	.joint-ventures .content h3 {
		min-height: 50px
	}
	.joint-ventures .content p {
		min-height: 108px
	}
	.petrodaily-div .petro-prices-div select {
		width: 280px
	}
	.csr-content-area {
		width: 637px
	}
	.graybox .details-box .innBox .yallow-box {
		width: 200px;
		left: -100px
	}
	.csr-content-area ul li {
		margin: 0 10px
	}
	.csr-content-area ul li h4 {
		font-size: 14px
	}
	.press-adlet .right {
		padding: 40px 20px 0
	}
	ul.list_press_btn li {
		margin: 5px -1px 0 0!important
	}
	.track-box a {
		margin-left: -22%
	}
	.map-container {
		width: 100%
	}
	.safety-box .safety-head {
		font-size: 16px
	}
	.safety-head span {
		margin-right: 10px;
		font-size: 25px
	}
	.scrolldiv {
		width: 451px
	}
	.redio-set p {
		font-size: 14px
	}
	.product-info p {
		font-size: 12px
	}
	.search-results ul li p {
		width: 60%
	}
	ul.list_press_btn li .input_btn {
		padding: 10px;
		font-size: 11px
	}
	.radio-group td label {
		font-size: 11px
	}
	.download-copy {
		width: 71%
	}
	.download-copy a,
	.download-copy p {
		font-size: 13px
	}
	.upcoming-event-div ul li {
		margin: 11px 0
	}
	.form-wrap .form-inner .form-steps ul.number-steps li,
	.form-wrap .form-inner .form-steps ul.number-steps li:before {
		font-size: 12px
	}
}

@media (max-width:980px) {
	.site-gray {
		min-height: 298px
	}
	.bord_member ul li {
		width: 48%;
		min-height: 265px
	}
	.press_room ul li.rm a {
		line-height: normal
	}
	.feedback-box a h3 {
		padding: 10px;
		font-size: 1.4em
	}
	.locateus-filter {
		padding: 0
	}
	#chkVehicaleType td {
		text-align: center
	}
	#chkVehicaleType td input {
		float: none
	}
	#chkVehicaleType td label {
		float: none;
		padding: 0 10px
	}
	.video-galery {
		padding: 0 15px;
	}
	.video-list ul li {
		width: 100%;
		padding-right: 0
	}
	.jrny-box {
		padding: 20px
	}
	.jrny-ftrcont {
		width: 90%
	}
	.our-vision li {
		padding: 20px 10px
	}
	.our-value li {
		width: 32%
	}
	.value-box p {
		padding: 15px 5px 15px 15px
	}
	.feedback-hover img {
		width: 30%!important
	}
	.feedback-hover h4 {
		font-size: 13px
	}
	.petrozine-yrs {
		padding: 20px
	}
	.btn-year-mnt {
		margin-left: 10px
	}
	.pz-tittle {
		font-size: 16px;
		min-height: 80px;
		padding: 0 10px 10px
	}
	.form-area {
		padding: 20px 25px
	}
	.radio-group td input {
		max-width: 20%
	}
	.radio-group td label {
		max-width: 80%;
		min-width: 55px;
		text-align: left
	}
	.icon-reg>div {
		width: 24%
	}
	.graybox .innBox-two .yallow-box {
		width: 25%;
		margin-left: -12.5%
	}
	.innBox-two .innBox-content {
		width: 84%
	}
	.lpg-safety>li {
		width: 50%
	}
	.disc-table span {
		vertical-align: top
	}
	.skills-list li .img_title img {
		float: left
	}
	.steps-wrapper {
		width: 100%
	}
	.new-form {
		width: 96%
	}
	.steps-wrapper .registration-wrap,
	.steps-wrapper .registration-wrap .existing-user {
		margin: 0
	}
	
	/* Office Locator css start 16-08-19 */
	.map-filter {
		margin: 0 0 30px 0;
	}
	
	.address-wrap .address-container #divInnerHtml {
		padding: 20px 0 20px 0;
	}
	.address-wrap .address-container .address {
		width: 47%;
	}
	
	/* Office Locator css end 16-08-19 */
}

@media (max-width:768px) {
	.adlet-2-div .adlet-2 {
		margin-bottom: 20px
	}
	.adlet-2-div .adlet-2 .img {
		display: inline-block;
		width: 100%
	}
	.adlet-2-div .adlet-2 .img img {
		width: 100%
	}
	.adlet-2-div .adlet-2 .copy-div {
		width: 100%;
		text-align: center;
		padding-top: 10px
	}
	.adlet-2-div .adlet-2 .copy-div h2 {
		font-size: 1.6em;
		padding-bottom: 10px
	}
	.adlet-2-div .adlet-2 .copy-div p {
		color: #666;
		font-size: 1.4em;
		line-height: 1.4em;
		clear: both;
		display: block;
		min-height: 60px
	}
	.adlet-2-div .adlet-2 .readmore {
		position: static;
		width: auto;
		clear: both;
		display: block;
		margin: 15px
	}
	.box-content .content h2 {
		min-height: 55px
	}
	.box-content .content p {
		min-height: 160px!important
	}
	.services-adlet {
		width: 100%
	}
	.press_room ul li.rm a {
		line-height: normal
	}
	.prod-box .content p {
		min-height: 90px
	}
	.joint-ventures .content h3 {
		min-height: 50px
	}
	.dash-panal h3 {
		font-size: 21px
	}
	.csr-content-area ul li h4,
	.dash-panal p {
		font-size: 14px
	}
	.graybox .details-box .innBox .yallow-box {
		width: 164px;
		left: -82px
	}
	.csr-content-area {
		width: 477px
	}
	.csr-content-area ul li {
		margin: 0 5px
	}
	.blue-bg img {
		display: inline-block;
		width: 32%
	}
	.rural-box p {
		font-size: 15px
	}
	.rural-box {
		min-height: 400px
	}
	.press-adlet .right {
		padding: 15px 20px 0
	}
	.press-adlet .right p {
		font-size: 11px
	}
	.press-adlet .right a {
		right: 10px;
		bottom: 8px;
		font-size: 12px
	}
	ul.list_press_btn li {
		margin: 5px -1px 0 0!important
	}
	ul.list_press_btn li .input_btn {
		padding: 10px;
		font-size: 14px
	}
	.pin-set .pop {
		bottom: 36px;
		margin-left: -103px;
		width: 220px
	}
	.pin-set a {
		width: 78%
	}
	.map-container {
		width: 100%
	}
	.pin-set .pin-1 {
		left: 21.5%;
		top: 47.4%
	}
	.pin-set .pin-2 {
		left: 47%;
		top: 46.4%
	}
	.pin-set .pin-4 {
		left: 74.3%;
		top: 39.4%
	}
	.pin-set .pin-3 {
		left: 60%;
		top: 24.2%
	}
	.pin-set .pin-5 {
		left: 77.5%;
		top: 41.5%
	}
	.pin-set .pin-6 {
		left: 78.4%;
		position: absolute;
		top: 60.8%
	}
	.ideaboxTimeline .it-right .it-iconbox>span.onam {
		left: inherit!important;
		top: -15px
	}
	.pn-box-wrap ul li {
		width: 47%;
		margin: 10px 1.5%
	}
	.search-results ul li p {
		width: 60%
	}
	.redio-set ul {
		margin-left: 15px
	}
	.redio-set ul li {
		margin-right: 30px;
		text-align: center
	}
	.redio-set {
		display: block;
		text-align: center
	}
	.redio-set p {
		width: 100%;
		display: inline-block;
		margin: 10px 0 0
	}
	.redio-set span {
		display: inline-block;
		text-align: center;
		float: none
	}
	.right-links .acc_head {
		font-size: 12px!important
	}
	.right-links ul li a {
		font-size: 12px
	}
	.download-copy a,
	.download-copy p,
	.program-div ul li a,
	.program-div ul li p {
		font-size: 11px
	}
	.right-links {
		min-height: 267px
	}
	ul.list_press_btn li {
		width: 100%
	}
	ul.list_press_btn li a {
		display: block;
		margin-bottom: 1px
	}
	.track-div {
		padding: 10px
	}
	.download-copy {
		width: 71%
	}
	.program-div ul li {
		padding: 5px 0
	}
	.upcoming-event-div ul li {
		font-size: 13.1px
	}
	.modal-contentPopUp {
		width: 87%
	}
	
	/* Office Locator css start 16-08-19 */
	
	.map-filter select {
	 width: 25%;
	}
	.address-wrap .address-container .address {
		width: 100%;
	}
	/* Office Locator css end 16-08-19 */
	
	
}

@media only screen and (max-width:767px) {
	.feedback-hover h4,
	.value-box p {
		font-size: 16px
	}
	.tender-results-sec ul li span.tnd3 {
		width: 100%!important
	}
	table.responsive {
		margin-bottom: 0
	}
	.pinned {
		position: absolute;
		left: 0;
		top: 0;
		background: #fff;
		width: 35%;
		overflow: hidden;
		overflow-x: scroll;
		border-right: 1px solid #ccc;
		border-left: 1px solid #ccc
	}
	.pinned table {
		border-right: none;
		border-left: none;
		width: 100%
	}
	.pinned table td,
	.pinned table th {
		white-space: nowrap
	}
	.pinned td:last-child {
		border-bottom: 0
	}
	div.table-wrapper {
		position: relative;
		margin-bottom: 20px;
		overflow: hidden;
		border-right: 1px solid #ccc
	}
	div.table-wrapper div.scrollable table {
		margin-left: 35%
	}
	div.table-wrapper div.scrollable {
		overflow: scroll;
		overflow-y: hidden
	}
	table.responsive td,
	table.responsive th {
		position: relative;
		white-space: nowrap;
		overflow: hidden
	}
	table.responsive td:first-child,
	table.responsive th:first-child,
	table.responsive.pinned td {
		display: none
	}
	.mp3-desk,
	.mp3-mobi {
		display: block
	}
	.mp3-mobi audio {
		display: block;
		width: 100%
	}
	.mapIframe iframe {
		width: 100%
	}
	#dvMap {
		height: 150px;
		width: 100%
	}
	.map_search_item {
		overflow: auto;
		height: 150px!important;
		padding: 0 5px;
		margin: 20px 0
	}
	.awd-details {
		padding: 20px 0
	}
	.awd-date .yr {
		width: 30%
	}
	.awd-date .mnth {
		width: 70%
	}
	#inline,
	.lb-cont-set .right {
		width: 100%
	}
	.awd-img {
		text-align: center;
		padding: 0 0 15px
	}
	.awd-copy {
		text-align: left;
		padding: 0
	}
	.lb-logo-set p {
		margin-top: 10px
	}
	.lb-cont-set .left {
		width: 100%;
		margin-top: 15px
	}
	.jrny-sec {
		padding-bottom: 20px;
		margin: 15px 0
	}
	.jrny-sec .jrny-way {
		left: 25%;
		bottom: 0;
		height: 4px;
		width: 50%;
		top: auto
	}
	.jrny-copy h2 {
		text-align: center
	}
	.jrny-copy .jrny-article {
		padding: 15px 0 0;
		text-align: justify
	}
	.life-img-set {
		margin: 15px 0;
		width: 100%
	}
	.life-img-set ul li img {
		width: 100%
	}
	.our-vision li {
		width: 48%
	}
	.value-div,
	.value-div h2 {
		padding-bottom: 15px
	}
	.value-box p {
		padding: 10px
	}
	.global-spread-table {
		overflow: auto
	}
	.feedback-hover img {
		width: auto!important
	}
	.awd-timeline {
		padding: 25px 15px
	}
	.petrozine-yrs ul li {
		width: 47%
	}
	.icon-list>div {
		width: 48%
	}
	.graybox .details-box .innBox {
		width: 100%;
		padding: 20px
	}
	.graybox .details-box .innBox .yallow-box {
		position: static;
		width: 100%
	}
	.csr-content-area {
		width: 100%;
		margin-top: 20px
	}
	.rural-box {
		min-height: 479px
	}
	ul.list_press_btn li .input_btn {
		margin-top: 5px
	}
	.pin-set .pin-bx {
		width: 6%
	}
	.pin-set .pop {
		bottom: 135%;
		margin-left: -103px;
		width: 220px
	}
	.icon-reg>div {
		width: 33%
	}
	.graybox .innBox-two {
		padding: 20px 15px;
		width: 100%
	}
	.graybox .innBox-two .yallow-box {
		margin: 0 auto;
		float: none;
		width: 200px
	}
	.innBox-two .innBox-content {
		width: 100%;
		text-align: center;
		padding-top: 20px
	}
	.innBox-content ul.vm-list li,
	.innBox-content ul.vm-list-prod li {
		width: 45%
	}
	.gray-space,
	.graybox .innBox-three {
		width: 100%
	}
	.disc-table span.disc-cell-01,
	.disc-wrap {
		margin-left: 0
	}
	.disc-table {
		display: inline-block;
		width: 24.2%;
		vertical-align: top;
		padding: 0 2px
	}
	.redio-set,
	ul.list_press_btn li {
		display: block;
		text-align: center
	}
	.disc-table span.disc-cell-01 {
		width: 100%;
		min-height: inherit
	}
	.disc-table span {
		width: 100%;
		min-height: 160px;
		padding: 15px 0;
		text-align: center;
		border-bottom: 2px dashed #ccc
	}
	.map-content .location .left {
		width: 100%
	}
	.map-content .location .right {
		width: 46%
	}
	.map-content .amenities p {
		width: 100%
	}
	.map-content .amenities ul {
		float: left;
		width: 50%;
		margin-top: 10px
	}
	.ideaboxTimeline .it-right .it-iconbox>span.onam {
		left: inherit!important;
		top: -15px
	}
	.pn-box-wrap ul li {
		width: 100%;
		margin: 10px 0
	}
	.pn-box-wrap ul li a {
		margin-left: -25%
	}
	.bprl-journey .jrny-sec {
		width: 100%;
		padding: 20px 0
	}
	.bprl-journey .jrny-sec .jrny-way {
		left: 25%
	}
	.skills-list li .img_title img {
		float: none
	}
	.makLubeForm ul,
	.product-info,
	.product-select,
	.search-results ul li p {
		width: 100%
	}
	.mak-form-field label {
		font-size: 14px;
		margin-top: 20px
	}
	.makLubeForm h2 {
		font-size: 14px
	}
	.redio-set p {
		width: auto;
		float: left;
		margin: 5px 0 0 10px
	}
	.redio-set span {
		text-align: center;
		float: left
	}
	.redio-set ul li,
	ul.list_press_btn li {
		width: 100%
	}
	.form-area-redio {
		margin: 15px
	}
	#divLogin {
		padding: 15px
	}
	.form-area-redio h2 {
		font-size: 17px
	}
	.track-div {
		padding: 20px;
		margin-bottom: 25px
	}
	.download-copy {
		width: 79%
	}
	.download-copy a,
	.download-copy p {
		font-size: 13px
	}
	.right-links .acc_content,
	.right-links .acc_head {
		padding-left: 20px!important
	}
	.steps-wrapper .registration-wrap .col-sm-6 {
		border: none;
		margin-bottom: 50px
	}
	.form-wrap .form-inner .form-steps ul.number-steps:after {
		left: 59px;
		right: 55px
	}
	.form-wrap .form-inner .form-steps ul.number-steps li {
		font-size: 10px;
		padding: 10px
	}
	.form-wrap .form-inner .form-steps ul.number-steps li:before {
		font-size: 10px
	}
	.steps-wrapper .personal-details .row {
		margin: 0
	}
	.steps-wrapper .personal-details .row .col-sm-6 {
		margin-bottom: 20px
	}
	.steps-wrapper .personal-details .row .col-sm-4 {
		padding-left: 0;
		padding-right: 0;
		margin-bottom: 10px
	}
	.steps-wrapper .eduQualif-wrap .row {
		margin: 0
	}
	.steps-wrapper .eduQualif-wrap .row .col-sm-6 {
		margin-bottom: 20px
	}
	.steps-wrapper .eduQualif-wrap .row .col-sm-4 {
		padding-left: 0;
		padding-right: 0;
		margin-bottom: 10px
	}
	.steps-wrapper .work-experience-wrap .row {
		margin: 0
	}
	.steps-wrapper .work-experience-wrap .row .col-sm-6 {
		margin-bottom: 20px
	}
	.steps-wrapper .work-experience-wrap .row .col-sm-4 {
		padding-left: 0;
		padding-right: 0;
		margin-bottom: 10px
	}
	.steps-wrapper .sub-btn {
		margin-bottom: 10px
	}
	.col-sm-6 {
		padding-left: 0!important;
		padding-right: 0!important
	}
	
	.business-unit label {
		display: block;
		margin: 0 auto 10px;
	}
	.business-unit .slect-business {
		display: block;
		margin: 0 auto;
	}
	.filter-inner {
		display: flex;
		flex-direction: column;
	}
	
	/* Office Locator css start 16-08-19 */
	.map-filter select {
		width: 100%;
		margin: 0 0 15px 0;
	}
	/* Office Locator css end 16-08-19 */
	
}

@media (max-width:700px) {
	.map-div,
	.petro-daily {
		margin-bottom: 20px
	}
	.breadcrum {
		width: 100%
	}
	.select-category {
		clear: both;
		display: block;
		text-align: left;
		width: 100%;
		padding-bottom: 15px
	}
	.petrodaily-div .petro-daily {
		padding: 20px 10px 20px 20px
	}
	.smartfleet-ghar-div .readmore {
		margin-bottom: 30px
	}
	.google-play h2 {
		font-size: 2.6em
	}
	.graybox .col-sm-3.pull-right {
		float: none!important
	}
	.bord_member ul li {
		margin: 0
	}
	.prod-adlet ul li {
		width: 100%;
		margin: 0
	}
	.price-section {
		padding: 20px
	}
	.price-section table,
	td {
		padding: 5px;
		text-align: center;
		color: #000;
		font-size: 1em
	}
	.price-section table,
	td strong {
		font-size: 1.1em
	}
	.price-section table th {
		font-size: 1.6em
	}
	.select-set ul li {
		width: 100%;
		margin-bottom: 15px
	}
	.form-area {
		margin: 10px;
		padding: 15px 12px 30px
	}
	.contact {
		border: none
	}
	.tender-results-sec ul li span.tnd1,
	.tender-srchoptn .col-sm-2 {
		width: 100%
	}
	.tender-results-sec ul li span.tnd2 {
		display: none
	}
	.tender-results-sec ul li span.tnd3 {
		width: 100%!important
	}
	.sitemap .site-sec {
		padding-bottom: 0
	}
	.site-gray {
		min-height: inherit;
		margin-bottom: 25px
	}
	.bord_member ul li {
		width: 50%;
		min-height: inherit
	}
	.press_room ul li.rm a {
		line-height: normal
	}
	.locateus-filter .col-sm-4 {
		padding-bottom: 25px
	}
	.locateus-filter .lf-search {
		padding-top: 10px
	}
	.locateus-map #map-canvas {
		height: 350px
	}
	#inline {
		width: 100%
	}
	.rural-img img {
		display: block;
		width: 100%;
		height: auto;
		text-align: right
	}
	.blue-bg img {
		width: auto;
		display: inline-block
	}
	.rural-box {
		min-height: 709px
	}
	.ideaboxTimeline .it-right .it-iconbox>span.onam {
		left: inherit!important;
		top: -15px
	}
	
	
}

@media (max-width:600px) {
	.invester-adlet ul li,
	.lpg-safety>li,
	.select-category select {
		width: 100%
	}
	.press_room ul li.doc a,
	.press_room ul li.pdf a,
	.press_room ul li.rm a {
		padding-right: 35px
	}
	#divCal .col-sm-3,
	.report .filter-drop .col-sm-3 {
		margin-bottom: 5px
	}
	.joint-ventures .content p,
	.prod-box .content p {
		min-height: 0!important
	}
	.graybox .gray-btn {
		position: static;
		display: inline-block;
		margin-bottom: 20px;
		margin-right: 20px;
		float: right
	}
	.disc-scroll {
		overflow: auto
	}
	.disc-scroll .hscroll {
		width: 550px
	}
	.disc-wrap h2 {
		margin-top: 5px
	}
	.ideaboxTimeline .it-right .it-iconbox>span.onam {
		left: inherit!important;
		top: -15px
	}
	.form-wrap .form-inner .form-steps ul.number-steps li:before {
		width: 30px;
		line-height: 29px;
		left: 37%;
		top: -57px
	}
}

@media (max-width:480px) {
	.select-category,
	.vision-box p {
		text-align: center
	}
	.search-field .srch-inpt {
		width: 172px
	}
	.contact {
		border: none
	}
	.tender-search-field input {
		width: 85%
	}
	.tender-search-field input.tnd-srch {
		width: 15%
	}
	.bord_member ul li,
	.tender-search-tab li input {
		width: 100%
	}
	.press_room ul li.rm a {
		line-height: normal
	}
	.tender-search-tab li {
		width: 100%;
		padding: 3px 0 0
	}
	.locateus-map #map-canvas {
		height: 250px
	}
	.vdothumb-scroll,
	.video-galery .video-frame iframe {
		height: 210px
	}
	.captcha-div .captcha-enter {
		width: 90px
	}
	.video-galery .video-frame {
		width: 70%
	}
	.video-galery .video-list {
		width: 30%;
		padding-left: 5px
	}
	#dvMap,
	#inline {
		width: 100%
	}
	.mapIframe iframe {
		width: 100%
	}
	#dvMap {
		height: 250px
	}
	.map_search_item {
		overflow: auto;
		height: 200px!important;
		padding: 0 5px;
		margin: 20px 0
	}
	.jrny-box {
		padding: 5px
	}
	.our-vision li {
		width: 99%
	}
	.our-value li {
		width: 74%;
		margin: 10px 0
	}
	.petrodaily-div .petro-prices-div select {
		width: 110px
	}
	.select-category select {
		float: none
	}
	.feedback-togal ul {
		padding: 10px
	}
	.feedback-togal ul li {
		display: inline-block;
		width: 32.7%;
		margin: 0;
		padding: 0 2px
	}
	.feedback-box-sub {
		margin: 0
	}
	.feedback-box-sub input {
		width: 100%;
		height: 40px
	}
	.feedback-box-sub a h3 {
		position: static
	}
	.toll-free h4 {
		font-size: 13px;
		padding-left: 5px
	}
	.toll-free .pdR {
		padding-right: 0;
		padding-bottom: 15px
	}
	.petrozine-yrs ul li {
		width: 100%;
		margin: 0 0 20px
	}
	.icon-list>div {
		width: 99%
	}
	.rural-img img {
		display: block;
		width: 100%!important;
		height: auto
	}
	.pin-set .pin-1 .pop {
		margin-left: -50px
	}
	.pin-set .pin-4 .pop,
	.pin-set .pin-5 .pop,
	.pin-set .pin-6 .pop {
		margin-left: -150px
	}
	.pin-set .pin-1 .pop::before {
		left: 22.4%
	}
	.pin-set .pin-4 .pop::before,
	.pin-set .pin-5 .pop::before,
	.pin-set .pin-6 .pop::before {
		left: 68.4%
	}
	.icon-reg>div {
		width: 49%;
		border-left: none
	}
	.innBox-content ul.vm-list li {
		width: 95%
	}
	.innBox-content ul.vm-list-prod li {
		width: 45%
	}
	.safety-head span {
		font-size: 20px
	}
	.box-content .content p {
		min-height: auto!important
	}
	.ideaboxTimeline .it-right .it-iconbox>span.onam {
		left: inherit!important;
		top: -15px
	}
	.form-wrap .form-inner .form-steps ul.number-steps li {
		font-size: 6px;
		padding: 7px 4px
	}
	.form-wrap .form-inner .form-steps ul.number-steps li:before {
		width: 25px;
		line-height: 23px;
		left: 37%;
		top: -42px;
		font-size: 9px
	}
	.form-wrap .form-inner .form-steps ul.number-steps:after {
		left: 36px;
		right: 30px;
		top: -31px
	}
	.form-wrap .form-inner .form-steps ul.number-steps li.step-completed:before {
		padding: 12px
	}
	.modal-contentPopUp {
		width: 87%
	}
}

.ie7 .hr,
.ie8 .hr {
	text-align: left!important
}

@media (max-width:360px) {
	.our-value li {
		width: 85%
	}
	.captcha-div .recaptchatable #recaptcha_image {
		width: 225px!important
	}
	.icon-reg>div {
		width: 99%
	}
	.ideaboxTimeline .it-right .it-iconbox>span.onam {
		left: 0;
		top: -15px
	}
	.skills-list li .img_title img {
		float: left
	}
}

@media (max-width:1240px) and (min-width:1023px) {
	.adlet-2-div .adlet-2 .copy-div {
		padding: 10px 15px
	}
	.adlet-2-div .adlet-2 .copy-div h2 {
		padding-bottom: 10px
	}
	.adlet-2-div .adlet-2 .copy-div p {
		line-height: 1.1em
	}
}

.mapIframe iframe {
	border: none!important;
	min-height: 520px;
}

.ie8 .hr {
	float: left!important;
	display: block
}

.ie7 body {
	overflow-x: hidden!important
}

.ie7 .header {
	height: 166px!important
}

.ie7 .jrny-box {
	position: relative!important;
	top: 0!important
}

.ie7 .m-min {
	float: left;
	width: 100%;
	height: 211px
}

.ie7 .breadcrum {
	width: 65%!important;
	height: auto
}

.ie7 .link-top {
	width: 100%
}

.ie7 .rhs-top-menu {
	float: left;
	width: 55%!important;
	margin-left: 220px
}

.ie7 .social-set-top {
	float: right;
	width: auto!important
}

.ie7 .video-div {
	float: left;
	width: 100%;
	height: 634px
}

.ie7 .box-content .content {
	width: 90%
}

.ie7 .jrny-sec {
	padding-top: 10px!important;
	position: static!important;
	display: block
}

.ie7 .select-category {
	float: right
}

.ie7 .img-div {
	float: left!important;
	width: 20%
}

.ie7 .vision-div h2 {
	clear: both
}

.ie7 .our-vision {
	clear: both;
	display: block;
	width: auto
}

.ie7 .our-value li {
	display: inline
}

.ie7 .press-adlet .right {
	width: 36%!important
}

.ie7 .col-sm-4 {
	width: 30.33%
}

.ie7 .home-map {
	overflow: hidden!important;
	height: auto!important
}

.ie7 .graybox ul li,
ul.list-bullet li {
	clear: none!important;
	border: none!important;
	margin: 0 20px 20px 0
}

.ie7 .ul.list_press_btn li {
	display: inherit!important;
	float: left
}

.ie7 .inner-carousel-wrap {
	display: inherit!important;
	float: left!important;
	padding-bottom: 30px!important
}

.ie7 .graybox .details h2 {
	clear: both!important;
	padding-top: 15px!important
}

.ie7 .graybox .details p,
.ie7 .graybox ol>li {
	clear: both!important
}

.ie7 .icon-list>DIV {
	float: left;
	width: 22%
}

.ie7 .form-area h2 {
	margin-left: -28px!important
}

.ie7 .inner-carousel-wrap-3 {
	background: url(../images/bg-inner-carousel.jpg) center top/cover no-repeat rgba(0, 0, 0, 0)!important
}

.ie7 .locate-us-div,
.yallow-bg {
	background: #ffce1a!important;
	height: 60px!important
}

.ie7 .container-fluid {
	float: left;
	width: 100%;
	height: auto
}

.ie7 .map-filter {
	float: left;
	border: 1px solid red;
	width: 25%
}

.ie7 .bord_member ul,
.ie7 bord_member {
	width: 100%!important;
	float: left!important
}

.ie7 .google-play {
	height: 340px
}

.ie7 .hr {
	float: left!important;
	display: block
}

.ie7 .top-bg {
	background: 0 0
}

.ie7 bord_member {
	height: auto;
	border: 1px solid #00F
}

.ie7 .bord_member ul li {
	float: left!important;
	width: 22%;
	height: auto;
	margin: 0;
	padding: 15px;
	clear: inherit!important;
	border-radius: 6px;
	overflow: hidden;
	text-align: center;
	border: 1px solid red
}

.ie7 .frm-ie7 {
	border: 0 solid red;
	float: left;
	width: 15%
}

.ie7 .frm-ie7 input {
	float: left;
	height: auto;
	width: 100%
}

.ie7 .copy-div>p {
	line-height: normal!important
}

.ie7 .box-content .image .img-hr .arrow {
	left: 2%!important;
	display: none
}

.ie7 .press_room ul {
	width: 90%!important;
	float: left
}

.ie7 .track-box a {
	position: static;
	float: left;
	margin-left: 120px
}

.ie7 .inner-carousel-wrap3 {
	background: url(../images/bg-inner-carousel3.jpg) center top/cover no-repeat rgba(0, 0, 0, 0)!important;
	margin-bottom: 10px
}

.ie7 .greetings-wrap {
	float: right!important
}

.ie7 .petrodaily-div .petro-prices-div {
	width: 92%
}

.ie7 .yl-box {
	float: left
}

.ie7 .give-up-btn-wrap {
	margin-top: 25px
}

.ie7 .giv-up-box {
	width: 90%!important;
	float: left!important
}

.ie7 .testi-wrapnew7 {
	width: 22%
}

.ie7 .jointv7 {
	width: 18%
}

.ie7 .testi-wrap .content h2 {
	width: 80%
}

.ie7 .newgas7 {
	width: 15%
}

.ie7 .innerBox-content ul.vm-list li {
	width: 15%!important
}

.cssPager td span,
.ie7 .cssPager td a:hover {
	text-align: left
}

.ie7 .global7 {
	width: 15%
}

.ie7 .sustainability7 {
	width: 20%
}

.ie7 .active.testi-wrap {
	width: auto!important
}

.ie7 .google-play a {
	border: 0 solid red;
	float: left;
	height: auto;
	margin-right: 10px;
	width: 150px
}

.ie7 .imgr7 {
	float: right!important
}

.ie7 .col-sm-9.details {
	width: 70%
}

.ie7 .innBox-content ul.vm-list li {
	width: 22%!important
}

.ft2,
.ft3,
.ft4,
.ft5,
.ie7 .footer .ft1 {
	min-height: 420px
}

.ie7 .footer .ft10 {
	float: right
}

.csr-sec {
	padding: 50px 0;
	color: #000;
}

.csr-sec.gray-bg {
	background: #e1e1e1
}

.csr-title {
	color: #007ec4;
	text-align: center;
	font-size: 28px;
	margin: 0 0 30px
}

.csr-title:after {
	content: '';
	display: block;
	margin: 15px auto 0;
	height: 4px;
	width: 300px;
	background: #f8db08;
}

.csr-title2 {
	color: #2d2d2d;
	text-align: center;
	font-size: 28px;
	margin: 0 0 30px;
}

.csr-sec p {
	margin-bottom: 15px;
	line-height: 1.4;
	font-size: 16px;
}

.csr-tab {
	background: #fff;
	border-radius: 20px;
	overflow: hidden;
}

.csrtabs {
	display: flex;
	margin: 0;
	padding: 0;
	flex-wrap: wrap;
	height: 140px;
}

.csrtabs li {
	width: 25%;
	text-align: center;
	background: #fff000;
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}

.csrtabs li:before {
	content: '';
	height: 60px;
	width: 1px;
	background: #333;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -30px;
}

.csrtabs li:first-child:before {
	display: none;
}

.csrtabs li.current {
	background: #fff;
}

.csr-ico {
	width: 65px;
	height: 65px;
	background: url(../images/csr/csr-sprite.png) 0 0 no-repeat;
	border-radius: 50%;
}

.csr-ico.ico1 {
	background-position: -520px 0;
}

.csrtabs li.current .csr-ico.ico1 {
	background-position: -520px -65px;
}

.csr-ico.ico2 {
	background-position: -325px 0;
}

.csrtabs li.current .csr-ico.ico2 {
	background-position: -325px -65px;
}

.csr-ico.ico3 {
	background-position: -390px 0;
}

.csrtabs li.current .csr-ico.ico3 {
	background-position: -390px -65px;
}

.csr-ico.ico4 {
	background-position: -455px 0;
}

.csrtabs li.current .csr-ico.ico4 {
	background-position: -455px -65px;
}

.csr-ico.ico5 {
	background-position: 0 0;
}

.csrtabs li.current .csr-ico.ico5 {
	background-position: 0 -65px;
}

.csr-ico.ico6 {
	background-position: -65px 0;
}

.csrtabs li.current .csr-ico.ico6 {
	background-position: -65px -65px;
}

.csr-ico.ico7 {
	background-position: -130px 0;
}

.csrtabs li.current .csr-ico.ico7 {
	background-position: -130px -65px;
}

.csr-ico.ico8 {
	background-position: -195px 0;
}

.csrtabs li.current .csr-ico.ico8 {
	background-position: -195px -65px;
}

.csr-ico.ico9 {
	background-position: -260px 0;
}

.csrtabs li.current .csr-ico.ico9 {
	background-position: -260px -65px;
}

.csrtabs li div {
	text-align: left;
	margin-left: 15px;
	color: #000;
}

.csrtabs.tabs2 li {
	width: 20%;
}

.csrtab-content {
	display: none;
}

.csrtab-content.current {
	display: block;
}

.csr-tabinside {
	padding: 25px 60px 50px 60px;
	font-size: 16px;
	line-height: 1.4;
	color: #000;
}
.csr-tabinside img {margin-bottom: 30px !important;}

.csr-sec.csr-intro p {
	margin: 30px 0;
}

.csr-fximg {
	background: url(../images/csr/school.jpg) 0 0 no-repeat;
	background-position: 0 -50%;
	background-size: cover;
	background-attachment: fixed;
	min-height: 190px;
	position: relative;
}

.csr-fximg.tab-1 {
	background: url(../images/csr/school.jpg) 0 0 no-repeat;
	background-position: 0 -50%;
	background-size: cover;
	background-attachment: fixed;
}

.csr-fximg.tab-2 {
	background: url(../images/csr/water_conservation.jpg) 0 0 no-repeat;
	background-position: 0 -50%;
	background-size: cover;
	background-attachment: fixed;
}

.csr-fximg.tab-3 {
	background: url(../images/csr/primary_healthcare_services.jpg) 0 0 no-repeat;
	background-position: 0 -50%;
	background-size: cover;
	background-attachment: fixed;
}

.csr-fximg.tab-4 {
	background: url(../images/csr/skill.jpg) 0 0 no-repeat;
	background-position: 0 -50%;
	background-size: cover;
	background-attachment: fixed;
}

.csr-fximg.tab-5 {
	background: url(../images/csr/community_development.jpg) 0 0 no-repeat;
	background-position: 0 -50%;
	background-size: cover;
	background-attachment: fixed;
}

.csr-fximg:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	background: url(../images/blue_overlay.png);
	opacity: 0.6;
}

.csr-sec.csrblue-bg {
	padding-top: 0;
}

.csr-sec.csrblue-bg .container {
	background: #007ec3;
	color: #fff;
	padding: 30px 40px;
	border-radius: 20px;
}

.csr-sec.csrblue-bg p {
	margin-bottom: 10px;
}

.csr-sec.csrblue-bg strong {
	color: #ffcb00;
	font-size: 24px;
}

.csr-sec.csrblue-bg strong a {
	color: #ffcb00;
}

.tab-bg {margin-bottom: 30px; background: #f1f1f1;}

@media(max-width:1200px) {
	.csrtabs {
		height: 170px;
	}
	.csrtabs li {
		font-size: 14px;
		padding: 15px 15px;
		flex-wrap: wrap;
	}
	.csrtabs li div {
		margin: 5px 0 0;
		display: block;
		text-align: center;
		width: 100%;
	}
}

@media(max-width:667px) {
	.csr-sec {
		padding: 30px 0;
	}
	.csr-title,
	.csr-title2 {
		font-size: 24px;
	}
	.csr-sec .col-sm-6 {
		padding: 0 15px !important;
	}
	.csr-sec.csr-intro p {
		margin: 0 0 15px;
	}
	.csr-tabinside {
		padding: 25px 15px;
	}
	.csrtabs {
		height: auto;
	}
	.csrtabs li {
		width: 50%;
		padding: 4px;
		font-size: 12px;
	}
	.csrtabs.tabs2 li {
		width: 50%;
	}
	.csrtabs li:before {
		display: none;
	}
	.csr-ico {
		transform: scale(0.7);
	}
	.csrtabs li div {
		margin-top: -5px;
	}
}


/*----------------------------------------------------*/
/* START: CSS for Mumbai Refinary on 6Aug2019 */
.btn-border{color: #027ec3; font-size: 16px; text-transform: uppercase; letter-spacing: 1px; text-align: center; padding: 10px 30px; border: 1px solid #047fc3; border-radius: 30px; display: inline-block; background-color: transparent;}
.btn-border:hover{text-decoration: none; background: #047fc3; color: #fff; }

.mr-top-article{position: relative; display: inline-block; width: 100%; margin:20px auto 60px auto;}
.mr-top-article:before{content: ''; width: 100%; height:3px; background:#f8da00; position: absolute; top: 50%; transform: translateY(-50%);}
/*.mr-top-article .container{}*/
.mr-top-article .inner-article{position: relative; display:inline-block; width: 100%; border: 1px solid #c3c3c3; background: #fff;box-shadow: 0 20px 50px rgba(0,0,0,.1);}
.mr-top-article .img-div{float: right;    display: inline-block; width: 50%; vertical-align: middle; position: relative; overflow: hidden;}
.mr-top-article .img-div img{display: block; width: 100%; max-height: none; }
.mr-top-article .copy-div{display: block; vertical-align: middle; background: #fff; padding: 40px 30px 40px 100px; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width:50%; transition: all .4s ease-out; /*border: 1px solid #c3c3c3; border-right: none;*/}
.mr-top-article .copy-div h4{font-size: 14px; text-transform: uppercase; color: #000; border-bottom: 3px solid #fcdd05; display: inline-block; clear: both; margin-bottom: 20px; padding-bottom: 5px;letter-spacing: 1px; font-weight: bold;}
.mr-top-article .copy-div h2{font-size: 40px;  color: #027ec5; margin-bottom: 10px;}
.mr-top-article .copy-div p{font-size: 16px; line-height: 1.3em; margin-bottom: 30px; }


.mr-frm{position: relative; display: inline-block; width: 100%;}
.mr-frm .inner-frm{position: relative; display:inline-block; width: 100%;}
.mr-frm .img-div{float: right; display: inline-block; width: 50%; vertical-align: middle; position: relative; overflow: hidden;}
.mr-frm .img-div img{display: block; width: 100%; max-height: none; }
.mr-frm .copy-div{display: block; vertical-align: middle; background: #fff; padding: 40px 30px 40px 100px; position: absolute; top: 50%; right: 50%; transform: translateY(-50%); width:620px; transition: all .4s ease-out; margin-left: 50%;}
.mr-frm .copy-div h4{font-size: 14px; text-transform: uppercase; color: #000; border-bottom: 3px solid #fcdd05; display: inline-block; clear: both; margin-bottom: 20px; padding-bottom: 5px;letter-spacing: 1px; font-weight: bold;}
.mr-frm .copy-div h2{font-size: 40px;  color: #027ec5; margin-bottom: 10px; line-height: 1em;}
.mr-frm .copy-div p{font-size: 16px; line-height: 1.3em; margin-bottom: 20px; }
/*--*/
.mr-frm.right .img-div{float:none;}
.mr-frm.right .copy-div{top: 50%; right: auto; margin-right: 50%; z-index: 9;}
/*--*/
.mr-frm.blue{ background: #017dc4; margin-bottom: 60px;}
.mr-frm.blue .img-div{margin-bottom: -4px;}
.mr-frm.blue .copy-div{background: #017dc4; }
.mr-frm.blue .copy-div h2{color: #f8da00;}
.mr-frm.blue .copy-div p{color: #fff;} 


.mr-bttom{display: flex; width: 100%; justify-content: flex-end; background: #f2f8fc;}
.mr-bttom :nth-child(1){order: 2;}
.mr-bttom :nth-child(2){order: 3;}
.mr-bttom :nth-child(3){order: 1;}
.mr-bttom .mr-joinus{ position: relative; padding:20px 40px 20px 100px; width: 465px; }
.mr-bttom .mr-joinus .copy-div{position: relative; top: 50%; transform: translateY(-50%);}
.mr-bttom .mr-joinus h2{font-size: 40px;  color: #027ec5; margin-bottom: 10px; line-height: 1em;}
.mr-bttom .mr-joinus ul{display: inline-block; margin-top: 20px;}
.mr-bttom .mr-joinus ul li{ float: left;margin: 0; height: 38px; border: 1px solid #9b9fa1; font-size: 13px; text-transform: uppercase; color: #000; letter-spacing: 1px; font-weight: bold; border-left: none;}
.mr-bttom .mr-joinus ul li:first-child{border-left: 1px solid #9b9fa1; padding: 10px;}
.mr-bttom .mr-joinus ul li div{display: block; padding: 11px; transition: all .4s ease;}
.mr-bttom .mr-joinus ul li div:hover{background: #155a92; color: #fff;}
.mr-bttom .mr-joinus ul li a{width: 18px; height: 14px; background: url(../images/mr-social.png) 0 0 no-repeat; display: block;}
.mr-bttom .mr-joinus ul li a.fb{background-position:5px  0 ;}
.mr-bttom .mr-joinus ul li a.in{background-position:-24px  0 ;}
.mr-bttom .mr-joinus ul li a.yt{background-position:-54px  0 ;}
.mr-bttom .mr-joinus ul li a.tw{background-position:-84px 0;}
.mr-bttom .mr-joinus ul li div:hover a.fb{background-position:5px -14px ;}
.mr-bttom .mr-joinus ul li div:hover a.in{background-position:-24px  -14px ;}
.mr-bttom .mr-joinus ul li div:hover a.yt{background-position:-54px  -14px ;}
.mr-bttom .mr-joinus ul li div:hover a.tw{background-position:-84px -14px;}

.mr-bttom .mr-block{ position: relative;}
.mr-bttom .mr-block .img-div{display: block; position: relative; overflow: hidden;}
.mr-bttom .mr-block .img-div img{display: block; width: 100%;}
.mr-bttom .mr-block .copy-div{position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 60px;}
.mr-bttom .mr-block .copy-div h4{font-size: 14px; text-transform: uppercase; color: #fff; border-bottom: 3px solid #fcdd05; display: inline-block; clear: both; margin-bottom: 20px; padding-bottom: 5px;letter-spacing: 1px; font-weight: bold;}
.mr-bttom .mr-block .copy-div h2{font-size: 40px;  color: #fff; margin-bottom: 10px; line-height: 1em;}
.mr-bttom .mr-block .copy-div p{font-size: 16px; color: #fff; line-height: 1.3em; margin-bottom: 20px; }
.mr-bttom .mr-block .copy-div .btn-border{color: #fff; border: 1px solid #fff;}
.mr-bttom .mr-block .copy-div .btn-border:hover{background: #047fc3; color: #fff; }
.mr-bttom .mr-block .copy-div ul{display: block; margin-top: 10px;}
.mr-bttom .mr-block .copy-div ul li{display: block; color: #000; font-size: 18px; margin-bottom: 20px; font-weight: bold;}
.mr-bttom .mr-block .copy-div ul li a{color: #000; position: relative;}
.mr-bttom .mr-block .copy-div ul li a:after{content: ''; background: url(../images/mr-arrow-right.png) center center no-repeat; height: 14px; width: 40px; background-size: contain; color: #000; display: inline-block; margin-left: 10px;}

.mr-awards-wrap{display: block; background: #f3f8fd; padding:30px 0  20px 0; border-top: 1px solid #027ec5; margin-top: 20px;}
.mr-awards-wrap .search-div{display:flex; justify-content: flex-end;  margin-bottom: 20px; position: relative; }
/*.mr-awards-wrap .search-div:before{content: ''; background: url(../images/award-bow.png) 0 0 no-repeat; width: 64px; height: 80px; position: absolute; top: -65px; left: 0;}*/
.mr-awards-wrap .search-div .form-control{max-width: 380px; background: #fff; border: 1px solid #e1e1e3; box-shadow: none;  border-radius: 6px;}
.mr-awards-wrap .awd-awdSlide {display: flex; margin: 0 -25px; flex-wrap: wrap}
.mr-awards-wrap .awd-awdSlide .item{flex:0 0 33.3333%; padding:15px 25px;}
.mr-awards-wrap .awd-awdSlide .item .awd-block {height: 100%; position: relative; padding-bottom: 30px;}
.mr-awards-wrap .awd-awdSlide .item .awd-block img {display: block; margin-bottom: 20px;}
.mr-awards-wrap .awd-awdSlide .item .awd-block h3 {display: block; color: #027ec5; font-size: 21px; margin-bottom: 20px; font-weight: 600; line-height: 1.1em;}
.mr-awards-wrap .awd-awdSlide .item .awd-block p {color: #333333; font-size: 16px; margin-bottom: 0px; font-weight: 600;}

.mr-certificates-wrap{display: block; padding:30px 0  60px 0; }
.mr-certificates-wrap .mr-crtf {display: flex; margin: 0 -25px; flex-wrap: wrap}
.mr-certificates-wrap .mr-crtf .item{flex:0 0 33.3333%; padding:15px 25px;}
.mr-certificates-wrap .mr-crtf .item .crtf-block {height: 100%; position: relative; padding-bottom: 20px;}
.mr-certificates-wrap .mr-crtf .item .crtf-block img {display: block; margin-bottom: 20px;}
.mr-certificates-wrap .mr-crtf .item .crtf-block h3 {display: block; color: #027ec5; font-size: 21px; font-weight: 600; line-height: 1.1em;}


/* sevices */
.adlets-wrap .adlet-frm{ background: #e9f3fa; padding: 80px 0;}
.adlets-wrap .adlet-frm:nth-child(2n){ background: #fff;}

.mr-adlets {display: flex; flex-wrap: wrap;}
.mr-adlets .item {width: 25%; padding: 15px;}
.box {background: #ccc; box-shadow: 0 0 6px rgba(0,0,0,0.1); position: relative; overflow: hidden; height: 245px; text-align: center;}
.box-main {height: 100%;position: relative;}
.box-main .bg-img{display: block; width: 100%; max-height: none;}
.box-main .btn-close-mob{display: none;}
.box-middle {position: absolute; left: 0; width: 100%; top: 50%; transform: translateY(-50%);padding: 0 25px; }
.box-main .box-icon { display: block; margin: 0 auto;} 
.box-main h3 {font-size: 20px; color: #fff; margin: 20px 0 0;font-weight: 600; display: inline-block; clear: both;} 
.box-main h3:after {content: ''; height: 2px; width: 120px; background: #f8ce47; display: block; margin: 5px auto 0; max-width: 100%; }
.box-main .box-hr-icon {display: none;}
.box-main .box-icon-mob {display: none;}
.box-over { position: absolute; left: 0; top: 100%; transition: all ease 0.4s; width: 100%; height: 100%; z-index: 2; color: #fff; overflow: hidden; }
.box-over .blue-overlay{width: 100%; height: 100%; background: rgba(48,117,187,1); position: relative; z-index: 2; overflow: hidden; }
/*.box-over img {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) scale(1.2);}*/
.box-over h3 {margin: 0 0 10px; color: #fff; font-weight: 600; padding: 0; font-size: 18px;}
.box-over p {margin: 0 0 10px; color: #fff; font-size: 16px;}
.box-over .btn-knowmore{color: #ffdd00; font-size: 13px; text-decoration: underline; font-weight: 600; letter-spacing: 1px;}
.box:hover .box-over{top: 0;}

.interest-wrap{ background: #f3f8fd; padding:40px 0; margin: 0; border-bottom: 1px solid #bec6cd; }
.ref-section.interest-wrap{margin: 0;}

 
 /* april 07 2020 */
.mr-adlets.mr-adlets2 {justify-content: center;}
.mr-adlets.mr-adlets2 .box {height:auto;}
.mr-adlets.mr-adlets2 .box-middle{justify-content: center; transform:none; padding:1px 4px; background:rgba(102,102,102,0.7); top:auto; left:50%; bottom:15px; width:90%; transform:translateX(-50%);}
.mr-adlets.mr-adlets2 .box-middle:after {content:''; height:2px; display:block; background:#f4da35; margin:0 -4px -4px;}
.mr-adlets.mr-adlets2 .box-main h3 {border:none; margin:0;} 
.mr-adlets.mr-adlets2 .box-main h3:after {display:none;}
/* april 07 2020 */

/* MAK Product css start */
.lubricants-wrap {
		display: flex;
		flex-wrap: wrap;
		justify-content:center;
	}
	.lubricants-wrap .item {
		width: 100%;
		margin: 0.5%;
		flex:0 0 19%;
	}
.lubricants-box {position:relative;}
	.lubricants-wrap .item a {
		position: relative;
		text-decoration: none;
		color:#fff;
	}
	.lubricants-wrap .item:hover .hover-wrap {
		opacity: 1;
		-webkit-transition: opacity 0.2s linear;
		-moz-transition: opacity 0.2s linear;
		-o-transition: opacity 0.2s linear;
		transition: opacity 0.2s linear;
	}
	.lubricants-wrap .item .lubricants-box img {
		display: block;
		width: 100%;
	}
	.lubricants-wrap .item .hover-wrap {
		position: absolute;
		left: 0;
		top: 0;
		opacity: 0;
		-webkit-transition: opacity 0.2s linear;
		-moz-transition: opacity 0.2s linear;
		-o-transition: opacity 0.2s linear;
		transition: opacity 0.2s linear;
	}
	.lubricant-name {
		background: #027ec5;
		border-bottom: 6px solid #ffdd00;
	}
	.lubricant-name p {
		font-size: 14px;
		color: #ffffff;
		font-weight: bold;
		text-align: center;
		
	}
	.lubricant-name a{padding: 15px 5px; display:block}

	.lubricants-details {
		background: url("../images/mak-product/lubricants-bg.jpg") 0 0 no-repeat;
		background-size: cover;
		width: 100%;
		height: auto;
		padding: 80px 0 30px 0;
		border-bottom: 7px solid #ffdd00;
	}
	.lubricants-details .pro-img img {
		display: block;
		margin: 0 auto;
	}
	.lubricants-details .pro-wrap {
		padding-right: 100px;
	}
	.lubricants-details .pro-wrap .pro-details .pro-name {
		display: inline-block;
		vertical-align: top;
		width: 75%;
	}
	.lubricants-details .pro-wrap .pro-details .pro-name h2 {
		font-size: 44px;
		text-align: left;
		color: #027ec5;
		margin-bottom: 20px;
	}
	.lubricants-details .pro-wrap .pro-details .pro-name span {
		font-size: 20px;
		color: #ffffff;
		background: #007dc7;
		padding: 10px 19px;
		display: inline-block;
	}
	.lubricants-details .pro-wrap .pro-details a.pds {
		font-size: 17px;
		color: #027ec5;
		border: 1px solid #017dc4;
		display: inline-block;
		vertical-align: top;
		padding: 11px 45px;
		border-radius: 50px;
		text-decoration: none;
	}
	.lubricants-details .pro-wrap p {
		font-size: 18px;
		color:#676a6e;
		text-align: left;
		padding: 35px 0 70px 0;
		line-height: 25px;
	}
	.lubricants-details .pro-wrap .skus-available h3 {
		font-size: 20px;
		color: #171717;
		text-align: left;
		font-weight: bold;
		padding-bottom: 8px;
	}
	.lubricants-details .pro-wrap .skus-available hr {
		width: 15%;
		height: 3px;
		background: #ffdd00;
	}
	.lubricants-details .pro-wrap .skus-available ul {
		margin-top: 25px;
	}
	.lubricants-details .pro-wrap .skus-available ul li {
		display: inline-block;
		padding-right: 25px;
		padding-bottom:28px;
		vertical-align: middle;
	}
	.lubricants-details .pro-wrap .skus-available ul li:last-child {
		padding-right: 0;
	}

	.ltr-div {
  width: 100px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  position: relative;
}
.ltr-div:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: url("../images/skus-img.png") center center no-repeat;
  background-size: contain;
  z-index: 1;
  transition: all ease 0.3s;
}
.ltr-sec {width: 100%; text-align: center; position: relative; z-index: 2;}
.ltr-quanity {
  display: block;
  font-size: 20px;
  color: #027ec5;
  font-weight: 600;
  transition: all ease 0.3s;
}
.ltr-price {
  display: block;
  font-size: 20px;
  color: #474747;
  font-weight: 600;  
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  transform: translateY(100%);
  opacity: 0;
  transition: all ease 0s;
}

.ltr-div:hover:before {
  background: url("../images/skus-img-hover.png") center center no-repeat;
  background-size: contain;
  transform: scale(1.32);
}
.ltr-div:hover .ltr-quanity {transform: translateY(-50%); font-size: 16px;}
.ltr-div:hover .ltr-price {transform: translateY(50%); opacity: 1; transition: all ease 0.3s;}

.table-overflow {overflow: auto;}

	/* accordion css */
	.lubricant-accordion {
		width: 100%;
	}
	.accordionjs {
	  position: relative;
	  margin: 0;
	  padding: 0;
	  list-style: none;
	  margin-top: 15px;
	  margin-bottom: 70px;
		background: #eff6fe;
	}
	.accordionjs .acc_section {
	  position: relative;
	  z-index: 10;
	  margin-top: -1px;
	  overflow: hidden;
	}
	.accordionjs .acc_section .acc_head {
		border-bottom: 1px solid #9cc1e5;
		font-size: 18px;
		color: #027ec5;
		text-transform: uppercase;
		position: relative;
		padding: 25px 90px;
		display: block;
		cursor: pointer;
		line-height: normal;
		text-align: left;
		font-weight: bold;
	}
	.accordionjs .acc_section .acc_headnew {
		background: #f1ce98;
		border: 0;
		font-size: 12px;
		line-height: 19px;
		text-align: center;
		padding: 8px 8px;
	}

	.accordionjs .acc_section .acc_head h3 {
	  line-height: 1;
	  margin: 5px 0;
	}
	.accordionjs .acc_section .acc_content {
	  padding: 25px 90px;
	}
	.accordionjs .acc_section .acc_contentnew {
	  padding: 15px 10px 15px 10px;
		border-left: 3px solid #f8e599;
		border-right: 3px solid #f8e599;
		border-bottom: 3px solid #f8e599;
	}
	.accordionjs .acc_section .acc_contentnew a {
		display: block;
		text-align: left;
		line-height: 16px;
	}
	.accordionjs .acc_section .acc_contentnew a.active {
		color: #f38820;
		text-decoration: underline;
	}
	.accordionjs .acc_section .acc_contentnew ul {
		list-style-type: disc;
		list-style-position: outside;
		padding-left: 15px;
	}
	.accordionjs .acc_section .acc_contentnew ul li {
		margin-bottom: 8px;
	}
	.accordionjs .acc_section.acc_active > .acc_contentnew {
	  display: none !important;
	}
	.accordionjs .acc_section.acc_active > .acc_content {
	  display: block;
		background: #d8eafe;
	}
	.accordionjs .acc_section.acc_active > .acc_head {
		border-bottom:none;
		background: #027ec4;
		color: #f6fafd;
	}
	.accordionjs .acc_section.acc_active > .acc_headnew {
	  background: #f1ce98;
		color: #4e2b1c;
	}
	.accordionjs .accordion_in .acc_head .acc_icon_expand {
		display: block;
		width: 15px;
		height: 10px;
		position: absolute;
		right: 20px;
		top: 50%;
		transform: translate(0, -50%);
		background: url("../images/mak-product/down-arrow.png") center 0 no-repeat;
	}
	.accordionjs .accordion_in.acc_active .acc_head .acc_icon_expand {
		background: url("../images/mak-product/up-arrow.png") center 0 no-repeat;
	}

	.img-wrap {
		border: 1px solid #e0dbd6;
		background: #fffffc;
		padding: 15px;
		margin-bottom: 15px;
	}
	.img-wrap img {
		display: block;
		width: 100%;
	}
	.lubricant-accordion p {
		font-size: 16px;
		color: #3b3b3b;
	}
	.lubricant-accordion table {
		width: 100%;
		border-collapse: collapse;
		margin-top: 25px;
	}
	.lubricant-accordion table th  {
		border: 1px solid #868686;
		background: #c5ddf3;
		font-size: 16px;
		color: #181818;
		text-align: left;
    	padding: 30px 17px 30px 40px;
		border-bottom: none;
	}
	.lubricant-accordion table td  {
		border: 1px solid #868686;
		font-size: 16px;
		color: #353b3f;
		text-align: left;
    	padding: 30px 17px 30px 40px;
		border-top: none;
	}
/* MAK Product css end */


@media (max-width:1500px){
	.btn-border{font-size: 13px;}
	.mr-top-article .copy-div h4, .mr-frm .copy-div h4, .mr-bttom .mr-block .copy-div h4{font-size: 12px;}
	.mr-top-article .copy-div h2, .mr-frm .copy-div h2, .mr-bttom .mr-joinus h2, .mr-bttom .mr-block .copy-div h2{font-size: 30px;}
	.mr-top-article .copy-div p, .mr-frm .copy-div p, .mr-bttom .mr-block .copy-div p{font-size: 15px;}
	.mr-bttom .mr-block .copy-div ul li{font-size: 16px;}
}
@media (max-width: 1400px) {
	.box-box {height: 220px;}
	.adlets-wrap .adlet-frm{padding: 40px 0;}
	.box-main .bg-img{width: auto; height: 100%; max-width: none;}
	.mr-top-article .copy-div, .mr-frm .copy-div{padding-left: 60px;}
	
	.mr-bttom .mr-joinus{padding: 20px 40px 20px 80px;}
}
@media (max-width: 1395px) {
	.mr-frm .copy-div{width: 555px;}
}
@media (max-width: 1200px) {
	/*.mr-adlets .item {width: 33.3333%;}*/
	/* MAK Product css start */
	.lubricants-wrap .item {
		flex:0 0 24%;
	}
	/* MAK Product css end */
}
@media (max-width:1100px){
	.btn-border{font-size: 11px; padding: 8px 20px}
	.mr-top-article .copy-div h4, .mr-frm .copy-div h4, .mr-bttom .mr-block .copy-div h4{font-size: 10px;}
	.mr-top-article .copy-div h2, .mr-frm .copy-div h2, .mr-bttom .mr-joinus h2, .mr-bttom .mr-block .copy-div h2{font-size: 24px;}
	.mr-top-article .copy-div p, .mr-frm .copy-div p, .mr-bttom .mr-block .copy-div p{font-size: 13px;}
	.mr-bttom .mr-block .copy-div ul li{font-size: 14px;}
	
	.mr-top-article .copy-div{padding: 20px 30px;}
	.mr-frm .copy-div{padding: 20px 30px; width: 465px;}
	
	.mr-adlets .item {padding: 5px;}
	.box-main h3{font-size: 18px;}
	.box-over h3{font-size: 16px;}
	.mr-bttom .mr-joinus{padding:20px 30px; width: 485px;}
	.mr-bttom .mr-block .copy-div{padding: 30px;}
}
@media (max-width:992px){
	.mr-adlets{justify-content: center;}
	.mr-adlets .item{width: 40%; padding: 15px;}
	/* MAK Product css start */
	.lubricants-details .pro-wrap {
		padding-right: 10px;
	}
	.lubricants-details .pro-wrap .pro-details .pro-name {
		width: 70%;
	}
	.lubricants-details .pro-wrap .pro-details .pro-name h2 {
		font-size: 25px;
	}
	.lubricants-details .pro-wrap .pro-details .pro-name span {
		font-size: 15px;
	}
	.lubricants-details .pro-wrap p {
		padding: 35px 0 40px 0;
	}
	.lubricants-details .pro-wrap .skus-available ul li {
		padding-bottom: 20px;
	}
	.accordionjs .acc_section .acc_head {
		padding: 25px 25px;
	}
	.accordionjs .acc_section .acc_content {
		padding: 25px 25px;
	}
	.lubricant-accordion table th, .lubricant-accordion table td {
		padding: 15px 10px 15px 10px;
	}
	.lubricants-wrap .item {
		flex:0 0 32.3333%;
	}
	/* MAK Product css end */
}
@media (max-width: 767px) {
	.mr-top-article{margin-bottom: 30px;}
	.mr-top-article .inner-article{display: block;}
	.mr-top-article .img-div{display: block; float: none; width: 100%;}
	.mr-top-article .copy-div{display: block; position: static; width: 100%; transform: none;}
	
	.mr-top-article .copy-div p:last-child, .mr-frm .copy-div p:last-child, .mr-bttom .mr-block .copy-div p:last-child{margin-bottom: 0;}
	.mr-adlets.mr-adlets2 .box-middle {justify-content: left; background:#fff; transform:none; left:0; bottom:0;}
	.mr-frm{display:block; padding:0 15px 30px 15px;}
	.mr-frm .inner-frm{display: block; border:1px solid #c3c3c3;}
	.mr-frm .img-div{float: none; display: block; width: 100%;}
	.mr-frm .copy-div{float: none; display: block; position: static; width: 100%; transform: none; margin: 0;}
	.mr-frm.blue{background: transparent; margin-bottom:10px;}
	
	.mr-bttom{display: block;}
	.mr-bttom .mr-joinus{padding: 40px 45px 60px 45px; width: 100%;}
	.mr-bttom .mr-joinus .copy-div{transform: none;}
	.mr-bttom .mr-block .copy-div{padding: 30px 45px;}
	.mr-bttom .mr-block .copy-div .scrollbar{height: 110px;}	
	
	.adlets-wrap{padding: 30px 0; background: #f3f3f3;}
	.adlets-wrap .adlet-frm{padding: 0; background: #f3f3f3; }
	.adlets-wrap .adlet-frm:nth-child(2n){background: #f3f3f3;}
	
	.mr-adlets .item {width: 100%; padding: 1px 0;}
	.box { border-radius: 3px; height: auto; background: #fff;}
	
	.box-main .box-middle {position: relative; transform: none; left: 0; top: 0; height: 100%; display: flex; align-items: center;}
	.box-main {text-align: left; height: 38px;}
	.box-main img {margin: 0; padding: 0; width: 28px; display: inline-block;}
	.box-main .bg-img{display: none;}
	.box-main .box-icon{display: none; margin: 0;}
	.box-main .box-hr-icon{display: none;}
	.box-main .box-icon-mob{display: block;}
	.box-main h3 {margin: 0; padding: 0 0 0 20px; font-size: 14px; color: #3075bb;}
	.box-main h3:after {display: none;}
	.box-main .btn-close-mob{display: block; color: #007cc4; position: absolute; top: 10px; right: 10px;width: 10px; height: 10px; z-index: 99; text-align: center; outline: none !important;}
	.box-main .btn-close-mob:before{content: ''; position: absolute; width: 10px; height: 2px; left: 0; top: 4px; background: #007cc4;  }
	.box-main .btn-close-mob:after{content: ''; position: absolute; width: 2px; height: 10px; left: 4px; top: 0px; background: #007cc4;  }
	.mr-adlets .item.active  .box-main .btn-close-mob:before{ background: #fff;}
	.mr-adlets .item.active  .box-main .btn-close-mob:after{ content: normal;}
	

	.mr-adlets .item.active .box-main .box-icon {display: none;}
	.mr-adlets .item.active .box-main .box-hr-icon {display: block;}
	.mr-adlets .item.active .box-main .box-icon-mob {display: none;}	
	
	.box-over {position: relative; top: auto; left: auto; background: #007cc4; display: none;}
	.box-over .box-middle {position: relative; transform: none; left: 0; top: 0; height: 100%; padding: 0px 20px 25px; text-align: left;}
	.box-over .box-middle .box-hr-icon{display: none;}
	.box-over h3 {display: none;}
	.mr-adlets .item.active .box{background: #007cc4;}
	.mr-adlets .item.active .box-main h3 {color: #fff;}
	.mr-adlets .item.active .box-over {display: block;}
	.mr-adlets .item.active .box-over .blue-overlay{background: none;}
	
	.mr-awards-wrap{margin-bottom: 40px;}
	.mr-awards-wrap .search-div:before{content: none;}
	.mr-awards-wrap .search-div{position: static; display: block; background: transparent;  box-shadow: none; padding: 0 15px;}
	.mr-awards-wrap .awd-awdSlide{margin: 0;}
	.mr-awards-wrap .awd-awdSlide .item{flex: auto; padding: 15px;}
	.mr-awards-wrap .awd-awdSlide .item .awd-block{margin: 0; padding: 0;}
	.mr-awards-wrap .awd-awdSlide .item .awd-block h3{font-size: 18px; margin-bottom: 10px;}
	.mr-awards-wrap .awd-awdSlide .item .awd-block img{margin: 0 0 10px 0; width: 100%;}
	.mr-awards-wrap .awd-awdSlide .item .awd-block p{font-size: 15px;}	

	/* MAK Product css start */
	.lubricants-wrap .item {
		width: 100%;
	}
	.lubricants-wrap .item a {
		width:100%;
	}
	.lubricants-details {
		padding: 35px 0 30px 0;
		background-size: auto;
	}
	.lubricants-details .pro-img img {
		width: 30%;
	}
	.lubricants-details .pro-wrap {
		padding: 0 15px;
	}
	.lubricants-details .pro-wrap .pro-details .pro-name {
		width: 100%;
	}
	.lubricants-details .pro-wrap .pro-details .pro-name h2 {
		margin: 20px 0;
	}
	.lubricants-details .pro-wrap .pro-details .pro-name span {
		margin-bottom: 20px
	}
	.lubricants-details .pro-wrap .skus-available ul li {
		padding: 0 20px 20px 0;
		
	}
	.accordionjs .acc_section .acc_head {
		font-size: 15px;
		padding: 25px 15px;
	}
	.accordionjs .acc_section .acc_content {
		padding: 25px 15px;
	}
	.lubricants-details .pro-wrap {padding: 0 20px;}
    .lubricants-details .pro-wrap .pro-details .pro-name span {display: inline-block;}
    .lubricants-details .pro-wrap .pro-details a.pds {margin-top: 10px;}
.lubricants-wrap .item {
		flex:0 0 49%;
	}
	.lubricant-name p {font-size:12px;}
	/* MAK Product css end */
}
/* sevices */



/* stylsheet lk0447 */
.ref-section {margin:0 0 80px;}
.ref-section .row{display: flex;}
.mref-tables {margin: 0;}
.mref-tables h4 {color: #027ec5; margin-bottom: 5px;}
.mref-tables p {margin-bottom: 15px;}

.mref-tables table {/*display: block; border: none;; border-collapse: collapse; */ margin-bottom: 30px; box-shadow: 0 4px 6px 0px rgba(0,0,0,0.1); width: 100%; border-bottom: 3px solid #f7dd4c; border-collapse: collapse;}

.mref-tables table tbody {width: 100%;}
.mref-tables table th, .mref-tables table td {padding: 20px 25px; border: 1px solid #027ec5; color: #027ec5; font-size: 16px; text-align: left;}
.mref-tables table th {background: #f7dd4c; color: #000; font-weight: 600;}


.state-art {background: #017dc4;}
.state-art .col-lhs,.state-art .col-rhs {flex: 0 0 50%;}
.state-art .col-lhs {display: flex; align-items: center;}
.state-art .sta-info {padding: 15px 10% 15px 15%}
.state-art .sta-info h3{color: #f8da00; font-size: 40px; line-height: 1; margin-bottom: 5px;}
.state-art .sta-info p{color: #fff; font-size: 16px; margin: 0;}

.state-art .sta-img{background: #fff; text-align: center; padding: 25px 30px; border: 1px solid #ccc; margin: -15px 0;}
.state-art .sta-img img {width: 100%; display: block;}
.state-art .sta-img .btn-border {margin-top: 15px;}

.state-art.leftImg .col-lhs{order: 2;}

.ref-relSlide {display: flex; margin: 0 -25px;}
.ref-relSlide .item{flex:0 0 33.3333%; padding:15px 25px;}

.rel-block {height: 100%; position: relative; padding-bottom: 30px;}
.rel-block img {display: block;}
.rel-block h3 {display: block; color: #027ec5; font-size: 20px; margin-bottom: 5px; font-weight: 600;}
.rel-block .btn-link {
position: absolute;
bottom: 0;
left: 0;
font-weight: 600;
}

.ref-tag {
font-size: 14px;
text-transform: uppercase;
color: #000;		
clear: both;
margin: 15px 0;		
letter-spacing: 1px;
font-weight: bold;
}
.ref-tag span {
border-bottom: 3px solid #fcdd05;
display: inline-block;
padding-bottom: 5px;
}

.table-scroll {overflow: auto;}

.ref-2col {display: flex;}
.ref-2col .img-div, .ref-2col .txt-div {flex: 0 0 50%;}


.r2col-imgSlide {height: 100%;}
.r2col-imgSlide .r2col-img {display: none; width: 100%; height: 100%;}
.r2col-imgSlide .r2col-img:nth-child(1) {display: block;}


.txt-div-inner {margin-left: -50px;background: #e9f1fc;}
.txt-div {			
	position: relative;
	z-index: 1;		
	padding: 45px 0;
}
.ref-2col .copy-div {margin-left: 50px; padding: 50px 15px 50px 100px;	}
.ref-2col .copy-div h2 {font-size: 30px; color: #027ec5; margin-bottom: 10px;}
.ref-2col .copy-div .ref-tag {margin-top: 0;}
.ref-2col .copy-div p{font-size: 15px; line-height: 1.2em; margin-bottom: 10px;}
.ref-2col .copy-div ul.list {}
.ref-2col .copy-div ul.list li{display: block; margin-bottom: 10px; font-size: 15px; position: relative; padding-left: 10px;}
.ref-2col .copy-div ul.list li:before{content: ''; position: absolute; top: 6px; left: 0; width: 5px; height: 5px; display: block; border-radius: 50%; background: #666;}

.slick-dots {display: flex; position: absolute; left: 0; bottom: -75px; align-items: center;}
.slick-dots li{margin: 0 5px;}
.slick-dots button{display: block; height: 10px; width: 10px; border-radius: 50%; border: none;font-size: 0px; background: #ccc; cursor: pointer;}
.slick-dots .slick-active button {background: #027ec5;}
.ref-2col .slick-dots:before {content: 'More articles'; margin-right: 10px; color: #027ec5; font-weight: 600;}

.ref-contentScroll {position: relative; height: 160px;}
.ref-contentScroll .track3{background: rgba(2,126,197,0.2);width: 6px;}
.ref-contentScroll .handle3{background: rgba(2,126,197,0.6);}
.ref-contentScroll p{font-size: 15px; line-height: 1.2em; margin-bottom: 10px;}
.ref-2col .scrollbar {height: auto; max-height: 150px; padding: 0 25px 0 0 !important;}

.ref-2col.odd {flex-direction: row-reverse;}
.ref-2col.odd .txt-div-inner{margin-left: 0; margin-right: -50px;}
/*.ref-2col.odd .scrollbar {padding: 0 0 0 25px !important;}
.ref-2col.odd .scrollbar + div{left: 0 !important}*/
.ref-2col.odd .txt-div-inner{display: flex; justify-content: flex-end;}
.ref-2col.odd .copy-div { margin-left: 0; margin-right: 50px; padding: 50px 100px 50px 15px}


.ref-accTitle {margin-bottom: 15px; font-size: 18px; padding-left: 60px;}
.ref-accordion .smk_accordion.acc_with_icon .accordion_in .acc_head{background:#eaf3fe; padding: 20px 60px; font-weight: 600; border-bottom: 1px solid #9cc1e5; letter-spacing: 1px;}
.ref-accordion .smk_accordion .accordion_in:last-child .acc_head {border-bottom: none;}
.ref-accordion .smk_accordion.acc_with_icon .accordion_in .acc_content {background:#d8eafe; padding: 20px 60px;}
.ref-accordion .smk_accordion .accordion_in.acc_active .acc_head {border-bottom: none;}

.ref-accordion .smk_accordion .accordion_in .acc_head .acc_icon_expand {background: none; text-align: center; line-height: 18px; color: #0a0a0a; transition: all ease 0.3s; right: 30px;}
.ref-accordion .smk_accordion .accordion_in.acc_active>.acc_head .acc_icon_expand {background: none; transform: rotateX(180deg);}
.ref-accordion .smk_accordion .accordion_in .acc_head .acc_icon_expand:before {content:"\f107"; font-family:FontAwesome; font-size: 20px;}


.prspec-search {display: flex; color: #000;}
.prspec-search .item{flex: 0 0 1; padding-right: 35px;}
.prspec-search .item:last-child{flex: 0 0 350px; padding: 0;}
.prspec-search h4 {font-size: 18px; margin-bottom: 15px;}

.filter-field input {width: 100%; border-radius: 4px; border: 1px solid #e1e1e1; padding: 6px 50px 6px 15px; height: 40px; background: #e3eaf4 url(../images/icon-search2.png) right center no-repeat;}



.prspec-list {display: flex; flex-wrap: wrap; margin: 30px -30px 0;}
.prspec-list .item{flex: 0 0 33.3333%; padding: 5px 30px;}

.prspec-block {
display: flex;
background: #eaf2fc;
box-shadow: 0 7px 4px -5px inset #cccccc8c;
}
.prspec-block > div {flex-grow: 1; flex-basis: 0;}
.prspec-list .item a {color: #000;}
.prspec-list .item a:hover {text-decoration: none;}
.prspec-block .ico-pdf {
flex: 0 0 60px;
background: #e3eaf4 url('/images/icon-pdf.png') center 15px no-repeat;
box-shadow: 0 7px 4px -5px inset #cccccc8c;
}
.prspec-txt {padding: 15px 12px;}
.prspec-txt h4{font-size: 16px; margin-bottom: 5px;}
.prspec-txt p{color: #555555}
.prspec-txt .btn-link{font-size: 16px; font-weight: 600; margin-top: 15px; display: inline-block; border-bottom: 1px solid #afb5bd;}


@keyframes zoomIn {
	from {opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3);}
	50% {opacity: 1;}
}
@keyframes zoomOut {
	from {opacity: 1;}
	50% {opacity: 0;-webkit-transform: scale3d(0.3, 0.3, 0.3);transform: scale3d(0.3, 0.3, 0.3);}
	to {opacity: 0;}
}
.prspec-list .item { overflow: hidden; transition: all ease 0.3s;}
/*.prspec-list .item:nth-child(1), .prspec-list .item:nth-child(2), .prspec-list .item:nth-child(3) {display: block;}*/
.prspec-list .item.hidden {animation: zoomOut 0.4s both; display: none;}
.ldm-btn {text-align: center; margin-top: 25px;}


.table-accordion .smk_accordion {margin-bottom: 0; border: 1px solid #a9b2ba; border-bottom: none;}
.table-accordion h3 {
text-align: center;
color: #000;
padding: 15px;
font-size: 20px;
background: #f7dd4b;
border: 1px solid #a9b2ba;
border-bottom: none;
font-weight: 600;
}
.table-accordion .smk_accordion.acc_with_icon .accordion_in .acc_head {
font-size: 18px;
font-weight: 600;
padding: 14px 15px 14px 80px;
}
.table-accordion .smk_accordion.acc_with_icon .accordion_in .acc_head .acc_icon_expand {
right: auto;
left: 0;
top: 0;
margin: 0;
height: 100%;
border-right: 1px solid #a9b2ba;
width: 50px;
text-align: center;
background: none;
}
.table-accordion .smk_accordion .accordion_in .acc_head .acc_icon_expand:before {
content: "\f067";
font-family: FontAwesome;
font-size: 14px;
font-weight: 400;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
}
.table-accordion .smk_accordion .accordion_in.acc_active>.acc_head .acc_icon_expand:before {
content: "\f068";
}
.table-accordion .smk_accordion .accordion_in .acc_content {padding: 0 !important; }
.table-accordion .mref-tables table {margin-bottom: 0; box-shadow: none; border-bottom: none;}
.table-accordion .mref-tables table th, .table-accordion .mref-tables table td {
border-color: #a9b2ba;
}
.table-accordion .mref-tables tr:first-child td, .table-accordion .mref-tables tr:first-child th {border-top: none;}
.table-accordion .mref-tables tr td:first-child, .table-accordion .mref-tables tr th:first-child {border-left: none;}
.table-accordion .mref-tables tr td:last-child, .table-accordion .mref-tables tr th:last-child {border-right: none;}

.table-accordion .mref-tables.total-table {border-left: 1px solid #a9b2ba; border-right: 1px solid #a9b2ba; background: #f7dd4b; }
.table-accordion .mref-tables.total-table td {color: #000 !important;}


.table-accordion table td:nth-child(1) {width: 20%;}


	
@media (max-width: 1200px) {
	.ref-2col .copy-div {padding: 30px 15px 30px 50px}
	.ref-2col.odd .copy-div {padding: 30px 50px 30px 15px}
	.slick-dots {bottom: -60px;}
}
@media (max-width: 992px) {
	.state-art .sta-info {
		padding: 15px 15px;
	}
	.state-art .sta-info h3 {font-size: 24px;}
	.state-art .sta-img {padding: 15px;}

	.ref-relSlide {margin: 0 -15px;}
	.ref-relSlide .item {padding: 15px 15px;}

	.prspec-list {margin: 30px -15px 0}
	.prspec-list .item {padding: 5px 15px}
}
@media (max-width: 767px) {
	.ref-section {margin-bottom: 40px;}
	.mref-tables table th, .mref-tables table td {font-size: 14px; padding: 10px 10px;}
	.state-art {margin-bottom: 150px;}
	.state-art .row {flex-wrap: wrap;}
	.state-art .col-lhs, .state-art .col-rhs {flex: 0 0 100%;}
	.state-art .sta-img {margin: 0 0 -100px 0;}
	
	.state-art.leftImg .col-lhs{order: unset;}

	.ref-relSlide {flex-wrap: wrap;}
	.ref-relSlide .item {flex: 0 0 100%;}

	.ref-2col {flex-wrap: wrap;}
	.ref-2col .img-div, .ref-2col .txt-div {flex: 0 0 100%; width: 100%;}
	.ref-2col .img-div{height: 200px;}
	.txt-div {padding-top: 0;}
	.ref-2col .copy-div {padding: 25px 25px; margin: 0;}
	.ref-2col.odd .copy-div {padding: 25px 25px;margin: 0;}
	.txt-div-inner {margin: 0;}
	.ref-2col.odd .txt-div-inner {margin: 0; display: block;}
	.ref-2col .copy-div h2 {font-size: 20px;}
	.ref-accordion .smk_accordion.acc_with_icon .accordion_in .acc_head {padding: 15px 30px;}
	.ref-accordion .smk_accordion.acc_with_icon .accordion_in .acc_content {padding: 15px 30px;}
	.ref-accTitle {padding: 0; text-align: center;}

	.prspec-search {flex-wrap: wrap;}
	.prspec-search .item {flex: 0 0 100%;}
	.prspec-search .item:last-child {flex: 0 0 100%; margin-top: 15px;}
	.prspec-list .item {flex: 0 0 100%}

	.table-accordion h3 {font-size: 16px;}
	.table-accordion .smk_accordion.acc_with_icon .accordion_in .acc_head {font-size: 16px;}
	.ref-contentScroll {height: auto;}
	.ref-2col .scrollbar{max-height: 145px;}
}
/* stylsheet lk0447 */
/* ENDS: CSS for Mumbai Refinary on 6Aug2019 */

/*----------------------------------------------------*/


#awards .item{display: none;}
#awards .item.show{display: block;}
#awards .item.hidden{display: none;}
#awards .item.default{display: block;}
#awards .item.default.hidden{display: none;}
.awardError{display: block; min-height: 200px; text-align: center;}
.awardError h3{color: red;}
.awardError.errorHide{display: none;}



/* video gallery */
.vdo-banner {
	position: relative;
	background: #e8ebee;
}	
.vdo-banner:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	width: 50%;
	height: 100%;
	background: #f4da35;
	z-index: 1;
}
.vdo-banner .gallery-container {
	position: relative;
	z-index: 2;
	display: flex;
	flex-wrap: nowrap;
}
.vdo-banner .gallery-container .item {width: 50%; position: relative;}

.vdo-banner .gallery-container .item:first-child {padding: 30px 0; z-index: 2}
.vdo-banner .gall-thumb {height: 100%; margin-right: -30%; position: relative;}
.vdo-banner .gall-thumb:before {
	content: '';
	display: block;
	height: 45px;
	width: 45px;
	background: url(/images/icon-video.png) center center no-repeat; 
	background-size: contain;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -22px 0 0 -22px;
}

.vdo-banner .gallery-container .item:last-child {background: #f4da35; z-index: 1;}

.vdo-banner .gall-content {padding: 150px 50px; margin-left: 30%;}
.vdo-banner .gall-content h3 {margin-bottom: 15px; font-size: 28px; font-weight: 600; color: #000;}
.vdo-banner .gall-content p {color: #000;}
.vdo-banner .gall-content .btn {margin-top: 15px;}

.vdogall-wrapper {padding: 40px 0;}
.vdogall-filter {margin-bottom: 30px; text-align: center;}
.vdogall-filter li{display: inline-block; vertical-align: top; margin: 0 5px 10px;}
.vdogall-filter .btn {padding: 6px 25px; border-width: 2px;}
.vdogall-filter .btn.selected {border-color: #357ebe; color: #357ebe;}
.vdogall-filter .btn.selected:hover {background-color: transparent;}

.vdogall-list {display: flex; flex-wrap: wrap;}
.vdogall-list li{flex: 0 0 33.3333%; padding: 20px 15px; transition:all ease 0.3s;}
.vdogall-block h3 {margin: 20px 0; font-size: 18px; font-weight: 600; text-transform: uppercase;}
.vdogall-block .vdo-info {font-size: 14px;}
.vdogall-block .btn {margin-top: 20px;}
.vdogall-block .vdoimg-frame {position: relative; display: block;}
.vdogall-block .vdoimg-frame:before {
	content: '';
	display: block;
	height: 45px;
	width: 45px;
	background:#357ebe url(/images/icon-video.png) center center no-repeat; 
	background-size: contain;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -22px 0 0 -22px;
	border-radius:50%;
	border:2px solid #357ebe;
	transition:all ease 0.3s;
}
.vdogall-list li:hover {
	box-shadow:0 2px 4px rgba(0,0,0,0.2);
	transform:translateY(-5px);
}
.vdogall-list li a:hover:before {
	transform:rotate(360deg);
}


@media (max-width:1200px) {
	.vdo-banner .gall-content {padding: 100px 0 100px 50px;}
}
@media (max-width:992px) {
	.vdo-banner .gall-content {padding: 60px 0 60px 50px;}
	.vdogall-list li {flex: 0 0 50%;}
}
@media (max-width:767px) {

	.vdo-banner {padding-top: 77px;}
	.vdo-banner .gallery-container {flex-wrap: wrap}
	.vdo-banner .gallery-container .item {width: 100%; padding: 0; }
	.vdo-banner .gall-thumb {margin: 0;}
	.vdo-banner .gallery-container .item:first-child {padding:0; height: 220px;}
	.vdo-banner .gall-content {margin: 0; padding: 15px 25px;}
	.vdo-banner:after {display: none;}
	.vdogall-filter .btn {padding: 5px 12px;}
	.vdogall-list li {flex: 0 0 100%;}

}
/* video gallery */


/* blog css */
.blog-main {padding: 60px 0; line-height: 1.456; font-size: 14px;}
.blog-inner {display: flex; flex-wrap: wrap; margin: 0 -15px;}
.blog-inner .sidebar_content, .blog-inner .sidebar_wrapper {
	-ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
	max-width: 100%;
	padding: 0 15px;	
}
.blog-inner .sidebar_content {flex: 0 0 75%;}

.post_list {display: flex; flex-wrap: wrap; margin: 0 -20px;}
.post_list .post {flex: 0 0 50%; padding: 0 20px;}
.post_list .post.full {flex: 0 0 100%;}
.post_list .post.single_post {flex: 0 0 100%;}
.post_list .post.post-cat-title {flex: 0 0 100%; text-align: center;}
.post-cat-title {position: relative; margin-bottom: 30px; font-size: 20px; font-weight: 600; color: #000; letter-spacing: 1px;}
.post-cat-title:before {
    content: "";
    border-bottom: 2px solid #ffde00;
    position: absolute;
    left: 20px;
	right: 20px;
    top: 50%;
    z-index: 0;
}
.post-cat-title span{
	display: inline-block;
	padding: 0 1.2em;
	background: #ffffff;
	position: relative;
	z-index: 2;
}

.post_wrapper {margin-bottom: 40px;}
.post_header_title {text-align: center;}
.post_header_title h5 {font-size: 22px; font-weight: 600; text-transform: uppercase; color: #000; letter-spacing: 1px;}
.post_header_title h5 a {color: #000;}
.post_date {margin: 5px auto 10px; max-width: 280px;}
.post_info_date {color: #347dbf; font-size: 16px; font-weight: 600; position: relative; display: block; text-transform: uppercase;}
.post_info_date:before {
    content: "";
    border-bottom: 2px solid #ffde00;
    width: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    z-index: 0;
}
.post_info_date span {
    display: inline-block;
    padding: 0 1.2em;
    background: #ffffff;
    position: relative;
    z-index: 2;
}
.post_img {
    position: relative;
    height: auto;
    text-align: center;
    overflow: hidden;
    line-height: 0;
    width: 100%;
    margin: 20px 0 20px 0;
}
.post_content_wrapper p {padding: 5px 0;}
.post_button_wrapper {margin-top: 10px; font-weight: 600; text-transform: uppercase; letter-spacing: 1px;}



.sidebar .sidebar_widget > li {
    padding: 20px;
    box-sizing: border-box;
    border: 1px solid #e1e1e1;
    clear: both;
    width: 100%;
    float: left;
	margin-top: 30px;
}
.sidebar .sidebar_widget > li:first-child {margin-top: 0;}

.widgettitle {text-align: center; margin: 10px 0; color: #000; font-size: 16px; letter-spacing: 2px;}
.textwidget {margin: 5px 0 0 0;}
.social_wrapper {text-align: center;}
.social_wrapper li{display: inline-block; vertical-align: top; margin: 5px 14px;}
.social_wrapper a{display: block; color: #000; font-size: 22px;}

.widget_categories ul {margin: 5px 0 0 0 ;}
.widget_categories li {padding: 10px; border-top: all ease 1s; font-size: 14px; border-top: 1px solid #e1e1e1;}
.widget_categories li:first-child {border-top: none;}
.widget_categories li a {color: #000;}

.post_extras {margin: 50px 0 20px; display: flex; justify-content:space-between; }

.post_tag .fa {display: inline-block; vertical-align: middle;}
.post_tag a {display: inline-block;}
.post_tag a {
    display: inline-block;
    margin: 0 3px 5px 0;
    padding: 6px 9px 6px 9px;
    background: #f5f5f5;
    font-size: 9px;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #222;
}
.post_share_text {
    margin-top: 0;
    cursor: pointer;
    padding: 6px 9px 6px 9px;
    background: #f5f5f5;
    font-size: 9px;
    text-transform: uppercase;
    letter-spacing: 2px;
	border: none;
}

.about_the_author {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-bottom: 30px;
	padding: 0 20px;
	flex: 0 0 100%;
}
.about_the_author > div {
	flex-basis: 0;
	flex-grow: 1;
	max-width: 100%;
}
.about_the_author > div.gravatar {
	flex: 0 0 100px;
}
.about_the_author .gravatar {border-radius: 50%; overflow: hidden;}
.about_the_author .gravatar img {display: block;}
.about_the_author .author_content {margin-left: 20px;}
.about_the_author .author_content strong {color: #000; letter-spacing: 1px; text-transform: capitalize;}

.post-related {
	display: flex;
	flex-wrap: wrap;
	padding: 0 10px;
}
.post-related .item {
	flex: 0 0 33.3333%;
	padding: 0 10px 20px;
}

.rel-box .rel-post-title { text-transform: uppercase; font-size: 16px; margin-bottom: 10px;}
.rel-box .rel-post-title a{ color: #000;}

.fa-email:before{content:"\f0e0"}
.share-wrapper {position: relative;}
.popup-share {
	left: auto !important;
	top: auto !important;
	right: 0;
	bottom: 100%;
	opacity: 0;
	visibility: hidden;
	transition: all ease 0.4s;
	white-space: nowrap;
	margin-bottom: 15px;
}
.popup-share.active {opacity: 1; visibility: visible;}
.popup-share a {display: inline-block; color: #fff; background: #347dbf; font-size: 14px; line-height: 30px; width: 30px; text-align: center; border-radius: 50%; margin: 0 5px;}
.popup-share a span{display: none;}


@media (max-width:992px) {
	.blog-inner .sidebar_content {flex: 0 0 100%;}
}
@media (max-width:767px) {
	.blog-main {padding-top: 100px;}
	.post_list .post {flex: 0 0 100%;}
	.post_extras {flex-wrap: wrap;}
	
	.post-related .item {flex: 0 0 100%;}
	
	.share-wrapper {margin-top: 15px;}
	.popup-share {position: static !important; margin: 0 0 0 15px; display: inline-block; vertical-align: middle;}
}
/* blog css */ 


/* quiz css */
.quiz-wrap {
	background: #f8f8f8;
	padding: 0 0 100px 0;
	border-top: 1px solid #d7d7d7;
	margin-top: 80px;
}
ul.quiz_tabs{
	margin: 0px;
	padding: 0px;
	list-style: none;
	text-align: center;
	margin-top: -41px;
}
ul.quiz_tabs li{
	color: #000;
	display: inline-block;
	padding: 10px 15px;
	width: 180px;
	cursor: pointer;
	background: #ccc;
	font-size: 16px;
	border: 1px solid #d7d7d7;
	border-bottom: none;
	border-radius: 8px 8px 0 0;
}

ul.quiz_tabs li.current{
	background: #f8f8f8;
	color: #017dc4;
	font-weight: 600;
}


.quiz_tab-content {
	display: none;
	padding: 50px 15px 0;
	max-width: 600px;
	margin: 0 auto;
}
.quiz_tab-content.current {
	display: block;
}


.qz_list table {border: none; border-collapse: collapse; margin: 0; padding: 0;}
.qz_list td, .qz_list th {padding: 0; margin: 0; border: none;}



.quiz-block {
	background: #fff;
	border-radius: 8px;
	border: 1px solid #eeeeee;
	border-top: 3px solid #fae33b;
	border-bottom: 3px solid #017dc4;
	box-shadow: 0 2px 4px rgba(0,0,0,0.1); 
}
.qz-ico {
	background: #fff;
	color: #000;
	width: 70px;
	height: 70px;
	line-height: 70px;
	border-radius: 50%;
	display: block;
	margin: -35px auto 0;
	font-weight: 600;
	font-size: 22px;
	text-align: center;
	border-top: 3px solid #fae33b;
	box-shadow: 0 -4px 4px -1px rgba(0,0,0,0.1); 
}
.quiz-content {
	padding: 10px 20px 40px;
}

.qz-ico.ico-thumb {
	background:#fff url(../images/ico-thumb.png) center center no-repeat;
}
.qz-ico.ico-winner {
	background:#fff url(../images/ico-winner.png) center center no-repeat;
}
.qz-ico.ico-rule {
	background:#fff url(../images/ico-rules.png) center center no-repeat;
}

.qz_list .quiz-block {
	margin-bottom: 80px;
}



.qz-question {
	margin: 0;
	color: #017dc4;
	font-size: 17px;
	border-bottom: 1px solid #e3e3e3;
	padding-bottom: 15px;
}

.qz-options {
	margin-top: 25px;
	padding: 0 15px;
}
.qz-options input[type="radio"] {
	position: absolute;
	height: 0;
	width: 0;
	visibility: hidden;
}
.qz-options label {
	position: relative;
	display: block;
	padding: 10px 0 10px 30px;
	font-size: 15px;
	color: #000;
	cursor: pointer;
}
.qz-options label:before {
	content: '';
	display: block;
	height: 20px;
	width: 20px;
	border: 2px solid #b1b1b1;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 10px;
	
}

.qz-options input:checked ~ label:before {
	background: #35cc62;
	border-color: #35cc62;
	box-shadow: inset 0 0 0 3px #fff;
}



.qz_form {
	background: #fff;
	padding: 40px 120px;
	border-radius: 8px;
	border: 1px solid #eeeeee;
	box-shadow: 0 2px 4px rgba(0,0,0,0.1); 
}
.qz_form-label {
	font-size: 18px;
	color: #017dc4;
	font-weight: 600;
	text-align: center;
}
.qz_form_list {margin-top: 5px;}
.qz_form_list .form-field {padding-top: 20px;}
.qz_form_list .form-control {
	border-radius: 30px;
	border: 1px solid #e3e3e3;
	background: #f8f8f8;
	padding: 6px 20px;
	font-size: 16px;
	height: 45px;
}
.qz_form_list .hidden {display: none;}

.qz_note {display: block; padding: 3px 20px; font-size: 11px; font-weight: 600;}

.qz_form_list .comn-btn {
	width: 100%;
	border-radius: 8px;
	background: #017dc4;
	color: #fff;
	text-align: center;
	font-weight: 400;
	padding: 10px 12px;
}

.qz_form .form-field label {
	font-size:14px;
	margin-bottom:5px;
	font-weight:400;
	padding-left:20px;
}


.qz-thanx {
	padding: 10px 0;
	max-width: 400px;
	margin: 0 auto;
	font-size: 18px;
	text-align: center;
}
.qz-thanx span {color: #017dc4 !important;}

#divResult ul {
	margin-top: 30px;
}
#divResult li {
	font-size: 16px;
	padding: 15px 0;
	border-top: 1px solid #ccc;
}
#divResult li:first-child {border-top: none;}
#divResult li .headingSet {position: relative; padding-left: 25px;}
#divResult li .headingSet .count {
	position: absolute;
	left: 0;
	top: 0;
	font-weight: 600;
}
.qz-right, .qz-wrong {
	margin: 5px 0 5px 25px;
}
.qz-right span {color: #4FD000}
.qz-wrong span {color: #FF0004}

.qz-winsoon {
	padding: 10px 0;
	max-width: 400px;
	margin: 0 auto;
	font-size: 18px;
	text-align: center;
	color: #017dc4;
}

.qz_rules h3 {
	font-size: 16px;
	color: #017dc4;
	font-weight: 600;
}
.qz_rules ul {margin-top: 15px; list-style-type: disc; padding-left: 18px;}
.qz_rules li {padding: 5px 0; font-size: 16px;}

#lblErrorMsg {
	text-align: center;
	font-size: 14px;
	color: #f00;
	line-height: 1.8;
	float: none;
}

.quiz-block.error {
	margin-bottom:80px;
	border:3px solid #f00;
}
.quiz-block.error #lblErrorMsg {
	font-size:18px;
	color:#f00 !important;
}
/* quiz css */

@media (max-width: 767px) {
	.owl-carousel#owl-demo, .owl-carousel#owl-demo-1 {padding: 0 30px;}
	.owl-carousel#owl-demo .owl-controls, .owl-carousel#owl-demo-1 .owl-controls{left: 0;}
	.owl-carousel#owl-demo .owl-controls div.owl-prev, .owl-carousel#owl-demo-1 .owl-controls div.owl-prev{left: 0;}
	.owl-carousel#owl-demo .owl-controls div.owl-next, .owl-carousel#owl-demo-1 .owl-controls div.owl-next{right: 0;}
	
	.banner-inner-section {padding-top: 70px;}
	
}



/* ***** matter of fact css 14-11-2019 ******  */
.mof-content {
	padding: 30px 0 60px 0;
}

.mof-block-list {display: flex; justify-content: center;/*flex-wrap: wrap; align-items: flex-start;*/ position: relative;}
.mof-block-list .item {width: 31.7%; padding: 0 0 30px; margin: 0 20px;}

.mof-block {position: relative;}
.mof-thumb-image {position: relative; overflow: hidden; display: block;}
.mof-thumb-image img {display: block; width:100%;}
.mof-caption {
	margin-left: auto;
    margin-right: auto;
    border-bottom: 10px solid #ffdc05;
	max-width: 90%;
	margin: -25px auto 0;
	background: #f7f7f7;
	padding:20px 20px 25px; 
	position: relative;
	z-index: 2;
}
.entry-header {
	padding-bottom: 10px;
	margin-bottom: 15px;
	border-bottom: solid 1px #E8E8E8;
}
.entry-header h2 {font-size: 20px; margin-bottom: 12px; color: #007ec4;}
.entry-header p {color: #666;}
.entry-header a:hover {text-decoration: none;}

.mof-content .featured {
	border-bottom: solid 1px rgba(0, 0, 0, 0.15);
	padding-bottom: 60px;
	margin-bottom: 60px;
}
.featured .mof-block {
	padding: 0;
	position: relative;	
	/*text-align: right;*/
}
.featured .mof-block div.featured-bg{
	/*position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;*/
    width: 100%;
    height: 300px;
    margin: 0;
    padding: 0;
    opacity: 1;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
.featured .mof-block .entry-header {border: none; margin: 0;}
.featured .mof-block .mof-caption {
	/*margin: 0;
	position: relative;
    display: inline-block;
    width: 38%;
    z-index: 50;
    margin-right:60px;
	border: 0;
	text-align: left;*/
	padding-top: 0;
	margin:-100px auto 0;
}
.featured-cat {
    display: block;
    padding: 14px 20px;
    line-height: 1;
	font-size: 14px;
    border-bottom: solid 1px #ECECEC;
	letter-spacing: 2px;
	text-transform: uppercase;
	margin-bottom: 20px;
	margin: 0 -20px;
	font-weight: 600;
}
.featured .mof-block .entry-header { padding-top: 15px;}
.featured .mof-block .entry-header h2 {font-size: 30px;margin: 0;}
.featured .mof-block p {margin-bottom: 15px;}

.btn-readmore {display: inline-block; font-size: 14px; font-weight: 600; margin-top: 15px;}

.cms-content {padding: 30px 0 60px 0;}
.cms-content h2 {font-size: 22px; margin-bottom: 15px; font-weight: 600; color: #007ec4}
.cms-content h3 {font-size: 18px; margin-bottom: 15px; font-weight: 600; color: #007ec4}
.cms-content h4 {font-size: 16px; margin-bottom: 15px; font-weight: 600;}
.cms-content p {font-size: 14px; margin-bottom: 15px;}
.cms-content ul {list-style-type: disc;margin-bottom: 15px; margin-left: 18px;}
.cms-content ol {list-style-type: decimal;margin-bottom: 15px; margin-left: 18px;}
.cms-content li {font-size: 14px; margin-bottom: 2px;}
.cms-content img {display: block; max-width: 100%; margin-bottom: 20px; padding: 15px; border: 1px solid #f1f1f1;}
.cms-content .float-right {float: right; margin-left: 15px; text-align: center; margin-bottom: 15px;}
.cms-content .float-left {float: left; margin-right: 15px; text-align: center;margin-bottom: 15px;}
.cms-content .float-left img {margin: 0 auto 10px;}
.cms-content .float-right img {margin: 0 auto 10px;}
.cms-content .float-center { text-align: center;margin-bottom: 15px;}
.cms-content .float-center img {margin: 0 5px 10px; display: inline-block; vertical-align: top;}

.clear-div {clear: both; display: block;}

.content-space {margin: 0 0 15px 0;}

@media (max-width:1400px) {
	.mof-block-list .item {width: 31.5%;}	
}
@media (max-width:1200px) {
	.mof-block-list .item {width: 31.2%;}	
}
@media (max-width:992px) {
	.mof-block-list .item {width: 47.5%;}

	.featured .mof-block .entry-header h2 {font-size: 22px;}
}
@media (max-width:767px) {
	.mof-block-list {display: block;}
	.mof-block-list .item {width:100%; margin: 0;}	
	.mof-content .featured {padding-bottom: 30px; margin-bottom: 30px;}
	.featured .mof-block .mof-caption {width: auto; display: block; margin: 0; max-width: 100%;}
	.featured .mof-block div.featured-bg {height: 200px;}
	
	.cms-content .row {margin: 0;}
	.cms-content .float-left {width: 100%; margin-right: 0;}
	.cms-content .float-right {width: 100%; margin-left: 0;}
	
	
}
/* ***** matter of fact css 14-11-2019 ******  */




.trng-cta {margin:15px 0 60px 0; text-align: center;}
.trng-cta .btn{
	margin: 0 15px;
	background-color: #037ec4;
    transition: all ease 0.3s;
	color: #fff;
    text-transform: uppercase;
	min-width: 160px;
}







/* project ankur 10-jan-2020 */
.prankur-wrapper {padding: 60px 0 0 0; overflow: hidden;}

.ankrsup-title {text-align: center; color: #000; font-size: 34px; margin: 0 0 25px 0;}

.ankur-support {display: flex; flex-wrap: wrap; padding-bottom: 60px;}
.ankur-support .item {width: 20%; padding: 3px;}

.ankrsup-box {background: #fff; box-shadow: 0 0 6px rgba(0,0,0,0.1); position: relative; overflow: hidden; text-align: center;}
.ankrsup-main {
	height: 100%;
	position: relative;
	background: #000;
}
.ankrsup-middle {
	position: absolute;
	left: 0;
	width: 100%;
	top: 50%;
	transform: translateY(-50%);
	padding: 0 15px;
}
.ankrsup-main h3 {
	font-size: 20px;
	color: #ffffff;
	margin: 0;
	font-weight: 600;
	letter-spacing: 1px;
	text-shadow: 0 0 3px rgba(0,0,0,0.2);
}
.ankrsup-main h3:after {
	content: '';
	height: 2px;
	width: 100px;
	background: #ffdd00;
	display: block;
	margin: 8px auto 0;
}
.ankrsup-main img {display: block; width: 100%; opacity: 0.7;}



.ankrsup-over {
	position: absolute;
	left: 0;
	top: 100%;
	transition: all ease 0.4s;
	width: 100%;
	height: 100%;
	z-index: 2;
	color: #fff;
	overflow: hidden;
}
.ankrsup-over .blue-overlay{
	width: 100%;
	height: 100%;
	background: rgba(48,118,186,1);
	position: relative;
	z-index: 2;
	overflow: hidden;
}
.ankrsup-over img {max-height: 50px;}
.ankrsup-over h3 {margin: 5px 0; color: #fff; font-weight: 600; font-size: 18px; padding: 0; letter-spacing: 1px;}
.ankrsup-over p {font-size: 14px;}

.ankrsup-box:hover .ankrsup-over{
	top: 0;
}
.btn-knowmore {
	display: inline-block;
	color: #ffdd00;
	margin-top: 10px;
	text-decoration: none;
	font-size: 14px;
	line-height: 1.2;
	border-bottom: 1px solid rgba(250,227,59,0.4);
	display: none;
}
.btn-knowmore:hover {
	text-decoration: none;
	color: #ffdd00;
}


.ankur-family {
	background: #f2f2f2;
	padding: 60px 0;
	position: relative;
}
.ankur-family:before, .ankur-family:after {
	content: '';
	display: block;
	background: #f2f2f2;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
}
.ankur-family:before {right: 100%;}
.ankur-family:after {left: 100%;}

.yl-line {
	display: block;
	margin: -15px auto 10px auto;
	width: 250px;
	height: 3px;
	background: #fbdd05;
}
.titl-sub {
	font-size: 24px;
	color: #000;
	text-align: center;
	font-weight: 600;
}

.ankrrfam-slide {margin-top: 30px;}
.ankrrfam-slide .slick-slide {
	padding: 2px;
}
.ankrrfam-slide .slick-arrow {
	position: absolute;
	top: 50%;
	height: 40px;
	width: 40px;
	border: none;
	overflow: hidden;
	text-indent: 100%;
	z-index: 2;
	margin-top: -20px;
	cursor: pointer;
}
.ankrrfam-slide .slick-arrow.slick-prev {
	left: -50px;
	background: url(/images/project-ankur/icon-prev.png) no-repeat center center;
}
.ankrrfam-slide .slick-arrow.slick-next {
	right: -50px;
	background: url(/images/project-ankur/icon-next.png) no-repeat center center;
}
.ankrrfam-slide .slick-arrow.slick-disabled {
	opacity: 0.2;
	cursor: not-allowed;
}

.ankrrfam-slide a {display: block; padding: 4px;}
.ankrrfam-slide img {display: block; margin: 0 auto; transition: all ease 0.3s;}
.ankrrfam-slide img:hover { box-shadow: 0 0 4px rgba(0,0,0,0.2); transform: scale(1.05);}

.ankrrfam-modal {
	display: none;
	width: 1000px;
	background: #017fbe;
	padding: 0 !important;
}
.mdl-flex {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
}
.mdl-img {
	width: 30%;
	flex: 0 0 auto;
	padding: 15px;
}
.mdl-content {
	padding: 50px 40px;
	background: #017fbe;
	color: #fff;
	min-height: 180px;

}
.mdl-content h3 {
	color: #fff;
	font-size: 24px;
	margin-bottom: 15px;
}
.mdl-content p, .mdl-content li {
	font-size: 18px;
}
.mdl-content p {margin-bottom: 15px;}
.mdl-content ul, .mdl-content ol {margin-bottom: 15px; margin-left: 20px;}
.mdl-content ul {list-style-type: disc;}
.mdl-content ol {list-style-type: decimal;}
.mdl-content li {padding-bottom: 3px;}

.ankrrfam-modal .fancybox-close-small {color: #fff;}
.ankrrfam-modal .fancybox-close-small:after {color: #fff; font-size: 50px; font-family: proxima_nova_rgregular, Arial;}
.ankrrfam-modal .fancybox-close-small:hover:after {background: none !important; color: #fff;}



@media (max-width:1200px) {
	.ankrsup-main h3 {font-size: 18px;}
	.ankrsup-over h3 {font-size: 16px;}
	.ankrsup-over img {max-height: 40px;}
	.ankrrfam-modal {width: 900px;}
}
@media (max-width:992px) {
	.ankur-support {justify-content: center;}
	.ankur-support .item {width: 33.3333%;}
	.ankrrfam-modal {width: 740px;}
}
@media (max-width:767px) {
	.prankur-wrapper {padding-top: 25px;}
	.ankrsup-title {font-size: 20px;}
	.titl-sub{font-size: 18px;}
	.ankur-support {max-width: 400px; margin: 0 auto;}
	.ankur-support .item {width: 50%;}
	.ankur-family {padding-top: 30px;}
	.ankrrfam-slide {margin: 30px 40px 0;}
	
	.ankrsup-main h3 {font-size: 16px;}
	.ankrsup-over h3 {font-size: 15px;}
	.ankrsup-over img {max-height: 25px;}
	.ankrsup-over p {font-size: 12px;}
	.yl-line {width: 150px; height: 2px;}
	
	.ankrrfam-modal {width: 90%;}
	.mdl-flex {flex-wrap: wrap;}
	.mdl-img {width: 100%; text-align: center;}
	.mdl-img img {margin: 0 auto; max-height: 120px; }
	
	.mdl-content {padding:20px 15px;}
	.mdl-content h3 {font-size: 20px;}
	.mdl-content p, .mdl-content li {font-size: 14px;}
	.mdl-img {padding: 10px;}
	.ankrrfam-modal .fancybox-close-small:after {color: #017fbe;}
	.mob-img {display:block !important;} 
.desk-img{display:none !important;} 
.side-mobimg {display:none !important;} 

} 

/* project ankur 10-jan-2020 */

.mob-img {display:none;} 
.desk-img{display:block;} 



/*Industrail oil page css start*/
img {max-width:100%;}
button:focus {outline:none;}
a:focus {text-decoration:none;}


.mio-section {
	padding: 60px 0;
}
.mio-blue{
	background: #f2faff;
}
.mio-title {
	font-size: 24px;
	font-weight: 600;
	color: #007ec4;
	margin-bottom: 20px;
}
.mio-title:after {
	content: '';
	display: block;
	height: 3px;
	width: 100%;
	background: #fcdd05;
	margin-top: 5px;
}
.mio-title.sm-line:after {width: 70px}


.mio-list {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -15px;
}
.mio-list .item {
	width: 50%;
	padding: 15px 15px;
	display: none;
}

.mio-content {
	display: flex;
	flex-wrap: wrap;
	border: 1px solid #71b7e1;
	padding: 8px;	
}
.mio-img {width: 50%; padding: 15px; text-align: center;}
.mio-img img {
	display: block;
	margin: 0 auto;
	max-width: 200px;
	width: 100%;
	border-radius: 50%;
	border: 5px solid #007dc7;
}
.mio-read {
	font-size: 14px;
	font-weight: 600;
	display: inline-block;
	margin-top: 20px;
	border-bottom: 1px solid #71b7e1;
	padding-bottom: 0px;
}
.mio-read:hover {text-decoration: none;}

.mio-rhs {
	width: 50%;
	max-height: 230px;
	position: relative;
	padding-left: 15px;
}
.mio-overflow {
	height: 100%;
	overflow: auto;
	padding: 0 !important;
	width: 100% !important;
}
.mio-rhs ul {
	list-style-type: none;
	margin: 0;
}
.mio-rhs li {
	padding: 0 0 10px 0;
}
.mio-rhs span, .mio-rhs a {
	display: block;
	font-size: 14px;
	background: #e2e9ee;
	padding: 8px 10px;
	border-radius: 6px;
	transition: all ease 0.2s;
	color: #666;
}
.mio-rhs span:hover, .mio-rhs a:hover {background: #007dc7; color: #fff; text-decoration: none;}
.mio-overflow + div {left: auto !important; width: 4px; right: -20px; border-radius: 3px; overflow: hidden;}
.mio-overflow + div .mio-track{background: #e4ebf0;}
.mio-overflow + div .mio-handle{background: #70b3db; width: 100%; border-radius: 3px;}

.btn-viewmore {
	margin: 25px auto 0;
	display: block;
	border-radius: 25px;
	background: #007dc7;
	min-width: 150px;
}




@media all and (max-width: 1200px) {
	.mio-rhs {max-height: 215px;}
}
@media all and (max-width: 992px) {
	.mio-rhs {max-height: 155px;}
	
}
@media all and (max-width: 767px) {
	.mio-section {padding: 30px 0;}
	.mio-title {font-size: 20px;}
	.mio-list .item {width: 100%}
	
}

/*Industrail oil page css end*/