/***************************************

  Theme Name: Petroleum
  Theme URI: http://themes.webdevia.com/petroleum-gas/
  Description: Petroleum & Energy Services company WordPress Theme
  Author: Mymoun
  Author URI: http://www.webdevia.com/
  Version: 3.4
  Text Domain: petroleum
  Domain Path: /languages
  
  License: Envato
  License URI: https://themeforest.net/licenses

  Tags: two-columns, custom-background, threaded-comments, translation-ready, custom-menu
  
***************************************/
/* ----------------------------------------------------------------------------

  Unfortunately WordPress will require a style.css file
  located in the theme's root folder for stuff to work.

  However, we will not be using vanilla CSS. We're using Sass.

  Sass is a superset of CSS that adds in amazing features
  such as variables, nested selectors and loops..

  All Sass files are located in the /scss folder.
  Please note that none of your scss files will be compiled to /css/app.css before you run
  'npm run watch', 'npm run build', "compass compile" or "compass watch",

  More info on how to use Sass with Foundation can be found here:
  http://foundation.zurb.com/docs/sass.html

  For Define a table of contents please check /scss/app.scss.

  If you for some reason would like to write plain css instead of using Sass,
  you could just enqueue this file (style.css) to the header and add your styles in this file

---------------------------------------------------------------------------- */
.creative-layout .contain-to-grid.sticky {
  margin-top: 15px;
}

.creative-layout .contain-to-grid.sticky.fixed {
  margin-top: 0;
  background-color: rgba(0,0,0,0.99);
  border-top: 0;
}

.creative-layout .contain-to-grid, .creative-layout .top-bar {
  height: auto;
}

.top-bar .title-area {
  height: auto;
  padding: 0;
}

.top-bar .name {
  padding: 0;
  height: 100%;
}

.creative-layout .top-bar .name h1 a {
  padding: 0;
}

.creative-social {
  padding-top: 28px;
  padding-left: 50px;
}

.creative-layout .fixed .top-bar .name h1 a {
  padding-top: 0;
}

.fixed .logo-sticky {
  padding-top: 0;
}

.creative-layout .fixed .top-bar-section ul li > a {
  color: #fff;
}

.creative-layout .fixed .creative-social a {
  color: #fff;
}

.vc_custom_1468855171122,
.vc_custom_1468854835303,
.vc_custom_1468854850054 {
  margin-top: -50px !important;
}

.wd-section-blog, 
.wd-section-blog-services {
  margin-bottom: 35px;
}

.vc_custom_1467215196765 {
  background: #f0f0f0;
  padding-top: 40px;
  padding-bottom: 40px;
}

.wd-call-to-action-btn-invers {
  margin-top: 30px;
  text-align: left;
}

.wd-call-to-action-btn-invers a {
  background: #0c235e;
  padding: 12px 30px;
  color: #fff;
  display: inline-block;
}

.wd-call-to-action-btn-invers a:hover {
  color: #9fe4ff;
}

.wd-title-section_l {
  margin-top: 30px;
}

.wd-copyright > .row {
  border-top: 0;
  padding-top: 10px;
}

.copyright p {
  color: rgba(255,255,255,0.8);
  text-align: left;
}

.text-center #page-title:after {
  margin: 0 auto;
}

.wd-title-bar {
  padding-top: 190px;
}

.active_menu a {
  color: #38e4f7 !important;
}

.fixed .active_menu a {
  color: #38e4f7 !important;
}

.wd-section-project .wd-project {
  background: #f7f7f7;
}

.address-block {
  position: relative;
  background: #f7f7f7;
}

.address-block h4 {
  background: #122a61;
  color: #fff;
  font-size: 20px;
  padding: 10px;
  margin: 0;
}

.address-block address {
  display: block;
  padding: 15px 25px;
  font-family: 'Open Sans';
  font-style: normal;
}

.address-block address > div {
  display: flex;
  margin-bottom: 10px;
}

.address-block address > div:last-child {
  margin-bottom: 0;
}

.address-block address > div i {
  flex: 0 0 30px;
  font-size: 20px;
  line-height: 34px;
  color: #122a61;
}

.address-block address > div p {
  flex: 1;
  color: #5b5b5b;
  line-height: 20px;
  margin: 7px;
  font-size: 16px;
}

.address-block address > div p a {
  display: inline-block;
  margin-left: 12px;
  color: #3a92b5;
  font-size: 15px;
}

.creative-layout .contain-to-grid.sticky {
  background-color: rgba(0,0,0,0.8);
  position: absolute;
  padding: 8px 0;
  margin: 0;
}

.creative-social {
  padding-left: 0;
  min-width: 300px;
}

.hotline {
  float: left;
  font-size: 18px;
  font-weight: bold;
  color: #38e4f7;
  line-height: 30px;
  margin-right: 0;
}

.hotline i {
  width: 30px;
  height: 30px;
  background: #fff;
  text-align: center;
  line-height: 30px;
  border-radius: 50px;
  font-size: 22px;
  margin-right: 8px;
  color: #185f69;
}

@media only screen and (min-width: 900px) {
  .top-bar-section li:not(.has-form) a:not(.button) {
    padding: 0 10px;
  }  
}


.vc_custom_1468855171122 {
  margin-top: 50px !important;
  padding: 0 10px !important;
}

.wd-section-blog a, .wd-section-blog-services a {
  display: block;
  margin-bottom: 20px;
  padding: 0;
}

.vc_custom_1467215196765 {
  padding-top: 40px;
  padding-bottom: 40px;
  background-repeat: no-repeat;
  background-size: cover;
}


.vc_custom_1463501233785 {
  padding-top: 100px !important;
  padding-bottom: 50px !important;
}

.wd-section-text-icon {
  box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
  padding: 10px;
  margin: 10px;
}

.wd-text-icon-style5 .box-icon {
  position: unset;
  text-align: center;
  padding: 0;
  background: #fefefe;
}

.wd-text-icon-style5 .box-icon img, 
.wd-text-icon-style5 .box-icon i {
  padding: 0;
}

.wd-text-icon-style5 .box-description {
  padding: 20px 10px;
  background: #fff;
}

.wd-footer img {
  margin-bottom: 15px;
}

.wd-copyright a {
  color: #2c9aa7 !important;
}

.blog-page {
  padding-left: 30px;
}

#l-main.row .large-9 {
  margin-top: 35px;
}

.sidebar {
  margin-top: 35px;
}

.sidebar .block-title {
  margin-top: 0;
}


.wd-section-project .wd-project h4 {
  padding: 15px;
}

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

.sidebar ul li {
  padding: 0;
}

.sidebar ul li a {
  padding: 12px 12px 12px 28px;
  background: #ddd;
  display: block;
  line-height: 28px;
}

.sidebar ul li.active a {
  background: #b4daea;
}

.sidebar ul li::before {
  left: 10px;
  top: 14px;
  font-size: 18px;
  content: "\f101";
  color: #0993ca;
}

.sidebar ul li ul li a {
  background: #eaeaea;
  padding-left: 45px;
  color: #686868;
}

.sidebar ul li ul li:before {
  left: 30px;
  content: "\f105";
  color: #787878;
}

.sidebar .block-title {
  margin: 0;
  background: #0993ca;
  color: #fff;
  padding: 16px;
}

.main-bg {
  padding: 60px 0;
  position: relative;
}

.main-bg::before {
  content: '';
  position: absolute;
  height: 100%;
  width: 100%;
  background-image: url('/new/v6/wp-content/uploads/revslider/home-one-slider/oil.jpg');
  top: 0;
  background-size: cover;
  background-attachment: fixed;
  opacity: 0.9;
}

@media (min-width: 767px) {
  .d-flex {
    display: flex;
    gap: 25px;
  } 

  .justify-center {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  } 
}

.more-img-wrapper img {
  border: 3px solid #0993ca;
  padding: 5px;
  //outline: 1px solid #fff;
  //outline-offset: -20px;
  object-fit: cover;
object-position: center center;
}

.wd-section-project img {
  outline: 3px solid #fff;
  outline-offset: -10px;
}

.form-error {
  color: #ea2424;
  margin-top: -12px;
  display: block;
  margin-bottom: 10px;
}

.form-error i {
  margin-right: 10px;
}

.d-none {
  display: none;
}

.d-block {
  display: inline-block;
  margin: 5px 0 0 5px;
}

.alert-success {
  background: #46b450;
  text-align: center;
  line-height: 65px;
  color: #fff;
}

.creative-layout .top-bar-section {
  margin-right: 50px;
}