*{margin: 0px; padding: 0px;}


body {
      font: 400 15px/1.8 Lato, sans-serif;
      color: #777;
  }

  .up-arrow{
  	width: 50px;
  	height: 50px;
  	border-radius: 8px;
  	background-color: #f48120;
  	position: fixed;
  	right: 3%;
  	bottom: 3%;
  	z-index: 1000;
  	text-align: center;
  	line-height: 50px;
  	color: #fff;
  }
  .bdr{width:50px; height: 3px; background-color: #f48120; display:block; margin: 5px 0px; }
/*========================================
			CSS FOR TOP HEADER SECTION
==========================================*/
  .navbar {
      font-family: Montserrat, sans-serif;
      margin-bottom: 0;
      background-color: #fff;
      border: 0;
      font-size: 12px !important;
      letter-spacing: 1px;
  }
  .navbar-brand{padding: 5px 15px;}
  .navbar-brand img{width: 80%;}
  .navbar li a, .navbar .navbar-brand { color: #676767 !important;}
  .navbar-nav>li>a{padding: 30px 10px;}
  .navbar-nav li a:hover {color: #f48120 !important;}
  .navbar-nav li.active a {color: #fff !important;background-color: #f48120 !important;}
  .navbar-default .navbar-toggle {border-color: transparent;}
  .open .dropdown-toggle {color: #fff!important	;background-color: #f48120  !important;}
  .open .dropdown-toggle:hover {color: #fff!important;}
  .dropdown-menu li a {color: #000 !important;font-size: 10px;}
  .dropdown-menu li a:hover {background-color: #f48120 !important;color: #fff!important;}
  .navbar-right .dropdown-menu{right: auto;left: 0;}

/*==========================================
			CSS FOR CAROUSEL SECTION
============================================*/
  .carousel-inner img {width: 100%; margin: auto;}
  .carousel-caption h3 {color: #fff !important;}


 /*=========================================
 COMMEN	CSS FOR RECENT PROJEC & OUR CLIENT
============================================*/ 
.project,.client{ padding: 90px 0px;}
.project h3,
.client h3{ border-bottom: 2px solid #E2B503; letter-spacing: 5px; font-weight: bolder;}


/*===================================
 			CSS FOR RECENT PROJEC
=====================================*/
.project{background: #142a37; color: #bdbdbd;}
.project h3{color: #fff;}
.project p {font-style: italic;}

.overlay {
  position: absolute;
  bottom: 0;
  left: 100%;
  right: 0;
  background-color: rgba(255, 255, 255, 0.7);
  overflow: hidden;
  width: 0;
  height: 100%;
  transition: .1.5s ease;
}

.project .col-sm-3:hover .overlay {
  width: 100%;
  left: 0;
  cursor: pointer;
}

.text {
  color: #353535;
  font-size: 16px;
  font-weight: bolder;
  text-align: center;
  position: absolute;
  font-style: normal!important;
  padding: 10px;
  top: 50%;
  -webkit-transform: translate(-0%, -50%);
  -ms-transform: translate(-0%, -50%);
  transform: translate(-0%, -50%);
}


/*===================================
 			CSS FOR OUR CLIENT
=====================================*/
.client h3{width: 330px!important; margin: 0px auto; color:#1e1e1e; }
.client img{width: 100%;}
/*===================================
		CSS FOR OUR FOOTER SECTION
=====================================*/
  footer {
      background-color: #282728;
      color: #f5f5f5;
      padding: 20px;
  }
  footer a {
      color: #f5f5f5;
  }
  footer a:hover {
      color: #777;
      text-decoration: none;
  }  
  .form-control {
      border-radius: 0;
  }
  textarea {
      resize: none;
  }

/*==================================
CSS FOR ABOUT US SECTION
====================================*/
.about-hding{background-color: #142a37; padding-top: 120px; padding-bottom: 50px;}
.about-hding h1{color: #fff; letter-spacing: 5px; font-weight: bolder; font-size: 40px;}
.about-hding h1 span{font-weight: normal; color: #f48120;}

.about-cmpny{padding: 50px 0px;}
.about-cmpny h3{
	text-transform: uppercase; 
	color: #142a37; 
	font-size: 25px; 
	font-weight: bolder; 
	padding: 0px; 
	margin: 0px;
	letter-spacing: 3px;
}
.about-cmpny p{text-align: justify; line-height: 22px; padding-top: 12px;}



.about-cmpny .carousel .carousel-indicators{width: 100%; left: 0; margin-left: 0px;top: 100%;}
.about-cmpny .carousel .carousel-indicators li{width: 150px; height: 60px; border: none; background-color: transparent; border-radius: 0px; display: inline-block;}

.list-group-item{background-color: #f48120!important; border: none; color: #fff;}
.list-group-item.active, .list-group-item:focus, .list-group-item:hover{background-color: #E56C06!important ;color: #fff!important; border: none;}
a.list-group-item, button.list-group-item{color: #fff; text-transform: uppercase; font-size: 11px; font-weight: bold;}
a.list-group-item:hover, button.list-group-item:hover{color: #fff;}



.dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
    top:0;
    left:100%!important;
    margin-top:-6px;
    margin-left:-1px;
    -webkit-border-radius:0 6px 6px 6px;
    -moz-border-radius:0 6px 6px 6px;
    border-radius:0 6px 6px 6px;
}
.open .dropdown-submenu>.dropdown-toggle{background-color:transparent!important; color:#333!important;}
.open .dropdown-submenu>.dropdown-toggle:hover{background-color:#f48120!important; color:#fff!important;}
.dropdown-submenu>a:after {
    display:block;
    content:" ";
    float:right;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid;
    border-width:5px 0 5px 5px;
    border-left-color:#cccccc;
    margin-top:5px;
    margin-right:-10px;
}
.dropdown-submenu:hover>a:after {
    border-left-color:#555;
}
.dropdown-submenu.pull-left {
    float:none;
}
.dropdown-submenu.pull-left>.dropdown-menu {
    left:-100%;
    margin-left:10px;
    -webkit-border-radius:6px 0 6px 6px;
    -moz-border-radius:6px 0 6px 6px;
    border-radius:6px 0 6px 6px;
}








/*============ MEDIA QUERY(SCREEN-XS) ============*/
@media (max-width: 360px) {
.navbar-brand img{width: 45%;}
.navbar-nav>li>a{padding: 5px;}
.up-arrow{bottom: 10%;}
.dropdown-menu>li>a{white-space: pre-wrap;}
.about-hding {padding-top: 60px;padding-bottom: 25px;}
.about-hding h1{text-align: center;}

.project,
.client{padding: 50px 0px;}
.project h3,
.client h3{font-size: 25px; letter-spacing: 2px; text-align: center;}
.project h3{width: 270px; margin: 0px auto 30px auto;}
.client h3{width: 200px!important; margin: 0px auto 30px auto;}
.project img{width: 100%; margin:15px auto; }
.client img{width: 50%; display: block; margin: 5px auto;}
}

  @media (max-width: 600px) {
    .carousel-caption {
      display: none; /* Hide the carousel text when the screen is less than 600 pixels wide */
    }
  }


/*============ MEDIA QUERY(SCREEN-SM) ============*/
@media (min-width: 768px) {
.navbar-brand {padding: 5px 15px;width: 175px;}
.navbar-brand img{width: 100%;}
.navbar-nav>li>a{padding:15px 8px;}
.navbar-right .dropdown-menu{right: 0;left: auto;}
.affix {box-shadow: 2px 0px 5px #2E2E2E; z-index: 9999 !important;  }
.affix .navbar-brand img{width: 90%;}
.affix .navbar-nav>li>a{padding:10px 8px;}
//.dropdown-menu{left: 0!important;}
.project .col-sm-3{padding: 0px!important;}

.project,.client{ padding: 40px 0px;}
.project h3{width: 400px; margin: 0px auto 30px auto;}
.client h3{width: 300px!important; margin: 0px auto 30px auto;}



}
/*============ MEDIA QUERY(SCREEN-LG) ============*/
@media (min-width: 992px) {
.container-fluid{width: 992px; margin: 0px auto;}
.navbar-brand {padding: 5px 15px;width: 240px;}
.navbar-brand img{width: 100%;}
.navbar-nav>li>a{padding:25px 15px;}
.navbar-right .dropdown-menu{right: 0;left: auto;}
.affix {z-index: 9999 !important;  }
.affix .navbar-brand img{width: 70%;}
.affix .navbar-nav>li>a{padding:15px 15px;}

}

/*============ MEDIA QUERY(SCREEN-XL) ============*/
@media (min-width: 1200px) {
.container-fluid{width: 1200px; margin: 0px auto;}
.navbar-brand {padding: 5px 15px;width: 250px;}
.navbar-brand img{width: 100%;}
.navbar-nav>li>a{padding:30px 15px;}

.affix {z-index: 9999 !important;  }
.affix .navbar-brand img{width: 75%;}
.affix .navbar-nav>li>a{padding:18px 15px;}
.project h3,.client h3{font-size: 30px; width: 450px; margin: 0px auto; margin-bottom: 60px;}
.client h3{width: 322px!important;}
.project .col-sm-3{padding: 0px!important;}
.navbar-right .dropdown-menu{right: auto;left: 0;}
}







.list-bg{background-color: #f5b47d!important; color:#000!important; font-weight:normal!important;}