.lcontent2{
    display: none;
}

.lcontent3 {
    display: none;
}

.lcontent4 {
    display: none;
}

.lcontent5{
    display: none;
}



#tabb {
    float: left;
    width: 100%;
    text-align: center;
}

#tabb .nav.nav-tabs {
    display: inline-block;
    border-bottom: 0;
    border-radius: 50px;
    overflow: hidden;
    margin-top: 36px;
}

#tabb .nav.nav-tabs li:first-child {
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    border-left: 1px solid #d5d8e0;
}

#tabb .nav.nav-tabs .active {
    background-color: #ff9517;
    border-bottom: 3px solid #ff9517;
}

#tabb .nav.nav-tabs li {
    background-color: #fff;
    width: 213px;
    display: inline-block;
    border-top: 1px solid #d5d8e0;
    border-bottom: 1px solid #d5d8e0;
    border-right: 1px solid #d5d8e0;
    margin: 0;
}

#tabb .nav.nav-tabs .active a {
    color: #fff;
    border: #ffdead;
    display: inline-block;
}

#tabb .nav.nav-tabs li a {
    background-color: transparent;
    color: #737888;
    font-size: 19px;
    font-family: Oswald;
    font-weight: 400;
    letter-spacing: .5px;
    margin: 0;
}

#tabb .tab-content {
    display: inline-block;
    margin-top: 50px;
    width: 100%;
}

#tabb .tab-content .tab-pane.fade {
    float: left;
    width: 100%;
}

.tab-content>.tab-pane.active {
    visibility: visible;
    opacity: 1;
}

#tabb .tab-content .tab-pane.fade ul {
    float: left;
    width: 100%;
}

#tabb .tab-content .tab-pane.fade ul li {
    float: left;
    width: 25%;
    padding: 0 15px 30px;
    box-sizing: border-box;
    margin: 0;
    box-sizing: border-box;
    margin-bottom: 30px;
    height: 285px;
    list-style: none;
}

#tabb .tab-content .tab-pane.fade ul li span {
    float: left;
    width: 100%;
    height: 100% !important;
}

#tabb .tab-content .tab-pane.fade ul li span {
    float: left;
    width: 100%;
    filter: drop-shadow(0 3px 9px rgba(0,0,0,.1));
    height: 255px;
    display: flex;
    justify-content: center;
    align-items: center;
}

#tabb .tab-content ul li a {
    float: left;
    width: 100%;
    position: relative;
    height: 100%;
    font-size : 14px;
    color : #000;
}

#tabb .tab-content .tab-pane.fade ul li span {
    float: left;
    width: 100%;
    height: 100% !important;
}

#tabb .tab-content .tab-pane.fade ul li span {
    float: left;
    width: 100%;
    filter: drop-shadow(0 3px 9px rgba(0,0,0,.1));
    height: 255px;
    display: flex;
    justify-content: center;
    align-items: center;
}

#tabb .tab-content .tab-pane.fade ul li span img {
    width: 100%;
    object-fit: initial;
    height: 100%;
    object-fit: contain;
}

#tabb .tab-content .tab-pane.fade ul li span img {
    float: left;
    width: 100%;
    cursor: pointer;
    object-fit: cover;
    max-height: 100%;
}

#tabb .nav {
    display: inline-block;
    border-bottom: 0;
    border-radius: 50px;
    overflow: hidden;
}

#tabb .nav li:first-child {
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
}

#tabb .nav li:nth-child(2) {
    border-right: 1px solid #d5d8e0;
}

#tabb .nav li {
    background-color: #fff;
    width: 213px;
    display: inline-block;
    border: 1px solid rgba(0,0,0,.1);
    border-left: none;
    margin: 0;
    padding: 0;
    
}

#tabb .nav li:last-child {
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
}

#tabb .nav .active button {
    color: #fff;
    border: #ffdead;
    display: inline-block;
    background: #000;
    border-radius: 0;
}

#tabb .nav li button {
    background-color: transparent;
    color: #737888;
    font-size: 19px;
    font-family: 'Oswald',sans-serif;
    font-weight: 400;
    letter-spacing: .5px;
    margin: 0;
    width: 100%;
    padding: 12px;
        height: 100%;

}

#tabb .link {
    margin-top: 20px;
}

#fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    padding: 20px !important;
    z-index: 111101;
    display: none;
    overflow-x: hidden;
    overflow-y: auto;
}

#fancybox-outer {
    position: relative;
    width: 100%;
    height: 100%;
    background: #fff;
    box-shadow: 0 0 20px #111;
    -moz-box-shadow: 0 0 20px #111;
    -webkit-box-shadow: 0 0 20px #111;
}

div#fancybox-wrap img {
    max-width: 100%;
    width: 100%;
}

.fancybox-title-over #fancybox-title {
    display: none !important;
}

.tab-content #nav5 ul li {
    position: relative
}

.tab-content #nav5 ul li span img {
    object-fit: cover !important;
    object-position: top;
    display: block;
    height: 90% !important;
}

.tab-content #nav5 ul li .cus-hover-icn {
    position: absolute;
    top: 0;
    right: 15px;
    left: 15px;
    bottom: 30px;
    background: #00000080;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
}

.tab-content #nav5 ul li:hover .cus-hover-icn {
    opacity: 1;
}

.tab-content #nav5 ul li .cus-hover-icn span {
    height: 50px !important;
    width: 50px !important;
    background: #fff;
    border-radius: 50%;
    margin: 0 10px;
    text-align: center;
    line-height: 48px;
    filter: none;
    max-height: 50px !important;
}

#fancybox-content>div {
    overflow: auto !important;
}

.custome_head {
    display: block;
    width: 100%;
    float: left;
}

.page_caption {
    display: none;
}

#portfoliopage {
    display: block;
    width: 100%;
    float: left;
    padding-bottom: 75px;
}

#menu-portfolio-tab-menu {
    display: inline-block;
    border-bottom: 0;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    flex-direction: row;
}

#menu-portfolio-tab-menu li:first-child {
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
}

#menu-portfolio-tab-menu li:first-child a {
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
}

#menu-portfolio-tab-menu li:last-child {
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
}

#menu-portfolio-tab-menu li:last-child a {
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
}

#menu-portfolio-tab-menu li:first-child {
    border-left: 1px solid rgba(0,0,0,.1)
}

#menu-portfolio-tab-menu li {
    background-color: #fff;
    width: 213px;
    display: inline-block;
    border: 1px solid rgba(0,0,0,.1);
    border-left: none;
    margin: 0;
    padding: 0;
    
}

#menu-portfolio-tab-menu li.current-menu-item a {
    color: #fff !important;
    background: #000 !important;
}

#menu-portfolio-tab-menu li a:hover {
    color: #737888 !important;
}

#menu-portfolio-tab-menu li a {
    background-color: #fff;
    color: #737888;
    font-size: 19px;
    font-family: 'Oswald',sans-serif;
    font-weight: 400;
    letter-spacing: .5px;
    margin: 0;
    width: 100%;
    padding: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: unset;
}

#menu-portfolio-tab-menu .active a {
    color: #fff;
    border: #ffdead;
    display: inline-block;
    background: #000;
    border-radius: 0;
}

#loadMore {
    margin-top: 20px;
}

.page-portfolio #tabb .tab-content ul li span {
    float: left;
    width: 100%;
    filter: drop-shadow(0 3px 9px rgba(0,0,0,.1));
    height: 255px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.page-portfolio #tabb .tab-content ul li span img {
    float: left;
    width: 100%;
    cursor: pointer;
    object-fit: cover;
    max-height: 100%;
    height: 100%;
}

ul.lflex {
    width: 100%;
    float: left;
    padding-left: 0;
}

#tabb .nav {
    display: inline-block;
    border-bottom: 0;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    justify-content: center;
}

#tabb .nav li:first-child {
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
}

#tabb .nav li:first-child button {
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
}

#tabb .nav li:last-child {
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
}

#tabb .nav li:last-child button {
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
}

#tabb .nav li:first-child {
    border-left: 1px solid rgba(0,0,0,.1);
}

#tabb .nav li .active {
    background: #fe9516 !important;
    color: #fff !important;
    border-radius: 0;
}

#tabb .tab-content .tab-pane.fade ul li:hover span {
    filter: drop-shadow(0 3px 9px rgba(0,0,0,.3));
}

#menu-portfolio-tab-menu li.current-menu-item a:hover {
    color: #fff !important;
}


#tabb .link {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}


#tabb .btn {
    border-radius: 2rem;
    min-width: 240px;
    min-height: 60px;
    outline: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: -moz-fit-content;
    width: fit-content;
    padding: 9px 18px;
    text-transform: capitalize;
    color: #ffffff;
    background-color: #fe9516;
    border: 0;
    letter-spacing: 1px;
    text-decoration: none;
    text-align: center;
    font-weight: 600;
    box-shadow: none !important;
}

.tabBTNcenter {
    margin-inline: auto;
}

body.page-template-web-design-portfolio #tabb .tab-content ul li {
    position: relative;
    filter: none;
}

.page-portfolio #tabb .tab-content ul li {
    float: left;
    width: 25%;
    padding: 0 15px 30px;
    box-sizing: border-box;
    margin: 0;
    margin-bottom: 30px;
    height: 285px;
    transition: all 1s ease-in;
        list-style: none;
}



body.page-template-web-design-portfolio #tabb .tab-content ul li .cus-hover-icn {
    position: absolute;
    top: 0;
    right: 15px;
    left: 15px;
    bottom: 30px;
    background: #00000080;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
}

body.page-template-web-design-portfolio #tabb .tab-content ul li .cus-hover-icn span {
    height: 50px !important;
    width: 50px;
    background: #fff;
    border-radius: 50%;
    margin: 0 10px;
    text-align: center;
    line-height: 48px;
    filter: none;
}

body.page-template-web-design-portfolio #tabb .tab-content ul li:hover .cus-hover-icn {
    opacity: 1;
}

#tabb .container {
    width: calc(100% - 15px);
    max-width: 1200px;
    padding: 0;
}
.tbox_grp {
    padding: 0;
}

#tabb .tab-content #nav5 .tbox_grp .lcontent5 {
    position: relative;
    filter: none;
}
#tabb .tab-content #nav5 .tbox_grp .lcontent5 span {
    filter: none;
}
#tabb .tab-content #nav5 .tbox_grp .lcontent5 span img {
    object-fit: cover;
    object-position: top;
    height: 90% !important;
}

@media screen and (max-width: 1280px){
  
  #tabb .tab-content .tab-pane.fade ul li {height: 185px;}
  #tabb .container {padding-inline: 45px;width: 100%;max-width: 100%;}
  #tabb .nav li button {font-size: 17px;}
  .tbox_grp {margin-right: -30px;}
    
}
@media screen and (max-width: 991px){
  
  #tabb .container {padding-inline: 25px;}
    #tabb .nav li {width: 170px;}
}

@media screen and (max-width: 767px){
  #tabb .nav li {width: 125px;}
  #tabb .nav li button {font-size: 14px;}
#tabb .tab-content .tab-pane.fade ul li {
    height: auto;
    width: 50%;
    margin-bottom: 15px;
	  -webkit-margin-bottom: 15px !important;
    aspect-ratio: 1/1;
}
  
  #fancybox-wrap {background: rgba(0,0,0,.7);position: fixed !important;top: 0 !important;left: 0 !important;height: 100% !important;width: 100% !important;z-index: 999992 !important;}
    #fancybox-outer {
    width: 100% !important;
    max-width: 85% !important;
    height: auto !important;
    vertical-align: middle !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    -ms-transform: translate(-50%,-50%) !important;
    transform: translate(-50%,-50%)!important;
    }
    #fancybox-content>div {
    width: auto !important;
    height: auto !important;
    min-height: 320px !important;
    max-height: 620px !important;
    overflow-y: scroll !important;
    }
    
    
}
@media screen and (max-width: 570px){
  #tabb .container {
    padding-inline: 15px;
    }  
    #tabb .nav {display: flex;justify-content: center;flex-wrap: nowrap;}
    #tabb .nav li:first-child {border-top-left-radius: 50px;border-bottom-left-radius: 50px;}
    #tabb .nav li:first-child button {border-top-left-radius: 50px;border-bottom-left-radius: 50px;}
    #tabb .nav li {width: fit-content;}
    #tabb .nav li:last-child button {border-top-right-radius: 50px;border-bottom-right-radius: 50px;}
}