@font-face {
  font-family: "Arial W01 Narrow Bold";
  src: url("/media/7e888f8d-8c35-4397-983b-1da4a8421a3d.eot?#iefix");
  src: url("/media/7e888f8d-8c35-4397-983b-1da4a8421a3d.eot?#iefix") format("eot"), 
  url("/media/9cef9b8e-9ccb-4ebd-b2fe-2f4955662fbf.woff") format("woff"), 
  url("/media/fd7cc4b1-9f56-4d5f-8338-e35bde88fd0f.ttf") format("truetype"), 
  url("/media/5f8fab82-9d55-454c-81f0-8faa36df303a.svg#5f8fab82-9d55-454c-81f0-8faa36df303a") format("svg");
}
body {
  font-family: Arial, san-serif;
  background-color: #eae9e9;
}
#petro-portal {
  margin: 0;
}
#petro-portal h2,
#petro-portal h3,
#petro-portal h4,
#petro-portal ul,
#petro-portal li {
  margin: 0;
  /**/
  font-size: 9px;
}
#petro-portal a,
#petro-portal a:active,
#petro-portal a:visited {
  text-decoration: none;
  color: inherit;
  /*z-index:3;*/
}
#petro-portal img {
  border: none;
}
#petro-portal .popup-x-close {
  position: absolute;
  right: 15px;
  top: 15px;
  cursor: pointer;
}
#petro-portal .error-msg-bckgrnd {
  display: none;
  position: absolute;
  z-index: 50;
  height: 1104px;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.75);
}
#petro-portal .error-msg-bckgrnd .error-msg-box {
  background-color: #fff;
  border-radius: 10px;
  height: 12.3%;
  margin: 14% auto 0;
  padding: 1.25% 6%;
  text-align: center;
  width: 140px;
}
#petro-portal .error-msg-bckgrnd .error-msg-box h5 {
  color: #757575;
  font-size: 97%;
  margin: 8% 0;
}
#petro-portal .error-msg-bckgrnd .error-msg-box h4 {
  font-size: 72%;
  color: #757575;
  width: 100%;
}
#petro-portal .error-msg-bckgrnd .error-msg-box .error-btn {
  background-color: #e60d2e;
  border: medium none;
  border-radius: 5px;
  color: #fff;
  display: inline-block;
  font-size: 96%;
  margin: 5% 0;
  padding: 1.5% 15%;
}
#petro-portal .error-msg-bckgrnd .error-msg-box .error-cancel {
  cursor: pointer;
  color: #e60d2e;
  font-size: 74%;
}
#petro-portal .click-error-msg {
  cursor: pointer;
}
#petro-portal .body-con {
  margin: 0 auto;
  width: 1280px;
}
#petro-portal .body-con .top-con {
  width: 93%;
  height: 40.5%;
  margin: 0 auto;
}
#petro-portal .body-con .top-con .header-con {
  height: 86px;
  margin: 0 0.6%;
  position: absolute;
  width: 1186px;
  z-index: 1;
}
#petro-portal .body-con .top-con .header-con img,
#petro-portal .body-con .top-con .header-con a,
#petro-portal .body-con .top-con .header-con ul,
#petro-portal .body-con .top-con .header-con li {
  float: left;
  position: relative;
  list-style-type: none;
}
#petro-portal .body-con .top-con .header-con .p-logo {
  width: 9.574%;
  height: 100%;
  margin-right: 0%;
}
#petro-portal .body-con .top-con .header-con .p-logo img {
  width: 100%;
  height: 100%;
}
#petro-portal .body-con .top-con .header-con .header-nav {
  width: 89%;
  height: 100%;
  background-color: #fff;
  float: left;
}
#petro-portal .body-con .top-con .header-con .header-nav .header-link {
  font-family: 'Arial W01 Narrow Bold', sans-serif;
  background-image: -webkit-gradient(linear, left top, right bottom, color-stop(1, #e0e0e0), color-stop(1, #efeeee));
  background: #efeeee;
  /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VmZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk0JSIgc3RvcC1jb2xvcj0iI2RlZGVkZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk2JSIgc3RvcC1jb2xvcj0iI2RlZGVkZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZmVlZWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #efeeee 0%, #dedede 94%, #dedede 96%, #efeeee 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #efeeee), color-stop(94%, #dedede), color-stop(96%, #dedede), color-stop(100%, #efeeee));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #efeeee 0%, #dedede 94%, #dedede 96%, #efeeee 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #efeeee 0%, #dedede 94%, #dedede 96%, #efeeee 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #efeeee 0%, #dedede 94%, #dedede 96%, #efeeee 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #efeeee 0%, #dedede 94%, #dedede 96%, #efeeee 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efeeee', endColorstr='#efeeee', GradientType=0);
  /* IE6-8 */
  font-size: 116%;
  height: 47%;
  line-height: 40px;
  margin: 2.2% 0.4%;
  text-align: center;
  width: 18.5%;
}
#petro-portal .body-con .top-con .header-con .header-nav .header-link:first-child {
  margin-left: 2.25%;
}
#petro-portal .body-con .top-con .header-con .header-nav .header-link:hover {
  opacity: 0.75;
  filter: alpha(opacity=75);
}
#petro-portal .body-con .top-con .header-con .header-nav ul {
  font-family: 'Arial W01 Narrow Bold', sans-serif;
  color: #757575;
  margin: 3% 0 0 4.2%;
}
#petro-portal .body-con .top-con .header-con .header-nav ul li {
  margin: 15px !important;
}
#petro-portal .body-con .top-con .header-con .header-nav ul li a {
  font-size: 162%;
}
#petro-portal .body-con .top-con .header-con .header-nav ul li a:hover {
  color: #e60d2e;
}
#petro-portal .body-con .top-con .header-con .header-nav .lang-select {
  float: right !important;
  margin: 1.25% 2% 1% 1.12%;
  color: #b1b1b1;
  font-size: 84%;
}
#petro-portal .body-con .top-con .header-con .header-nav .lang-select:hover {
  color: #e60d2e;
}
#petro-portal .body-con .top-con .header-con .header-nav span {
  background-color: #eeeeee;
  border-radius: 10px;
  clear: right;
  float: right;
  height: 28%;
  margin-right: 1.75%;
  width: 16%;
}
#petro-portal .body-con .top-con .header-con .header-nav span input {
  background: none;
  border: none;
}
#petro-portal .body-con .top-con .header-con .header-nav span .header-search-img {
  margin: 3% 0 -1.5% 5%;
}
#petro-portal .body-con .top-con .header-con .header-nav span .header-search-field {
  width: 65%;
}
#petro-portal .body-con .top-con .header-con .header-nav span .header-search-field:focus {
  outline: none;
}
#petro-portal .body-con .top-con .header-con .header-nav span .header-search-field::-ms-clear {
  display: none;
}
#petro-portal .body-con .top-con .header-con .header-nav span .placeholder {
  color: #B3B3B3;
}
#petro-portal .body-con .top-con .header-con .header-nav span .reset-btn {
  display: none;
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  border: medium none;
  color: #666;
  position: relative;
  right: 1%;
}
#petro-portal .body-con .top-con .header-con .header-nav span .x-img {
  position: relative;
  right: -87%;
  top: 24%;
  cursor: pointer;
}
#petro-portal .body-con .top-con .header-con .login-popup .popup-top-tag,
#petro-portal .body-con .top-con .header-con .reload-popup .popup-top-tag {
  position: absolute;
  top: -5%;
  left: 46%;
}
#petro-portal .body-con .top-con .header-con .login-popup .t-row,
#petro-portal .body-con .top-con .header-con .reload-popup .t-row {
  display: table-row;
}
#petro-portal .body-con .top-con .header-con .login-popup .t-row .inner-popup-con,
#petro-portal .body-con .top-con .header-con .reload-popup .t-row .inner-popup-con,
#petro-portal .body-con .top-con .header-con .login-popup .t-row .inner-popup-con-2,
#petro-portal .body-con .top-con .header-con .reload-popup .t-row .inner-popup-con-2 {
  box-sizing: border-box;
  float: left;
  margin: 0 4%;
  padding: 8% 0 1%;
  text-align: center;
  width: 25%;
  display: table-cell;
}
#petro-portal .body-con .top-con .header-con .login-popup .t-row .inner-popup-con img,
#petro-portal .body-con .top-con .header-con .reload-popup .t-row .inner-popup-con img,
#petro-portal .body-con .top-con .header-con .login-popup .t-row .inner-popup-con-2 img,
#petro-portal .body-con .top-con .header-con .reload-popup .t-row .inner-popup-con-2 img {
  float: none;
}
#petro-portal .body-con .top-con .header-con .login-popup .t-row .inner-popup-con p,
#petro-portal .body-con .top-con .header-con .reload-popup .t-row .inner-popup-con p,
#petro-portal .body-con .top-con .header-con .login-popup .t-row .inner-popup-con-2 p,
#petro-portal .body-con .top-con .header-con .reload-popup .t-row .inner-popup-con-2 p {
  margin: 0;
  font-size: 78%;
  color: #757575;
}
#petro-portal .body-con .top-con .header-con .login-popup .t-row .inner-popup-con:hover,
#petro-portal .body-con .top-con .header-con .reload-popup .t-row .inner-popup-con:hover,
#petro-portal .body-con .top-con .header-con .login-popup .t-row .inner-popup-con-2:hover,
#petro-portal .body-con .top-con .header-con .reload-popup .t-row .inner-popup-con-2:hover {
  cursor: pointer;
}
#petro-portal .body-con .top-con .header-con .login-popup {
  background-color: #f7f7f7;
  display: none;
  left: 40.75%;
  margin-top: 0.5%;
  padding: 1% 0% 2%;
  position: absolute;
  top: 98%;
  width: 31.38%;
  z-index: 3;
}
#petro-portal .body-con .top-con .header-con .login-popup .login-tag-con {
  position: relative;
}
#petro-portal .body-con .top-con .header-con .login-popup .login-tag-con .popup-top-tag {
  top: -34px;
}
#petro-portal .body-con .top-con .header-con .login-login-popup,
#petro-portal .body-con .top-con .header-con .reload-login-popup {
  width: 31.38%;
  background-color: #f7f7f7;
  margin-top: 0.5%;
  position: absolute;
  display: none;
  left: 40.75%;
  top: 98%;
  z-index: 3;
}
#petro-portal .body-con .top-con .header-con .login-login-popup .popup-top-tag,
#petro-portal .body-con .top-con .header-con .reload-login-popup .popup-top-tag {
  position: absolute;
  top: -8%;
  left: 46%;
}
#petro-portal .body-con .top-con .header-con .login-login-popup h5,
#petro-portal .body-con .top-con .header-con .reload-login-popup h5 {
  color: #757575;
  font-size: 97%;
  margin-left: 12.5%;
  margin-top: 9%;
}
#petro-portal .body-con .top-con .header-con .login-login-popup p,
#petro-portal .body-con .top-con .header-con .reload-login-popup p {
  color: #757575;
  font-size: 84%;
  margin-left: 12.5%;
  width: 70%;
}
#petro-portal .body-con .top-con .header-con .login-login-popup .login-fields,
#petro-portal .body-con .top-con .header-con .reload-login-popup .login-fields {
  width: 75%;
  margin: 0 auto;
}
#petro-portal .body-con .top-con .header-con .login-login-popup .login-fields .login-input-text,
#petro-portal .body-con .top-con .header-con .reload-login-popup .login-fields .login-input-text {
  color: #757575;
  font-size: 84%;
  display: inline-block;
  width: 33%;
}
#petro-portal .body-con .top-con .header-con .login-login-popup .login-fields .login-input,
#petro-portal .body-con .top-con .header-con .reload-login-popup .login-fields .login-input {
  width: 63%;
  background-color: #e1e1e1;
  border-radius: 10px;
  border: none;
  height: 21px;
  margin: 1.5% 0;
}
#petro-portal .body-con .top-con .header-con .login-login-popup .login-links,
#petro-portal .body-con .top-con .header-con .reload-login-popup .login-links {
  margin: 6.5% 5% 18% 38.5%;
  width: 60%;
}
#petro-portal .body-con .top-con .header-con .login-login-popup .login-links input,
#petro-portal .body-con .top-con .header-con .reload-login-popup .login-links input {
  background-color: #e60d2e;
  border: medium none;
  border-radius: 8px;
  color: #fff;
  display: block;
  height: 28px;
  width: auto;
  margin-bottom: 12%;
  cursor: pointer;
}
#petro-portal .body-con .top-con .header-con .login-login-popup .login-links a,
#petro-portal .body-con .top-con .header-con .reload-login-popup .login-links a {
  float: left;
  font-size: 71.9%;
  color: #e60d2e;
}
#petro-portal .body-con .top-con .header-con .login-login-popup .login-links a img,
#petro-portal .body-con .top-con .header-con .reload-login-popup .login-links a img {
  float: none;
}
#petro-portal .body-con .top-con .header-con .reload-popup {
  width: 31.38%;
  background-color: #f7f7f7;
  margin-top: 0.5%;
  position: absolute;
  display: none;
  left: 46.5%;
  z-index: 3;
  top: 98%;
  padding: 1% 0% 2%;
}
#petro-portal .body-con .top-con .header-con .reload-popup .reload-tag-con .popup-top-tag {
  position: absolute;
  top: -22px;
  left: 46%;
}
#petro-portal .body-con .top-con .header-con .reload-login-popup {
  width: 31.38%;
  margin-top: 0.5%;
  position: absolute;
  display: none;
  left: 46.5%;
  z-index: 3;
  top: 98%;
}
#petro-portal .body-con .top-con .header-con .reload-login-popup .popup-top-tag {
  position: absolute;
  top: -7%;
  left: 46%;
}
#petro-portal .body-con .top-con .header-con .findLocal-popup {
  width: 55%;
  /*height:684.62%;*/
  background-color: #f7f7f7;
  margin-top: 0.5%;
  position: absolute;
  display: none;
  left: 49%;
  z-index: 3;
  top: 98%;
  padding: 3.5% 3.5% 2%;
  box-sizing: border-box;
}
#petro-portal .body-con .top-con .header-con .findLocal-popup .local-tag-con {
  position: relative;
}
#petro-portal .body-con .top-con .header-con .findLocal-popup .local-tag-con .popup-top-tag {
  position: absolute;
  top: -64px;
  left: 211px;
}
#petro-portal .body-con .top-con .header-con .findLocal-popup h5 {
  color: #757575;
  font-size: 97%;
  margin: 0;
}
#petro-portal .body-con .top-con .header-con .findLocal-popup span .local-radios {
  font-size: 75%;
  color: #757575;
  margin-top: 2%;
}
#petro-portal .body-con .top-con .header-con .findLocal-popup span .local-radios .radio-spacing {
  margin: 0 4%;
  display: inline-block;
}
#petro-portal .body-con .top-con .header-con .findLocal-popup span .local-radios .radio-spacing:first-child {
  margin: 0;
}
#petro-portal .body-con .top-con .header-con .findLocal-popup span .local-selectors {
  font-size: 75%;
  color: #757575;
  margin-top: 3.1%;
}
#petro-portal .body-con .top-con .header-con .findLocal-popup span .local-selectors .selector-con {
  background: url("/images/core/dropdownArrows.png") no-repeat scroll right center #e1e1e1;
  border-radius: 10px;
  float: left;
  height: 28px;
  margin-right: 25px;
  overflow: hidden;
  width: 140px;
}
#petro-portal .body-con .top-con .header-con .findLocal-popup span .local-selectors .selector-con select {
  border-radius: 8px;
  border: none;
  background-color: #e1e1e1;
  height: 23px;
  width: 29%;
  margin-right: 6%;
  background: transparent;
  width: 168px;
  padding: 5px;
  padding-bottom: 10px;
  border: 0;
  border-radius: 0;
  height: 34px;
  -webkit-appearance: none;
}
#petro-portal .body-con .top-con .header-con .findLocal-popup span .local-selectors .selector-con select option {
  border: none;
}
#petro-portal .body-con .top-con .header-con .findLocal-popup span .local-selectors input {
  border-radius: 8px;
  background-color: #f7f7f7;
  border: 1px solid #e1e1e1;
  height: 23px;
  width: 21%;
  margin-left: 4%;
}
#petro-portal .body-con .top-con .header-con .findLocal-popup span h5 {
  margin-top: 6.5%;
}
#petro-portal .body-con .top-con .header-con .findLocal-popup span p {
  font-size: 75%;
  color: #757575;
  font-style: regular;
  width: 200%;
}
#petro-portal .body-con .top-con .header-con .findLocal-popup span p span {
  font-weight: bold;
}
#petro-portal .body-con .top-con .header-con .findLocal-popup span .gas-station-options,
#petro-portal .body-con .top-con .header-con .findLocal-popup span .truck-stop-options,
#petro-portal .body-con .top-con .header-con .findLocal-popup span .fuel-distributor-options {
  margin-top: 3%;
}
#petro-portal .body-con .top-con .header-con .findLocal-popup span .gas-station-options:after,
#petro-portal .body-con .top-con .header-con .findLocal-popup span .truck-stop-options:after,
#petro-portal .body-con .top-con .header-con .findLocal-popup span .fuel-distributor-options:after {
  clear: both;
}
#petro-portal .body-con .top-con .header-con .findLocal-popup span .gas-station-options .serv-alt-list,
#petro-portal .body-con .top-con .header-con .findLocal-popup span .truck-stop-options .serv-alt-list,
#petro-portal .body-con .top-con .header-con .findLocal-popup span .fuel-distributor-options .serv-alt-list {
  float: left;
}
#petro-portal .body-con .top-con .header-con .findLocal-popup span .gas-station-options .local-list-1,
#petro-portal .body-con .top-con .header-con .findLocal-popup span .truck-stop-options .local-list-1,
#petro-portal .body-con .top-con .header-con .findLocal-popup span .fuel-distributor-options .local-list-1,
#petro-portal .body-con .top-con .header-con .findLocal-popup span .gas-station-options .local-list-2,
#petro-portal .body-con .top-con .header-con .findLocal-popup span .truck-stop-options .local-list-2,
#petro-portal .body-con .top-con .header-con .findLocal-popup span .fuel-distributor-options .local-list-2,
#petro-portal .body-con .top-con .header-con .findLocal-popup span .gas-station-options .local-list-3,
#petro-portal .body-con .top-con .header-con .findLocal-popup span .truck-stop-options .local-list-3,
#petro-portal .body-con .top-con .header-con .findLocal-popup span .fuel-distributor-options .local-list-3 {
  display: inline-block;
  vertical-align: top;
  width: 30%;
}
#petro-portal .body-con .top-con .header-con .findLocal-popup span .gas-station-options .local-list-1 ul,
#petro-portal .body-con .top-con .header-con .findLocal-popup span .truck-stop-options .local-list-1 ul,
#petro-portal .body-con .top-con .header-con .findLocal-popup span .fuel-distributor-options .local-list-1 ul,
#petro-portal .body-con .top-con .header-con .findLocal-popup span .gas-station-options .local-list-2 ul,
#petro-portal .body-con .top-con .header-con .findLocal-popup span .truck-stop-options .local-list-2 ul,
#petro-portal .body-con .top-con .header-con .findLocal-popup span .fuel-distributor-options .local-list-2 ul,
#petro-portal .body-con .top-con .header-con .findLocal-popup span .gas-station-options .local-list-3 ul,
#petro-portal .body-con .top-con .header-con .findLocal-popup span .truck-stop-options .local-list-3 ul,
#petro-portal .body-con .top-con .header-con .findLocal-popup span .fuel-distributor-options .local-list-3 ul {
  margin-top: 9%;
}
#petro-portal .body-con .top-con .header-con .findLocal-popup span .gas-station-options .local-list-1 ul h6,
#petro-portal .body-con .top-con .header-con .findLocal-popup span .truck-stop-options .local-list-1 ul h6,
#petro-portal .body-con .top-con .header-con .findLocal-popup span .fuel-distributor-options .local-list-1 ul h6,
#petro-portal .body-con .top-con .header-con .findLocal-popup span .gas-station-options .local-list-2 ul h6,
#petro-portal .body-con .top-con .header-con .findLocal-popup span .truck-stop-options .local-list-2 ul h6,
#petro-portal .body-con .top-con .header-con .findLocal-popup span .fuel-distributor-options .local-list-2 ul h6,
#petro-portal .body-con .top-con .header-con .findLocal-popup span .gas-station-options .local-list-3 ul h6,
#petro-portal .body-con .top-con .header-con .findLocal-popup span .truck-stop-options .local-list-3 ul h6,
#petro-portal .body-con .top-con .header-con .findLocal-popup span .fuel-distributor-options .local-list-3 ul h6 {
  margin: 0 0 4%;
  color: #e60d2e;
  font-size: 130%;
  height: 12px;
}
#petro-portal .body-con .top-con .header-con .findLocal-popup span .gas-station-options .local-list-1 ul ul,
#petro-portal .body-con .top-con .header-con .findLocal-popup span .truck-stop-options .local-list-1 ul ul,
#petro-portal .body-con .top-con .header-con .findLocal-popup span .fuel-distributor-options .local-list-1 ul ul,
#petro-portal .body-con .top-con .header-con .findLocal-popup span .gas-station-options .local-list-2 ul ul,
#petro-portal .body-con .top-con .header-con .findLocal-popup span .truck-stop-options .local-list-2 ul ul,
#petro-portal .body-con .top-con .header-con .findLocal-popup span .fuel-distributor-options .local-list-2 ul ul,
#petro-portal .body-con .top-con .header-con .findLocal-popup span .gas-station-options .local-list-3 ul ul,
#petro-portal .body-con .top-con .header-con .findLocal-popup span .truck-stop-options .local-list-3 ul ul,
#petro-portal .body-con .top-con .header-con .findLocal-popup span .fuel-distributor-options .local-list-3 ul ul {
  margin: 0;
  padding-left: 15%;
}
#petro-portal .body-con .top-con .header-con .findLocal-popup span .gas-station-options .local-list-1 ul li .local-gasOptions-text,
#petro-portal .body-con .top-con .header-con .findLocal-popup span .truck-stop-options .local-list-1 ul li .local-gasOptions-text,
#petro-portal .body-con .top-con .header-con .findLocal-popup span .fuel-distributor-options .local-list-1 ul li .local-gasOptions-text,
#petro-portal .body-con .top-con .header-con .findLocal-popup span .gas-station-options .local-list-2 ul li .local-gasOptions-text,
#petro-portal .body-con .top-con .header-con .findLocal-popup span .truck-stop-options .local-list-2 ul li .local-gasOptions-text,
#petro-portal .body-con .top-con .header-con .findLocal-popup span .fuel-distributor-options .local-list-2 ul li .local-gasOptions-text,
#petro-portal .body-con .top-con .header-con .findLocal-popup span .gas-station-options .local-list-3 ul li .local-gasOptions-text,
#petro-portal .body-con .top-con .header-con .findLocal-popup span .truck-stop-options .local-list-3 ul li .local-gasOptions-text,
#petro-portal .body-con .top-con .header-con .findLocal-popup span .fuel-distributor-options .local-list-3 ul li .local-gasOptions-text {
  display: inline-block;
  vertical-align: top;
  padding-top: 1.5%;
}
#petro-portal .body-con .top-con .header-con .findLocal-popup span .gas-station-options .local-list-1 li,
#petro-portal .body-con .top-con .header-con .findLocal-popup span .truck-stop-options .local-list-1 li,
#petro-portal .body-con .top-con .header-con .findLocal-popup span .fuel-distributor-options .local-list-1 li,
#petro-portal .body-con .top-con .header-con .findLocal-popup span .gas-station-options .local-list-2 li,
#petro-portal .body-con .top-con .header-con .findLocal-popup span .truck-stop-options .local-list-2 li,
#petro-portal .body-con .top-con .header-con .findLocal-popup span .fuel-distributor-options .local-list-2 li,
#petro-portal .body-con .top-con .header-con .findLocal-popup span .gas-station-options .local-list-3 li,
#petro-portal .body-con .top-con .header-con .findLocal-popup span .truck-stop-options .local-list-3 li,
#petro-portal .body-con .top-con .header-con .findLocal-popup span .fuel-distributor-options .local-list-3 li {
  color: #757575;
  font-size: 127%;
}
#petro-portal .body-con .top-con .header-con .findLocal-popup span .gas-station-options .local-list-1 li,
#petro-portal .body-con .top-con .header-con .findLocal-popup span .truck-stop-options .local-list-1 li,
#petro-portal .body-con .top-con .header-con .findLocal-popup span .fuel-distributor-options .local-list-1 li,
#petro-portal .body-con .top-con .header-con .findLocal-popup span .gas-station-options .local-list-2 li,
#petro-portal .body-con .top-con .header-con .findLocal-popup span .truck-stop-options .local-list-2 li,
#petro-portal .body-con .top-con .header-con .findLocal-popup span .fuel-distributor-options .local-list-2 li,
#petro-portal .body-con .top-con .header-con .findLocal-popup span .gas-station-options .local-list-3 li,
#petro-portal .body-con .top-con .header-con .findLocal-popup span .truck-stop-options .local-list-3 li,
#petro-portal .body-con .top-con .header-con .findLocal-popup span .fuel-distributor-options .local-list-3 li,
#petro-portal .body-con .top-con .header-con .findLocal-popup span .gas-station-options .local-list-1 ul,
#petro-portal .body-con .top-con .header-con .findLocal-popup span .truck-stop-options .local-list-1 ul,
#petro-portal .body-con .top-con .header-con .findLocal-popup span .fuel-distributor-options .local-list-1 ul,
#petro-portal .body-con .top-con .header-con .findLocal-popup span .gas-station-options .local-list-2 ul,
#petro-portal .body-con .top-con .header-con .findLocal-popup span .truck-stop-options .local-list-2 ul,
#petro-portal .body-con .top-con .header-con .findLocal-popup span .fuel-distributor-options .local-list-2 ul,
#petro-portal .body-con .top-con .header-con .findLocal-popup span .gas-station-options .local-list-3 ul,
#petro-portal .body-con .top-con .header-con .findLocal-popup span .truck-stop-options .local-list-3 ul,
#petro-portal .body-con .top-con .header-con .findLocal-popup span .fuel-distributor-options .local-list-3 ul {
  float: none;
  padding: 0;
}
#petro-portal .body-con .top-con .header-con .findLocal-popup span .gas-station-options .local-list-1,
#petro-portal .body-con .top-con .header-con .findLocal-popup span .truck-stop-options .local-list-1,
#petro-portal .body-con .top-con .header-con .findLocal-popup span .fuel-distributor-options .local-list-1 {
  margin-left: 0;
}
#petro-portal .body-con .top-con .header-con .findLocal-popup span .gas-station-options .local-list-2 ul,
#petro-portal .body-con .top-con .header-con .findLocal-popup span .truck-stop-options .local-list-2 ul,
#petro-portal .body-con .top-con .header-con .findLocal-popup span .fuel-distributor-options .local-list-2 ul {
  /*margin-top:12.25%;*/
}
#petro-portal .body-con .top-con .header-con .findLocal-popup span .gas-station-options .local-list-3,
#petro-portal .body-con .top-con .header-con .findLocal-popup span .truck-stop-options .local-list-3,
#petro-portal .body-con .top-con .header-con .findLocal-popup span .fuel-distributor-options .local-list-3 {
  margin-right: 0;
}
#petro-portal .body-con .top-con .header-con .findLocal-popup span .gas-station-options .local-list-3 ul,
#petro-portal .body-con .top-con .header-con .findLocal-popup span .truck-stop-options .local-list-3 ul,
#petro-portal .body-con .top-con .header-con .findLocal-popup span .fuel-distributor-options .local-list-3 ul {
  /*margin-top:26.5%;*/
}
#petro-portal .body-con .top-con .header-con .findLocal-popup span .truck-stop-options {
  display: none;
  width: 100%;
  height: 100%;
}
#petro-portal .body-con .top-con .header-con .findLocal-popup span .truck-stop-options:after {
  clear: both;
}
#petro-portal .body-con .top-con .header-con .findLocal-popup span .truck-stop-options .serv-alt-list {
  float: left;
}
#petro-portal .body-con .top-con .header-con .findLocal-popup span .truck-stop-options .local-list-1,
#petro-portal .body-con .top-con .header-con .findLocal-popup span .truck-stop-options .local-list-2,
#petro-portal .body-con .top-con .header-con .findLocal-popup span .truck-stop-options .local-list-3 {
  display: inline-block;
  vertical-align: top;
}
#petro-portal .body-con .top-con .header-con .findLocal-popup span .truck-stop-options .local-list-1 h6,
#petro-portal .body-con .top-con .header-con .findLocal-popup span .truck-stop-options .local-list-2 h6,
#petro-portal .body-con .top-con .header-con .findLocal-popup span .truck-stop-options .local-list-3 h6 {
  margin: 0;
}
#petro-portal .body-con .top-con .header-con .findLocal-popup span .truck-stop-options .local-list-1 li,
#petro-portal .body-con .top-con .header-con .findLocal-popup span .truck-stop-options .local-list-2 li,
#petro-portal .body-con .top-con .header-con .findLocal-popup span .truck-stop-options .local-list-3 li,
#petro-portal .body-con .top-con .header-con .findLocal-popup span .truck-stop-options .local-list-1 ul,
#petro-portal .body-con .top-con .header-con .findLocal-popup span .truck-stop-options .local-list-2 ul,
#petro-portal .body-con .top-con .header-con .findLocal-popup span .truck-stop-options .local-list-3 ul {
  float: none;
}
#petro-portal .body-con .top-con .header-con .findLocal-popup span .fuel-distributor-options {
  display: none;
  width: 100%;
  height: 100%;
}
#petro-portal .body-con .top-con .header-con .findLocal-popup span .fuel-distributor-options:after {
  clear: both;
}
#petro-portal .body-con .top-con .header-con .findLocal-popup span .fuel-distributor-options .serv-alt-list {
  float: left;
}
#petro-portal .body-con .top-con .header-con .findLocal-popup span .fuel-distributor-options .local-list-1,
#petro-portal .body-con .top-con .header-con .findLocal-popup span .fuel-distributor-options .local-list-2,
#petro-portal .body-con .top-con .header-con .findLocal-popup span .fuel-distributor-options .local-list-3 {
  display: inline-block;
  vertical-align: top;
}
#petro-portal .body-con .top-con .header-con .findLocal-popup span .fuel-distributor-options .local-list-1 h6,
#petro-portal .body-con .top-con .header-con .findLocal-popup span .fuel-distributor-options .local-list-2 h6,
#petro-portal .body-con .top-con .header-con .findLocal-popup span .fuel-distributor-options .local-list-3 h6 {
  margin: 0;
}
#petro-portal .body-con .top-con .header-con .findLocal-popup span .fuel-distributor-options .local-list-1 li,
#petro-portal .body-con .top-con .header-con .findLocal-popup span .fuel-distributor-options .local-list-2 li,
#petro-portal .body-con .top-con .header-con .findLocal-popup span .fuel-distributor-options .local-list-3 li,
#petro-portal .body-con .top-con .header-con .findLocal-popup span .fuel-distributor-options .local-list-1 ul,
#petro-portal .body-con .top-con .header-con .findLocal-popup span .fuel-distributor-options .local-list-2 ul,
#petro-portal .body-con .top-con .header-con .findLocal-popup span .fuel-distributor-options .local-list-3 ul {
  float: none;
}
#petro-portal .body-con .top-con .header-con .findLocal-popup span .local-submit-btn {
  margin: 2% 0 0 70%;
  cursor: pointer;
}
#petro-portal .body-con .top-con .header-con .findLocal-popup span .local-submit-btn input {
  background-color: #e60d2e;
  border: medium none;
  border-radius: 8px;
  color: #fff;
  cursor: pointer;
  display: block;
  font-size: 100%;
  height: 25px;
  width: 55%;
}
#petro-portal .body-con .top-con .header-con .invis-div {
  /*display: block;*/
  height: 100%;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 2;
  left: 0;
}
#petro-portal .body-con .top-con #demo .container .row .span12 #owl-demo .item img {
  display: block;
  width: 100%;
  height: auto;
}
#petro-portal .body-con .top-con #demo .container .row .span12 .owl-theme .owl-controls {
  margin-top: -60px;
  text-align: center;
}
#petro-portal .body-con .top-con #demo .container .row .span12 .owl-theme .owl-controls .owl-buttons {
  left: 0.75%;
  position: absolute;
  text-align: left;
  top: 61.5%;
  width: 98.5%;
}
#petro-portal .body-con .top-con #demo .container .row .span12 .owl-theme .owl-controls .owl-buttons .owl-prev {
  filter: alpha(opacity=100);
}
#petro-portal .body-con .top-con #demo .container .row .span12 .owl-theme .owl-controls .owl-buttons .owl-prev:hover {
  opacity: 0.75;
  filter: alpha(opacity=75);
}
#petro-portal .body-con .top-con #demo .container .row .span12 .owl-theme .owl-controls .owl-buttons .owl-next {
  float: right;
  filter: alpha(opacity=100);
}
#petro-portal .body-con .top-con #demo .container .row .span12 .owl-theme .owl-controls .owl-buttons .owl-next:hover {
  opacity: 0.75;
  filter: alpha(opacity=75);
}
#petro-portal .body-con .top-con .carousel-text-select {
  box-sizing: border-box;
  height: 57px;
  padding-top: 1%;
  position: relative;
  text-align: center;
  width: 100%;
}
#petro-portal .body-con .top-con .carousel-text-select div {
  background-color: #fff ;
  background: rgba(255, 255, 255, 0.5);
  box-sizing: border-box;
  display: inline-block;
  height: 100%;
  margin: 0;
  padding: 1.2% 0.5%;
}
#petro-portal .body-con .top-con .carousel-text-select div:first-child {
  padding-left: 1.4%;
}
#petro-portal .body-con .top-con .carousel-text-select div:last-child {
  padding-right: 1.4%;
}
#petro-portal .body-con .top-con .carousel-text-select div span:hover {
  /*font-weight:bold;*/
  /*text-decoration:underline;*/
  color: #E60D2E;
  cursor: pointer;
}
@-moz-document url-prefix() {
  #petro-portal .body-con .top-con .carousel-text-select {
    height: 57px;
  }
}
#petro-portal .body-con .Emer-response {
  background-color: #e60d2e;
  color: #fff;
  display: block;
  height: 52px;
  text-align: center;
  width: 93%;
  position: relative;
  box-sizing: border-box;
  padding-top: 15px;
  margin: 0 auto;
}
#petro-portal .body-con .Emer-response .Emer-text {
  font-size: 115%;
}
#petro-portal .body-con .sub-body-con {
  width: 93.1%;
  margin: 1.7% auto 0.5%;
}
#petro-portal .body-con .sub-body-con .body-table {
  display: table;
}
#petro-portal .body-con .sub-body-con .body-table .body-con-1,
#petro-portal .body-con .sub-body-con .body-table .body-con-2 {
  width: 49.1%;
  height: auto;
  background-color: #fff;
  border-radius: 10px;
  padding-bottom: 1%;
  display: table-cell;
}
#petro-portal .body-con .sub-body-con .body-table .body-con-1 h2,
#petro-portal .body-con .sub-body-con .body-table .body-con-2 h2 {
  width: 100%;
  margin: 3% !important;
  color: #e60d2e;
  font-size: 100%;
}
#petro-portal .body-con .sub-body-con .body-table .body-con-1 .inner-clear,
#petro-portal .body-con .sub-body-con .body-table .body-con-2 .inner-clear {
  clear: both;
}
#petro-portal .body-con .sub-body-con .body-table .body-con-1 .inner-clear .inner-body-con,
#petro-portal .body-con .sub-body-con .body-table .body-con-2 .inner-clear .inner-body-con {
  margin: 0 -2.5% 2.621% 3%;
  width: 45.25%;
  float: left;
}
#petro-portal .body-con .sub-body-con .body-table .body-con-1 .inner-clear .inner-body-con .body-img,
#petro-portal .body-con .sub-body-con .body-table .body-con-2 .inner-clear .inner-body-con .body-img {
  float: left;
  margin: 1% 1% 1% 0;
  width: 37.8%;
}
#petro-portal .body-con .sub-body-con .body-table .body-con-1 .inner-clear .inner-body-con .body-text-con,
#petro-portal .body-con .sub-body-con .body-table .body-con-2 .inner-clear .inner-body-con .body-text-con {
  width: 61.2%;
  float: left;
}
#petro-portal .body-con .sub-body-con .body-table .body-con-1 .inner-clear .inner-body-con .body-text-con h3,
#petro-portal .body-con .sub-body-con .body-table .body-con-2 .inner-clear .inner-body-con .body-text-con h3 {
  font-size: 85%;
  color: #757575;
  width: 104%;
}
#petro-portal .body-con .sub-body-con .body-table .body-con-1 .inner-clear .inner-body-con .body-text-con h4,
#petro-portal .body-con .sub-body-con .body-table .body-con-2 .inner-clear .inner-body-con .body-text-con h4 {
  font-size: 72%;
  color: #757575;
  margin: 2% 0;
  font-weight: 100;
}
#petro-portal .body-con .sub-body-con .body-table .body-con-1 .inner-clear .inner-body-con .body-text-con a h3,
#petro-portal .body-con .sub-body-con .body-table .body-con-2 .inner-clear .inner-body-con .body-text-con a h3 {
  font-size: 119%;
  color: #757575;
  width: 104%;
}
#petro-portal .body-con .sub-body-con .body-table .body-con-1 .inner-clear .inner-body-con .body-text-con a h4,
#petro-portal .body-con .sub-body-con .body-table .body-con-2 .inner-clear .inner-body-con .body-text-con a h4 {
  font-size: 101%;
  color: #757575;
  margin: 2% 0;
  font-weight: 100;
}
#petro-portal .body-con .sub-body-con .body-table .body-con-1 .inner-clear .inner-body-con .body-text-con a,
#petro-portal .body-con .sub-body-con .body-table .body-con-2 .inner-clear .inner-body-con .body-text-con a {
  color: #e60d2e;
  font-size: 72%;
}
#petro-portal .body-con .sub-body-con .body-table .body-con-1 {
  margin-right: 1.75%;
}
#petro-portal .body-con .sub-body-con .body-table .body-con-2:after {
  clear: both;
}
#petro-portal .body-con .sub-body-con .body-table .table-spacer {
  display: table-cell;
  width: 1.8%;
}
#petro-portal .body-con .sub-body-con .p-footer {
  width: 100%;
  /*height:32.58%;*/
  float: left;
  background-color: #fff;
  margin-top: 1.25%;
  margin-bottom: 1%;
}
#petro-portal .body-con .sub-body-con .p-footer .footer-clear {
  /*box-sizing: border-box;
                    clear: both;
                    height: 82%;*/
  padding: 3% 1.5% 3% 1%;
}
#petro-portal .body-con .sub-body-con .p-footer .footer-clear .footer-logo {
  width: 16%;
  height: 100%;
  display: inline-block;
  text-align: center;
  margin-top: 3%;
  margin-right: 0.5%;
}
#petro-portal .body-con .sub-body-con .p-footer .footer-clear .footer-logo .footer-olym-logo {
  display: inline-block;
  vertical-align: middle;
}
#petro-portal .body-con .sub-body-con .p-footer .footer-clear .footer-list {
  width: 58%;
  height: 100%;
  display: inline-block;
  vertical-align: top;
}
#petro-portal .body-con .sub-body-con .p-footer .footer-clear .footer-list a:hover {
  color: #e60d2e;
}
#petro-portal .body-con .sub-body-con .p-footer .footer-clear .footer-list .footer-list-1,
#petro-portal .body-con .sub-body-con .p-footer .footer-clear .footer-list .footer-list-2 {
  float: left;
  width: 45%;
}
#petro-portal .body-con .sub-body-con .p-footer .footer-clear .footer-list .footer-list-1 h3,
#petro-portal .body-con .sub-body-con .p-footer .footer-clear .footer-list .footer-list-2 h3 {
  color: #757575;
  font-size: 85%;
}
#petro-portal .body-con .sub-body-con .p-footer .footer-clear .footer-list .footer-list-1 ul,
#petro-portal .body-con .sub-body-con .p-footer .footer-clear .footer-list .footer-list-2 ul {
  padding-left: 3%;
  float: left;
  list-style: none;
  padding: 0;
  margin: 0;
}
#petro-portal .body-con .sub-body-con .p-footer .footer-clear .footer-list .footer-list-1 ul:last-child,
#petro-portal .body-con .sub-body-con .p-footer .footer-clear .footer-list .footer-list-2 ul:last-child {
  margin-left: 6%;
}
#petro-portal .body-con .sub-body-con .p-footer .footer-clear .footer-list .footer-list-1 ul li,
#petro-portal .body-con .sub-body-con .p-footer .footer-clear .footer-list .footer-list-2 ul li {
  font-size: 127%;
  padding-left: 1em;
  text-indent: -0.7em;
  color: #757575;
}
#petro-portal .body-con .sub-body-con .p-footer .footer-clear .footer-list .footer-list-1 ul li:before,
#petro-portal .body-con .sub-body-con .p-footer .footer-clear .footer-list .footer-list-2 ul li:before {
  content: "• ";
  color: red;
  font-size: 130%;
}
#petro-portal .body-con .sub-body-con .p-footer .footer-clear .footer-list .footer-list-1 {
  margin-right: 6.25%;
}
#petro-portal .body-con .sub-body-con .p-footer .footer-clear .social-con {
  display: inline-block;
  vertical-align: top;
}
#petro-portal .body-con .sub-body-con .p-footer .footer-clear .social-con h3 {
  width: 127px;
  float: left;
  color: #757575;
  font-size: 85%;
}
#petro-portal .body-con .sub-body-con .p-footer .footer-clear .social-con .social-imgs {
  display: inline-block;
  position: relative;
}
#petro-portal .body-con .sub-body-con .p-footer .footer-clear .social-con .social-imgs .fbook-popup {
  background-color: #f7f7f7;
  border: 1px solid #ccc;
  bottom: 145%;
  box-sizing: border-box;
  display: none;
  left: -85%;
  padding: 16px 16px 0;
  position: absolute;
  width: 255px;
  z-index: 3;
  -webkit-box-shadow: 6px 10px 16px -1px #cccccc;
  -moz-box-shadow: 6px 10px 16px -1px #cccccc;
  box-shadow: 6px 10px 16px -1px #cccccc;
}
#petro-portal .body-con .sub-body-con .p-footer .footer-clear .social-con .social-imgs .fbook-popup h7 {
  color: #4d6ca5;
  font-size: 75%;
  font-weight: bold;
}
#petro-portal .body-con .sub-body-con .p-footer .footer-clear .social-con .social-imgs .fbook-popup h4 {
  font-size: 72%;
  color: #757575;
  margin: 7% 0 2%;
  width: 100%;
}
#petro-portal .body-con .sub-body-con .p-footer .footer-clear .social-con .social-imgs .fbook-popup img {
  margin: 0 1%;
  display: inline;
}
#petro-portal .body-con .sub-body-con .p-footer .footer-clear .social-con .social-imgs .fbook-popup ul {
  padding: 0;
}
#petro-portal .body-con .sub-body-con .p-footer .footer-clear .social-con .social-imgs .fbook-popup ul li {
  list-style: none;
  float: none;
  margin: 4% 0;
}
#petro-portal .body-con .sub-body-con .p-footer .footer-clear .social-con .social-imgs .fbook-popup ul li a {
  color: #e60d2e;
  font-size: 128%;
}
#petro-portal .body-con .sub-body-con .p-footer .footer-clear .social-con .social-imgs .fbook-popup .popup-tag {
  left: 53%;
  position: relative;
  top: 20px;
}

#petro-portal .body-con .p-footer .footer-clear .social-con .social-imgs .twitter-popup {
  background-color: #f7f7f7;
  border: 1px solid #ccc;
  bottom: 145%;
  box-sizing: border-box;
  display: none;
  left: -60%;
  padding: 16px 16px 0;
  position: absolute;
  width: 255px;
  z-index: 3;
  -webkit-box-shadow: 6px 10px 16px -1px #cccccc;
  -moz-box-shadow: 6px 10px 16px -1px #cccccc;
  box-shadow: 6px 10px 16px -1px #cccccc;
}
#petro-portal .body-con .p-footer .footer-clear .social-con .social-imgs .twitter-popup h7 {
  color: #4d6ca5;
  font-size: 75%;
  font-weight: bold;
}
#petro-portal .body-con .p-footer .footer-clear .social-con .social-imgs .twitter-popup h4 {
  font-size: 72%;
  color: #757575;
  margin: 7% 0 2%;
  width: 100%;
}
#petro-portal .body-con .p-footer .footer-clear .social-con .social-imgs .twitter-popup img {
  margin: 0 1%;
  display: inline;
}
#petro-portal .body-con .p-footer .footer-clear .social-con .social-imgs .twitter-popup ul {
  padding: 0;
}
#petro-portal .body-con .p-footer .footer-clear .social-con .social-imgs .twitter-popup ul li {
  list-style: none;
  float: none;
  margin: 4% 0;
}
#petro-portal .body-con .p-footer .footer-clear .social-con .social-imgs .twitter-popup ul li a {
  color: #e60d2e;
  font-size: 128%;
}
#petro-portal .body-con .sub-body-con .p-footer .footer-clear .social-con .social-imgs .twitter-popup .popup-tag {
  left: 53%;
  position: relative;
  top: 20px;
}

#petro-portal .body-con .sub-body-con .p-footer .footer-clear .social-con .social-imgs .youtube-popup {
  background-color: #f7f7f7;
  border: 1px solid #ccc;
  bottom: 145%;
  box-sizing: border-box;
  display: none;
  left: -40%;
  padding: 16px 16px 0;
  position: absolute;
  width: 255px;
  z-index: 3;
  -webkit-box-shadow: 6px 10px 16px -1px #cccccc;
  -moz-box-shadow: 6px 10px 16px -1px #cccccc;
  box-shadow: 6px 10px 16px -1px #cccccc;
}
#petro-portal .body-con .sub-body-con .p-footer .footer-clear .social-con .social-imgs .youtube-popup h7 {
  color: #4d6ca5;
  font-size: 75%;
  font-weight: bold;
}
#petro-portal .body-con .sub-body-con .p-footer .footer-clear .social-con .social-imgs .youtube-popup h4 {
  font-size: 72%;
  color: #757575;
  margin: 7% 0 2%;
  width: 100%;
}
#petro-portal .body-con .sub-body-con .p-footer .footer-clear .social-con .social-imgs .youtube-popup img {
  margin: 0 1%;
  display: inline;
}
#petro-portal .body-con .sub-body-con .p-footer .footer-clear .social-con .social-imgs .youtube-popup ul {
  padding: 0;
}
#petro-portal .body-con .sub-body-con .p-footer .footer-clear .social-con .social-imgs .youtube-popup ul li {
  list-style: none;
  float: none;
  margin: 4% 0;
}
#petro-portal .body-con .sub-body-con .p-footer .footer-clear .social-con .social-imgs .youtube-popup ul li a {
  color: #e60d2e;
  font-size: 128%;
}
#petro-portal .body-con .sub-body-con .p-footer .footer-clear .social-con .social-imgs .youtube-popup .popup-tag {
  left: 59%;
  position: relative;
  top: 20px;
}
#petro-portal .body-con .sub-body-con .p-footer .footer-clear .social-con .social-imgs .subscribe-popup {
  background-color: #f7f7f7;
  border: 1px solid #ccc;
  bottom: 145%;
  box-sizing: border-box;
  display: none;
  left: -30%;
  padding: 16px 16px 0;
  position: absolute;
  width: 255px;
  z-index: 3;
  -webkit-box-shadow: 6px 10px 16px -1px #cccccc;
  -moz-box-shadow: 6px 10px 16px -1px #cccccc;
  box-shadow: 6px 10px 16px -1px #cccccc;
}
#petro-portal .body-con .sub-body-con .p-footer .footer-clear .social-con .social-imgs .subscribe-popup h7 {
  color: #4d6ca5;
  font-size: 75%;
  font-weight: bold;
}
#petro-portal .body-con .sub-body-con .p-footer .footer-clear .social-con .social-imgs .subscribe-popup h4 {
  font-size: 72%;
  color: #757575;
  margin: 7% 0 2%;
  width: 100%;
}
#petro-portal .body-con .sub-body-con .p-footer .footer-clear .social-con .social-imgs .subscribe-popup img {
  margin: 0 1%;
  display: inline;
}
#petro-portal .body-con .sub-body-con .p-footer .footer-clear .social-con .social-imgs .subscribe-popup ul {
  padding: 0;
}
#petro-portal .body-con .sub-body-con .p-footer .footer-clear .social-con .social-imgs .subscribe-popup ul li {
  list-style: none;
  float: none;
  margin: 4% 0;
}
#petro-portal .body-con .sub-body-con .p-footer .footer-clear .social-con .social-imgs .subscribe-popup ul li a {
  color: #e60d2e;
  font-size: 128%;
}
#petro-portal .body-con .sub-body-con .p-footer .footer-clear .social-con .social-imgs .subscribe-popup .popup-tag {
  left: 70%;
  position: relative;
  top: 20px;
}
#petro-portal .body-con .sub-body-con .p-footer .footer-clear .social-con .social-imgs .fbook-img {
  cursor: pointer;
}
#petro-portal .body-con .sub-body-con .p-footer .footer-clear .social-con .social-imgs #twitter-img-id {
  cursor: pointer;
}
#petro-portal .body-con .sub-body-con .p-footer .footer-clear .social-con .social-imgs #youtube-img-id {
  cursor: pointer;
}
#petro-portal .body-con .sub-body-con .p-footer .footer-clear .social-con .social-imgs #subscribe-img-id {
  cursor: pointer;
}
#petro-portal .body-con .sub-body-con .p-footer .footer-clear .social-con .social-imgs a {
  margin: 0 3px;
}
#petro-portal .body-con .sub-body-con .p-footer .footer-clear .social-con .social-imgs a:first-child {
  margin-left: 0;
}
#petro-portal .body-con .sub-body-con .p-footer .footer-clear .social-con .social-imgs a:last-child {
  margin-right: 0;
}
#petro-portal .body-con .sub-body-con .p-footer .footer-links {
  width: auto;
  float: right !important;
  margin: 0 0 1%;
}
#petro-portal .body-con .sub-body-con .p-footer .footer-links li {
  float: left;
  list-style-type: none;
  margin: 20px;
}
#petro-portal .body-con .sub-body-con .p-footer .footer-links li a {
  font-size: 128%;
  color: #757575;
}
#petro-portal .body-con .sub-body-con .p-footer .footer-links li a:hover {
  color: #e60d2e;
}
#petro-portal .body-con .bottom-text {
  width: 93.1%;
  margin: 0 auto;
  font-size: 9px;
  font-size: 71%;
  color: #757575;
}
#petro-portal .body-con .bottom-text .btm-left-text {
  float: left;
  font-style: italic;
  position: relative;
  bottom: 1px;
  left: 1%;
  margin-bottom: 1%;
}
#petro-portal .body-con .bottom-text .btm-right-text {
  float: right;
  position: relative;
  bottom: 4px;
  right: 1.3%;
}
.active-slide {
  color: #e60d2e;
}