@charset "utf-8";
/*===========Milbridge Group ============*/
/*===========POWERED BY MERIDIAN INC ============*/

/* Preloader */
 #preloader {
     position: fixed;
     top:0;
     left:0;
     right:0;
     bottom:0;
     background-color:#fff;
    /* change if the mask should have another color then white */
     z-index:999999;
    /* makes sure it stays on top */
}
 #status {
     width:30px;
     height:30px;
     position:absolute;
     left:50%;
    /* centers the loading animation horizontally one the screen */
     top:50%;
    /* centers the loading animation vertically one the screen */
     background-image:url(../images/loading.gif);
    /* path to your loading animation */
     background-repeat:no-repeat;
     background-position:center;
     margin:-15px 0 0 -15px;
    /* is width and height divided by two */
}
/*************************/
 body{
     font-family: 'Work Sans', sans-serif;
     font-size:14px;
     font-style: normal;
     line-height: 24px;
     font-weight:500;
     color: #333333;
     text-decoration: none;
     margin:0px;
     -webkit-font-smoothing: antialiased;
     padding:0;
}
 * {
     -webkit-box-sizing: border-box;
     -mox-box-sizing: border-box;
     box-sizing: border-box;
}
 ::selection {
     background: #BF1E2E;
    /* Safari */
     color:#fff;
}
 ::-moz-selection {
     background: #BF1E2E;
    /* Firefox */
     color:#fff;
}
 a {
     color:#BF1E2E;
     text-decoration: none;
     -webkit-transition: all 300ms ease-in-out;
     -moz-transition: all 300ms ease-in-out;
     transition: all 300ms ease-in-out;
}
 a:hover {
     color: #FFF;
}
 p {
     margin:0 0 30px 0;
     clear:left;
     padding:0;
}
 h1, h2, h3, h4 {
     margin:0 0 20px 0;
     padding:0;
     font-weight:normal;
}
 hr {
     margin:20px 0 50px 0;
     height:0;
     border:0;
     border-top:1px solid #DADADA;
     float:left;
     width:100%;
     position:relative;
}
 .heading {
      font-family: 'Work Sans', sans-serif;
     color:#000;
     line-height:normal;
}
 .bold, strong{
     font-weight:700;
}
 .medium{
     font-weight:400;
}
 .normal{
     font-weight:400;
}
 .light{
     font-weight:400;
}
 .normal{
     font-weight:500;
}
 .fs30{
     font-size:30px;
}
.fs26{
     font-size:26px;
}
 .fs20{
     font-size:20px;
}
 .lined{
     position:relative;
     width:100%;
     float:left;
     text-align:center;
     padding:30px 0 0 0;
     margin:0 0 40px 0;
     line-height:16px;
     position:relative;
}
 .lined span{
      color:#595959;
      font-size:14px;

 }
 .lined:before{
     width:30px;
     height:3px;
     background-color:#BF1E2E;
     position:absolute;
     left:50%;
     top:0;
     margin-left:-15px;
     content:'';
}
 img{
     border:0;
}
 a img {
     border: 0;
}
 .list{
     margin:0 0 25px 0;
     padding:0;
     list-style:none;
}
 .list li{
     margin:0;
     padding:5px 0 5px 30px;
     background-image: url(../images/bullet.png);
     background-repeat: no-repeat;
     background-position: left 5px;
     background-size:15px;
     list-style-position:inherit;
     line-height:18px;
}
 .link{
}
 .link a{
     color:#BF1E2E;
     font-size:13px;
     font-weight:600;
     line-height:normal;
     padding:10px 35px 10px 0;
     background-image: url(../images/bullet.png);
     background-repeat: no-repeat;
     background-position: 90% center;
     display:inline-block;
}
 .link a:hover{
     color:#000;
}
/****************TEXT ALINGS*********/
 .justify{
     text-align:justify;
}
 .text-center{
     text-align:center;
}
 .text-right{
     text-align:right;
}
 .justify{
     text-align:justify;
}
.text-black{
     color:#000 !important;
}
/*--------------------------BIG SCREEN DEFAULT-----------------------------------*/
 header{
     width:100%;
     float:left;
     margin:0;
     padding:0;
}
 .logo{
     float:left;
     padding:10px 40px;
}
 .logo img{
     vertical-align:middle;
     display:inline-block;
}
 .top-right{
     float:right;
     padding:40px 40px 10px 0;
      position:relative;
}
 .email, .call{
     display:inline-block;
     text-align:right;
     padding:0 20px 0 40px;
     background-image:url(../images/icons/mail.png);
     background-repeat: no-repeat;
     background-position: left top;
     line-height:normal;
     min-height:40px;
}
 .call{
     background-image:url(../images/icons/phone.png);
}
 main{
     width:1110px;
     margin:0 auto;
     position:relative;
}
 .outer-container{
     width:100%;
     float:left;
     -webkit-box-shadow: 0px -2px 26px 0px rgba(50, 50, 50, 0.39);
     -moz-box-shadow: 0px -2px 26px 0px rgba(50, 50, 50, 0.39);
     box-shadow: 0px -2px 26px 0px rgba(50, 50, 50, 0.39);
}
 section{
     width:100%;
     float:left;
     margin:0;
     padding:0;
     position:relative;
}
 .pad{
     padding:70px 0;
}
 .para-pad{
     padding:0 15%;
}
 .pad-both{
     padding:0 65px;
}
 .pad-left{
     padding-left:100px;
}
 .pad-right{
     padding-right:100px;
}
 .pad-bottom{
     padding:0 0 65px 0;
}
 .margin-bottom{
     margin:0 0 30px 0 !important;
}



/*********DISPLAY GRID ****************/

.border-top-bottom{
     border-top:1px solid #D3D3D3;
     border-bottom:1px solid #D3D3D3;
}

.diplay-grid{
     width:25%;
     height:276px;
     float:left;
     display:table;
     text-align:center;
     padding:20px;
     line-height:20px;
     position:relative;
      -webkit-transition: all 300ms ease-in-out;
     -moz-transition: all 300ms ease-in-out;
     transition: all 300ms ease-in-out;
     
}
.diplay-grid:hover{
     background-color:#E5E5E5;
     }

.diplay-grid:after{
     width:0%;
     height:4px;
     position:absolute;
     left:50%;
     bottom:0;
     background-color:#BF1E2E;
     content:'';
     z-index:1;
      -webkit-transition: all 300ms ease-in-out;
     -moz-transition: all 300ms ease-in-out;
     transition: all 300ms ease-in-out;
}

.diplay-grid:hover:after{
     width:100%;
     left:0;
     }


.diplay-grid p{
     margin:0 0 10px 0;
}
.diplay-grid img{
     display:inline-block;
     margin:0;
     vertical-align:middle;
}
.border-rt{
     border-right:1px solid #D3D3D3;
}

.border-bottom{
     border-bottom:1px solid #D3D3D3;
}

.plus{
     width:5px;
     height:5px;
     position:absolute;
     right:-3px;
     bottom:-3px;
     z-index:2;
     background-image: url(../images/plus.png);
     background-repeat: no-repeat;
     background-position: center center;
}


.chairmans-wrap{
     width:100%;
     float:left;
     position:relative;
     padding:60px;
     color:#fff;
     background-image: url(../images/steel-bg.jpg);
      background-repeat: no-repeat;
     background-position: center center;
     -moz-background-size: cover;
     -webkit-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
}
.chairmans-wrap .heading{
     color:#fff;
}
.chairmans-photo{
     position:absolute;
     bottom:0;
     right:0;
     width:360px;
     }
.chairmans-photo img{
     width:100%;
     display:block;
}

.quote{
      font-family: 'Work Sans', sans-serif;
     padding:0 0 0 60px;
     background-image: url(../images/quote.png);
     background-repeat: no-repeat;
     background-position: left top;
     font-style:italic;
     font-size:22px;
     }

.intro,.locations{
     width:50%;
     float:left;
     position:relative;
}
.intro{
     text-align:center;
     padding:0 50px 50px 50px;
}
.locations img{
     width:100%;
     display:block;
}
.locations h1{
     position:absolute;
     left:0;
     top:0;
     width:auto;
     padding:30px 50px 30px 100px;
     font-size:14px;
     font-weight:600;
     margin:0;
     line-height:normal;
     background-image: url(../images/icons/locations.png);
     background-repeat: no-repeat;
     background-position: 25px center;
     background-color:rgba(0, 0, 0 ,0.8);
     color:#fff;
}


.chairmans-wrap .owl-demo1 .item img {
    width: 100%;

}
/**********parallax********/
 .jarallax {
     position: relative;
    /*background-size: cover;
     background-repeat: no-repeat;
     background-position: 50% 50%;
    */
     background-repeat: no-repeat;
     background-position: center center;
     -moz-background-size: cover;
     -webkit-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
    /*background-attachment:fixed;
    */
}
 .services{
     background-image: url(../images/soil-background.jpg);
     color:#fff;
}
/*********INNER PAGE STYLES*************/
 .inner-banner{
     width:100%;
     height:350px;
     position:relative;
     float:left;
     margin:0;
     text-align:center;
     color:#fff;
     background-repeat: no-repeat;
     background-position: center center;
     -moz-background-size: cover;
     -webkit-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
     background-attachment:fixed;
}
 .inner-banner:before{
     width:100%;
     height:100%;
     position:absolute;
     left:0;
     top:0;
     content:'';
     background-color:rgba(0, 0, 0, 0.3);
}
 .inner-banner h1{
     font-size: 45px;
     line-height:35px;
     font-weight:600;
     color:#fff;
     margin:0;
     position:relative;
     z-index:1;
}
 .inner-banner p{
     margin:0 0 20px 0;
     line-height:normal;
     font-size:20px;
     position:relative;
    z-index:1;
 }
 .breadcrumb{
     width:100%;
     float:left;
     padding:0;
     font-size:12px;
     margin:0 0 25px 0;
     color: #6D6D6D;
     text-align:center;
}

 .breadcrumb span{
     display:inline-block;
     padding:10px 25px;
     background-color:#BF1E2E;
     color:#fff;
     margin:0;
}


 .breadcrumb a{
     color: #fff;
     word-spacing:normal !important;
}
 .breadcrumb a:hover{
     color: #FFFCAC;
}

.inner-content{
     width:100%;
     float:left;
     padding:25px 40px;
}

/*********BANNER**************/
 .banner1{
     background-image: url(../images/banner1.jpg);
}
 .banner2{
     background-image: url(../images/banner2.jpg);
}
 .banner3{
     background-image: url(../images/banner3.jpg);
}
 .banner4{
     background-image: url(../images/banner4.jpg);
}
 .banner5{
     background-image: url(../images/banner5.jpg);
}
 .banner6{
     background-image: url(../images/banner6.jpg);
}
 .banner7{
     background-image: url(../images/banner7.jpg);
}
 .banner8{
     background-image: url(../images/banner8.jpg);
}
 .banner9{
     background-image: url(../images/banner9.jpg);
}
 .banner10{
     background-image: url(../images/banner10.jpg);
}
 .banner11{
     background-image: url(../images/banner11.jpg);
}
 .banner12{
     background-image: url(../images/banner12.jpg);
}
/***********new******************************/
 .banner13{
     background-image: url(../images/banner13.jpg);
}
 .banner14{
     background-image: url(../images/banner14.jpg);
}
 .banner15{
     background-image: url(../images/banner15.jpg);
}
/*****footer*/
.footer{
     width:100%;
     float:left;
     background-color:#E4E4E4;

}

 footer{
     width:100%;
     float:left;
     background-color:#E4E4E4;
     position:relative;
     padding:60px 40px;
      border-top:4px solid #BF1E2E;
      border-bottom:4px solid #BF1E2E;
      color:#000;
}
 footer a{
     color:#000;
}
 footer a:hover{
     color:#BF1E2E;
}
 footer h1,  footer h3{
     color:#000;
     font-size:14px;
     font-weight:600;
     line-height:normal;
      padding:0 0 15px 0;
     margin:0 0 20px 0;
      border-bottom:1px solid #B6B6B6;
      position:relative;
}
 footer h3{
      border-bottom:0;
      margin:0 !important;
      padding:0 !important;
      }
     
footer h5{
     color:#BF1E2E ;
     font-size:25px;
     font-weight:600;
     line-height:normal;
      padding:0;
     margin:0 0 10px 0;
      position:relative;
}
footer h5 span{
     color:#000;
}
     
 footer h1:after{
     width:60px;
     height:1px;
     background-color: #BF1E2E;
     position:absolute;
     left:0;
     bottom:-1px;
     content:'';
 }
 
.footer-left{
     width:70%;
     float:left;
}
.footer-left .fa-clock-o{
     color:#858585;
     font-size:18px;
}
.footer-left p{
     margin:0 0 10px 0;
     line-height:18px;
     color:#BF1E2E;
     }
     
     
.date{
     font-size:12px !important;
     color:#000 !important;
}


.footer-right{
     width:30%;
     float:left;
     padding-left:40px;
}
.footer-right a{
     display:block;
     float:left;
     padding:10px 20px;
     background-color:#BF1E2E;
     font-size:22px;
     font-weight:300;
     line-height:normal;
     color:#fff;
}
.footer-right a:hover{
     background-color:#000;
     color:#fff;
}
 footer ul{
     list-style:none;
     margin:0;
     padding:0;
}
 footer ul li{
     list-style:none;
     margin:0;
     padding:0;
}
 footer ul li a{
     color:#000;
     width:100%;
     float:left;
     display:block;
      background-image: url(../images/arrow.png);
     background-repeat: no-repeat;
     background-position: left 2px; 
     padding:0 0 10px 20px;
     line-height:normal;
}


 footer ul li a:hover{
     color:#BF1E2E;
}

.lowerfooter{
}
 .copyright, .foot-menu{
     float:left;
      padding:25px 40px;
      font-size:12px;
      color:#000;
}
 .copyright a, .foot-menu a{
      color:#000;
}
 .copyright a:hover,  .foot-menu a:hover{
     color:#BF1E2E;
}


.foot-menu{
     float:right;

}





 social{
     display:inline-block;
      position:relative;
      z-index:9;
}

 social a{
     color:#929292;
}
 social a:hover{
     color:#BF1E2E;
}
 social a i{
     margin:0 5px;
}
/**************/
 .add{
     position:relative;
     padding:0 0 0 40px;
     margin:0 0 10px 0;
}
 .add i{
     position:absolute;
     left:0;
     top:5px;
     color:#BF1E2E;
     font-size:15px;
}
/*********COLUMS AND ROWS***************/
 row{
     width:100%;
     float:left;
     margin:0;
     padding:0;
     display:block;
}
 aside, summary{
     width:25%;
     float:left;
     margin:0;
     display:block;
}
 summary{
     width:75%;
}
 .fullwidth{
     width:100%;
     display:block;
}
 clearfix{
     width:100%;
     height:50px;
     float:left;
     margin:0;
     padding:0;
     display:block;
}
 .two-col{
     width:46%;
     float:left;
     margin-right:8%;
}
 .three-col{
     width:30%;
     float:left;
     margin-right:5%;
}
 .four-col{
     width:22%;
     float:left;
     margin-right:4%;
}
 .last{
     margin-right:0 !important;
}


.iconic-post{
     width:100%;
     float:left;
     padding:0 0 0 200px;
     position:relative;
     min-height:200px;
}

.iconic-post img{
     position:absolute;
     left:0;
     top:0;
     display:block;
     vertical-align:middle;
}






/**********forms**************/
 form{
     margin:0;
     padding:0;
}
 *:focus {
     outline: none;
}
 .fieldset{
     width:100%;
     height:auto;
     padding:15px 20px;
     background-color:#fff;
     display:block;
     border:1px solid rgba(0, 0, 0, 0.2);
     font-weight:400;
     margin:0 0 10px 0;
     color:#6D6D6D;
     font-size:12px;
      font-family: 'Work Sans', sans-serif;
     float:left;
}
 .sendbutton{
     width:auto;
     height:auto;
     border:0;
     outline:0;
     margin:0 5px 0 0;
     float:left;
     color:#fff;
     font-size:18px;
     font-weight:500;
      font-family: 'Work Sans', sans-serif;
     cursor:pointer;
     vertical-align:top;
     padding:15px 25px;
     text-align:center;
     background-color:#BF1E2E;
}
 .sendbutton:hover{
     background-color:#000BF1E2E;
}

 ::-webkit-input-placeholder {
     color: #6D6D6D !important;
}
 :-moz-placeholder {
    /* Firefox 18- */
     color: #6D6D6D !important;
}
 ::-moz-placeholder {
    /* Firefox 19+ */
     color: #6D6D6D !important;
}
 :-ms-input-placeholder {
     color: #6D6D6Df !important;
}


/****************** Slider Caption ******************/
.carousel-caption h1 {
     display: inline-block;
     padding: 5px 10px;
           background-image: linear-gradient(to right, white , #ffffff00);
}
.carousel-caption h2 {
     display: inline-block;
     padding: 5px 10px;
          background-image: linear-gradient(to right, white , #ffffff00);
}

.summary-pad {
    padding-left: 50px;
}

.service-content {
    width: 70%;
    padding:20px;
}

.service-bg-1 {
    width: 100%;
    background-image: url('../images/service-bg-1.jpg');
    margin-bottom: 50px;
    background-repeat: no-repeat;
}
.service-bg-2 {
    width: 100%;
    background-image: url('../images/service-bg-2.jpg');
     margin-bottom: 50px;
     background-repeat: no-repeat;
}
.service-bg-3 {
    width: 100%;
    background-image: url('../images/service-bg-3.jpg');
     margin-bottom: 50px;
     background-repeat: no-repeat;
}
.service-bg-4 {
    width: 100%;
    background-image: url('../images/service-bg-4.jpg');
     margin-bottom: 50px;
     background-repeat: no-repeat;
}
.owl-controls.clickable .owl-buttons div:hover {
    background-color: #bf1e2e !important;
}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {
    background: #c21a2f !important;
    }
    .chairmans-wrap .owl-demo1 .item>aside img {
     width: 100%;
    }
    .chairmans-wrap .owl-demo1 .item summary {
     text-align: left;
     padding-top: 50px;
    }
    .chairmans-wrap .owl-demo1 .item aside {
     text-align: center;
     padding-top: 50px;
    }
    .chairmans-wrap .owl-demo1 .item img {
     width: 80% !important;
    }
    .chairmans-wrap .owl-demo1 .item h1 {
     color: #c21a2f;
     font-size: 30px;
     font-weight: 900;
     background-image: linear-gradient(100deg, #fffcfc, transparent);
     width: 50%;
     padding: 15px;
    }
    .product aside {
     width: 35%;
    }
    .product summary {
     width: 65%;
    }
    
    .career-section span  {
margin-bottom: 20px !important;
    }

    /*********image hover effect ************/
    .hover-effect{
     width:100%;
     float:left;
     position:relative;
     overflow:hidden;
     
}

.hover-effect img {
      width:100%;
      display:block;
  -moz-transition: all 0.9s ease;
  -o-transition: all 0.9s ease;
  -webkit-transition: all 0.9s ease;
  transition: all 0.9s ease;
}
.hover-effect:hover img {
  -moz-transform: scale(1.4, 1.4);
  -ms-transform: scale(1.4, 1.4);
  -webkit-transform: scale(1.4, 1.4);
  transform: scale(1.4, 1.4);

}

.hover-effect:after {
   background:#6E2443;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  content: '';

  opacity: 0.7;
  -webkit-transform: skew(-45deg) scaleX(0);
  -ms-transform: skew(-45deg) scaleX(0);
  transform: skew(-45deg) scaleX(0);
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.hover-effect:hover:after {
  -webkit-transform: skew(-45deg) scaleX(1);
  -ms-transform: skew(-45deg) scaleX(1);
  transform: skew(-45deg) scaleX(1);
  -moz-transition: all 400ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 400ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -webkit-transition: all 400ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 400ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
 
    opacity: 0.1;

}


.under-updation {
     text-align: center;
     padding: 50px 0px;
}
.chairmans-wrap p {
     font-size: 19px;
}
.chairmans-wrap ul li {
     font-size: 16px;
}

/*********medea query 1180**************************************/

 @media only screen and (max-width: 1110px) {
 
     main{
         width:100%;
    }
     .logo, .top-right, social{
         width:100%;
         text-align:center;
         padding:10px;
    }
     .logo img{
         width:100px;
    }
     .email, .call{
         padding:0 20px 0 30px;
         min-height:20px;
         background-size:20px;
         font-size:12px;
    }
     
.diplay-grid{
     width:50%;
     
     
}
}

/***********************980px *************************************/

 @media only screen and (max-width: 800px) {
}

/***********************767px *************************************/
 @media only screen and (max-width: 768px) {
     .two-col, .three-col, .four-col, aside, summary, .intro,.locations,  .copyright, .foot-menu, .footer-right, .footer-left {
         width:100%;
         margin:0 0 25px 0;
    }
     .pad{
         padding:50px 0;
    }
     .para-pad, .pad-both, .pad-left, .pad-right{
         padding:0;
    }
.footer-right, .footer-left{
     padding:0;
     }
.copyright, .foot-menu{
     padding:15px 40px;
     margin:0;
}    
.intro{
     padding:50px;
}
.locations h1{
     position:relative;
     float:left;
     left:auto;
     top:auto;
     width:100%;
     background-color:#000;
}

.iconic-post{
     padding:100px 0 0 0;

}

}
/***********************640 px *************************************/
 @media only screen and (max-width: 640px) {

 .fs30{
     font-size:25px;
}
 .fs26{
     font-size:12px;
}
 .fs20{
     font-size:18px;
}




.plus{
     display:none;
}
.border-rt, .border-top-bottom{
     border:0;
}

.diplay-grid{
     width:100%;
     height:auto;
     border-bottom:1px solid #D3D3D3 !important;
}

.diplay-grid:nth-child(1) {
     border-top:1px solid #D3D3D3 !important;
     }

.chairmans-wrap{
     padding:50px 50px 0 50px;
}

.chairmans-photo{
     width:100%;
     float:left;
     position:relative;
     right:auto;
     bottom:auto;
     text-align:center;
}

}
/***********************480 px *************************************/
 @media only screen and (max-width: 480px) {
     .chairmans-photo img{
     width:90%;
     display:inline-block;
     margin-bottom:-10px;
     }
}
 @media only screen and (max-width: 360px) {
}
 @media only screen and (max-width: 320px) {
}