#portfolio-filter{list-style:none;margin:0 0 40px;padding:0;display:inline-block;border:none;background:#fff;padding:10px;border-radius:100px;box-shadow:0 0 10px rgb(0 0 0 / .1)}#portfolio-filter li{display:inline-block}#portfolio-filter li a{padding:10px 15px;display:block;text-decoration:none}#portfolio-filter li a span.dot{width:18px;height:18px;border-radius:3px;border:1px solid #D2D2D2;position:relative;display:inline-block;float:left;margin-top:1px;margin-right:10px}#portfolio-filter li a span.dot:after{content:"";width:9px;height:9px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);border-radius:3px;background-color:#808b8d}#portfolio-filter li a:hover span.dot:after,#portfolio-filter li.active a span.dot:after{background-color:#b08d54}.max-col-1 .portfolio-item{width:100%;position:relative;margin-bottom:31px;overflow:hidden}.max-col-1 .portfolio-item .portfolio-content{position:absolute;top:0;left:-363px;bottom:0;background-color:rgb(34 34 34 / .9);max-width:363px;border-left:7px solid #b08d54;padding:160px 60px;color:#fff;z-index:10;opacity:0;visibility:hidden;transition:all 0.3s ease}.max-col-1 .portfolio-item:hover .portfolio-content{left:0;opacity:1;visibility:visible;transition:all 0.3s ease}.max-col-1 .portfolio-item .portfolio-content a{color:#fff;text-decoration:none}.max-col-1 .portfolio-item .portfolio-content .portfolio-meta h2{font-size:18px;text-transform:uppercase}.max-col-1 .portfolio-item .portfolio-content .customNavigation a{width:25px;height:25px;border-radius:3px;line-height:25px;text-align:center;background-color:#fff;display:inline-block;cursor:pointer;color:#0c2535}.max-col-1 .portfolio-item .portfolio-content .customNavigation a:hover{color:#fff;background-color:#fdb714}.max-col-2 .portfolio-item{position:relative;margin-bottom:31px;overflow:hidden}.max-col-2 .portfolio-item .portfolio-content{position:absolute;top:0;left:15px;bottom:0;right:15px;background-color:rgb(34 34 34 / .65);border:7px solid #b08d54;color:#fff;z-index:10;opacity:0;visibility:hidden;transition:all 0.3s ease;text-align:center;width:auto;padding:20% 27%}.max-col-2 .portfolio-item:hover .portfolio-content{opacity:1;visibility:visible;transition:all 0.3s ease}.max-col-2 .portfolio-item .portfolio-content a{color:#fff;text-decoration:none}.max-col-2 .portfolio-item .portfolio-content .portfolio-meta h2{font-size:18px;text-transform:uppercase;position:relative;padding-bottom:10px}.max-col-2 .portfolio-item .portfolio-content .portfolio-meta h2:after{content:"";position:absolute;top:100%;left:50%;margin-left:-14px;width:28px;height:1px;background-color:#fff}.max-col-2 .portfolio-item .portfolio-content .customNavigation a{width:25px;height:25px;border-radius:3px;line-height:25px;text-align:center;background-color:#fff;display:inline-block;cursor:pointer;color:#0c2535}.max-col-2 .portfolio-item .portfolio-content .customNavigation a:hover{color:#fff;background-color:#fdb714}#grid-gallery{margin:0 -15px}.tv_gallery_box{position:relative;overflow:hidden}.max-col-3 .portfolio-item{position:relative;margin-bottom:31px;overflow:hidden;padding:0 15px;width:33.33%}.max-col-3 .portfolio-item figure{overflow:hidden}.max-col-3 .portfolio-item .portfolio-content{position:absolute;right:-50px;bottom:10px;z-index:10;display:flex;justify-content:center;align-items:center;visibility:hidden;opacity:0;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}.max-col-3 .portfolio-item:hover .portfolio-content{opacity:1;visibility:visible;right:10px}.max-col-3 .portfolio-item:hover figure img{transform:scale(1.05)}.max-col-3 .portfolio-item .portfolio-content a{color:#fff;font-weight:300;width:40px;height:40px;text-align:center;border-radius:50px;line-height:40px;display:inline-block;background:#b08d54}.max-col-3 .portfolio-item .portfolio-content .portfolio-meta h2{font-size:18px;text-transform:uppercase;position:relative;padding-bottom:10px}.max-col-3 .portfolio-item .portfolio-content .portfolio-meta h2:after{content:"";position:absolute;top:100%;left:50%;margin-left:-14px;width:28px;height:1px;background-color:#fff}.max-col-3 .portfolio-item .portfolio-content .customNavigation a{width:25px;height:25px;border-radius:3px;line-height:25px;text-align:center;background-color:#fff;display:inline-block;cursor:pointer;color:#0c2535}.max-col-3 .portfolio-item .portfolio-content .customNavigation a:hover{color:#fff;background-color:#fdb714}.tv_filter_gallery #portfolio-filter li a{display:inline-block;height:40px;line-height:40px;padding:0 20px;border-radius:50px;border:none;font-weight:600;margin:0 5px;color:#222}.tv_filter_gallery{text-align:center}.tv_filter_gallery #portfolio-filter li a:hover,.tv_filter_gallery #portfolio-filter li.active a{background:#b08d54;color:#fff}.tv_filter_gallery #portfolio-filter li.active a:visited,.tv_filter_gallery #portfolio-filter li a:visited:hover{color:#fff}@media (max-width:1200px){.max-col-1 .portfolio-item .portfolio-content{padding:100px 40px}}@media (min-width:768px) and (max-width:979px){.max-col-1 .portfolio-item .portfolio-content{padding:60px 40px}.max-col-2 .portfolio-item .portfolio-content,.max-col-3 .portfolio-item .portfolio-content{padding:10% 15%}}@media (max-width:991px){.tv_filter_gallery #portfolio-filter li a{height:40px;line-height:40px;padding:0 20px}}@media (max-width:767px){.max-col-3 .portfolio-item{width:50%}.max-col-1 .portfolio-item .portfolio-content .portfolio-meta h2{margin-top:0}.max-col-1 .portfolio-item .portfolio-content{position:relative;left:0;background-color:rgb(34 34 34 / .9);max-width:100%;width:100%;float:left;border-left:7px solid #fff0;padding:15px;opacity:1;visibility:visible}.tv_filter_gallery #portfolio-filter li a{margin-bottom:7px}}@media (max-width:480px){.max-col-2 .portfolio-item .portfolio-content,.max-col-3 .portfolio-item .portfolio-content{padding:5% 15%}.max-col-3 .portfolio-item{width:100%;text-align:center}}@media (max-width:767px){.portfolio_column_3_popup .portfolio-item figure img{width:100%}.portfolio_column_3_popup .portfolio-item .portfolio-content .portfolio-meta{position:relative;top:40px}}