:root {
    --default-transition: all 0.35s ease-in-out;
}
.site-easing {
    -webkit-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

.ip-custom-breadcrumbs {
   padding: 30px 0 50px;
}

#inner-page-wrapper {
    margin-bottom: 0;
}
#inner-page-wrapper > .container {
    width: 100%;
    padding: 0;
}

.ip-btn {
  display: flex;
  justify-content: center;
  margin: 50px 0 0;
}

.ip-btn a.btn-a, .ip-btn .btn-a {
   width: 300px;
}

#ip-fc {
    position: relative;
    padding: 94px 0 105px;
    overflow: hidden;
}
    .bg-pattern.pattern-fc {

    }

    #ip-fc .section-title {
        text-align: center;
        margin-bottom: 37px;
    }


.fc-list {
        font-size: 0;
        padding: 0 5px;
    }
        .fc-item {
            display: inline-block;
            vertical-align: top;
            width: 16.666%;
            padding: 4px;
        }
            .fc-item a {
                display: block;
                position: relative;
                z-index: 1;
                transition: z-index var(--default-transition);
                  transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -webkit-transition: all .25s ease-in-out;
            }
                .fc-img {
                    position: relative;
                }
                    .fc-img canvas {
                        display: block;
                        width: 100%;
                    }
                    .fc-img-bg {
                        position: absolute;
                        top: 0;
                        left: 0;
                        right: 0;
                        bottom: 0;
                        transition: all var(--default-transition);
                          transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -webkit-transition: all .25s ease-in-out;
                    }
                        .fc-img-bg:before {
                            content: '';
                            position: absolute;
                            z-index: 2;
                            top: 0;
                            left: 0;
                            right: 0;
                            bottom: 0;
                            background: rgba(var(--accent-rgb), 0.38);
                            transition: all var(--default-transition);
                              transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -webkit-transition: all .25s ease-in-out;
                        }
                        .fc-img-bg img {
                            display: block;
                            width: 100%;
                            height: 100%;
                            object-fit: cover;
                            z-index: 1;
                            transition: all var(--default-transition);
                              transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -webkit-transition: all .25s ease-in-out;
                        }

                    .fc-item a:hover {
                        z-index: 3;
                    }
                        .fc-item a:hover .fc-img-bg img {
                            -webkit-filter: grayscale(1);
                            filter: grayscale(1);
                        }
                        .fc-item a:hover .fc-img-bg:before {
                            background: rgba(var(--primary-rgb), 0.76);
                        }
                    .fc-item a:hover .fc-img-bg {
                        top: -30px;
                        left: -30px;
                        right: -30px;
                        bottom: -30px;
                    }

                .fc-details {
                    position: absolute;
                    top: 0;
                    left: 0;
                    right: 0;
                    bottom: 0;
                    z-index: 3;
                }
                    .fc-details-inner {
                        width: 100%;
                        text-align: center;
                        padding: 0 5px;
                    }
                        .fc-title {
                            font-size: 24px;
                            font-weight: 300 !important;
/*                            letter-spacing: 0.2em;*/
                            color: #fff;
                            text-transform: uppercase;
                            position: relative;
                            line-height: 1 !important; 
                            text-shadow: 0 0 10px #000;
                            font-family: var(--font-default) !important;
                                                          transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -webkit-transition: all .25s ease-in-out;
                        }
                            .fc-title span {
                                position: relative;
                                display: block;
                                top: 100%;
                                left: 0;
                                right: 0;
                                font-size: 12px;
                                letter-spacing: 0.05em;
                                line-height: 16px;
                                margin-top: 4px;
                            }

                            .fc-item a:hover .fc-title {
                                font-size: 28px; 
                                letter-spacing: 0.1em;
                            }

/**************************************************/
/*MEDIA AND OTHER MOBILE STYLES*/
/**************************************************/

@media only screen and (min-width: 1601px){

}
@media only screen and (max-width: 1480px){

}
@media only screen and (max-width: 1366px){
    
}
@media only screen and (max-width: 1280px){
    
}
@media only screen and (max-width: 1199px){
     

}
@media only screen and (max-width: 991px){
    .fc-list {
        max-width: 600px;
        margin: 0 auto;
    }

    .fc-item {
        width: 50%;
    }

}

@media only screen and (max-width: 767px){
    .fc-item {
        width: 100%;
        max-width: 400px;
        margin: 0 auto;
        display: block;
    }
}
@media only screen and (max-width: 480px){
   
}