@font-face {
  font-family: 'Slabo 27px';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/slabo-27px-v4-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Slabo 27px'), local('Slabo27px-Regular'),
       url('../fonts/slabo-27px-v4-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/slabo-27px-v4-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/slabo-27px-v4-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/slabo-27px-v4-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/slabo-27px-v4-latin-regular.svg#Slabo27px') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Walkway_Black-webfont';
 
  src: url('../fonts/Walkway_Black-webfont.eot'); /* IE9 Compat Modes */
  src: local('Walkway_Black-webfont'), local('Walkway_Black-webfont'),
     
       url('../fonts/Walkway_Black-webfont.woff') format('woff'), /* Modern Browsers */
       url('../fonts/Walkway_Black-webfont.ttf') format('truetype'), /* Safari, Android, iOS */
    
}

body {
    font-family: 'Slabo 27px' !important;
    padding-left: 305px;
    font-size: 18px;
}
body{
    background-color: #ffffff;
    background-image: url(../images/bkb.jpg);
    background-position: left top;
    background-size: cover;
    background-repeat: repeat;
    background-attachment: fixed;
}
a {text-decoration:none;
}
a:hover {text-decoration:none;
}
/*-----09-01-18-------*/
.slid-box-img {
    width: 530px;
}
.slid-box-img img {
	  min-height:auto;
	
}
.slide-bg1 {
    background: url(../images/slider-img/our-capabilities.png);
   
    background-repeat: no-repeat ;
    height: 450px;
	background-position:center;

   
	
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	
}
.slide-bg2 {
	background:url(../images/slider-img/infrastructure.png);
	position:relative;
	background-position:top;
	background-repeat:no-repeat;
height:225px;
	 background-size: cover;
	
}
.slide-bg3 {
	background:url(../images/slider-img/gray.png);
	position:relative;
	background-position:top;
	background-repeat:no-repeat;
	height:225px;
	 background-size: cover;
	
}

.slide-bg-green {
	background:url(../images/slider-img/green.jpg);;
	position:relative;
	background-position:top;
	background-repeat:no-repeat;
	height:225px;
	 background-size: cover;
	
}

.slide-bg-black {
	background:url(../images/slider-img/black.jpg);
	position:relative;
	background-position:top;
	background-repeat:no-repeat;
	height:225px;
	 background-size: cover;
	
}
.slide-bg4 {
	background:url(../images/slider-img/achievments.png);
	position:relative;
	background-position:top;
	background-repeat:no-repeat;
	height:225px;
	 background-size: cover;
	
	
}
.slide-bg5 {
	background:url(../images/slider-img/bg1.jpg);
	position:relative;
	background-position:top;
	background-repeat:no-repeat;
	
	 background-repeat: no-repeat ;
    height: 450px;
	background-position:center;

   
	
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	 height:450px;
	 text-align:center;
	 
	
}
.slide-bg5 h3.text-cntr {
	text-align:center !important;
}
.slide-bg6 {
	background:url(../images/slider-img/ARBITRATION%20ARTICLE.png);
	position:relative;
	background-position:top;
	background-repeat:no-repeat;

	 height:450px;
	 text-align:center;
	  background-repeat: no-repeat ;
    height: 450px;
	background-position:center;

   
	
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	 
	
}
.slide-bg7 {
	background:url(../images/slider-img/bg7.png);
	position:relative;
	background-position:top;
	background-repeat:no-repeat;
	height:225px;
	 background-size: cover;
	
	
}
.slide-bg8 {
	background:url(../images/slider-img/bg8.png);
	position:relative;
	background-position:top;
	background-repeat:no-repeat;
	height:225px;
	 background-size: cover;
	
	
}
.slide-bg9 {
	background:url(../images/slider-img/bg9.png);
	position:relative;
	background-position:top;
	background-repeat:no-repeat;
	height:450px;
	background-position:center;

   
	
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover
	
	
}
.slide-bg10 {
	background:url(../images/slider-img/Helal-Farghaly.png);
	position:relative;
	background-position:top;
	background-repeat:no-repeat;
	height:450px;
		background-position:center;

   
	
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover
	
	
}
.slide-bg11 {
	background:url(../images/slider-img/news-later.png);
	position:relative;
	background-position:top;
	background-repeat:no-repeat;
	height:225px;
	 background-size: cover;
	
	
}
h1.text-cntr {
	text-align:center;
	line-height:300px;
	font-size:50px;
	color: #fff;
	font-family: 'Walkway_Black-webfont';
	margin: 0;
}
.slide-bg5 a {
	text-decoration:none;
}
h3.slide-1 {
    color: #fff;
    margin: 0px;
    padding: 128px 11px;
}
h3.text-ryt {
    text-align: left;
    width: 47%;
    float: right;
    padding: 52px 12px;
    color: #fff;
    font-family: 'Walkway_Black-webfont';
	    font-size: 26px;
}
h3.text-cntr {
    text-align: left;
    color: #fff;
    padding: 25px;
    padding-bottom: 30px;
    font-family: 'Walkway_Black-webfont';
    margin: 0;
}
.btn-slide {
    background: #fff;
    color: #000;
    padding: 9px 20px;
}

/*-----09-01-18--end-------*/
.red-bg {
    background: #e5262696 ;
    height: 378px ;
}
.yallow-bg {
  
    height: 331px;
    z-index: 5;
}
.green-bg {
    background: #5dba09ba ;
   
}
.blue2-bg {
    background: #0999baba ;
   
	
}
.blue-bg {
    background: #006dd3ad;
  
	z-index:5;
	
}
.grid figure.red-bg2 {
	  position: relative;
    background: #e5262696;
    height: 430px;
}
.black-bg {
    background: #000000a3 ;
    height: 378px ;
}
.pink-bg {
    background: #f0086887 ;
    height: 389px;
}
.people-dec  .nav-tabs > li.pull-ryt {
	float:right !important;
}
.navbar-fixed-left {
 
    position: fixed;
    border-radius: 0;
    z-index: 10000;
    top: 0px;
    left: 0px;
    width: 305px;
    height: 100%;
    overflow: visible;
    background-image: url(../images/1.png);
    background-repeat: repeat-y;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .18), 0 1px 2px rgba(0, 0, 0, .18);
}
.right-sidebar {
    width: 100%;
    float: right;
    /* left: 305px; */
    position: inherit;
}
.navbar-nav {
    float: none;
    margin: 0;
    width: 88%;
    text-align: center;
    margin-top: 32px;
    margin-bottom: 40px;
    margin: 0 auto;
    padding-top: 13px;
}

.bordered {
    /* border: 1px solid #dadada; */
    width: 44px;
    margin: 0 auto;
    height: 1px;
    background: #e4e4e1;
}
.navbar-default {
    background-color: #ffffff;
    border-color: #ffffff;
   
}
.navbar-fixed-left .navbar-nav > li {
  float: none;  /* Cancel default li float: left */
 
}

.navbar-fixed-left + .container {
  padding-left: 160px;
}

/* On using dropdown menu (To right shift popuped) */
.navbar-fixed-left .navbar-nav > li > .dropdown-menu {
    top: 0;
    margin-left: 267px;
    /* height: 776px; */
    /* position: relative; */
    width: 459px;
    bottom: 0;
}
.logo {
    width: 375px;
    height: 183px;
    margin: -2px 0 0 0px;
    background-image: url(../images/download.png);
	    background-repeat: no-repeat;
}

.navbar-fixed-left .navbar-brand > img {
    display: block;
    width: 191px;
    margin-left: 48px;
    margin-top: 15px;
}
@media (min-width: 992px) and (max-width : 1200px){
	.outerbox {
   
    width: 100%;
    height:168px !important;
   
}
	
}

@media (min-width: 1280px) {
.navbar-default .navbar-nav > li > a {
    color: #6d6d6d;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1px;
    width: 157px !important;
}
.navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 16px;
}
.search-bar {
    width: 84%;
    margin: 0 auto;
    margin-left: 18px;
    margin-top: 12px;
	margin-bottom: -28px !important;
}
.social-icon ul {
   
    width: 100% !important;
	margin-left: 78px !important ;
}
.social-icon ul li a {
   
    font-size: 11px !important;
}
.social-icon h3 {
    font-size: 13px !important;
}
.logo2 img {
    margin: 0 auto;
    width: 50px !important;
}
.social-icon ul li a i {
    background: #333;
    width: 25px !important;
    height: 25px !important;
  
    line-height: 28px!important;
}

.outerbox {
    border: 8px solid white;
    width: 181px;
    height: 159px !important;
    box-shadow: 0px 0px 7px grey;
    overflow: hidden;
    margin-bottom: 30px;
}
.outerbox img {
    cursor: pointer;
    transition: transform 1s;
    height: 100% !important;
    WIDTH: 100%;
}
.outerbox h3 {
    text-align: center;
    color: #fff;
    padding-top: 48px !important;
    font-size: 18px !important;
}
.outerbox p {
    text-align: center;
    color: #fff;
    font-size: 13px !important;
}
.outerbox h3 {
    text-align: center;
    color: #fff;
    padding-top: 48px;
    font-size: 18px;
    padding-bottom: 7px !important;
    margin-bottom: 12px !important;
    margin-left: 0 !important;
}
.copyryt {
	
    font-size: 14px !important;
	text-align: center !important;
    padding-left: inherit !important;
}
.footer-nav ul {
    margin: 0px;
    padding: 0px;
    margin-top: 0px !important;
}
.logo {
    width: 375px !important;
    height: 168px !important;
    margin: -20px 1px -8px -10px !important;
    background-image: url(../images/download.png);
    background-repeat: no-repeat;
}
body {
    font-family: 'Slabo 27px' !important;
    padding-left: 296px;
    font-size: 18px;
}
.navbar-fixed-left {
    
    width: 295px;
}
.navbar-nav > li > a {
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 16px;
}
}
@media (min-width: 1025px) and (max-width: 1280px) {
  
.navbar-default .navbar-nav > li > a {
    color: #6d6d6d;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1px;
    width: 157px !important;
}
  
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover {
    color: #555;
    background-color: #ffffff;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover {
    color: #d49b4e;
    background-color: #e4942100;
	background-image:url(../images/arrow.png) ;
	background-repeat:no-repeat;
	 background-position: right ;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #d49b4e;
    background-color: transparent;
}
.search-bar {
	width: 84%;
    margin: 0 auto;
    margin-left: 18px; margin-top:20px;}
.social-icon h3 {
    font-size: 18px;
    text-align: center;
    /* padding-right: 22px; */
    margin-top: -3px;
    color: #333;
}
.social-icon ul {
    margin: 0px;
    padding: 0px;
    width: 172px;
    margin: 0 auto;
    /* margin-top: 0px; */
    margin-left: 63px;
    /* margin-top: 0px; */
    /* margin-left: 62px; */
    /* margin: 0 auto; */
    float: left;
}
.copyryt {
    text-align: left;
    padding-left: 63px;
    font-size: 20px;
}
.social-icon ul li {
    display: inline;
    list-style: none;
    padding: 0px 0px;
}

.social-icon ul li a {
    text-align: center;
    text-decoration: none;
    color: #000;
    font-size: 14px;
}
.social-icon ul li a i {
	 background: #333;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    color: #fff;
    line-height: 30px;}
.carousel {
    position: relative;
    margin-left: 295px;
}

.section-why-us, .section-expertise {
    position: absolute;
    /* top: 0px; */
    /* bottom: 0px; */
    /* left: 0; */
    width: auto;
    overflow: visible;
   
    background-repeat: no-repeat;
    /* height: 1083px; */
    background-repeat: no-repeat;
}
@media (min-width: 1200px) {

.container {
    width: 1030px;
    margin: 0 auto;
}
}
.why-us-tab, .expertise-tab {
    margin-left: 10%;
    margin-top: 3%;
    margin-right: 10%;
}
.section-padding {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 14%;
    width: 1160px;
    overflow: visible;
    background: #000 url(../images/banner_why-us.jpg);
    background-repeat: no-repeat;
    height: 1083px;
}
.why-us-contant {
    background: #fff;
    font-size: 18px;
    line-height: 1.7;
}
.expertise-content {
    background: #fff;
    font-size: 18px;
    line-height: 1.7;
    padding: 0px 15px;
}
.why-us-nav, .expertise-nav {
    background: #f4a22d;
    color: #fff !important;
    margin-right: 0;
	background: linear-gradient(to right, #fa970e, #faa22a, #fa9a26, #eece76, #ffc87d, #efa540, #df8810);
}

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    color: #fff;
    background-color: #d58d43;
    border-radius: 0;
    /* border: none; */
    MARGIN-RIGHT: -15PX;
}
.nav-pills > li > a {
    border-radius: 4px;
    color: #fff;
    border-bottom: 1px solid #e6af58;
    font-size: 18px;
}
p {
    margin: 0 0 10px;
    font-size: 18px;
}

.nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    background-color: #ab5312;
    border-radius: 0;
}

.why-us-tab h3, .achievements-tab h3 {
	font-size: 41px;
    font-weight: bold;
    color: #fff;
    
    padding-bottom: 41px;}
	
	
.owl-carousel .owl-nav .owl-next {
    position: absolute;
    top: 26%;
    background: url(../images/ryt-arrow.png) !important;
    background-repeat: no-repeat !important;
    right: 1%;
    width: 50px;
}
.owl-carousel .owl-nav .owl-prev {
    position: absolute;
    top: 26%;
    cursor: pointer;
    left: 1%;
    background: url(../images/left-arrow.png) !important;
    background-repeat: no-repeat !important;
    width: 50px;
}
/*.owl-carousel .owl-nav .owl-prev:before{
    // fa-chevron-left
	 font-family: 'fontAwesome';
    content: "\f053";
    margin-right:10px;
}
.owl-carousel .owl-nav .owl-next:after{
    //fa-chevron-right
	 font-family: 'fontAwesome';
    content: "\f054";
    margin-right:10px;
}*/

.owl-theme .owl-nav [class*='owl-']:hover {
    background: none;
    color: #42bdc2;
    text-decoration: none;
}

.owl-theme .owl-nav [class*='owl-'] {
    color: #ffffff;
    font-size: 40px;
    margin: 5px;
    padding: 4px 7px;
    background: rgba(214, 214, 214, 0);
    padding-top: 157px;
    margin-top: 90px;
}

.image-box {
    height: 331px;
    overflow: hidden;
}
.image {
    height: 430px;
    height: 465px;
    background-image: url(../images/bg1.jpg);
    background-position: top;
    transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    padding-top: 100px;
    background-repeat: no-repeat;
}
.image:hover {
  transform: scale(1.5);
  -moz-transform: scale(1.5);
  -webkit-transform: scale(1.5);
  -o-transform: scale(1.5);
  -ms-transform: scale(1.5); /* IE 9 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.5, SizingMethod='auto expand')"; /* IE8 */
   filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.5, SizingMethod='auto expand'); /* IE6 and 7 */ 
} 


/*#bg2 {
    background-image: url(../images/bg2.jpg);
    background-size: 100% 100%;
  
    width: 100%;
}
#bg3 {
    background-image: url(../images/bg3.jpg);
    background-size: 100% 100%;
   
    width: 100%;
}

#bg4 {
     background-image: url(../images/bg4.jpg);
    background-size: 100% 100%;
  
}

#bg5 {
    background-image: url(../images/bg5.jpg);
    background-size: 100% 100%;
   
}

#bg6 {
     background-image: url(../images/bg6.jpg);
    background-size: 100% 100%;
  
}

#bg7 {
    background-image: url(../images/bg7.jpg);
    background-size: 100% 100%;
  
}

#bg8 {
    background-image: url(../images/bg8.jpg);
    background-size: 100% 100%;
    
}
#bg9 {
    background-image: url(../images/bg9.jpg);
    background-size: 100% 100%;
  
}
*/

.pdd0 {
	margin:0;
	padding:0;
}
.overlay-red {
    float: right;
    width: 74%;
    height: 300px;
    background-color: rgba(255, 0, 0, 0.7);
    color: #fff;
    padding: 41px 20px;
    font-size: 15px;
}
.overlay-red-blue {
    float: right;
    width: 70%;
    height: 230px;
    background-color: rgba(0,0,128,0.5);
    color: #fff;
    font-size: 14px;
    padding: 10px;
}

.overlay-red-yallow {
    float: right;
    width: 75%;
    height: 300px;
    background-color: rgba(255,165,0, 0.8);
    color: #fff;
    font-size: 15px;
    padding: 10px;
    padding: 29px 27px;
}
.height1 {
	    height: 344px;}
		
	.dropdown-menu {
    position: fixed;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #e5e5e2;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: none !important;
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: none;
	    overflow: scroll;
    
    height: auto;
}
.dropdown-box {
	padding: 0px 16px;
}

.main-nav-head h3 {
    color:#d49b4e;
}
.main-nav-head h3 a {
	color:#d49b4e;
	text-decoration:none;
}


.nav-head h3 a {
	font-size:16px;
	text-decoration:none;
	color:#000;
	
	
}
.nav-head h3 {
    font-size: 16px;
    text-decoration: none;
    color: #000;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0 !important;
	padding: 10px 0;
  
}
.nav-head ul {
	margin:0px;
	padding:0px;
}
.nav-head ul li {
    display: block;
    list-style: none;
    padding: 2px 0;
    border-bottom: 1px solid #9a9a9a;
    width: 22%;
    margin: 6px 0;
}

.nav-head ul li a {
    text-decoration: none;
    color: #000;
    font-size: 18px;
}

.nav-head ul li a:hover {
    text-decoration: none;
    color: #ba6d2a;
    font-weight: bold;
}

.dropdown-box-why-us {
    padding: 154px 26px;
}
.nav-head2 h3 {
	font-size:16px;
	text-decoration:none;
	color:#000;
	font-weight:bold;
	text-transform:uppercase;
	
	
}
.nav-head2 ul {
	margin:0px;
	padding:0px;
}
.nav-head2 ul li {
    display: block;
    list-style: none;
    padding: 4px 0;
    width: 47%;
    float: left;
    border-bottom: 1px solid #bbb8b8;
    margin-right: 10px;
}

.nav-head2 ul li a {
    text-decoration: none;
    color: #353535;
    font-weight: bold;
    font-size: 18px;
}
.nav-head2 ul li a:hover {
    text-decoration: none;
    color: #ba6d2a;
    font-weight: bold;
}
.nav-head ul2 li a:hover {
	text-decoration:none;
	color:#948b78;
}
.logo2 img {
	margin:0 auto;
}
.why-us-content p, .expertise-content p {
	padding:15px 0;
}
.why-us-content p img {
	float:right;
	padding-left:15px;
}
.why-us-content h3, .expertise-content h3 {
	font-size: 20px;
    text-align: left;
    margin: 0;
    padding: 0;
    color: #000;}
	
.our-people {
    margin-left: 10%;
    margin-top: 5%;
    margin-right: 10%;
}
.our-people-section {
    background: #fff;
    /* padding: 15px; */
    /* left: 5%; */
    margin-left: 14%;
    margin-top: 5%;
    margin-right: 6%;
    padding: 20px;
}
.our-people-section  h3 {
	margin-left: 20px;
    border-bottom: 1px solid #d2cccc;
    margin-bottom: 20px;
    margin-top: 0;
    padding-bottom: 8px;}
	.our-people-section h4 {
    margin-left: 20px;
 
    margin-bottom: 20px;
    margin-top: 0;
    padding-bottom: 8px;
}
h3.title {
    font-size: 41px;
    font-weight: bold;
    color: #fff;
    padding-left:14%;
    padding-bottom: -1px;
    margin-top: 7%;
}


.outerbox h3 {
	text-align:center;
	color:#fff;
}
.outerbox  p {
	text-align:center;
	color:#fff;
}
.outerbox img {
    cursor: pointer;
    transition: transform 1s;
    height: 243PX;
    WIDTH: 100%;
}
    .outerbox:hover img { transform: scale(1.3,1.3);   }
.matter {
    width: 100%;
    height: 250px;
    transition: .5s;
    position: relative;
    background: #00000069;
    margin: 0 auto;
}
.outerbox:hover .matter {
    transform: translatey(-257px);
    cursor: pointer;
    top: 5%;
    padding: 59px 0;
}
.view {
    text-align: center;
    background-color: rgba(0, 0, 0, 0.82);
    color: #fff;
    font-size: 16px;
    padding: 10px 0;
    position: absolute;
    top: 194%;
    width: 100%;
    opacity: 0.8;
    /* position: absolute; */
}
.gallery a:hover {
	text-decoration:none;
}
.people-details {
	
	height:100px;
}
.people-bg {
    background: url(../images/bio-bg.png);
    background-repeat: no-repeat;
    height: 345px;
}
.expertise-bg {
     background: url(../images/exper.jpg);
    background-repeat: no-repeat;
    height:292px;
	margin-top:-20px;
}
.expertise-dec .panel-default > .panel-heading {
    color: #393737;
    background-color: #e2e2e2;
    border-color: #878787;
    font-size: 20px;
}
h3.expertise-title {
	text-align: left;
    font-size: 54px;
    color: #fff;
    padding-top: 221px;
    padding-left: 14px;}
.people-title {
    padding-left: 0;
  
	 background: #000;
    margin: 0;
    padding: 20px 20px;
    text-transform: uppercase;
}
.people-title h3 {
     color: #fff;
	 margin-top:10px;
}
.people-title p {
     color: #fff;
	
}
.people-dec .nav-tabs {
    border-bottom: 1px dashed #a49d9d;
    margin-bottom: 20px;
}
    .people-dec .nav-tabs > li.active > a, .people-dec .nav-tabs > li.active > a:focus, .people-dec .nav-tabs > li.active > a:hover { border-width: 0; }
    .people-dec .nav-tabs > li > a { border: none; color: #666; }
    .people-dec .nav-tabs > li.active > a, .people-dec .nav-tabs > li > a:hover {
    border: none;
    color: #df891f !important;
    background: transparent;
    font-weight: bold;
}
      .people-dec .nav-tabs > li > a::after {
    content: "";
    background: #e49321;
    height: 2px;
    position: absolute;
    width: 100%;
    left: 0px;
    bottom: -9px;
    transition: all 250ms ease 0s;
    transform: scale(0);
}.people-dec .nav > li > a {
    position: relative;
    display: block;
    padding: 0 35px;
    border-right: 1px solid #eee !important;
}
 .people-dec  .nav-tabs > li {
    float: left;
    margin-bottom: -1px;
    padding-bottom: 9px;
}
    .people-dec .nav-tabs > li.active > a::after, .people-dec .nav-tabs > li:hover > a::after { transform: scale(1); }
.people-dec .tab-nav > li > a::after { background: #21527d none repeat scroll 0% 0%; color: #fff; }
.people-dec .tab-pane { padding: 15px 0; }
.people-dec .tab-content {
    padding: 20px;
    padding-top: 0;
}

a {
    color: #337ab7;
    text-decoration: none;
    font-size: 18px;
}


.people-dec {
	background:#fff;
	padding:30px;
}
.expertise-dec {
	background:#fff;
	padding:30px;
	border-top: 1px dashed #061825;
}
.people-contact {
    background: #F90;
    color: #fff;
    text-align: center;
    padding: 26px;
    height: auto;
    font-size: 17px;
}
.people-contact a {
	color:#fff;
}
h3.team-title {
    margin: 0px;
    padding-bottom: 5px;
    border-bottom: 1px solid #eee;
    border-left: 3px solid #333;
    padding-left: 15px;
    margin-bottom: 30px;
    margin-top: 20px;
}
h3.expert-title {
    margin: 0px;
    padding-bottom: 5px;
    border-bottom: 1px solid #eee;
    border-left: 3px solid #333;
    padding-left: 15px;
    margin-bottom: 30px;
    margin-top: 20px;
}
.people-tab p {
	padding:30px 0px;
}
.dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    text-align: center;
    background: #eee;
	margin: 3px 0;
}
.footer-nav ul {
    margin: 0px;
    padding: 0px;
    margin-top: 20px;
    text-align: center;
    margin-left: -8px;
}
.footer-nav ul li {
    list-style: none;
    /* padding: 0px 3px; */
    display: inline;
    padding: 16px 5px;
    font-size: 11px;
    text-align: center;
}
.footer-nav ul li a {
    text-decoration: none;
    color: #000;
    font-size: 12px;
}
.gallery-title
{
    font-size: 36px;
    color: #42B32F;
    text-align: center;
    font-weight: 500;
    margin-bottom: 70px;
}
.gallery-title:after {
    content: "";
    position: absolute;
    width: 7.5%;
    left: 46.5%;
    height: 45px;
    border-bottom: 1px solid #5e5e5e;
}
.filter-button
{
    font-size: 18px;
    border: 1px solid #42B32F;
    border-radius: 5px;
    text-align: center;
    color: #42B32F;
    margin-bottom: 30px;

}
.filter-button:hover
{
    font-size: 18px;
    border: 1px solid #42B32F;
    border-radius: 5px;
    text-align: center;
    color: #ffffff;
    background-color: #42B32F;

}
.btn-default:active .filter-button:active
{
    background-color: #42B32F;
    color: white;
}

.port-image
{
    width: 100%;
}
.set-meeting a {
	background: #fff;
    padding: 10px 30px;
    border-radius: 4px;
    color: #000; text-decoration:none;}
.gallery_product
{
    margin-bottom: 30px;
}
.people-header img {
    padding-top: 0;
    padding-left: 0;
    width: 649px;
    height: 345px;
}
.outerbox {
    border: 8px solid white;
    width: 181px;
    height: 159px !important;
    box-shadow: 0px 0px 7px grey;
    overflow: hidden;
    margin-bottom: 30px;
}
@media only screen and (mix-width:1200px) and (max-width:1600px) {

.right-sidebar {
    width:87% !important;
    float: right;
}	
}
.contact-us-section {
	    margin-left: 14%;
    margin-top: 5%;
    margin-right: 6%;
    padding: 20px;
	background:#fff;
}
.contact-us-section  .form-control {
    display: block;
    width: 100%;
    height: 43px;
    padding: 6px 12px;
    font-size: 14px;
}
.contact-us-section textarea.form-control {
    height: auto !important;
}
  
        .btn-send
        {
        	border-radius: 0px;
        	border:1px solid #00bfff;
        	background:#00bfff;
        	color:#fff; 
        }

        .btn-send:hover
        {
        	border:1px solid #00bfff;
        	background:#fff;
        	color:#00bfff;
        	transition:background 0.5s;   
        }

        .second-portion
        {
        	margin-top:50px; 
        }
		.box { height:300px;
		}

		.box > .icon { text-align: center; position: relative; }
		.box > .icon > .image1 { position: relative; z-index: 2; margin: auto; width: 88px; height: 88px; border: 8px solid white; line-height: 88px; border-radius: 50%; background: #e49a2a; vertical-align: middle; }
		.box > .icon:hover > .image1 { background: #333; }
	.box > .icon > .image1 > i {
    font-size: 36px !important;
    color: #fff !important;
    padding-top: 18px;
}
		.box > .icon:hover > .image1 > i { color: white !important; }
		.box > .icon > .info { margin-top: -24px; background: rgba(0, 0, 0, 0.04); border: 1px solid #e0e0e0; padding: 15px 0 10px 0; min-height:175px;}
		.box > .icon:hover > .info { background: rgba(0, 0, 0, 0.04); border-color: #e0e0e0; color: white; }
		.box > .icon > .info > h3.title { font-family: "Robot",sans-serif !important; font-size: 16px; color: #222; font-weight: 700; }
		.box > .icon > .info > p {
    font-family: "Robot",sans-serif !important;
    font-size: 14px;
    color: #666;
    line-height: 1.5em;
    margin: 20px;
}
		.box > .icon:hover > .info > h3.title, .box > .icon:hover > .info > p, .box > .icon:hover > .info > .more > a { color: #222; }
		.box > .icon > .info > .more a { font-family: "Robot",sans-serif !important; font-size: 12px; color: #222; line-height: 12px; text-transform: uppercase; text-decoration: none; }
		.box > .icon:hover > .info > .more > a { color: #fff; padding: 6px 8px; background-color: #63B76C; }
		.box .space { height: 30px; }
		.info h3.title {
    font-size: 41px;
    font-weight: bold;
    color: #fff;
    padding-left: 0;
    padding-bottom: -1px;
    margin-top: 7%;
}

		@media only screen and (max-width: 768px)
		{
			.contact-form
			{
				margin-top:25px; 
			}

			.btn-send
			{
				width: 100%;
				padding:10px; 
			}

			.second-portion
			{
				margin-top:25px; 
			}
		}
	/* Conatct end */

#mobile {
	display:none;
}
#fullslider {
	display:block;
}
#tab {
	display:none;
}

@media only screen and (max-width:768px){ 
body {
	padding-left: 0px;
}
h1.text-cntr {
   
    margin: 0;
}
h3.text-cntr {
	margin:0px;
}
#mobile {
	display:block;
}
#tab {
	display:none;
}
.slid-box-img {
    width: auto;
}
#fullslider {
	display:none;
}
.red-bg {
    background: #e5262696 ;
    height: 378px ;
}
.yallow-bg {
    background: #ba7309ba;
    height: 331px;
    z-index: 5;
}
.green-bg {
    background: #5dba09ba ;
    height: 438px;
}
.blue2-bg {
    background: #0999baba ;
    height: 331px;
	
}
.blue-bg {
  
    height: 331px;
	z-index:5;
	
}
.grid figure.red-bg2 {
	  position: relative;
    background: #e5262696;
    height: 430px;
}
.black-bg {
    background: #000000a3 ;
    height: 378px ;
}
.pink-bg {
    background: #f0086887 ;
    height: 389px;
}
.people-dec .nav-tabs > li {
    float: none;
    margin-bottom: 0;
    padding-bottom: 19px;
    width: 100%;
    text-align: center;
}
.footer-nav ul li {
    list-style: none;
    padding: 0px 3px;
    display: inline !important;
    padding: 2px 5px;
    font-size: 11px;
    text-align: center;
    float: left;
}
.copyryt {
    text-align: left;
    padding-left: 0;
    font-size: 14px;
    padding-bottom: 10px;
}
h3.expertise-title {
    text-align: left;
    font-size: 26px;
    color: #fff;
    padding-top: 43px;
    padding-left: 14px;
    text-align: center;
    padding: 19px 10px;
}
.expertise-bg {
    background: #d49b4e;
    background-repeat: no-repeat;
    height: 103px;
    margin-top: -21px;
}
.owl-theme .owl-nav [class*='owl-'] {
    color: #ffffff;
    font-size: 40px;
    margin: 5px;
    padding: 4px 7px;
    background: rgba(214, 214, 214, 0);
    padding-top: 157px;
    margin-top: -61px;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    color: #fff;
    background-color: #ab5312;
    border-radius: 0;
    /* border: none; */
    MARGIN-RIGHT: 0;
}

.nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    background-color: #ab5312;
    border-radius: 0;
    MARGIN-RIGHT: 0;
}
.our-people-section {
    background: #fff;
    /* padding: 15px; */
    /* left: 5%; */
    margin-left: 5%;
    margin-top: 5%;
    margin-right: 5%;
    padding: 20px;
}
.right-sidebar {
    width: 100%;
    float: right;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover {
    color: #bc702c;
    background-color: #e4942100;
	background-image:none;
	background-repeat:no-repeat;
	 background-position: right ;
}
.why-us-nav {
    background: #e49d2f;
    color: #fff !important;
    margin-right: 0;
	padding-right: 0;
}
.section-why-us {
    position: relative;
    top: 0px;
    bottom: 0px;
    left: 0%;
    width: 100%;
    overflow: visible;
    background: none;
    background-repeat: no-repeat;
    height: auto;
}
.navbar-fixed-left .navbar-nav > li > .dropdown-menu {
    margin-top: 1px;
    margin-left: 304px;
    height: 768px;
    /* position: relative; */
    width: 100%;
}
.why-us-tab h3 {
    font-size: 41px;
    font-weight: bold;
    color: #fff;
    padding-left: 0%;
    padding-bottom: 13px;
    text-align: center;
    margin: 0;
}
	
.why-us-tab {
    margin-left: 0;
    margin-top: 0;
    margin-right: 0;
}

.outerbox {
    border: 8px solid white;
    width: 181px;
    height: 159px !important;
    box-shadow: 0px 0px 7px grey;
    overflow: hidden;
    margin-bottom: 30px;
}


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


*{margin:0;padding:0;text-decoration:none}

header{position:relative;width:100%;background:#333;}
.logo{position:relative;z-index:123;padding:10px;font:18px verdana;color:#6DDB07;float:left;width:15%}
.logo a{color:#6DDB07;}
nav{position:relative;width:980px;margin:0 auto;}
#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #head-mobile{border:0;list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#cssmenu:after,#cssmenu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
#cssmenu #head-mobile{display:none}
#cssmenu{font-family:sans-serif;background:#333}
#cssmenu > ul > li{float:left}
#cssmenu > ul > li > a{padding:17px;font-size:12px;letter-spacing:1px;text-decoration:none;color:#ddd;font-weight:700;}
#cssmenu > ul > li:hover > a,#cssmenu ul li.active a{color:#fff}
#cssmenu > ul > li:hover, #cssmenu ul li.active:hover, #cssmenu ul li.active, #cssmenu ul li.has-sub.active:hover {
    background: #df8a1f!important;
    -webkit-transition: background .3s ease;
    -ms-transition: background .3s ease;
    transition: background .3s ease;
}
#cssmenu > ul > li.has-sub > a{padding-right:30px}
#cssmenu > ul > li.has-sub > a:after{position:absolute;top:22px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu > ul > li.has-sub > a:before{position:absolute;top:19px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu > ul > li.has-sub:hover > a:before{top:23px;height:0}
#cssmenu ul ul{position:absolute;left:-9999px}
#cssmenu ul ul li{height:0;-webkit-transition:all .25s ease;-ms-transition:all .25s ease;background:#333;transition:all .25s ease}
#cssmenu ul ul li:hover{}
#cssmenu li:hover > ul{left:auto}
#cssmenu li:hover > ul > li{height:35px}
#cssmenu ul ul ul{margin-left:100%;top:0}
#cssmenu ul ul li a{border-bottom:1px solid rgba(150,150,150,0.15);padding:11px 15px;width:170px;font-size:12px;text-decoration:none;color:#ddd;font-weight:400;}
#cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a{border-bottom:0}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{color:#fff}
#cssmenu ul ul li.has-sub > a:after{position:absolute;top:16px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu ul ul li.has-sub > a:before{position:absolute;top:13px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu ul ul > li.has-sub:hover > a:before{top:17px;height:0}
#cssmenu ul ul li.has-sub:hover,#cssmenu ul li.has-sub ul li.has-sub ul li:hover{background:#363636;}
#cssmenu ul ul ul li.active a{border-left:1px solid #333}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active> a{border-top:1px solid #333}


.logo {
    position: absolute;
    top: 0;
    left: 0;
    width: 31%;
    height: 47px;
    text-align: center;
    padding: 10px 0 0 0;
    float: none;
}
.logo a img {
    width: 140px;
    height: 72px;
}
@media only screen and (max-width: 768px){ 
h1.text-cntr {
    text-align: center;
    line-height: initial;
    font-size: 50px;
    color: #fff;
    font-family: 'Walkway_Black-webfont';
    margin: 0;
    padding-top: 64%;
    text-decoration: none;
}
h1.text-cntr:hover {
	text-decoration:none;
}
a:hover {
	text-decoration:none;
}
a {
	text-decoration:none;
}
h3.text-ryt {
    text-align: left;
    width: 47%;
    float: right;
    padding: 8px 12px;
    color: #fff;
    font-family: 'Walkway_Black-webfont';
}
h1:hover {
	text-decoration:none;
}

h3.text-cntr {
	margin:0px;
}
.left-hover-bg {float:none !important;}
.red-bg2 {
    background: #e5262696 !important;
    height: 430px !important;
}

}
.logo2{display:none}
nav{width:100%;}
#cssmenu{width:100%}
#cssmenu ul{width:100%;display:none}
#cssmenu ul li{width:100%;border-top:1px solid #444}
#cssmenu ul li:hover{background:#363636;}
#cssmenu ul ul li,#cssmenu li:hover > ul > li{height:auto}
#cssmenu ul li a,#cssmenu ul ul li a{width:100%;border-bottom:0;     text-transform: uppercase;}
#cssmenu > ul > li{float:none}
#cssmenu ul ul li a{padding-left:25px}
#cssmenu ul ul li{background:#333!important;}
#cssmenu ul ul li:hover{background:#363636!important}
#cssmenu ul ul ul li a{padding-left:35px}
#cssmenu ul ul li a{color:#ddd;background:none}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a{color:#fff}
#cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left}
#cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before{display:none}
#cssmenu #head-mobile {
    display: block;
    padding: 23px;
    color: #ddd;
    font-size: 12px;
    font-weight: 700;
    background: #fff;
    height: 87px;
}
.button {
    width: 55px;
    height: 46px;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    z-index: 12399994;
    color: #000;
    background: #e39422;
    margin-top: 15px;
    margin-right: 20px;
    border: 2px solid #fff;
    box-shadow: 0 6px 10px 0 rgba(0,0,0,0.14), 0 1px 18px 0 rgba(0,0,0,0.12), 0 3px 5px -1px rgba(0,0,0,0.3);
}.button:after {
    position: absolute;
    top: 22px;
    right: 16px;
    display: block;
    height: 4px;
    width: 20px;
    border-top: 2px solid #dddddd;
    border-bottom: 2px solid #dddddd;
    content: '';
}
.button:before {
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
    position: absolute;
    top: 14px;
    right: 16px;
    display: block;
    height: 4px;
    width: 20px;
    background: #ddd;
    content: '';
}
.button.menu-opened:after {
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
    top: 23px;
    border: 0;
    height: 4px;
    width: 19px;
    background: #fff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.button.menu-opened:before{top:23px;background:#fff;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
#cssmenu .submenu-button{position:absolute;z-index:99;right:0;top:0;display:block;border-left:1px solid #444;height:46px;width:46px;cursor:pointer}
#cssmenu .submenu-button.submenu-opened{background:#262626}
#cssmenu ul ul .submenu-button{height:34px;width:34px}
#cssmenu .submenu-button:after{position:absolute;top:22px;right:19px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu ul ul .submenu-button:after{top:15px;right:13px}
#cssmenu .submenu-button.submenu-opened:after{background:#fff}
#cssmenu .submenu-button:before{position:absolute;top:19px;right:22px;display:block;width:2px;height:8px;background:#ddd;content:''}
#cssmenu ul ul .submenu-button:before{top:12px;right:16px}
#cssmenu .submenu-button.submenu-opened:before{display:none}
#cssmenu ul ul ul li.active a{border-left:none}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a{border-top:none}
}
@media only screen and (mix-width:768px) and (max-width:1200px) {
.why-us-nav {
    background: #e49d2f;
    color: #fff !important;
    margin-right: 0;
}

}


@media only screen and (min-width: 992px) {
	.navbar-default .navbar-nav > li > a {
    color: #6d6d6d;
    font-size: 14px !important;
	}
	.navbar-nav > li > a {
    padding-top: 9px !important;
    padding-bottom: 9px !important;
    font-size: 16px;
}

}

@media (min-width: 1281px) {

.outerbox {
   
    width: 100%;
    height: 225px !important;
   
}

}