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




  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.7

  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



---------------------------------------------------------------------------- */



/*remind-css*/
/*search-sec*/
section.search-form-container.show-for-large-up .icon-form
{
    display: none;
}
/*remind-css*/

@font-face {
            font-family: "Gilroy-Regular";
            src: url("./font/Gilroy_Font/Gilroy-Regular.woff") 
              format("woff"), 
              url("./font/Gilroy_Font/Gilroy-Regular.woff")
              format("ttf");
            font-weight: normal;
            font-style: normal;
        }
  
        @font-face {
            font-family: "Gilroy-Medium";
            src: url("./font/Gilroy_Font/Gilroy-Medium.woff") 
              format("woff"),
              url("./font/Gilroy_Font/Gilroy-Medium.ttf") 
              format("ttf");
            font-weight: normal;
            font-style: normal;
        }
  
        @font-face {
            font-family: "Gilroy-Bold";
            src: url("./font/Gilroy_Font/Gilroy-Bold.woff") 
              format("woff"), 
              url("./font/Gilroy_Font/Gilroy-Bold.ttf") 
              format("tff");
            font-weight: normal;
            font-style: normal;
        }

/* @font-face {
  font-family: Gilroy-Medium;
            src: url("./font/Gilroy Font/Gilroy-Medium.woff") 
              format("woff"), 
              url("./font/Gilroy Font/Gilroy-Medium.ttf")
              format("ttf");
            font-weight: normal;
            font-style: normal;
}
@font-face {
  font-family: Gilroy-Bold;
            src: url("./font/Gilroy Font/Gilroy-Bold.woff") 
              format("woff"), 
              url("./font/Gilroy Font/Gilroy-Bold.ttf")
              format("ttf");
            font-weight: normal;
            font-style: normal;
}
@font-face {
  font-family: Gilroy-Regular;
  src: url('./font/Gilroy Font/Gilroy-Regular.ttf');
} */


ul.social-icons.inline-list 
{
  display: none;
}

rs-layer#slider-1-slide-1-layer-3 {
    background-color: unset!important;
}
div.wpb_revslider_element.wpb_content_element #rev_slider_1_1_forcefullwidth .tp-bullet {
    width: 14px!important;
    height: 16px!important;
}

body
{
  font-family: Gilroy-Regular!important;
}

body p
{
  color: #545456;
  font-size: 14px;
  line-height: 26px;
}
h2
{
  font-size: 2.34286rem;
  font-family: Gilroy-Medium!important; 
}

h2 span
{
  color: #e77834;
}
.page-title h2
{
    font-family: Gilroy-Regular!important;;
    font-weight: 400!important;
    color: #545456;
}
.page-title.text-white h2
{
 color: #fff;
}

body .text-white p
{
 color: #fff;
}

/* ============ BUTTON ============ */


.btn-orange button
{
  
    border: 1px solid #e77834!important;
    letter-spacing: 1px;
    padding: 8px 0px!important;
   /* border-radius: 0.2rem!important;*/
    font-size: 16px!important;
    width: 165px;
    background-image: none!important;
    font-weight: 400!important;
    font-family: 'Gilroy-Medium'!important;
    transition: 0.3s;
}

.btn-orange a{
	border: 1px solid #e77834!important;
    letter-spacing: 1px;
    padding: 8px 0px!important;
    /* border-radius: 0.2rem!important; */
    font-size: 16px!important;
    width: 165px;
    background-image: none!important;
    font-weight: 400!important;
    font-family: 'Gilroy-Medium'!important;
    transition: 0.3s;
}

.btn-orange a:hover{
	color: #e77834!important;
    background-color: white!important;
}

.btn-orange button:hover {
    color: #e77834!important;
    background-color: white!important;
}


.btn-white {
    border: 1px solid #fff;
    letter-spacing: 1px;
    padding: 6px 30px;
    font-size: 16px;
    width: 165px;
    color: #e77834;
    background-image: none;
    font-weight: 400;
    background-color: #fff;
    font-family: 'Gilroy-Medium';
    transition: 0.3s;
}

.Submit-btn {
    border: 1px solid #fff;
    letter-spacing: 1px;
    padding: 8px 0px;
    font-size: 16px;
    width: 100%;
    font-weight: 600;
    color: #545456;
    font-family: Gilroy-Regular;
    cursor: pointer;
    transition: 0.3s;
	background: white;
}
.Submit-btn:hover
{
  border: 1px solid #545456;
  color: #e77834;
}


/* ============ Forms comon css ============ */


input:not([type]), input[type="text"], input[type="password"], 
input[type="date"], input[type="datetime"], 
input[type="datetime-local"], input[type="month"], 
input[type="week"], input[type="email"], 
input[type="number"], input[type="search"], 
input[type="tel"], input[type="time"], 
input[type="url"], input[type="color"], textarea
{
  padding-left: 1.3rem;
  font-family: 'Gilroy-Medium';
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #C0C1C2;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #C0C1C2;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #C0C1C2;
}
/* ============ project listing ============ */
.pricing-table.custom-pricing .title 
{
    background-color: #e77834;
	text-align: left;
}
.pricing-table.custom-pricing .bullet-item
{
	text-align: left;
	color: #000;
	vertical-align: top;
    line-height: 19px;
}
.pricing-table.custom-pricing 
{
    padding-left: 0;
}
.page-id-2230 .header-creative-layout .top-bar-container.contain-to-grid 
{
    background: #ebebeb;
}
.page-id-2230 .header-creative-layout {
    position: static;
}
/* ============ project listing ============ */

/* ============ footer ============ */
section.wd-footer {
    background: #EBEBEB;
}
.wd-footer p {
     color: #545456;
    margin-bottom: 12px;
    font-size: 14.1599px;
}
.wd-footer .widget-logo img
{
     width: 180px;
}

footer.wd-copyright {
    background: #000000;
    padding-top: 0;
}
footer.wd-copyright .copyright
{
  opacity: 1;
}
.copyright p {
    color: #fff;
    font-size: 16px;
    font-family: 'Gilroy-Medium'!important;
    margin-bottom: 0px;
}
.wd-footer h2
{
 color: #fe5b10;
    padding-left: 1em;
    font-weight: 800;
    margin-bottom: 16px;
    font-family: 'Gilroy-Regular'!important;
}

.wd-footer ul li a{
  font-family: 'Gilroy-Medium'!important;
}
a.ft-read-more
{
    color: #e77834;
    font-family: Gilroy-Bold;
    margin-left: 2px;
}

.last-tab-sec .block-title
{
  display: none;
}

.last-tab-sec h2.sp-tab__section_title_1672 {
    color: #fe5b10;
    font-size: 18px;
    font-family: 'Gilroy-Regular';
    font-weight: 500;
    display: none;
}
.wd-footer .wp-block-social-link
{
  border-radius: 0;
}

.wd-footer .wp-block-social-links.is-style-pill-shape .wp-social-link a 
{
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #e77834;
    width: 30px;
    height: 30px;
    text-align: center;
    transition: 0.3s;
    border: 1px solid #fff;
    font-size: 18px;
}
.wp-block-social-links .wp-social-link svg
{
      height: 1.2em;
}
.wd-footer .wp-block-social-links
{
  padding-left: 10px;
}

.widget-info a
{
  color: #545456;
    transition: 0.3s;
    font-size: 16px;
}
.widget-info a:hover
{
  color: #e77834;
}

.last-tab-sec h3.sp-tab__tab_title {
    font-family: 'Gilroy-Regular';
    font-weight: 500!important;
}

.last-tab-sec div#sp-tabpro-wrapper_1672 {
    border: 1px solid #545456;
}
.tab-adress li .tab-adress-inner
{
  display: flex;
  align-items: flex-start;
}
.tab-adress .oh-txtdiv a {
    padding: 0!important;
    font-size: 16px;
}
.tab-img img {
    width: 19px;
    margin-top: 3px;
}
.tab-adress .content_steps {
    padding-left: 20px;
}
.tab-adress .oh-txtdiv a:hover
{
  color: #fe5b10;
}
.tab-adress h5.svid-txt1 {
    font-family: 'Gilroy-Bold';
    font-weight: 600;
    margin-bottom: 0;
    color: #545456;
}
.tab-adress li {
    margin-bottom: 14px;
}
.tab-adress li:last-child
{
  margin-bottom: 0px;
}


.container.detailpage-contact-form {
    position: relative;
}

.container.detailpage-contact-form::before {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 100%;
    height: 84%;
    background: #e77834;
}

.container.detailpage-contact-form .wpb_text_column.wpb_content_element.page-title{
    margin-top: 2rem;
    margin-bottom: 2rem !important;
}

.container.detailpage-contact-form span.ajax-loader{
	display:none;
}

.container.detailpage-contact-form .medium-4.columns div{
	display: flex;
	justify-content: center;
}

.container.detailpage-contact-form .page-title .wpb_wrapper h2 b {
    color: #e77834;
}

.project-detail-slider .owl-item {
    height: 415px;
}

.project-detail-slider .owl-item img {
    width: 100%;
    height: 100%;
     /*object-fit: cover; */
}

.single.single-portfolio .header-creative-layout{
	position: static;
}

.single.single-portfolio .header-creative-layout .contain-to-grid .top-bar .top-bar-section ul li a{
	color: black;
}

.single.single-portfolio .top-bar-container.contain-to-grid.sticky{
	background: #ebebeb;
}

.single.single-portfolio .top-bar-container.contain-to-grid.sticky.fixed{
	background: white;
}

section.wd-section-about-us.detail-parent-box {
    margin-top: 1rem;
}

section.wd-section-about-us.detail-parent-box .detail-top-heading {
    margin-top: 2rem;
    margin-bottom: 3rem;
    margin-left: 1rem;
	font-family: 'Gilroy-Regular' !important;
    font-weight: 500;
	color: #545456;
}

.wd-title-block h4.project-detail-heading{
	color: #e77834 !important;
	margin-bottom: 2rem;
}


section.wd-section-about-us.detail-parent-box .row.p-t-70{
	position: relative;
}

.detail-nav-btn{
	text-align: end;
    position: static;
    width: 50%;
    height: 50px;
}

.detail-nav-btn div{
	position: absolute;
    bottom: 0;
    right: 0;
}

.detail-nav-btn a.detail-prev {
    background: #e77834;
    color: white;
    padding: 0.5rem 1.4rem;
    font-size: 1.2rem;
    font-family: 'Gilroy-Medium';
}

.detail-nav-btn a.detail-next {
    background: #e77834;
    color: white;
    padding: 0.5rem 1.4rem;
    font-size: 1.2rem;
    font-family: 'Gilroy-Medium';
	margin-left: 0.8rem;
}

.project-detail-slider .owl-buttons{
	position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.project-detail-slider .owl-pagination{
	display: none;
}

.project-detail-slider .owl-buttons .owl-prev{
    position: absolute;
    left: 0;
    top: 34px;
    height: 100% !important;
	margin-left: 0 !important;
	width: 60px !important;
	margin-top: -37px !important;
}






.project-detail-slider .owl-buttons .owl-next{
    position: absolute;
    right: 0;
    top: 34px;
    height: 100% !important;
	margin-right: 0 !important;
	width: 60px !important;
	margin-top: -37px !important;
}
.project-detail-slider .owl-prev i.fa.fa-angle-left {
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(90deg, white, transparent);
    left: 0;
    top: 3px;
    font-size: 2rem;
    display: flex;
    color: white;
    align-items: center;
	justify-content: center;
	color: #e77834;
    font-size: 2.8rem;
}

.project-detail-slider span.fa-stack {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
}

.project-detail-slider .owl-theme .owl-controls .owl-buttons div{
	opacity: 1;
}

.project-detail-slider .owl-next i.fa.fa-angle-right {
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(270deg, white, transparent);
    left: 0;
    top: 3px;
    font-size: 2rem;
    display: flex;
    color: white;
    align-items: center;
	justify-content: center;
	color: #e77834;
    font-size: 2.8rem;
}

.single.single-portfolio .color-5 .has-icon {
    color: #e77834 !important;
	font-weight: 600 !important;
}

.detail-nav-btn a.disabled{
	background: #bdbfc1;
	cursor: no-drop;
}
.detail-parent-box ul li
{
  font-family: 'Open Sans';
  color: #545456;
}

/* PROJECT DETAIL PAGE CONTACT FORM */


@media(max-width: 1171px){
		.detail-nav-btn{
	text-align: center;
	position: static;
	width: 100%;
}

.detail-nav-btn div{
	position: static;
}
	
	.wd-title-block h4.project-detail-heading{
		margin-top: 2rem;
	}
}

.wpcf7 form.sent .wpcf7-response-output {
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    color: white;
    padding-left: 1rem !important;
	position: absolute;
    bottom: 0;
	font-family: 'Gilroy-Medium';
	width: 100%;
    text-align: center;
	font-size: 1.4rem;
}

.wpcf7-not-valid-tip {
    position: absolute;
    color: white !important;
    width: max-content;
    top: 3.1rem;
	font-family: 'Gilroy-Regular';
}

.large-6.columns:nth-child(5) .wpcf7-not-valid-tip {
    top: 2rem;
}

.large-12.columns span.wpcf7-form-control-wrap.your-message .wpcf7-not-valid-tip {
    top: 12.5rem;
}

.wpcf7 form.invalid .wpcf7-response-output{
	border: none;
    padding: 0 !important;
    margin: 0 !important;
    color: white;
    font-size: 1.2rem;
    padding-left: 1rem !important;
	position: absolute;
    bottom: 0;
	font-family: 'Gilroy-Medium';
}

span.wpcf7-form-control-wrap.your-service select {
	color: #565656;
	padding-right: 2rem;
}

span.wpcf7-form-control-wrap.your-service option {
    color: black;
}

select.wpcf7-form-control.wpcf7-select option:nth-child(1) {
    color: grey !important;
}

}

@media(max-width: 1170px){ 
	.container.detailpage-contact-form::before {
    max-height: 554px;
    height: 88%;
}
	
	.container.detailpage-contact-form .medium-4.columns{
	position: absolute;
    bottom: 0;
	}
	
	.project-detail-slider .owl-item {
    height: auto;
}
	#owl-testimonail .owl-buttons div{
		background: none;
	}
}

@media (min-width: 734px) and (max-width: 899px){
	.container.detailpage-contact-form .medium-4.columns{
    width: 309px;
    left: -13px;
}
	
	.project-detail-slider .owl-item {
    height: auto;
}
	
	.project-detail-slider .owl-item img {
    height: 200px;
}
	
	
}


@media (max-width: 734px){
	.container.detailpage-contact-form .page-title .wpb_wrapper h2 b{
   		 color: #ffffff !important;
	}
	
	.container.detailpage-contact-form .medium-4.columns{
		position: relative;
	}
	
	.container.detailpage-contact-form::before {
    max-height: 969px;
    height: 100%;
}


    #owl-testimonail .owl-wrapper-outer{
    height: 280px;
}
	
	#owl-testimonail .owl-item{
		height: 100% !important;
	}
    
}

/* ============ TOP-HEADER ============ */

.show-for-large-up.top-bar-header {
    background-color: #fff;
}

.header-creative-layout .row .list-info-container li .fa {
    font-size: 18px;
    color: #e77834;
}
.top-bar-header ul li, .top-bar-header ul li a,
.header-creative-layout .row .list-info-container li
{
  color: #545456;
  transition: 0.3s;
}
.top-bar-header ul li a:hover
{
  color: #e77834;
}
.top-bar-header ul li span img
{
      width: 18px;
    margin-right: 10px;
}


.header-creative-layout .row .social-icons li a
{
  width: 25px;
  height: 25px;
  display: inline-block;
  text-align: center;
  transition: 0.3s;
  line-height: 25px;
  border: 1px solid #fff;
  font-size: 16px;
}
/* .header-creative-layout .row .social-icons li a:hover
{
  color: #e77834;
  background-color: #fff;
  border: 1px solid #e77834;
} */
 
 .top-bar-section li:not(.has-form) a:not(.button)
 {
   padding: 0 1.07143rem 0 2.07143rem;
 }

.header-creative-layout .contain-to-grid
{
  border-bottom: 0;
}

/*logo-sec*/
.header-creative-layout .contain-to-grid .top-bar .title-area .name
{
  width: 200px;
}
.header-creative-layout .contain-to-grid .top-bar .top-bar-section
{
  margin-left: 70px;
}

/*header*/
.header-creative-layout .contain-to-grid .top-bar .creative.top-bar-section ul li a
{
  font-size: 14px;
}


.content {
  position: relative;
  width: 100%;
  max-width: 400px;
    height: 400px;
   margin: auto;
  overflow: hidden;
}

.content .content-overlay {
    background: rgba(231, 120, 52, 0.9);
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
}

.content:hover .content-overlay{
  opacity: 1;
}

.content-image{
  width: 100%;
    height: 100%;
    object-fit: cover;
}

.content-details {
  position: absolute;
  text-align: center;
  padding-left: 1em;
  padding-right: 1em;
  width: 90%;
  top: 50%;
  left: 50%;
  opacity: 0;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.content:hover .content-details{
  top: 50%;
  left: 50%;
  opacity: 1;
}

.content-details h2
{
    color: #fff;
    font-size: 30px;
    font-weight: 500;
    margin-bottom: 2em;
    font-family: 'Gilroy-Regular'!important;
}


.overlay-box .fadeIn-top{
  top: 20%;
}


.service-block-text:hover 
{
    background-color: #e77834;
}
.service-block-text.service-last {
    height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 40px;
    padding-right: 40px;

}

.service-block-text.service-last h3
{
    font-family: 'Gilroy-Regular';
    font-weight: 400;
    color: #545456;
    font-size: 32px;
    line-height: 50px;
}
.service-block-text.service-last h3 b
{
  font-family: 'Gilroy-Regular';
}
.service-block-text.service-last:hover h3,
.service-block-text.service-last:hover h3 span
{
  color: #fff;
}
.service-block-text.service-last h3 span
{
  color: #e77834;
}
.service-block-text.service-last .read-more a
{
  width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 30px;
    display: inline-block;
    background-color: #e77834;
    color: #fff;
}
.service-block-text.service-last:hover .read-more a
{
  background-color: #fff;
  color: #e77834;
}

/*#service-slider .vc_col-sm-4
{
  width: 100%;
}*/


/*portfolio-sec*/

.portfolio-sec .wd-section-portfolio {
    margin-bottom: 30px;
}

select
{
  height: 46px;
  outline: none;
  color: #C0C1C2;
  padding-left: 1.3rem;
  font-family: 'Gilroy-Medium';
}

/*logo-slider*/
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span,
.owl-theme .owl-controls.clickable .owl-buttons div:hover
{
  background: #e77834!important;
}
.logo-slider .owl-theme .owl-controls .owl-buttons div {
    line-height: 25px;
}

.owl-theme .owl-controls.clickable .owl-buttons div{
	background: none !important;
	color: grey;
	font-size: 2rem !important;
}

.owl-theme .owl-controls.clickable .owl-buttons div:hover{
	background: none !important;
	color: black;
}

#project-slider .owl-item 
{
  margin-right: 10px;
}
#project-slider .owl-item:last-child
{
  margin-right: 0px;
}

#project-slider.owl-theme .owl-controls .owl-page span
{
    width: 15px;
    height: 18px;
    border-radius: 0px;
}
#project-slider.owl-theme .owl-controls .owl-page span
{
  background-color: #fff;
  opacity: 1;
}

ul.sp-tab__nav.sp-tab__nav-tabs li.sp-tab__nav-item .sp-tab__nav-link
{
  position: relative;
}



.dubaisvg{
  filter: invert(0.5)opacity(0.5);
}


.sp-tab__nav-item:hover .abudabhisvg{
  filter: grayscale(1)invert(0)contrast(3.5);
}

.sp-tab__active .abudabhisvg{
  filter: grayscale(1)invert(0)contrast(3.5);
}
.sp-tab__nav-item:hover .dubaisvg{
      filter: invert(0)opacity(1);
}

.sp-tab__active .dubaisvg{
      filter: invert(0)opacity(1);
}

ul.sp-tab__nav.sp-tab__nav-tabs li.sp-tab__nav-item:first-child .sp-tab__nav-link::before {
    content: '';
    background-image: url(https://www.buildup-mep.com/wp-content/uploads/2021/10/Path-25.svg);
    background-repeat: no-repeat;
    background-position: 49% 108%;
    width: 18px;
    height: 25px;
    position: absolute;
    left: 12px;
    top: 3px;
    background-size: 131%;
    filter: invert(0.5)opacity(0.5);
}

.sp-tab__nav-item:hover ul.sp-tab__nav.sp-tab__nav-tabs li.sp-tab__nav-item:first-child .sp-tab__nav-link::before{
  filter: invert(0)opacity(1) !important;
}

.sp-tab__active ul.sp-tab__nav.sp-tab__nav-tabs li.sp-tab__nav-item:first-child .sp-tab__nav-link:before{
  filter: invert(0)opacity(1);
}

ul.sp-tab__nav.sp-tab__nav-tabs li.sp-tab__nav-item:last-child .sp-tab__nav-link:before {
    content: '';
    background-image: url(https://www.buildup-mep.com/wp-content/uploads/2021/10/Layer_x0020_1.svg);
    background-repeat: no-repeat;
    background-position: 49% 108%;
    width: 18px;
    height: 25px;
    position: absolute;
    left: 12px;
    top: 3px;
    background-size: 116%;
    filter: grayscale(100%);
}

ul.sp-tab__nav.sp-tab__nav-tabs li.sp-tab__nav-item .sp-tab__nav-link.sp-tab__active:before 
{
  filter: brightness(0) invert(1);
}

div.ed-item img {
    max-width: 90%;
    height: auto;
}

.image-bottom{
	position: relative;
    bottom: -43px;
}

.contain-to-grid .top-bar {
    transition: all 0.2s;
}

.top-bar.expanded {
    height: 100vh;
    width: 100vw;
	background: white;
}

.top-bar .toggle-topbar.menu-icon a span{
	font-size: 0;
}

.hidden{
	overflow: hidden;
}

/*PROJECT LIST BOX*/

.project-list-image-box{
	position: relative;
}

.project-list-image-hover-box{
	position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    left: 0;
    top: -50%;
    background: #e77834e8;
	transition: all 0.5s;
	display: flex;
    justify-content: center;
    align-items: center;
	opacity: 0;
}

.project-list-image-box:hover .project-list-image-hover-box{
	top: 0;
	opacity: 1;
}

.project-list-image-hover-box a h4{
	padding-top: 0 !important;
    font-size: 2.2rem !important;
    width: 90%;
    margin: auto;
    color: white;
    font-family: 'Gilroy-Regular';
    font-weight: 500;
}

.project-list-image-hover-box p{
	position: absolute;
	bottom: 5%;
}

.wd-project.hvr-underline-from-center.project-list-image-box img{
	height: 366px;
}

img.attachment-petroleum_portfolio.size-petroleum_portfolio.wp-post-image{
	    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
}
.get-in-wp
{
	background-color: #e77834;
	margin-top: 3rem;
}
.get-in-wp .medium-8.columns,
.get-in-wp .medium-4.columns
{
	margin-top: 30px;
	margin-bottom: 30px;
}

/* ============ mobile responsive ============ */

 @media only screen and (max-width: 767px)
{
.sec-pd-mobile-0 .vc_custom_1531587069863,
.sec-pd-mobile-0 .vc_custom_1531587084823
{
  padding-left: 0px!important;
  padding-right: 0px!important;
}
	/* ============ project listing ============ */
	.pricing-table.custom-pricing .bullet-item 
	{
      padding: 8px;
      font-size: 12px;
     }
	.pricing-table.custom-pricing .title 
	{
		padding: 10px 8px;
        font-size: 13px;
	}
	/* ============ project listing ============ */

/*Footer*/
.copyright p 
{
  font-size: 14px;
 }

 .wd-footer 
  {
    padding-top: 35px;
  }
  .wd-footer ul.block.large-5.medium-5.columns, 
  .wd-footer ul.block.large-5.medium-5.columns .wp-block-columns
  {
    margin-bottom: 0px;
  }
  .wd-footer h2, .textwidget section.widget-info.page-links-sec ul
  {
    padding-left: 10px;
  }
  .wd-footer .sp-tab-content ul.tab-adress
  {
    padding-left: 0px;
  }
/*   .wd-footer #sp-tabpro-wrapper_1672.sp-tab__lay-default .sp-tab__tab-content .sp-tab__tab-pane
  {
    padding-top: 0px;
  } */
  .wd-footer .tab-adress .oh-txtdiv a 
  {
    font-size: 15px;
  }


.wp-block-columns .wp-block-column:last-child 
{
      margin-top: 18px;
}

 .wd-footer .widget.widget_text
 {
    position: relative;
    border-bottom: 1px solid #bdbfc1;
 }

  .wd-footer .widget.widget_text .widgettitle 
  {
  cursor: pointer;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    display: inline-block;
    z-index: 2;
  }
 

.wd-footer .widget.widget_text .widgettitle:after 
{
    content: '\002B';
    color: #fe5b10;
    font-weight: 100;
    position: absolute;
    right: 0;
    top: -6px;
    font-size: 30px;
}

.wd-footer .widget.widget_text .active:after 
{
  content: "\2212";
}

.wd-footer .widget.widget_text .textwidget 
{
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  width: 100%;
  }



    .content-details h2
  {
     font-size: 20px;
  }
  .content, .service-block-text.service-last
  {
        height: 300px;
  }
  .service-block-text.service-last h3 
  {
    font-size: 25px;
    line-height: 32px;
    text-align: center;
  }
  .service-block-text.service-last .read-more a 
  {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 28px;
  }
}


.page-id-6 .header-creative-layout{
	position: static;
}

.page-id-6 .header-creative-layout .top-bar-container.contain-to-grid{
	background: #ebebeb;
}

.page-id-6 .header-creative-layout .top-bar-container.contain-to-grid.fixed{
	background: white;
}


.dubaisvg, .abudabhisvg{
  position: relative;
  top: -3px;
  width: 20px;
}

.dubaisvg{
  filter: invert(0.5)opacity(0.5);
}


.sp-tab__nav-item:hover .abudabhisvg{
  filter: grayscale(1)invert(0)contrast(3.5);
}

.sp-tab__active .abudabhisvg{
  filter: grayscale(1)invert(0)contrast(3.5);
}
.sp-tab__nav-item:hover .dubaisvg{
      filter: invert(0)opacity(1);
}

.sp-tab__active .dubaisvg{
      filter: invert(0)opacity(1);
}

.sp-tab__nav-link:hover .sp-tab__tab_title{
  color: #cacaca !important;
}

.sp-tab__nav-link.sp-tab__active:hover .sp-tab__tab_title{
  color: white !important;
}

.wd-footer p{
  font-size: 13.6px;
}

.tab-adress h5.svid-txt1 {
  font-family: 'Gilroy-Regular';
}

.service-last{
  box-shadow: none;
}

.custom-heading.white.wpb_column.vc_column_container.vc_col-sm-12.vc_custom_1531590651660 .wd-section-project img{
	min-height: 257px;
}

@media(max-width: 1002px){
	.creative.top-bar-section.center{
		margin: 0 !important;
		width: 75%;
		background: transparent;
	}
}

/* ============ tablet responsive ============ */

@media (min-width: 768px) and (max-width: 900px)
{
  .content-details h2
  {
     font-size: 20px;
  }
  .content, .service-block-text.service-last
  {
        height: 300px;
  }
  .service-block-text.service-last h3 
  {
    font-size: 25px;
    line-height: 32px;
  }
  .service-block-text.service-last .read-more a 
  {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 28px;
  }
  .wd-footer 
  {
    padding-top: 50px;
   }

   /*Footer*/
   .wd-footer ul.block.large-3.medium-3.columns,
   .wd-footer ul.block.large-5.medium-5.columns
   {
     width: 50%;
     margin-bottom: 0;
   }
   .wd-footer ul.last-tab-sec.block.large-4.medium-4.columns
   {
     width: 100%;
   }
	
}
.sitemapBox{
	width: 100%;
    display: flex;
    justify-content: center;
	padding-top: 2rem;
}

.sitemapBox ul{
  display:inline-block; 0position: relative; float: left; clear: left;
	margin:.25em;
	padding:0;
	background: pink;
}
.sitemapBox ul:before{
	content:""; position: absolute; z-index: 1;
	top:.25em; right:auto; bottom:0; left: 1.75em; 
	margin: auto;
	border-right: dotted black .1em;
	width: 0; height: auto;
	0background: blue;
}
.sitemapBox ul:after{
	content: "-"; position: absolute; z-index: 3;
	top:0; left:-.5em;
	margin:.65em; padding:0;
	width:.8em; height: .8em; 
	text-align:center; line-height: .6em; font-size: 1em;
	background: blue;
}
.sitemapBox ul>li{
	display: block; position: relative; float: left; clear: both;
	right:auto;
	padding-left: 1em;
	width:auto;
	text-align: center; color:white;
	background: gray;
}
.sitemapBox ul>li>input{
	display:block; position: absolute; float: left; z-index: 4;
	margin:0 0 0 -1em; padding:0;
	width:1em; height: 2em;
	font-size: 1em;
	opacity: 0;
	cursor: pointer;
}
.sitemapBox ul>li>input:checked~ul:before{
	display: none;
}
.sitemapBox ul>li>input:checked~ul:after{
	content: "+"
}
.sitemapBox ul>li>input:checked~ul *{
	display: none;
}
.sitemapBox ul>li>span{
	display: block; position: relative; float: left; z-index: 3;
	margin:.25em; padding:.25em;
	background: lightblue;
}
.sitemapBox ul>li>span:after{
	content: ""; display: block; position: absolute;
	left:-1em; top:0; bottom:0;
	margin: auto .25em auto .25em;
	border-top: dotted black .1em;
	width: .75em; height: 0;
	
}

.sitemapBox ul>li:last-child:before{
	content: ""; display: block; position: absolute; z-index: 2;
	top:1em; left:0; bottom:-.25em;
	width:.75em; height:auto;
	background:white;
}

#tree{
	position: relative; font-family: "Georgia"; 
}
#tree:before{
	left:.5em;
}
#tree:after{
	display: none;
}

/*decoration*/
.sitemapBox ul,ul>li:last-child:before{
	background: white;
}
.sitemapBox ul>li{
	background: transparent;
}
.sitemapBox ul:after{
	background: white;
	color: black;
	border:solid gray 1px;
	border-radius: .1em;
}
.sitemapBox ul>li>span{	
	border-radius: .25em;
	color: black;
	background: white;
}

.sitemapBox ul>li{
	text-align: left !important;
}
.sitemapBox ul>li>input~span:before{
	content:""; display: inline-block;
	margin: 0 .25em  0 0;
	width:1em; height: 1em; ;line-height: 1em;
	background: url("data:image/vnd.microsoft.icon;base64,AAABAAEAEBAAAAAAIABoBAAAFgAAACgAAAAQAAAAIAAAAAEAIAAAAAAAQAQAAAAAAAAAAAAAAAAAAAAAAAD///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8BAAAABwAAABcAAAAbAAAAGwAAABsAAAAbAAAAGwAAABsAAAAbAAAAGwAAABsAAAAbAAAAGwAAABcAAAAPAAAACQNMcIsDZJS3A2SUtwNklLcDZJS3A2SUtwNklLcDZJS3A2SUtwNklLcDZJS3A2SUtwNklLcDTHCTAAAAHwAAABEDbqSpb8Hn/4bQ7/+Fz+7/hc/u/4XP7v+Fz+7/hc/u/4XP7v+Fz+7/hc/u/4XP7v+H0PD/OpfDyQJcikX///8BA3i0m1e13/+N1vH/h9Hu/4fR7v+H0e7/h9Hu/4fR7v+H0e7/h9Hu/4fR7v+H0e7/iNHu/3jJ6e0CgL97////AQJ8uZdGrdz/l9/2/5Tb9P+U2/T/lNv0/5Tb9P+U2/T/lNv0/5Tb9P+U2/T/lNv0/5Tb9P+b4fj/JpvTnQKGyCMCf76TYL7n/4XX8v+h5vr/oOX6/6Dl+v+g5fr/oOX6/6Lo+v+l6vv/per7/6Xq+/+l6vv/puz7/2vJ68kCis9VAoLCj33P8P9px+z/r/P//63x/v+t8f7/rfH+/63x/v+Y5fj/SbLj/0my4/9JsuP/Tbbl/wKKz8UCjtZ9Ao7WfQKFx4uW3vb/Trjn/0645/9OuOf/Trjn/0645/9OuOf/Trjn/4HR8P+S2vP/ktrz/5ng9v8ChceL////Af///wECiMuHn+X5/5jf9v+Y3/b/mN/2/5jf9v+Y3/b/mN/2/5jf9v+Y3/b/mN/2/5jf9v+f5fn/AojLh////wH///8BAorPg6Pp+/+d4/n/neP5/53j+f+d4/n/neP5/53j+f+d4/n/neP5/53j+f+d4/n/o+n7/wKKz4P///8B////AQKN0oGo7f3/ouf7/6Ln+/+i5/v/ouf7/6Ln+/+i5/v/ouf7/6Ln+/+i5/v/ouf7/6jt/f8CjdKB////Af///wECj9Z9rvP//6vw/v+r8P7/q/D+/6vw/v+r8P7/q/D+/6vw/v+r8P7/q/D+/6vw/v+u8///Ao/Wff///wH///8BApHZXQKR2XsCkdl7ApHZewKR2XsCkdl7ApHZe/7+/f/19e7/6+vd//7JQf/0ti7/ApHZewKR2V3///8B////Af///wH///8B////Af///wH///8B////AQKS2ysCktt5ApLbeQKS23kCktt5ApLbeQKS2yv///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8BAAD//wAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8AAP//AAD//w==");
	background-repeat:no-repeat;
	background-size:contain;
}
.sitemapBox ul>li>input:checked~span:before{
	background-image: url("data:image/vnd.microsoft.icon;base64,AAABAAEAEBAAAAAAIABoBAAAFgAAACgAAAAQAAAAIAAAAAEAIAAAAAAAQAQAAAAAAAAAAAAAAAAAAAAAAAD///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8BAAAABwAAABcAAAAbAAAAGwAAABsAAAAbAAAAGwAAABsAAAAbAAAAGwAAABsAAAAbAAAAGwAAABsAAAAXAAAABwNMcIsDZJS3A2SUtwNklLcDZJS3A2SUtwNklLcDZJS3A2SUtwNklLcDZJS3A2SUtwNklLcDZJS3A2SUtwNMcIsDbqSphs/w/4LL7f+Cy+3/gsvt/4LL7f+Cy+3/gsvt/4LL7f+Cy+3/gsvt/4LL7f+Cy+3/gsvt/4bP8P8DbqSpA3i0m4bP7v99yOj/fcjo/33I6P99yOj/fcjo/33I6P99yOj/fcjo/33I6P99yOj/fcjo/33I6P+Gz+7/A3i0mwJ8uZeK0/D/gszr/4LM6/+CzOv/gszr/4LM6/+CzOv/gszr/4LM6/+CzOv/gszr/4LM6/+CzOv/itPw/wJ8uZcCf76Tj9fy/4fQ7f+H0O3/h9Dt/4fQ7f+H0O3/h9Dt/4fQ7f+H0O3/h9Dt/4fQ7f+H0O3/h9Dt/4/X8v8Cf76TAoLCj5Tb9P+N1fD/jdXw/43V8P+N1fD/jdXw/43V8P+N1fD/jdXw/43V8P+N1fD/jdXw/43V8P+U2/T/AoLCjwKFx4uZ4Pb/ktrz/5La8/+S2vP/ktrz/5La8/+S2vP/ktrz/5La8/+S2vP/ktrz/5La8/+S2vP/meD2/wKFx4sCiMuHn+X5/5jf9v+Y3/b/mN/2/5jf9v+Y3/b/mN/2/5jf9v+Y3/b/mN/2/5jf9v+Y3/b/mN/2/5/l+f8CiMuHAorPg6Pp+/+d4/n/neP5/53j+f+d4/n/neP5/53j+f+j6fr/o+n6/6Pp+v+j6fr/o+n6/6Pp+v+m7Pv/AorPgwKN0oGo7f3/ouf7/6Ln+/+i5/v/ouf7/6Ln+/+r8P3/jNDt/4HF5/+Bxef/gcXn/4HF5/+Bxef/gcXn/wKN0oECj9Z9rvP//6vw/v+r8P7/q/D+/6vw/v+u8///j9Pv/4/T7/+r8P7/q/D+/6vw/v+r8P7/q/D+/67z//8Cj9Z9ApHZXQKR2XsCkdl7ApHZewKR2XsCkdl7ApHZewKR2Xv+/v3/+Pjz//Dw5v/p6dv//slB//S2Lv8Ckdl7ApHZXf///wH///8B////Af///wH///8B////Af///wECktsrApLbeQKS23kCktt5ApLbeQKS23kCktt5ApLbK////wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8B////Af///wH///8BAAD//wAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8AAP//AAD//w==");
}
/**/

@media (max-width: 899px){
	
	.top-bar-section li{
		transition: all 0.4s;
	}
	
	.top-bar-section li:hover {
    border-bottom: none !important;
	margin-left: 2rem;
}
/* 	.header-creative-layout .contain-to-grid {
    position: static;
} */
	
	.portfolio-template-default.single.single-portfolio .header-creative-layout {
    position: fixed;
}
	
	.portfolio-template-default.single.single-portfolio main#l-main {
    padding-top: 4rem;
}
	
	
	.header-creative-layout {
    position: absolute;
}
	
	.home{
		padding-top: 72.9844px;
	}
	
	section.creative .menu li {
    padding: 1rem 0;
}
	
	section.creative .menu li a{
		    padding: 0 1.07143rem 0 2.07143rem !important;
	}
	

	
	.wpb_column.vc_column_container.vc_col-sm-4.vc_hidden-xs.vc_custom_1634894331288{
		margin-top: 0 !important;
	}
	
	.f-topbar-fixed {
    padding-top: 0 !important;
}
}

.wd-footer .social-icons{
	display: flex;
}

.social-icons{
	padding: 0 10px 0px 10px;
}


.social-icons a{
	margin-right: 5px; 
}

.show-mobile{
		display: none !important;
	}

.owl-testimonail.owl-theme .owl-controls .owl-buttons div{
		background: transparent !important;
	}

@media (max-width: 767px){
	.serviceHeading{
		margin-top: 1.6rem;
	}
	
	
	
	.wpb_single_image.wpb_content_element.vc_align_center.image-bottom{
	position: static;
    padding-top: 2rem;
	}
	#service-slider .vc_hidden-xs {
    display: block !important;
    margin-top: 2em;
	padding-left: 0 !important;
	padding-right: 0 !important;
}
	
	a img.logo,a img.logo-sticky{
    max-width: initial;
    width: 166px;
}
	.contact-form-detail-image,.image-bottom,.home-cap-image{
		display: none;
	}
	.header-creative-layout .contain-to-grid .top-bar .title-area .name a{
		padding-top: 0;
	}
	
	.vc_row.wpb_row.vc_row-fluid.contact-form-detail::before{
		display: none;
	}
	
	.container.detailpage-contact-form .medium-4.columns{
		display: none;
	}
	
	.contact-form-detail,.orange-background,.container.detailpage-contact-form{
    background: #e77834;
}
	
	.sp-tab__nav{
	flex-wrap: nowrap !important;
	}
	
	.hide-mobile{
		display: none !important;
	}
	.show-mobile{
		display: block !important;
	}
	
	.content-details h2{
		text-align: center !important;
		line-height: 30px !important;
	}
	
	
	.content-details a.btn-white{
		padding: 6px 14px !important;
	}
	
	.wd-footer .social-icons.show-mobile{
		display: flex !important;
		margin-top: 1.2rem;
		justify-content: center;
	}
	
	.wpcf7 form.invalid .wpcf7-response-output,.wpcf7 form.sent .wpcf7-response-output{
		position: static;
	}
}


.header-creative-layout .contain-to-grid .top-bar .top-bar-section ul li.active_menu a{
	color:#e77834 !important;
	font-weight: 700;
}

/* HOME PAGE GUY */

@media (min-width: 768px) and (max-width: 1170px){
	.image-bottom {
    bottom: -175px;
}
}