* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.container-fluid{padding-right: 0px !important;padding-left: 0px !important; }

body {
  background: #5B8CFF;
  height: 100vh;
  /*display: -webkit-box;
  display: -ms-flexbox;
  display: flex;*/
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;    overflow-x: hidden;
}

.menu_content{width: 100%; float: left; height:88px;-webkit-box-shadow: 0px 9px 34px rgba(0,0,0,0.2);box-shadow: 0px 9px 34px rgba(0,0,0,0.2);position: fixed; top: 0px; bottom: 0px;z-index: 99999999;background: #fff;}

.wrapper{width: 100%; float: left;position: relative;top: 0; bottom: 0;height: 88px;}

.wrapper ul {
  width: 100%;float: left;height: 66px;
  background: #fff;
  /*border-radius: 5px;*/
  overflow: hidden;
  position: relative;margin: 0 !important;
}

.mobilenav_text{margin-left: 100px;}

.wrapper ul li {
  width: 100px;
  height: 88px;
  background: #30953c;
  position: absolute;
  left: 0;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
 /* -webkit-box-shadow: 15px 0 30px -5px rgba(0, 0, 0, 0.2);
  box-shadow: 15px 0 30px -5px rgba(0, 0, 0, 0.2);*/
  cursor: pointer;
  font-family: 'Roboto', sans-serif;
  padding-left: 15px;
  color: #fff;
  opacity: 0;
}

.wrapper ul li:first-child {
  padding-left: 0;
    z-index: 10;
    opacity: 1;
    width: 130px;
    position: absolute;
    right: 100%;height: 88px;
    margin-right: -157px;
    top: 0px;
    left: -25px;
  -ms-transform: skew(-38deg,0deg); /* IE 9 */
    -webkit-transform: skew(-38deg,0deg); /* Safari */
    transform: skew(-38deg,0deg); /* Standard syntax */
}

.wrapper ul li:after {
  content: '';
  display: inline-block;
  position: absolute;
  width: 0;
  height: 0;
 /* border-style: solid;
  border-width: 30px 0 30px 15px;
  border-color: transparent transparent transparent #30953c;*/
  right: -15px;
  top: 0;
}

#menu-button .bar {
  width: 25px;
  height: 2px;
  background: #fff;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
}

#menu-button .bar:nth-child(2) { margin: 5px 0; }

.main_logo{width: 100%; float: left;text-align: center;position: absolute;top: 0; bottom: 0;height: 67px;}

.get_started_text{z-index: 999999;
    height: 88px;
    width: 205px;
    position: absolute;
    right: 25px;background: rgba(255, 1, 1, 1);
    padding: 0px;margin-right: -46px;
    -webkit-transform: skew(-32deg,0deg);
    transform: skew(-30deg,0deg);}

.get_started_content a{text-decoration: none;
    font-weight: 600;top: 11px;
    position: relative;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0px;
    line-height: 63px;
    color: #fff;
    padding: 10px;
  -webkit-transform: skew(-32deg,0deg);
    transform: skew(-30deg,0deg);
  }
.get_started_content a:hover{text-decoration: none;color: #000}

.banner_text{width: 100%; float: left;position: relative;top: 0px; bottom: 0;}

#cta-arrow {
    float: left;
    position: absolute;
    margin-left: 10px;
    top: 13px;}


.get_started_text .get_started_content{width: 100%; float: left;-webkit-transform: skew(28deg,0deg);
    transform: skew(28deg,0deg);}

.get_started_content a:hover {
   color: #fff;
    -webkit-transition: all 0.3s ease!important;
    transition: all 0.3s ease!important;
    -moz-transition: all 0.3s ease!important;
}

/*silder start*/
  .carousel-indicators .active {
    background-color: #2980b9;
}

.carousel-inner img {
    width: 100%;
}

.carousel-control {
    width: 0;
}

.carousel-control.left,
.carousel-control.right {
  opacity: 1;
  filter: alpha(opacity=100);
  background-image: none;
  background-repeat: no-repeat;
  text-shadow: none;
}

.carousel-control.left span {
  padding: 15px;
}

.carousel-control.right span {
  padding: 15px;
}

.carousel-control .glyphicon-chevron-left, 
.carousel-control .glyphicon-chevron-right, 
.carousel-control .icon-prev, 
.carousel-control .icon-next {
  position: absolute;
  top: 45%;
  z-index: 5;
  display: inline-block;
}

.carousel-control .glyphicon-chevron-left,
.carousel-control .icon-prev {
  left: 0;
}

.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next {
  right: 0;
}

.carousel-control.left span,
.carousel-control.right span {
  background-color: #000;
}

.carousel-control.left span:hover,
.carousel-control.right span:hover {
  opacity: .7;
  filter: alpha(opacity=70);
}

/* Carousel Header Styles */
#header_text{margin-left: 23px;}

.header-text {
    position: absolute;
    top: 40%;
    left: 1.8%;
    right: auto;
    width: 96.66666666666666%;
    color: #fff;
}

.header-text h2 {font-size: 35px;font-weight: 700; color: #000;}

.btn-min-block {
    min-width: 170px;
    line-height: 26px;
}

.btn-theme {
    color: #000;
    background-color: #fff;
    border: 2px solid #fff;
    margin-right: 15px;
}

.btn-theme a:hover{color: #000;}

.banner_learn{width: 100%; float: left}

.btn-sm{margin: 0px !important;padding: 10px 20px !important; font-size: 18px!important;}

.banner_learn a{webkit-transform: skew(-37.6deg)!important;
    transform: skew(-37.6deg)!important;    letter-spacing: 0.3px!important;}

.banner_learn a span{display: inline-block!important;font-size: 21px;
    -webkit-transform: skew(37.6deg)!important;
    transform: skew(37.6deg)!important;}

.banner_learn {width: 100%; float: left;margin-top: 20px;}


.header-text p{width: 100%; float: left;font-size: 15px; text-align:justify;color: #1e1a1a;}


/*silder end*/
.about_industry{width: 100%; float: left;padding: 50px 0px;margin-top: 50px;}

.about_industry .about_industry_text{width: 100%;}

.industry_text{width: 100%; float:left;margin-bottom: 30px;}

.industry_text h4{width: 100%; float:left;font-size: 38px;color: #000;font-weight: bold;position: relative;}

.industry_text .line{display: block;height: 2px;/*position: absolute;top: 39%;*/padding: 0px;width: 90px; float: left;background: #ff0000;-webkit-transform: skew(-37.6deg);transform: skew(-37.6deg); }

.industry_text p{width: 100%; float: left;margin-top: 20px;font-size: 15px;text-align: justify;}



.industry_text a{background: #30953c;padding: 12px 25px;color: #fff;float: left;font-size: 17px;font-weight: 600;}

.industry_text a:hover{text-decoration: none; color:#fff;}


.technology_text{width: 100%; float: left;}

.technology_text h5{width: 100%; float: left;font-size: 22px;color: #000;font-weight: 700;}

.technology_text p{width: 100%; float: left; text-align: justify; font-size: 15px;color: #000;}

.our_product{width: 100%; float: left;}

.our_product .products_text{width: 100%; float: left;}

.our_product .products_text .our_product_heading{width: 100%; float: left;margin: 20px 0px;}

.our_product .products_text .our_product_heading h4{width: 100%; float: left; font-size: 25px;font-weight: 700;margin: 0px;}

.our_product .products_img{width: 100%; float: left;padding: 20px 0px; }

.our_product .products_img .products_img_content{width: 100%; float: left;}


/* products */

.grid {
  position: relative;
  clear: both;
  /*margin: 0 auto;
  padding: 1em 0 4em;*/
  width: 100%; float: left;
  list-style: none;
  text-align: center;
}

/* Common style */
.grid figure {
  position: relative;
  overflow: hidden;
 width: 100%; float: left;
  text-align: center;
  cursor: pointer;margin: 0px;
}

.grid figure img {
  position: relative;
  display: block;
  width: 100%;
  opacity: 0.1;
}

.grid figure figcaption {
  padding: 2em;
  color: #2d8938  ;
  font-size: 1.25em;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
  pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
  position: absolute;
  top: 0;
 /* left: 0;*/
  width: 78%;
  height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
  z-index: 1000;
  text-indent: 200%;
  white-space: nowrap;
  font-size: 0;
  opacity: 0;
}

.grid figure h2 {
  word-spacing: -0.15em;
  font-weight: 300;
}

.grid figure h2 span {
  font-weight: 800;
}

.grid figure h2,
.grid figure p {
  margin: 0;
}

.grid figure p {
  letter-spacing: 1px;
  font-size: 15px;font-weight: 100;
}

.effect-julia2 img{opacity: 1 !important;}

figure.effect-julia { 
  background: #000; 
}

figure.effect-julia img {
  max-width: none;
  height: 400px;
  -webkit-transition: opacity 1s, -webkit-transform 1s;
  transition: opacity 1s, transform 1s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

figure.effect-julia figcaption {
  text-align: left;
}

figure.effect-julia h2 {
  position: relative;  /*letter-spacing: 1px;*/
  padding: 0.5em 0;font-weight: 700;
}

figure.effect-julia p {
  display: inline-block;
  margin: 10px 0px;
  color: #fff;text-align: justify;
  text-transform: none;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  /*-webkit-transform: translate3d(-360px,0,0);
  transform: translate3d(-360px,0,0);*/
}

figure.effect-julia p:first-child {
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s;
}

figure.effect-julia p:nth-of-type(2) {
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

figure.effect-julia p:nth-of-type(3) {
  -webkit-transition-delay: 0.05s;
  transition-delay: 0.05s;
}

figure.effect-julia:hover p:first-child {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}

figure.effect-julia:hover p:nth-of-type(2) {
  -webkit-transition-delay: 0.05s;
  transition-delay: 0.05s;
}

figure.effect-julia:hover p:nth-of-type(3) {
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

figure.effect-julia:hover img {
  opacity: 0.1;
  -webkit-transform: scale3d(1.1,1.1,1);
  transform: scale3d(1.1,1.1,1);
}

figure.effect-julia:hover p {
  opacity: 1;
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

#pro-text{padding: 0px;}

figcaption .read_more{width: 100%; float: left;margin-top: 20px;}

figcaption .read_more a{float:left;color: #fff; background: #ff0000;font-size:17px;padding: 8px 20px;border-radius: 10px;}

figcaption .read_more a:hover{text-decoration: none;}

.Purlins_text{left: 25%;}

figcaption .line{display: block;
    height: 2px;
    position: absolute;
    top: 22%;
    padding: 0px;
    width: 100px;
    float: left;
    background: #fe0000;
    }

/*footer*/

footer{width: 100%; float: left;   border: 1px solid #e2e2e2;}

footer .copyright{width: 100%; float: left;text-align: center;margin: 10px 0px 20px;}

footer .copyright h6{width: 100%; float: left;color: #000;margin: 0px; font-size: 18px;}

footer .copyright a{color: #000}
   
footer .copyright a:hover{text-decoration: none;}

/*scroll down*/

.go-top {
  display: block;
  width: 40px;
  height: 40px;
  line-height: 35px;
  text-align: center;
  font-size: 30px;
  position: fixed;
  bottom: -40px;
  right: 20px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
  background-color: #000;
  color: #FFFFFF;
  text-decoration: none;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.go-top.show { bottom: 20px; }

.go-top:hover {
  background-color: #000;
  color: #FFFFFF;
}

.wrapper_1 {
  margin: auto;
  width: 700px;
  text-align: left;
}

/*menu start*/
.menu_content_text{width: 100%; float: left; height: 66px; }

.top-animate {
    background: #fff !important;
    top: 13px !important;
    -webkit-transform: rotate(45deg);
    /* Chrome, Safari, Opera */
    transform: rotate(45deg);
}
.mid-animate {
    opacity: 0;
}
.bottom-animate {
    background: #fff !important;
    top: 13px !important;
    -webkit-transform: rotate(-225deg);
    /* Chrome, Safari, Opera */
    transform: rotate(-225deg);
}
.top-menu {
    top: 5px;
    width: 25px;
    height: 2px;
    border-radius: 10px;
    background-color: #fff;
}
.mid-menu {
    top: 13px;
    width: 25px;
    height: 2px;
    border-radius: 10px;
    background-color: #fff;
}
.bottom-menu {
    top: 21px;
    width: 25px;
    height: 2px;
    border-radius: 10px;
    background-color: #fff;
}
.menui {
    background: #fff;
    transition: 0.6s ease;
    transition-timing-function: cubic-bezier(.75, 0, .29, 1.01);
    margin-top: 25px; margin-left: 16px;
    position: absolute;   
}


.icon {
    z-index: 999;
    position: fixed;
    background: rgb(48, 149, 60);
    display: block;
    padding: 0px 15px;
    height: 88px;
    width: 135px;
    text-align: center;
    top: 0;
    margin-right: -157px;
    left: -28px;
    -ms-transform: skew(-32deg,0deg);
    -webkit-transform: skew(-32deg,0deg);
    transform: skew(-32deg,0deg);
}
.mobilenav {
    /*top: 47px !important;*/
    top: 0;
    left:46px;
    z-index: 999;
    display: none;
    position: fixed;
    width: 100%;float: left;height: 88px;
    background: rgb(48, 149, 60);
    padding:0;
    margin:0;text-align: center;
    -ms-transform: skew(-32deg,0deg);
    -webkit-transform: skew(-32deg,0deg);
    transform: skew(-32deg,0deg);
}
.mobilenav li {
    list-style-type: none;display: inline-block;
    text-align: center;
    padding: 32px 12px;-webkit-transform: skew(31.6deg)!important;
    transform: skew(31.6deg)!important;
}
.mobilenav li a {
    font-size: 15px;
    color: #fff;
    text-decoration: none;
    font-weight: 400;letter-spacing: 2px;
    width: 100%;/*float: left;*/
}

.hamburger{width: 100%;
    /*height: 66px;*/
    /* display: inline-block!important; */
    -webkit-transform: skew(30.6deg)!important;
    transform: skew(30.6deg)!important;
    float: left;}

/*menu end*/

    #back2Top {
    width: 40px;
    line-height: 40px;
    overflow: hidden;
    z-index: 999;
    display: none;
    cursor: pointer;
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
    position: fixed;
    bottom: 50px;
    right: 10px;
    background-color: #30953c;
    color: #fff;
    text-align: center;
    font-size: 30px;
    text-decoration: none;
}
#back2Top:hover {
    background-color: #30953c;
  color: #fff;
}

.about_content{width: 100%; float: left;position:relative;top: 0px; bottom: 0px;}

.about_content .about_banner{width: 100%; float: left;}

.about_content .about_banner img{width: 100%; float: left;}





.bgimg-1, .bgimg-2, .bgimg-3, .bgimg-4 {
  position: relative;
 /* opacity: 0.65;*/
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

}
.bgimg-1 {
  background-image: url("../img/back011.jpg");
  height:600px;z-index: -1
}

.bgimg-2 {
  background-image: url("../img/roofer.jpg");
 min-height: 560px;
}

.bgimg-3 {
  background-image: url("../img/integrity.jpg");
  min-height: 560px;
}

.bgimg-4{background-image: url("../img/support2.jpg");
  min-height: 560px;
}


.caption {
  position: absolute;
  left: 0;
  top: 25%;
  width: 100%;
  text-align: center;
  color: #000;
}

.caption h4.border{width: 100%; float: left;
  padding: 18px;margin: 0px;
  letter-spacing: 4px;background-color:transparent;font-size:65px;color: #f7f7f7;
}

h3 {
  letter-spacing: 5px;
  text-transform: uppercase;
  color: #111;
}

/* Turn off parallax scrolling for tablets and phones */
@media only screen and (max-device-width: 1024px) {
    .bgimg-1, .bgimg-2, .bgimg-3, .bgimg-4{
        background-attachment: scroll;
    }
}

.about_content .about_content_text{width: 100%; float: left;}

.about_head{width: 100%; margin-top: -230px;position: relative;top: 0;}

.about_head img{width: 100%;float: left;height: 528px;}

.about_head .about_head_text{width: 100%; float: left;position: absolute; top: -40px;}

.about_head .about_head_text p {width: 100%; text-align: justify;font-size: 18px; line-height: 26px;}


.about_head .about_head_text .about_head_text1{width: 100%; float: left;}

.about_inner{width: 100%; display:block;font-size: 17px;
    line-height: 1.3em;
    background-color: #ffffff;
    padding-top: 40px!important;
    padding-right: 40px!important;
    padding-bottom: 40px!important;
    padding-left: 40px!important;
    margin-top: 0px!important;
    margin-bottom: 0px!important;
    box-shadow: 0px 37px 80px 5px rgba(0,0,0,0.3);
    max-width: 500px!important; 
    margin: auto!important;
  }

  .caption .line{display: block;
    height: 4px;
    position: absolute;
    top: 88%;
    padding: 0px;
    width: 105px;
    float: left;
    left: 46%;
    text-align: center;
    background: #ff0101;
    -webkit-transform: skew(-37.6deg);
    transform: skew(-37.6deg);
    }

.about_content .about_content_text .core_value{width: 100%;}

.about_content .about_content_text .core_value .core_value_heading{width: 100%;padding: 70px 0px;}

.about_content .about_content_text .core_value .core_value_heading h4{width: 100%;text-align: center;font-size: 65px;margin: 0 }

 .about_content .about_content_text .core_value .core_value_heading .line{display: block;
    height: 4px;
    position: absolute;
    /*top: 88%;*/
    padding: 0px;
    width: 105px;
    float: left;
    left: 46%;
    text-align: center;
    background: #ff0101;
    -webkit-transform: skew(-37.6deg);
    transform: skew(-37.6deg);
    }

.excellenll{width:80%;background-image:url("../img/core-value-angle-white.svg");
    position: absolute;background-position: 50% 60%!important;background-size: cover;
    top: 0px;
    left: 0px;
   /* height: 100%;*/}
   /* webkit-transform: skew(-32.4deg)!important;
    transform: skew(-32.4deg)!important;}*/

.excellenll_text{width: 100%; float:left;position: relative;top: 0px;padding-top: 0vw!important;
    padding-right: 0px!important;
    padding-bottom: 6vw!important;
    padding-left: 3.1vw!important;
    margin-bottom: 100px!important;}  

.excellenll_text .excellenll_inner{width: 100%; float: left;}

.excellenll_text .excellenll_inner h3{width: 100%; float: left; font-size: 20vw;color: #30953c;line-height: 0.9em;}

.excellenll_text .excellenll_inner h4{width: 100%; float: left;font-size: 4.3vw;color: #212121;padding-left: 0.2em !important;}

.excellenll_content{ line-height: 1.3em;
    background-color: #30953c;
    padding-top: 4vw!important;
    padding-right: 4vw!important;
    padding-bottom: 4vw!important;
    padding-left: 4vw!important;
    margin-top: -95px!important;
    margin-bottom: 0px!important;
    margin-left: -80px!important;
    z-index: 9!important;
    -webkit-transform: skew(-37.6deg);
    /* transform: skew(-37.6deg); */
    /* width: 80%!important; */
    max-width: 1200px;}

.excellenll_content .excellenll_content_inner{width: 100%;}

.excellenll_content .excellenll_content_inner p{width: 100%;text-align: left;
    -webkit-transform: skew(37.6deg);
    transform: skew(37.6deg);
    padding-left: 60px;
    padding-right: 15px;color: #fff;
    font-size: 25px!important ;
    line-height: 30px;
    letter-spacing: 2px;}


.excellenll_content_1{background-color:#fff;padding-top:130px;}

.excellenll_content_2{width: 100%;float:left;padding: 150px 0px;}

.excellenll_content_2 .excellenll_content_inner2{width: 100%;float: left; background: #fff}

.excellenll_inner_head{width: 100%; float:left;}

.excellenll_content_2 .excellenll_content_inner2 .excellenll_inner_head h4{width: 100%;float: left;text-align: center;font-size: 5.5vw!important; }

.excellenll_content_2 .need_text{width:100%; float: left;}

.excellenll_content_2 .need_text .need_text_inner{width:100%; float: left; text-align: center;}

.need_text_inner .slanted-btn {
    overflow: hidden!important;
    color: #fff!important;
    font-family: 'Questrial',sans-serif!important;
    text-align: center!important;
    text-decoration: none!important;
    border: 0!important;
    outline: 0!important;
    font-size: 21px!important;
    letter-spacing: 0.3px!important;
    padding: 5px 35px!important;
    display: inline-block!important;
    -webkit-transform: skew(-37.6deg)!important;
    transform: skew(-37.6deg)!important;
    margin-left: 17px!important;
    margin-right: 10px!important;
}


.need_text_inner .slanted-btn-bg {
    text-decoration: none!important;
    border: 0!important;
    outline: 0!important;
    font-size: 1.1rem!important;
    padding: 0px!important;
    display: inline-block!important;
    background: #ff0101!important;
    width: 100%!important;
    height: 60px!important;
    position: absolute!important;
    left: 0px!important;
    top: -16px!important;
}


.slanted-btn-wrapper * {
    -webkit-transition: all 0.6s cubic-bezier(0.86,0,0.07,1)!important;
    transition: all 0.6s cubic-bezier(0.86,0,0.07,1)!important}

.slanted-btn>span {
    display: inline-block!important;
    -webkit-transform: skew(37.6deg)!important;
    transform: skew(37.6deg)!important;
}

.excellenll_inner_head{padding-right: 20px!important;
    padding-bottom: 30px!important;
    padding-left: 20px!important;}

.contact{width: 100%; float: left; background-image: url("../img/contact2us.jpg");
  height:600px;z-index: -1;background-size: cover;background-repeat: no-repeat;}

.contact .contact_text{width: 100%;
    float: left;
    height: 600px;
    background: rgba(48, 149, 60, 0.9);}

.caption_text{
  position: absolute;
  left: 0;
  top: 12%;
  width: 100%;
  text-align: center;
  color: #000;
}

.caption_text h4.border {
    width: 100%;
    float: left;
    padding: 18px;
    margin: 0px;
    letter-spacing: 2px;
    background-color: transparent;
    font-size: 50px !important;
    color: #f7f7f7;
}

.caption_text .line{display: block;
    height: 4px!important;
    position: absolute;
    top: 38%!important;
    padding: 0px;
    width: 105px!important;
    float: left;
    left: 46%!important;
    text-align: center;
    background: rgb(255, 1, 1);
    -webkit-transform: skew(-37.6deg);
    transform: skew(-37.6deg);
}

#contact_text{position: relative;
    left: 0;
    top: 8%;
    width: 100%;
    text-align: center;
    color: #000;}

#contact_text .line{display: block;
    height: 4px!important;
    position: absolute;
    top: 44%!important;
    padding: 0px;
    width: 105px!important;
    float: left;
    left: 46%!important;
    text-align: center;
    background: rgb(255, 1, 1);
    -webkit-transform: skew(-37.6deg);
    transform: skew(-37.6deg);
}

.caption_text p{width: 100%; float: left;color: #fff;font-size: 22px!important;margin-top: 25px;}

.about_content_1{width: 100%; float: left;}

.about_content_2{width: 100%; float:left;}

.about_content_2 .about_head_text .about_head_text1 .about_head_text1 {
    width: 100%;
    float: left;
}

.about_content_2 .about_head_text {
    width: 100%;
    float: left;
    position: absolute;
    top: 50%!important;
}

.about_head_text1{width: 100%; float: left;}

.about_content_2 .about_inner {
    width: 100%;
    display: block;
    font-size: 17px;
    line-height: 1.3em;
    background-color: #ffffff;
    padding-top: 50px!important;
    padding-right: 50px!important;
    padding-bottom: 50px!important;
    padding-left: 50px!important;
    margin-top: 0px!important;
    margin-bottom: 0px!important;
    box-shadow: 0px 37px 80px 5px rgba(0,0,0,0.3);
    max-width: 1100px!important;
    margin: auto!important;}

.contact_us{width: 100%; float:left;}

.contact_us h4{width: 100%; float:left; font-size: 25px;color: #44bf54;}

.contact_us h4 i{margin-right: 15px;}

.contact_us p{width:100%;font-size: 14px;}

.contact_us_inner{width: 100%;float: left;padding-left: 25px;margin-top: 12px;}

.service_text .caption {
    position: absolute;
    left: 0;
    top: 40%;
    width: 100%;
    text-align: center;
    color: #000;
}

.service_text .caption .line {
    display: block;
    height: 4px;
    position: absolute;
    top: 80%;
    padding: 0px;
    width: 130px;
    float: left;
    left: 46%;
    text-align: center;
    background: rgb(255, 1, 1);
    -webkit-transform: skew(-37.6deg);
    transform: skew(-37.6deg);
}


.service{width: 100%; float: left; background-image: url("../img/service011.jpg");
  height:300px;z-index: -1;background-size: cover;background-repeat: no-repeat;}

.service .service_text{width: 100%;float: left;height: 300px;background: rgba(48, 149, 60, 0.9);}

.service .service_text .caption_text {position: absolute;left: 0;top: 34%;width: 100%;text-align: center;color: #000;}

.service .service_text .caption_text  .line {
    display: block;
    height: 6px;
    position: absolute;
    top: 60%!important;
    padding: 0px;
    width: 105px;
    float: left;
    left: 46%;
    text-align: center;
    background: rgb(255, 1, 1);
    -webkit-transform: skew(-37.6deg);
    transform: skew(-37.6deg);}



/*breadcrums*/

.breadcrumb {
    padding: 8px 15px;
     margin-bottom: 0px!important; 
    list-style: none;
    background-color: rgba(48, 149, 60, 0.0) !important;
     border-radius: 0px; 
}

.service_heading{width: 100%; float: left;}

.service_heading .breadcrumb li {font-size: 18px;}

.service_heading .breadcrumb li a{color: #fff;}

.service_heading .breadcrumb li a:hover{text-decoration: none;}

.breadcrumb>.active{color: #fff !important;}


.service_img_content{width: 100%; float: left;margin: 40px 0px;}


.service_img_content .grid figure img {
    position: relative;
    display: block;
    width: 100%;
    opacity: 0.2;
}

.metal_steel{width: 100%; float: left; }

.metal_steel .metal_steel_text{width: 100%; float: left;    padding: 20px 20px; border:2px solid #ccc;}

.metal_steel .metal_steel_text .metal_steel_img{width: 100%; float: left; text-align: center;    }

.metal_steel .metal_steel_text .metal_steel_img img{border: 1px solid #546;}

.metal_steel .metal_steel_text .metal_steel_inner{width: 100%; float: left; margin-top: 20px;}

.metal_steel .metal_steel_text .metal_steel_inner h4{width: 100%; float: left;text-align: center;}

.metal_head{width: 100%; float: left;}

.metal_head h4{width: 100%; float: left; text-align: center;font-size: 22px;font-weight: 600;}

.metal_steel_inner h5{ text-align: center;width: 100%; float: left;font-size: 18px;}

.table{border-collapse: inherit !important;border: 1px solid #ddd;}

.table>thead>tr>th {
    vertical-align: bottom;
    border-bottom:0!important; 
}


.tech_icon{width: 100%; float: left;}

.estimate_head_text{width: 100%; float: left;}


.about_content_2 .estimate_head_text {
    width: 100%;
    float: left;
    position: absolute;
    top: 28%!important;
}

.estimate_heading{width: 100%; float: left;}

.estimate_heading h3{width: 100%; float: left; font-size: 34px;letter-spacing: 0;margin-bottom: 0px;margin-top: 0px;}

.estimate_qtn_text{width: 100%; float: left;margin-top: 20px;}

.estimate_form{width: 100%; float: left;}

.estimate_form h4{width: 100%; float: left;font-size: 24px;margin-bottom: 0px;color: #30953c;}

.estimate_qtn_text label{font-weight: 200!important;margin-bottom: 15px;}

.estimate_qtn_text button[type=submit] {
    background-color: #30953c!important;
    border: none!important;
    color: #333;
    font-size: 1em;
    padding: 10px 50px;
    height: 40px!important;
    width: 170px!important;
    -webkit-transform: skew(-37.6deg)!important;
     transform: skew(-37.6deg)!important; 
   
}

.estimate_qtn_text span.submit-text:after {
    opacity: 1!important;
    visibility: visible;
    position: absolute;
    top: 10px;
    left: -2px;
    width: 100%;
    text-align: center;
    content: "Submit";
    color: #fff!important;
    font-size: 20px;
    -webkit-transform: skew(37.6deg)!important;
    transform: skew(37.6deg)!important;
    -ms-transition: all 0.2s ease!important;
    -moz-transition: all 0.2s ease!important;
    -webkit-transition: all 0.2s ease!important;
    transition: all 0.2s ease!important;
}

p{width: 100%; }

#estimate_border{border-right: 1px solid #efefef;}



.metal_img_content{width: 100%; float: left;margin: 40px 0px;}


.metal_img_content .grid figure img {
    position: relative;
    display: block;
    width: 100%;
    opacity: 1;
}

.metal_sheet_text img{height: auto !important;
  -webkit-transition: opacity 1s, 
  -webkit-transform 1s;
  transition: opacity 1s, transform 1s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;}


.metal_steel .metal_steel_text .tile_inner{width: 100%; float: left; margin-top: 20px;}

/*.metal_steel .metal_steel_text .tile_inner .table tbody tr{text-align: center;}*/


.dropbtn {
  background-color:#30953c;
  color: white;
  /*padding: 16px;*/
  font-size: 14px;
  border: none;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #30953c;
  min-width: 160px;
  /*box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);*/
  z-index: 1;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown-content a:hover {background-color: #ff0101;}

.dropdown:hover .dropdown-content {display: block;}



.content-quality{float:left;width:193px;}
.content-quality p{margin-left:10px;font-size:14px;font-weight:600;line-height:17px;}
.content-quality p span{display:block;}
.tabtop li a{font-weight:700;color:#1b2834;border-radius:0px;margin-right:22.008px;border:1px solid #ebebeb !important;font-size: 15px;}
.tabtop .active a:before{content:"♦";position:absolute;top:15px;left:82px;color:#ff0101;font-size:33px;}
.tabtop li a:hover{color:#ff0101 !important;text-decoration:none;}
.tabtop .active a:hover{color:#fff !important;}
.tabtop .active a{background-color:#ff0101  !important;color:#FFF !important;}
.margin-tops{width: 100%;
    float: left;
    border: 1px solid #ebebeb;     margin-top: 20px;}
.tabtop li a:last-child{padding:10px 24px;}
.thbada{padding:10px 28px !important;}

.margin-tops4{margin-top:20px;}
/*.tabsetting{border-top:5px solid #ebebeb;padding-top:6px;}*/
.services{background-color:#d4d4d4;min-height:710px;padding:65px 0 27px 0;}
.services a:hover{color:#000;}
.services h1{margin-top:0px !important;}
.heading-container p{text-align:center;font-size:16px !important;text-transform:uppercase;}

.service1_img_content {
    width: 100%;
    float: left;
    margin: 0px 0px;text-align: center;
}

.nav-tabs{border-bottom: 0px;}

.tab-pane{width: 100%;float: left;padding-top: 15px;}

#tile_text{padding: 10px 70px;}

#tab_default_2 tbody>tr>td{width: 50%;}

.metal_steel .metal_steel_text .rib_text{width: 100%; float: left;margin-top: 20px;}

.carousel {
    position: relative;
    top: 45px;
}

.nav-tabs {
    border-bottom: 0 !important;
}

.nav-tabs>li{margin-right: 25px;}

tbody:nth-child(even) {
  background-color: #dddddd;
}

.table>tbody>tr>td{padding: 8px;
    line-height: 1.428571429;
    vertical-align: top;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;}


.top_header_mobile_content{width: 100%; float: left;}


nav{width:100%;float:left;margin:0px;padding:0px;}

nav ul{width:100%;float:left;margin:0px;padding:0px;}

nav ul li{float:left;list-style:none;margin-right:27px;}

nav ul li:last-child{margin-right:0px;}

nav ul li a{float:left;font-size:13px;color:#000;text-decoration:none;text-transform: uppercase;text-decoration:none;font-weight:600;letter-spacing:1px;}

nav ul li a i{margin-left:5px;}

nav ul li a:hover{color:#ef0e29;text-decoration:none;}

.mean-container b {
color: #fdfdf8;
float: left;
padding: 15px 13px 11px;
}


@media only screen and (min-width:981px)
{
li.sub_main {
position: relative;

}
li.sub_main > ul.sub_child {
position: absolute;
left: 0;
top:21px;
z-index:1;
max-height: 0;
overflow:none;
transform: rotate3d(1, 0, 0, -90deg);
-ms-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transform: rotate3d(1, 0, 0, -90deg);
-webkit-transform-origin: 50% 0;
-moz-transform: rotate3d(1, 0, 0, -90deg);
-moz-transform-origin: 50% 0;
-o-transform: rotate3d(1, 0, 0, -90deg);
-o-transform-origin: 50% 0;
transition: 350ms;
-webkit-transition: 350ms;
-moz-transition: 350ms;
-o-transition: 350ms;
width:200px;
}
li.sub_main:hover > ul.sub_child {
max-height: 10000px;
-webkit-transform: rotate3d(0, 0, 0, 0);
-moz-transform: rotate3d(0, 0, 0, 0);
-o-transform: rotate3d(0, 0, 0, 0);
transform: rotate3d(0, 0, 0, 0);
}
ul.sub_child > li {
width:100%;
display: inline-block;
color: #000;
cursor: pointer;
background:#ed1c24 !important;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
font-size: 13px;
border-bottom:#fff solid 1px;
}
ul.sub_child > li:last-child {
border: none;
color:#FFF !important;
width:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
ul.sub_child > li > a {
width:100%;
margin:0px 0px 0px 0px;
padding:8px 13px 8px 13px;
display: inline-block;
text-align:left;
color:#fff !important;
text-transform: capitalize;
font-family: 'Lato', sans-serif;
font-size:13px;
font-weight:normal;

}
ul.sub_child > li > a i {float:right;margin:3px 10px 0px 0px;font-size:19px;}





ul.sub_child > li > a:hover {
color:#fff !important;
background:#f86b70;
text-decoration:none;
}

li.sub_main2 {
position:relative;

}
li.sub_main2 > ul.sub_child2 {
display: none;
left: 0px;
margin: 0;

position: absolute;
text-align: left;
top:80px;
z-index: 9999;
width:215px;








}
li.sub_main2:hover > ul.sub_child2 {
display: inline-block;



}
ul.sub_child2 > li {
width:209px;
display: inline-block;
color: #fff;
cursor: pointer;
background:#ffffff !important;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;

font-size: 13px;
}
ul.sub_child2 > li:last-child {
border: none;
color:#FFF !important;
width:209px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
ul.sub_child2 > li > a {
color:#FFF !important;
width:209px;
margin:0px 0px 0px 0px;
padding:5px 10px;
display: inline-block;
text-align:left;
color:#000 !important;
text-transform: uppercase;
line-height:35px;

}
ul.sub_child2 > li > a span{width:25px; height:25px; border-radius:50%; float:left; margin-right:10px;}

ul.sub_child2 > li > a span img{width:25px; height:25px; border-radius:50%;}


ul.sub_child2 > li > a:hover {
background:#f5f5f5;
}
















li.sub_child_sub {
position: relative;
}
li.sub_child_sub > ul.sub_child {
left: 180px;
position: absolute;
top: -2px !important;
width: 180px;
display: none;
padding-left: 3px;
}
li.sub_child_sub {
background: #ff6600 !important;
}
li.sub_child_sub:hover > ul.sub_child {
display: inline-block;
}
li.sub_child_sub > ul.sub_child > li {
background: #ff6600;
}







li.sub_main1 {
position: relative;

}
li.sub_main1 > ul.sub_child1 {
display: none;
left: -2px;
margin: 0;
position: absolute;
text-align: left;
top: 12px;
z-index: 9999;
width:220px;


}
li.sub_main1:hover > ul.sub_child 1{
display: inline-block;


}
ul.sub_child1 > li {
width:100%;
display: inline-block;

padding:0px 0px 0px 0px;
color: #fff;
cursor: pointer;
background:#b8e866 !important;
margin:0px 0px 0px 0px;
text-align:left;
border-bottom:none;


}
ul.sub_child1 > li:last-child {
border: none;
color:#FFF !important;
width:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
ul.sub_child1 > li > a {
color:#000 !important;
width:100%;
margin:0px 0px 0px 0px;
padding:9px 0px 9px 13px;
display: inline-block;
color:#000 !important;
text-transform: capitalize !important;
text-align:left !important;
font-size:13px;
color:#000 !important;
font-family: 'Lato', sans-serif;
}
ul.sub_child1 > li > a:hover {

color:#fff !important;
background:#93b35d;
}


li.sub_child_sub1 {
position: relative;
}
li.sub_child_sub1 > ul.sub_child1 {
position: absolute;
left:191px;
top:0px;
z-index: 9999999;
max-height: 0;
border-top:none;
transform: rotate3d(1, 0, 0, -90deg);
-ms-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transform: rotate3d(1, 0, 0, -90deg);
-webkit-transform-origin: 50% 0;
-moz-transform: rotate3d(1, 0, 0, -90deg);
-moz-transform-origin: 50% 0;
-o-transform: rotate3d(1, 0, 0, -90deg);
-o-transform-origin: 50% 0;
transition: 350ms;
-webkit-transition: 350ms;
-moz-transition: 350ms;
-o-transition: 350ms;
width: 190px;
}
li.sub_child_sub1 {
background: #ff6600 !important;
}
li.sub_child_sub1:hover > ul.sub_child1 {
max-height: 10000px;
-webkit-transform: rotate3d(0, 0, 0, 0);
-moz-transform: rotate3d(0, 0, 0, 0);
-o-transform: rotate3d(0, 0, 0, 0);
transform: rotate3d(0, 0, 0, 0);
}

li.sub_child_sub1 > ul.sub_child1 > li {
background: #ff6600;
}
}

.top_mobile_logo{width:100%;float:left;background:#fff;text-align:center;}

.mean-container{background: rgb(48, 149, 60) !important;}

.mean-container a.meanmenu-reveal{background: rgb(48, 149, 60) !important;}

.hvr-underline-from-center:before{background: #fff !important;}