body{font-family: 'Open Sans', sans-serif;font-size:16px;color: #252525 !important;/*#00112e*/line-height: 1.7 !important;}
.banner-bg{width:100%;height:70vh;background-size:cover!important;background-repeat:no-repeat!important;background-position:center center !important;}
.service-item.p-4 p {height: 100px;}
h1,h2 {font-family: Roboto, sans-serif;color:#122b70 !important;}
.text-secondary {color: #f99122 !important;}
.contact-page .contact-address {padding-right: calc(((100% - 1140px) / 2) + .75rem) !important;}
.operation .address i, .operation .phone i, .operation .email i {margin-left: -30px;}
.operation .address, .operation .phone, .operation .email {margin-bottom: 10px;margin-left: 30px;}
.card-title {margin-bottom: 0.5rem;}
span.highlight {color: #0072b7 !important;font-size: 18px;font-weight: bold;}
.team-item div.btn-slide span {top: -2px;}
.service-item.not-service {box-shadow: unset;}
.blog-thumb {height: 240px;width: 100%;background-size: cover !important;background-position: center center !important;background-repeat: no-repeat !important;}
.service-item:hover a.btn-slide span  {left: 0;top: -2px;}
.btn-primary:hover {color: #fff;background-color: #0072b7 !important;border-color:  #0072b7 !important;}
.service-item  a.btn-slide span  {top: -2px;}
.bg-success {background-color: #0c2f76 !important;}
.fact-figures {margin-top: 100px;}
.contact-no a {color: #F99122;}
.testimonial-item img {width: AUTO !important;margin: 0 auto;}
.director-img {padding: 30px 15px;box-shadow: 0 0 45px rgba(0, 0, 0, .07);background: #fff;}
.footer .btn.btn-link::before {font: normal normal normal 14px/1 FontAwesome !important;}
.display-3 {font-size: 3rem;}
.operation {border-left: 1px solid #00000012;padding-left: 30px;}
.operation .address ,.operation .phone ,.operation .email {margin-bottom: 10px;}
.operation i {color: #f99122;font-size: 20px;margin-right: 15px;}
ul.infrastructure li {width: 25%;}
ul.infrastructure {padding: 0;}
ul.infrastructure li {width: 25%;list-style: none;}
.img-ico img {width: 100%;}
.img-ico {width: 100px;margin: 0 auto;background: #e2e2ff;padding: 15px;margin-bottom: 15px;border-radius: 15px;}
ul.infrastructure.row li {text-align: center;}
ul.infrastructure.row b {display: block;font-size: 20px;}
a {color: #f76b2b;text-decoration: none;outline: none;box-shadow: none;transition: all .2s linear;}
header {background: #0c2f76; }
.navbar .dropdown-toggle::after {font: normal normal normal 14px/1 FontAwesome !important;}
img.logo-top {width: 200px;}
ul.intro-cards img {width: 75px;}
ul.intro-cards {padding: 0 100px;margin-top: 50px;z-index: 99999 !important;width: 100%;}
ul.intro-cards .card {position: relative;display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction: column;min-width: 0;word-wrap: break-word;background-color: #fff;background-clip: border-box;border: 1px solid rgba(0,0,0,.125);border-radius: 0.25rem;}
ul.intro-cards .card:hover {webkit-box-shadow: 0px 9px 8px -2px rgba(0, 0, 0, 0.16);box-shadow: 0px 9px 8px -2px rgba(0, 0, 0, 0.16);}
ul.intro-cards .card-body {padding: 35px 33px 35px;}
ul.intro-cards li {display: inline-block;width: 33.33%;}
.about-us-home {/* margin-top: 100px;*/}
.top-header {padding: 5px;}
.top-header a {color: #fff;}
.top-header {padding: 5px;color: #fff;}
.top-part-area-one {display: flex;align-items: center;justify-content: space-between;}
.h1-single-top-block {display: inline-block;margin-right: 30px;}
.h1-single-top-block i.fa {color: #ff5e14;}
.h1-single-top-block i.fa {color: #ff5e14;margin-right: 10px;font-size: 16px;}
.h1-social-media {display: block;overflow: hidden;}
.h1-social-media ul {margin: 0;padding: 0;}
.h1-social-media ul li {list-style: none;display: inline-block;margin-right: 15px;}
.h1-social-media ul li a, .h1-social-media ul li a i {color: #ffffff;}
ul.info-table li {width: 33.33%;list-style: none;}
ul.info-table {padding: 0;background: #fff;color: #fff;border-radius: 15px;margin-top: 15px;margin-right: 15px;box-shadow: 0 10px 30px rgb(0 0 0 / 6%);
    filter: drop-shadow(0 10px 30px rgba(0, 0, 0, 0.06));padding: 15px;}
li.header {font-weight: bold;text-transform: uppercase;color: #2a2a2a;border-color: #fff !important;}
ul.info-table li {width: 25%;list-style: none;border: 1px solid;border-top: 0;display: inline-flex;align-items: center;}
ul.info-table li {width: 25%;list-style: none;border: 1px solid;border-top: 0;background: #76c8ff;border-color: #fff !important;min-height: 50px;padding: 10px 10px;}
ul.info-points.row li {list-style: none;}
ul.info-points.row {margin-top: 50px;padding: 0;padding-left: 15px;}
ul.info-table.size-50 li {width: 50%;}
ul.info-points.row li {list-style: none;padding-left: 13px;}
ul.info-points.row li.header {list-style: none;padding-left: 0;}
.feature-text.right-text {padding-left: 70px;}
.grey-section {background: #f2f5f7;}
.bg-section {background-size: cover !important;background-position: CENTER center !important;
    background-attachment: fixed !important;position:Relative;}
.feature-text.right-text {z-index: 999;}
.bg-section:after {content: ' ';background: rgb(0 0 0 / 36%);position: absolute;top: 0;display: BLOCK;width: 100%;height: 100%;}
.newsletter-content {text-align: CENTER;}
.newsletter-content img {padding: 38px 30px 44px;box-shadow: 0 10px 30px rgb(0 0 0 / 6%);filter: drop-shadow(0 10px 30px rgba(0, 0, 0, 0.06));}
.position-relative.flex-style{position: relative !important;display: FLEX;}
.padding-left-50{padding-left:50px;}
.service-item:hover a.btn-slide i, .price-item:hover a.btn-slide i, .team-item:hover div.btn-slide i {border-radius: 0;height: 38px !important;top: -1px !important;}
.page-header.newsletter {background: linear-gradient(rgba(6, 3, 21, .5), rgba(6, 3, 21, .5)), url(img/man-reading-newspaper.jpg) center center no-repeat;background-size: cover;}
.page-header.about {background: linear-gradient(rgba(6, 3, 21, .5), rgba(6, 3, 21, .5)), url(img/compressor.jpg) center center no-repeat;background-size: cover;}


@media (max-width: 477px){

ul.intro-cards li {width:100%;}
ul.intro-cards {margin-top: 0px;position: relative;width: 100%;left: 11px;padding: 0px;}
ul.intro-cards li {display: inline-block;width: 100%;margin-bottom: 30px;}
.about-us-home {margin-top: 0;}

}

.hmfirst{justify-content: center !important;}
textarea#message {height: 160px;}
textarea.wpcf7-form-control.wpcf7-textarea.form-control.border-0 {height: 120px;}
img.logo-top{width: 100%;}
ul.intro-cards {margin-top: 50px;z-index: 99999 !important;width: 100%;display: flex;}
ul.intro-cards { padding: 0 0px;}
ul.intro-cards li {width: 33.33%;list-style: none;}
.hero__bg {position: relative;}
.hero__bg video {width: 100%;display: block;}
.video-overlay-content {position: absolute;top: 57%;left: 50%;transform: translate(-50%, -50%);z-index: 2;width: 90%; text-align: center;}
.video-overlay-content h1 {font-weight: 700;color: #fff !important;line-height: 1.3;margin: 0;transition: opacity 0.8s ease;}
.video-overlay-content h1 {text-shadow: 2px 2px 10px rgb(0 0 0 / 50%);font-weight: bolder;font-size: 80px;}
.fade-out {opacity: 0;}
.fade-in {opacity: 1;}
.inner-head .intext{padding-top: 6rem !important;}
.inner-head{height: 60vh !important;}
.gallery-grid {display: grid;grid-template-columns: repeat(4, 1fr);gap: 25px;}
.gallery-item {position: relative;overflow: hidden;border-radius: 15px;display: block;}
.gallery-item img {width: 100%;aspect-ratio: 3 / 2;object-fit: cover;transition: 0.4s ease;border-radius: 15px;}
.gallery-item:hover img {transform: scale(1.08);}
.testimonial-item img {width: 100%;aspect-ratio: 1 / 1;object-fit: cover;transition: 0.4s ease;border-radius: 15px;}
.blog-thumb {height: 240px;background-size: cover !important;background-position: center !important;border-radius: 12px;}
.team-item {background: #fff;border-radius: 15px;box-shadow: 0 5px 25px rgba(0,0,0,0.08);}
.blog-item h4 a {color: #222;text-decoration: none;}
.blog-sidebar {padding-left: 30px;}
.sidebar-widget {background: #fff;padding: 30px;border-radius: 15px;box-shadow: 0 5px 25px rgba(0,0,0,0.08);}
.sidebar-title {font-size: 26px;margin-bottom: 30px;}
.recent-post {align-items: center;}
.recent-thumb {width: 90px;height: 90px;object-fit: cover;border-radius: 10px;margin-right: 15px;}
.recent-content h6 {margin-bottom: 8px;line-height: 1.5;}
.recent-content h6 a {color: #222;text-decoration: none;}
.recent-content span {font-size: 14px;color: #777;}
.sin-blog{text-align: left !important;}
/*.mintr p{margin: 0px !important;}*/
.mintr{margin-top: 0px !important;}
.floatingbtn {position: fixed;bottom: 110px;right: 0px;z-index: 999999;transition: all 0.3s;}
.accordion-button:not(.collapsed) {/*background-color: #0171bc; */ background-color:#122b70 !important;color: white !important;}
button.accordion-button.collapsed{font-weight: bold;}
.service-item.p-4.cont:hover{background: #0072b8;color: white !important;}
.service-item.p-4.cont:hover h4.mb-3{color: white !important;}
.service-item.p-4.cont{text-align: center !important;}
.service-item.p-4.cont p {height: 45px !important;}
.accordion-button:focus {border: none !important;box-shadow: none  !important;}
.bg-light {background-color: #3481b512 !important;}
.testimonial-carousel .owl-stage-outer{overflow: hidden;}
.testimonial-carousel .owl-item{padding: 8px;box-sizing: border-box;}
.testimonial-item{border-radius: 12px;overflow: hidden;position: relative;width: 100%;}
.industry-img{height: 220px;width: 100%;object-fit: cover;transition: 0.4s ease;border-radius: 12px;}
.testimonial-item:hover .industry-img{transform: scale(1.05);}
.industry-overlay{position: absolute;bottom: 0;left: 0;width: 100%;padding: 20px 15px;background: rgba(0,0,0,0.45);}
.industry-overlay h5{color: #fff;margin: 0;font-size: 20px;font-weight: 600;text-align: center;}
.testimonial-item a{text-decoration: none;display: block;}
.testimonial-carousel .owl-dots{margin-top: 10px;}
div#fancybox-1 {z-index: 999999999 !important;}
.fancybox__container{z-index: 999999999 !important;}
.main-header{position: relative;width: 100%;z-index: 9999999;transition: all 0.3s ease;}
.main-header.sticky{position: fixed;top: 0;left: 0;width: 100%;animation: smoothScroll 0.4s ease-in-out;box-shadow: 0 2px 10px rgba(0,0,0,0.15);}
body.sticky-padding{padding-top: 90px;}
@keyframes smoothScroll {
    0%{
        transform: translateY(-100%);
    }
    100%{
        transform: translateY(0);
    }
}
.bg-bluedark{background-color: #0171bc !important;}
/*.about-why h6, .about-why h1 {color: white !important;}*/
.footer {background: linear-gradient(rgba(0, 100, 165, 0.55), rgba(0, 60, 110, 0.65)),url(./img/map.png) center center no-repeat;background-size: cover;}
.footer p a{color: white !important;}
.navbar-light .navbar-nav .nav-link {font-size: 16px !important;font-weight: 600 !important;letter-spacing: 0.5px !important;}
.dropdown-item {font-size: 16px !important;font-weight: 600 !important;letter-spacing: 0.5px !important;}
.bg-bglight{background-color: #f2f5f7 !important;}
/*.bg-bgdark{background-color: #0072b7 !important;}*/
.bg-bgdark{background: url('../oxygen/img/webp/background.jpg') center center no-repeat;background-size: cover;}
.bg-bgdark1{background: url('../oxygen/img/webp/background1.jpg') center center no-repeat;background-size: cover;}
.bg-bgdark2{background: url('../oxygen/img/webp/background2.jpg') center center no-repeat;background-size: cover;}
.bg-bgdark3{background: url('../oxygen/img/webp/background3.jpg') center center no-repeat;background-size: cover;}
#blog-intro h4 a{color:#122b70 !important;}
#gas-storage h1{color: white !important;}#gas-storage h2{color: white !important;}
#home-gas .service-item, .price-item, .team-item {box-shadow: 0 0 45px rgba(0, 0, 0, .07);background: white;}
#home-gas h1 {color: white !important;}
#about-whyus h1 {color: white !important;}
#home-service .service-item, .price-item, .team-item{box-shadow: 0 0 45px rgba(0, 0, 0, .07);background: white;}
#home-intro .card-title, #home-intro .card-text{color: white !important;}
.bdr-15{border-radius: 15px !important;}
#home-industries /*.active.center*/ .testimonial-item{background: white !important;}
#home-service h1 {color: white !important;}
#home-industries h1{color: white !important;}
#home-industries .testimonial-item h5{min-height: 62px !important;}
#componies-intro h5{min-height: 50px !important;}
#componies-intro h5 a{color: #0c2f76 !important;}
#home-gas h2 {color: white !important;}
#about-whyus h2 {color: white !important;}
#home-service h2 {color: white !important;}
#home-industries h2{color: white !important;}
.service-item{border-radius: 15px !important;}
.timeline-year {padding: 10px 25px !important;font-size: 20px !important;font-weight: 800 !important;letter-spacing: 1.5px !important;}
.accordion-button{font-size: 1.3rem !important;}
.gas-carousel .owl-item img {width: auto !important;}
.gas-nav {display: flex;justify-content: center;gap: 15px;}
.gas-nav button {width: 50px;height: 50px;border: none;border-radius: 50%;background: #0B2154;color: #fff;font-size: 22px;transition: 0.3s;}
.gas-nav button:hover {background: #f76b2b;}
.service-item a.btn-slide:hover i, .service-item a.btn-slide:hover span, .price-item a.btn-slide:hover i, .price-item a.btn-slide:hover span {background: #07488c !important;}
/*a:hover{color: #f76b2b !important;}*/
.aspect-ratio-11{height:100% !important; width:100% !important; object-fit: cover}
#career-intro textarea#message {height: 100px;}
.form-control:disabled, .form-control:read-only {background-color: white;opacity: 1;}
div#wpcf7-f204-p136-o1 {padding: 40px !important;}
div#wpcf7-f204-p136-o1 p {margin-bottom: 0rem !important;}
.group-thumb{height: 150px !important;box-shadow: 0 0 45px rgba(0, 0, 0, .07) !important;}
.imgsett{border-radius: 12px;box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);transition: 0.3s ease;}
.imgsett:hover{transform: translateY(-4px);box-shadow: 0 14px 30px rgba(0,0,0,0.18);}
.mode-nav button{width:50px;height:50px;border:none;border-radius:50%;margin:0 5px;background:#0B2154;color:#fff;transition:all .3s ease;}
.mode-nav button:hover{transform:translateY(-2px); background: #f76b2b;}
.mode-nav i{font-size:22px;}
/*.mode-supply-carousel .owl-stage,.mode-supply-carousel .owl-item{display:flex;}*/
.mode-supply-carousel .feature-text{width:100%;}
.mode-supply-carousel, .mode-supply-carousel .owl-stage-outer {overflow: hidden !important;}
.feature-text {overflow: hidden;word-wrap: break-word;}
#home-modesupply .col-lg-6 {overflow: hidden;}
.rows-cont-cent{justify-content : center !important;}
.service-item.p-4.hmgas p {min-height: 160px !important;}
.service-item.p-4.gassinn p {min-height: 250px !important;}
.director-img .img-fluid{width: 100% !important;}
.img-fluid.blog-thumb.group-thumb.gpc {width: 100% !important;}







@media (max-width: 992px) and (min-width: 767px){
.service-item.p-4.gassinn p {min-height: 150px !important;}
}

@media (max-width: 768px) and (min-width: 576px){
.service-item.p-4.gassinn p {min-height: 180px !important;}
}

@media (max-width: 576px){
.service-item.p-4.gassinn p {min-height: 320px !important;}




}

@media (max-width: 991px) {
    ul.intro-cards {padding: 0 20px;flex-direction: column;}
    ul.intro-cards li {width: 100%;}
    .video-overlay-content h1 {font-size: 38px;}
    .gallery-grid {grid-template-columns: repeat(2, 1fr);}
    .blog-sidebar {padding-left: 0;margin-top: 50px;}

}

@media (max-width: 767px){
img.logo-top {width: 225px !important;}
.video-overlay-content h1 {font-size: 26px;line-height: 1.4;}
.gallery-grid {grid-template-columns: 1fr;}
.gallery-item img {height: 260px;}
.top-header .h1-single-top-block {font-size: 14px !important;}
.h1-social-media{display: none;}
.director-img .img-fluid{width: 50% !important;}
.director-img {text-align: center !important;}
.service-item.p-4.hmgas p{min-height: 140px !important;}
.group-thumb{height: 200px !important;}

.operation{border-left: unset !important;padding-left: 0 !important;}
}

@media (min-width: 1200px) { 
    h2, .h2 {font-size: 2.5rem;}
    #home-intro p.card-text{min-height: 190px !important;}
    #home-service .service-item.p-4 h4{min-height: 58px !important;}
    #home-blog .team-item h4{min-height: 116px !important;}
    #home-blog .team-item p{min-height: 82px !important;}
}

.about-us-home{padding-bottom: 100px !important;}
.back-to-top {z-index: 99999999 !important;right: 20px;width: 36px;height: 36px;}
.navbar-toggler:focus {box-shadow: none;}
.navbar-light .navbar-nav .nav-link {margin-right: 20px !important;}
.navbar-light .navbar-nav .nav-link {font-size: 15px !important;}
.custp{font-size: 1.25rem !important;font-weight: 800 !important;}
.milestone-accordion .accordion-item{background:  #f2f5f7 !important;border: 0;border-bottom: 1px solid rgba(255,255,255,0.1);margin-bottom: 15px;}
.milestone-accordion .accordion-button{background:  #f2f5f7 !important;box-shadow: none;padding: 5px 12px;color: #fff;}
.milestone-accordion .accordion-button:not(.collapsed){background:  #f2f5f7 !important;color: #fff;}
.milestone-head{gap: 25px;}
.milestone-year{font-size: 36px;font-weight: 700;color: #0172ba;transition: 0.3s ease;min-width: 110px;text-align: center;}
.milestone-accordion .accordion-button:not(.collapsed) .milestone-year{color: #ff6600;transform: scale(1.08);}
.milestone-content h5{margin: 0;font-size: 24px;font-weight: 600;}
.milestone-accordion .accordion-body{/*padding: 0 0 25px 135px;*/color: #00112e;line-height: 1.8;}
.milestone-image-wrap{overflow: hidden;border-radius: 25px;}
.milestone-accordion .accordion-button:not(.collapsed){background: #0c2f76 !important;}
.milestone-accordion .accordion-button:not(.collapsed) .milestone-content h5{color: white !important;}
.milestone-accordion .accordion-button:not(.collapsed) .milestone-year {color: /*#ff6600*/ white;transform: scale(1.08);text-align: center;}
@media(max-width:991px){
    .milestone-year{font-size: 32px;min-width: 75px;}
    .milestone-content h5{font-size: 18px;}
    /*.milestone-accordion .accordion-body{padding-left: 100px;}*/

    .feature-text.right-text{padding-left: 20px !important;}

}

.btn-check:focus+.btn-primary, .btn-primary:focus {color: #000;background-color: #f99122;border-color: #f99122;
    box-shadow: unset !important;}
a:hover {color: #f99122;}


@media(min-width:991px){.hmab-ba{min-height: 400px !important;}}
@media(max-width:991px) and (min-width:767px){.hmab-ba{min-height: 500px !important;}}
@media(max-width:768px) and (min-width:540px){.hmab-ba{min-height: 350px !important;}}
@media(max-width:539px) and (min-width:230px){.hmab-ba{min-height: 250px !important;}}
@media(max-width:767px){ul.info-table li{font-size: 10px !important}ul.infrastructure li {width: 100%;margin-top: 30px}}

.main-header {position: relative;width: 100%;z-index: 9999999;}

@media (max-width: 1199.98px) {
.main-header .navbar-collapse {position: absolute !important;top: 100%;left: 0;right: 0;width: 100%;background: #fff;z-index: 999999;box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);}
.main-header .navbar-collapse.show {display: block !important;}
.main-header .navbar-nav {width: 100%;display: block !important;margin: 0 !important;padding: 15px 23px !important;}
.main-header .navbar-nav > .nav-link, .main-header .navbar-nav > .nav-item {width: 100%;}
.main-header .navbar-nav .nav-link {display: block;width: 100%;padding: 12px 0 !important;margin-right: 0 !important;}
.main-header .navbar-nav .dropdown-menu {position: static !important;float: none !important;width: 100%;margin: 0 !important;padding: 5px 0;border: 0 !important;box-shadow: none !important;background: #fff;}
.main-header .navbar-nav .dropdown-item {padding: 9px 15px;}
.main-header .navbar-toggler {display: block;margin-right: 20px;border: unset !important;}
.dropdown-menu.show {display: block;}


#home-service .service-item.p-4 p {height: 60px !important;}
}

@media (min-width: 1200px) {
.main-header .navbar-collapse {position: static !important;display: flex !important;}
.main-header .navbar-toggler {display: none;}
.main-header .navbar-nav {display: flex;}

#home-service .service-item.p-4 p {height: 120px !important;}
.service-item.p-4.gassinn p{min-height: 300px !important;}
}

@media (max-width: 390px){

.navbar-brand {margin-right: 0px !important;padding: 0px !important;}
img.logo-top {width: 200px !important;}

}


@media(max-width:1200px) and (min-width:992px){

.our-cov .service-item.p-4.cont p {height: 85px !important;}

}