.tab-box {
	margin-top: 150px;
	padding: 0 80px;
}
.card-box {
	border: none!important;
}
.card-tabs {
	background: #000000;
}
.card-tab {
	background: transparent;
	
}
.loading {
	visibility: hidden;
}








.tab-link-class:hover{
	opacity: 1;
}
.tabs_box {
	position: relative;
	padding-bottom: 5px;
	display: flex;
	justify-content: center;
	align-items: flex-start;
}
.tabs_box div {
	display: inline-block;
	min-width: 45px;
	text-align: center;
}
.tab-link-class.active .hover_name_box {
	border-bottom: 1px #fff solid;
}
.tab-link-class.active {
	opacity: 1;
}
.hover_name_box {
	opacity: 0.6;
	/*-webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;*/
    animation-duration: 0.5s;
    animation-name: opacity_d;
}
@keyframes opacity_d {
	0% {
		opacity: 0;
	}
	25% {
        opacity: 0;     
    }
    100% {
        opacity: 0.6;

    }
}
.tab-link-class:hover .hover_name_box {
	border-bottom: 1px #fff solid;
	animation-duration: 0.5s;
    animation-name: opacity_a;
	opacity: 0;
}
@keyframes opacity_a {
    0% {
        opacity: 0.6;     
    }
    75% {
        opacity: 0;

    }
}


.tab-link-class:focus {
	outline: none;
}
.hover_tw_name_box {
	position: absolute;
	margin: auto;
	opacity: 0;
	animation-duration: 0.5s;
    animation-name: opacity_c;
	/*width: 100%;*/
}
.hover_tw_name {
	/*-webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;*/

	padding-left: 5px;
	letter-spacing: 6px;
}
@keyframes opacity_c {
	0% {
		opacity: 0.6;
	}
    75% {
        opacity: 0;     
    }
}



.tab-link-class:hover .hover_tw_name_box {
	border-bottom: 1px #fff solid;
	animation-duration: 0.5s;
    animation-name: opacity_b;
	opacity: 1;
}
@keyframes opacity_b {
	0% {
		opacity: 0;
	}
    25% {
        opacity: 0;     
    }
    100% {
        opacity: 1;

    }
}
.tab-active {
	background: transparent!important;
}
.tab-active .hover_name_box {
	opacity: 1;
	animation-duration: 0.5s;
	animation-name: opacity_e;
}
@keyframes opacity_e {
	0% {
		opacity: 0;
	}
	25% {
        opacity: 0;     
    }
    100% {
        opacity: 1;

    }
}



.isotope-box {
	min-height: calc(100vh - 385px);
	padding-bottom: 45px;
	background: #000000;
}
.content-class {
	/*min-height: calc(100vh - 385px);
	margin-bottom: 45px;*/
}
.tab-seach {
	width: auto;
	padding: 0 !important;
}
.card-header-pills li:nth-last-child(2) {
	margin-right: auto;
}

.tab-seach .search-input-box {
    width: auto!important;
    display: inline-block!important;
}
.search-input-box {
	border: 0.5px #fff solid;
	/*padding: 0 12px;*/
	/*opacity: 0.6;*/
	border-radius: 5px;
}
.search-input-box input {
    /*border: 0!important;*/
    width: 140px!important;
}

.search-input-box .h-search {
	opacity: 1;
    width: 140px!important;
}
/*.search-input-box:focus-within  {
	opacity: 1;	
}*/
.card-img-show {
	width: 100%; 
	/*--widthA: width;
	height: calc(var(--widthA) / 16 * 9 );*/
	height: calc(30vw / 16 * 9 );
	background-size: cover;
	background-position: center;
}
.card-img-box img {
	position: relative;
	width: 100%;
}
.card-img-box:hover .card-img-hover {
	opacity: 1;
}
.card-img-hover {
	position: absolute;
	z-index: 1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.8);
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 30px;
    cursor: pointer;
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    text-align: center;
}

.m-works {
	display: none!important;
}
.tab-content {
	height: 0;
}
.card-header {
	padding: 0!important;
}

@media only screen and (max-width: 1100px) {
	.tab-box {
	    margin-top: 100px;
	}
	.item-width {
		width: 20%;
		text-align: center;
		/*display: flex;
		align-items: center;
		justify-content: center;*/
	}
	.tab-seach {
		/*margin: 20px 0;
		width: 100%;*/
		text-align: center;
		padding: 0;
	}
	/*.tab-link-class {
		padding-left: 0!important; 
		padding-right: 0!important;
	}*/
	.card-header-pills li:nth-last-child(2) {
		margin-right: 0;
	}
	.card-img-hover {
	    font-size: 24px;
	}
}

@media only screen and (max-width: 940px) {
	.tab-seach {
		margin: 20px 0;
		width: 100%;
	}
	.m-works {
		opacity: 0.6;
		display: block!important;
	}
}

@media only screen and (max-width: 768px) {
	.tab-box {
	    /*margin-top: 100px;*/
	    padding: 0 40px;
	}
	.card-img-show {
		width: 100%; 
		height: calc(40vw / 16 * 9 );
	}
	.item-width {
		width: 50%;
	}
}
@media only screen and (max-width: 576px) {
	.search-input-box {
		border: #FFF solid 1px !important;
	}

	.card-body {
		padding: 10px!important;
	}

	.card-img-show {
		width: 100%; 
		height: calc(100vw / 16 * 9 );
	}

	.item-width {
		width: 100%;
	}
	.tab-box {
		padding: 0 10px;
		margin-top: 80px;
	}
	
	.card-img-hover {
	    font-size: 18px;
	}
}