html{
  scroll-behavior: smooth;
}
.banner-text {
  padding-top: 180px;
  padding-bottom: 110px;
  text-align: center;
  color: #002d73 !important;
}
.header-sec.has-fixed .main-navbar {
  position: absolute !important;
  background: transparent !important;
  box-shadow: none !important;
}
.pt-80 {
  padding-top: 80px;
}
.pb-80 {
  padding-bottom: 80px;
}
.ptb-80 {
  padding-top: 80px;
  padding-bottom: 80px;
}
.pt-120 {
  padding-top: 120px;
}
.pb-120 {
  padding-bottom: 120px;
}
.ptb-120 {
  padding-top: 120px;
  padding-bottom: 120px;
}

.banner-text .leading {
  margin-bottom: 30px;
}
.navbar-expand-lg .navbar-collapse {
  flex-direction: row-reverse;
}
.header-sec {
  background: url(http://demo.themesurf.com/portum/assets/image/shape.png) 180px
    0 no-repeat #ffffff !important;
    background-size: cover !important;
}
div#products {
    background-color: #eeeeee5e;
}
.section.section-pad.pt-0 {
    background-color: #eeeeee5e;
    padding: 30px 0px !important;
}
.header-sec .main-navbar .logo {
  width: 270px;
  height: 75px;
}
.btn.btn-gradient {
  background-image: linear-gradient(
    to right,
    #002d73 0%,
    #3d7ccf 51%,
    #033178 100%
  ) !important;
  color: #fff;
}
.h-color {
  color: #0f4295 !important;
}
.sec1-img-size {
  display: flex;
  justify-content: center;
}
.sec-3-text {
  font-size: 16px !important;
  padding: 15px;
  font-weight: 500 !important;
}
.sec2-box {
  height: 220px !important;
}
.why-us-box {
  height: 250px !important;
}
.single-product::before {
  background-image: none !important;
}
.single-product:hover h3, .single-product:hover h4, .single-product.active h3, .single-product.active h4 {
  color: #000;
}
.single-product h4 {
  margin: 10px 0 10px;
}
.cta-sec p {
  margin-bottom: 0px !important;
}
.section.section-pad-md.section-subscribe.has-bg.bg-primary.light-filter.light.has-parallax {
    background-color: #0f4295 !important;
}
.has-bg.bg-primary:after {
    background-color: #0f4295 !important;
}
.pro-cnt {
  padding-left: 20px;
}
.product-sec1{
  margin:auto auto 20px auto;
}
.product-sec1-inner{
  padding-top: 60px;
}
.sec-9-ul li{
  font-size: 18px;
}
.p-bold p{
  font-weight: 900;
  margin: 0;
}
.sec-6{
  display: flex;
  justify-content: center;
}
.sec3-bg{
  background: url(http://demo.themesurf.com/portum/assets/image/shape.png) 180px 0 no-repeat #afceeccc !important;
}
ul.ul-intend {
  text-indent: 10px;
}
.why-us-box:hover{
  background-image: linear-gradient(to top, #08377f 0%, #3876c8 100%);
}
.p-content{
  font-size: 16px !important;
  text-align: justify !important;
}
.prod-col-adj{
  column-count: 1;
}
.pro-cnt.p-bold.prod-col-adj {
  width: 70%;
  margin: auto;
}
p.torch-handle {
  font-weight: 500;
}

/* codepen */

.section-wrapper > .content {
  margin-top: 20px;
  margin-bottom: 40px;
  text-align: center;
}
.section-wrapper > .content h2 {
  font-size: 2.5rem;
  margin-bottom: 10px;
}
.section-wrapper > .content p {
  font-size: 1.2rem;
}
a.navbar-brand.mobile{
  display: none;
}
div.product_slider {
    padding: 30px 0px;
}
h1.heading-section.sub-group {
    font-size: 2.30em;
}
.sub-group.btnn {
    text-align: right;
    margin-top: 20px;
}
.section-pad-md {
    padding-top: 60px;
    padding-bottom: 50px;
}
.sub-group.btnn a.btn.btn-gradient {
    background-image: linear-gradient( to right, #e3312a 0%, #b7090f 51%, #e3312a 100% ) !important;
}
.card_img,.card_btn {
    text-align: center;
}
.card_img img {
    padding: 20px;
}
.product-img.why-us-icon {
    text-align: -webkit-center;
}
.single-product .product-img {
    width: 100%;
}
h4.modal-title {
    font-size: 30px;
}
  .drop-message.contact {
    padding-top: 20px;
}
.drop-message.contact form {
    padding: 0px 50px 0px 50px;
}
.section-subscribe-s2::after {
    background: #eeeeee5e;
}
.section.section-pad.product-sec.thank {
    margin: 140px 0px 0px 0px;
}
.comm-head p{
  margin-bottom: 10px !important;
  font-family: "Poppins", sans-serif;
  font-size: 16px;
}
.comm-head p a{

  color: #e3312a;
}
.comm-head p a:hover{
  text-decoration: underline;
}
.single-product.thank.res-m-bttm.round {
    padding: 40px;
}
div#testimonial {
    padding-top: 0px;
}
.video-img a.btn {
    padding: 12px 22px;
    background: #e3312a;
    top: -50px;
}
.video-img img {
    width: 100% !important;
}
/*div#navbarResponsive a.btn.btn-gradient{
  background-image: linear-gradient( to right, #a2ccee 0%, #5388c6 51%, #a2ccee 100% ) !important;
}*/
/*div.section.section-pad.contact.form {
    background-color: #eeeeee5e;
}*/
section.section-wrapper {
    padding: 30px 0px;
}
p.leading.animate-bottom.delay-7ms.right {
    color: #000;
    font-size: 18px;
}
p.leading.animate-bottom.delay-7ms.first {
    font-size: 18px;
    color: #000;
}
h1.animate-bottom.delay-5ms.h-color.middle {
    font-size: 55px;
}
a.controller img {
    width: 100%;
    object-fit: contain;
    height: 280px;
}
.card_btn.one{
    margin: 30px 0px 0px 0px !important;
}
.card_btn.two {
    margin: 135px 0px 0px 0px;
}
.card_btn.three {
    margin: 188px 0px 0px 0px;
}
/* Tab */
.tab-wrapper {
  background: #fff;
  border-radius: 10px;
  border: 1px solid #e0e0e0;
}
.tab-wrapper .tab-btns {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.tab-wrapper .tab-btns .btn {
  border: none;
  outline: none;
  background: #002d73;
  color: #e5ecf2;
  padding: 10px 20px;
  width: 100%;
  cursor: pointer;
  font-size: 1.3rem;
  transition: 200ms linear;
}
.tab-wrapper .tab-btns .tab-btn.active {
  background: #fff;
  color: #002d73;
}
.tab-wrapper .tab-btns .tab-btn {
  padding: 15px;
}
.tab-wrapper .tab-btns .tab-btn:first-child {
  border-top-left-radius: 10px;
}
.tab-wrapper .tab-btns .tab-btn:last-child {
  border-top-right-radius: 10px;
}
.tab-wrapper .tab-contents {
  padding: 30px;
}
.tab-wrapper .tab-contents h4 {
  font-size: 1.5rem;
  font-weight: 500;
  text-transform: capitalize;
  margin-bottom: 10px;
}
.tab-wrapper .tab-contents p {
  font-size: 1rem;
  font-weight: 300;
  letter-spacing: 0.15px;
}

/* show/hide content */
.tab-contents .content {
  display: none;
}
.tab-contents .content.active {
  display: block;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 400ms;
  animation-duration: 400ms;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
.comm-head.li {
  text-align: center;
}
.fa-angle-double-right {
  color: red;
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(2px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(2px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.custom-btn {
  border-radius: 0px !important;
}
/* codepen */

.why-us-icon img {
  width: 64px !important;
  height: 64px;
}

.img-space {
  position: relative;
  display: inline-block;
}
.img-space .img-top {
  display: block;
  z-index: 0;
}
.img-space .img-back {
  display: none;
}
.img-space:hover .img-top {
  display: none !important;
}
.img-space:hover .img-back {
  display: block !important;
  z-index: 0;
}
.why-us-box h4 {
  font-weight: 600;
  color: #002d73 !important;
}
.why-us-box p {
  font-weight: 600;
  color: #002d73 !important;
  padding: 0 10px;
}
.why-us-box:hover h4 {
  color: #ffffff !important;
}
.why-us-box:hover p {
  color: #ffffff !important;
}

.col-lg-6.col-md-8.offset-lg-0.offset-md-2 {
  margin-bottom: 20px;
}
.single-product {
  padding: 50px 0;
}
.why-us-box1{
  margin-bottom: 15px;
}

/* footer */

.footer-sec {
  background: #bfd8f0 !important;
  color: #fff;
  padding: 60px 0 20px 0;
}
.icon-box.sqaure, .icon-box.round, .icon-box.circle {
  border-color: #002d73 !important;
}
.footer-sec li a {
  color: #002d73;
  font-weight: 700;
}
.footer-sec li a:hover {
  background: #002d73 !important;
}
.footer-cnt h3 {
  color: #002d73 !important;
  font-size: 20px;
}
.footer-cnt p{
  color: #002d73;
  font-weight: 600;
  font-size: 16px;
}
.footer-cnt ul{
  margin-top: 10px !important;
}
.footer-cnt li{
  margin-left: 0px !important;
}

.footer-cnt li a{
  width: 100% !important;
}
.footer-cnt li a:hover{
  border: none !important;
  background: none !important;
  color: #e3312a !important;
}
.whatsapp-icon {
  left: 93.2%;
  bottom: 120px;
  width: 5% !important;
}
.call-icon {
  left: 93.2%;
  bottom: 40px;
}
.responsive-nav-fix .header-sec .navbar-toggler {
  border-color: #002d73 !important;
  background: #002d73 !important;
}
.header-sec.has-fixed .navbar-toggler {
  border-color: #002d73 !important;
  background: #002d73 !important;
}
.ul-intend i{
  color: red;
}
.col-md-12.merican-gas {
  margin-bottom: 25px;
}


/* Responsive */
@media (min-width: 400px) and (max-width: 425px) {
.header-sec .main-navbar .logo {
    width: 270px !important;
    height: 85px !important;
}
}
@media (max-width: 767px) {
  .pro-sec {
    flex: 0 0 100%;
    max-width: none !important;
  }
  .cycle-tab-container {
    width: 100%;
    height: 800px;
  }
  .tab-wrapper .tab-btns {
    display: contents;
  }
 /* .img-space .img-top {
    margin-left: 56px;
  }*/
  .sec1-img-size {
    margin-top: 20px;
    margin-left: 60px;
    width: 86% !important;
  }
  .pro-sec {
    height: 700px;
    min-height: 530px;
}
.card_btn.two {
    margin: 102px 0px 0px 0px;
}
.card_btn.three {
    margin: 150px 0px 0px 0px;
}
  .navbar-expand-lg .navbar-collapse {
    padding-right: 10px;
}
.banner-text {
  padding-top: 150px;
  padding-bottom: 0px !important;
}
.call-icon {
  left: 80%;
  bottom: 110px;
}
.whatsapp-icon {
  left: 80%;
  bottom: 185px;
  width: 18% !important;
}
.why-us-box {
  height: 275px !important;
}
.single-product {
  padding: 20px 0;
}
.sec2-box {
  height: 175px !important;
}
.header-sec .main-navbar .logo {
  width: 320px;
  height: 75px;
}
.navbar-expand-lg .navbar-collapse {
  display: flex;
  flex-direction: row-reverse;
}
.collapse {
  display: block;
}
.navbar>.container, .navbar>.container-fluid {
  flex-wrap: nowrap;
}
.sec-3-text {
  padding: 8px;
}
/*.single-product:hover .product-img {
  margin-left: 42% !important;
}*/
.col-xs-6{
  width: 50% !important;
}
a.navbar-brand.desktop{
  display: none;
}
a.navbar-brand.mobile{
  display: block;
}
.sub-group.btnn {
    text-align: center;
}
h1.animate-bottom.delay-5ms.h-color.middle {
    font-size: 38px;
}
p.leading.animate-bottom.delay-7ms.first,p.leading.animate-bottom.delay-7ms.h-color.middle,p.leading.animate-bottom.delay-7ms.right {
    font-size: 16px;
}
.drop-message.contact form {
     padding: 0px;
}
.video-img {
    padding: 10px;
}
.pro-cnt {
  padding-left: 0px;
}
.sec-mob-space{
  padding-top: 50px;
}
.pro-cnt.p-bold.prod-col-adj {
  width: 100%;
}
.col-lg-6.col-sm-12.acetylene {
  margin-bottom: 35px;
}
}

@media (min-width: 768px) and (max-width: 1023px) {
  .cycle-tab-container {
    width: 100%;
    height: 612px;
  }

  .offset-md-2 {
    margin-left: 0%;
  }
  .sec2-box {
    height: 230px !important;
}
.single-product {
    padding: 25px 0;
}
  .sub-group {
    margin-top: 23px;
  }
/*  img.img-top {
    margin-left: 56px;
  }
  img.img-back {
    margin-left: 56px;
  }*/
  .call-icon {
    left: 80%;
    bottom: 110px;
  }
  .whatsapp-icon {
    left: 82%;
    bottom: 182px;
    width: 15% !important;
  }
  .navbar-expand-lg .navbar-collapse {
    padding: 20px 0 20px 100px;
}
.section-pad {
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}
.navbar-expand-lg .navbar-collapse {
  display: flex;
  flex-direction: row-reverse;
}
.collapse {
  display: block;
}
.navbar>.container, .navbar>.container-fluid {
  flex-wrap: nowrap;
}
.header-sec .main-navbar .logo {
  width: 500px;
  height: 85px;
}
.whatsapp-icon {
  left: 90.5%;
  bottom: 185px;
  width: 8% !important;
}
.call-icon {
  left: 89.7%;
  bottom: 110px;
}
.why-us-box1-height {
  height: 260px !important;
}
.banner-text {
  padding-bottom: 0px !important;
}
.sec-mob-space{
  padding-top: 50px;
}
.pro-cnt {
  padding-left: 0px;
}
}

@media (min-width: 1024px) and (max-width: 1366px) {
/*  img.img-top {
    margin-left: 53px;
  }*/
/*  img.img-back {
    margin-left: 53px;
  }*/
  .section-pad {
    padding-top: 80px;
    padding-bottom: 80px;
}
.single-product {
  padding: 30px 0;
}
.sec2-box {
  height: 200px !important;
}
}

@media (min-width: 1080px) and (max-width: 1920px) {
  .whatsapp-icon {
    left: 93.5% !important;
    bottom: 120px;
    width: 3% !important;
}
.section-pad {
  padding-top: 80px;
  padding-bottom: 80px;
}
}

@media (min-width: 768px) and (max-width: 1366px) {
.whatsapp-icon {
  left: 94%;
  bottom: 120px;
  width: 5% !important;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
  .pro-sec {
    height: 820px;
  }
  .card_btn.two {
    margin: 188px 0px 24px 0px;
}
  .card_btn.three {
    margin: 268px 0px 24px 0px;
}
}
@media (min-width: 425px) and (max-width: 768px){
.pro-sec {
    height: 860px;
}
.card_btn.two {
    margin: 200px 0px 24px 0px;
}
.card_btn.three {
    margin: 270px 0px 24px 0px;
}
}
@media (min-width: 1920px) and (max-width: 2560px){
/*  .single-product .product-img {
    margin-left: 44% !important;
  }*/
}



h5.havy-duty {
  margin-bottom: 25px;
}
h5.tornado {
  margin-bottom: 60px;
}
.footer-copyright {
  width: 100% !important;
  text-align: center !important;
}