:root {

    --themes-color: #000;

    --color-theme-primary: #000;

}



.row {

    --ps-gutter-x: 12px;

    margin-right: calc(-1 * var(--ps-gutter-x));

    margin-left: calc(-1 * var(--ps-gutter-x));

}



    .row > * {

        padding-right: calc(var(--ps-gutter-x) * 1);

        padding-left: calc(var(--ps-gutter-x) * 1);

    }



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

    .container {

        max-width: 1250px;

    }

}



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

    .container {

        max-width: 100%;

    }

}



@media (max-width: 1599px) and (min-width:1200px) {

    .container {

        max-width: 1250px;

    }

}



.main-wrapper {

    background-color: #fff

}



.form-control:focus {

    box-shadow: none;

}



@media (min-width: 1600px) {

    .product-area .col-xl-2 {

        -ms-flex: 0 0 20%;

        flex: 0 0 20%;

        max-width: 20%;

    }

}



@media (max-width: 1599px) and (min-width:1200px) {

    .product-area .col-xl-2 {

        -ms-flex: 0 0 20%;

        flex: 0 0 20%;

        max-width: 20%;

    }

}





@media (min-width: 992px) {

    .product-area .col-lg-2 {

        -ms-flex: 0 0 20%;

        flex: 0 0 20%;

        max-width: 20%;

    }

}



.product-row, .blog-row {

    margin-left: -5px;

    margin-right: -5px;

}



.shop-row {

    margin-left: -5px;

    margin-right: -5px;

}



    .shop-row > *,

    .blog-row > *,

    .product-row > * {

        padding-left: 5px;

        padding-right: 5px;

    }



.pro-details-color-content ul li label.active::before {

    display: none

}



.pro-details-color-content li label img {

    height: 100%;

    width: 100%;

    object-fit: contain;

}



.pro-details-color-content ul li label {

    width: 60px;

    height: 60px;

}



.header-title-wrap h3 {

    font-size: 25px;

    text-transform: uppercase;

    font-weight: 700;

    color: #ed1e26;

    margin-bottom: 0;

    font-family: 'Roboto Slab', serif;

}



.header-action .same-style-2.same-style-2-font-dec a.cart-active {

    font-size: 30px;

    color: #25aae1;

}







.navbar_top.fixed-top {

    box-shadow: 0px 10px 21.6px 2.4px rgb(0 0 0 / 6%);

}



.main-categori-wrap > a i.icon-right {

    float: right;

    font-size: 12px;

    margin-right: 0;

    top: 0;

}



.main-categori-wrap.main-categori-wrap-modify > a {

    color: #ffffff;

    padding: 13px 20px;

    border-right: 1px solid #fff;

    display: flex;

    justify-content: space-between;

    align-items: center;

}



.main-categori-wrap > a i {

    font-size: 22px;

    margin-right: 18px;

    position: relative;

    top: 0;

    line-height: 1;

}



.main-categori-wrap > a div {

    display: flex;

    align-items: center;

}



.main-menu.main-menu-lh-5 > nav > ul > li {

    line-height: 48px;

}



.category-menu-2 nav > ul > li {

    padding: 5px 17px;

    position: relative;

    border-bottom: 1px dashed #e1e1e1;

}



    .category-menu-2 nav > ul > li:hover {

        background-color: #eee

    }



    .category-menu-2 nav > ul > li > a i {

        font-size: 17px;

        margin-right: 8px;

    }





    .category-menu-2 nav > ul > li > a {

        color: #000000;

        font-size: 14px;

        display: -webkit-box;

        display: -webkit-flex;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-align: center;

        -webkit-align-items: center;

        -ms-flex-align: center;

        align-items: center;

    }



.category-menu-2 {

    border: 1px solid #999;

    width: 100%;

    position: absolute;

    top: 100%;

    left: 0;

    z-index: 5;

    background-color: #fff;

    padding: 5px 0px 3px;

    border-top: none;

}



.slider-height-4 {

    height: 350px;

}



.hero-slider-content-6 p {

    width: 100%;

    margin: 0 0 33px;

}



.slick-dots {

    display: none !important

}



.hero-slider-title {

    font-weight: 700;

    font-size: 40px;

}



    .hero-slider-title span {

        font-size: 90%;

    }



.banner-wrap .banner-content-6 {

    position: absolute;

    left: 16%;

    top: 50%;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

    text-align: right;

}



.section-title {

    position: relative;

}



    .section-title .title {

        font-size: 35px;

        font-weight: 600;

        margin: 0;

        letter-spacing: 0;

        text-transform: unset;

        line-height: 45px;

        color: #000000;

        font-family: 'Inter Tight', sans-serif;

    }



        .section-title .title span {

            color: #25aae1;

            font-weight: 700;

        }



    .section-title .sub-title {

        font-weight: 600;

        font-size: 16px;

        color: #f3ad1b;

        line-height: 26px;

        text-transform: uppercase;

    }



.section-sub-title a {

}



    .section-sub-title a:first-child {

        padding-left: 0px;

    }



    .section-sub-title a:last-of-type {

        border-right: 4px solid #b4b4b4;

    }



@media(max-width: 767px) {

    .section-title .title {

        font-size: calc(30px * 0.8);

		  line-height: 30px;

    }

}



.btn-style-5 a {

    display: inline-block;

    font-size: 15px;

    line-height: 35px;

    /*color: #686868;*/

}



.blog-area .btn-style-5 a {

    /*color: #011746;*/

}



.blog-wrap .blog-img a img {

    width: 100%;

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

    -webkit-transition: all .5s ease 0s;

    -o-transition: all .5s ease 0s;

    height: 250px;

    transition: all .5s ease 0s;

    object-fit: cover;

}



.blog-wrap .blog-content h3 a, .blog-wrap .blog-content h1 a {

    color: #222222;

    font-size: inherit;

}



.blog-wrap .blog-content h3:after {

    content: "";

    width: 100px;

    height: 3px;

    display: none;

    margin-bottom: 20px;

}



.blog-wrap .blog-content h3 {

    color: #000;

    font-size: 18px;

    font-weight: 500;

    line-height: 1.3;

    margin-bottom: 10px;

    text-align: left;

    margin-top: 0;

}



.blog-wrap .blog-content .blog-meta ul li {

    margin-right: 30px;

    position: relative;

    font-size: 14px;

}



.blog-wrap .blog-img a {

    overflow: hidden;

    width: 100%;

    padding-top: 75%;

    position: relative;

}



    .blog-wrap .blog-img a img {

        position: absolute;

        width: 100%;

        height: 100%;

        top: 0;

        left: 0;

        object-fit: cover

    }



.blog-wrap .blog-content p {

    font-size: 16px;

    line-height: 25px;

    letter-spacing: 0;

    margin-bottom: 0;

    color: #1c1c1c;

    text-align: left;

    padding-bottom: 10px;

    word-wrap: break-word;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    line-height: 25px;

    -webkit-line-clamp: 4;

    min-height: 50px;

    max-height: 100px;

    font-weight: 300

}



.blog-wrap .blog-content .blog-s_desc {

    font-size: 16px;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    line-height: 25px;

    -webkit-line-clamp: 4;

    min-height: 50px;

    max-height: 100px;

    font-weight: 300

}



.service-wrap {

    background-color: transparent;

    position: relative;

    margin-top: 0;

    z-index: 1;

    padding: 25px 0 25px;

}



.footer-widget .contact-info-2 .single-contact-info-2 .contact-info-2-content p {

    color: #000;

    margin: 0 0 0px;

}



.blog-area-pb {

    padding-bottom: 0;

}



.tab-btn-wrap-2 {

    border: 1px solid #cccc;

    padding: 12px;

    border-radius: 10px;

}



.single-service-wrap {

    flex-wrap: wrap;

    text-align: center

}



    .single-service-wrap .service-icon {

        -ms-flex: 0 0 100%;

        flex: 0 0 100%;

        max-width: 100%;

        margin-right: 0;

        margin-bottom: 20px;

    }



    .single-service-wrap .service-content {

        -ms-flex: 0 0 100%;

        flex: 0 0 100%;

        max-width: 100%;

    }



    .single-service-wrap .service-icon i {

        font-size: 40px;

        color: #25aae1;

        display: inline-block;

        -webkit-transition: all .3s ease 0s;

        -o-transition: all .3s ease 0s;

        transition: all .3s ease 0s;

    }



    .single-service-wrap .service-content span {

        display: block;

        line-height: 1;

        color: #282828;

    }



    .single-service-wrap .service-content h3 {

        font-size: 18px;

        font-weight: 600;

        margin: 0 0 8px;

        color: #296133;

    }





.footer-area p, .footer-area a {

    font-weight: 300;

}



.footer-area .social-style-1 a {

    color: #25aae1;

    background-color: #f2f2f2;

    width: 40px;

    height: 40px;

    display: flex;

    justify-content: center;

    align-content: center;

    align-items: center;

    font-size: 16px;

    border-radius: 0rem

}



.footer-area .social-style-1 {

    padding-top: 25px;

}



    .footer-area .social-style-1 a:not(:last-of-type) {

        margin-right: 10px;

    }



    .footer-area .social-style-1 a:hover {

        color: #fff;

        background-color: #25aae1;

    }



.social-style-1 a:hover {

    color: #fff;

}



.home .blog-area .blog-area-pb .blog-wrap {

    display: block;

    width: 100%;

    padding: 0 15px;

}







    .home .blog-area .blog-area-pb .blog-wrap .blog-img {

        overflow: hidden;

        -ms-flex: 0 0 33.333333%;

        flex: 0 0 33.333333%;

        max-width: 33.333333%;

    }



        .home .blog-area .blog-area-pb .blog-wrap .blog-img img {

            height: 120px;

        }



    .home .blog-area .blog-area-pb .blog-wrap .blog-content {

        -ms-flex: 0 0 66.666667%;

        flex: 0 0 66.666667%;

        max-width: 66.666667%;

        padding: 0 15px;

    }



.home .blog-area .blog-area-pb.first .blog-wrap:first-child .blog-img,

.home .blog-area .blog-area-pb.first .blog-wrap:first-child .blog-content {

    overflow: hidden;

    -ms-flex: 0 0 100%;

    flex: 0 0 100%;

    max-width: 100%;

    height: auto;

}



    .home .blog-area .blog-area-pb.first .blog-wrap:first-child .blog-img img {

        height: 396px;

    }



.home .blog-area .blog-area-pb.last .blog-wrap:last-child .blog-img,

.home .blog-area .blog-area-pb.last .blog-wrap:last-child .blog-content {

    overflow: hidden;

    -ms-flex: 0 0 100%;

    flex: 0 0 100%;

    max-width: 100%;

    height: auto;

}



    .home .blog-area .blog-area-pb.last .blog-wrap:last-child .blog-img img {

        height: 270px;

    }



.service-wrap .section-title-2 h2 {

    font-size: 40px;

    font-weight: 600;

    margin: 0;

    line-height: 1.3;

    letter-spacing: 2px;

    background: linear-gradient( 0deg, rgba(74,138,86,1) 0%, rgba(136,186,29,1) 100%);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

}



.section-title-2 h2 span {

    font-weight: bold;

    display: block;

    font-size: 50px;

}



.footer-area {

    background-color: #fff;

}



.footer-widget h3.footer-title {

    font-size: 16px;

    font-weight: 700;

    letter-spacing: 0;

    margin: 0 0 24px;

    text-transform: uppercase;

    line-height: 30px;

    color: #000;

    position: relative;

}



    .footer-widget h3.footer-title:after {

        content: "";

        background-color: #f3ad1b;

        left: 0;

        width: 70px;

        height: 2px;

        display: block;

        margin-top: 5px;

    }



.product-slider-active-3 .slick-list .product-plr-1 {

    padding: 0

}



.single-product-wrap {

    border: 1px solid transparent;

    margin-bottom: 20px;

    background-color: #fff;

}



    .single-product-wrap:hover {

        background-color: #fff;

    }



.product-content-wrap {

    padding: 10px 10px;

}



.product-pric {

    text-align: center;

}



.single-product-wrap .product-img span.pro-badge.bg-red {

    background-color: #25aae1;

}



.single-product-wrap .product-content-wrap .product-content-left h4 {

    font-size: 14px;

    font-weight: bold;

    margin: 0 0 7px;

    text-align: center

}



.single-product-wrap .pro-badge {

    color: #000;

    border-radius: 0;

    font-size: 14px;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #fff;

    text-transform: uppercase;

    background: #ea1c00;

    top: 0 !important

}



.tab-style-5 a.active {

    color: #25aae1;

    font-weight: 600;

}



.tab-style-5 a {

    color: #282828;

    font-size: 20px;

    margin-right: 40px;

    font-weight: 600;

    text-transform: capitalize;

}



.single-product-wrap .product-content-wrap .product-content-left span {

    font-size: 16px;

    color: #25aae1;

    font-family: 'Inter Tight', sans-serif;

    font-weight: 500;

}



.single-product-wrap:hover .product-content-wrap .product-content-left h4 a {

    color: #25aae1;

}



.single-product-wrap .product-content-wrap .product-content-left h4 a {

    font-weight: 500;

}



.single-product-wrap .product-content-wrap .product-content-left span.new-price {

    color: #25aae1;

}



.single-product-wrap .product-content-wrap .product-content-left span.old-price {

    color: #999;

}



.hotline-2-wrap {

    margin-right: 20px;

}



.hotline-2-icon {

    transform: rotate( -90deg );

}



.hotline-2-wrap .hotline-2-icon i {

    font-size: 30px;

}



.categori-search-wrap {

    border: 2px solid #f1ba2d;

    border-radius: 10px;

}



    .categori-search-wrap .search-wrap-3 form button {

        position: absolute;

        right: 13px;

        top: 50%;

        -webkit-transform: translateY(-50%);

        -ms-transform: translateY(-50%);

        transform: translateY(-50%);

        background-color: transparent;

        border: none;

        padding: 0;

        color: #25aae1;

        font-size: 20px;

    }



    .categori-search-wrap .search-wrap-3 form input {

        font-size: 16px;

        color: #999;

        border: none;

        height: 40px;

        padding: 2px 50px 2px 10px;

        background-color: transparent;

    }



.single-product-wrap .product-img {

    position: relative;

    overflow: hidden;

    width: 100%;

    padding-top: 100%;

}



@media(max-width:767px) {

    .single-product-wrap .product-img {

        padding-top: 100%;

    }

}



.single-product-wrap .product-img a img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    position: absolute;

    top: 0;

    left: 0;

}



.single-product-wrap:hover .product-img {

    position: relative;

    overflow: hidden;

    border: none;

}



.single-product-wrap:hover {

    /*background-color: #f9f9f9;*/

    border-color: #ea1c00

}



.single-product-wrap .product-content-wrap .product-content-left {

    -webkit-box-flex: 0;

    -webkit-flex: 0 0 100%;

    -ms-flex: 0 0 100%;

    flex: 0 0 100%;

    max-width: 100%;

}



.main-menu > nav > ul {

    position: relative;

    display: -webkit-box;

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flexbox;

    display: flex;

}



    .main-menu > nav > ul > li {

        display: block;

        position: relative;

        float: left;

        position: relative;

        padding-right: 0;

    }



        .main-menu > nav > ul > li > a {

            display: block;

            text-align: center;

            text-transform: uppercase

        }



/*.home .category-menu-2.categori-not-visible-2 {

    display: block;

}



.home .navbar_top.fixed-top .category-menu-2.categori-not-visible-2 {

    display: none;

}*/



.breadcrumb-area {

    padding: 10px 0;

    background-color: #fff;

    border-bottom: 1px solid #f5f5f5;

    border-top: 1px solid #f5f5f5;

}



.breadcrumb-content ul li::before {

    z-index: 2;

}



.product-details-content h1 {

    font-size: 26px;

}



.breadcrumb-content ul li {

    font-size: 14px

}



    .breadcrumb-content ul li a {

        font-weight: 400;

    }



.blog-details-top h1 {

    font-size: 26px;

    margin-bottom: 15px;

}



.header-small-device.small-device-ptb-1 {

    padding: 5px 0 5px;

    background-color: #fff;

}



.cart-table-content .product-thumbnail img {

    width: 100px;

}



.title-head {

    font-size: 26px;

    line-height: 28px;

    margin: 0;

    font-weight: 600;

    text-transform: uppercase;

    letter-spacing: 2.4px;

}



.text-contact {

    font-size: 14px;

    line-height: 24px;

    color: #333;

    letter-spacing: 0.5px;

    margin-top: 10px;

    margin-bottom: 30px;

}



.contact-infos {

    border-radius: 10px;

    background-color: #f6f6f7;

    padding: 25px;

}



    .contact-infos .title {

        border-bottom: 3px solid #d7d8d9;

        text-transform: uppercase;

        padding-bottom: 8px;

        font-size: 16px;

        font-weight: bold;

        letter-spacing: 1px;

        line-height: 22px;

        margin-bottom: 8px;

        color: #000;

    }



    .contact-infos .list-menu li {

        font-size: 15px;

    }



.slider-height-3 {

    height: 341px;

}



.pro-badge-cart {

    color: #000;

    font-size: 25px;

    text-transform: uppercase;

    position: absolute;

    bottom: 10px;

    font-weight: 600;

    display: inline-block;

    padding: 4px 6px 5px;

    line-height: 1;

    right: 10px;

    background-color: transparent;

    border: none;

}



.single-product-wrap .product-img a img {

    width: 100%;

    height: 100%;

    object-fit: contain;

}



.column-count {

    column-count: 2;

}



@media (max-width: 767px) {

    .home .blog-wrap .blog-content h3 a, .home .blog-wrap .blog-content h1 a {

        color: #222222;

        /*font-size: 18px;*/

    }



    .column-count {

        column-count: 1;

    }



    .tab-btn-wrap-2 {

        border: 1px solid #cccc;

        padding: 12px 12px 0;

        border-radius: 10px;

        margin-bottom: 15px;

    }



    .single-product-wrap .product-img a img {

        width: 100%;

        height: 100%

    }



    .tab-style-5 {

        margin-bottom: 5px;

        display: inline-block;

        overflow-y: hidden;

        overflow-x: scroll;

        width: 100%;

        white-space: nowrap;

        overflow-y: hidden;

        overflow-x: scroll;

        -webkit-overflow-scrolling: touch;

        -ms-overflow-style: -ms-autohiding-scrollbar;

        padding: 10px 0;

    }



    .service-wrap .section-title-2 h2 {

        font-size: 22px;

        font-weight: 600;

        margin: 0;

        line-height: 1.3;

        letter-spacing: 2px;

        padding: 0 15px;

    }



    .footer-widget h3.footer-title {

        font-size: 18px;

        font-weight: 600;

        letter-spacing: -.25px;

        margin: 0 0 20px;

        text-transform: uppercase;

        line-height: 30px;

    }



    .section-title-2 h2 span {

        font-weight: bold;

        display: block;

        font-size: 40px;

    }



    .res-white-overly-xs:before {

        position: absolute;

        left: 0;

        top: 0;

        width: 100%;

        height: 100%;

        content: "";

        background-color: #fff;

        opacity: 0;

        z-index: 9;

        display: none;

    }



    .slider-height-3 {

        height: 210px;

    }

}



.cta-button {

    position: fixed;

    top: 58%;

    right: 12px;

    text-align: center;

    z-index: 999;

}



    .cta-button .cta-items {

        margin-bottom: 15px;

        display: block;

    }



        .cta-button .cta-items:hover {

            color: unset

        }



    .cta-button .cta-icon {

        width: 50px;

        height: 50px;

        border: 2px solid;

        align-items: center;

        justify-content: center;

        margin-left: auto;

        margin-right: auto;

        border-radius: 10rem;

        display: flex;

        background-color: rgba(255, 255, 255, 1);

        filter: drop-shadow(0px 0px 2px #666);

    }



        .cta-button .cta-icon.phone {

            border-color: #fb0400

        }



        .cta-button .cta-icon.fb {

            border-color: #1877f2

        }



        .cta-button .cta-icon.zalo {

            border-color: #028fe3

        }



        .cta-button .cta-icon.phone i {

            color: #fb0400

        }



        .cta-button .cta-icon.fb i {

            color: #1877f2

        }



        .cta-button .cta-icon i {

            font-size: 25px;

        }



    .cta-button .cta-content {

        font-size: 12px;

        text-transform: uppercase;

        color: #000;

    }





.contact-contents {

    padding: 18px 25px;

}



.single-product-wrap .product-content-wrap .product-content-left span {

    font-size: 16px;

    color: #25aae1;

    font-family: 'Oswald', sans-serif;

}



.single-product-wrap:hover .product-content-wrap .product-content-left h4 a {

    color: #25aae1;

}



.single-product-wrap .product-content-wrap .product-content-left h4 {

    text-align: center

}



    .single-product-wrap .product-content-wrap .product-content-left h4 a {

        font-weight: 400;

        font-size: 18px;

        text-align: center;

        line-height: 20px;

    }



        .single-product-wrap .product-content-wrap .product-content-left h4 a:hover {

            text-decoration: none;

        }



.single-product-wrap .product-content-wrap .product-content .product-price {

    text-align: center;

}



.single-product-wrap .product-content-wrap .product-content span.new-price {

    color: #ff0000;

    font-size: 18px;

    font-weight: 400

}





.single-product-wrap .product-content-wrap .product-content span.old-price {

    color: #999;

    font-size: 16px;

    text-decoration: line-through;

}



.pro-badge-cart a {

    background-color: #25aae1;

    border-radius: 10rem;

    font-size: 13px;

    color: #fff;

    border: 2px solid #25aae1;

}



    .pro-badge-cart a:hover {

        background-color: #fff;

        border-radius: 10rem;

        font-size: 13px;

        color: #25aae1;

        border: 2px solid #25aae1;

    }



.sidebar-widget .shop-catigory ul li a.active {

    color: #25aae1;

    font-weight: 600;

}



.product-details-content .pro-details-action-wrap .pro-details-add-to-cart {

    margin-right: 0px;

}



    .product-details-content .pro-details-action-wrap .pro-details-add-to-cart a:hover {

        background-color: #ea1c00;

        color: #fff;

        background: #ea1c00;

        transition: none;

        border-color: #ea1c00

    }



.btn-pill {

    border-radius: 10rem !important;

}



.product-details-content .pro-details-price .amount {

    font-size: 22px;

    font-weight: 500;

    font-family: 'Inter Tight', sans-serif;

}



.product-details-content .pro-details-price ins.amount {

    color: #25aae1;

    text-decoration: none;

}



.product-details-content .pro-details-price del.amount {

    font-size: 18px;

    color: #999;

    margin-left: 5px;

}



.sidebar-cart-active .sidebar-cart-all .cart-content .cart-checkout-btn {

    display: flex;

    justify-content: center;

    width: 100%;

}



    .sidebar-cart-active .sidebar-cart-all .cart-content .cart-checkout-btn a:hover {

        background-color: #fff;

        color: #25aae1;

        background: #fff;

        border: 2px solid #25aae1;

    }



    .sidebar-cart-active .sidebar-cart-all .cart-content .cart-checkout-btn a {

        width: 100%;

        display: block;

        margin: 10px 0 0;

        text-align: center;

        padding: 15px 20px 14px;

        color: #fff;

        text-transform: capitalize;

        font-size: 15px;

        line-height: 1;

    }



.sidebar-cart-active .sidebar-cart-all .cart-content ul li .cart-img a img {

    width: 100%;

    border: 1px solid #25aae1;

    height: 65px;

    object-fit: cover;

}



@media(max-width: 767.98px) {

    .table-cart {

        display: block;

    }



        .table-cart .d-md-table-header-group {

            display: none;

        }



        .table-cart tbody tr {

            display: flex;

            flex-wrap: wrap;

        }



            .table-cart tbody tr .product-thumbnail,

            .table-cart tbody tr .product-quantity {

                -ms-flex: 0 0 33.333333%;

                flex: 0 0 33.333333%;

                max-width: 33.333333%;

            }



            .table-cart tbody tr .product-name,

            .table-cart tbody tr .product-subtotal {

                -ms-flex: 0 0 66.666667%;

                flex: 0 0 66.666667%;

                max-width: 66.666667%;

            }



            .table-cart tbody tr .product-subtotal,

            .table-cart tbody tr .product-quantity {

                border-top: none;

                padding-top: 0;

            }



            .table-cart tbody tr .product-thumbnail img {

                height: 80px;

                object-fit: cover;

            }



    .home .blog-wrap .blog-content p {

        display: none;

    }



    .home .blog-area .blog-area-pb .blog-wrap:nth-child(1) .blog-content p {

        display: block;

    }

}



::-webkit-scrollbar-track {

    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);

    background-color: #F5F5F5;

}



::-webkit-scrollbar {

    width: 3px !important;

    background-color: #F5F5F5 !important;

    height: 3px

}



::-webkit-scrollbar-thumb {

    background-color: #25aae1 !important;

}



@media(max-width: 767.98px) {

    ::-webkit-scrollbar {

        width: 3px !important;

        background-color: #F5F5F5 !important;

        height: 3px

    }

}



.info-user {

    position: relative;

}



    .info-user ul li a,

    .info-user .info-name {

        font-size: 14px !important;

    }



    .info-user ul li {

        display: block;

        position: relative;

        line-height: 1;

        margin-bottom: 20px;

    }



        .info-user ul li:last-child {

            margin-bottom: 0px;

        }



.sub-menu-style {

    background: #fff none repeat scroll 0 0;

    -webkit-box-shadow: 0 0 20px 0.4px rgb(0 0 0 / 10%);

    box-shadow: 0 0 20px 0.4px rgb(0 0 0 / 10%);

    display: block;

    left: 0;

    padding: 28px 25px 28px;

    position: absolute;

    top: 100%;

    -webkit-transform: rotateX( 90deg );

    transform: rotateX( 90deg );

    -webkit-transform-origin: center top 0;

    -ms-transform-origin: center top 0;

    transform-origin: center top 0;

    -webkit-transition: all 0.5s ease 0s;

    -o-transition: all 0.5s ease 0s;

    transition: all 0.5s ease 0s;

    visibility: hidden;

    z-index: 99;

    width: 190px;

    text-align: left;

}



.info-user:hover ul.sub-menu-style {

    -webkit-transform: rotateX( 0deg );

    transform: rotateX( 0deg );

    visibility: visible;

}



.contact-from input, .contact-from textarea {

    background: #FFF none repeat scroll 0 0;

    color: #000;

    height: 50px;

    padding: 2px 20px;

    margin-bottom: 30px;

    position: relative;

    border: 1px solid #25aae1;

    border-radius: 10px;

}



.contact-from textarea {

    height: 200px;

    padding: 10px 20px;

}

.contact-from button {

    display: flex;

    align-items: center;

    align-content: center;

    justify-content: center;

    height: 42px;

    width: 160px;

    background: #25aae1;

    color: #fff;

    font-size: 13px;

    font-weight: 500;

    border-radius: 10rem;

    border: 0;

    line-height: 24px;

    text-transform: uppercase;

}

    .contact-from button:hover {

        background-color: #2191bf;

    }

.single-product-wrap .product-content-wrap .product-content-left span.old-price {

    text-decoration: line-through;

    margin-left: 8px;

}



#scrollUp:hover {

    color: #25aae1;

    border: 1px solid #25aae1;

    background-color: #ffffff;

}



.category-menu-2.categori-not-visible-2 {

    display: block;

}



.main-categori-wrap .category-menu-2 {

    position: absolute;

    top: 100%;

    -webkit-transform: rotateX( 90deg );

    transform: rotateX( 90deg );

    -webkit-transform-origin: center top 0;

    -ms-transform-origin: center top 0;

    transform-origin: center top 0;

    -webkit-transition: all 0.5s ease 0s;

    -o-transition: all 0.5s ease 0s;

    transition: all 0.5s ease 0s;

    visibility: hidden;

    z-index: 99;

}



.main-categori-wrap:hover .category-menu-2 {

    -webkit-transform: rotateX( 0deg );

    transform: rotateX( 0deg );

    visibility: visible;

}



.header-action .same-style-2 a span.pro-count {

    position: absolute;

    top: -8px;

    font-size: 12px;

    width: 20px;

    height: 20px;

    display: inline-block;

    line-height: 19px;

    color: #fff;

    text-align: center;

    right: -20px;

    border-radius: 50px;

    font-weight: 600;

    left: unset;

    background-color: #00425f;

}



.title_list .section-title-3 {

    min-width: 150px;

    height: auto;

    display: flex;

    align-items: center;

    justify-content: flex-start;

    background: #25aae1;

    padding-left: 23px;

    font-size: 16px;

    color: #fff;

    text-transform: uppercase;

    position: relative;

    padding-right: 25px;

    padding-bottom: 8px;

    padding-top: 13px;

}



    .title_list .section-title-3 h2 {

        font-size: 16px;

        font-weight: 600;

        margin: 0;

        letter-spacing: -.25px;

        text-transform: uppercase;

        line-height: 1.3;

        color: #fff;

    }



        .title_list .section-title-3 h2:after {

            content: "";

            width: 0;

            height: 0;

            border-left: 0 solid transparent;

            border-right: 32px solid transparent;

            border-bottom: 42px solid #037237;

            font-weight: bold;

            position: absolute;

            top: 0;

            right: -32px;

        }



.section-title-tab-wrap.title_list {

    display: flex;

    align-items: center;

    align-content: center;

    margin-bottom: 20px;

    border-bottom: 2px solid #25aae1;

}



.nav-style-3 > span {

    color: #0366ee;

}



.single-product-wrap span.pro-badge {

    background: #ea1c00 !important;

    height: auto;

    padding: 5px 10px;

    width: auto;

    line-height: 1;

    color: #fff;

    right: 0;

    position: absolute;

    top: 0

}



.slick-track {

    margin-left: 0;

}



.header-action .same-style-2.header-cart a {

    color: #25aae1;

}



.main-categori-wrap > a {

    color: #25aae1;

    font-size: 14px;

    font-weight: 600;

    text-transform: uppercase;

    letter-spacing: 0;

    display: flex;

    width: 100%;

    line-height: 1;

    padding: 0 14px 0 0;

    align-items: center;

    justify-content: space-between;

}



.mobile-header-active .clickalbe-sidebar-wrap .mobile-header-content-area .mobile-header-padding-border-3 {

    border-bottom: 1px solid #ddd;

    margin-bottom: 24px;

    padding-bottom: 17px;

}



.mobile-contact-info a {

    color: #000;

}



.mobile-header-active .clickalbe-sidebar-wrap .mobile-header-content-area .mobile-contact-info ul li {

    color: #000000;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    margin: 0 0 14px;

    font-size: 16px;

}



.nav-style-1 > span {

    background-color: transparent;

    color: #fff;

    font-size: 45px;

}



.nav-style-1.nav-style-1-green-2 > span:hover {

    background-color: transparent;

    color: #c35048;

}



.myaccount-tab-menu a:hover, .myaccount-tab-menu a.active {

    background-color: #25aae1;

    border-color: #25aae1;

    color: #ffffff;

}



.myaccount-tab-menu a:hover, .myaccount-tab-menu a.active {

    background-color: #25aae1;

    border-color: #25aae1;

    color: #ffffff;

}



.cart-shiping-update a {

    color: #fff

}



    .cart-shiping-update a:hover {

        color: #fff

    }



.cart-shiping-update-wrapper .cart-shiping-update > a,

.cart-shiping-update-wrapper .cart-clear > button,

.cart-shiping-update-wrapper .cart-clear > a,

.grand-totall a {

    background-color: #ea1c00;

    color: #fff;

    border: 0

}



    .cart-shiping-update-wrapper .cart-shiping-update > a:hover,

    .cart-shiping-update-wrapper .cart-clear > button:hover,

    .cart-shiping-update-wrapper .cart-clear > a:hover,

    .grand-totall a:hover,

    .your-order-area .Place-order a:hover {

        background-color: #000;

        color: #fff !important;

        border: 0

    }



@media(max-width:767px) {

    .header-offer-wrap p {

        font-size: 14px;

    }



    .title_list .btn-style-5 {

        display: none;

    }



    .header-title-wrap h3 {

        font-size: 18px;

        text-transform: uppercase;

        font-weight: 700;

        color: #ed1e26;

        margin-bottom: 0;

        font-family: 'Roboto Slab', serif;

    }



    .copyright.copyright-center {

        text-align: center;

        /*padding-bottom: 40px;*/

    }

}



.product-slider-active-3 {

    margin-left: 15px;

    margin-right: 15px;

}



.price-filter {

    padding: 0 10px;

    padding-right: 25px;

}



.sidebar-widget {

    margin-bottom: 22px;

    background-color: #fff;

}



    .sidebar-widget .sidebar-widget-title {

        font-size: 16px;

        color: #000;

        text-transform: uppercase;

        position: relative;

        border-bottom: 1px solid #999;

        padding-bottom: 15px;

        padding-left: 15px;

        font-weight: 500;

        font-family: 'Inter Tight', sans-serif;

    }



    .sidebar-widget .shop-catigory ul li {

        margin-bottom: 0;

    }



        .sidebar-widget .shop-catigory ul li + li {

            border-top: 1px solid #ececec;

        }



        .sidebar-widget .shop-catigory ul li a {

            padding: 7px 5px 7px 16px;

            -webkit-box-flex: 1;

            -ms-flex: 1;

            flex: 1;

            display: block;

            color: #333333;

            text-transform: capitalize;

        }



@media(min-width: 768px) {

    .add-to-cart-wrap-mobile {

        display: none;

    }

}



@media(max-width: 767.97px) {

    .product-details-content .pro-details-action-wrap {

        display: none !important;

    }

}



.add-to-cart-wrap-mobile {

    padding: 8px;

    /*padding-bottom: 15px;*/

    background: #fff;

    -webkit-box-shadow: 0 0 10px rgb(0 0 0 / 24%);

    box-shadow: 0 0 10px rgb(0 0 0 / 24%);

    position: fixed;

    bottom: 0;

    left: 0;

    width: 100%;

    z-index: 999;

}



    .add-to-cart-wrap-mobile > div {

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-pack: justify;

        -ms-flex-pack: justify;

        justify-content: space-between;

    }



        .add-to-cart-wrap-mobile > div .product-addcart-btn {

            flex: 1;

            font-size: 16px;

            color: #fff;

            line-height: 32px;

            height: auto;

            padding: 0 0 2px;

            background: #ea1c00;

            border-radius: 7px;

            border: 0;

            font-weight: 400;

            height: 40px;

        }



        .add-to-cart-wrap-mobile > div a {

            width: 40px;

            height: 38px;

            margin-left: 8px;

            background: #fff;

            border: 1px solid #25aae1;

            border-radius: 7px;

            display: flex;

            align-content: center;

            justify-content: center;

            align-items: center;

            font-size: 24px;

            color: #25aae1

        }

/* ============ dropdown menu // ============ */

@media all and (min-width: 992px) {

    .main-categori-wrap .has-dropdown {

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-orient: horizontal;

        -webkit-box-direction: normal;

        -ms-flex-flow: row wrap;

        flex-flow: row wrap;

        -webkit-box-align: center;

        -ms-flex-align: center;

        align-items: center;

    }



        .main-categori-wrap .has-dropdown > span {

            height: auto;

            width: 45px;

            line-height: 1;

            -webkit-box-shadow: none !important;

            box-shadow: none !important;

            padding: 0;

            color: currentColor;

            opacity: .6;

            margin: 0 5px 0 0;

            background-color: transparent;

            border: none;

            text-align: right;

        }



        .main-categori-wrap .has-dropdown > a {

            display: block;

            -webkit-box-flex: 1;

            -ms-flex: 1;

            flex: 1;

        }



    .has-dropdown {

        position: relative;

    }



        .has-dropdown .submenu {

            display: block;

            position: absolute;

            top: 0;

            left: 100%;

            background-color: #fff;

            box-shadow: 0 0 20px 0.4px rgb(0 0 0 / 10%);

            min-width: 10rem;

            -webkit-transform: rotateX( 90deg );

            transform: rotateX( 90deg );

            -webkit-transform-origin: center top 0;

            -ms-transform-origin: center top 0;

            transform-origin: center top 0;

            -webkit-transition: all 0.5s ease 0s;

            -o-transition: all 0.5s ease 0s;

            transition: all 0.5s ease 0s;

            visibility: hidden;

            padding: 5px 15px;

        }



            .has-dropdown .submenu li {

                margin-bottom: 0;

                padding: 12px 0;

                border-bottom: 1px solid #e1e1e1;

            }



                .has-dropdown .submenu li:last-child {

                    border-bottom: none;

                }



                .has-dropdown .submenu li a {

                    display: block;

                    width: 100%;

                    clear: both;

                    font-weight: 400;

                    color: #212529;

                    text-align: inherit;

                    text-decoration: none;

                    white-space: nowrap;

                    background-color: transparent;

                    border: 0;

                    font-size: 14px;

                    line-height: 16px;

                }



                    .has-dropdown .submenu li a:hover {

                        color: #25aae1;

                    }



        .has-dropdown .submenu-left {

            right: 100%;

            left: auto;

        }



        .has-dropdown:hover {

        }



        .has-dropdown .submenu.has-dropdown-wrapper {

            top: 100%;

            left: 0;

        }



        .has-dropdown:hover .submenu.has-dropdown-wrapper {

            top: 100%;

            left: 0;

        }



        .has-dropdown:hover > .submenu {

            display: block;

            -webkit-transform: rotateX( 0deg );

            transform: rotateX( 0deg );

            visibility: visible;

        }



        .has-dropdown .submenu li.has-dropdown {

            display: -webkit-box;

            display: -ms-flexbox;

            display: flex;

            -webkit-box-orient: horizontal;

            -webkit-box-direction: normal;

            -ms-flex-flow: row wrap;

            flex-flow: row wrap;

            -webkit-box-align: center;

            -ms-flex-align: center;

            align-items: center;

        }



    .submenu li.has-dropdown a {

        display: block;

        -webkit-box-flex: 1;

        -ms-flex: 1;

        flex: 1;

    }



    .submenu li.has-dropdown > span {

        height: auto;

        width: 45px;

        line-height: 1;

        -webkit-box-shadow: none !important;

        box-shadow: none !important;

        padding: 0;

        color: currentColor;

        opacity: .6;

        margin: 0 5px 0 0;

        background-color: transparent;

        border: none;

        text-align: right;

    }

}

/* ============ desktop view .end// ============ */



/* ============ small devices ============ */

@media (max-width: 991px) {



    .has-dropdown .has-dropdown {

        margin-left: 0.7rem;

        margin-right: 0.7rem;

        margin-bottom: .5rem;

    }

}



.has-dropdown-categori {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -ms-flex-flow: row wrap;

    flex-flow: row wrap;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    justify-content: space-between;

}



    .has-dropdown-categori span {

        height: auto;

        width: 45px;

        line-height: 1;

        -webkit-box-shadow: none !important;

        box-shadow: none !important;

        padding: 0;

        opacity: 1;

        margin: 0 0px 0 0;

        background-color: transparent;

        border: none;

        text-align: center;

    }



    .has-dropdown-categori .submenu-categori {

        margin: 5px 0 0px 3px;

        padding-left: 15px;

        width: 100%;

        display: none;

    }



        .has-dropdown-categori .submenu-categori a {

            padding: 5px 5px 5px 0px;

            -webkit-box-flex: 1;

            -ms-flex: 1;

            flex: 1;

            display: block;

            color: #000;

            text-transform: capitalize;

            font-size: 14px;

        }



            .has-dropdown-categori .submenu-categori a:hover {

                color: #25aae1;

            }



        .has-dropdown-categori .submenu-categori li {

            border-top: 1px dashed #e1e1e1;

        }



    .has-dropdown-categori.active > span {

        -webkit-transform: rotate( -180deg );

        -ms-transform: rotate(-180deg);

        transform: rotate( -180deg );

    }



li.has-child {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -ms-flex-flow: row wrap;

    flex-flow: row wrap;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

}



.has-child > ul.sub-menu {

    margin: 0 0 0 3px;

    padding-left: 10px;

    width: 100%;

    display: none;

}



.toggle {

    height: auto;

    width: 45px;

    line-height: 1;

    -webkit-box-shadow: none !important;

    box-shadow: none !important;

    padding: 0;

    color: currentColor;

    opacity: .6;

    margin: 0 5px 0 0;

    background-color: transparent;

    border: none;

}



.active > .toggle {

    -webkit-transform: rotate( -180deg );

    -ms-transform: rotate(-180deg);

    transform: rotate( -180deg );

}



.btn-action .btn {

    display: flex;

    align-items: center;

    align-content: center;

    justify-content: center;

    height: 42px;

    width: 132px;

    background: #25aae1;

    color: #fff;

    font-size: 13px;

    font-weight: 500;

    border-radius: 10rem;

    border: 0;

    line-height: 24px;

    text-transform: uppercase;

}



    .btn-action .btn:hover {

        background: #2191bf;

        color: #fff

    }



.slide-warp-arrow .slick-arrow {

    position: absolute;

    top: 50%;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

    left: -0.5%;

    width: 50px;

    height: 50px;

    line-height: 50px;

    text-align: center;

    color: #000000;

    font-size: 24px;

    background-color: transparent;

    cursor: pointer;

    -webkit-transition: all .3s ease 0s;

    -o-transition: all .3s ease 0s;

    transition: all .3s ease 0s;

    z-index: 1;

    opacity: 1;

}



.slide-warp-arrow .pro-slider-icon-1-next.slick-arrow {

    right: -0.5%;

    left: unset;

}



.single-brand {

    display: block;

    width: 100%;

    position: relative;

    background-color: #fff;

    border-radius: 0;

    padding-top: 100%;

    border: 1px solid #dcdcdc;

}



    .single-brand img {

        position: absolute;

        top: 0px;

        bottom: 0px;

        left: 0px;

        right: 0px;

        width: 100%;

        height: 100%;

        object-fit: contain;

        padding: 15%;

    }



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

    .header-action .same-style-2 {

        margin-right: 30px;

    }



    .product-price span {

        display: block

    }



    .btn-style-5 {

        display: none;

    }



    .blog-area .btn-style-5 {

        display: block;

    }



    .single-product-wrap .product-content-wrap .product-content-left h4 a {

        font-size: 16px;

        overflow: hidden;

        text-overflow: ellipsis;

        display: -webkit-box;

        -webkit-box-orient: vertical;

        -webkit-line-clamp: 2;

    }



    .single-product-wrap .product-content-wrap .product-content-left span.new-price {

        font-size: 14px;

    }



    .single-product-wrap .product-content-wrap .product-content-left span.old-price {

        margin-left: 0px;

    }



    .single-service-wrap-5 {

        font-size: 14px !important;

        display: flex;

        justify-content: center;

        align-items: center;

        align-content: center;

    }



        .single-service-wrap-5 .service-content .service-title,

        .single-service-wrap-5 .service-content .service-desc {

            text-align: center !important;

        }



    .single-service-item {

        display: flex;

        justify-content: center;

        align-items: center;

        align-content: center;

    }



    .service-icon {

        width: 30%;

    }



    .service-content {

        width: 70%;

        text-align: left;

    }



    .single-service-wrap-item {

        margin-bottom: 20px

    }

}



.popup-image img {

    max-width: 100%;

    height: auto;

}



.service-content h3 {

    margin-bottom: 0;

}



.vendor_ {

    padding: 10px 10px;

    background-color: #fff;

}



.item_cate {

    background: #fff;

    border-right: 1px solid #f3f3f3;

    border-bottom: 1px solid #f3f3f3;

    float: left;

    position: relative;

    text-align: center;

    box-sizing: border-box;

}



.service-icon {

    text-align: center;

    margin-bottom: 10px;

}



.single-service-wrap-5 {

    background: #f7f7f7;

    border-radius: 10px;

    padding: 20px 10px;

    cursor: pointer;

}



    .single-service-wrap-5:hover {

        box-shadow: 1px 1px 10px rgb(0 0 0 / 40%)

    }



.service-area .single-service-wrap-item:nth-child(4n+1) .single-service-wrap-5 {

    border: 1px solid #ff7200

}



.service-area .single-service-wrap-item:nth-child(4n+2) .single-service-wrap-5 {

    border: 1px solid #ff0000

}



.service-area .single-service-wrap-item:nth-child(4n+3) .single-service-wrap-5 {

    border: 1px solid #01a179

}



.service-area .single-service-wrap-item:nth-child(4n+4) .single-service-wrap-5 {

    border: 1px solid #0578ee

}



.single-service-wrap-5 img {

    height: 50px

}



.single-service-wrap-5 .service-content {

    text-align: center;

    font-family: 'svn-avo'

}



    .single-service-wrap-5 .service-content .service-title {

        font-weight: 700;

        font-size: 18px;

        font-family: 'svn-avo'

    }



.add-to-card {

    margin-top: 10px;

    display: flex;

    justify-content: space-evenly;

    border-top: 1px solid #999;

    padding-top: 10px;

}



    .add-to-card .btn {

        background-color: transparent;

        color: #ea1c00;

        padding: 0 12px;

        font-size: 16px;

        border-radius: 0;

    }



        .add-to-card .btn.base {

            background-color: #ea1c00;

            border: 1px solid #ea1c00;

            color: #000;

        }



        .add-to-card .btn:hover {

            background-color: transparent;

            color: #ea1c00

        }



.product-slider-active-3 {

    margin-left: 8px;

    margin-right: 8px;

}



.footer-widget .contact-info-2 .single-contact-info-2 .contact-info-2-icon i {

    font-size: 16px;

    color: #25aae1;

}



.footer-bottom {

    background: #1c262f;

}



    .footer-bottom * {

        color: #fff !important;

    }



.sum_footer {

    color: #000

}



.footer-area a,

.footer-area p {

    color: #000

}



.footer-widget .contact-info-2 .single-contact-info-2 {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    margin: 0 0 10px;

    align-items: center;

}



    .footer-widget .contact-info-2 .single-contact-info-2:last-of-type {

        margin-bottom: 0

    }





    .footer-widget .contact-info-2 .single-contact-info-2 .contact-info-2-content {

        margin-left: 8px;

    }



.footer-widget .footer-info-list ul li a:hover {

    color: #000;

    text-decoration: underline;

}



.tit_hotnews h2 {

    float: left;

    padding: 5px 20px 5px 10px;

    background: #c09d46;

    line-height: 1.3em;

    font-size: 20px;

    font-weight: 600;

    margin: 0;

    text-transform: uppercase;

    text-align: center;

    position: relative;

    color: #fff;

    font-style: italic

}



    .tit_hotnews h2:after {

        content: '';

        width: 0;

        height: 0;

        border-right: 15px solid #fff;

        border-top: 19px solid transparent;

        border-bottom: 19px solid transparent;

        position: absolute;

        top: 0;

        bottom: 0;

        right: 0;

    }



#scrollUp {

    width: 40px;

    height: 40px;

    background-color: #25aae1;

    color: #fff;

    right: 20px;

    bottom: 80px;

    text-align: center;

    overflow: hidden;

    border: 1px solid #666;

    z-index: 999 !important;

}



.blog-wrap {

    margin-bottom: 15px;

}



    .blog-wrap:last-child {

        /*margin-bottom: 0px;*/

    }



.blog-video {

    position: relative;

}



    .blog-video .icon-video {

        position: absolute;

        width: 100%;

        height: 100%;

        display: flex;

        justify-content: center;

        align-items: center;

        top: 0;

        left: 0;

        z-index: 99;

        cursor: pointer;

    }



        .blog-video .icon-video img {

            width: calc(100% - 75%);

        }



.blog-wrap .blog-content h3 a:hover, .blog-wrap .blog-content h1 a:hover {

    text-decoration: none;

    color: #1b2bbc;

}



.single-testimonial-2 p {

    width: 70%;

    margin: 0px auto 0px;

    font-size: 16px;

    line-height: 28px;

    color: #333;

    padding: 20px 0px;

}



.single-testimonial-2 .client-info h5 {

    font-size: 18px;

    font-weight: 600;

    margin: 0 0 6px;

    line-height: 1;

}



.single-testimonial-2 .testimonial-img {

    width: 100px;

    height: 100px;

    border-radius: 10rem;

    margin-left: auto;

    margin-right: auto;

    overflow: hidden;

}



    .single-testimonial-2 .testimonial-img img {

        width: 100px;

        height: 100px;

        object-fit: cover;

        width: 100%;

    }



@media(max-width:767px) {

    .single-testimonial-2 p {

        width: 100%;

        font-size: calc(16px * 0.8);

    }



    .single-testimonial-2 .client-info h5 {

        font-size: calc(18px * 0.8);

    }



    .single-testimonial-2 .client-info span {

        font-size: calc(16px * 0.8);

    }

}



.product-details-content .pro-details-action-wrap .pro-details-add-to-cart .btn-base {

    display: flex;

    align-items: center;

    align-content: center;

    justify-content: center;

    height: 44px;

    width: 100%;

    background: #25aae1;

    color: #fff;

    font-size: 16px;

    border-radius: 0;

    border: 0;

    line-height: 24px;

    font-weight: 500;

    padding: 0

}



    .product-details-content .pro-details-action-wrap .pro-details-add-to-cart .btn-base:hover {

        color: #fff;

        background: #1d8ebd;

        border: 1px solid #1d8ebd;

    }



.hero-slider-img {

    width: 100%;

    display: block;

    position: relative;

}



    .hero-slider-img img {

        position: relative;

        top: 0;

        left: 0;

        width: 100%;

        height: 100%;

        object-fit: cover

    }



@media(max-width: 767px) {

    .swiper-button-next, .swiper-button-prev {

        /*display: none;*/

        background-color: transparent !important;

        color: #000 !important;

    }



    .section-sub-title a {

        font-size: 16px;

    }

}



.fb_iframe_widget_fluid {

    margin-bottom: 20px;

}



li.hotline strong {

    color: #000;

}



.sidebar-widget .shop-catigory ul li.hotline {

    border-radius: 6px;

    border: 2px dashed #000;

    color: #004488;

    margin: 8px;

    display: grid;

    align-items: center;

    padding: 8px 10px;

    grid-template-columns: 24px 1fr;

    grid-gap: 10px;

    text-align: left;

}



    .sidebar-widget .shop-catigory ul li.hotline a {

        padding: 0;

        background: none;

        flex: unset

    }



.product-area .section-header {

}



    .product-area .section-header .section-title-tab-wrap {

        padding: 60px 0;

        text-align: center;

    }



    .product-area .section-header .section-title-3 h2 {

        font-size: 40px;

    }



.tabs-category {

    border-bottom: 1px solid #fff

}



    .tabs-category .nav {

        margin: 0 -8px

    }



        .tabs-category .nav .nav-item {

            width: 25%;

            text-align: center;

            padding: 0 8px

        }



            .tabs-category .nav .nav-item .nav-link {

                padding: 15px 10px;

                position: relative;

                background-color: transparent;

                border: 1px solid;

                border-color: transparent;

                border-radius: 0;

                color: #fff;

                font-size: 20px;

                border-bottom: 0

            }



    .tabs-category .nav-link.active, .tabs-category .show > .nav-link {

        color: #fff;

        border-color: #fff !important

    }





@media(max-width:767px) {

    .tabs-category {

        overflow-x: scroll;

        margin-bottom: 20px;

    }



        .tabs-category .nav {

            margin: 0 -8px;

            white-space: nowrap;

            display: block;

        }



            .tabs-category .nav .nav-item {

                width: auto;

                text-align: center;

                padding: 0 8px;

                display: inline-block;

            }



    .add-to-card {

        margin-top: 0px;

        display: block;

    }



        .add-to-card .btn {

            width: 100%;

            margin-top: 7px;

        }

}



.about-us-area {

    background-color: #fff;

    background-image: url();

    background-repeat: no-repeat;

    background-position: left top;

}



    .about-us-area .row {

        margin: 0 -22px

    }



        .about-us-area .row > * {

            padding: 0 22px

        }



    .about-us-area .description-wrap {

        margin-bottom: 30px

    }



        .about-us-area .description-wrap * {

            color: #000

        }



    .about-us-area .section-title-3 h2 {

        text-transform: uppercase;

        font-weight: 700;

        font-size: 30px

    }



.about-list-count {

    display: flex;

    justify-content: space-between;

    padding: 35px 40px;

    background: #e5f7ef

}



    .about-list-count .items {

        text-align: center;

    }



        .about-list-count .items .count {

            font-size: 28px;

            color: #25aae1;

            font-weight: 500;

            margin-bottom: 15px;

            line-height: 37px;

        }





.swiper-button-next, .swiper-button-prev {

    color: #000;

    background-color: transparent;

    padding: 5px;

    height: 40px;

    width: 40px;

    border-radius: 10rem;

    box-shadow: none;

    top: calc(50% - 10px);

}



    .swiper-button-next:after, .swiper-button-prev:after {

        font-size: 20px;

        font-weight: 700;

    }



.product-details-content #h2_ProductName {

    font-size: 30px;

    font-weight: 500;

    margin: 0;

    margin-bottom: 20px;

    font-family: 'Inter Tight', sans-serif;

}



@media(max-width: 767px) {

    .product-details-content #h2_ProductName {

        font-size: calc(30px * 0.8);

    }

}



.header-search-1 .search-toggle i.s-close {

    font-size: 20px;

    left: 0;

    position: absolute;

    top: 50%;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

}



.header-search-1 .search-toggle {

    z-index: 99;

    position: relative;

    top: 3px;

    margin-right: 0px;

}



.header-search-1 {

    position: relative;

    height: 25px;

}



    .header-search-1 .search-toggle i.s-close {

        top: 13px

    }



.search-wrap-1 {

    top: 13px;

}



@media(max-width: 767.98px) {

    .section-title-link {

        font-size: 14px;

    }



    .section-title-3 h2 {

        font-size: 20px !important;

    }



    .product-area .section-header .section-title-tab-wrap {

        padding: 30px 0

    }

}



.combo-khuyenmai {

    background-image: url('../images/bg/bg-combo-khuyenmai.jpg');

    background-repeat: no-repeat;

    background-size: cover;

}



    .combo-khuyenmai .title {

        color: #fff

    }



    .combo-khuyenmai .add-to-card {

        padding: 0;

        margin: 0;

        border: 0

    }



        .combo-khuyenmai .add-to-card .btn {

            background-color: #ea1c00;

            color: #000;

            padding: 5px 12px;

            font-size: 16px;

            border-radius: 0;

        }



    .combo-khuyenmai .single-product-wrap {

        border-radius: 10px;

    }



        .combo-khuyenmai .single-product-wrap .product-content-wrap .product-content-left h4 a {

            font-size: 20px;

            color: #ea1c00;

            text-align: left;

        }



        .combo-khuyenmai .single-product-wrap .product-content-wrap .product-content-left h4 {

            text-align: left;

        }



        .combo-khuyenmai .single-product-wrap .product-content-wrap .product-content-left .product-price span {

            font-size: 20px;

            text-align: left;

        }



        .combo-khuyenmai .single-product-wrap .product-content-wrap .product-content-left .product-price {

            text-align: left;

        }



.cta-area {

    background-image: url('../images/bg/bg-lienhe.jpg');

}



    .cta-area .contact-from input, .cta-area .contact-from textarea {

        border: 0;

        border-radius: 0;

        font-size: 16px;

    }



    .cta-area .section-title .title {

        position: relative;

    }





.title-decrition {

    padding-top: 10px;

}



    .title-decrition > * {

        font-weight: 300;

        font-size: 14px;

    }



.cta-area .contact-from input {

    height: 60px

}



.cta-area .contact-from .form-control {

    margin-bottom: 24px;

    font-size: 14px;

    font-weight: 500;

    border-radius: 5px;

    box-shadow: 0 0 10px rgb(0 0 0 / 10%);

    border: 1px solid #fff;

    text-transform: uppercase;

}



    .cta-area .contact-from .form-control:focus {

        border-color: #f3ad1b

    }



.cta-area .contact-from button {

    display: flex;

    align-items: center;

    align-content: center;

    justify-content: center;

    height: 42px;

    width: 192px;

    background: #25aae1;

    color: #fff;

    font-size: 13px;

    font-weight: 500;

    border-radius: 10rem;

    border: 0;

    line-height: 24px;

    text-transform: none;

    padding: 0;

    text-transform: uppercase;

}



.blog-Swiper {

    margin: 0 -8px

}



.blogSwiper {

    padding: 0 8px

}



.home .blog-wrap .blog-img {

    background-color: #fff;

    padding: 10px;

    border-radius: 10px;

}



.home .blog-wrap .blog-content {

    padding: 10px;

}



.home .blog-wrap .blog-img a {

    border-radius: 10px;

}



.blog-categories .blog-wrap {

    background-color: transparent;

    padding: 0;

    border-radius: 0;

}



    .blog-categories .blog-wrap:hover .blog-img {

        outline: 2px solid #ea1c00;

        border-radius: 10px;

    }



    .blog-categories .blog-wrap .blog-img {

        position: relative;

    }



    .blog-categories .blog-wrap:hover .blog-img a:after {

        content: "\f002";

        background-color: rgb(0 0 0 / 40%);

        position: absolute;

        top: 0;

        left: 0;

        width: 100%;

        height: 100%;

        font-size: 30px;

        color: #fff;

        font-family: "Font Awesome 5 Free";

        -moz-osx-font-smoothing: grayscale;

        -webkit-font-smoothing: antialiased;

        display: inline-block;

        font-style: normal;

        font-variant: normal;

        text-rendering: auto;

        line-height: 1;

        font-weight: 900;

        display: flex;

        align-items: center;

        justify-content: center;

    }



.blog-categories .btn-view-more {

    color: #fff;

    background-color: transparent;

    border: 1px solid #fff

}



.product-monopoly .single-product-wrap,

.shop .single-product-wrap {

    background: #f7f7f7

}



    .product-monopoly .single-product-wrap .product-title,

    .product-monopoly .single-product-wrap .product-price {

        text-align: left !important;

    }



.single-product-wrap .product-title {

    font-family: 'svn-avo';

    font-size: 18px;

    margin-bottom: 5px;

    margin-bottom: 5px;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

}



    .single-product-wrap .product-title a:hover {

        color: #000

    }



.single-product-wrap .product-price {

    font-family: 'svn-avo';

}



.swiper {

    --swiper-pagination-bullet-inactive-color: #ccc;

    --swiper-pagination-bullet-size: 10px;

    --swiper-pagination-color: #ea1c00

}



.swiper-pagination-bullet {

    transition: all .5s;

    border-radius: 10px;

    opacity: 1;

}



.swiper-pagination-bullet-active {

    width: 25px;

}



.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {

    transform: scale(1);

}



@media(max-width: 767px) {

    .single-product-wrap .product-title {

        font-size: calc(18px * 0.8);

    }



    .single-product-wrap .product-content-wrap .product-content span.new-price {

        font-size: calc(18px * 0.8);

    }



    .single-product-wrap .product-content-wrap .product-content span.old-price {

        font-size: calc(18px * 0.8);

    }



    .swiper-button-next, .swiper-button-prev {

        box-shadow: none;

    }

}



.skitter .box_clone img {

    position: absolute;

    top: 0;

    left: 0;

    z-index: 20;

    height: inherit !important;

}



@media screen and (max-width: 1024px) {

    .container_skitter, .banner-home, .banner .image {

        --height-skitter: 346px;

        height: var(--height-skitter) !important;

        width: auto !important;

        object-fit: cover;

        min-height: var(--height-skitter);

    }



        .container_skitter .image img, .container_skitter .box_clone img {

            object-fit: cover;

        }



    .skitter .box_clone img {

        position: absolute;

        top: 0;

        left: 0;

        z-index: 20;

        height: var(--height-skitter);

    }

}



@media screen and (max-width: 991px) {

    .container_skitter, .banner-home, .banner .image {

        --height-skitter: 400px;

        height: var(--height-skitter) !important;

        width: auto !important;

        object-fit: cover;

        min-height: var(--height-skitter);

    }



        .container_skitter .image img, .container_skitter .box_clone img {

            object-fit: cover;

        }



    .skitter .box_clone img {

        position: absolute;

        top: 0;

        left: 0;

        z-index: 20;

        height: var(--height-skitter);

    }

}



@media screen and (max-width: 600px) {

    .container_skitter, .banner-home, .banner .image {

        --height-skitter: 185px;

        height: var(--height-skitter) !important;

        width: auto !important;

        object-fit: cover;

        min-height: var(--height-skitter);

    }



        .container_skitter .image img, .container_skitter .box_clone img {

            object-fit: cover;

        }



    .skitter .box_clone img {

        position: absolute;

        top: 0;

        left: 0;

        z-index: 20;

        height: var(--height-skitter);

    }

}



.cart-content .btn {

    background-color: #25aae1;

    color: #fff;

}



    .cart-content .btn:hover {

        background-color: #00914d;

        color: #fff;

    }



.sidebar-toggle-button {

    position: fixed;

    padding: 10px 10px;

    top: 40%;

    left: -22px;

    border: 1px solid #25aae1;

    background: #00914d;

    color: #fff;

    font-size: 30px;

    z-index: 1;

    text-align: right;

    background-color: #25aae1;

    border-radius: 100%;

    width: 50px;

    height: 50px;

    display: flex;

    align-content: center;

    align-items: center;

    justify-content: end;

}



@media(max-width: 991px) {

    .sidebar-wrapper {

        position: fixed;

        top: 0;

        left: -100%;

        width: 100%;

        max-width: 300px;

        bottom: 0;

        transition: 0.3s;

        z-index: 9997;

        background-color: #fff;

        padding: 15px;

        height: 100vh;

        overflow-y: scroll;

        margin-top: 0

    }



    .mobile-sidebar-active .sidebar-wrapper {

        left: 0%;

    }

}



.video {

    position: relative;

}



    .video .video-icon {

        position: absolute;

        top: 0;

        left: 0;

        width: 100%;

        height: 100%;

        display: flex;

        justify-content: center;

        align-content: center;

        align-items: center;

    }



        .video .video-icon i {

            width: 76px;

            height: 76px;

            display: flex;

            justify-content: center;

            align-content: center;

            align-items: center;

            color: #fff;

            font-size: 25px;

            background: rgb(0 0 0 / 35%);

            border-radius: 10rem;

        }

        @media(max-width: 767px){

            .video .video-icon i{

                width: 50px;

                height: 50px;

                  font-size: 20px;

            }

        }



.single-product-item {

    background-color: #f6f6f6;

    border: 1px solid #f2f2f2;

    margin-bottom: 24px;

}



    .single-product-item:hover {

        background-color: #f3ad1b;

    }



        .single-product-item:hover .product-content * {

            color: #fff !important

        }



    .single-product-item .product-img {

        position: relative;

        padding-top: 141%;

        width: 100%;

        background-color: #f2f2f2

    }



        .single-product-item .product-img img {

            position: absolute;

            top: 0;

            left: 0;

            width: 100%;

            height: 100%;

            object-fit: cover;

        }



    .single-product-item .product-content {

        padding: 18px 25px;

    }



        .single-product-item .product-content .product-title {

            font-size: 16px;

            font-weight: 600;

            margin-bottom: 10px;

            text-transform: uppercase;

            overflow: hidden;

            text-overflow: ellipsis;

            display: -webkit-box;

            -webkit-box-orient: vertical;

            -webkit-line-clamp: 1;

        }



            .single-product-item .product-content .product-title a {

                color: #000;

            }



        .single-product-item .product-content .product-price {

            font-size: 18px;

            font-weight: 500;

            margin-bottom: 10px;

        }



            .single-product-item .product-content .product-price ins {

                color: #f3ad1b;

                text-decoration: none;

            }



            .single-product-item .product-content .product-price del {

                font-size: 80%;

                color: #999;

            }



    .single-product-item .pro-badge {

        position: absolute;

        top: 0;

        right: 0;

        width: 50px;

        height: 25px;

        background-color: #f3ad1b;

        display: flex;

        justify-content: center;

        align-content: center;

        align-items: center;

        color: #fff;

        font-weight: 600;

    }



.product-action .btn {

    color: #25aae1;

    padding: 0;

    text-transform: uppercase;

    font-weight: 500;

    line-height: 28px;

}



.m-b-5 {

    margin-bottom: 5px;

}



.rating i {

    display: inline-block;

    background: rgb(255,169,41);

    background: linear-gradient(0deg, rgba(255,169,41,1) 0%, rgba(255,230,28,1) 100%);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    position: relative;

    font-size: 14px

}



.gallery-area {

    background-color: #f6f6f6

}



.gallery-img {

    display: block;

    position: relative;

    width: 100%;

    padding-top: 133%;

}



    .gallery-img img {

        position: absolute;

        top: 0;

        left: 0;

        width: 100%;

        height: 100%;

        object-fit: cover;

    }



    .gallery-img .gallery-icon {

        position: absolute;

        top: 0;

        left: 0;

        width: 100%;

        height: 100%;

        background-color: rgb(243 173 27 /50%);

        display: flex;

        align-items: center;

        align-content: center;

        justify-content: center;

        opacity: 0;

        visibility: hidden;

        transition: all 0.2s

    }



.gallery-icon svg {

    width: 49px;

    height: 49px;

    fill: #fff;

}



.gallery-img:hover .gallery-icon {

    opacity: 1;

    visibility: visible;

}



.entry {

    margin-bottom: 24px;

}



    .entry .entry-img {

        overflow: hidden;

        position: relative;

        width: 100%;

        padding-top: 56.25%;

        margin-bottom: 30px

    }



        .entry .entry-img img {

            position: absolute;

            width: 100%;

            height: 100%;

            top: 0;

            left: 0;

            object-fit: cover;

        }



    .entry .entry-title {

        font-size: 20px;

        font-weight: 600;

        padding: 0;

        margin-bottom: 10px;

        overflow: hidden;

        text-overflow: ellipsis;

        display: -webkit-box;

        -webkit-box-orient: vertical;

        -webkit-line-clamp: 2;

    }



        .entry .entry-title a {

            color: #000;

            transition: 0.3s;

        }



            .entry .entry-title a:hover {

                color: #f3ad1b;

            }



    .entry .entry-content .entry-decription {

        line-height: 24px;

        margin-bottom: 0;

        font-weight: 300;

        overflow: hidden;

        text-overflow: ellipsis;

        display: -webkit-box;

        -webkit-box-orient: vertical;

        -webkit-line-clamp: 3;

    }



    .entry .entry-content .read-more a {

        color: #25aae1;

        font-weight: 500;

        text-transform: uppercase;

    }



    .entry .entry-content .read-more {

        position: relative;

    }



        .entry .entry-content .read-more::after {

            content: '';

            background-color: #f3ad1b;

            width: 52px;

            height: 2px;

            display: block;

            margin-top: 5px;

        }



.service-area {

    background-image: url('../images/bg/bg-why.jpg');

}



.single-service-wrap-item .single-service_item {

    position: relative;

    width: 100%;

    padding-top: 100%;

    border: 2px solid;

    border-radius: 100%;

    background-color: #fff;

    margin-bottom: 20px

}



    .single-service-wrap-item .single-service_item:hover {

        cursor: pointer;

    }



.single-service-wrap-item .single-service-item {

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

    padding: 20px 20px;

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    align-items: center;

    align-content: center;

    border: 2px solid #fff;

    height: 94%;

    width: 94%;

    margin: 3%;

    border-radius: 50%;

}



.single-service-wrap-item:nth-child(2n+1) .single-service_item {

    border-color: #09798a;

}



    .single-service-wrap-item:nth-child(2n+1) .single-service_item:hover {

        background-color: #09798a;

    }



    .single-service-wrap-item:nth-child(2n+1) .single-service_item .service-title {

        color: #09798a;

    }



    .single-service-wrap-item:nth-child(2n+1) .single-service_item .service-icon img {

        filter: invert(30%) sepia(58%) saturate(2028%) hue-rotate(161deg) brightness(90%) contrast(93%);

    }



.single-service-wrap-item:nth-child(2n+2) .single-service_item {

    border-color: #6e0a8a;

}



    .single-service-wrap-item:nth-child(2n+2) .single-service_item:hover {

        background-color: #6e0a8a;

    }



    .single-service-wrap-item:nth-child(2n+2) .single-service_item .service-title {

        color: #6e0a8a;

    }



    .single-service-wrap-item:nth-child(2n+2) .single-service_item .service-icon img {

        filter: invert(14%) sepia(32%) saturate(5557%) hue-rotate(273deg) brightness(111%) contrast(118%);

    }



.single-service-wrap-item:nth-child(2n+3) .single-service_item {

    border-color: #0a418a;

}



    .single-service-wrap-item:nth-child(2n+3) .single-service_item:hover {

        background-color: #0a418a;

    }



    .single-service-wrap-item:nth-child(2n+3) .single-service_item .service-title {

        color: #0a418a;

    }



    .single-service-wrap-item:nth-child(2n+3) .single-service_item .service-icon img {

        filter: invert(16%) sepia(72%) saturate(2599%) hue-rotate(206deg) brightness(91%) contrast(95%);

    }



.single-service-wrap-item:nth-child(2n+4) .single-service_item {

    border-color: #de1e0a;

}



    .single-service-wrap-item:nth-child(2n+4) .single-service_item:hover {

        background-color: #de1e0a;

    }



    .single-service-wrap-item:nth-child(2n+4) .single-service_item .service-title {

        color: #de1e0a;

    }



    .single-service-wrap-item:nth-child(2n+4) .single-service_item .service-icon img {

        filter: invert(17%) sepia(89%) saturate(6121%) hue-rotate(3deg) brightness(91%) contrast(92%);

    }



.single-service-wrap-item:nth-child(2n+5) .single-service_item {

    border-color: #de640a;

}



    .single-service-wrap-item:nth-child(2n+5) .single-service_item:hover {

        background-color: #de640a;

    }



    .single-service-wrap-item:nth-child(2n+5) .single-service_item .service-title {

        color: #de640a;

    }



    .single-service-wrap-item:nth-child(2n+5) .single-service_item .service-icon img {

        filter: invert(50%) sepia(43%) saturate(5810%) hue-rotate(4deg) brightness(94%) contrast(92%);

    }



.single-service-wrap-item .single-service_item:hover .service-title {

    color: #fff;

}



.single-service-wrap-item .single-service_item:hover .service-icon img {

    filter: invert(100%) sepia(0%) saturate(7484%) hue-rotate(340deg) brightness(98%) contrast(91%);

}



.service-content {

    text-align: center;

    width: 100%;

}



.service-icon {

    text-align: center;

    margin-bottom: 10px;

    display: flex;

    align-content: center;

    justify-content: center;

    align-items: center;

    width: 100%;

}



    .service-icon img {

        height: 63px;

        object-fit: contain;

    }



.service-title {

    font-size: 20px;

    font-weight: 600;

    text-transform: uppercase;

}



.service-dec {

    font-size: 14px;

    font-weight: 300;

}



@media(min-width: 1200px) {

    .service-area .col-xl-3 {

        -ms-flex: 0 0 20%;

        flex: 0 0 20%;

        max-width: 20%;

    }

}



@media(max-width: 767px) {

    .single-service-wrap-item:not(:last-of-type) {

        margin-bottom: 24px;

    }

    .service-title {

        font-size: 18px;

    }

    .single-service-wrap-item .single-service-item{

        padding: 30px 20px;

    }

    .single-service-wrap-item .single-service_item{

        margin-bottom:0

    }

}



.dec-review-topbar a.active {

    color: #25aae1;

    font-weight: 500;

}



.dec-review-topbar a:before {

    background-color: #25aae1;

}



.contact-map iframe {

    width: 100%;

}



.breadcrumb-content ul li.active,

.breadcrumb-content ul li a:hover {

    color: #25aae1;

}



.pro-pagination-style ul li a.active {

    background-color: #25aae1;

    color: #fff;

    -webkit-box-shadow: none;

    box-shadow: none;

}



    .pro-pagination-style ul li a.active:hover,

    .pro-pagination-style ul li a.prev:hover, .pro-pagination-style ul li a.next:hover {

        background-color: #25aae1;

    }



.value-area {

    background-image: url('../images/bg/bg-value.jpg');

    background-repeat: no-repeat;

    background-size: cover;

}



.value-item {

    margin-bottom: 15px;

    box-shadow: 0 0 10px rgb(0 0 0 / 10%);

    border-radius: 8px;

    border: 2px solid;

    border-color: transparent;

    background-color: #fff;

    padding: 30px;

    text-align: center;

}



    .value-item:hover {

        border-color: #f3ad1b;

    }



.value-item_img {

    margin-bottom: 12px;

    text-align: center;

    width: 78px;

    height: 78px;

    position: relative;

    margin: 0 auto;

    border-radius: 10rem;

    overflow: hidden;

    padding: 8px;

    margin-bottom: 15px;

}



    .value-item_img .img {

        display: flex;

        justify-content: center;

        align-content: center;

        align-items: center;

        padding: 8px;

        background: #fff;

        border-radius: 10rem;

        position: relative;

        z-index: 1;

    }



    .value-item_img:before {

        content: "";

        width: 120%;

        height: 120%;

        position: absolute;

        left: -10%;

        top: -10%;

        background-image: url(../images/bg/bg-value-item.jpg);

        background-position: center;

        transform: rotate(0deg);

        transition: all 0.3s

    }



.value-item:hover .value-item_img:before {

    transform: rotate(180deg);

}



.value-item_img .img img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}



.value-item_content .title {

    color: #25aae1;

    font-weight: 700;

    font-size: 18px;

    text-transform: uppercase;

    margin-bottom: 15px;

}



.value-item_content .content {

    font-weight: 300;

    font-size: 14px;

}



.nav-slide {

    display: flex;

    justify-content: center;

    align-items: center;

}



.nav-slide-arrow {

    color: #858585;

    padding: 10px;

    border-radius: 10rem;

    width: 42px;

    height: 42px;

    line-height: 42px;

    display: flex;

    justify-content: center;

    align-items: center;

    background-color: #fff;

    font-size: 20px;

}



    .nav-slide-arrow:hover {

        cursor: pointer;

    }



.about-product-video-img {

    position: relative;

    padding-top: 56.25%;

    width: 100%;

    display: block;

}



    .about-product-video-img img {

        position: absolute;

        top: 0;

        left: 0;

        width: 100%;

        height: 100%;

        object-fit: cover;

    }



.project-area {

    background-image: url('../images/bg/bg-duan.jpg');

}



.swiper-button-next:after, .swiper-button-prev:after {

    font-family: "Font Awesome 5 Free";

    -moz-osx-font-smoothing: grayscale;

    -webkit-font-smoothing: antialiased;

    display: inline-block;

    font-style: normal;

    font-variant: normal;

    text-rendering: auto;

    line-height: 1;

    font-weight: 900;

    font-size: 30px;

    color: #25aae1;

}



.swiper-button-prev:after {

    content: "\f104";

}



.swiper-button-next:after {

    content: "\f105";

}



.project-area .entry {

    position: relative;

}



    .project-area .entry .entry-img {

       margin-bottom:0;

       overflow:hidden;

    }

    .project-area .entry .entry-img:after {

        content: "";

        position: absolute;

        top: 0;

        left: 0;

        width: 100%;

        height: 100%;

        background: rgb(243,173,27);

        background: linear-gradient(0deg, rgba(22,27,31,1) 0%, rgba(255,255,255,0) 68%);

    }

    .project-area .entry .entry-img img {

        transition:all 1s

    }

    .project-area .entry:hover .entry-img img {

        

        transform: scale(1.3) rotate(10deg);

    }

    .project-area .entry .entry-content {

        position: absolute;

        bottom: 0;

        left: 0;

        padding: 20px 30px;

        width: 100%;

    }



    .project-area .entry .entry-content {

        position: absolute;

        bottom: 0;

        left: 0;

        padding: 20px 30px;

        z-index: 1;

        text-align: center;

    }



        .project-area .entry .entry-content .entry-title {

            font-size: 21px;

            position: relative;

            margin-bottom:0

        }



            .project-area .entry .entry-content .entry-title::after {

                content: "";

                width: 130px;

                height:2px;

                background-color:rgb(255 255 255 / 50%);

                display:block;

                margin: 7px auto

            }



            .project-area .entry .entry-content .entry-title a,

            .project-area .entry .entry-content .read-more a {

                color: #fff

            }

        .project-area  .entry .entry-content .read-more::after{

            display:none;

        }

    .project-area .entry .entry-content,

    .project-area .entry .entry-img:after{

        opacity:1

    }

    .project-area .entry:hover .entry-content,

    .project-area .entry:hover .entry-img:after{

        opacity:1

    }

.brand-logo-area {

    background-color: #f6f6f6;

}

.brand-logo-img{

    position:relative;

    background-color:#fff;

    padding: 15px;

    display: flex;

    justify-content:center;

    align-content:center;

    align-items:center;

    border-radius: 10px;

    margin: 15px 0;

}

.brand-logo-img:hover{

   box-shadow: 0 0 20px rgb(0 0 0 / 20%)

}

.brand-logo-img img{

    height: 84px;

    object-fit:contain;

}

.sidebar .recent-posts .post-item + .post-item {

    margin-top: 15px;

}

.sidebar .recent-posts .post-item {

    display:flex;

    align-content:center;

    align-items:center;

}



.sidebar .recent-posts img {

    width: 100px;

    height: 56.25px;

    float: left;

    object-fit:cover

}

.sidebar .recent-posts .post-title {

    width: calc(100% - 100px);

    font-size: 15px;

    margin-left: 15px;

    font-weight: 500;

}



    .sidebar .recent-posts .post-title a {

        color: #1e4356;

        transition: 0.3s;

    }



        .sidebar .recent-posts .post-title a:hover {

            color: #68A4C4;

        }



.sidebar .recent-posts time {

    display: block;

    margin-left: 95px;

    font-style: italic;

    font-size: 14px;

    color: #aaaaaa;

}

.sidebar .widget-title {

    font-size: 16px;

    font-weight: 500;

    padding: 0 0 0 0;

    margin: 0 0 15px 0;

    position: relative;

    color: #fff;

    text-transform: uppercase;

    border-bottom: 2px solid #25aae1;

}

    .sidebar .widget-title span {

        display: inline-block;

        padding: 5px 15px;

        background-color: #25aae1;

        position: relative;

    }

        .sidebar .widget-title span::after {

            content: "";

            position: absolute;

            top: 0;

            right: -22px;

            border-top: 38px solid transparent;

            border-left: 22px solid #0f506a;

        }

        @media(max-width: 991px){

            .project-area .entry .entry-content, .project-area .entry .entry-img:after {

                opacity: 1;

            }

            .project-area .entry .entry-img {

                padding-top: 75%;

            }

        }

.tag-share .dec-tag ul li a.dec-tag-item {

    background-color: #1877f2;

    color:#fff;

    padding: 5px 10px;

    border-radius:5px;

}

@media(max-width: 991px){

    .about-product-video, 

    .about-product-video-img {

        height: 100%;

    }

}

.gallery-wrap_wrap{

    margin-bottom: 24px;

}

@media(max-width: 767px) {

    .gallery-wrap_wrap {

        margin-bottom: 15px;

    }

}

.activity-area .entry {

    margin-bottom:0;

}

.activity-area .entry .entry-img {

    padding-top: 133.333%;

    margin-bottom:0;

}

    .activity-area .entry .entry-img img {

        transition: all 0.5s;

    }

.activity-area .entry:hover .entry-img img{

    transform:scale(1.2);

}

    .activity-area .entry .entry-content {

        background-color: rgb(0 0 0 / 70%);

        padding: 10px 25px;

        text-align: center;

        position: absolute;

        bottom: 0;

        left: 0;

        transform: translateY(38px);

        transition: all 0.35s ease-in-out;

    }

    .activity-area .entry .entry-content *{

        color:#fff !important;

    }

    .activity-area .entry:hover .entry-content {

        transform: translateY(0px);

    }

    .activity-area .entry .entry-content .read-more::after {

        display:none;

    }



.blog-details-top .blog-details-content p{

    margin-bottom: 15px;

}

.blog-details-top .blog-details-content ul {

    display: block;

    list-style-type: disc;

    margin-block-start: 1em;

    margin-block-end: 1em;

    margin-inline-start: 0px;

    margin-inline-end: 0px;

    padding-inline-start: 40px;

    font-size: 15px;

}

@media(max-width: 991px){

	.description-wrap img{

		max-width: 100%;

	}

}