@font-face {font-family: 'Formular';src: url('Formular.woff2') format('woff2'),url('Formular.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'Formular-Medium';src: url('Formular-Medium.woff2') format('woff2'),url('Formular-Medium.woff') format('woff');font-weight: 500;font-style: normal;}
@font-face {font-family: 'Formular-Light';src: url('Formular-Light.woff2') format('woff2'),url('Formular-Light.woff') format('woff');font-weight: 300;font-style: normal;}
@font-face {font-family: 'Formular-Bold';src: url('Formular-Bold.woff2') format('woff2'),url('Formular-Bold.woff') format('woff');font-weight: bold;font-style: normal;}

.owl-carousel.carousel-slider .owl-nav button svg.carousel-slider-nav-icon{display: none!important;}
.projects-wrapper {padding: 20px;text-align: center;min-height: 100vh;}
.projects-list {margin: auto;left: 7px;height: auto!important;}
.project-item {width: 20%;margin-bottom: 15px;position: relative;-webkit-box-shadow: 2px 2px 5px rgba(0,0,0, .5);-moz-box-shadow: 2px 2px 5px rgba(0,0,0, .5);box-shadow: 2px 2px 5px rgba(0,0,0, .5);}
.project-item img {width: 100%;height: 323px;vertical-align: top;}
.filters-list li:hover,.filters-list li.active {background-color: rgba(255, 255, 255, 1); border-color: #000;}

.projects-wrapper{text-align: left;position: relative;padding: 0;}
.work-filter-section {display: inline-block;padding-left:40px;}
.filter-btn .et_pb_button{padding: 10px 50px 10px 25px!important;font-size: 14px;background-color: #0000ff;letter-spacing: 3px;transition: all 300ms ease 0ms;
	position: relative;border: none;border-radius: 0;text-decoration: none;font-family: 'FuturaStd-Medium',Helvetica,Arial,Lucida,sans-serif !important;}
.filter-btn .et_pb_button::after{opacity: 1;margin-left: 5px; font-size: 24px;line-height: 22px;top: 6.5px;         transform: translateY(0);}
.filter-btn .et_pb_button:hover {padding: 10px 50px 10px 25px!important;font-size: 14px;background-color: #0000ff;border: none;color: #fff;}
.entry-content ul.filters-list {padding: 25px 30px!important;background-color: #fff;box-shadow: 1px -2px 10px rgba(0,0,0,0.1);-webkit-box-shadow: 1px -2px 10px rgba(0,0,0,0.1);
	display: inline-block;position: absolute;left: 40px;z-index: 99;top: 87px;height: 661px;}
.entry-content .filters-list ul {padding-left: 0!important;}
.filters-list  [class*="work-"] {float: left;padding: 25px 50px 0;}
.filters-list li{list-style: none; font-size: 18px; margin-bottom: 23px;line-height: normal;text-align: left;font-weight: 700;cursor: pointer;}
.filters-list li:hover,.filters-list li.active{color: #0000ff;}
.filters-list .child-container ul li:last-child {margin-bottom: 0;}
.filters-list .child-container {margin-left: 8px;}
.filters-list .child-container ul li {font-weight: 400;}
.worksingle-container{padding-top: 60px!important;margin: 0 auto;width: 60%;max-width: 1000px;}
.single-work {font-family: 'Formular';}
.work-title h1 {font-size: 45px; line-height: 38px;font-family: 'Formular-Light';color: #0000ff !important;padding: 0;}
.work-description p {font-size: 40px;line-height: 55px;color: #2d2d2d;font-family: 'Formular-Light';}
.single-work .work-default-layout .work-section-header.et_pb_column .et_pb_module.et_pb_text {margin-bottom: 30px!important;}
.single-work .type-work .et_pb_row{width: 100%;}
.single-work .work-related .et_pb_row,
.single-work .type-work .et_pb_row.work-section-header{margin: 0;}
.singlework-imgbox{margin-bottom: 30px;}
.imgthumb {	max-height: 320px;overflow: hidden;height: 320px;width: 100%;}
.imgthumb img {width: 100%;object-fit: cover;height: 100%;}
.work-detail .truncate-text {font-size: 24px; line-height: 40px;color: #2d2d2d;}
.work-featured-layout .work-images-section{margin-bottom: -30px;}
.work-featured-layout .slideshow-link {font-size: 14px;}
.work-detail .truncate{max-width: 550px;}
.work-detail .truncate-text p {font-size: 24px;color: #2d2d2d;line-height: 38px;font-family: 'Formular-Light',Helvetica,Arial,Lucida,sans-serif;padding-bottom: 0;margin-bottom: 0;}
.work-sidebar .meta-section {font-size: 14px!important;line-height: 30px!important;}
.work-sidebar .meta-section p {margin-bottom: 12px;padding-bottom: 0;line-height: 18px;}
.meta-section p strong{color: #2d2d2d;font-weight: 400px;}
.work-post .project_conent{padding: 50px 35px 15px;text-align: left!important;}
.work-related .work-post .project_conent{transition: all 0.3s;opacity: 0;}
.work-related .work-post a:hover .project_conent {opacity: 1;}
.work-related h4,.work-post .project_conent span {font-size: 18px;line-height: 28px;display: inline-block;}
.work-related .project-post.work-post a::before{background-color: rgba(162,162,162,1);opacity: 0;}
.work-related .project-post.work-post a:hover::before{opacity: .75;}
.work-related .project-post li{margin-bottom: 30px;}
.work-bread-crumb{/*float:left;*/padding: 30px 40px 0 40px;/*width: 100%;text-align: left;font-size: 36px;position: absolute;max-width: 80%;top: -85px;*/}
.brdcrmb-text-sub-cat p{color:#0000ff;display: inherit;}
.work-related { display: inline-block; width: 100%;margin-top: 70px;margin-bottom: 150px;}

/**** work listing grid style *****/
.grid-layout {display: grid;grid-template-columns: repeat(auto-fill, minmax(20%, 1fr));grid-gap: 40px;
	grid-auto-rows: minmax(20%);grid-auto-flow: row dense;width: 100%;left: 0;}
.grid-main-wrapper{overflow:hidden;margin: 40px;}
.grid-item {font-size: 14px;font-weight: 500;color: #929796;background-color: #fff;border-radius: 0;
	width: auto !important;position: unset !important;margin-bottom: 0; left: 0;height: 320px;
	/*-webkit-transition: all .4s ease;-moz-transition: all .4s ease;transition: all .4s ease;*/}
.grid-item.featured_semipost,.grid-item.featured_post{height: 680px;}
.span-2 {grid-column-end: span 2;grid-row-end: span 2;}
.grid-item img {height: 100%;width: 100%;object-fit: cover;}
.grid-item a {position: relative;display: inline-block;width: 100%;height: 100%;}
.grid-item a::before {background-color: rgba(162,162,162,1);opacity: 0;position: absolute;content: "";left:0;right: 0;top: 0;bottom: 0;transition: all .3s;-webkit-transition: all .3s;}
.grid-item h3 {position: absolute;left: 30px;top: 50px;font-size: 18px;color: #fff;opacity: 0;text-align: left;right: 15px;transition: all .3s;-webkit-transition: all .3s;font-weight: 500;}
.grid-item a:hover::before{opacity: .75;}
.grid-item:hover h3{opacity: 1;font-weight: 500;}
.filter-btn .et_pb_button_module_wrapper{margin-right: 0!important;margin-bottom: 0px!important;}



/*  ## Responsive */
@media only screen and (min-width:1801px) and (max-width:1920px) {	
	
	.entry-content ul.filters-list{/*height: 661px;*/padding: 20px 30px !important; height: 691px;}
	.grid-item.featured_semipost,.grid-item.featured_post{height: 660px;}
	.grid-item{height: 310px;}
	
}

@media only screen and (min-width:1681px) and (max-width:1800px) {
	
	.entry-content ul.filters-list{/*height: 641px;*/ height: 671px;}
	.grid-item.featured_semipost,.grid-item.featured_post{height: 640px; }
	.grid-item{height: 300px;}
}

@media(max-width:1680px){
	
	.filter-btn .et_pb_button:hover,
	.filter-btn .et_pb_button{font-size: 10px;padding:9px 35px 9px 15px !important; letter-spacing: 2.5px;}
	.filter-btn .et_pb_button::after{margin-left: 0;font-size: 18px;line-height: 17px; }
	
	.entry-content ul.filters-list{padding: 20px;height: 500px;top: 85px;}
	.filters-list [class*="work-"]{padding: 20px 30px 0;}
	.filters-list li{font-size: 16px;margin-bottom: 20px;}
	
	.grid-layout{grid-gap: 30px;}
	.work-bread-crumb{font-size: 24px;}
	.work-post .project_conent{padding: 17px 25px 15px;}
}


@media only screen and (min-width:1551px) and (max-width:1680px) {	
	
	.entry-content ul.filters-list{/*height: 612px;*/padding: 35px 30px !important;height: 642px;}	
	.grid-item.featured_semipost, .grid-item.featured_post {height: 611px;}
	.grid-item {height: 290px;}

}

@media only screen and (min-width:1441px) and (max-width:1550px) {
	
	.entry-content ul.filters-list{/*height: 571px;*/padding: 8px 30px !important;height: 601px;}	
	.grid-item.featured_semipost, .grid-item.featured_post {height: 570px;}
	.grid-item {height: 270px;}
	
}

@media only screen and (min-width:1367px) and (max-width:1440px) {	
	
	.entry-content ul.filters-list{/*height: 511px;*/padding: 8px 30px !important;height: 541px;}	
	.grid-item.featured_semipost, .grid-item.featured_post {height: 510px;}
	.grid-item {height: 240px;}
	.filters-list li{margin-bottom: 15px;}
}

@media only screen and (min-width:1280px) and (max-width:1366px) {	
	
	.grid-item {height: 210px;}
	.grid-item.featured_semipost, .grid-item.featured_post {height: 453px;}
	.entry-content ul.filters-list{/*height: 454px;*/height: 484px;}	
}


@media (max-width:1366px) {
	
	.filters-list li{margin-bottom: 10px;}
	.work-bread-crumb{padding-left:70px;}
	.grid-main-wrapper{margin: 40px 70px;}
	.filter-btn .et_pb_button_module_wrapper{margin-right: 70px!important;}
	.entry-content ul.filters-list{left: 70px;padding: 15px 20px !important;}
	.work-filter-section{padding-left:70px;}
}

@media only screen and (min-width:1024px) and (max-width:1279px) {
	
	.entry-content ul.filters-list{/*height: 415px;*/padding: 0 20px !important;height: 445px;}	
	.grid-item.featured_semipost, .grid-item.featured_post{height: 414px;}
	.grid-item{height: 190px;}
}

@media (max-width:1023px) {
	
	.grid-layout {  grid-gap: 20px;padding: 0;}
	
	.worksingle-container .imgthumb{height: auto;}	
	.work-title h1{font-size: 28px;line-height: 45px;}
	.work-description p{font-size: 22px !important;line-height: 38px !important;}
	.work-detail .truncate-text p{font-size: 18px;line-height: 30px;}
	.work-sidebar .meta-section {font-size: 13px !important;line-height: 26px !important;}
	
	
	
}

@media only screen and (min-width:981px) and (max-width:1023px) {	
	
	.grid-item {height: 180px;}
	.entry-content ul.filters-list{/*height: 384px;*/padding: 0 20px !important;height: 414px;}	
	.grid-item.featured_semipost, .grid-item.featured_post {height: 383px;}
	.filters-list li{font-size: 15px;}
	.filters-list [class*="work-"]{padding:15px 30px 0;}
}

@media (max-width:980px) {
	
	/* - single work page */
	
	
	.work-detail .truncate-text{font-size: 20px;line-height: 38px;}
	.work-related{margin-top: 0;margin-bottom: 50px;}	
	.work-post .project_conent{padding: 10px 15px 15px;display: flex;}
	.work-post .project_conent span{display: inline-block;font-size: 15px;line-height: 1.4;}
	
	/* - grid item */
	.work-bread-crumb{max-width: 100%;}
	.work-masonry-section.et_pb_row > .et_pb_column {padding-right: 40px;}	
	.grid-main-wrapper{margin: 0;}	
	.grid-item h3{font-size: 14px;top: 15px;left: 15px;font-weight: 600;}
	.grid-layout {grid-template-columns: repeat(auto-fill, minmax(30%, 1fr));grid-auto-rows: minmax(30%);}
	.filters-list .work-col-1 .child-container ul{padding-bottom: 0;}
	.filters-list [class*="work-"]{padding:0; width: 50%;}
	.filters-list .work-col-2 li:last-of-type{margin-bottom: 0;}	
	.filter-btn .et_pb_button_module_wrapper{margin-right: 0!important;margin-left: 0!important;margin-bottom: 40px!important;}
	.work-masonry-section .projects-wrapper{text-align: left;}
	.work-bread-crumb{font-size: 24px; line-height: 34px; position: relative;top: 0;padding: 0;margin-bottom: 20px;}
	.entry-content ul.filters-list{top: 85px; width: auto;position: absolute;left:0;right:auto;box-shadow: 1px 3px 10px rgba(0,0,0,0.5);-webkit-box-shadow: 1px 3px 10px rgba(0,0,0,0.5);margin: 0;height: auto!important;padding:35px!important;/*max-width: 580px;*/ padding-right: 1px!important;}
	.filters-list li{margin-bottom: 15px;}
	.work-filter-section{padding-left:0;}
}


@media only screen and (min-width:880px) and (max-width:980px) {	
	
	.grid-item {height: 200px;}
	.grid-item.featured_semipost, .grid-item.featured_post {height: 421px;}
}

@media only screen and (min-width:768px) and (max-width:879px) {	
	
	.grid-item {height: 175px;}
	.grid-item.featured_semipost, .grid-item.featured_post {height: 370px;}
}




@media (max-width:767px) {
	
	.work-title h1{font-size: 24px!important;}
	.work-detail .truncate-text, .work-description p {font-size: 18px!important;line-height: 30px;}
	
	.single-work .type-work .et_pb_row.work-section-header{padding-bottom: 0;}
	.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%;}
	.filters-list .work-col-1 .child-container ul{padding-bottom: 20px;}
	.work-bread-crumb{padding: 0;}
	.grid-main-wrapper{margin: 0;}	
	.work-bread-crumb{font-size: 20px; line-height: 30px; margin-bottom: 20px;}
	.entry-content ul.filters-list{box-shadow: none;position: fixed;top: 0;bottom: 0;right:0; padding:110px 40px 50px!important; max-height: 100vh;overflow-y:scroll;max-width: 100%;}
	body.filter-open{overflow: hidden;}
	.work-col-2{padding-bottom: 40px!important;}
}

@media only screen and (min-width:670px) and (max-width:767px) {	
	
	.grid-item {height: 150px;}
	.grid-item.featured_semipost, .grid-item.featured_post {height: 320px;}
}



@media only screen and (min-width:576px) and (max-width:669px) {	
	
	.grid-item {height: 130px;}
	.grid-item.featured_semipost, .grid-item.featured_post {height: 280px;}
}

	
@media (max-width:575px) {
	.work-images-section .imgthumb{height: auto;}
	.work-sidebar{margin-top: 30px;}
	.work-contentblock.et_pb_section{padding-bottom: 0!important;}
	.project-post li{width: 100%;margin-right: 0;}
	.single-work .work-related .et_pb_row{padding-top: 0;}	
	.work-contentblock .et_pb_row.row {margin: 0;}
	.work-sidebar, 	.work-contentblock .work-detail{padding: 0;}
	.work-related{margin-bottom: 0;}
	
	.grid-layout{padding: 0;grid-gap: 30px;grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));grid-auto-rows: minmax(100%);}
	.span-2{grid-column-end: span 1; grid-row-end: span 1;}
	.work-related .project-post li{width: 100%!important; margin-right: 0;}
	.project_img img{width: 100%;}
	/*.work-post .project_conent{padding-top: 0;}*/
	
	
}

@media (max-width:479px) {	
	
	.grid-item.featured_semipost,.grid-item.featured_post, .grid-item{height: 220px;}	
	/*.entry-content ul.filters-list{box-shadow: none;}*/
}