@font-face {
    font-family: "Merriweather";
    src: url(../fonts/Merriweather-Black.ttf);
    src: url(../fonts/Merriweather-BlackItalic.ttf);
    src: url(../fonts/Merriweather-Bold.ttf);
    src: url(../fonts/Merriweather-BoldItalic.ttf);
    src: url(../fonts/Merriweather-Italic.ttf);
    src: url(../fonts/Merriweather-Light.ttf);
    src: url(../fonts/Merriweather-LightItalic.ttf);
    src: url(../fonts/Merriweather-Regular.ttf);
    }
    @font-face {
        font-family: "Mirza";
        src: url(../fonts/Mirza-Regular.ttf);
        src: url(../fonts/Mirza-Medium.ttf);
        src: url(../fonts/Mirza-SemiBold.ttf);
        src: url(../fonts/Mirza-Bold.ttf);
    }

    @font-face {
        font-family: "Rubic";
        src: url(../fonts/Rubik-Black.ttf);
        src: url(../fonts/Rubik-BlackItalic.ttf);
        src: url(../fonts/Rubik-Bold.ttf);
        src: url(../fonts/Rubik-BoldItalic.ttf);
        src: url(../fonts/Rubik-ExtraBold.ttf);
        src: url(../fonts/Rubik-ExtraBoldItalic.ttf);
        src: url(../fonts/Rubik-Italic.ttf);
        src: url(../fonts/Rubik-Light.ttf);
        src: url(../fonts/Rubik-LightItalic.ttf);
        src: url(../fonts/Rubik-Medium.ttf);
        src: url(../fonts/Rubik-MediumItalic.ttf);
        src: url(../fonts/Rubik-Regular.ttf);

    }
.default-section {
          padding: 50px 0;
}

.background-clip {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
}

.slogan {
    font-family: 'Rubic';
    color: #ebebeb;
    font-weight: 700;
    font-size: 20px;
}

.slogan-mob {
display: none;
}

h1 {
    color: #fff;
    font-family: "Mirza";
    font-size: 70px;
    font-weight: 600;
    text-transform: uppercase;
  }

   h1 span {
    color: #f20311;
  }
.service-heading {
          margin-bottom: 30px;
      }
      .description {
        color: black;
      }

@media (min-width: 992px){
.col-md-offset-3 {
    margin-left: 25%;
}
.col-md-6 {
          width: 50%;
      }
}


        .wsk-cp-product {
            background: #fff;
            padding: 15px;
            border-radius: 6px;
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
            position: relative;
            margin: 10px auto;
        }

        .wsk-cp-img {
            position: absolute;
            top: 5px;
            left: 50%;
            transform: translate(-50%);
            -webkit-transform: translate(-50%);
            -ms-transform: translate(-50%);
            -moz-transform: translate(-50%);
            -o-transform: translate(-50%);
            -khtml-transform: translate(-50%);
            width: 100%;
            padding: 15px;
            transition: all 0.2s ease-in-out;
        }

        .wsk-cp-img img {
            width: 100%;
            transition: all 0.2s ease-in-out;
            border-radius: 6px;
        }

        .wsk-cp-product:hover .wsk-cp-img {
            top: -40px;
        }

        .wsk-cp-product:hover .wsk-cp-img img {
            box-shadow: 0 19px 38px rgba(0, 0, 0, 0.30), 0 15px 12px rgba(0, 0, 0, 0.22);
        }

        .wsk-cp-text {
            padding-top: 100%;
        }

        .wsk-cp-text .category {
            text-align: center;
            font-size: 12px;
            font-weight: bold;
            padding: 5px;
            margin-bottom: 45px;
            position: relative;
            transition: all 0.2s ease-in-out;
        }

        .wsk-cp-text .category>* {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            -khtml-transform: translate(-50%, -50%);

        }

        .wsk-cp-text .category>span {
            font-size: 18px;
            padding: 10px;
            border: 1px solid #313131;
            background: #212121;
            color: #fff;
            box-shadow: 0 19px 38px rgba(0, 0, 0, 0.30), 0 15px 12px rgba(0, 0, 0, 0.22);
            border-radius: 27px;
            transition: all 0.05s ease-in-out;

        }

        .wsk-cp-product:hover .wsk-cp-text .category>span {
            border-color: #ddd;
            box-shadow: none;
            padding: 11px 28px;
        }

        .wsk-cp-product:hover .wsk-cp-text .category {
            margin-top: 0px;
        }

        .wsk-cp-text .title-product {
            text-align: center;
        }

        .wsk-cp-text .title-product h3 {
            font-size: 20px;
            font-weight: bold;
            margin: 15px auto;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            width: 100%;
        }

        .wsk-cp-text .description-prod p {
            margin: 0;
        }

        /* Truncate */
        .wsk-cp-text .description-prod {
            text-align: center;
            width: 100%;
            height: 62px;
            overflow: hidden;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            margin-bottom: 15px;
        }

        .card-footer {
            padding: 25px 0 5px;
            border-top: 1px solid #ddd;
        }

        .card-footer:after,
        .card-footer:before {
            content: '';
            display: table;
        }

        .card-footer:after {
            clear: both;
        }

        /* .card-footer .wcf-footer-left {
                        float: left;

                    }

                    .card-footer .wcf-footer-right {
                        float: right;
                    } */

        .price {
            font-size: 18px;
            font-weight: bold;
        }

        a.buy-btn {
            display: block;
            color: #212121;
            text-align: center;
            font-size: 18px;
            width: 35px;
            height: 35px;
            line-height: 35px;
            border-radius: 50%;
            border: 1px solid #212121;
            transition: all 0.2s ease-in-out;
        }

        a.buy-btn:hover,
        a.buy-btn:active,
        a.buy-btn:focus {
            border-color: #f82249;
            background: #f82249;
            color: #fff;
            text-decoration: none;
        }

        .wsk-btn {
            display: inline-block;
            color: #212121;
            text-align: center;
            font-size: 18px;
            transition: all 0.2s ease-in-out;
            border-color: #FF9800;
            background: #FF9800;
            padding: 12px 30px;
            border-radius: 27px;
            margin: 0 5px;
        }

        .wsk-btn:hover,
        .wsk-btn:focus,
        .wsk-btn:active {
            text-decoration: none;
            color: #fff;
        }

        .red {
            color: #F44336;
            font-size: 22px;
            display: inline-block;
            margin: 0 5px;
        }

        @media screen and (max-width: 991px) {
            .wsk-cp-product {
                /* margin: 40px auto; */
                margin-bottom: 30px;
            }

            .wsk-cp-product .wsk-cp-img {
                top: -40px;
            }

            .wsk-cp-product .wsk-cp-img img {
                box-shadow: 0 19px 38px rgba(0, 0, 0, 0.30), 0 15px 12px rgba(0, 0, 0, 0.22);
            }

            .wsk-cp-product .wsk-cp-text .category>span {
                border-color: #ddd;
                box-shadow: none;
                padding: 11px 28px;
            }

            .wsk-cp-product .wsk-cp-text .category {
                margin-top: 0px;
            }

            a.buy-btn {
                border-color: #f82249;
                background: #f82249;
                color: #fff;
            }
        }


        #supporters .supporter-logo {
            background: rgb(255 255 255);
        }

        #footer .footer-top {
            background:#094499;
        }

        #header.header-scrolled, #header.header-fixed {
            background:#094499;
        }
        #card-container {
            margin: 0 5% auto;
            /* width: 65%; */
        }

        .logo-image {
            height: 135px;
            margin-top: 15px;
        }


/* small devices */
@media (max-width: 991px){

#header {
    background: #094499;
}
#footer .footer-top {
    background:#094499;
}
#mobile-nav {
    background:#094499;
}
#card-container {
    width: 90%;
    margin: 0px auto;
}
.owner-image {
    width:90%
}
.venue-gallery {
    margin-bottom: 10px;
}
.shell {
    padding: 0px;
    margin-top: 35px;
}
/* .facility-name {
    text-align: left;
} */
.company-title {
    margin-top: 20px;
    /* margin: 0px; */
}
.background-clip {
    position: absolute;
    right: 0;
    top: 105px;
    height: 200px;
    width: 100%;
}
.default-section {
    padding: 3rem 0px;
}
.intro-container-home {
    top: 190px;
}


.slogan {
    display: none;
}

.slogan-mob {
    font-family: 'Rubic';
    color: #ebebeb;
    font-weight: 700;
    font-size: 18px;
    display: block;
}
.wsk-cp-product .wsk-cp-text .category>span {
    border-color: #ddd;
    box-shadow: none;
    padding: 10px;
}
.wsk-cp-product:hover .wsk-cp-text .category>span {
    border-color: #ddd;
    box-shadow: none;
    padding: 10px;
}
.wsk-cp-text {
    padding-top: 70%;
}

h1 {
    color: #fff;
    font-family: "Mirza";
    font-size: 30px;
    font-weight: 600;
    text-transform: uppercase;
  }

   h1 span {
    color: #f20311;
  }
}