*{margin:0;padding:0;box-sizing: border-box;}
h4{font-family: 'FontAwesome'};



.cus_nav li a {
	color: black !important;
}

.cus_nav li a:hover {
	color: #df8e6a !important;
}
.footer-style-two .list-link li a:hover{color: #df8e6a !important;}
.main-header.header-style-two .main-menu .navigation>li:hover>a,
.main-header.header-style-two .main-menu .navigation>li.current>a {
	color: #df8e6a !important;text-decoration: none;
}

.main-header .main-menu .navigation>li>a:before {
background-color:black!important;


}.footer-style-two .social-box li a:hover{color: rgb(249 249 249);
    background-color: rgb(212 131 88)!important;}
.sticky-header{background-color:#000!important;}

.text-0{background: #b99b53;
    display: inline-block;
    padding: 8px;}
.header-top-two .info-links li .icon{color: white !important;}
.info-links li{color: white !important;}
.info-links li a:hover{color: black !important;}
.btn-1{background-color: #df8e6a!important;}
.btn-1 a{color: white !important;text-decoration: none;} .btn-1 a:hover{color:black!important;}
.main-header .main-menu .navigation > li > ul > li{background-color: #fff!important;}
.header-top-two .top-right .social-box li {
    position: relative;
    margin-left: var(--margin-left-13)!important;
    display: inline-block;
    margin-right: 25px;}
	.footer-style-two:before{background-color:#000!important;}
	.bg-1{background-color: white!important;}
	.footer-style-two .footer-bottom {
		position: relative;
		padding: 90px 0px 35px;
		text-align: center;
		background-color: rgb(218 186 118);
	}
	.header_1{background-color:rgb(218 186 118)!important;}
	.header-top-two .top-right .social-box li a:hover{color: #df8e6a !important;}
	.footer-style-two .footer-bottom .copyright{
		color:white;
	}
	.color-1{
		color: #df8e6a !important;
	}
.color-1:hover{background-color:#df8e6a  ;color: white !important;}
.bg_2{background-color:#df8e6a!important;}.bg_3{background-color: #d7b76e!important;}
.btn-2{background-color:#df8e6a!important;color:white!important;}
.btn-2:hover{background-color: #c1a35c!important;color: white!important;}
.count_1{background-color:#df8e6a!important;}.count_2{color: white!important;}
.mark_1{border-left:4px solid #df8e6a;}
.box_shadow:hover{box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
.color_1 h5{color:#df8e6a;}
.text{text-align: justify!important;}
.text_1{color: black !important;}
.btn-3{background-color:#df8e6a!important;}
.btn-3:hover{background-color: #df8e6a!important;color:black !important;}
/* 9 */
.frame {
	width: 90%;
	 margin: 10px auto; 
	text-align: center;
  }
  button {
	margin-top: 10px;
    margin-bottom: 10px;
  }
  .custom-btn {
	width: 160px;
    height: 44px;
	color: #fff;
	border-radius: 5px;
	padding: 10px 25px;
	font-family: 'Lato', sans-serif;
	font-weight: 500;
	background: transparent;
	cursor: pointer;
	transition: all 0.3s ease;
	position: relative;
	display: inline-block;
	 box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5),
	 7px 7px 20px 0px rgba(0,0,0,.1),
	 4px 4px 5px 0px rgba(0,0,0,.1);
	outline: none;
  }
 
/* 4 */
.btn-4 {
	background-color: #c97850;
    background-image: linear-gradient(315deg, #cf7f54 0%, #e4b195 74%);
	line-height: 42px;
	padding: 0;
	border: none;
  }
  .btn-4:hover {
    background-color: #df8e6a;
    background-image: linear-gradient(315deg, #dbb099 0%, #c6754f 74%);
}
  .btn-4 span {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
  }
  .btn-4:before,
  .btn-4:after {
	position: absolute;
	content: "";
	right: 0;
	top: 0;
	 box-shadow:  4px 4px 6px 0 rgba(255,255,255,.9),
				-4px -4px 6px 0 rgba(116, 125, 136, .2), 
	  inset -4px -4px 6px 0 rgba(255,255,255,.9),
	  inset 4px 4px 6px 0 rgba(116, 125, 136, .3);
	transition: all 0.3s ease;
  }
  .btn-4:before {
	height: 0%;
	width: .1px;
  }
  .btn-4:after {
	width: 0%;
	height: .1px;
  }
  .btn-4:hover:before {
	height: 100%;
  }
  .btn-4:hover:after {
	width: 100%;
  }
  .btn-4 span:before,
  .btn-4 span:after {
	position: absolute;
	content: "";
	left: 0;
	bottom: 0;
	box-shadow:  4px 4px 6px 0 rgba(255,255,255,.9),
				-4px -4px 6px 0 rgba(116, 125, 136, .2), 
	  inset -4px -4px 6px 0 rgba(255,255,255,.9),
	  inset 4px 4px 6px 0 rgba(116, 125, 136, .3);
	transition: all 0.3s ease;
  }
  .btn-4 span:before {
	width: .1px;
	height: 0%;
  }
  .btn-4 span:after {
	width: 0%;
	height: .1px;
  }
  .btn-4 span:hover:before {
	height: 100%;
  }
  .btn-4 span:hover:after {
	width: 100%;
  }
  /* 7 */
.btn-7 {
	background-image: linear-gradient(315deg, #cf7f54 0%, #e4b195 100%);
	  line-height: 42px;
	  padding: 0;
	  border: none;
	}
	.btn-7 span {
	  position: relative;
	  display: block;
	  width: 100%;
	  height: 100%;
	}
	.btn-7:before,
	.btn-7:after {
	  position: absolute;
	  content: "";
	  right: 0;
	  bottom: 0;
	  background: rgb(217 136 94);
	  box-shadow:
	   -7px -7px 20px 0px rgba(255,255,255,.9),
	   -4px -4px 5px 0px rgba(255,255,255,.9),
	   7px 7px 20px 0px rgba(0,0,0,.2),
	   4px 4px 5px 0px rgba(0,0,0,.3);
	  transition: all 0.3s ease;
	}
	.btn-7:before{
	   height: 0%;
	   width: 2px;
	}
	.btn-7:after {
	  width: 0%;
	  height: 2px;
	}
	.btn-7:hover{
	  color: rgb(217 136 94);
	  background: transparent;
	}
	.btn-7:hover:before {
	  height: 100%;
	}
	.btn-7:hover:after {
	  width: 100%;
	}
	.btn-7 span:before,
	.btn-7 span:after {
	  position: absolute;
	  content: "";
	  left: 0;
	  top: 0;
	  background: rgba(251,75,2,1);
	  box-shadow:
	   -7px -7px 20px 0px rgba(255,255,255,.9),
	   -4px -4px 5px 0px rgba(255,255,255,.9),
	   7px 7px 20px 0px rgba(0,0,0,.2),
	   4px 4px 5px 0px rgba(0,0,0,.3);
	  transition: all 0.3s ease;
	}
	.btn-7 span:before {
	  width: 2px;
	  height: 0%;
	}
	.btn-7 span:after {
	  height: 2px;
	  width: 0%;
	}
	.btn-7 span:hover:before {
	  height: 100%;
	}
	.btn-7 span:hover:after {
	  width: 100%;
	}
	.accordion {
		background-color: #eee;
		color: #444;
		cursor: pointer;
		padding: 18px;
		width: 100%;
		border: none;
		text-align: left;
		outline: none;
		font-size: 15px;
		transition: 0.4s;
	  }
	  
	  .acc-1:hover {
		background-color: #daa084;color:white;
	  }
	  
	  .accordion:after {
		content: '\002B';
		
		font-weight: bold;
		float: right;
		margin-left: 5px;
	  }
	  
	  /* .active:after {
		content: "\2212";
	  } */
	  
	  .panel {
		padding: 0 18px;
		background-color: white;
		max-height: 0;
		overflow: hidden;
		transition: max-height 0.2s ease-out;
	  }.slide-item{background-color: whitesmoke;}
	  .t1:hover{color:#c6754f;}
	  .hom a:hover{color:white!important;}
	.hom{display: flex;
		justify-content: space-between;
		margin-top: 44px;
	}
	  .blog-banner {
		background: transparent url(../images/about-banner.jpg);
		color: #FFF;
		box-sizing: border-box;
		height: 307px;
		width: 100%;
		background-position: 50% 0px;opacity:0.9;
	}
	.certi{background: transparent url("../images/about-us.jpg");
		color: #FFF;
		box-sizing: border-box;
		height: 307px;
		width: 100%;
		background-position: 50% 0px;opacity:0.9;}
.about{background: transparent url("../images/about-us.jpg") no-repeat;
	color: #FFF;
	box-sizing: border-box;
	height: 307px;
	width: 100%;
	background-position: 100% 0px;opacity:0.9;}
.copper{background: transparent url("../images/copper.jpg") no-repeat;
	color: #FFF;
	box-sizing: border-box;
	height: 307px;
	width: 100%;
	background-position: 50% 0px;opacity:0.9;}
.brass{background: transparent url("../images/brass.jpg") no-repeat;
	color: #FFF;
	box-sizing: border-box;
	height: 307px;
	width: 100%;
	background-position: 50% 0px;opacity:0.9;}
	.infra{background: transparent url("../images/infrastructure.jpg") no-repeat;
		color: #FFF;
		box-sizing: border-box;
		height: 307px;
		width: 100%;
		background-position: 1% 0px;opacity:0.9;}
		.certi{background: transparent url("../images/certificates.jpg") no-repeat;
			color: #FFF;
			box-sizing: border-box;
			height: 307px;
			width: 100%;
			background-position: 14% 0px;opacity:0.9;}
		.spec{background: transparent url("../images/SPEC.jpg") no-repeat;
			color: #FFF;
			box-sizing: border-box;
			height:200px;
			width: 100%;
			background-position: 50% -114px;
    opacity: 0.9;background-repeat: no-repeat;}
	.contact{background: transparent url("../images/contact-us.jpg") no-repeat;
		color: #FFF;
		box-sizing: border-box;
		height:307px;
		width: 100%;
		background-position: 49% 0px;
opacity: 0.9;background-repeat: no-repeat;}
	.c-1{color:black;}
	.c-1:hover{color: #c6754f !important;}
	  /*why us  */
	 
	  .why-us .content {
		  padding: 30px;
		  background: #f2efe7;
		  border-radius: 4px;
		  color: #f6ffff;
		  box-shadow: 0px 2px 15px rgba(45, 44, 44, 0.1);height:400px;
	  }
	  
	  .why-us .content h3 {
		  font-weight: 700;
		  font-size: 34px;
		  margin-bottom: 30px;
	  }
	  
	  .why-us .content p {
		  margin-bottom: 30px;
	  }
	  
	  .why-us .content .more-btn {
		  display: inline-block;
		  background: rgba(255, 255, 255, 0.1);
		  padding: 6px 30px 8px 30px;
		  color: #fff;
		  border-radius: 50px;
		  transition: all ease-in-out 0.4s;
	  }
	  
	  .why-us .content .more-btn i {
		  font-size: 14px;
	  }
	  
	  .why-us .content .more-btn:hover {
		  color: #ffbd0e;
		  background: #fff;
	  }
	  
	  .why-us .icon-boxes .icon-box {
		  text-align: center;
		  border-radius: 10px;
		  background: #f2ded4;
		  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
		  padding: 40px 30px;
		  width: 100%;
		  transition: 0.3s;
		
		  border-bottom: 4px solid #d88a61;
	  }
	  
	  .why-us .icon-boxes .icon-box i {
		  font-size: 40px;
		  color: #d88a61;
		  margin-bottom: 30px;
	  }
	  
	  .why-us .icon-boxes .icon-box h4 {
		  font-size: 20px;
		  font-weight: 700;
		  margin: 0 0 30px 0;
	  }
	  
	  .why-us .icon-boxes .icon-box p {
		  font-size: 15px;
		  color: #848484;
		  text-align: justify;
	  }
	  
	  .why-us .icon-boxes .icon-box:hover {
		  box-shadow: 0px -3px 3px rgba(0, 0, 0, 0.15) !important;
	  }
	  .icon-1{
		font-size: 39px;
		color: #d88a61;
	}.why-us .icon-boxes .icon-box h4{color:#c6754f;}
	.experiance-section-two {
		position: relative;
		overflow: hidden;
		padding: 80px 0px 12px;
		background-color: #f3f3f3;
	}
/* why us */
.bg-back{background-color:#d9c9a1;}
.txt-1{text-align: center;color:#c6754f;margin:10px 0px;}
@media screen and (max-width: 598px) {
.flaticon-menu:before {
    content: "\f12a";color:#fff !important;
}.img_1{margin: 0px 78px;width:100%;}
}


/* media query for mobile  start*/
	@media screen and (max-width: 540px) {
		.header-top-two{
			display:none;
		}.main-header.header-style-two .header-upper .logo-box{
			margin-left:-15px;
		}.main-header .nav-outer .mobile-nav-toggler{color:white;}
		span{display: block!important;}.experiance-section-two .image-column .year-box{height: 279px !important;}.projects-section-two .filters li{padding: 5px 8px 10px;}
		.clients-section{background-color: white;} .image-two{display:none;}button.accordion.acc-1{    margin: 9px 0px;}
		.experiance-section-two .image-column .inner-column {
			 padding-left: 0px;
		}.text-p{text-align: center;margin: none;}.main-slider-two .content-column{margin-left:0px;}
	
	}
	@media screen and (max-width: 280px) {
	.pull-left {
		float: left;
		width: 50%;margin-top: 13px;
	}
}
/* media query for mobile end */