@media (min-width: 1200px){
  .container {
    width: 1200px;
}
}
/**home products**/
.image-layout-preset-style-poster .sppb-addon-image-layout-content {
    position: absolute;
    bottom: 0px;
    margin: 0;
    padding: 14px 10px;
    background-color: rgb(151 2 4 / 70%);
    color: #fff;
    width: 100%;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
.image-layout-preset-style-poster {
 
    border-radius: 20px;
    overflow: hidden;
}
 .sppb-image-layout-title {
    font-size: 18px!important;
}
.cls-home-our-products .sppb-image-layout-title a {
  color:#fff;
}
.cls-home-our-products .sppb-image-layout-title a:hover,
.cls-home-our-products .sppb-image-layout-title a:focus{
  color:#8dc73f;
}
#sec-home-partner .sppb-align-center {
    justify-content: center;
}
/**Tab**/

.sppb-addon-tab .sppb-addon-content.sppb-tab {
    border: none;
}
.sppb-nav {
    padding-bottom: 5px;
    border-bottom: 1px solid #eee;
}
.sppb-section:not(.spectrum-faq-list) .sppb-addon-feature .sppb-media>.pull-left {
    margin-right: 15px;
   
}
.sppb-nav-pills>li>a {
    background-color: #e5e5e5;
}
.sppb-nav-pills > li.active > a,  .sppb-nav-pills > li.active > a:hover, .sppb-nav-pills > li.active > a:focus {
    color: #fff!important;
    background-color: #850103!important;
}
.sppb-nav-pills>li>a:focus, .sppb-nav-pills>li>a:hover {
  color: #fff!important;
    background: #850103!important;
}
.sppb-tab-content {
    margin-top: 0;
    border: 1px solid #850103;
    padding: 20px 20px 0px 20px;
}
/**accordian**/
.sppb-panel-modern>.sppb-panel-heading {
    background: #fcfcfc;
    color: #850103;
}
.sppb-panel-modern {
    background: #fff;
    border: 1px solid #850103;
}
.sppb-section.cls-contact-info:not(.spectrum-faq-list) .sppb-addon-feature:hover .sppb-addon-text, .sppb-section.cls-contact-info:not(.spectrum-faq-list) .sppb-addon-feature:hover .sppb-addon-title.sppb-feature-box-title{
    color: #000 !important;
}
.sppb-section.cls-contact-info:not(.spectrum-faq-list) .sppb-addon-feature:hover .sppb-icon span i  {
	color: #850103 !important;
}
/**sp title**/
.sp-page-title {
    padding: 135px 0 60px 0;
}
.sp-page-title h2, .sp-page-title h3 {
    color: #fff;
}
.glyphicon-asterisk:before {
    color: red;
}
#sec-bottom-info a {
  color:#fff;
}
#sec-bottom-info a:hover {
  color:#8dc73f;
}
.page-header {
    margin: 0;
  display:none;
}
.page-header h1 {
    font-size: 30px;
    margin-top: 0;
}
@media(max-width:991px){
  h1 {font-size:26px!important;}
  h2 {font-size:24px!important;}
  h3 {font-size:22px!important;}
  h4 {font-size:20px!important;}
  h5 {font-size:18px!important;}
  .sppb-addon-cta .sppb-cta-title {
    line-height: 20px;
    margin-bottom: 10px;
  }
  .sppb-cta-subtitle {
    font-size: 16px!important;
    line-height: 18px!important;
}
  #sp-header {
    max-width: 95%!important;
  }
  #offcanvas-toggler {
    margin-right: 35px!important;
  }
  h5.sppb-addon-title.sppb-feature-box-title.sppb-media-heading {
    font-size: 16px!important;
}
}
@media(max-width:767px){
  h1 {font-size:24px!important;}
  h2 {font-size:22px!important;}
  h3 {font-size:20px!important;}
  h4 {font-size:18px!important;}
  h5 {font-size:16px!important;}
  .sppb-image-layout-title {
    font-size: 15px!important;
}
  #sp-bottom ul >li a {
    font-size: 13px!important;;
}
  #sp-bottom .sp-module .sp-module-title {font-size:16px!important;}
  .sp-page-title {padding: 115px 0 40px 0;}
    #offcanvas-toggler {
    margin-right: 15px!important;
  }
  .sppb-section:not(.spectrum-faq-list) .sppb-addon-feature .sppb-icon .sppb-icon-container >i {
    font-size: 20px !important;
    width: 20px !important;
    height: 20px !important;
    line-height: 20px !important;
}
.sppb-section:not(.spectrum-faq-list) .sppb-addon-feature .sppb-addon-title {
    margin-bottom: 0px !important;
}
  .sppb-section:not(.spectrum-faq-list) .sppb-addon-feature .sppb-addon-text br {
    display: inherit;
}
}
#sp-bottom {
    background-image: linear-gradient(#d52020, #740001);
    padding: 0!important;
}



/** image**/
.cls-border-radius img {
  border-radius:20px;
  overflow:hidden;
}

/**header**/
#sp-header {
	/* width: 80%; */
	/* margin-left: 150px; */
	position: absolute;
	border-radius: 70px;
	top: 20px;
	max-width: 80%;
	margin: auto;
	left: 0;
	right: 0;
	height: 70px;
	overflow:hidden;
}
#sp-header .logo {
    height: 70px;
}
.sp-megamenu-parent >li >a, .sp-megamenu-parent >li >span {
    line-height: 70px;
}
#sp-header.menu-fixed {
    box-shadow: 5px 5px 5px rgb(0 0 0 / 50%);
}
#offcanvas-toggler {
    line-height: 70px;
}
.sppb-shape-container {
    z-index: 6;
}
/**slides
.owl-carousel .owl-item:after{
  content:"";
  background-image:url("/images/0_steelwork/home/pattern.png");
  background-size: 100% 100%;
  background-repeat:no-repeat;
  position:absolute;
  bottom:0;
  width:100%;
  height: 110px;
}
**/
#sec-home-slides:after {
  content:"";
  background-image:url("/images/0_steelwork/home/pattern.png");
  background-repeat:no-repeat;
  background-size:100% 100%;
  width:100%;
  height: 110px;
  position:absolute;
  bottom: 25px;
  z-index: 3;
}

.sppb-slide-item-bg.sppb-slideshow-fullwidth-item-bg .details {
    text-align: center;
    color: #fff;
}
.sppb-slide-item-bg.sppb-slideshow-fullwidth-item-bg .sppb-fullwidth-title {
    font-size: 42px;
    font-weight: 900;
    text-transform: uppercase;
    text-align: center;
    text-shadow: 1px 2px 5px rgb(0 0 0 / 60%);
}
.sppb-slideshow-fullwidth-item-text {
    position: absolute;
    top: calc(50% - 70px);
    left: 0;
    right: 0;
    transform: translateY(calc(50% - 70px));
    padding: 0px 20px;
}
.customNavigation {
    font-size: 45px;
}
.customNavigation >a {
	background:transparent;
}
.customNavigation >a:hover {
	background:transparent;
}
.owl-carousel .owl-controls .owl-dots .owl-dot span {
  background: grey;
  border: 1px solid grey;
  border-radius: 6px;
  width: 50px!important;
  height: 4px!important;
}
.owl-carousel .owl-controls .owl-dots .owl-dot.active span {
background:#fff;
    top: 0;
}
@media(max-width:991px){
  #sec-home-slides:after {
  height: 80px;
  }
	.customNavigation {
    font-size: 30px;
}
}

@media(max-width:767px){
  #sec-home-slides:after {
  height: 45px;
  }
  	.customNavigation > a {
bottom:30px;
}
}

.cls-ourteam-left {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    padding: 20px;
}

#sec-ourteam-images {
    /* max-width: 600px; */
}
#sec-ourteam-images .sppb-addon-single-image {
  border-radius:20px;
  overflow:hidden;
}
@media (min-width: 992px) {
  #sec-home-ourteam:before {
        content: "";
        position: absolute;
        width: 1000px;
        height: 100%;
        left: calc(100% - 100px);
        box-shadow: rgb(116, 0, 1) 1px 2px 5px;
        background: rgb(141, 199, 63);
        border-radius: 20px;
  }
	.cls-ourteam-left {
    padding: 50px 30px 50px 100px;
}

}

/**menu**/
.sp-megamenu-parent {
    float: left;
}
.sp-megamenu-parent >li >a, .sp-megamenu-parent >li >span {
  padding: 0 12px;
  font-weight: normal;
}
#sp-header {
    background: #fff;
}
.sp-megamenu-parent >li.active>a, .sp-megamenu-parent >li:hover>a {
    color: #8dc73f;
}
.sp-megamenu-parent >li>a:before {
  content:"";
  width:1px;
  height: 0px;
  transition: height 0.3s;
  position:absolute;
  left: 0;
  right: 0;
  margin: auto;
  top:0;
  background-color: #8dc73f;
}
.sp-megamenu-parent >li:hover>a:before {
	 height: 25px;
}
.sp-megamenu-parent >li.active>a:before{
  content:"";
  width:1px;
  height: 25px;
  position:absolute;
  left: 0;
  right: 0;
  margin: auto;
  top:0;
  background-color: #8dc73f;
}

.header-pattern001 h3.sppb-addon-title {
    position:relative;
}
.header-pattern001 h3.sppb-addon-title:before {
    content:"";
    width:120px;
    height:6px;
    background-color:#830001;
    position:absolute;
    top: -16px;
    left: 0;
}
.header-pattern002 h5.sppb-addon-title {
    position: relative;
}
.header-pattern002 h5.sppb-addon-title:before {
   content:"";
    width:35px;
    height:2px;
    background-color:#8dc73f;
    position:absolute;
    bottom:-18px;
    left:0;
}
/**button**/
.btn,.btn.btn-default, .sppb-btn.btn-default, .btn.sppb-btn-default, .sppb-btn.sppb-btn-default, body .sppb-addon-person .sppb-person-information > .sppb-person-designation {
    color: #fff;
    font-weight: normal;
    text-transform: uppercase;
    /* font-size: 14px; */
    /* background-color: #8dc73f; */
    border-right: 2px solid red;
    position: relative;
    z-index: 1;
    border-radius: 0;
    outline: none!important;
    box-shadow: none!important;
}


/* Isi */
.btn, .sppb-btn, .button--isi {

	color: #fff;
	background: #8dc73f;
	overflow: hidden;
}
.btn::before, .sppb-btn::before, .button--isi::before {
	content: '';
	z-index: -1;
	position: absolute;
	top: 50%;
	left: 100%;
	margin: -15px 0 0 1px;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: #840000;
	-webkit-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
	-webkit-transform: scale3d(1, 2, 1);
	transform: scale3d(1, 2, 1);
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.7,0,0.9,1);
	transition-timing-function: cubic-bezier(0.7,0,0.9,1);
}
.btn, .sppb-btn, .button--isi .button__icon {
	vertical-align: middle;
}
.btn > span, .sppb-btn > span, .button--isi > span {
	vertical-align: middle;
	padding-left: 0.75em;
}
.btn:hover::before, .sppb-btn:hover::before, .button--isi:hover::before {
	-webkit-transform: scale3d(9, 9, 1);
	transform: scale3d(9, 9, 1);
}


/**features**/
.sppb-section:not(.spectrum-faq-list) .sppb-addon-feature {
    border: none;
    padding: 0;
}
section:not(.spectrum-faq-list) .sppb-addon-feature:hover {
    border-color: transparent;
  background-color:transparent!important;
}
.cls-home-services img.sppb-img-responsive {
    max-width: 80px;
}

@media(min-width:768px){
  .bfQuickMode .btn {
    margin-right: 8px;
}
}


@media only screen and (max-width: 480px){
.sppb-section:not(.spectrum-faq-list) .sppb-addon-feature .sppb-icon .sppb-icon-container {
    margin-bottom: inherit !important;
}}