@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");
}
html {
  -webkit-font-smoothing: antialiased;
}
body {
  font-family: Arial, san-serif;
  background-color: #eae9e9;
}
#petro-commercial {
  margin: 0;
}
#petro-commercial .nobr {
  white-space: nowrap;
}
#petro-commercial h2,
#petro-commercial h3,
#petro-commercial h4,
#petro-commercial ul,
#petro-commercial li {
  margin: 0;
  /**/
  font-size: 9px;
}
#petro-commercial a,
#petro-commercial a:visited {
  text-decoration: none;
  color: inherit;
  /*z-index:3;*/
}
#petro-commercial a:active {
  font-weight: bold;
}
#petro-commercial img {
  border: none;
}
#petro-commercial .popup-x-close {
  position: absolute;
  right: 15px;
  top: 15px;
  cursor: pointer;
}
#petro-commercial .error-msg-bckgrnd {
  display: none;
  position: absolute;
  z-index: 50;
  height: 1104px;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.75);
}
#petro-commercial .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: 145px;
}
#petro-commercial .error-msg-bckgrnd .error-msg-box h5 {
  color: #757575;
  font-size: 97%;
  margin: 8% 0;
}
#petro-commercial .error-msg-bckgrnd .error-msg-box h4 {
  font-size: 72%;
  color: #757575;
  width: 100%;
}
#petro-commercial .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-commercial .error-msg-bckgrnd .error-msg-box .error-cancel {
  cursor: pointer;
  color: #e60d2e;
  font-size: 74%;
}
#petro-commercial .click-error-msg {
  cursor: pointer;
}
#petro-commercial .video-modal {
  display: none;
  position: absolute;
  z-index: 50;
  height: 1104px;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.75);
}
#petro-commercial .video-modal .video-box {
  width: 560px;
  margin: 6% auto 0;
}
#petro-commercial .video-modal .video-box .video-close {
  color: #fff;
  float: right;
  font-size: 69%;
  font-weight: bolder;
  margin: 0 3% 1% 0;
}
#petro-commercial .video-modal .video-box .video-close span {
  background-color: #fff;
  border-radius: 3px;
  color: #000;
  margin: 10%;
  padding: 1% 8%;
}
#petro-commercial .video-modal .video-box iframe {
  border: 2px solid #fff;
  border-radius: 4px;
}
#petro-commercial .body-con {
  margin: 0 auto;
  width: 912px;
  height: 1104px;
  position: relative;
}
#petro-commercial .body-con .top-con {
  width: 100%;
  height: 73.82%;
}
#petro-commercial .body-con .top-con .header-con {
  height: 10.55%;
  position: relative;
  width: 100%;
  z-index: 1;
  margin-bottom: 0.75%;
}
#petro-commercial .body-con .top-con .header-con img,
#petro-commercial .body-con .top-con .header-con a,
#petro-commercial .body-con .top-con .header-con ul,
#petro-commercial .body-con .top-con .header-con li {
  float: left;
  position: relative;
  list-style-type: none;
}
#petro-commercial .body-con .top-con .header-con .p-logo {
  width: 12.2%;
  height: 100%;
}
#petro-commercial .body-con .top-con .header-con .p-logo img {
  width: 100%;
  height: 100%;
}
#petro-commercial .body-con .top-con .header-con .header-nav {
  background-color: #fff;
  float: right;
  height: 100%;
  width: 86.9%;
}
#petro-commercial .body-con .top-con .header-con .header-nav .header-link {
  font-family: 'Arial Bold', sans-serif;
}
#petro-commercial .body-con .top-con .header-con .header-nav ul {
  color: #757575;
  font-family: "Arial W01 Narrow Bold", sans-serif;
  position: absolute;
  right: 26%;
  top: 39%;
}
#petro-commercial .body-con .top-con .header-con .header-nav ul li {
  margin: 15px !important;
}
#petro-commercial .body-con .top-con .header-con .header-nav ul li a {
  font-size: 162%;
}
#petro-commercial .body-con .top-con .header-con .header-nav ul li a:hover {
  color: #e60d2e;
}
#petro-commercial .body-con .top-con .header-con .header-nav ul li a:active {
  font-weight: normal;
}
#petro-commercial .body-con .top-con .header-con .header-nav .lang-select {
  float: right !important;
  margin: 2.25% 2% 1% 1.12%;
  color: #b1b1b1;
  font-size: 84%;
}
#petro-commercial .body-con .top-con .header-con .header-nav .lang-select:hover {
  color: #e60d2e;
}
#petro-commercial .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: 23%;
}
#petro-commercial .body-con .top-con .header-con .header-nav span input {
  background: none;
  border: none;
}
#petro-commercial .body-con .top-con .header-con .header-nav span .header-search-img {
  margin: 4% 0 -1.5% -3%;
}
#petro-commercial .body-con .top-con .header-con .header-nav span .header-search-field {
  width: 65%;
}
#petro-commercial .body-con .top-con .header-con .header-nav span .header-search-field:focus {
  outline: none;
}
#petro-commercial .body-con .top-con .header-con .header-nav span .header-search-field::-ms-clear {
  display: none;
}
#petro-commercial .body-con .top-con .header-con .header-nav span .placeholder {
  color: #666666;
}
#petro-commercial .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: absolute;
  right: 1.5%;
  top: 52%;
}
#petro-commercial .body-con .top-con .header-con .header-nav span .x-img {
  position: relative;
  right: -85%;
  top: 28%;
  cursor: pointer;
}
#petro-commercial .body-con .top-con .header-con .login-popup .popup-top-tag,
#petro-commercial .body-con .top-con .header-con .reload-popup .popup-top-tag {
  position: absolute;
  top: -5%;
  left: 46%;
}
#petro-commercial .body-con .top-con .header-con .login-popup .t-row,
#petro-commercial .body-con .top-con .header-con .reload-popup .t-row {
  display: table-row;
}
#petro-commercial .body-con .top-con .header-con .login-popup .t-row .inner-popup-con,
#petro-commercial .body-con .top-con .header-con .reload-popup .t-row .inner-popup-con,
#petro-commercial .body-con .top-con .header-con .login-popup .t-row .inner-popup-con-2,
#petro-commercial .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%;
}
#petro-commercial .body-con .top-con .header-con .login-popup .t-row .inner-popup-con img,
#petro-commercial .body-con .top-con .header-con .reload-popup .t-row .inner-popup-con img,
#petro-commercial .body-con .top-con .header-con .login-popup .t-row .inner-popup-con-2 img,
#petro-commercial .body-con .top-con .header-con .reload-popup .t-row .inner-popup-con-2 img {
  float: none;
}
#petro-commercial .body-con .top-con .header-con .login-popup .t-row .inner-popup-con p,
#petro-commercial .body-con .top-con .header-con .reload-popup .t-row .inner-popup-con p,
#petro-commercial .body-con .top-con .header-con .login-popup .t-row .inner-popup-con-2 p,
#petro-commercial .body-con .top-con .header-con .reload-popup .t-row .inner-popup-con-2 p {
  margin: 0;
  font-size: 78%;
  color: #757575;
}
#petro-commercial .body-con .top-con .header-con .login-popup .t-row .inner-popup-con:hover,
#petro-commercial .body-con .top-con .header-con .reload-popup .t-row .inner-popup-con:hover,
#petro-commercial .body-con .top-con .header-con .login-popup .t-row .inner-popup-con-2:hover,
#petro-commercial .body-con .top-con .header-con .reload-popup .t-row .inner-popup-con-2:hover {
  cursor: pointer;
}
#petro-commercial .body-con .top-con .header-con .login-popup {
  background-color: #f7f7f7;
  display: none;
  left: 27.75%;
  margin-top: 0.5%;
  padding: 1% 0% 2%;
  position: absolute;
  top: 98%;
  width: 40.38%;
  z-index: 3;
}
#petro-commercial .body-con .top-con .header-con .login-popup .login-tag-con {
  position: relative;
}
#petro-commercial .body-con .top-con .header-con .login-popup .login-tag-con .popup-top-tag {
  top: -31px;
}
#petro-commercial .body-con .top-con .header-con .login-login-popup,
#petro-commercial .body-con .top-con .header-con .reload-login-popup {
  width: 40.38%;
  background-color: #f7f7f7;
  margin-top: 0.5%;
  position: absolute;
  display: none;
  left: 27.75%;
  top: 98%;
  z-index: 3;
}
#petro-commercial .body-con .top-con .header-con .login-login-popup .popup-top-tag,
#petro-commercial .body-con .top-con .header-con .reload-login-popup .popup-top-tag {
  position: absolute;
  top: -8%;
  left: 46%;
}
#petro-commercial .body-con .top-con .header-con .login-login-popup h5,
#petro-commercial .body-con .top-con .header-con .reload-login-popup h5 {
  color: #757575;
  font-size: 97%;
  margin-left: 12.5%;
  margin-top: 9%;
}
#petro-commercial .body-con .top-con .header-con .login-login-popup p,
#petro-commercial .body-con .top-con .header-con .reload-login-popup p {
  color: #757575;
  font-size: 84%;
  margin-left: 12.5%;
  width: 70%;
}
#petro-commercial .body-con .top-con .header-con .login-login-popup .login-fields,
#petro-commercial .body-con .top-con .header-con .reload-login-popup .login-fields {
  width: 75%;
  margin: 0 auto;
}
#petro-commercial .body-con .top-con .header-con .login-login-popup .login-fields .login-input-text,
#petro-commercial .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-commercial .body-con .top-con .header-con .login-login-popup .login-fields .login-input,
#petro-commercial .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-commercial .body-con .top-con .header-con .login-login-popup .login-links,
#petro-commercial .body-con .top-con .header-con .reload-login-popup .login-links {
  margin: 6.5% 5% 18% 38.5%;
  width: 60%;
}
#petro-commercial .body-con .top-con .header-con .login-login-popup .login-links input,
#petro-commercial .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-commercial .body-con .top-con .header-con .login-login-popup .login-links a,
#petro-commercial .body-con .top-con .header-con .reload-login-popup .login-links a {
  float: left;
  font-size: 71.9%;
  color: #e60d2e;
}
#petro-commercial .body-con .top-con .header-con .login-login-popup .login-links a img,
#petro-commercial .body-con .top-con .header-con .reload-login-popup .login-links a img {
  float: none;
}
#petro-commercial .body-con .top-con .header-con .reload-popup {
  width: 31.38%;
  background-color: #f7f7f7;
  margin-top: 0.5%;
  position: absolute;
  display: none;
  left: 45%;
  z-index: 3;
  top: 98%;
  padding: 1% 0% 2%;
}
#petro-commercial .body-con .top-con .header-con .reload-popup .reload-tag-con .popup-top-tag {
  position: absolute;
  top: -22px;
  left: 46%;
}
#petro-commercial .body-con .top-con .header-con .reload-login-popup {
  width: 31.38%;
  margin-top: 0.5%;
  position: absolute;
  display: none;
  left: 47%;
  z-index: 3;
  top: 98%;
}
#petro-commercial .body-con .top-con .header-con .reload-login-popup .popup-top-tag {
  position: absolute;
  top: -7%;
  left: 46%;
}
#petro-commercial .body-con .top-con .header-con .findLocal-popup {
  width: 70%;
  /*height:684.62%;*/
  background-color: #f7f7f7;
  margin-top: 0.5%;
  position: absolute;
  display: none;
  left: 30.2%;
  z-index: 3;
  top: 98%;
  padding: 3.5% 3.5% 2%;
  box-sizing: border-box;
}
#petro-commercial .body-con .top-con .header-con .findLocal-popup .local-tag-con {
  position: relative;
}
#petro-commercial .body-con .top-con .header-con .findLocal-popup .local-tag-con .popup-top-tag {
  position: absolute;
  top: -54px;
  left: 211px;
}
#petro-commercial .body-con .top-con .header-con .findLocal-popup h5 {
  color: #757575;
  font-size: 97%;
  margin: 0;
}
#petro-commercial .body-con .top-con .header-con .findLocal-popup span .local-radios {
  font-size: 75%;
  color: #757575;
  margin-top: 2%;
}
#petro-commercial .body-con .top-con .header-con .findLocal-popup span .local-radios .radio-spacing {
  margin: 0 4%;
  display: inline-block;
}
#petro-commercial .body-con .top-con .header-con .findLocal-popup span .local-radios .radio-spacing:first-child {
  margin: 0;
}
#petro-commercial .body-con .top-con .header-con .findLocal-popup span .local-selectors {
  font-size: 75%;
  color: #757575;
  margin-top: 3.1%;
}
#petro-commercial .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-commercial .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-commercial .body-con .top-con .header-con .findLocal-popup span .local-selectors .selector-con select option {
  border: none;
}
#petro-commercial .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-commercial .body-con .top-con .header-con .findLocal-popup span h5 {
  margin-top: 6.5%;
}
#petro-commercial .body-con .top-con .header-con .findLocal-popup span p {
  font-size: 75%;
  color: #757575;
  font-style: regular;
  width: 200%;
}
#petro-commercial .body-con .top-con .header-con .findLocal-popup span p span {
  font-weight: bold;
}
#petro-commercial .body-con .top-con .header-con .findLocal-popup span .gas-station-options,
#petro-commercial .body-con .top-con .header-con .findLocal-popup span .truck-stop-options,
#petro-commercial .body-con .top-con .header-con .findLocal-popup span .fuel-distributor-options {
  margin-top: 3%;
}
#petro-commercial .body-con .top-con .header-con .findLocal-popup span .gas-station-options:after,
#petro-commercial .body-con .top-con .header-con .findLocal-popup span .truck-stop-options:after,
#petro-commercial .body-con .top-con .header-con .findLocal-popup span .fuel-distributor-options:after {
  clear: both;
}
#petro-commercial .body-con .top-con .header-con .findLocal-popup span .gas-station-options .serv-alt-list,
#petro-commercial .body-con .top-con .header-con .findLocal-popup span .truck-stop-options .serv-alt-list,
#petro-commercial .body-con .top-con .header-con .findLocal-popup span .fuel-distributor-options .serv-alt-list {
  float: left;
}
#petro-commercial .body-con .top-con .header-con .findLocal-popup span .gas-station-options .local-list-1,
#petro-commercial .body-con .top-con .header-con .findLocal-popup span .truck-stop-options .local-list-1,
#petro-commercial .body-con .top-con .header-con .findLocal-popup span .fuel-distributor-options .local-list-1,
#petro-commercial .body-con .top-con .header-con .findLocal-popup span .gas-station-options .local-list-2,
#petro-commercial .body-con .top-con .header-con .findLocal-popup span .truck-stop-options .local-list-2,
#petro-commercial .body-con .top-con .header-con .findLocal-popup span .fuel-distributor-options .local-list-2,
#petro-commercial .body-con .top-con .header-con .findLocal-popup span .gas-station-options .local-list-3,
#petro-commercial .body-con .top-con .header-con .findLocal-popup span .truck-stop-options .local-list-3,
#petro-commercial .body-con .top-con .header-con .findLocal-popup span .fuel-distributor-options .local-list-3 {
  display: inline-block;
  vertical-align: top;
  width: 30%;
}
#petro-commercial .body-con .top-con .header-con .findLocal-popup span .gas-station-options .local-list-1 ul,
#petro-commercial .body-con .top-con .header-con .findLocal-popup span .truck-stop-options .local-list-1 ul,
#petro-commercial .body-con .top-con .header-con .findLocal-popup span .fuel-distributor-options .local-list-1 ul,
#petro-commercial .body-con .top-con .header-con .findLocal-popup span .gas-station-options .local-list-2 ul,
#petro-commercial .body-con .top-con .header-con .findLocal-popup span .truck-stop-options .local-list-2 ul,
#petro-commercial .body-con .top-con .header-con .findLocal-popup span .fuel-distributor-options .local-list-2 ul,
#petro-commercial .body-con .top-con .header-con .findLocal-popup span .gas-station-options .local-list-3 ul,
#petro-commercial .body-con .top-con .header-con .findLocal-popup span .truck-stop-options .local-list-3 ul,
#petro-commercial .body-con .top-con .header-con .findLocal-popup span .fuel-distributor-options .local-list-3 ul {
  margin-top: 9%;
}
#petro-commercial .body-con .top-con .header-con .findLocal-popup span .gas-station-options .local-list-1 ul h6,
#petro-commercial .body-con .top-con .header-con .findLocal-popup span .truck-stop-options .local-list-1 ul h6,
#petro-commercial .body-con .top-con .header-con .findLocal-popup span .fuel-distributor-options .local-list-1 ul h6,
#petro-commercial .body-con .top-con .header-con .findLocal-popup span .gas-station-options .local-list-2 ul h6,
#petro-commercial .body-con .top-con .header-con .findLocal-popup span .truck-stop-options .local-list-2 ul h6,
#petro-commercial .body-con .top-con .header-con .findLocal-popup span .fuel-distributor-options .local-list-2 ul h6,
#petro-commercial .body-con .top-con .header-con .findLocal-popup span .gas-station-options .local-list-3 ul h6,
#petro-commercial .body-con .top-con .header-con .findLocal-popup span .truck-stop-options .local-list-3 ul h6,
#petro-commercial .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-commercial .body-con .top-con .header-con .findLocal-popup span .gas-station-options .local-list-1 ul ul,
#petro-commercial .body-con .top-con .header-con .findLocal-popup span .truck-stop-options .local-list-1 ul ul,
#petro-commercial .body-con .top-con .header-con .findLocal-popup span .fuel-distributor-options .local-list-1 ul ul,
#petro-commercial .body-con .top-con .header-con .findLocal-popup span .gas-station-options .local-list-2 ul ul,
#petro-commercial .body-con .top-con .header-con .findLocal-popup span .truck-stop-options .local-list-2 ul ul,
#petro-commercial .body-con .top-con .header-con .findLocal-popup span .fuel-distributor-options .local-list-2 ul ul,
#petro-commercial .body-con .top-con .header-con .findLocal-popup span .gas-station-options .local-list-3 ul ul,
#petro-commercial .body-con .top-con .header-con .findLocal-popup span .truck-stop-options .local-list-3 ul ul,
#petro-commercial .body-con .top-con .header-con .findLocal-popup span .fuel-distributor-options .local-list-3 ul ul {
  margin: 0;
  padding-left: 15%;
}
#petro-commercial .body-con .top-con .header-con .findLocal-popup span .gas-station-options .local-list-1 ul li .local-gasOptions-text,
#petro-commercial .body-con .top-con .header-con .findLocal-popup span .truck-stop-options .local-list-1 ul li .local-gasOptions-text,
#petro-commercial .body-con .top-con .header-con .findLocal-popup span .fuel-distributor-options .local-list-1 ul li .local-gasOptions-text,
#petro-commercial .body-con .top-con .header-con .findLocal-popup span .gas-station-options .local-list-2 ul li .local-gasOptions-text,
#petro-commercial .body-con .top-con .header-con .findLocal-popup span .truck-stop-options .local-list-2 ul li .local-gasOptions-text,
#petro-commercial .body-con .top-con .header-con .findLocal-popup span .fuel-distributor-options .local-list-2 ul li .local-gasOptions-text,
#petro-commercial .body-con .top-con .header-con .findLocal-popup span .gas-station-options .local-list-3 ul li .local-gasOptions-text,
#petro-commercial .body-con .top-con .header-con .findLocal-popup span .truck-stop-options .local-list-3 ul li .local-gasOptions-text,
#petro-commercial .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-commercial .body-con .top-con .header-con .findLocal-popup span .gas-station-options .local-list-1 li,
#petro-commercial .body-con .top-con .header-con .findLocal-popup span .truck-stop-options .local-list-1 li,
#petro-commercial .body-con .top-con .header-con .findLocal-popup span .fuel-distributor-options .local-list-1 li,
#petro-commercial .body-con .top-con .header-con .findLocal-popup span .gas-station-options .local-list-2 li,
#petro-commercial .body-con .top-con .header-con .findLocal-popup span .truck-stop-options .local-list-2 li,
#petro-commercial .body-con .top-con .header-con .findLocal-popup span .fuel-distributor-options .local-list-2 li,
#petro-commercial .body-con .top-con .header-con .findLocal-popup span .gas-station-options .local-list-3 li,
#petro-commercial .body-con .top-con .header-con .findLocal-popup span .truck-stop-options .local-list-3 li,
#petro-commercial .body-con .top-con .header-con .findLocal-popup span .fuel-distributor-options .local-list-3 li {
  color: #757575;
  font-size: 127%;
}
#petro-commercial .body-con .top-con .header-con .findLocal-popup span .gas-station-options .local-list-1 li,
#petro-commercial .body-con .top-con .header-con .findLocal-popup span .truck-stop-options .local-list-1 li,
#petro-commercial .body-con .top-con .header-con .findLocal-popup span .fuel-distributor-options .local-list-1 li,
#petro-commercial .body-con .top-con .header-con .findLocal-popup span .gas-station-options .local-list-2 li,
#petro-commercial .body-con .top-con .header-con .findLocal-popup span .truck-stop-options .local-list-2 li,
#petro-commercial .body-con .top-con .header-con .findLocal-popup span .fuel-distributor-options .local-list-2 li,
#petro-commercial .body-con .top-con .header-con .findLocal-popup span .gas-station-options .local-list-3 li,
#petro-commercial .body-con .top-con .header-con .findLocal-popup span .truck-stop-options .local-list-3 li,
#petro-commercial .body-con .top-con .header-con .findLocal-popup span .fuel-distributor-options .local-list-3 li,
#petro-commercial .body-con .top-con .header-con .findLocal-popup span .gas-station-options .local-list-1 ul,
#petro-commercial .body-con .top-con .header-con .findLocal-popup span .truck-stop-options .local-list-1 ul,
#petro-commercial .body-con .top-con .header-con .findLocal-popup span .fuel-distributor-options .local-list-1 ul,
#petro-commercial .body-con .top-con .header-con .findLocal-popup span .gas-station-options .local-list-2 ul,
#petro-commercial .body-con .top-con .header-con .findLocal-popup span .truck-stop-options .local-list-2 ul,
#petro-commercial .body-con .top-con .header-con .findLocal-popup span .fuel-distributor-options .local-list-2 ul,
#petro-commercial .body-con .top-con .header-con .findLocal-popup span .gas-station-options .local-list-3 ul,
#petro-commercial .body-con .top-con .header-con .findLocal-popup span .truck-stop-options .local-list-3 ul,
#petro-commercial .body-con .top-con .header-con .findLocal-popup span .fuel-distributor-options .local-list-3 ul {
  float: none;
  padding: 0;
}
#petro-commercial .body-con .top-con .header-con .findLocal-popup span .gas-station-options .local-list-1,
#petro-commercial .body-con .top-con .header-con .findLocal-popup span .truck-stop-options .local-list-1,
#petro-commercial .body-con .top-con .header-con .findLocal-popup span .fuel-distributor-options .local-list-1 {
  margin-left: 0;
}
#petro-commercial .body-con .top-con .header-con .findLocal-popup span .gas-station-options .local-list-2 ul,
#petro-commercial .body-con .top-con .header-con .findLocal-popup span .truck-stop-options .local-list-2 ul,
#petro-commercial .body-con .top-con .header-con .findLocal-popup span .fuel-distributor-options .local-list-2 ul {
  /*margin-top:12.25%;*/
}
#petro-commercial .body-con .top-con .header-con .findLocal-popup span .gas-station-options .local-list-3,
#petro-commercial .body-con .top-con .header-con .findLocal-popup span .truck-stop-options .local-list-3,
#petro-commercial .body-con .top-con .header-con .findLocal-popup span .fuel-distributor-options .local-list-3 {
  margin-right: 0;
}
#petro-commercial .body-con .top-con .header-con .findLocal-popup span .gas-station-options .local-list-3 ul,
#petro-commercial .body-con .top-con .header-con .findLocal-popup span .truck-stop-options .local-list-3 ul,
#petro-commercial .body-con .top-con .header-con .findLocal-popup span .fuel-distributor-options .local-list-3 ul {
  /*margin-top:26.5%;*/
}
#petro-commercial .body-con .top-con .header-con .findLocal-popup span .truck-stop-options {
  display: none;
  width: 100%;
  height: 100%;
}
#petro-commercial .body-con .top-con .header-con .findLocal-popup span .truck-stop-options:after {
  clear: both;
}
#petro-commercial .body-con .top-con .header-con .findLocal-popup span .truck-stop-options .serv-alt-list {
  float: left;
}
#petro-commercial .body-con .top-con .header-con .findLocal-popup span .truck-stop-options .local-list-1,
#petro-commercial .body-con .top-con .header-con .findLocal-popup span .truck-stop-options .local-list-2,
#petro-commercial .body-con .top-con .header-con .findLocal-popup span .truck-stop-options .local-list-3 {
  display: inline-block;
  vertical-align: top;
}
#petro-commercial .body-con .top-con .header-con .findLocal-popup span .truck-stop-options .local-list-1 h6,
#petro-commercial .body-con .top-con .header-con .findLocal-popup span .truck-stop-options .local-list-2 h6,
#petro-commercial .body-con .top-con .header-con .findLocal-popup span .truck-stop-options .local-list-3 h6 {
  margin: 0;
}
#petro-commercial .body-con .top-con .header-con .findLocal-popup span .truck-stop-options .local-list-1 li,
#petro-commercial .body-con .top-con .header-con .findLocal-popup span .truck-stop-options .local-list-2 li,
#petro-commercial .body-con .top-con .header-con .findLocal-popup span .truck-stop-options .local-list-3 li,
#petro-commercial .body-con .top-con .header-con .findLocal-popup span .truck-stop-options .local-list-1 ul,
#petro-commercial .body-con .top-con .header-con .findLocal-popup span .truck-stop-options .local-list-2 ul,
#petro-commercial .body-con .top-con .header-con .findLocal-popup span .truck-stop-options .local-list-3 ul {
  float: none;
}
#petro-commercial .body-con .top-con .header-con .findLocal-popup span .fuel-distributor-options {
  display: none;
  width: 100%;
  height: 100%;
}
#petro-commercial .body-con .top-con .header-con .findLocal-popup span .fuel-distributor-options:after {
  clear: both;
}
#petro-commercial .body-con .top-con .header-con .findLocal-popup span .fuel-distributor-options .serv-alt-list {
  float: left;
}
#petro-commercial .body-con .top-con .header-con .findLocal-popup span .fuel-distributor-options .local-list-1,
#petro-commercial .body-con .top-con .header-con .findLocal-popup span .fuel-distributor-options .local-list-2,
#petro-commercial .body-con .top-con .header-con .findLocal-popup span .fuel-distributor-options .local-list-3 {
  display: inline-block;
  vertical-align: top;
}
#petro-commercial .body-con .top-con .header-con .findLocal-popup span .fuel-distributor-options .local-list-1 h6,
#petro-commercial .body-con .top-con .header-con .findLocal-popup span .fuel-distributor-options .local-list-2 h6,
#petro-commercial .body-con .top-con .header-con .findLocal-popup span .fuel-distributor-options .local-list-3 h6 {
  margin: 0;
}
#petro-commercial .body-con .top-con .header-con .findLocal-popup span .fuel-distributor-options .local-list-1 li,
#petro-commercial .body-con .top-con .header-con .findLocal-popup span .fuel-distributor-options .local-list-2 li,
#petro-commercial .body-con .top-con .header-con .findLocal-popup span .fuel-distributor-options .local-list-3 li,
#petro-commercial .body-con .top-con .header-con .findLocal-popup span .fuel-distributor-options .local-list-1 ul,
#petro-commercial .body-con .top-con .header-con .findLocal-popup span .fuel-distributor-options .local-list-2 ul,
#petro-commercial .body-con .top-con .header-con .findLocal-popup span .fuel-distributor-options .local-list-3 ul {
  float: none;
}
#petro-commercial .body-con .top-con .header-con .findLocal-popup span .local-submit-btn {
  margin: 2% 0 0 70%;
  cursor: pointer;
}
#petro-commercial .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-commercial .body-con .top-con .header-con .invis-div {
  /*display: block;*/
  height: 100%;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 2;
  left: 0;
}
#petro-commercial .body-con .top-con .left-side-nav {
  width: 21.5%;
  height: 87.07%;
  float: left;
  background-color: #fff;
  margin-right: 0.9%;
}
#petro-commercial .body-con .top-con .left-side-nav a:hover {
  text-decoration: underline;
}
#petro-commercial .body-con .top-con .left-side-nav .aside-list-1,
#petro-commercial .body-con .top-con .left-side-nav .aside-list-2 {
  margin-top: 19%;
}
#petro-commercial .body-con .top-con .left-side-nav .aside-list-1 h2,
#petro-commercial .body-con .top-con .left-side-nav .aside-list-2 h2 {
  font-size: 85%;
  color: #e81f26;
  margin: 27% 6% 9%;
}
#petro-commercial .body-con .top-con .left-side-nav .aside-list-2 ul {
  padding-left: 14%;
  color: #757575;
  list-style: none;
}
#petro-commercial .body-con .top-con .left-side-nav .aside-list-1 ul {
  padding-left: 17%;
  color: #757575;
  list-style: none;
}
#petro-commercial .body-con .top-con .left-side-nav .aside-list-1 ul li{
  font-size: 149%;
  margin-bottom: 10%;
}
#petro-commercial .body-con .top-con .left-side-nav .aside-list-2 ul li {
  font-size: 149%;
  margin-bottom: 2%;
}
#petro-commercial .body-con .top-con .left-side-nav .aside-list-1 ul ul,
#petro-commercial .body-con .top-con .left-side-nav .aside-list-2 ul ul {
  padding-top: 2%;
}
#petro-commercial .body-con .top-con .left-side-nav .aside-list-1 li {
  text-indent: -20px;
}
#petro-commercial .body-con .top-con .left-side-nav .aside-list-1 li:before {
  content: url("/images/core/arrow-list.png");
}
#petro-commercial .body-con .top-con .left-side-nav .aside-list-2 li {
  font-size: 127% !important;
  text-indent: -1em;
}
#petro-commercial .body-con .top-con .left-side-nav .aside-list-2 li:before {
  color: red;
  content: "• ";
  font-size: 120%;
}
#petro-commercial .body-con .top-con .left-side-nav li .parent-link:before {
  content: url("/images/core/arrow-list-down.png");
}
#petro-commercial .body-con .top-con .left-side-nav li .current-link {
  font-weight: bold;
}
.parent-link:before {
  content: url("/images/core/arrow-list-down.png");
}
.current-link {
  font-weight: bold;
}
#petro-commercial .body-con .top-con .right-body-con {
  float: left;
  width: 77.6%;
  height: 87.12%;
}
#petro-commercial .body-con .top-con .right-body-con #demo {
  float: left;
  position: relative;
  width: 100%;
  height: 41.7%;
}
#petro-commercial .body-con .top-con .right-body-con #demo .container .row .span12 #owl-demo .item {
  background-color: #000;
  height: 268px;
  box-sizing: border-box;
}
#petro-commercial .body-con .top-con .right-body-con #demo .container .row .span12 #owl-demo .item .banner-img {
  display: inline-block;
  width: 400px;
  margin: 2.1% 3% 2.1% 5%;
}
#petro-commercial .body-con .top-con .right-body-con #demo .container .row .span12 #owl-demo .item img {
  display: block;
  width: 100%;
  height: auto;
}
#petro-commercial .body-con .top-con .right-body-con #demo .container .row .span12 #owl-demo .item .banner-right-text-con {
  display: inline-block;
  font-size: 118%;
  vertical-align: top;
  width: 28%;
  margin-top: 5%;
}
#petro-commercial .body-con .top-con .right-body-con #demo .container .row .span12 #owl-demo .item .banner-right-text-con p,
#petro-commercial .body-con .top-con .right-body-con #demo .container .row .span12 #owl-demo .item .banner-right-text-con a {
  color: #fff;
}
#petro-commercial .body-con .top-con .right-body-con #demo .container .row .span12 #owl-demo .item .banner-right-text-con .banner-link {
  background-color: #e60d2e;
  border: medium none;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 84%;
  padding: 2% 49% 3% 7%;
}
#petro-commercial .body-con .top-con .right-body-con #demo .container .row .span12 .owl-theme .owl-controls {
  text-align: center;
}
#petro-commercial .body-con .top-con .right-body-con #demo .container .row .span12 .owl-theme .owl-controls .owl-buttons {
  left: 0%;
  position: absolute;
  text-align: left;
  top: 42.5%;
  width: 100%;
}
#petro-commercial .body-con .top-con .right-body-con #demo .container .row .span12 .owl-theme .owl-controls .owl-buttons .owl-prev {
  filter: alpha(opacity=100);
}
#petro-commercial .body-con .top-con .right-body-con #demo .container .row .span12 .owl-theme .owl-controls .owl-buttons .owl-prev:hover {
  opacity: 0.75;
  filter: alpha(opacity=75);
}
#petro-commercial .body-con .top-con .right-body-con #demo .container .row .span12 .owl-theme .owl-controls .owl-buttons .owl-next {
  float: right;
  filter: alpha(opacity=100);
}
#petro-commercial .body-con .top-con .right-body-con #demo .container .row .span12 .owl-theme .owl-controls .owl-buttons .owl-next:hover {
  opacity: 0.75;
  filter: alpha(opacity=75);
}
#petro-commercial .body-con .top-con .right-body-con #demo .container .row .span12 .owl-theme .owl-controls .owl-pagination {
  position: absolute;
  bottom: 4%;
  left: 42%;
}
#petro-commercial .body-con .top-con .right-body-con .carousel-text-select {
  box-sizing: border-box;
  height: 67px;
  padding-top: 1%;
  position: relative;
  text-align: center;
  width: 100%;
}
#petro-commercial .body-con .top-con .right-body-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.5% 0.5%;
}
#petro-commercial .body-con .top-con .right-body-con .carousel-text-select div:first-child {
  padding-left: 1.4%;
}
#petro-commercial .body-con .top-con .right-body-con .carousel-text-select div:last-child {
  padding-right: 1.4%;
}
#petro-commercial .body-con .top-con .right-body-con .carousel-text-select div span:hover {
  /*font-weight:bold;*/
  /*text-decoration:underline;*/
  color: #E60D2E;
  cursor: pointer;
}
#petro-commercial .body-con .top-con .Emer-response {
  background-color: #e60d2e;
  color: #fff;
  display: none;
  height: 52px;
  text-align: center;
  width: 100%;
  position: relative;
  box-sizing: border-box;
  padding-top: 15px;
}
#petro-commercial .body-con .top-con .Emer-response .Emer-text {
  font-size: 115%;
}
#petro-commercial .body-con .top-con .sub-body-con {
  width: 100%;
  margin-top: 0.5%;
  float: left;
  height: 58.3%;
}
#petro-commercial .body-con .top-con .sub-body-con .body-table {
  display: table;
  height: 48.9%;
  margin-bottom: 0.9%;
}
#petro-commercial .body-con .top-con .sub-body-con .body-table .body-con-1,
#petro-commercial .body-con .top-con .sub-body-con .body-table .body-con-2 {
  width: 30%;
  height: 100%;
  background-color: #fff;
  border-radius: 10px;
  padding: 1.5% 2% 1%;
  display: table-cell;
  vertical-align: top;
  position: relative;
}
#petro-commercial .body-con .top-con .sub-body-con .body-table .body-con-1 h2,
#petro-commercial .body-con .top-con .sub-body-con .body-table .body-con-2 h2 {
  width: 100%;
  margin: 3% !important;
  color: #e60d2e;
  font-size: 100%;
}
#petro-commercial .body-con .top-con .sub-body-con .body-table .body-con-1 .inner-body-con,
#petro-commercial .body-con .top-con .sub-body-con .body-table .body-con-2 .inner-body-con {
  float: left;
  /*height:100%;*/
  position: relative;
}
#petro-commercial .body-con .top-con .sub-body-con .body-table .body-con-1 .inner-body-con .body-text-con,
#petro-commercial .body-con .top-con .sub-body-con .body-table .body-con-2 .inner-body-con .body-text-con {
  width: 105%;
  float: left;
}
#petro-commercial .body-con .top-con .sub-body-con .body-table .body-con-1 .inner-body-con .body-text-con .video-open,
#petro-commercial .body-con .top-con .sub-body-con .body-table .body-con-2 .inner-body-con .body-text-con .video-open {
  cursor: pointer;
}
#petro-commercial .body-con .top-con .sub-body-con .body-table .body-con-1 .inner-body-con .body-text-con .body-img,
#petro-commercial .body-con .top-con .sub-body-con .body-table .body-con-2 .inner-body-con .body-text-con .body-img {
  float: left;
  margin: 1%;
  padding: 3% 2% 2% 0;
  width: 36.5%;
}
#petro-commercial .body-con .top-con .sub-body-con .body-table .body-con-1 .inner-body-con .body-text-con .body-img-video,
#petro-commercial .body-con .top-con .sub-body-con .body-table .body-con-2 .inner-body-con .body-text-con .body-img-video,
#petro-commercial .body-con .top-con .sub-body-con .body-table .body-con-1 .inner-body-con .body-text-con .body-img-video1,
#petro-commercial .body-con .top-con .sub-body-con .body-table .body-con-2 .inner-body-con .body-text-con .body-img-video1{
  float: left;
  margin: 1%;
  padding: 3% 5% 2% 0;
  width: 36.5%;
  cursor:hand;
}
#petro-commercial .body-con .top-con .sub-body-con .body-table .body-con-1 .inner-body-con .body-text-con h3,
#petro-commercial .body-con .top-con .sub-body-con .body-table .body-con-2 .inner-body-con .body-text-con h3 {
  font-size: 90%;
  color: #757575;
  margin: -1% 0;
  padding-bottom: 3px;
}
#petro-commercial .body-con .top-con .sub-body-con .body-table .body-con-1 .inner-body-con .body-text-con h4,
#petro-commercial .body-con .top-con .sub-body-con .body-table .body-con-2 .inner-body-con .body-text-con h4 {
  font-size: 78%;
  font-weight: 500;
  color: #757575;
  margin: 2% 0;
  line-height: 1.3em;
}
#petro-commercial .body-con .top-con .sub-body-con .body-table .body-con-1 .body-links,
#petro-commercial .body-con .top-con .sub-body-con .body-table .body-con-2 .body-links {
  float: left;
  position: absolute;
  width: 100%;
  bottom: -1%;
  left: 6%;
}
#petro-commercial .body-con .top-con .sub-body-con .body-table .body-con-1 .body-links .learn-link,
#petro-commercial .body-con .top-con .sub-body-con .body-table .body-con-2 .body-links .learn-link {
  color: #e60d2e;
  font-size: 76%;
}
#petro-commercial .body-con .top-con .sub-body-con .body-table .body-con-1 .body-links .bod-button,
#petro-commercial .body-con .top-con .sub-body-con .body-table .body-con-2 .body-links .bod-button {
  margin: 3% -2% 5%;
  width: 102%;
  font-size: 0.9em;
  font-weight: bold;
}
#petro-commercial .body-con .top-con .sub-body-con .body-table .body-con-1 .body-links .bod-button div,
#petro-commercial .body-con .top-con .sub-body-con .body-table .body-con-2 .body-links .bod-button div {
  min-width: 37.5%;
}
#petro-commercial .body-con .top-con .sub-body-con .body-table .body-con-1 .body-links .bod-button .bod-first-btn,
#petro-commercial .body-con .top-con .sub-body-con .body-table .body-con-2 .body-links .bod-button .bod-first-btn {
  display: inline-block;
}
#petro-commercial .body-con .top-con .sub-body-con .body-table .body-con-1 .body-links .bod-button .bod-first-btn a,
#petro-commercial .body-con .top-con .sub-body-con .body-table .body-con-2 .body-links .bod-button .bod-first-btn a {
  padding:3% 6%;
  min-width: 50px;
  text-align: center;
}
#petro-commercial .body-con .top-con .sub-body-con .body-table .body-con-1 .body-links .bod-button .bod-sec-btn,
#petro-commercial .body-con .top-con .sub-body-con .body-table .body-con-2 .body-links .bod-button .bod-sec-btn {
  float: right;
  padding-right: 15px;
  display: inline-block;
}
#petro-commercial .body-con .top-con .sub-body-con .body-table .body-con-1 .body-links .bod-button .bod-sec-btn a,
#petro-commercial .body-con .top-con .sub-body-con .body-table .body-con-2 .body-links .bod-button .bod-sec-btn a {
  padding: 3% 6%;
  min-width: 75px;
  text-align: center;
}
#petro-commercial .body-con .top-con .sub-body-con .body-table .body-con-1 .body-links .bod-button a,
#petro-commercial .body-con .top-con .sub-body-con .body-table .body-con-2 .body-links .bod-button a {
  background-color: #e60d2e;
  border: medium none;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 84%;
  padding: 1.25% 3%;
}
#petro-commercial .body-con .top-con .sub-body-con .body-table .body-con-1 .body-links .bod-button a div,
#petro-commercial .body-con .top-con .sub-body-con .body-table .body-con-2 .body-links .bod-button a div {
  margin: 0 auto;
  display: inline;
}
#petro-commercial .body-con .top-con .sub-body-con .body-table .body-con-1 .body-links .bod-button a:last-child,
#petro-commercial .body-con .top-con .sub-body-con .body-table .body-con-2 .body-links .bod-button a:last-child {
  float: none;
  /*margin-top: 1%;*/
}
#petro-commercial .body-con .top-con .sub-body-con .body-table .body-con-1 {
  margin-right: 1.75%;
}
#petro-commercial .body-con .top-con .sub-body-con .body-table .table-spacer {
  display: table-cell;
  width: 0.9%;
}
#petro-commercial .body-con .top-con .sub-body-con .body-table .clear-bod {
  clear: both;
  float: left;
}
#petro-commercial .body-con .p-footer {
  width: 100%;
  /*height:32.58%;*/
  float: left;
  background-color: #fff;
  margin-top: -0.5%;
  margin-bottom: 1%;
}
#petro-commercial .body-con .p-footer .footer-clear {
  /*box-sizing: border-box;
                    clear: both;
                    height: 82%;*/
  padding: 3% 1.5% 3% 3%;
}
#petro-commercial .body-con .p-footer .footer-clear .footer-logo {
  width: 16%;
  height: 100%;
  display: inline-block;
  text-align: center;
  margin-top: 3%;
}
#petro-commercial .body-con .p-footer .footer-clear .footer-logo .footer-olym-logo {
  display: inline-block;
  vertical-align: middle;
}
#petro-commercial .body-con .p-footer .footer-clear .footer-list {
  width: 49.5%;
  height: 100%;
  display: inline-block;
  vertical-align: top;
}
#petro-commercial .body-con .p-footer .footer-clear .footer-list a:hover {
  color: #e60d2e;
}
#petro-commercial .body-con .p-footer .footer-clear .footer-list .footer-list-1,
#petro-commercial .body-con .p-footer .footer-clear .footer-list .footer-list-2 {
  float: left;
  margin-left: 20%;
  width: 30%;
}
#petro-commercial .body-con .p-footer .footer-clear .footer-list .footer-list-1 h3,
#petro-commercial .body-con .p-footer .footer-clear .footer-list .footer-list-2 h3 {
  color: #757575;
  font-size: 85%;
}
#petro-commercial .body-con .p-footer .footer-clear .footer-list .footer-list-1 ul,
#petro-commercial .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-commercial .body-con .p-footer .footer-clear .footer-list .footer-list-1 ul li,
#petro-commercial .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-commercial .body-con .p-footer .footer-clear .footer-list .footer-list-1 ul li:before,
#petro-commercial .body-con .p-footer .footer-clear .footer-list .footer-list-2 ul li:before {
  content: "• ";
  color: red;
  font-size: 130%;
}
#petro-commercial .body-con .p-footer .footer-clear .footer-list .footer-list-1 {
  margin-left: 8.25%;
}
#petro-commercial .body-con .p-footer .footer-clear .social-con {
  float: right;
  vertical-align: top;
  width: 32.2%;
}
#petro-commercial .body-con .p-footer .footer-clear .social-con h3 {
  width: 120px;
  float: left;
  color: #757575;
  font-size: 85%;
}
#petro-commercial .body-con .p-footer .footer-clear .social-con .social-imgs {
  float: right;
  position: relative;
}
#petro-commercial .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-commercial .body-con .p-footer .footer-clear .social-con .social-imgs .fbook-popup h7 {
  color: #4d6ca5;
  font-size: 75%;
  font-weight: bold;
}
#petro-commercial .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-commercial .body-con .p-footer .footer-clear .social-con .social-imgs .fbook-popup img {
  margin: 0 1%;
  display: inline;
}
#petro-commercial .body-con .p-footer .footer-clear .social-con .social-imgs .fbook-popup ul {
  padding: 0;
}
#petro-commercial .body-con .p-footer .footer-clear .social-con .social-imgs .fbook-popup ul li {
  list-style: none;
  float: none;
  margin: 4% 0;
}
#petro-commercial .body-con .p-footer .footer-clear .social-con .social-imgs .fbook-popup ul li a {
  color: #e60d2e;
  font-size: 128%;
}
#petro-commercial .body-con .p-footer .footer-clear .social-con .social-imgs .fbook-popup .popup-tag {
  left: 53%;
  position: relative;
  top: 20px;
}

#petro-commercial .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-commercial .body-con .p-footer .footer-clear .social-con .social-imgs .twitter-popup h7 {
  color: #4d6ca5;
  font-size: 75%;
  font-weight: bold;
}
#petro-commercial .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-commercial .body-con .p-footer .footer-clear .social-con .social-imgs .twitter-popup img {
  margin: 0 1%;
  display: inline;
}
#petro-commercial .body-con .p-footer .footer-clear .social-con .social-imgs .twitter-popup ul {
  padding: 0;
}
#petro-commercial .body-con .p-footer .footer-clear .social-con .social-imgs .twitter-popup ul li {
  list-style: none;
  float: none;
  margin: 4% 0;
}
#petro-commercial .body-con .p-footer .footer-clear .social-con .social-imgs .twitter-popup ul li a {
  color: #e60d2e;
  font-size: 128%;
}
#petro-commercial .body-con .p-footer .footer-clear .social-con .social-imgs .twitter-popup .popup-tag {
  left: 53%;
  position: relative;
  top: 20px;
}



#petro-commercial .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-commercial .body-con .p-footer .footer-clear .social-con .social-imgs .youtube-popup h7 {
  color: #4d6ca5;
  font-size: 75%;
  font-weight: bold;
}
#petro-commercial .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-commercial .body-con .p-footer .footer-clear .social-con .social-imgs .youtube-popup img {
  margin: 0 1%;
  display: inline;
}
#petro-commercial .body-con .p-footer .footer-clear .social-con .social-imgs .youtube-popup ul {
  padding: 0;
}
#petro-commercial .body-con .p-footer .footer-clear .social-con .social-imgs .youtube-popup ul li {
  list-style: none;
  float: none;
  margin: 4% 0;
}
#petro-commercial .body-con .p-footer .footer-clear .social-con .social-imgs .youtube-popup ul li a {
  color: #e60d2e;
  font-size: 128%;
}
#petro-commercial .body-con .p-footer .footer-clear .social-con .social-imgs .youtube-popup .popup-tag {
  left: 59%;
  position: relative;
  top: 20px;
}
#petro-commercial .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-commercial .body-con .p-footer .footer-clear .social-con .social-imgs .subscribe-popup h7 {
  color: #4d6ca5;
  font-size: 75%;
  font-weight: bold;
}
#petro-commercial .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-commercial .body-con .p-footer .footer-clear .social-con .social-imgs .subscribe-popup img {
  margin: 0 1%;
  display: inline;
}
#petro-commercial .body-con .p-footer .footer-clear .social-con .social-imgs .subscribe-popup ul {
  padding: 0;
}
#petro-commercial .body-con .p-footer .footer-clear .social-con .social-imgs .subscribe-popup ul li {
  list-style: none;
  float: none;
  margin: 4% 0;
}
#petro-commercial .body-con .p-footer .footer-clear .social-con .social-imgs .subscribe-popup ul li a {
  color: #e60d2e;
  font-size: 128%;
}
#petro-commercial .body-con .p-footer .footer-clear .social-con .social-imgs .subscribe-popup .popup-tag {
  left: 70%;
  position: relative;
  top: 20px;
}
#petro-commercial .body-con .p-footer .footer-clear .social-con .social-imgs .fbook-img {
  cursor: pointer;
}
#petro-commercial .body-con .p-footer .footer-clear .social-con .social-imgs #youtube-img-id {
  cursor: pointer;
}
#petro-commercial .body-con .p-footer .footer-clear .social-con .social-imgs #subscribe-img-id {
  cursor: pointer;
}
#petro-commercial .body-con .p-footer .footer-clear .social-con .social-imgs #twitter-img-id {
  cursor: pointer;
}
#petro-commercial .body-con .p-footer .footer-clear .social-con .social-imgs a {
  margin: 0 3px;
}
#petro-commercial .body-con .p-footer .footer-clear .social-con .social-imgs a:first-child {
  margin-left: 0;
}
#petro-commercial .body-con .p-footer .footer-clear .social-con .social-imgs a:last-child {
  margin-right: 0;
}
#petro-commercial .body-con .p-footer .footer-clear .social-con .social-media {
  width: 100%;
  text-align: right;
  float: right;
}
#petro-commercial .body-con .p-footer .footer-clear .social-con .social-media a {
  color: #757575;
  font-size: 64%;
  text-decoration: underline;
}
#petro-commercial .body-con .p-footer .footer-clear .social-con .social-media a:hover {
  color: #e81f26;
}
#petro-commercial .body-con .p-footer .footer-links {
  width: auto;
  float: right !important;
  margin: 0 0 1%;
}
#petro-commercial .body-con .p-footer .footer-links li {
  float: left;
  list-style-type: none;
  margin: 15px;
}
#petro-commercial .body-con .p-footer .footer-links li a {
  font-size: 128%;
  color: #757575;
}
#petro-commercial .body-con .p-footer .footer-links li a:hover {
  color: #e60d2e;
}
#petro-commercial .body-con .bottom-text {
  width: 100%;
  margin: 0 auto;
  font-size: 9px;
  font-size: 71%;
  color: #757575;
}
#petro-commercial .body-con .bottom-text .btm-left-text {
  float: left;
  font-style: italic;
  position: relative;
  bottom: 1px;
  left: 1%;
}
#petro-commercial .body-con .bottom-text .btm-right-text {
  float: right;
  position: relative;
  bottom: 4px;
  right: 1.3%;
}
.active-slide {
  color: #e60d2e;
}