/**********************intro bootstrap***************/
/**********nav************/
.navbar-default .navbar-nav>.active>a, 
.navbar-default .navbar-nav>.active>a:focus, 
.navbar-default 
.navbar-nav>.active>a:hover{
	color: #fff;
	background: #7D1313;
}
.navbar-default
 .navbar-brand{
 	color: #7D1313;
 	font-size: 22px;

 }
 
/*********end nav*********/
.carousel{
	overflow: hidden;
}

.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img{
	max-height: 100%;
}

.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img{width: 100%;}
.carousel-caption{
	color: #000;
	margin-bottom: 450px
	 
}
/********************* end bootstrao****************/
/********************* general**********************/
.photo{
	position: relative;
}
.caption-{
 position: absolute;
 width: 100%;
 height: 100%;
top:0;
bottom: 0;
left: 0;
right: 0;
background: rgba(0,0,0,.8);
border-radius: 30px;
text-align: center;
color: #fff;

}
.caption- h2{
	padding-top: 40px
}
h2{
	color: #7D1313;
}
i:hover{
	
	color: #fff;
	cursor: pointer;

}

/********************* end general*****************/

.navbar{
	margin-bottom: 0
}

.social{background: #252525; ; height: 40px; position: relative;}

.icon i {
	position: relative;
	margin-top: 10px;
	font-size: 20px;
	color: #a7a7a7;
	margin-left: 30px;
	cursor: pointer;
}
.icon i:first-child{
	margin-left: 70px;
}

.icon i:hover{
	color: #fff;
}
/***************describe*****************/ /**discribe*/

.describe{
	padding: 60px;
	text-align: center;

}
/***************** end describe*********/
/*************************all********************/ /**all**/
.all{
	text-align: center;
}
.all ul {
	overflow: hidden;
}
.all ul li{
	display: inline;
}
.all ul li button{
	background: #fff;
	color: #000;
	padding: 5px 8px;
	border-radius: 4px;
	margin-left: 10px;
}
.all .photo {
	position: relative;
	height: 400px;
	/*width: 300px;*/
	margin-bottom: 20px;
	right:0;
	text-align: center;


}
.photo img{
	width: 100%;
	height: 100%;
	border-radius: 30px;
}
.over-{
	position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0,0,0,.2);

color: #fff;
text-align: center;

}
.over- div{
	
	width: 85%;
	height: 85%;
	margin: 30px auto;

}
.over- h2{
	
	margin: 0;
	padding-top: 50%
}
.all .photo .over- div p,
.all .photo .over- div i
{
display: none;
}
.all .photo .over-:hover{
background: rgba(0,0,0,.8);
}
.all .photo .over-:hover div{
border: 1px solid #fff;
}
.all .photo .over-:hover i
{
display: block;
}
.all .photo .over-:hover p
{
display: block;
}
/****************************** all************************/
/******************************feature*********************/ /*feature*/
/*/********//*************/
#container .mix{
	display: none;
}
/********************/
.features{
padding:70px;
text-align: center;
font-size:48px;
background: url(../image/new/23.jpg);
background-attachment: fixed; 
background-size: cover;
position: relative;
color: #a7a7a7

}
.features p{
	font-size: 20px;
}
.over{
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
background:  #252525;
opacity: .5;

}
/***************************** end feature****************/
/************************** summer***************************/  /*summer*/
   .summer{
   	background: #f8f8f8;
   	padding: 40px;
   text-align: center;
   }

/***************************endsummer************************/
/*************************** client**************************/  /*client*/
.clients{
	/*background: #f8f8f8;*/
	padding: 40px;
}
/*************************** end client**********************/  

/**************************footer****************************/  /*footer*/
footer{
	background: #252525;
	color: #a7a7a7;
	padding: 30px 0 0 0;
}
footer h2{
	border-bottom: 1px solid #a7a7a7;
	padding-bottom: 10px;
}
footer li
{margin-bottom: 10px;}
footer .about i {padding-left: 15px;}
footer .about span{
font-size: 30px;

}
footer .add li,
footer .call li {
font-size: 25px;
margin-bottom: 15px;

}
footer .add li i,
footer .call li i
{
	padding-left: 10px;

}
footer .our li i{
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 50%;
	border: 2px solid #a7a7a7;
}
footer .sub form input{
border-radius: 4px;
border: 1px solid #252525;
}
footer .sub form button{
	border-radius: 4px;
}
footer .sub i{
	margin: 10px 5px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 50%;
	border: 2px solid #a7a7a7;
}
footer .our li i:hover,
footer .sub i:hover{
	background:#7D1313 
}

/*************************end footer*************************/