/*section_hedding*/
.heding_sec {
	position: relative;
}
.heding_sec h2{
	    font-size: 23px;
    font-weight: bold;
    margin-top: 0;
    color: #232323;
    text-transform: uppercase;
}
.bot_line {
	margin: 0 auto;
	width: 50px;
	height: 2px;
	background: #444;
	display: block;
}
@media (max-width: 767px) {
	.equal_line {
		line-height: 1.5;
	}
}

/*three_cloume*/
.gradient_bg{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#131313+0,131313+0,595959+56,595959+56,131313+98 */
background: #131313; /* Old browsers */
background: -moz-linear-gradient(-45deg, #131313 0%, #131313 0%, #595959 56%, #595959 56%, #131313 98%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #131313 0%,#131313 0%,#595959 56%,#595959 56%,#131313 98%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #131313 0%,#131313 0%,#595959 56%,#595959 56%,#131313 98%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#131313', endColorstr='#131313',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.gool_cloume {
	overflow: hidden;
	background: #fff;
	padding: 20px 20px 11px;
}
.left_icon {
	float: left;
	width: 50px;
	position: relative;
}
.left_icon i {
	font-size: 40px;
	color: #6f6f6f;
}
.left_icon .small_brd {
	height: 40px;
	width: 2px;
	position: absolute;
	right: 0px;
	top: 0px;
	background: #6f6f6f;
}
.right_text {
	float: right;
	width: calc(100% - 70px);
	margin-left: 16px;
}
.right_text h3 {
	color: #232323;
	font-size: 18px;
	margin: 0px 0px 10px 0px;
	font-weight: normal;
}

/*project*/
.about-block {
	-webkit-transition: all 0.4s linear 0s;
	-ms-transition: all 0.4s linear 0s;
	transition: all 0.4s linear 0s;
}

.none-responsive{
	max-width:none;
}
.half-width {
	overflow: hidden;
}
.fl {
	float: left;
}
.fr {
	float: right;
}

.half-width {
	width: 50%;
}
.black-bg {
    background: #2C2C2C;
}
.hover-bg:hover{
	    background:#ffaf36;
}

.project-info-box li {
	padding-top: 8px;
	
}
.project-info-box strong {
	min-width: 133px;
	display: inline-block;
}
@media (max-width: 767px) {
.width-25per {
	width: 100%;
}
.width-75per {
	width: 100%;
}
.half-width {
    width: 100%;
}
.none-responsive{
max-width:100%;
}
}
@media (max-width: 991px) {
.project-info-box {
	padding-left: 26px;
}
.project-info-box strong {
	min-width: 100px;
}
}
/*=======Project Section=========*/
.project__box{
	position: relative;
	overflow: hidden;
	background: #000;
}
.project__box img{
	opacity: 0.5;
}
.project__box_details{
	position: absolute;
    bottom: 20px;
    right: 20px;
    background: #fff;
    width: 70%;
    padding: 30px;
    transform: translateY(80px);
    opacity: 0;
    transition: all 0.2s ease-in-out;
}
.project__box_details h3{
	color:#222;
}
.project__box:hover .project__box_details{
	 transform: translateY(0px);
    opacity: 1;
}
.project__box_details .more_btn__block{
	margin-top: 0;
}
/*OUR SERVICE*/
.gradient_bg{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#131313+0,131313+0,595959+56,595959+56,131313+98 */
background: #131313; /* Old browsers */
background: -moz-linear-gradient(-45deg, #131313 0%, #131313 0%, #595959 56%, #595959 56%, #131313 98%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #131313 0%,#131313 0%,#595959 56%,#595959 56%,#131313 98%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #131313 0%,#131313 0%,#595959 56%,#595959 56%,#131313 98%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#131313', endColorstr='#131313',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.withe-hedding .heding_sec h2, .withe-hedding .left_icon i, .withe-hedding h3{
	color: #fff;
}

/*Blog*/
.two_light-gray-bg{
	    background: #f7f7f7;
}
.light-gray-bg{
	background:#e4e4e4;
}
.drack-gray-bg{
	background:#cecece;
}