*{font-family: 'Roboto', sans-serif; }	
.no-space {padding:5px;}
p {color:#575757; font-size:16px;}
.container-fluid {margin:0 0 0 0;}
h1,h2,h3,h4,h5,h6 {-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility; color:#575757;}
a {color: #575757;  }
a:hover, a:focus {text-decoration:none; color:#4859ab;}
html {position: relative;min-height: 100%;}
body { margin-bottom: 35px; }
h2.header-center {font-size:28px; text-align:center; text-transform:uppercase;}


@font-face {
    font-family: 'Square721BT';
    src: url('../fonts/Square721BT.eot');
    src: url('../fonts/Square721BT.eot') format('embedded-opentype'),
         url('../fonts/Square721BT.woff2') format('woff2'),
         url('../fonts/Square721BT.woff') format('woff'),
         url('../fonts/Square721BT.ttf') format('truetype'),
         url('../fonts/Square721BT.svg#Square721BT') format('svg');
}

.new_div_width{width:100% !important;}

/* header */
.header {border-bottom: 1px solid #bababa; width: 100%; z-index: 10000000;
    background-color: #fff; border-top:10px solid #4859ab}
.nav>li>a {    color: #adadad; text-transform: uppercase;  font-size:14px; padding:0;}
.nav>li>a:focus, .nav>li>a:hover {background:none;}
.nav>li>a:hover, .nav>li>a:active{color:#4859ab; }
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {background:none; color:#4859ab;}
.dropdown-menu>li>a {    padding:8px 7px; color:#fff; text-transform:uppercase;}
.navbar-nav>li>.dropdown-menu { top: 250%;   background-color: #4859ab;}
.navbar {border:none;}
.sticky .navbar-nav>li>.dropdown-menu  {    top: 160%;}
.dropdown-menu li:before { content: ""; display: block; width: 50%; border-bottom: 3px solid #fa5b5f;
    position: absolute; top: -3px;}
.dropdown-menu li a .fa {margin-right:4%;}	
.navbar-nav>li {padding: 0 15px;}
.dropdown-menu {min-width: 230px;left: 15px !important;}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {background:none;color:#fff;}
.nav>li.active>a {color:#4859ab; font-weight:600;}
.navbar-brand {padding:0; height:initial;}
.navbar-nav>li>a {padding-top:0; padding-bottom:0;}
.navbar {    min-height: 75px; margin-bottom: 0;    padding: 2% 0;}
.navbar-right {margin-top: 8px;}
.sticky  .navbar {margin-bottom:0;min-height: 45px;padding: 5px 0;}
.sticky {position:fixed;top:0; animation:slide-down 1s; opacity:1;}
.banner-section {background: url(../images/Banner.jpg) left top no-repeat;     background-size: 100%;
    background-position: center;}
.banner-text {padding:8% 0 12% 0;}
.banner-text ul {padding-left: 3%; list-style:none;}
.banner-text  ul li {color:#ffd201; font-size:68px; font-family: 'Square721BT';    line-height: 75px;background-image: url('../images/Tick.png'); background-repeat: no-repeat;   background-position: left center;   background-size: 35px;
    padding-left: 4%;} 

.header  .dropdown-menu>li>a{
    text-indent: -10px;
    margin-left: 20px; 
    white-space: unset;
}

@keyframes slide-down {
    0% {
        opacity: 0;
        transform: translateY(-100%);
    } 
    100% {
        opacity: 1;
        transform: translateY(0);
    } 
}

/* responsive header */
.navbar-toggle{background-color: #4859ab;}
.navbar-header .icon-bar {background: #ffffff;}


/* main container */
/* about us */
.about-us {text-align:center; margin:2% auto; }
hr.center-line{margin-top: 0; border-top: 1px solid #fa5b5f;  width: 15%;}
.main-container {margin-top:4%;}
h3.sub-title {margin:2% 0 0 0;}
h3.sub-title-1 {color:#4859ab; font-size:20px;}
h3.sub-title {border-bottom:1px solid #fa5b5f;  color:#575757;   font-size: 28px; text-transform: uppercase;    padding-bottom: 5px;}

/* why us */
.why-us {background:url(../images/Why_Us_new_bg.jpg)no-repeat;background-size: cover;}
.why-us ul {list-style:none;    margin: 5% 0;} 
.why-us ul li {background-color:#4859ab;color: #fff;border-radius: 25px; padding:5px 20px; margin: 12px 0;}
.why-us-left {text-align:center;transform: translate(0, 100%);}
.why-us-left h2 {color: #575757;  font-size: 65px;  font-weight: 700;}


/* our-business-section */
.our-business-section h2 {font-size:28px; text-transform:uppercase;    margin-top: 10px;}
.our-business-section hr {margin-top:15px; border-top: 1px solid #fa5b5f;}
.no-space-right {padding-right:5px; padding-left:0;}
.no-space-left {padding-left:5px; padding-right:0;}
.our-business-left-section h3 {text-transform:uppercase; font-size:16px;font-weight: bold;}
.our-business-left-section  img {width:100%;}
.div-border{border:1px solid #ccc;    padding:5px;margin: 0 0 0 10px;    width: 49%;}
.our-business-left-section {display: flex;}
.our-business-left-section p{height: 175px;}
.our-business-left-section  a {text-transform:uppercase;font-weight:500;}


/* thumbnail */

.bxslider{overflow: hidden;width: 100%;}
.bx-wrapper .bx-viewport {box-shadow: none !important; -webkit-box-shadow:none !important;  border: none !important;}
.bxslider li {border: 1px solid #ccc;}
.bx-wrapper img {    display: -webkit-inline-box !important;padding: 6% 0;}
.client-section {text-align:center; margin:1% auto 2%;}
.bx-viewport {height: 200px !important;}

/* on going project */
.slick-slide {margin: 0 5px;}
.slick-slider { margin: 0 0 0 10px;}
.slick-prev.slick-arrow {background: url(../images/Arrow_left.png) left top no-repeat; height: 26px;display:none !important;}
.slick-next.slick-arrow {background: url(../images/Arrow_right.png) left top no-repeat; height: 26px; display:none !important;}

.bx-wrapper .bx-prev {background: url(../images/Arrow_left.png) left top no-repeat !important; height: 26px;left: -45px !important;}
.bx-wrapper .bx-next {background: url(../images/Arrow_right.png) left top no-repeat !important; height: 26px;right: -45px !important;}
.bx-wrapper .bx-controls-direction a {top:42% !important;}
.on-going-project {text-align:center;}
.on-going-project a {text-transform:uppercase;font-weight:500; margin:2% 0 0 0;    display: block;}
.view-more-btn {text-transform:uppercase;font-weight:500; margin:0 0 0 0;    display: block;}

/* breadcrumb section  */
.breadcrumb-section {padding:2% 0;    background-color: #4859ab;    margin-bottom: 1%;}
.breadcrumb-section h1{color: #fff; text-transform: uppercase; font-weight: 400; font-size: 25px;  margin: 0;}
.breadcrumb {margin-bottom: 0;    background-color: transparent;    padding: 10px 0;}
.breadcrumb li a, .breadcrumb>.active  {color:#fff; text-transform:uppercase;}
.breadcrumb > li + li:before {color: #fff; font-size: 16px; content: "\003e";  padding: 0 5px;    vertical-align: text-bottom;}

/* page title */
.page-title {    margin-bottom: 2%;}
.page-title h2{font-size: 30px; text-transform: uppercase; font-weight: 600;    display: -webkit-inline-box;border-bottom: 1px solid #fa5b5f;    line-height: 40px; margin-top: 0;  margin-bottom: 0;}

/* on-going page/ completed page */
.ongoing-project-section h3{color:#4859ab;     font-size: 21px;   margin: 0;}
.ongoing-project-section p {font-size:18px;}
.ongoing-project-section .no-space-left{padding-right:20px; padding-left:0;}
.ongoing-project-section ul {margin-top:1%;}
.ongoing-project-section ul li {font-size: 18px;  color: #575757; margin-bottom:1%;}
.ongoing-project-section img {margin:0 auto;    border: 1px solid #ccc;}

/* board of directors */
.board-of-dir-div img{margin:0 auto;}
.board-of-dir-div {padding: 3% 2% 5% 2%;}
.board-of-dir-div:first-child {border-right:1px solid #eaeaea;} 
.board-of-dir-div h3{text-align:center; margin:0; color:#fff;font-size: 17px;}
.board-of-dir-div h2 {text-align:center; margin:0; color:#fff;font-size: 22px;}
.board-name {background-color: #4859ab; padding: 10px 0;    width: 65%; margin:4% auto;}

.about-company-section ul li {font-size:16px;color:#575757}
.about-company-section ul {margin-top:2%;}
.hr-with-margin hr{border-color:#eaeaea; margin-top:0; margin-bottom:0;}

/* contact us page */
label {color: #4859ab; font-size: 19px;  font-weight: 500;}
.btn {background-color: #4859ab;  border: none;  color: #fff;    padding: 2% 5%; text-transform: uppercase;}
.btn:hover {opacity:0.9;background-color: #4859ab; color:#fff;} 
.contact-us {margin-bottom:3%;}
.contact-us h4{ color: #575757; font-size: 18px;   margin: 0;}
.contact-address h3 {color:#4859ab;}

/* client page */
.thumbnail .caption {padding:9px 0; text-align:center}
.thumbnail { height: 275px;}
.thumbnail  p{color: #4859ab;  font-size: 17px;   font-weight: 500;}

/* infra */
.infra-pg-img ul {list-style:none;text-align: center;margin-bottom:2%}
.infra-pg-img ul li {float:none;display: inline-block;margin: 0 1%;}
.service-box {text-align:center; padding: 1% 2%; height: 350px; margin-bottom: 2%; margin-top:2%;}
.service-box:nth-child(2){border-right: 1px solid #eaeaea;border-left: 1px solid #eaeaea;}
.service-box  img{margin:0 auto;}
.service-box h3.sub-title-1 {color:#575757; font-size:20px;}
.service-box p {font-size:15px;}


/* footer */
.home-pg .footer{margin-top:0;}
.footer {background-color:#ededed; margin-top:5%;}
.footer  ul {list-style:none;margin-bottom:0; text-align: center;}
.footer ul li {display: inline-block;  float: none; margin:0 2%;padding: 1% 0;}
.footer ul li a {text-transform:uppercase;}

/* copyright */
.pull-right {text-align:right}
.copyright { position: absolute;  bottom: 0;  width: 100%;    background-color: #2e2e2e;    padding: 10px 0;}
.copyright  p {margin-bottom:0; color:#fff; font-size:12px;}
.copyright a {color:#fff;}
.copyright a:hover {text-decoration:underline;}

/* random */
.small-fixed-txt {position: fixed;  top: 35%;  left: 50%;  transform: translate(-50%, 0%);}
.small-fixed-txt-footer {position:fixed; bottom:5%; width:100%;}

/* Corporate Governance*/
.corporate-governance-section ul li {font-size: 16px; color: #575757; margin-bottom: 1%;}
.corporate-governance-section ul li a {color: #337ab7;}

/* Shareholders Corner*/
.shareholders-corner-section ul li {font-size: 16px; color: #575757; margin-bottom: 1%;}
.shareholders-corner-section ul li a {color: #337ab7;}

/* Financials*/
.financials-section ul li {font-size: 16px; color: #575757; margin-bottom: 1%;}
.financials-section ul li a {color: #337ab7;}
.breadcrumb > li + li:before{
     font-size: 13px !important;
         line-height: 17px;
}    
.breadcrumb li a, .breadcrumb>.active { 
    font-size: 13px !important;
} 
@media (max-width: 767px) {
.header .dropdown-menu>li>a { 
    margin-left: 0; 
}  
.breadcrumb-section .container {
        padding-left: 0;
        padding: 0 20px;
    } 
 
}