.effect-v6{	
	background-color: #000;
	overflow: hidden;
	position: relative;	
	margin: 0 auto;
	img {
	    @include opacity(1);
		@include transition (opacity 0.35s ease 0s);
		width: 100%;
	}
	.action {
	    transform: translate3d(0px, -100px, 0px);
    	transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
    	opacity: 0;
    	position: absolute;
    	top: 50%;
    	width: 100%;
    	text-align: center;
    	i.icons{
    		color: $gray;
    		font-size: 22px;
    		margin: 0 10px;
    		&:hover{
    			color: $brand-primary !important;;
	    		background: none !important;
    		}
    	}
	}
	
	/* style for hover */
	&:hover{
		border-color: $brand-primary;
		img {
			@include opacity(0.3);
		}
		.action {
		    opacity: 1;
   			transform: translate3d(0px, 0px, 0px);
		}

	}
}

.about-icon{
	.feature-box p{
		font-family: "TXGR";
		font-style: normal;
	}
}

.about-content{	
	background-color:#eee;
	.banner-title{
		text-align: center;
		h3{
			font-size: 18px;
			text-transform: uppercase;
			line-height: 30px;
			font-family: "TXGR";
		}
		p{
			font-family: "Lora";
			font-style: italic;
			color: $gray;
			line-height: 20px;
		}
	}
	.effect-v6{
		border-radius:50%;
		background:#fff;
		border:4px solid $brand-primary;
		img{
			border-radius:50%;
		}
	}
}
.our-skills{
	h3{
		font-family: "TXGR";
		color: $gray;
		text-transform: uppercase;
		font-size: 14px;
		margin-bottom: 10px;
	}
	.progress-bar-success{
		background: $brand-primary;
	}
	.progress-bar{
		box-shadow:none;
		position: relative;
		span{
			position: absolute;
			top:-30px;
			right: -15px;
			color: $gray;
			font-family: "texgyreadventorbold";
			font-size: 14px;
		}
	}
	.progress{
		border-radius:0;
		height: 8px;
		box-shadow:none;
		overflow: visible;

	}
}
.head-about{
	h3{
		font:400 30px/35px "Roboto Slab";
		color: #2b2b2b;
		margin-bottom: 25px;
	}
	p{
		font:400 16px/23px "Roboto Slab";
		color: #666;
		margin-bottom: 20px;
	}
	.col-md-6 img.img-responsive{
		position: relative;
		z-index: 3;
	}
	.col-md-6.pd-left-10{
		padding-left: 10px;
		padding-right: 45px;
		position: relative;
		@media (max-width: 440px){
			padding-right: 10px;
		}
		h3{
			position: relative;
			background-color: #fff;
			z-index:3;
			display: inline-block;
			padding-right: 45px;
		}
		&:before{
			position: absolute;
			content: "";
			left:-110px;
			right: 15px;
			bottom: -80px;
			top:16px;
			border: 1px solid $brand-primary;
			display: inline-block;
		}
		&:after{
			position: absolute;
			content: '';
			left:-80px;
			height:1px;
			width: 90px;
			background: #fff;
			top:16px;
		}
	}

	@media (max-width: 1200px){
		.col-md-6{
			text-align: center;
			img{
				margin: auto;
			}
			h3{
				margin-top: 30px;
			}
		}
		.col-md-6.pd-left-10{
			&:before{
				border: none;
			}
		}
	}
	.slider-about{
		padding: 0px 40px;
	}
}
.about-choose{
	background:#f7f7f7;
	h3{
		font:400 48px/50px "Playfair Display";
		color:$brand-primary;
		margin-bottom:30px; 
	}
	.choose-us .border-choose .images{
		background: #f7f7f7;
	}
	.border{
		p{
			font:400 18px/25px "Playfair Display";
			color:#565656;
			margin: auto;
			margin-bottom:30px; 
			padding: 0 40px;
			position: relative;
			padding-bottom:30px;
			&:before{
				position: absolute;
				left: 100px;
				right: 100px;
				height: 1px;
				bottom: 0px;
				background:#e6e6e6;
				content: '';
			} 
		}
	}
	.fbox-icon{
		font-size: 48px;
		margin-top:0px; 
	}
	.feature-box{
		.fbox-title{
			font:700 16px/20px "Roboto Condensed";
			color:#333;
			text-transform: uppercase;
			letter-spacing: 0px;
		}	
	}
}
.our-team{
	.head{
		margin-bottom:40px; 
		h3{
			font:400 48px/50px "Playfair Display";
			color:$brand-primary;
			margin: 10px 0px;
		}
		p{
			font:400 14px/30px "Roboto Slab";
			color:#565656;
			text-transform: capitalize;
		}
	}
	.interactive-banner{
		display: inline-block;
		width: auto;
		border-radius:50%;
		max-width: 100%;
		transition:all 0.3s ease 0s;
		&:hover{
			box-shadow: 0px 8px 33px 0px rgba(0, 0, 0, 0.13);
		}
		img{
			margin: auto;
			border-radius:50%;
		}
	}
	.banner-title{
		h3{
			font:700 24px/30px "Roboto Slab";
			text-transform: uppercase;
			margin: 10px 0px;
		}
		p{
			font:400 16px/25px "Roboto Slab";
			color:#666;
			margin-bottom:10px;
			margin-top: 20px;
			padding-top: 20px;
			position: relative;
			&:after{
				position: absolute;
				content: '';
				width:110px;
				height:1px;
				left:0px;
				right:0px;
				top:0px;
				background: #eee;
				margin: auto;
			}
		}
		.action{
			a{
				display: inline-block;
				margin: 0px 8px;
				transition:all 0.3s ease 0s;
				&:hover{
					i{
						color:$brand-primary;
					}
				}
			}
			i{
				font-size: 16px;
				color:#333;
			}
		}
	}
}
@include maxtable{
	.about-us{
		.col-md-4{
			&:nth-child(2){
				.feature-box{
					margin: 40px 0px 60px;
				}
			}
		}
		margin-bottom: 20px;
	}
}