/**
 *
 *	0. General 
 *
 *	1. Isotop Style 1
 *
 *	2. Isotop Style 2
 *
 */

	

/*----------  0. General  ----------*/

	.dh-overlay{
		background-color: rgba(241,62,75,0.8);
	}
	.dh-overlay:before{
		content: "\f065";
		font-family: 'FontAwesome';
		color: #FFFFFF;
		position: absolute;
		width: 40px;
		height: 40px;
		text-align: center;
		font-size: 16px;
		line-height: 40px;
		border:1px solid #FFFFFF;
		border-radius: 50%;
		-webkit-border-radius: 50%;
		left: 50%;
		top: 50%;
		-webkit-transform: translate(-50%,-50%);
		-moz-transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
		-o-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
	}
	.slz-isotope-nav .tab-filter, 
	.slz-blog-detail .slz-isotope-nav .tab-filter{
		margin-bottom: 50px;
	}
	.slz-isotope-nav .tab-filter{
		border-bottom: 1px solid rgba(255,255,255,0.05);
		display: block;
		width: 100%;
	}
	.tab-filter li{
		display: inline-block;
		position: relative;
		font-size: 14px;
		margin-left: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		border-bottom: 1px solid transparent;
		margin-bottom: -1px;
		line-height: 1.4;
		-webkit-transition: all 0.4s ease;
		-moz-transition: all 0.4s ease;
		-o-transition: all 0.4s ease;
		transition: all 0.4s ease;
	}
	.tab-filter >li >.link{
		display: block;
		padding:15px 25px;
		color: #494647;
		text-transform: capitalize;
		font-weight: 600;
		-webkit-transition: all 0.4s ease;
		-moz-transition: all 0.4s ease;
		-o-transition: all 0.4s ease;
		transition: all 0.4s ease;
	}
	.tab-filter >li.active{
		border-bottom-color: #F13E4B;
	}
	.tab-filter >li.active:hover {
		border-bottom-color: #F13E4B;
	}
	.tab-filter >li:hover:not(.active) >.link{
		-webkit-transform: translate(0,-5px);
		-ms-transform: translate(0,-5px);
		-o-transform: translate(0,-5px);
		transform: translate(0,-5px);
	}
/*----------  1. Isotop Style 1  ----------*/
	.sc-isotpe-style-8 .slz-isotope-grid-2{
		margin:0px;
	}
	.sc-isotpe-style-8 .slz-isotope-grid-2 .grid-item{
		margin:0px;
	}
	.sc-isotpe-style-8 .slz-isotope-grid-2.column-3 .grid-item{
		width: 33%;
	}
	
/*----------  2. Isotop Style 2  ----------*/
	.sc-isotpe-style-9 .slz-isotope-grid-2{
		margin:-3px;
	}
	.sc-isotpe-style-9 .slz-isotope-grid-2 .grid-item{
		margin:3px;
	}
	.sc-isotpe-style-9 .slz-isotope-grid-2.column-5 .grid-item{
		width: calc(20% - 6px);
	}
	.sc-isotpe-style-9 .slz-isotope-grid-2.column-5 .grid-item-height-2:before{
		padding-top: calc(160% + 6px);
	}
	.sc-isotpe-style-9  .slz-isotope-grid-2.column-5 .grid-item-width-2{
		width: calc(40% - 6px);
	}
	.sc-isotpe-style-9 .slz-isotope-grid-2.column-5 .grid-item-height-1:before{
		padding-top: calc(40% - 3px);
	}


/*==================================
=            Responsive            =
==================================*/
	@media screen and (min-width: 768px) and (max-width: 1024px){
		.sc-isotpe-style-3 .slz-isotope-grid-2.column-5 .grid-item{
			width: calc(50% - 16px);
		}
		.sc-isotpe-style-6 .slz-isotope-grid-2.column-5 .grid-item{
			width: calc(50% - 16px);
		}  
	}

	@media screen and (max-width: 480px) {
		.tab-filter >li >.link {
			padding: 5px 5px;
		}
	}



    @media screen and (max-width: 768px) {
		.sc-isotpe-style-9 .slz-isotope-grid-2.column-5 .grid-item {
			width: calc(50% - 6px);
		}

		.sc-isotpe-style-9 .slz-isotope-grid-2.column-5 .grid-item-height-1:before,
		.sc-isotpe-style-9 .slz-isotope-grid-2.column-5 .grid-item-height-2:before {
			padding-top: 80%;
		}
	}

	@media screen and (max-width: 767px) {
		.sc-isotpe-style-8 .slz-isotope-grid-2.column-3 .grid-item {
			width: 50%;
		}
		.tab-filter li{
			margin-bottom: 20px;
			margin-top: 0px;
			margin-left: 15px;
			margin-right: 15px;
		}
	}

/*=====  End of Responsive  ======*/