.colortest1{
  color: #f00;
}
.social_link{
  color: #fff;
}
.social_link:hover,.social_link:focus{
  color: #fff;
  text-decoration: underline;
}
.slider img{
  width: 100%;
}
.imglname{
  margin-top: 35px;
}
.fancybox-slide.watermark .fancybox-spaceball {
  background-size: cover;
  background-repeat: no-repeat;
}
/*/////////////*/
.pprofile,.pportfolio,.contact,.service,.aboutus {
  background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAFfKj/FAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAlQTFRF4OXp8PX50NXZBLxR6QAAAEhJREFUeNpiYGJgYGACCCAGMAAIIDiDCSCAGLAAgABCEcbBBAggGIORQhogwNCcwIjddKgQI6ojUbkgWSYMo+BCjKiOR9PLBAAchAAxHFDBbwAAAABJRU5ErkJggg==');}

/*//////////responsive embed video////////*/
.youtube-embed {
  position: relative;
  padding-bottom: 56%;
  width: 100%;
  text-align: left;
}

.youtube-embed iframe {
  width: 100%;
  position: absolute;
  height: 100%;
  overflow: hidden;
}

a,a:hover,a:focus{
  outline: unset;
  text-decoration: unset;
}
.footer .scrollToTop{
    display: block;
    position: fixed;
    bottom: 5px;
    right: 5px;
    background-color: #FF8C00;
    cursor: pointer;
    font-size: 24px;
    font-weight: bold;
    width: 50px;
    height: 49px;
    text-align: center;
    border: 1px solid #fff;
    border-radius: 50%;
    opacity: 0.7;
}
 .footer .scrollToTop .glyphicon{
    color: #fff;
    font-size: 15px;
    top: 5px;
}
.projects .hovereffect {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
}

.projects .hovereffect .overlay {
  position: absolute;
  overflow: hidden;
  width: 80%;
  height: 80%;
  left: 10%;
  top: 10%;
  border-bottom: 1px solid #FF8C00;
  border-top: 1px solid #FF8C00;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: scale(0,1);
  -ms-transform: scale(0,1);
  transform: scale(0,1);
}

.projects .hovereffect:hover .overlay {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.projects .hovereffect img {
  display: block;
  position: relative;
  -webkit-transition: all 0.35s;
  transition: all 0.35s;
}

.projects .hovereffect:hover img {
  filter: brightness(0.4);
  -webkit-filter: brightness(0.4);
}

.projects .hovereffect h2 {
  text-transform: uppercase;
  text-align: center;
  position: relative;
  font-size: 17px;
  background-color: transparent;
  color: #fff;
  margin-top: 60px;
  padding: 1em 0;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(0,-100%,0);
  transform: translate3d(0,-100%,0);
}
.projects .hovereffect:hover h2 {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}
/***********About Us************/
.aboutus{
  padding: 20px 0px 30px 0px;
}
.aboutus h1{
  font-family: "Playfair Display","Times New Roman",Times,serif;
  text-align: center;
  font-size: 30px;
}
.aboutus h2{
  font-family: "Playfair Display","Times New Roman",Times,serif;
  text-align: center;
}
.aboutus .imgline{
  margin: 0 auto;
  padding-bottom: 40px;
}
.aboutus h3{
  text-align: center;
}
.aboutus .imgchart{
  margin: 0 auto;
}
.aboutus h4{
  color:  #FF8C00;
  /*text-transform: uppercase;*/
}
.aboutus .p-top-20{
  padding-top: 20px;
}


/***********Our Services*************/

.grid-annoying {
  margin-top: 20px;
  margin-bottom: 120px;
}
.grid-annoying li {
  display: inline-block;
  position: relative;
  margin: 31px -44px 85px 0;
  overflow: hidden;
  width: 200px;
  height: 200px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.grid-annoying li > a > img {
  -webkit-transform: rotate(-45deg) translateY(-23%);
          transform: rotate(-45deg) translateY(-23%);
}
.grid-annoying li:nth-child(even) {
  top: 161px;
}
.grid-annoying li a img {
  display: block;
  max-width: 145%;
}
.service ul li{
  list-style: square;
  color: #FF8C00;
}
.service ul li p{
  color: #333;
}
.service{
  padding: 20px 0px;
}
.service h3{
  font-style: bold;
  font-size: 20px;
}
.service h4{
  font-size: 18px;
}
.land-survey{
padding-bottom: 20px;
}
.land-survey .row-top-20{
  margin-top: 20px;
}
.land-survey .land1{
  margin-top: 80px;
}
.land-survey .land2{
  margin-top: 80px;
}
/*.service .oservice{
  margin-top: 50px;
}*/
.service h2{
  font-family: "Playfair Display","Times New Roman",Times,serif;
  /*margin-bottom: 40px;*/
  text-align: center;
}
.service h3.service-equipment{
  text-align: left;
  margin-bottom: 20px;
  font-size: 20px;
}
.service h1{
  font-family: "Playfair Display","Times New Roman",Times,serif;
  text-align: center;
  font-size: 30px;
}
.service .imgline{
  margin: 0 auto;
  padding-bottom: 40px;
}
.service .container-fluid{
 padding-left: 0px;
}
.container-full {
  margin: 0 auto;
  width: 100%;
}
.service .icon-color{
  color: #FF8C00;
}
.service table tbody th{
  text-align: center;
}
.service .table-bordered {
    border: 1px solid #cbcabc;
}
.service .table-bordered > thead > tr > th,
.service  .table-bordered > tbody > tr > th,
.service  .table-bordered > tfoot > tr > th,
.service  .table-bordered > thead > tr > td,
.service  .table-bordered > tbody > tr > td,
.service  .table-bordered > tfoot > tr > td {
    border: 1px solid #cbcabc;
}

/**********Project Profile************/
.pprofile{
  padding: 20px 0px;
}
.pprofile .rowpadding{
  padding-top: 20px;
}
.pprofile .imgcenter{
  margin: 0 auto;
}
.pprofile .kfw{
  padding-top: 20px;
}
.pprofile .ppclient{
  padding: 0px 0px 20px 0px;
}
.pprofile .carousel-control {
  width: auto;
  background-color: #f00;
}
.pprofile #exTab1 .tab-content {
  color : white;
  background-color: #fff;
  padding : 5px 15px;
  margin-top: 20px;
}
.pprofile #exTab1 .nav-pills{
  text-align: center;
}
.pprofile #exTab1 .nav-pills li{
   float:none;
    display:inline-block;
    zoom:1;
}
.pprofile #exTab1 .nav-pills > li > a {
  border-radius: 20px;
}
.pprofile .nav-pills > li a{
  color: #FF8C00;
    background-color: #fff;
}
.pprofile .nav-pills > li a:hover{
  color: #fff;
    background-color: #FF8C00;
}
.pprofile .nav-pills > li.active > a,.pprofile  .nav-pills > li.active > a:hover,.pprofile  .nav-pills > li.active > a:focus {
    color: #fff;
    background-color: #FF8C00;
}
.pprofile #exTab1 .tab-content {
  color : white;
  background-color: transparent;
  padding : 5px 15px;
}
.pprofile #clientCarousel {
  padding-top: 20px;
  padding-bottom: 20px;
  border-radius: 20px;
  border-top: 1px solid #cbcabc;
  border-bottom: 1px solid #cbcabc;
}
.pprofile .carousel-control .glyphicon-chevron-left{
    width: 40px;
    height: 40px;
    margin-top: -15px;
    margin-left: -15px;
    font-size: 22px;
    background-color: #FF8C00;
    padding-top: 8px;
}
.pprofile .carousel-control.left {
    left: -5px;
    }
.pprofile .carousel-control.right {
    right: -18px;
    }
.pprofile .carousel-control .glyphicon-chevron-right{
    width: 40px;
    height: 40px;
    margin-top: -15px;
    margin-left: -15px;
    font-size: 22px;
    background-color: #FF8C00;
    padding-top: 8px;
}
.pprofile h2{
  font-family: "Playfair Display","Times New Roman",Times,serif;
  /*margin-bottom: 40px;*/
  text-align: center;
}
.pprofile h1{
  font-family: "Playfair Display","Times New Roman",Times,serif;
  font-size: 30px;
  text-align: center;
}
.pprofile .imgline{
  margin: 0 auto;
  padding-bottom: 40px;
}
.pprofile table th,.pprofile table td{
  text-align: center;
}
.pprofile .hide-border{
  border: unset;
}
.pprofile table thead{
  background-color: #F48E11B3;
  color:  #fff;
}
.pprofile table tbody th{
  color: #FF8C00;
}
.pprofile .table-bordered {
    border: 1px solid #cbcabc;
}
.pprofile .table-bordered > thead > tr > th,
.pprofile  .table-bordered > tbody > tr > th,
.pprofile  .table-bordered > tfoot > tr > th,
.pprofile  .table-bordered > thead > tr > td,
.pprofile  .table-bordered > tbody > tr > td,
.pprofile  .table-bordered > tfoot > tr > td {
    border: 1px solid #cbcabc;
}
.pprofile .panel,.about .panel{
  border: unset !important;
  box-shadow: unset;
}
.pprofile .btndownload,.about .btnmore {
  border-radius: unset;
  font-family: "Playfair Display","Times New Roman",Times,serif;
  padding: 12px 15px;
  color:#454545;background:transparent;border-width:2px;border-style: solid;border-color: #454545;position:relative;margin-top: 10px;display:inline-block;padding:0.5em 1em;transition:all 0.3s ease-in-out;text-align:center;
font-weight:bold}
.pprofile .btndownload:before,.pprofile  .btndownload:after,
.about .btnmore:before,.about  .btnmore:after  
{content:'';display:block;position:absolute;border-color:#454545;box-sizing:border-box;border-style:solid;width:1em;height:1em;transition:all 0.3s ease-in-out}
.pprofile .btndownload:before,
.about .btnmore:before {
  top:-6px;left:-6px;border-width:2px 0 0 2px;z-index:5;}
.pprofile .btndownload:after,
.about .btnmore:after {bottom:-6px;right:-6px;border-width:0 2px 2px 0;}
.pprofile .btndownload:hover:before,
.pprofile  .btndownload:hover:after,
.about .btnmore:hover:before,
.about  .btnmore:hover:after {width:calc(100% + 12px);
  height:calc(100% + 12px);border-color:#fff}
.pprofile .btndownload:hover,
.about .btnmore:hover {color:#353535;background-color:#fff;border-color:#fff;}
.pprofile .panel,.about .panel {background-color: transparent;position:relative;margin:auto;}

.pprofile .pink .btndownload,.about .pink .btnmore {
  color:#FF8C00;border-color:#FF8C00}
.pprofile .pink .btndownload:before,
.pprofile  .pink .btndownload:after,
.about .pink .btnmore:before,
.about  .pink .btnmore:after  {
  border-color:#FF8C00;}
.pprofile .pink .btndownload:hover:before,
.pprofile  .pink .btndownload:hover:after,
.about .pink .btnmore:hover:before,
.about  .pink .btnmore:hover:after {border-color:#FF8C00;}
.pprofile .pink .btndownload:hover,
.about .pink .btnmore:hover {color:#fff;background-color:#FF8C00;border-color:#FF8C00;}
.pprofile .pink .panel,.about .pink .panel  {text-align:center;position:relative;margin:auto;}
.custom-flex{
  display: flex;
  flex-wrap: wrap;
  row-gap: 20px;
}
/************Project Portfolio***********/
.pportfolio{
  padding:20px 0px;
}
.pportfolio h1{
  font-family: "Playfair Display","Times New Roman",Times,serif;
  text-align: center;
}
.imgbg{
  position: absolute;
}
.pjtitle h3{
  position: relative;
  margin-left: 10%;
  color: #000;
  margin-top: 15px;
}
.pportfolio .rowpadding{
  padding-top: 15px;
}
.pportfolio .imgline{
  margin: 0 auto;
  padding-bottom: 40px;
}
/*//////////////*/
.panel-heading{

}
#accordion .panel {
  margin-bottom: 20px;
  border-radius: 0;
  border: 0;
  margin-top: 0px;
}
#accordion a {
  color: #FF8C00;
  /*background-image: url(/img/bg1.jpg);*/
  background-repeat: repeat-x;
  background-size: cover;
  display: block;
  padding: 15px 15px;
  text-decoration: none;
}
#accordion .panel-body a {
  padding: 0px;
}
#accordion .railway-accordion {
  background-image: url(/img/bg-railway.jpg);
  background-repeat: repeat-x;
}
#accordion a.accordion1 {
  background-image: url(/img/bg_eroad1.jpg);
  background-repeat: repeat-x;
}
#accordion a.accordion2 {
  background-image: url(/img/bg_canal.jpg);
  background-repeat: repeat-x;
}
#accordion a.accordion3 {
  background-image: url(/img/bg_road1.jpg);
  background-repeat: repeat-x;
}
#accordion a.accordion4 {
  background-image: url(/img/bg_bridge.jpg);
  background-repeat: repeat-x;
}
#accordion a.accordion5 {
  background-image: url(/img/bg_piling1.jpg);
  background-repeat: repeat-x;
}
#accordion a.accordion6 {
  background-image: url(/img/bg_bituminous.jpg);
  background-repeat: repeat-x;
}
#accordion a.accordion7 {
  background-image: url(/img/bg_concrete1.jpg);
  background-repeat: repeat-x;
}
#accordion .panel-heading a.collapsed:hover,
#accordion .panel-heading a.collapsed:focus {
  transition: all 0.2s ease-in;
}
.panel-group .panel-heading + .panel-collapse .panel-body {
    border: 1px solid #ddd;
}
#accordion .panel-heading {
  padding: 0;
  border-radius: 0px;
  text-align: center;
}
#accordion .panel-heading a:not(.collapsed) {
  color: #FF8C00;
  transition: all 0.2s ease-in;
}

/* Add Indicator fontawesome icon to the left */
/*#accordion .panel-heading .accordion-toggle::before {
  font-family: 'FontAwesome';
  content: '\f00d';
  float: left;
  color: white;
  font-weight: lighter;
  transform: rotate(0deg);
  transition: all 0.2s ease-in;
}
#accordion .panel-heading .accordion-toggle.collapsed::before {
  color: #444;
  transform: rotate(-135deg);
  transition: all 0.2s ease-in;
}*/
/*********** Contact Us *************/
.contact{
  padding: 10px 0px 20px 0px;
}
.contact h1{
  font-family: "Playfair Display","Times New Roman",Times,serif;
  text-align: center;
}
.contact .imgline{
  margin: 0 auto;
  padding-bottom: 40px;
}
.contact h4{
   color: #000;
}
.contact .address-padding{
  margin-top: 55px;
}
.contact .add1 p,.contact .add2 p,.contact .add3 p{
  margin-left: -20px;
}
.contact .fa{
  font-size: 20px;
  color: #FF8C00;
}
.form-control{
  height: 40px;
  border-radius: 0px;
}
.form-horizontal .form-group {
    margin-left: 0px;
    margin-right: 0px;
}
.contact .btnsubmit{
  color: #fff;
  text-transform: uppercase;
  padding: 15px;
  border: 2px solid #FF8C00;
  background-color: #FF8C00;
}
.contact .btnsubmit:hover{
  color: #FF8C00;
  background-color: #fff;
}
/*/////////////////////////////////*/
.otherslider{
  background-size: cover;
  
}
.otherslider img{
  width: 100%;
}
.page-title{
  padding: 10px;
  background-color: #F7F7F7;
  border-bottom: 1px solid #e5e5e5;
  /*text-transform: capitalize;*/
}
.breadcrumb {
   /* padding: 20px 15px;*/
    margin-bottom: 0px;
    list-style: none;
    background-color: transparent;
    border-radius: 4px;
}
.page-title .page-title-heading h2{
  font-size: 18px;
  font-weight: 600;
}
.breadcrumb li a{
  color: #FF8C00;
}

.banner
{
  background-color: #FFF; 
}

/*.logo {
  z-index: 999;
  top: -43px;
}

.vshape{    
  width: 46%;
  height: 50%;
  border-left: 60px solid transparent;
  border-right: 60px solid transparent;
  border-top: 53px solid #fff;
  top: -3px;
  position: relative;
  left: -10px;
  z-index: 222;
}*/

/*********************** Menu ********************/
.menu-bg{
  background-color:#252525;
  margin-top: 35px;
}

.navbar-default{
  background-color: #252525;
}
.banner .rlogo{
  /*padding-top: 20px;
  padding-bottom: 20px;*/
}
.banner .rlogo .imglogo{
  position: absolute;
  z-index: 999;
}
.banner .cname img{
  /*margin-top: 40px;*/
}
.banner .cname{
 color: #FF8C00;
 margin-top: 20px;
}
.banner .pright{
  text-align: right;
  margin-top: 40px;
}
.banner .fa{
  color: #FF8C00;
}
.cname {
    background: -webkit-gradient(linear,left top,right top,from(#ff8a00),to(#da1b60));
    background: linear-gradient(to right,#e9a658,#f00);
        background-clip: border-box;
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: bold;
}
.banner h4{
  font-family: Maiandra GD;
  color: #000;
}
.navbar{
  margin-bottom: 0px;
}

.navbar-default .navbar-nav > li > a{
  color:#FFF;
}


.navbar-default {  
    border-color: #252525;
}

.navbar-ul
{
  float: right;
  font-family: Maiandra GD;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover{
  background-color: #252525;
}

.carousel-control.right, .carousel-control.left{
  background-image:none;
}

.content {
  padding:30px 0px;
  text-align: justify;
}

.content h1{
  margin-top:5px;
  margin-bottom: 10px;
  text-transform: uppercase;
  font-weight: bold;
}

.content img{
  float: left;
  padding-right:20px;
}
.content ul{
  list-style: none;
  font-family: Maiandra GD;
  line-height: 25px;
}

h1{
  font-size: 28px;
}

p{
  font-family: Maiandra GD;
  line-height: 25px;
}
table tr td,table tr th{
  font-family: Maiandra GD;
  line-height: 25px;
}
#exTab1 a{
  font-family: Maiandra GD;
}
a.net
{
  color: #ddd;

}

.content a.more{
  float: right;
  color:#333;
  font-weight: bold;
  text-decoration: underline;
  font-family: Maiandra GD;
}
.content a.more:hover,.content a.more:focus{
  color: #FF8C00;
}

.m-top-50
{
  margin-top: 50px;
}
.video-top{
  margin-top: 50px;
}
.p-top-30
{
  padding-top: 30px;
}
.p-b-20
{
  padding-bottom: 20px;
}
.m-top-20
{
  margin-top: 20px;
}
.m-b-20
{
  margin-bottom: 20px;
}
.m-top-30
{
  margin-top: 30px;
}
.m-b-30
{
  margin-bottom: 30px;
}
.m-b-40
{
  margin-bottom: 40px;
}
.m-top-100
{
  margin-top: 100px;
}
.p-b-50
{
  padding-bottom: 50px;
}
.p-top-10
{
  padding-top: 10px;
}

.p-top-30{
  padding-top: 30px;
}

.m-b-10
{
  margin-bottom: 0px;
}

.m-t-50{
  margin-top:50px;
}

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

.projects h1{
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  position: relative;
  font-size: 22px;
}
/********************Footer ************************/
 .footer{
  background-color: #252525;
  color:#FFF;
}
.footer .footer-mtop{
  padding-top: 10px;
}
.footer .imgright{
  float: right;
}
p.text-right{
  text-align: right;
}

/***************************************************** color 5 ************************************************/

body.color5 .navbar-default .navbar-nav > .active > a, body.color5.navbar-default .navbar-nav > .active > a:focus, body.color5 .navbar-default .navbar-nav > .active > a:hover 
{
    /*color: #5fbfd7;*/
    color: #FF8C00;
}


body.color5 .navbar-default .navbar-nav > li > a:focus,body.color5 .navbar-default .navbar-nav > li > a:hover 
{
    /*color: #5fbfd7;*/ 
    color: #FF8C00;  
}

body.color5.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover{
  background-color:transparent;
}

body.color5 .content1 h1{       
  /*background-image: url('../img/hicon1.png');*/
  /*background-image: url('../img/color5/com-icon.png');*/
  background-position: 0% 0%;
  background-repeat: no-repeat;
  font-size: 22px;
  font-weight: bold;
  color: #5d5d5d;
  height: 50px;
  padding: 10px 0px 25px 60px;
  font-family: "Playfair Display","Times New Roman",Times,serif;
  }
  body.color5 .content1 h1.pportfolio{       
  background-image: url('../img/home-icon1.png');
  }
   body.color5 .content1 h1.wedo{       
  background-image: url('../img/hicon2.png');
  }
   body.color5 .content1 h1.oservice{       
  background-image: url('../img/hicon3.png');
  }
body.color5 div.about h1{
  color: #FF8C00;
  font-family: "Playfair Display","Times New Roman",Times,serif;
}
body.color5 div.about .habout{
  margin-top: 30px;
}

body.color5 div.about .readmore a{
  width: 30%;
  color:#FFF;
  background-color: #FF8C00;
  padding:10px;
}
/*.about .btnmore {
  border-radius: unset;
  font-family: "Playfair Display","Times New Roman",Times,serif;
  padding: 12px 15px;
  color:#454545;background:transparent;border-width:2px;border-style: solid;border-color: #454545;position:relative;margin:1em;display:inline-block;padding:0.5em 1em;transition:all 0.3s ease-in-out;text-align:center;
font-weight:bold}
.about .btnmore:before,.about .btnmore:after {content:'';display:block;position:absolute;border-color:#454545;box-sizing:border-box;border-style:solid;width:1em;height:1em;transition:all 0.3s ease-in-out}
.about .btnmore:before {top:-6px;left:-6px;border-width:2px 0 0 2px;z-index:5;}
.about .btnmore:after {bottom:-6px;right:-6px;border-width:0 2px 2px 0;}
.about .btnmore:hover:before,.about .btnmore:hover:after {width:calc(100% + 12px);
  height:calc(100% + 12px);border-color:#fff}
.about .btnmore:hover {color:#353535;background-color:#fff;border-color:#fff}
.about .panel {background-color: transparent;position:relative;margin:auto;}


.about .pink .btnmore {color:#FF8C00;border-color:#FF8C00}
.about .pink .btnmore:before,.about .pink .btnmore:after  {border-color:#FF8C00}
.about .pink .btnmore:hover:before,.about .pink .btnmore:hover:after {border-color:#FF8C00;}
.about .pink .btnmore:hover {color:#fff;background-color:#FF8C00;border-color:#FF8C00;}
.about .pink .panel {text-align:center;position:relative;margin:auto;}*/
body.color5 .projects h1{
  color: #FF8C00;
  font-family: "Playfair Display","Times New Roman",Times,serif;
}

body.color5 .projects h1:before,
body.color5 .projects h1:after {
 background-color: #ddd;
 content: "";
 display: inline-block;
 height: 1px;
 position: relative;
 vertical-align: middle;
width: 37%;
}

body.color5 .projects h1:before {
 right: 0.5em;
 margin-left: -50%;
}

body.color5 .projects h1:after {
 left: 0.5em;
 margin-right: -50%;
}


/************************************************** color 4 ***************************************************/

body.color4 .navbar-default .navbar-nav > .active > a, body.color4.navbar-default .navbar-nav > .active > a:focus, body.color4 .navbar-default .navbar-nav > .active > a:hover 
{
    color: #ff8800;
}


body.color4 .navbar-default .navbar-nav > li > a:focus,body.color4 .navbar-default .navbar-nav > li > a:hover 
{
    color: #ff8800;   
}

body.color4.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover{
  background-color:transparent;
}

body.color4 .content1 h1{       
  background-image: url('../img/color4/com-icon.png');
  background-position: 0% 0%;
  background-repeat: no-repeat;
  font-size: 22px;
  font-weight: bold;
  color: #5d5d5d;
  height: 50px;
  padding: 10px 0px 25px 60px;
  }

body.color4 div.about h1{
  color:#ff8800;
}

body.color4 div.about .readmore a{
  width: 30%;
  color:#FFF;
  background-color: #ff8800;
  padding:10px;
}

body.color4 .projects h1{
  color:#ff8800;
}

body.color4 .projects h1:before,
body.color4 .projects h1:after {
 background-color: #ddd;
 content: "";
 display: inline-block;
 height: 1px;
 position: relative;
 vertical-align: middle;
width: 37%;
}

body.color4 .projects h1:before {
 right: 0.5em;
 margin-left: -50%;
}

body.color4 .projects h1:after {
 left: 0.5em;
 margin-right: -50%;
}

/*************************************************** color 3 *************************************************/

body.color3 .navbar-default .navbar-nav > .active > a, body.color3.navbar-default .navbar-nav > .active > a:focus, body.color3 .navbar-default .navbar-nav > .active > a:hover 
{
    color: #52a500;
}


body.color3 .navbar-default .navbar-nav > li > a:focus, body.color3 .navbar-default .navbar-nav > li > a:hover {
    color: #52a500;
}

body.color3.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover{
  background-color:transparent;
}

body.color3 .content1 h1{       
  background-image: url('../img/color3/com-icon.png');
  background-position: 0% 0%;
  background-repeat: no-repeat;
  font-size: 22px;
  font-weight: bold;
  color: #5d5d5d;
  height: 50px;
  padding: 10px 0px 25px 60px;
  }

body.color3 div.about h1{
  color:#004273;
}

body.color3 div.about .readmore a{
  width: 30%;
  color:#FFF;
  background-color: #004273;
  padding:10px;
}

body.color3 .projects h1{
  color:#004273;
  font-size: 22px;
}

body.color3 .projects h1:before,
body.color3 .projects h1:after {
 background-color: #ddd;
 content: "";
 display: inline-block;
 height: 1px;
 position: relative;
 vertical-align: middle;
width: 37%;
}

body.color3 .projects h1:before {
 right: 0.5em;
 margin-left: -50%;
}

body.color3 .projects h1:after {
 left: 0.5em;
 margin-right: -50%;
}

/**************************************************** color 2 ************************************************/

body.color2 .navbar-default .navbar-nav > .active > a, body.color2.navbar-default .navbar-nav > .active > a:focus, body.color2 .navbar-default .navbar-nav > .active > a:hover 
{
    color: #019587;
}

body.color2 .navbar-default .navbar-nav > li > a:focus,body.color2 .navbar-default .navbar-nav > li > a:hover 
{
    color: #019587;   
}

body.color2.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover{
  background-color:transparent;
}

body.color2 .content1 h1{       
  background-image: url('../img/color2/com-icon.png');
  background-position: 0% 0%;
  background-repeat: no-repeat;
  font-size: 22px;
  font-weight: bold;
  color: #026c61;
  height: 50px;
  padding: 10px 0px 25px 60px;
  }

body.color2 div.about h1{
  color:#026c61;
}

body.color2 div.about .readmore a{
  width: 30%;
  color:#FFF;
  background-color: #026c61;
  padding:10px;
}

body.color2 .projects h1{
  color:#026c61;
}

body.color2 .projects h1:before,
body.color2 .projects h1:after {
 background-color: #ddd;
 content: "";
 display: inline-block;
 height: 1px;
 position: relative;
 vertical-align: middle;
width: 37%;
}

body.color2 .projects h1:before {
 right: 0.5em;
 margin-left: -50%;
}

body.color2 .projects h1:after {
 left: 0.5em;
 margin-right: -50%;
}
#inneraccordion .panel-heading {
  background: #333;
  padding: 11px;
  border-radius: 3px;
}
#inneraccordion .panel-heading a {
  color: #fff;
}
#inneraccordion .panel {
  margin-bottom: 15px;
}
/**************************************************** color 1 ************************************************/

body.color1 .navbar-default .navbar-nav > .active > a, body.color1.navbar-default .navbar-nav > .active > a:focus, body.color1 .navbar-default .navbar-nav > .active > a:hover 
{
    color: #cd1646;
}

body.color1 .navbar-default .navbar-nav > li > a:focus,body.color1 .navbar-default .navbar-nav > li > a:hover 
{
    color: #cd1646;   
}

body.color1.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover{
  background-color:transparent;
}

body.color1 .content1 h1{       
  background-image: url('../img/color1/com-icon.png');
  background-position: 0% 0%;
  background-repeat: no-repeat;
  font-size: 22px;
  font-weight: bold;
  color: #cd1646;
  height: 50px;
  padding: 10px 0px 25px 60px;
  }

body.color1 div.about h1{
  color:#cd1646;
}

body.color1 div.about .readmore a{
  width: 30%;
  color:#FFF;
  background-color: #cd1646;
  padding:10px;
}

body.color1 .projects h1{
  color:#cd1646;
}

body.color1 .projects h1:before,
body.color1 .projects h1:after {
 background-color: #ddd;
 content: "";
 display: inline-block;
 height: 1px;
 position: relative;
 vertical-align: middle;
width: 37%;
}

body.color1 .projects h1:before {
 right: 0.5em;
 margin-left: -50%;
}

body.color1 .projects h1:after {
 left: 0.5em;
 margin-right: -50%;
}

/**************************************Media Query****************************************/
@media (min-width:1200px){
  
}
@media (min-width:992px) and (max-width:1200px){
  .land-survey .land1{
  margin-top: 20px;
}
 .land-survey .land2{
  margin-top: 20px;
}
  #accordion a.accordion1 {
  background-image: url(/img/bg_eroad.jpg);
  background-repeat: repeat-x;
}
#accordion a.accordion3 {
  background-image: url(/img/bg_road.jpg);
  background-repeat: repeat-x;
}
#accordion a.accordion5 {
  background-image: url(/img/bg_piling.jpg);
  background-repeat: repeat-x;
}
#accordion a.accordion7 {
  background-image: url(/img/bg_concrete.jpg);
  background-repeat: repeat-x;
}
  .projects .hovereffect h2 {
    margin-top: 35px;
  }
  .video-top{
  margin-top: 70px;
}
.menu-bg {
    margin-top: 30px;
}
.grid-annoying li:nth-child(even) {
  top: 0px;
}
.grid-annoying li.md-change{
  top: 160px;
}
}
@media (min-width:768px) and (max-width:992px){
  .land-survey .row-top-20 {
    margin-top: 0px;
}
  .land-survey .land1{
  margin-top: 0px;
}
.land-survey .land2{
  margin-top: 0px;
}
   #accordion a.accordion1 {
  background-image: url(/img/bg_eroad.jpg);
  background-repeat: repeat-x;
}
#accordion a.accordion3 {
  background-image: url(/img/bg_road.jpg);
  background-repeat: repeat-x;
}
#accordion a.accordion5 {
  background-image: url(/img/bg_piling.jpg);
  background-repeat: repeat-x;
}
#accordion a.accordion7 {
  background-image: url(/img/bg_concrete.jpg);
  background-repeat: repeat-x;
}
  .menu-bg {
    margin-top: 30px;
}
.content {
    text-align: unset;
}
.projects .hovereffect h2 {
  font-size: 14px;
  margin-top: 25px;
  }
    .service .row-top-20{
  padding-top: 20px;
}
}
@media (max-width:767px){
   .land-survey .land1{
  margin-top: 0px;
  padding-bottom: 10px;
}
.land-survey .land2{
  margin-top: 0px;
   padding-bottom: 10px;
}
.land-survey .row-top-20 {
    margin-top: 0px;
}
.imglname {
    margin-top: 25px;
}
    #clientCarousel1 {
    height: 90px;
}
  .footer .imgright{
  float: left;
}
p.text-right {
    text-align: left;
}
  .contact .address-padding {
    margin-top: 0px;
}
  .pd-top-20{
    padding-top: 20px;
  }
   #accordion a.accordion1 {
  background-image: url(/img/bg_eroad.jpg);
  background-repeat: repeat-x;
}
#accordion a.accordion3 {
  background-image: url(/img/bg_road.jpg);
  background-repeat: repeat-x;
}
#accordion a.accordion5 {
  background-image: url(/img/bg_piling.jpg);
  background-repeat: repeat-x;
}
#accordion a.accordion7 {
  background-image: url(/img/bg_concrete.jpg);
  background-repeat: repeat-x;
}
  .pprofile #exTab1 .nav-pills li {
    margin-bottom: 15px;
}
  .pprofile .ppclient .img-margin{
    margin-top: 20px;
  }
  .pprofile .mg-top-20{
    margin-top: 20px;
  }
  .pprofile .carousel-control .glyphicon-chevron-left{
    width: 40px;
    height: 40px;
    margin-top: -15px;
    margin-left: -15px;
    font-size: 22px;
    background-color: unset;
    padding-top: 8px;
}
.pprofile .carousel-control.left {
    left: 0px;
    }
.pprofile .carousel-control.right {
    right: 0px;
    }
.pprofile .carousel-control .glyphicon-chevron-right{
    width: 40px;
    height: 40px;
    margin-top: -15px;
    margin-left: -15px;
    font-size: 22px;
    background-color: unset;
    padding-top: 8px;
}
  .service .lservice {
    margin-top: 0px;
}
.service .oservice {
    margin-top: 0px;
}
   .service .row-top-20{
  padding-top: 20px;
}
  .service .r-top-20{
  padding-top: 20px;
}
  .img-gallery{
    padding-bottom: 20px;
  }
  .basic-info-pad{
    padding: 5px 0px;
  }
  .projects .hovereffect .overlay {
  border-bottom: unset;
  border-top: unset;
}
  .m-b-40 {
    margin-bottom: 0px;
}
  .mtop30{
    margin-top:30px;
  }

  .vshape {
      width: 16%;
    }

    .content a.more{
      float: left;
    }

    body.color5 .content1 h1{
      font-size: 20px;
    }

    .content h1{
      font-size: 20px;
    }

    .pull-right{
      float: left !important;
    }

    .text-right br{
      display: none;
    }

    body.color5 .projects h1::before, body.color5 .projects h1::after,  body.color4 .projects h1::before, body.color4 .projects h1::after,
     body.color3 .projects h1::before, body.color3 .projects h1::after,  body.color2 .projects h1::before, body.color2 .projects h1::after,
      body.color1 .projects h1::before, body.color1 .projects h1::after
     {
      display: none;
    }

    .projects img{
      display: block;
      margin:0px auto;
    }

    .navbar-ul {
      float: left;
    }
    .content {
    padding: 0px 0px;
    text-align: justify;
}
.projects h1{
  padding-top: 20px;
}
}

@media (min-width:450px) and (max-width:766px){
  .banner .pright {
    margin-top: 30px;
}
.menu-bg {
    background-color: #252525;
    margin-top: 42px;
}

}
@media (max-width: 449px){
  #clientCarousel1 {
    height: 70px;
}
   #accordion a.accordion1 {
  background-image: unset;
  background-color: #e1e1e1;
}
 #accordion a.accordion2 {
  background-image: unset;
  background-color: #e1e1e1;
}
#accordion a.accordion3 {
  background-image: unset;
  background-color: #e1e1e1;
}
 #accordion a.accordion4 {
  background-image: unset;
  background-color: #e1e1e1;
}
#accordion a.accordion5 {
  background-image: unset;
  background-color: #e1e1e1;
}
  .projects .hovereffect h2 {
    font-size: 14px;
    margin-top: 30px;
  }
.pright{
  display: none;
}
}