h4,h3,h5,p,a,li,address{font-family: 'Roboto', sans-serif;}
body{margin:0 auto;}
/* font */
.text-up{text-transform: uppercase;font-weight: bold}
.padding-t-25{padding-top:25px;}
.padding-b-30{padding-bottom: 30px;}
.padding-b-15{padding-bottom: 15px;}
.padding-t-20{padding-top: 20px;}
.line:after{
	content:"\2009\2009\2009\2009\2009\2009";
	margin-left:2px;
	color:#fe7f01;
	border-bottom: 2px solid;
}
.text-h3{font-size: 24px;}
.justify{text-align: justify;}

/* color */
.color1{color:#fe7f01;}
.color2{color:#222222;}

header {
    padding-top: 12px;
}

/* menu */
.menu-default .menu-nav > li > a,.dropdown-nav-menu > li > a {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    color:#222;
    text-transform: uppercase;
}
.menu-default{
	border-radius: 0px;
	background-color: transparent;
	border: 0;
	margin-top: 16px;
}
.menu-default .menu-nav > li > a:focus,
.menu-default .menu-nav > li > a:hover{
	color:#fe7f01;
	background-image: url(../images/menu-item.png);
	background-repeat: no-repeat;
	background-position: bottom center;
}
.menu-default .menu-nav > .active > a,
.menu-default .menu-nav > .active > a:focus,
.menu-default .menu-nav > .active > a:hover {
    color: #fe7f01;
    background-color: transparent;
    background-image: url(../images/menu-item.png);
    background-repeat: no-repeat;
    background-position: bottom center;
}
.dropdown-nav-menu > li > a:focus,
.dropdown-nav-menu > li > a:hover {
    color: #fe7f01;
    text-decoration: none;
    background-color: transparent;
    background-image: url(../images/menu-item.png);
	background-repeat: no-repeat;
	background-position: bottom center;
}
.dropdown-nav-menu > .active > a,
.dropdown-nav-menu > .active > a:focus,
.dropdown-nav-menu > .active > a:hover {
    color: #fe7f01;
    background-color: transparent;
}
.dropdown-nav-menu > li > a{
	padding:7px 0px;
	text-align: center;
}
.dropdown-menu.dropdown-nav-menu {
    background-color: transparent;
    border-color:transparent;
    box-shadow: none;
}
.dropdown-toggle,
.dropdown-toggle:active,
.dropdown-toggle:hover,
.dropdown-toggle:focus {
    background-color: transparent !important;
}
/* slider */
.carousel-caption.slide-caption {
    left: 0;
    right: 0;
    text-align: center;
    bottom: 35%;
}
.logo-shape {
    position: absolute;
    top: 93px;
    left:0;
    right:0;
}
.logo-shape img {
    margin: 0 auto;
}
.img-hover {
    margin-bottom: 15px;
    box-shadow: 0px 1px 5px 1px #777;
}
/* ******************* */
.readmore{
	text-align: right;
}
.readmore a:hover{
	color:#222222;
	text-decoration: none;
}
.half-shadow img {
    border-radius: 50%;
    border-bottom: 1px solid #ddd;
    box-shadow: 1px 8px 9px -8px #222;
    margin-bottom: 12px;
}
.service-area-wrapper{
	background-color: #121110;
	position: relative;
	height: 458px;
}
.service-side-bar {
    margin-top: 55px;
}
.m-e-engineering {
    margin-top: 80px;
}
.service-area {
    background-color: #fff;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 81%;
    top: 99px;
	padding-top: 34px;
	padding-bottom: 20px;
}
.service-lists li ul {
    list-style-image: url(../images/list-style-type.png);
}
.service-lists li ul li {
    margin-top: 5px;
}
.service-lists {
    padding-left: 0px;
    margin-bottom: 10px;
}
.view-all{
	border-radius: 0;
	background-color: transparent;
}
.view-all:hover{
	background-color: transparent;
}
.ref-link:hover {
    text-decoration: none;
}
.integrated h4 {
    padding-bottom: 29px;
}
.integrated {
    margin-top: 87px;
}
.project-ref-wrapper {
    background-color: #f2f2f2;
}
.project-ref-imgs {
    margin-top: 117px;
}
.project-ref-imgs .caption {
    background-color: #271500;
    padding-top: 13px;
    padding-bottom: 9px;
    text-align: center;
    color: #fff;
}
.pj-ref .btn.btnprevious{
    padding: 10px 30px;
    background-color: #fe7f01;
    margin-bottom: 20px;
    color: #fff;
}
.pj-ref .btn.btnnext{
    padding: 10px 30px;
    background-color: #fe7f01;
    margin-bottom: 20px;
    color: #fff;
}
.more-project{
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	text-align: center;
	margin-top: 31px;
	margin-bottom: 20px;
}
.view-detail-btn {
    background-color: #fe7f01;
    border-radius: 0;
    border: none;
    margin-left: 25px;
    color:#fff;
}
.view-detail-btn:hover{
	background-color: #fe7f01;
	color:#fff;
}
.carousel-control.brand-control {
	background-image: none;
}
.brands{
	background-color: #f9f9f9;
}
.brand-control .glyphicon-triangle-left {
    color: #555;
    background-color: #fff;
    font-size: 13px;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    margin-left: -146px;
	top: 36px;
}
.brand-control .glyphicon-triangle-right {
    color: #555;
    background-color: #fff;
    font-size: 13px;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    margin-right: -148px;
	top: 36px;
}
.brand-items img{
	margin: 0 auto;
	padding-left: 15px;
	padding-right: 15px;
}
footer address{
	text-align: center;
	color:#e1e1e1;
	font-weight: bold;
}
footer{
	background-color: #222222;
}
.social-link{
	text-align: center;
}
.social-link img {
    margin-right: 10px;
}
.copyright{
	color:#b0b0b0;
	text-align: center;
	border-top:1px solid #585858;
	margin-top: 22px;
	padding-top: 13px;
	padding-bottom: 4px;
}
.web{
 	color:#b07740;
}
.web:hover{
	color:#b07740;
	text-decoration: none;
}
.copyright .net{
	color:#b07740;
}
.copyright .net:hover{
	color:#585858;
	text-decoration: none;
}

.our-brands-logo{
    margin-top: 30px;
    margin-bottom: 30px;
}
.logo-table > tbody > tr > td,
.logo-table > tbody > tr > th,
.logo-table > tfoot > tr > td,
.logo-table > tfoot > tr > th,
.logo-table > thead > tr > td,
.logo-table > thead > tr > th{
    border-top:none;
    vertical-align: middle;
}
.logo-table img {
    margin: 0 auto;
    vertical-align: middle;
}
.logo-table tbody tr td {
    border-right: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
}
.logo-table tbody tr td:last-child {
    border-right: transparent;
}
.logo-table tbody tr td:hover{
    /*border-bottom: 2px solid #fe7f01;*/
    box-shadow: 0px 3px 10px 0px #777;
}
#go-top {
    background-color: #fe7f01;
    bottom: 41px;
    color: #FFF;
    cursor: pointer;
    font-size: 19px;
    padding: 6px 10px 5px;
    position: fixed;
    right: 7px;
    text-transform: uppercase;
    z-index: 9999;
    border-radius: 50%;
}
/***************** pages ***************/
.breadcrumbs h3{
    color:#fff;
    text-align: right
}
.breadcrumbs ul{
    padding-left:0;
    margin:0 auto;
    text-align: right
}
.breadcrumbs ul li{
    display: inline;
    margin-left: 15px;
    font-weight: bold;
}
.breadcrumbs ul li a{
    color:#fff;
}
.breadcrumbs ul li a:hover{
    text-decoration: none;
    color: #fff;
}
.page-bread-crumb{
    background-color: #fe7f01;

}
.employee-p-wrapper{
    background-color: #f2f2f2;
}
.flow-stru img {
    margin: 0 auto;
}
.me-eng {
    margin-top: 32px;
}
.services-list-border {
    margin-bottom: 25px;
}
.margin-t-15{
    margin-top: 15px;
}
.pro-imgs img{
    margin-bottom: 11px;
    box-shadow: 0px 1px 5px 1px #777;
}
/* panel */
.project-panel-title a:hover,
.project-panel-title a:focus {
    color: #000;
    text-decoration: none;
}
.project-panel-title a{
    font-size: 15px;
}

.panel-group.project-group .panel{
    border-radius: 0px;
    border:none;
    box-shadow: none;
}
.project-group .panel .panel-heading{
    background-color: #f2f2f2;
    color:#000;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body{
    /*border-top:1px solid #eee;*/
    border-top:none;
}
/*
snippet from Animate.css - zoomIn effect
*/
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s
}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}
@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}

#accordion .panel-title i.glyphicon{
    -moz-transition: -moz-transform 0.5s ease-in-out;
    -o-transition: -o-transform 0.5s ease-in-out;
    -webkit-transition: -webkit-transform 0.5s ease-in-out;
    transition: transform 0.5s ease-in-out;
}
#accordion-first .panel-title i.glyphicon{
    -moz-transition: -moz-transform 0.5s ease-in-out;
    -o-transition: -o-transform 0.5s ease-in-out;
    -webkit-transition: -webkit-transform 0.5s ease-in-out;
    transition: transform 0.5s ease-in-out;
}
.rotate-icon{
    -webkit-transform: rotate(-225deg);
    -moz-transform: rotate(-225deg);
    transform: rotate(-225deg);
}

/********************** Media Query ********************/

/* Large desktops and laptops */
@media (min-width: 1200px) {

}

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {

}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
   .logo.img-responsive {
        margin: 0 auto;
    }
    .integrated{
        margin-top:0;
    }
    .project-ref-imgs .caption{height: 56px;}

}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
    .about-page-group {
        margin: 0 auto;
        text-align: center;
    }
    .logo-shape{top:0;}
    .service-area{
        top: 15px;
    }
    .project-ref-imgs {
        margin-top: 30px;
    }
    .project-ref-imgs .caption{
        display: none;
    }
    .ref-link img {
        margin-bottom: 7px;
    }
    .more-project h4{
        font-size: 15px;
    }
    .view-detail-btn{
        margin-top: 10px;
    }
    .brand-control .glyphicon-triangle-left{
        margin-left: -25px;
        top: 42px;
    }
    .brand-control .glyphicon-triangle-right{
        margin-right: -25px;
        top: 42px;
    }
    .form-xs {
        margin-bottom: 9px;
    }
    .menu-default .menu-nav > li > a:focus,
    .menu-default .menu-nav > li > a:hover{
        background-image:none;
    }
    .menu-default .menu-nav > .active > a,
    .menu-default .menu-nav > .active > a:focus,
    .menu-default .menu-nav > .active > a:hover {
        background-image:none;
    }
    .dropdown-nav-menu > li > a:focus,
    .dropdown-nav-menu > li > a:hover {
        background-image:none;
    }
    .intro {
        margin-bottom: 11px;
    }
     .m-e-engineering {
        margin-top: 2px;
    }
	.menu-right{
		float: none !important;
	}
}

.menu-right{
	float: right;
}

/* Portrait phones and smaller */
@media (max-width: 480px) {
	.menu-right{
		float: none !important;
	}
    .service-area{
        width:97%;
        top:8px;
    }
    .project-ref-imgs {
        margin-top: 16px;
    }
    .project-ref-imgs .caption{
        display: none;
    }
    .brand-control .glyphicon-triangle-left{
        top: 25px;
    }
    .brand-control .glyphicon-triangle-right{
        top: 25px;
    }
}
.social-link a .fab{
    font-size: 30px;
    color: #a6a6a6;
    margin:10px;
}