/* - Work Filter Section */
.work-filter-section{display:inline-block;width: 100%;} 
.filter-btn {font-size: 13px;font-family: 'Inter', sans-serif!important;letter-spacing: 2px;padding-left: 10px;}
.filter-btn span{display: inline-block;/*margin-right: 15px;*/color: #b2b2b2;font-weight: 400!important;padding-right: 20px;/*padding-right: 45px;*/float: left;margin-top: 4px;}
.filter-btn .filter-tax{display: inline-block;margin-right: 0;margin-bottom: 7px;}
.filter-btn .filter-tax.filter-type{position: relative;}
.filter-btn a{display: inline-block;color: #6e6e6e;padding: 8px 13px;background-color: #ececec;font-weight: 300!important;margin-bottom: 10px;line-height: 13px;margin-right:10px;float: left;font-size: 13px!important;}
.filter-btn a.toggleFilterUse{background-color: #e1e1e1;}
.filters-list {position: absolute;top: 41px;left: 0;z-index: 1;list-style: none;padding: 25px 0!important; width: 329px;height: auto;background-color: rgba(225,225,225,0.98);}
.filters-list li {font-size: 13px;color: #6e6e6e;list-style: none;line-height: 13px;text-transform: uppercase;font-weight: 300;	width: 100%;margin-bottom: 13px;padding: 0 15px;cursor: pointer;}
.filter-tax .child-container ul {padding: 0px 12px!important;background-color: rgba(225,225,225,0.98);}
.filters-list >li:last-of-type{margin-bottom: 0;}




/************* grid new dynamic layout start ***************/
/*.grid-layout { display: grid; grid-template-columns: repeat(3, 1fr); grid-auto-flow: row dense; grid-gap: 20px;width: 100%; height: 100%; margin: 0px auto;overflow:hidden;}
.grid-item { font-size: 14px; font-weight: bold; color: #929796;border-radius: 0; width: auto !important; position: unset !important;z-index: 2;}
.layout-1-1 { grid-column-end: span 1; grid-row-end: span 1;  }
.layout-2-2 { grid-column-end: span 2; grid-row-end: span 2;  }
.layout-1-2 { grid-row-end: span 2; }
.layout-2-1 { grid-column-end: span 2;}*/

/*.layout-1-1, .layout-2-1{height:409px;}
.layout-2-2, .layout-1-2{height:838px;}*/



/************* grid new dynamic layout end ***************/

/*.grid-item img {height: 100vh;width: 100vw;object-fit: cover;}*/






/* - Work Page Grid CSS */

.grid-item.layout-2-1,
.grid-item.layout-1-1{
	height: 22.8vw;
	overflow: hidden;
}
.grid-item.layout-2-2{
	height: 45.6vw;
	overflow: hidden;
}
.grid-item.layout-1-2{
	height: 45.6vw;
	overflow: hidden;
}
.grid-item img {
	width: 100%;
	object-fit: cover;
	height: 100%;
	float: left;
}
.grid-container .grid .grid-item {
	padding: 10px;	
} 
.grid-sizer,
.grid-item{
	float: left;
	width: 33.333333%;
}
.layout-2-1,
.grid-item.layout-2-2{
	width: 66.666666%;
	float: left;
}
.grid-item a {
	float: left;
	position: relative;
	height: 100%;
	width: 100%;
	z-index: 2;
}


/*.grid-item a {position: relative;display: inline-block;width: 100%;height: 100%;}*/
.grid-item a::before {display:inline-block;background-color: #525252;position: absolute;content: "";left:0;right: 0;top: 0;bottom: 0px;opacity:0;transition: opacity .5s;}
.grid-item h3 {position: absolute;left: 25px;bottom: 25px;font-size: 22px;line-height: 26px;color: #f5f5f5;opacity: 0;text-align: left;opacity:0;transition: opacity .5s;font-weight: 500;font-family: 'Inter', sans-serif!important;padding-bottom: 0;padding-right: 20px;}
.grid-item h3 span{display: block;font-weight: 300;font-size: 17px;padding-top:8px; line-height: 15px;}
.grid-item a:hover::before{opacity:.5;}
.grid-item a:hover h3{opacity: 1;}
/*.mix {display: none;}*/
/* - Work Slider */
.slider-section{position: relative;width: 100%;overflow: hidden;/*height: calc(100vh - 114px);*/text-align: center;}
/*.flickity-slider img.is-selected{max-width:44.6%}*/
.filters-list .active{color:#000;}
.flickity-slider img,
.flickity-slider video{opacity: .2;transition: opacity .8s;object-fit: cover;-webkit-transition: opacity .8s;object-position: center;text-align: center;}
.flickity-slider img.is-selected,
.flickity-slider video.is-selected{opacity: 1;}


/*.slider-section .carousel-cell {
  width: 100%; 
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}*/

/*.flickity-slider img{
	position: relative!important;
}*/

.slider-section .flickity-prev-next-button {display:block;/*opacity:0;visibility:hidden;*/border: none;background-color: transparent;cursor: pointer;padding: 0;}
.slider-section .flickity-prev-next-button.next::before,
.slider-section .flickity-prev-next-button.previous::before{
	content:"";
	background: url("http://www.dinisco.com/wp-content/uploads/2020/09/Arrow-project.svg") no-repeat;
	top:50%;transform:translateY(-50%);position: absolute;width: 30px;height: 40px;transition:all .3s ease-in-out;z-index:9;
	opacity: .55;
}
.slider-section .flickity-prev-next-button.next:hover:before,
.slider-section .flickity-prev-next-button.previous:hover:before{opacity:1 !important;}
.slider-section .flickity-prev-next-button.previous::before{
	left: 30px;
	right: auto;
	transform: rotate(-180deg);
	margin-top: -28px;
}
.slider-section .flickity-prev-next-button.next::before{
	right: 30px;
	left: auto;
}
.slider-section .flickity-prev-next-button svg {display: none;
	/*left:0;top:50%;width:100%;transform:translateY(-50%);position: absolute;width: 15px;height: 30px;fill:#aeafb2;transition:all .3s ease-in-out;z-index:9;*/}
.slider-section .flickity-prev-next-button svg:hover{fill: #000;}
.slider-section .flickity-prev-next-button.next svg {right:30px;left: auto;}
.slider-section .flickity-prev-next-button.previous svg {left:30px;right: auto;}
.slider-section :hover .flickity-prev-next-button {opacity:1;visibility:visible;}

/* - Work Detail Page */
.work-mainblock{display: inline-block;width: 100%;padding-top: 100px; font-family: 'Inter', sans-serif!important;background-color: #f5f5f5;color: #6e6e6e;text-align: center;}
.main-wrapper-cls {max-width: 700px;display: inline-block;width: 100%;margin: 0 auto;text-align: left;}
.work-mainblock .et-l >	.et_pb_row{width: 100%;padding: 0 120px!important;}
.work-title{display: inline-block;width: 100%;margin-bottom: 45px;}
.work-title h1{font-size: 38px; line-height: 46px; font-family: 'Inter', sans-serif!important;color: #6e6e6e;font-weight: 300;padding-bottom: 15px;}
.work-title p{font-size: 22px;line-height: 22px;font-family: 'Inter', sans-serif!important;font-weight: 300;}
.work-description p {font-family: 'Inter', sans-serif!important;font-weight: 300;font-size: 18px;line-height: 1.8em;color: #6e6e6e;}
.work-section-header {margin-bottom: 80px;}
.work-sidebar {float: left;width: 50%;padding-right: 70px;}
.single-work .work-contentblock .work-sidebar:last-of-type {padding-right: 0;}
.meta-section p {display: block;font-size: 14px;line-height: 24px;padding-bottom: 0;}
.meta-section p strong{font-weight: 500;}
.meta-section p span,.meta-leed-content p span {font-weight: 300;display: block;margin-bottom: 5px; line-height: 20px;}
.meta-leed-content p {font-size: 38px;line-height: 38px;font-weight: 300;}
.meta-leed-logo {max-width: 125px;margin-top: 30px;}
.meta-leed-content p span{font-size: 28px;line-height: 38px;}
.work-contentblock{display: inline-block;width: 100%;}
.project-description {margin-bottom: 15px;margin-top: 90px;}
.project-description p{font-size: 28px;line-height: 1.75em;font-weight: 300;}
.project-tagline p{color: #b82927;font-size: 18px;line-height: 1.75em;font-weight: 300;}
.work-related {display: inline-block;width: 100%;padding-bottom: 115px;margin-top: 150px;}
.work-related h4{text-align: center;font-size: 38px;line-height: 34px;font-weight: 300;margin-bottom: 85px;}
.project-post.work-post {margin-left: -12px;margin-right: -12px;}
.work-related .work-post li{width: 33.33%;float: left;padding: 0 10px;}
.work-related .work-post li a{position: relative;display:block;overflow:hidden;color: #f5f5f5; /*border: 1px solid #d0d0d0;*/}
.work-related .work-post li a::before{position: absolute;content:"";background-color: rgba(33,33,33,0.5);left: 0;right: 0;bottom: 0;top: 0;}
.work-related .work-post li a img{object-fit: cover;height: 100%;}
.work-related .work-post li a .project_img{height: 17.15vw;}
.work-related .project_content,.work-related .work-post li a::before {opacity:0;transition: opacity .5s;}
.work-related .work-post li a:hover .project_content,.work-related .work-post li a:hover::before{opacity: 1;}
.work-related .project_content{position: absolute;bottom: 15px;left: 20px;text-align:left;}
.work-related .project_content p{width: 205px;font-weight: 500;font-size: 18px;line-height: 24px;color: #f5f5f5;margin-bottom: 2px;}
.work-related .project_content span{font-weight: 300;font-size: 15px;}

.et_pb_fullwidth_header.workbanner-section .et_pb_fullwidth_header_container{width: 100%!important; padding: 0 75px;}
.et_pb_fullwidth_header.workbanner-section .header-content{padding: 0!important;}

/*.mobile_menu_bar:before{content: ""; background-image: url(../images/hamburger.svg); background-repeat: no-repeat; height: 35px; width: 35px; display: block;margin-right: 4px;}*/
.slider_arrow img{width: 40px;height: 25px;}

#filterNavUse,
#filterNav{	
	opacity: 0;    
	transition: all .3s;
	visibility: hidden;
	z-index: 3
}
.open#filterNavUse,
.open#filterNav{
	opacity: 1;	
	/*z-index: 3;*/
	visibility: visible;
}
#filterNav{background-color: #ececec;}
.work-description ul{list-style:disc !important;font-family: 'Inter', sans-serif!important;font-weight: 300;font-size: 18px;line-height: 1.5em;color: #6e6e6e;padding-left: 20px;padding-bottom: 8px;}
.work-description ul li{margin-bottom: 10px;}

/*  ## Responsive */
@media (max-width:1200px) {
	.grid-item h3{
		font-size: 18px;
		line-height: 22px;
	}
	.grid-item h3 span{
		font-size: 15px;
		padding-top: 5px;
	}
}


@media (max-width:980px) {
		
	.grid-container .grid .grid-item {padding: 7px;}	
	.work-related .project_content p{width:auto;font-size: 15px;line-height: 19px;padding-right: 30px;}	
	.work-mainblock .et-l > .et_pb_row{padding: 0 !important;}
	.main-wrapper-cls{max-width: none; width:80%;}
	.work-title h1{font-size: 30px;padding-bottom: 10px;line-height: 40px;}
	.work-title p{font-size: 20px;}
	.work-title{margin-bottom: 35px;}	
	.meta-leed-content p{font-size: 30px;line-height: 30px;}
	.meta-leed-content p span{font-size: 22px;}
	.meta-section p{font-size: 15px;}
	.work-related h4{font-size: 32px;margin-bottom: 60px;}	
	.et_pb_fullwidth_header.workbanner-section .et_pb_fullwidth_header_container{width: 100%!important; padding: 0 40px;}
	
	.slider-section .flickity-prev-next-button.next::before,
	.slider-section .flickity-prev-next-button.previous::before{
		height: 30px;
		width: 25px;
	}
	
	.slider-section .flickity-prev-next-button.previous::before{margin-top: -15px;}	
	.slider-section .flickity-prev-next-button.previous::before {left: 20px;}
	.slider-section .flickity-prev-next-button.next::before {right: 20px;}
	body.single-work.postid-4154 .slider-section .flickity-prev-next-button.previous::before {margin-top: -26px;}
	.filter-btn {padding-left: 7px;}
	.work-related .project-post.work-post{
		width: 80%;
		margin: 0 auto;
	}
	
}

@media (max-width:767px) {	
	
	.work-mainblock.et_pb_section{padding-bottom: 30px;}
	.work-contentblock.et_pb_section{padding-top: 0;}
	.imgthumb{height: 220px;}
	.filter-btn .et_pb_button_module_wrapper{margin-left: 0!important;margin-right: 0!important;}
	.filters-list [class*="work-"]{width: 100%;}		
	
	.grid-item h3{bottom: 15px;left: 20px;font-size: 15px;line-height: 25px;}
	.filter-btn{font-size: 14px;}
	.grid-item h3 span{font-size: 13.5px;}
		
	.work-sidebar{width: 100%;padding-right: 0;}
	.work-contentblock, .meta-section {margin-bottom: 40px;}
	.work-contentblock{margin-bottom: 50px;}
	.work-mainblock .et-l > .et_pb_row{padding: 0 !important;}
	.work-related .project_content{bottom: 15px;left: 20px;}
	.work-related .project_content p{font-size: 15px;}
	.work-related h4{font-size: 26px;margin-bottom: 40px;}
	.work-related{margin-top: 100px;}
	.project-description p{font-size: 20px;}
	.project-tagline p{font-size: 14px;}
	.work-description p{font-size: 16px;}
	.work-mainblock{padding-top: 50px;}
	.project-description{margin-top:0 !important;}
	
	
	.slider-section .flickity-prev-next-button.next::before,
	.slider-section .flickity-prev-next-button.previous::before{height: 20px;width: 15px;}
	.slider-section .flickity-prev-next-button.previous::before{left: 10px;margin-top: -5px;}
	.slider-section .flickity-prev-next-button.next::before{right: 10px;}
	body .slider-section .flickity-prev-next-button.previous::before {margin-top: -15px;}
	body .slider-section .flickity-prev-next-button.next::before,
	body .slider-section .flickity-prev-next-button.previous::before {
		width: 26px !important;
		height: 30px !important;
	}
	
	
}

@media (max-width:639px) {	
	.work-related .work-post li{width: 100%;padding: 0;margin-bottom: 10px;}
	.work-related .work-post li a{max-height: 100%;}
	.work-related .work-post li a .project_img{height: 50vw; }
	.work-related .work-post li a img{height: 100%;;}
	.work-related .work-post li a::before{height: calc(100% - 0px);}
	
	
	.grid-sizer,
	.grid-item,
	.grid-item.layout-2-1,
	.grid-item.layout-2-2{
		width: 100%;
		float: left;
	}
	
	.grid-container .grid .grid-item {
		padding: 0;
		margin-bottom: 14px;
	}
	
	.filter-btn {padding-left: 0;}
	
	.grid-item.layout-2-2.layout-2-1,
	.grid-item.layout-1-1,
	.grid-item.layout-2-2,
	.grid-item.layout-1-2{
		height: auto;
	}
	
}

	
@media (max-width:575px) {	
	
	
	.filters-list{
		width: 300px;
	}
	
	
}

@media (max-width:479px) {
	
	/*.grid-layout{grid-template-columns:repeat(1, 1fr);grid-auto-rows: minmax(100%);grid-template-rows: repeat(1, 100vw)!important;}*/
	/*.grid-layout{grid-template-columns:repeat(auto-fill, minmax(100%, 1fr));}
	.grid-main-wrapper .grid-layout{height: auto!important;}
	.layout-1-2, .layout-2-1, .layout-2-2{grid-column-end: span 1; grid-row-end: span 1;}*/	
	
	.grid-item img {
		height: 100%!important;
		object-position: center;
	}
	
	/*.grid-layout .mix{
		display:none;
	}*/
	.filter-btn{letter-spacing: 0;}
	.filters-list {/*width: 295px;*/width: auto;}
	/*.filters-list li{font-size: 14px;height: 35px;}
	.filters-list .active li {font-size: 14px;}*/
	.et_pb_slider .et_pb_slide_0.et_pb_slide .et_pb_slide_description .et_pb_slide_title{padding-bottom: 5px!important;}
	.work-related .project_content p{width:auto;padding-right:20px;}
	
	.filter-btn .filter-tax.filter-type{
		display: inline-block;
 		width: 100%;
	}	
	.filters-list{width: 100%;}
	
	
}