@charset "utf-8";


.our-projects.style-two .project-block-one {
    position: relative;
    padding: 0 15px;
    margin-bottom: 30px;
}
.our-projects  .all_chk { margin:10px 0}
.our-projects .chk_box input[type="checkbox"] + label span  { margin:2px 10px 0 0;}
.project-block-one .inner-box {
    position: relative;
}

.project-block-one .image {
	position: relative;
	overflow: hidden;
    width:100%;
    height:208px;
}

.project-block-one .image img {
    position:absolute;
    top:50%;
    left:50%;
	width: 100%;
    height:auto;
	transition: all 8s cubic-bezier(0, 0, 0.2, 1);
	transition-delay: .2s;
	display: block;
	transform: translate(-50%, -50%) scale(1);
}
.project-block-one .image:before {
    position:absolute;
	width: 50%;
    height:100%;
    background: linear-gradient(90deg, rgba(0,0,0,.2) 0%, rgba(0,0,0,0) 100%);
    top:0;
    left:0;
    content:'';
    z-index: 1;
}
@media (max-width: 767px) {
    .project-block-one .image img {
        width: 100%;
        height: auto !important;
    }
}
.project-block-one .inner-box:hover .image img {
	-webkit-transform: scale(1.4);
    transform: translate(-50%, -50%) scale(1.4);
}

.project-block-one .overlay {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	padding: 20px 25px;
    z-index: 2;
}

.project-block-one .overlay:before {
	position: absolute;
	content: '';
	background: #222;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	transform: scale(0,1);
	transition: all .5s linear;
}

.project-block-one .inner-box:hover .overlay:before {
	transform: scale(1,1);
	opacity: .1;
}

.project-block-one .overlay a {
	position: absolute;
	left: 50%;
	top: 50%;
	font-size: 38px;
	color: #fff;
	transform: translate(-50%,-50%) scale(.5);
	transition: .5s linear;
	opacity: 0;
	transition-delay: .4s;
	width: 90px;
	height: 90px;
	text-align: center;
	line-height: 80px;
	background: var(--thm-primary);
	border-radius: 50%;
}
.project-block-one .overlay a .flaticon-play-button:before { font-size: .6em;  padding-left:5px;}
#bo_gall .project-block-one .image:before{ opacity:.1}
.project-block-one.video .lower-content{ padding:20px 0}
.project-block-one.video .chk_box { position: absolute; left:30px; top:10px; z-index: 99}
.project-block-one.video .lower-content h3 { font-size:15px;  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.project-block-one .inner-box:hover .overlay a {
	transform: translate(-50%,-50%) scale(1);
	opacity: 1;
	transition-delay: 0s;
}
.project-block-one .inner-box:hover .lower-content { opacity: 1}
.project-block-one .overlay h5{
	position: relative;
	font-size: 13px;
	font-weight: 500;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 7px;
	display: inline-block;
	transition: .5s ease;
	transform: rotate(-90deg) translateX(-100%);
	transform-origin: 0 0;
	width: max-content;
}

.project-block-one .inner-box:hover .overlay h5 {
    letter-spacing: 30px;
    opacity: 0;
}



.project-block-one.video .overlay h5 { font-size:12px;}


.project-block-one .lower-content {
	position: relative;
	text-align: center;
	padding: 20px 0;
}

.our-projects.style-two .project-block-one .lower-content {
	border-bottom: 1px solid #e5e5e5;
}

.project-block-one .lower-content h3 {
	font-size: 15px;
}

.project-block-one .lower-content h3 a {
	color: #252733;
	transition: .5s ease;
}

.project-block-one .lower-content h3 a:hover {
	color: var(--thm-primary);
}

.our-projects .owl-carousel .owl-stage {
    margin: 0 -1px;
}

@media (max-width: 767px) {
	.project-block-one .overlay h5{
		font-size: 11px;
		letter-spacing: 3px;
		top:10px;
		left:-10px;
	}
}