.text-gray {
    color: #d4d9df !important;
}

.text-red {
    color: #D71820 !important;
}

.text-blue {
    color: #2d77fc !important;
}

.bg-color-blue {
    background: #2d77fc !important;
}

.bg-color-gray {
    background: #f2f2f2 !important;
}

.news-block-one .inner-box .lower-content .category a {
    background: #2d77fc;
}

.service-block-three .inner-box .image-box .link a {
    background: #2d77fc;
}

.service-block-three .inner-box .lower-content h4 a:hover {
    color: #2d77fc;
}

.newsletter-section .inner-container {
    padding-left: 0;
}

.news-block-one .inner-box .lower-content .inner {
    border-bottom: 3px solid #2d77fc;
}

.newsletter-section .bg-shape {
    background: #2d77fc;
}

.newsletter-section .right-column .social-links li a:hover {
    background: #2d77fc;
    border-color: #2d77fc;
}

.newsletter-section .right-column .newsletter-form .form-group button:hover {
    background: #2d77fc;
}

.footer-top .widget-title:before {
    background: #2d77fc;
}

.footer-top .links-widget .links-list li a:hover {
    color: #2d77fc;
}

.footer-top .logo-widget .support-box h4 a:hover {
    color: #2d77fc;
}

.footer-top .logo-widget .text a:hover {
    color: #2d77fc;
}

.footer-top .post-widget .post h5 a:hover {
    color: #2d77fc;
}

.footer-top .post-widget .post .post-thumb:before {
    background: #2d77fc;
}

.main-footer .footer-info .info-list li p a:hover {
    color: #2d77fc;
}

.main-footer .footer-info .info-list li i {
    color: #2d77fc;
}

.main-footer .footer-bottom a:hover {
    color: #2d77fc;
}

.team-section .dots-style-one .owl-dots {
    text-align: center;
    margin-top: 1rem;
}

.sec-title .top-title .shape .line {
    background: #2d77fc;
}

.sec-title .top-title p {
    color: #2d77fc;
}

.contact-info-section .inner-content .single-item .icon-box {
    color: #2d77fc;
}

.contact-page-section .form-inner .default-form .form-group input:focus, .contact-page-section .form-inner .default-form .form-group textarea:focus {
    border-color: #2d77fc !important;
}

.service-block-three .inner-box .image-box {
    background-color: #f1f1f1;
}

.shop-sidebar .post-widget .post .post-thumb {
    background-color: #f1f1f1;
}

.shop-sidebar .category-widget .category-list li a:hover {
    color: #2d77fc;
}

.shop-block-one .inner-box .image-box .cart-btn {
    background-color: #2d77fc;
}

.shop-block-one .inner-box .image-box .cart-btn:hover {
    color: #2d77fc;
}

.shop-block-one .inner-box .lower-content h6 a:hover {
    color: #2d77fc;
}

.product-details-content .product-details .categry-box li a:hover {
    color: #2d77fc;
}

.default-sidebar .widget-title:before {
    background: #2d77fc;
}

.default-sidebar .widget-title:after {
    background: #2d77fc;
}

.service-sidebar .category-widget .category-list li a.current, .service-sidebar .category-widget .category-list li a:hover {
    background: #2d77fc;
}

.page-title .bread-crumb li a:hover {
    color: #2d77fc;
}

.gradient-color .scroll-top {
    background-color: #2d77fc;
    color: #ffffff;
}

.pagination li a:hover, .pagination li a.current {
    background: #2d77fc;
}

.shop-sidebar .post-widget .post a:hover {
    color: #2d77fc;
}

.disabled {
    pointer-events: none;
    cursor: not-allowed;
}

.service-sidebar .download-widget .download-list li a:hover {
    background: #2d77fc;
}

.service-sidebar .download-widget .download-list li a span {
    background: #2d77fc;
}

.product-details-content .product-details .text ul li {
    list-style-type: disc;
    margin-left: 1.25rem;
}

.page-title .title h1 {
    font-size: 4rem;
    line-height: 1;
}

.custom-banner-carousel {
    height: 0;
    padding-bottom: 33.333%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.custom-banner-carousel .carousel-inner {
    position: absolute;
    height: 100%;
}

.custom-banner-carousel .carousel-inner .carousel-item {
    height: 100%;
    position: relative;
    background-size: 100% 100%;
}

.custom-banner-carousel .carousel-inner .carousel-item .banner-info-wrapper {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding: 0 6rem;
    width: 60%;
}

.custom-banner-carousel .carousel-inner .carousel-item .banner-info-wrapper .title {
    max-height: 175px;
    overflow: hidden;
}

.custom-banner-carousel .carousel-inner .carousel-item .banner-info-wrapper .title h1 {
    font-size: 40px;
    font-family: "OpenSansBold", "Microsoft YaHei", "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "WenQuanYi Micro Hei", sans-serif;
    position: relative;
    font-weight: 700;
    max-height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}

.custom-banner-carousel .carousel-inner .carousel-item .banner-info-wrapper .sub-title {
    max-height: 116px;
    overflow: hidden;
    margin-top: 20px;
}

.custom-banner-carousel .carousel-inner .carousel-item .banner-info-wrapper .sub-title h2 {
    font-family: 'OpenSans', "Microsoft YaHei", "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "WenQuanYi Micro Hei", sans-serif;
    font-size: 24px;
    letter-spacing: 2px;
    max-width: 665px;
    max-height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}

@media only screen and (max-width: 991px) {
    .custom-banner-carousel {
        height: 100vw;
        width: 100%;
        min-height: 350px;
        min-width: 350px;
        padding-bottom: 0;
    }

    .custom-banner-carousel .carousel-inner .carousel-item .banner-info-wrapper {
        padding: 0 15px;
        top: 20%;
        width: 90%;
    }

    .custom-banner-carousel .carousel-inner .carousel-item .banner-info-wrapper.top {
        top: 20%;
    }

    .custom-banner-carousel .carousel-inner .carousel-item .banner-info-wrapper.bottom {
        top: 80%;
    }

    .custom-banner-carousel .carousel-inner .carousel-item .banner-info-wrapper .sub-title {
        margin-top: 5px;
    }

    .custom-banner-carousel .carousel-inner .carousel-item .banner-info-wrapper .title h1 {
        font-size: 30px;
    }

    .custom-banner-carousel .carousel-inner .carousel-item .banner-info-wrapper .sub-title h2 {
        font-size: 18px;
    }
}

.custom-banner-carousel .carousel-control-prev {
    visibility: hidden;
}

.custom-banner-carousel .carousel-control-next {
    visibility: hidden;
}

.text-color-white h1 {
    color: #fff !important;
}

.text-color-white h2 {
    color: #fff !important;
}

.text-color-black h1 {
    color: #000 !important;
}

.text-color-black h2 {
    color: #000 !important;
}

.menu-right-content .social-style-two {
    padding-right: 15px;
    margin-right: 15px;
    border-right: 1px solid #e0e0e0;
}

.menu-right-content .social-style-two li a {
    border-radius: 5px;
}

.image-box {
    min-height: 270px;
}

.service-block-three .inner-box .image-box img{
    width: auto;
}

.shop-block-one .inner-box .image-box img {
    width: auto;
}

.whats-new .bg-box {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transition: transform .5s;
    height: 300px;
}

.whats-new a {
    display: block;
    position: relative;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: 105%;
    background-position: center;
}

.whats-new .bg-box:hover {
    transform: scale(1.04);
}

.whats-new .content-container:hover {
    transform: translate(0.25px);
    transition: .5s;
}

.about-style-four .image-layer-flip {
    position: absolute;
    right: 0;
    bottom: 80px;
}

.title-h1 {
    font-size: 40px;
    font-family: "OpenSansBold", "Microsoft YaHei", "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "WenQuanYi Micro Hei", sans-serif;
    position: relative;
    font-weight: 700;
    max-height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    color: #fff;
}
