body{overflow-x: hidden;
}
.silvercolor{color: #999999;
}
.maroncolor{color: #b13030;
}
.maronbgcolor{background-color: #b13030;}
.paddingtop10{padding-top: 10px;}
.paddingtop40{padding-top: 40px;}
.paddingtop60{padding-top: 60px;}
.paddingtop100{padding-top: 100px;}

.padding0-5p{padding: 0 5%;}
.padding0-10p{padding: 0 10%;}
.padding2p-16p{padding: 2% 16%;}
.padding1p-5p{padding: 1% 5%;}
.padding0-10p-2p-10p{padding:0 10% 2% 10%;}

.padding0-40{padding: 0 40px;}
.padding0-100{padding: 0 100px;}
.padding30{padding: 30px;}
.padding5{ padding: 5px;}

.paddingleft8p{padding-left: 8%;}
.paddingright15p{padding-right: 15%}
.paddingbottom35{padding-bottom: 35px;}

.margin15-0{margin: 15px 0;}
.margin35-0{margin: 35px 0;}
.margin5-15{margin: 5% 15%;}

.margintop100{margin-top: 100px;}
.margintop70{margin-top: 70px;}
.margintop50{margin-top: 50px;}
.margintop60{margin-top: 60px;}
.margintop40{margin-top: 40px;}
.margintop20{margin-top: 20px;}
.margintop10{margin-top: 10px;}

.width90{width: 90%;}
.width50{width: 50%;}

.font11{font-size: 11pt;}
.font12{font-size: 12pt;}
.font13{font-size: 13pt;}
.font15{font-size: 15pt;}
.font25{font-size: 25pt;}
.font30{font-size: 30pt;}
.lineheight{line-height: 33px;}


.alicefont{font-family: 'Alice', serif;}
.slabofont{font-family: 'Slabo 27px', serif; letter-spacing: 1.4px}

.pull-right{float: right;}

.justify{text-align: justify;}

.shortvline{
	border-right: 3px solid #b13030; 
	margin: 0 10px 0 10px;
}
.shorthline{
	border-bottom: 3px solid #b13030; 
	margin: 10px 0 0 0;
	width: 5%;
}

.letterSpace2{letter-spacing: 2pt;}
@media screen and (max-width: 480px){
.boeheading h1{
	font-size: 18pt;
}
}
.boeheading h1{font-size: 28pt;}
.textheading{
  font-weight: 700;
letter-spacing: 1pt;
}
.headingimg {
    background: url(../images/4.jpg) no-repeat center center fixed !important;
    position: relative;
    background-size: cover !important;
    color: #000;
width: 100%;
padding: 5% 0 0 0;
margin-top: 0;
text-align: center;
height: 40%;
}
.headingimgpower {
    background: url(../images/power.jpg);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: 0 -240px;
    position: relative;
    background-size: cover !important;
    color: #fff;
width: 101%;
padding: 5% 0 0 0;
margin-top: 0;
text-align: center;
height: 300px;
}
.headingimgmanufacturing {
    background: url(../images/manufacturing.jpg);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: 0 -240px;
    position: relative;
    background-size: cover !important;
    color: #fff;
width: 101%;
padding: 5% 0 0 0;
margin-top: 0;
text-align: center;
height: 300px;
}
.headingimgcement {
    background: url(../images/cement.jpg);
background-attachment: fixed;
background-repeat: no-repeat;
background-position: 0 -255px;
position: relative;
background-size: cover !important;
color: #000;
width: 101%;
padding: 5% 0 0 0;
margin-top: 0;
text-align: center;
height: 300px;
text-shadow: -1px 0px #fff;
}
.headingimgasset {
    background: url(../images/image1.jpg);
background-attachment: fixed;
background-repeat: no-repeat;
background-position: 0 -10px;
position: relative;
background-size: cover !important;
color: #000;
width: 101%;
padding: 5% 0 0 0;
margin-top: 0;
text-align: center;
height: 300px;

}
.headingimgoperational {
    background: url(../images/image2.jpg);
background-attachment: fixed;
background-repeat: no-repeat;
background-position: 0 -10px;
position: relative;
background-size: cover !important;
color: #fff;
width: 101%;
padding: 5% 0 0 0;
margin-top: 0;
text-align: center;
height: 300px;

}
.headingimgspm {
    background: url(../images/7.jpg);
background-attachment: fixed;
background-repeat: no-repeat;
background-position: 0 -250px;
position: relative;
background-size: cover !important;
color: #fff;
width: 101%;
padding: 5% 0 0 0;
margin-top: 0;
text-align: center;
height: 300px;

}
.headingimgsp{
    background: url(../images/9.jpg);
background-attachment: fixed;
background-repeat: no-repeat;
background-position: 0 -105px;
position: relative;
background-size: cover !important;
color: #fff;
width: 101%;
padding: 5% 0 0 0;
margin-top: 0;
text-align: center;
height: 300px;

}
.headingimgsoon{
  background: url(../images/8.jpg);
background-attachment: fixed;
background-repeat: no-repeat;
background-position: 0 -250px;
position: relative;
background-size: cover !important;
color: #fff;
width: 101%;
padding: 5% 0 0 0;
margin-top: 0;
text-align: center;
height: 300px;
}
.headingimgboe{
  background: url(../images/cement.jpg);
background-attachment: fixed;
background-repeat: no-repeat;
background-position: 0 -250px;
position: relative;
background-size: cover !important;
color: #fff;
width: 101%;
padding: 5% 0 0 0;
margin-top: 0;
text-align: center;
height: 300px;
}
.headingimgmap{
  background: url(../images/map.jpg);
background-attachment: fixed;
background-repeat: no-repeat;
background-position: 0 -200px;
position: relative;
background-size: cover !important;
color: #fff;
width: 101%;
padding: 5% 0 0 0;
margin-top: 0;
text-align: center;
height: 300px;
}
.headingimgnews{
  background: url(../images/news2.jpg);
background-attachment: fixed;
background-repeat: no-repeat;
background-position: -350px -250px;
position: relative;
background-size: cover !important;
color: #000;
width: 101%;
padding: 5% 0 0 0;
margin-top: 0;
text-align: center;
height: 300px;
}
/*--------------------------------------------------------------------------------
--------------------------------- INSIGHTS -------------------------------------
--------------------------------------------------------------------------------*/

.insights {
    background: #fff;
  position: relative;
  overflow: hidden;
  z-index:1;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;  

  border: 1px solid #eaeaea;
}

.insights .img-figure {
  position: relative;
}

.insights .img-figure img {
  position: relative; 
  overflow: hidden;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.insights:hover .img-figure img {
  -webkit-transform: scale(1.10);
  -moz-transform: scale(1.10);
  -ms-transform: scale(1.10);
  -o-transform: scale(1.10);
  transform: scale(1.10);
}

.insights .title {
  /*padding: 29px 30px;*/
  padding: 45px 30px;
  position: absolute;
  left: 0;
  background: #fff;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;  
}
.insights .title h1 {
  margin: 0;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 19px;
/*  color: #3D6AA2;*/
  text-align: center;
}

.insights:hover .title  {
  margin-top: -90px;
  background: #fff;
}
.insights  p.description {
  position: relative;
  font-weight: normal;
  line-height: 22px;
  opacity: 0;

  text-align: center;

  padding: 15px 30px 0px 30px;

  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;  
}

.insights:hover p.description  {
  opacity: 1;
}

p.more {
  text-align: center;
}
.more a {
    position: relative;
    font-size: 13px;
    margin-top: 30px;
    display: block;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    display: inline-block;
    color: #28998b;
}
.more a:after {
    content: '';
    width: 18px;
    height: 1px;

    position: absolute;
    left: 55px;
    top: 9px;

    background: #28998b;

    vertical-align: middle;
    margin-left: 10px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}


.insights:hover a:after {
    width: 30px;
}

.cat {
  background: #a0bc9f;
  color: #fff;
  text-transform: uppercase;
  position: absolute;
  left: 0;
  top: 20px;
  z-index: 1;
  padding: 3px 15px;
}

.news{
  border: 1px solid #ececec;
  padding: 20px;
}
.news h4{
  text-align: left;
  color: #999;
}
/* List style */
ul.thumbnails { 
  list-style: none; 
  margin: 0;
  padding: 0;
  }
.caption-box{
  border: 1px solid #e7e7e7;
  padding: 10px;
}
.caption-box h4 {
    font-size: 1.5em;
    color: #999;
    }
    .caption-box p {
        font-size: 1em;
        color: #000;
        }
        .btn.btn-mini {
            font-size: 0.63rem;
            }

.caption-box-more{

}

/* Control box 
------------------------------------------------ */
.control-box {
    width: 100%;
    }
    .carousel-control{
        /*background: #666 !important;*/
        border: 0px;
        border-radius: 0px;
        display: inline-block;
        font-size: 34px;
        font-weight: 200;
        line-height: 18px;
        opacity: 0.5;
        padding: 4px 10px;
        margin: 90px -20px 0;
        height: 30px;
        width: 30px;
        }



/* Mobile only
------------------------------------------------ */
@media (max-width: 767px) {
    .page-header { text-align: center; } 
}
@media (max-width: 479px) {
    .caption-box { word-break: break-all; }
    ul.thumbnails li { margin-bottom: 30px; }
}


footer ul li {
  list-style: none;
  text-decoration: none;
  color: #fff;

}

footer ul li a {
  text-decoration: none;
  color: #fff;
}
footer p{
  color: #fff;

}
.footer1{
  background-color: #2d3032;
  padding: 20px 0 10px 0;
}
.footer2 ul li{
  display: inline;
  padding: 0px 30px;
}
.footer2{
  background-color: #1f2427;
  padding: 10px 0 5px 0;
}
.footer2 ul li a i{
  color: #fff;
}
.footer3{
  background-color: #000;
  color: #fff;
  padding: 0 30px 10px 30px;
}
.footer1-heading{
      margin-bottom: 20px;
    font-size: 13pt;
    font-style: italic;
    border-bottom: 1px solid #fff;

}
.sub-footer1 ul li a{
  text-decoration: none;
  color: #fff;
  
  font-size: 12pt;
}
/*-----------------------------------------team page-----------------------------------------------*/
.team-img{
        display: block;
      max-width: 100%;
    border-radius: 100%;
}
      .team-box
{
  /*border: 1px solid #ccc;*/
  padding: 20px;
  background-color: #fff;
  /*margin:10px;*/
  width: 285px;

}
.team-box:hover
{
  z-index: 1;
  box-shadow: 0 10px 50px rgba(0,0,0, 0.3);
  transform: scale(1.1);
  transition: box-shadow 0.2s ease,
                  transform 0.2s ease,
                  z-index 0s 0s ease;
}
.at-social {
  color: black;
  margin: 0 0 -18px;
  opacity: 0;
  -webkit-transition: margin 0.2s ease, opacity 0.2s ease;
  transition: margin 0.2s ease, opacity 0.2s ease;
}
.team-box:hover .at-social
{
  /*fill: #788D96;*/
  opacity: 1;
  color: black;
}
.at-social p
{
  font-size: 10pt;
  font-family: 'Open Sans Condensed', sans-serif;
  font-weight: lighter;
}

.bordertop: {
  border-top: 1px solid #ccc;
}
.borderright: {
  border-right: 1px solid #ccc;
}
.borderbottom: {
  border-bottom: 1px solid #ccc;
}
.borderleft: {
  border-left: 1px solid #ccc;
}
.font-open
{
  font-family: 'Open Sans Condensed', sans-serif;
}

.register-box
{
  box-shadow: 0 10px 50px rgba(0,0,0, 0.3);
  padding: 5%;
}
.register-img
{
  height: 120px;
  width: 150px;
}
.width90
{
  width: 90%;
}
.width100
{
  width: 100%;
}
input[type="file"] {
    display: none;
}
.custom-file-upload {
    border: 1px solid #ccc;
    display: inline-block;
    padding: 6px 12px;
    cursor: pointer;
    background-color: #b13030;
    color: #fff;
}