a { outline:none !important;}

.blue{ color:#0163a3 !important;}
.black{ color:#000 !important;}
.black:hover{ color:#000 !important; text-decoration:none;}
.font-normal{ font-weight:normal !important;}
.f-700{ font-weight:500;}

#Concrete-Structures-slide,
#Steel-Structures-slide,
#Composite-Structures-slide,
#Liquid-Retaining-Structures-slide,
#Machine-Foundations-slide,
#Pavement-Complete-Street-Design,
#Bridges-Slider,
#Seismic-Retrofitting,
#Value-Engineering

{ width:100%; }

#Concrete-Structures-slide .item ,
#Steel-Structures-slide .item,
#Composite-Structures-slide .item,
#Liquid-Retaining-Structures-slide .item,
#Machine-Foundations-slide .item,
#Pavement-Complete-Street-Design .item,
#Bridges-Slider .item,
#Seismic-Retrofitting .item,
#Value-Engineering .item

{
  margin: 5px; 
}
#Concrete-Structures-slide .item img,
#Steel-Structures-slide .item img,
#Composite-Structures-slide .item img,
#Liquid-Retaining-Structures-slide .item img,
#Machine-Foundations-slide .item img,
#Pavement-Complete-Street-Design .item img,
#Bridges-Slider .item img,
#Seismic-Retrofitting .item img,
#Value-Engineering .item img
{
 /* display: block;*/
  width: 100%;
  height: auto;
  min-height:150px;
}


/**/

#Testimonials-slide{}
#Testimonials-slide .item{
  margin: 0px; 
}
#Concrete-Structures-slide .item img{
 /* display: block;*/
  /*width: 100%;*/
 /* height: auto;*/
}

/**/

.detail{ width:100%; background-image:url(../images/g-70.png); padding:5px; position:absolute; top:0; z-index:99;}

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

.detail-slider {
    float:left; width:100%;
    position: relative;
    margin-bottom: 0px;
    overflow: hidden;
    
	margin-bottom:10px;
}
div.detail-slider, .detail-slider div{
    -moz-transition: all .2s;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}
.detail-slider  .description {
   position: absolute;
    bottom: -100%;
    padding: 15px 10px;
    width: 100%;
    height: 100% ;
    background: #e8e8e8;
    color: #333333;
    -moz-transition: all .7s;
    -webkit-transition: all .7s;
    -o-transition: all .7s;
    transition: all .7s;
}

.detail-slider  .description.disp {
    bottom: -75%;
}

.detail-slider  .description  h4{ color:#333333; font-size:11px !important; font-weight:bold; margin-top:-13px !important; line-height:20px; }

.detail-slider  .description p{
    margin-top: -5px !important; font-size:11.5px; line-height:16px;
}
.portfolio-item img, .detail-slider img {
    -moz-transition: all 1.2s;
    -webkit-transition: all 1.2s;
    -o-transition: all 1.2s;
    transition: all 1.2s; width:100%; height:auto; display:block;


}

.detail-slider  .description.disp {
    bottom: -84%;
}

.detail-slider  .description.disp2 {
    bottom: -72%;
}
.detail-slider  .description p{
    margin-top: 20px; 
}


.detail-slider:hover  .description {
    bottom: 0;
}
.detail-slider .description {
    background: #e8e8e8;
}

/**/
/**/


.detail-slider2 {
    float:left; width:100%;
    position: relative;
    margin-bottom: 0px;
    overflow: hidden;
    
	margin-bottom:10px;
}
.detail-slider2  img{ min-height:310px !important; height:auto;}
div.detail-slider2, .detail-slider2 div{
    -moz-transition: all .2s;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}
.detail-slider2  .description2 {
   position: absolute;
    bottom: -100%;
    padding: 15px 10px;
    width: 100%;
    height: 100% ;
    background: #e8e8e8;
    color: #333333;
    -moz-transition: all .7s;
    -webkit-transition: all .7s;
    -o-transition: all .7s;
    transition: all .7s;
}

.detail-slider2  .description2.disp2 {
    bottom: -92%;
}


.detail-slider2  .description2.disp3 {
    bottom: -86%;
}

.detail-slider2  .description2  h4{ color:#333333; font-size:11px !important; font-weight:bold; margin-top:-13px !important; line-height:20px; }

.detail-slider2  .description2 p{
    margin-top: -5px !important; font-size:12px; line-height:16px;
}
.portfolio-item2 img, .detail-slider2 img {
    -moz-transition: all 1.2s;
    -webkit-transition: all 1.2s;
    -o-transition: all 1.2s;
    transition: all 1.2s; width:100%; height:auto; display:block;


}

.detail-slider2  .description.disp2 {
    bottom: -75%;
}
.detail-slider2  .description2 p{
    margin-top: 20px;
}


.detail-slider2:hover  .description2 {
    bottom: 0;
}
.detail-slider2 .description2 {
    background: #e8e8e8;
}

.bod-bottom{ border-bottom:1px solid #e5e5e5; margin-bottom:15px;}
.bod-solid{ border-bottom:1px solid #e5e5e5; margin-bottom:15px; padding-bottom:10px;}
.bod-top{ border-top:1px solid #e5e5e5; margin-top:-38px;}
.bod-up-down{ border-bottom:1px solid #e5e5e5; border-top:1px solid #e5e5e5;}

.inline-block{ display:inline-block;}
p{ line-height:22px; font-size:14px;}

.sep-small{ 
background: url(../images/sep-small.png), url(../images/sep-small.png);
	background-position:left top, right top;
	background-repeat:no-repeat;

}
.footer{ margin-bottom:10px;}
.copy{font-size:12px; color:#333333;}

.footer-nav a{ font-size:12px; color:#333333; line-height:30px;}
.footer-nav span:before{ content:'|'; font-size:12px; margin-left:7px; margin-right:7px;}
.footer-nav a:hover{ color:#0163a3; text-decoration:none;}
.footer-nav a.active{ color:#0163a3; font-weight:bold; text-decoration:none;}

.top-nav{text-align:right; margin-top:25px; display:inline-block; float:right;}
.top-nav a{ font-size:12px; color:#333333; line-height:30px; }
.top-nav span:before{ content:'|'; font-size:12px; margin-left:7px; margin-right:7px;}
.top-nav a:hover{ color:#0163a3; text-decoration:none;}
.top-nav a.active{ color:#0163a3; font-weight:bold; text-decoration:none;}


.text-right{ text-align:right;}

.logo{ display:inline-block;  }
.logo img{}

.gray-bg{ background-color:#e8e8e8; padding:15px 15px 20px 15px; height:322px; margin-bottom:10px;}
.gray-bg h4{ margin-top:0px; font-size:16px; font-weight:bold; }
.gray-bg p{ font-size:13px; }

.home-detail h4{ margin-bottom:20px; }

.logo-desktop{ float:left; }
.logo-mobile{ visibility:hidden; display:none;}

.social img{ opacity:1; }
.social img:hover{ opacity:0.8; }

.black{ color:#333333 !important}
/*.dropdown:hover .dropdown-menu {
    display: block !important;
 }*/
 
.engineering-quotes{ text-align:right;}
.sub-banner-images{ text-align:right;  }
.sub-banner-images img.first-1{margin-left:0px !important; float:left; }
.sub-banner-images img{ margin-left:20px; margin-bottom:10px; display:inline-block;   }
.sub-banner-images:last{ border:1px solid red;}
.sub-banner-images .col-md-4{ text-align:center;}
.engineer-talk{}

.padding-left{ padding-left:0;}
.padding-right{ padding-right:0;}



.breadcrumbs{ padding:12px 0; }
.breadcrumbs a{text-decoration:none; color:#333333;}
.breadcrumbs span{ content:'»'; margin:0 15px;}
.breadcrumbs a:hover{color:#0163a3; }
.breadcrumbs a.current{color:#0163a3;}

.head-bod{ padding-bottom:5px; margin-top:0px;  font-size:18px; color:#0163a3; font-weight:700; padding-top:10px;}
.head-bod{}

/* Contant-Block Images */
.contant-block{  margin-bottom:30px;}
.thumb-img-right{ text-align:right; padding-left:5px;}
.thumb-img-left{ text-align:left;  }
.contant-block .col-md-5{ width:280px; }
.contant-block .col-md-7{ width:63.333333%; }
/**/

ul.list{ margin:0px; padding:0px; font-size:11px; color:#333333;}
ul.list li{ font-size:11px; color:#333333; line-height:18px; margin-left:20px; margin-bottom:5px; font-weight:bold;}
ul.list li a{ color:#333333; text-decoration:none;}
ul.list li a:hover{ color:#0163a3; font-weight:bold;}
ul.list li a.active{color:#0163a3; font-weight:bold;}


ul.list-about{ margin:0px; padding:0px; font-size:11px; color:#333333;}
ul.list-about li{ font-size:14px; color:#333333; line-height:18px; margin-left:5px; margin-bottom:7px; margin-top:7px; font-weight:bold; list-style:none;}
ul.list-about li a{ color:#333333; text-decoration:none;}
ul.list-about li a:hover{ color:#0163a3; font-weight:bold;}
ul.list-about li a.active{color:#0163a3; font-weight:bold;}


ul.list-three{ margin:0px; padding:0px; font-size:14px; color:#333333;}
ul.list-three li{ font-size:14px; color:#333333; line-height:30px;  padding-left:10px; margin-left:0px;}
ul.list-three li a{ color:#333333; text-decoration:none;}
ul.list-three li a:hover{ color:#0163a3; font-weight:bold;}
ul.list-three li a.active{color:#0163a3; font-weight:bold;}

ul.list-four{ margin:0px 0px 0px 20px; padding:0px; font-size:14px; color:#333333;}
ul.list-four li{ font-size:14px; color:#333333; line-height:30px;  padding-left:0px; margin-left:0px;}
ul.list-four li a{ color:#333333; text-decoration:none;}
ul.list-four li a:hover{ color:#0163a3; font-weight:bold;}
ul.list-four li a.active{color:#0163a3; font-weight:bold;}

ul.list-small{ margin:0px; padding:0px; font-size:14px; color:#333333;}
ul.list-small li{ font-size:13px; color:#333333; line-height:normal; list-style-type:none; margin-bottom:5px;}
ul.list-small li a{ color:#333333; text-decoration:none;}
ul.list-small li a:hover{ color:#0163a3; font-weight:bold;}
ul.list-small li a.active{color:#0163a3; font-weight:bold;}

ul.list-testi{ margin:5px 0px 10px 0px; padding:0px; font-size:14px; color:#333333; }
ul.list-testi li{ font-size:13px; color:#333333; line-height:normal; list-style-type:none; margin-left:5px; margin-bottom:8px;}
ul.list-testi li a{ color:#333333; text-decoration:none;}
ul.list-testi li a:hover{ color:#0163a3; font-weight:bold;}
ul.list-testi li a.active{color:#0163a3; font-weight:bold;}

ul.list-small li ul{ margin-left:10px; padding-left:17px;}
ul.list-small li ul li{  margin-left:0px;}
ul.list-small li ul li.blue{ list-style-type:circle;}


.left-nav a{ text-decoration:none !important;}
.left-nav  .collapse{ }

.left-nav .collapsed .fa-plus-square:before {
	content:"\2b" 
}

.fa-minus-square:before {
	content:"\2212"
}

.fa-plus:before {
	content:"\2212"
}
.left-nav .collapse{ }
.fa-plus-square:before {
	content:"\2212"
}

.panel-title{}

.right-penal{ border-left:1px solid #dddddd;}
.left-penal{ border-right:0px solid #dddddd;}

.bold{ font-weight:bold; text-align:left; line-height:18px;}
h5{ margin-top:0px; line-height:40px; text-align:center;}

ol li{ margin-bottom:10px; }

.panel-heading h4{ font-size:14px;}
.box{ border:1px solid #ddd; background:#f7f7f7; margin-bottom:10px;}
.box > span{ display:block; padding:0px 10px; }
.box p{ margin-bottom:10px;}

.sub-header{background-color:#0163a3; color:#fff;}

#MyLiveChatContainer{ position:fixed; bottom:0px; right:10px;}

.vpb_success{width:390px;font-size:11px;padding:10px;background:#FFFFB7;border:1px solid #F1F1F1;box-shadow:0 0 20px #cbcbcb;-moz-box-shadow:0 0 20px #cbcbcb;-webkit-box-shadow:0 0 20px #cbcbcb;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;line-height:20px;}
.vpb_info{text-align:left;border:1px solid #999;padding:8px 10px 8px 10px;font-size:12px ;-moz-box-shadow:0 0 5px #888;-webkit-box-shadow:0 0 5px#888;box-shadow:0 0 5px #888;text-shadow:2px 2px 2px #ccc;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;font-family:'Roboto', sans-serif;font-size:13px;line-height:20px;font-weight:600;color:#FF0000;background:#FFF;}

.sitemap{ padding-left:10px; text-align: left;}
.sitemap h4{ font-size:14px; font-weight:normal;}
.sitemap a{ color:#000; font-size:11px;}
.sitemap a:hover{ color:#0163a3; text-decoration:none;}
.sitemap div{
	width: 300px;
	display: inline-block;
	vertical-align: top;
	text-align: left;
	margin-bottom: 20px;
}
.sitemap div{
	width: 285px;
}

@media (max-width:991px){

.contant-block br{ display:none;}
.col-md-8 h5{ }
}