@import url("https://fonts.googleapis.com/css?family=Poppins:200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800");
.text-third{color:#ef837b}.bg-light{background-color:#f4f7ff !important}
.title-desc{
    font-size:1.6rem;line-height:1;margin-top:.3rem
}
.intro-slider-container,.intro-slide{
    height:170px;background-color:#f5f6f9
}
.intro-slide{display:flex;align-items:center;background-size:cover;background-position:center center}
.intro-slide .intro-content{
    position:static;left:auto;top:auto;transform:translateY(0);-ms-transform:translateY(0)}
.intro-subtitle{margin-bottom:.5rem}.intro-title{color:#333;letter-spacing:-.03em;font-size:3.4rem;margin-bottom:0}
.intro-price{color:#777;font-weight:700;line-height:1.2;font-size:3.4rem;letter-spacing:-.025em;margin-top:1rem;margin-bottom:1.2rem}
.intro-price sup{top:-.8em;font-weight:300;font-size:1.4rem;letter-spacing:-.03em}.intro-old-price{position:relative}
.intro-old-price:after{
    content:'';display:block;width:100%;height:1px;position:absolute;top:50%;left:0;background-color:#999}
.owl-theme .owl-nav [class*='owl-']{width:3.2rem;height:3.2rem;font-size:2rem;margin-top:-1.6rem}

.owl-theme.owl-light .owl-nav [class*='owl-']{
    /* border-color:rgba(255,255,255,0.7); */
    /* background-color:rgba(255,255,255,0.7); */
    border-color: #CE181E;
    background-color: #CE181E;
    color: white;
}

.owl-theme.owl-nav-inside 
.owl-dots{bottom:20px}
.owl-full .owl-dots{bottom:-2rem}
.cat-blocks-container{padding-top:.5rem}
.cat-blocks-container [class*="col-"]{display:flex;align-items:stretch;justify-content:center}
.cat-block{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;text-align:center;margin-bottom:3rem}
.cat-block figure{display:inline-flex;align-items:center;position:relative;flex:1;margin:0}
.cat-block figure span{position:relative}
.cat-block figure span:after{
    content:'';
    display:block;
    position:absolute;
    bottom:-.2rem;
    left:45%;
    width:105%;
    margin-left:-45%;
    height:.3rem;
    border-radius:50%;
    background-color:rgba(0,0,0,0.3);
    transition:all 0.35s ease;filter:blur(3px);
    opacity:.5}.cat-block img{margin-left:auto;margin-right:auto;transition:transform 0.35s ease}
    .cat-block:hover img{
        transform:translateY(-14px)}
    .cat-block:hover figure span:after{opacity:1}
    .cat-block-title{color:#333;font-weight:400;font-size:1.4rem;letter-spacing:-.01em;margin-top:2rem;margin-bottom:0}
    .banner-content{left:30px;padding-top:0}
    .banner-subtitle{font-size:1.4rem;letter-spacing:-.01em;margin-bottom:1.3rem}
    .banner-title{
        color:#999;font-weight:400;font-size:1.6rem;line-height:1.25;letter-spacing:-.01em;margin-bottom:1.2rem}
    .main .banner-title strong{
        font-weight:600;color:#333;
    }
    .banner-link{
        display:inline-block;font-weight:400;
        line-height:1.3;padding:.3rem 1rem;
        border-radius:20px;letter-spacing:-.01em;
        margin-left:-1rem;
        text-align:center;min-width:110px;
    }
    .banner-link i{margin-left:.7rem}
    .banner-link:hover,
    .banner-link:focus{
        color:#fff;
        background-color:#39f;
        text-decoration:none !important
    }
    .nav.nav-pills 
    .nav-link{
        font-size:1.4rem}.nav.nav-pills .nav-item+.nav-item{margin-left:.5rem}
    .heading .title{
        font-weight:600;letter-spacing:-.025em
    }
    .product .product-2{
        background-color:#fff;border:.1rem solid #ebebeb;margin-bottom:2rem}.product.product-2 
    .product-nav-dots{margin-bottom:1.5rem}.product-cat{color:#ccc}.product-body{overflow:hidden}.btn-product+.btn-product{border-left-style:solid}
    .product-action:not(.product-action-dark){
        background-color:#f6f7fa
    }
    .product-action:not(.product-action-dark) .btn-product+.btn-product{
        border-left-color:#d1d1d3
    }
    .product-action:not(.product-action-dark) .btn-product:not(:hover):not(:focus){color:#333}
    .product-action-dark .btn-product:not(:hover):not(:focus){color:#fff}
    .new-arrivals .product-price,.trending-products .product-price{
        margin-bottom:1.2rem;color:#fcb941
    }
    .for-you .product.product-2{border:none}
    .trending-products .product-body{
        padding:1.6rem .4rem 1.6rem 2rem}.ratings-container{margin-bottom:1.5rem}.old-price{text-decoration:none}
    .btn-product-icon{
        color:#39f;border-color:#39f;background-color:transparent;border:0.1rem solid #39f}
    .btn-product-icon span{
        background-color:#39f;top:-1px;bottom:-1px
    }
    .btn-product-icon:hover,.btn-product-icon:focus{color:#39f;border-color:#39f;background-color:transparent}.btn-wishlist:hover:before,.btn-wishlist:focus:before{content:'\f233'}.btn-more{text-transform:capitalize}.deal-col{display:flex;align-items:stretch}
    .deal{
        width:100%;display:flex;
        flex-flow:row wrap;
        padding:3.6rem 4rem 4.8rem;
        background-color:#f5f6f9;
        background-size:cover;
        background-position:center center;
        background-repeat:no-repeat;
        margin-bottom:2rem;min-height:420px}
        .deal>div{width:100%}
        .deal .btn{padding:0 0 .2rem}
        .deal h4{
            color:#777;font-weight:300;font-size:1.4rem;line-height:1.25;letter-spacing:0;margin-bottom:.5rem;max-width:240px}
            .deal h2{
                color:#ef837b;font-weight:500;font-size:2rem;line-height:1.1;letter-spacing:-.01em;margin-bottom:.2rem;max-width:240px}
            .deal .product-title{
                max-width:240px;margin-bottom:.7rem
            }
            .deal .product-price{
                font-weight:300;font-size:2rem;margin-bottom:.4rem}
            .deal-content{
                align-self:center;margin-top:-2rem}.deal-bottom{align-self:flex-end}.btn.btn-outline-dark-2{border-color:#d7d7d7}
            .deal-countdown{
                margin-bottom:0;margin-left:-.8rem;max-width:180px
            }
            .deal-countdown.offer-countdown{max-width:240px}
            .deal-countdown .countdown-show3 .countdown-section{width:calc(33.33% - 16px)}
            .deal-countdown .countdown-show4 .countdown-section{width:calc(25% - 16px)}
            .deal-countdown .countdown-section{
                position:relative;
                font-weight:400;
                font-size:1rem;
                line-height:1;
                padding:.9rem 0 .3rem;
                margin-left:.8rem;
                margin-right:.8rem;
                background-color:#39f;
                border-radius:.3rem;border:none;margin-bottom:2rem
            }
    .deal-countdown .countdown-section:not(:last-child):after{
        color:#333333;content:':';
        display:inline-block;font-weight:400;
        font-size:20px;line-height:1;position:absolute;left:100%;
        margin-left:6px;
        margin-top:-1px;
        top:50%;transform:translateY(-50%);-ms-transform:translateY(-50%)}
    .deal-countdown .countdown-period{position:absolute;left:0;right:0;text-align:center;bottom:-2rem;display:block;font-weight:400;color:#666666;text-transform:lowercase;width:100%;padding-left:0;padding-right:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.deal-countdown .countdown-amount{display:inline-block;color:#fff;font-weight:500;font-size:2.4rem;line-height:1;letter-spacing:-.03em;margin-bottom:.4rem}.new-price{font-weight:400;letter-spacing:-.01em}.btn-link{letter-spacing:-.01em}.btn-link i:last-child{margin-left:.5rem}.cta-border{position:relative;border:none;background-color:#666666;background-size:cover;font-size:2rem;margin-left:70px;padding-top:4.9rem;padding-bottom:4.9rem}.cta-border .cta-img{position:absolute;left:-70px;top:-5px}.cta-border .cta-text{margin-right:0}.cta-border .cta-text p{font-size:2rem;line-height:1.3;letter-spacing:-.01em;color:#fff}.cta-border .cta-text::before{display:none}.cta-border p{max-width:none}.cta-border p strong{font-weight:600}.cta-border .btn:not(.btn-block){min-width:230px}.cta-border .btn{margin-right:70px;margin-left:70px}.cta-border .btn i:last-child{margin-left:2.5rem}.cta-heading{margin-bottom:2.2rem}.cta-heading .cta-title{margin-bottom:.2rem}.cta-title{font-weight:600;font-size:2.4rem;letter-spacing:-.025em}.cta-desc{font-size:1.6rem}.cta .btn:not(.btn-block){min-width:178px}.icon-boxes-container{padding-top:2.5rem;padding-bottom:2.5rem}
    .icon-box-side .icon-box-title{
        font-weight:600;margin-bottom:.2rem;
    }
    .icon-box-side p{
        font-size:1.6rem;letter-spacing:-.01em;
    }
    .icon-box-side .icon-box-icon{
        font-size:4rem
    }
    .footer{
        background-color:#f5f6f9
    }
    .footer .footer-middle{
        border-top:none;padding:5rem 0 0.5rem
    }
    .footer .widget-title{font-weight:600}
    .widget-list a{position:relative}
    .widget-list a:before{
        content:'';
        display:block;
        position:absolute;
        left:0;bottom:0;width:100%;height:.1rem;
        /* background-color:#39f; */
        transform-origin:right center;transform:scale(0, 1);
        transition:transform .3s ease
    }
    .widget-list a:hover:before,.widget-list a:focus:before{transform-origin:left center;transform:scale(1, 1)}
    .widget-about p:last-of-type{margin-bottom:1.2rem}
    .widget-call{
        position:relative;
        font-size:1.3rem;
        padding:2.1rem 2rem 1.6rem 7rem;
        border:.1rem solid #e1e1e1;
        border-radius:.3rem;
        line-height:1.25;
        max-width:270px;
    }
    .widget-call i{
        display:inline-block;
        color:#333;
        font-size:3rem;
        line-height:1;position:absolute;
        left:2rem;top:50%;
        transform:translateY(-50%);
        -ms-transform:translateY(-50%)}
    .widget-call a{
        display:block;
        font-weight:400;
        font-size:2rem;
        color:#39f;
    }
    .widget-call a:hover,.widget-call a:focus{
        color:#1a8cff;box-shadow:none}
    .footer-bottom .container{
        padding-top:1.4rem;padding-bottom:1.3rem;
    }
    @media screen and (min-width: 576px){
        .intro-slider-container,.intro-slide{height:360px}
    }
    @media screen and (min-width: 768px){
        .intro-title{
            font-size:4rem;
        }
        .intro-price{
            font-size:4rem;
        }
        .intro-price sup{
            font-size:1.6rem
        }
    }
    @media screen and (min-width: 992px){.intro-slider-container,.intro-slide{height:400px}
    .intro-price{font-size:4.4rem}
    .intro-price sup{font-size:1.8rem}
    .intro-title{
        font-size:4.4rem}
    }
    @media screen and (min-width: 1200px){
        .intro-content .btn{min-width:170px}
        .intro-title{font-size:5rem}.intro-price{font-size:5rem;margin-bottom:1.7rem}
        .intro-price sup{top:-1.1em;font-size:2rem}.owl-theme .owl-nav [class*='owl-']{
            width:4rem;height:4rem;font-size:2.2rem;margin-top:-2rem}
        .btn-more{min-width:270px}
    }
    @media screen and (max-width: 991px){
        .heading{text-align:center}.heading .title{margin-bottom:1rem}}
/*# sourceMappingURL=demo-4.css.map */

.owl-theme.owl-light .owl-nav [class*='owl-']:not(.disabled):hover {
    border-color: orange;
}

.quickView-content .owl-theme.owl-light .owl-nav [class*='owl-'] {
    border: none;
    font-size: 3rem;
    color: #fff
}

.quickView-content .owl-theme.owl-light .owl-nav [class*='owl-']:hover,
.quickView-content .owl-theme.owl-light .owl-nav [class*='owl-']:focus {
    color: #c96;
    background-color: transparent
}

.quickView-content .owl-theme.owl-light .owl-nav [class*='owl-'] {
    border: none;
    font-size: 3rem;
    color: #fff;
}

.owl-theme.owl-light .owl-nav [class*='owl-']:hover {
    background-color: orange;
}

.uppercase-text {
    text-transform: uppercase;
}

.footer-copyright {
    color: #ffbcbc;
    font-size: 1.3rem;
}

.blog-posts .owl-stage .owl-item {
    background: #f7f7f7;
    border: 1px solid #ececec;
    padding: 12px;
}

@media only screen and (max-width: 991px) {
    .logo {
        margin-top: 0;
        margin-bottom: 0;
        width: 220px;
        margin-left: 10px;
    }
}

.mobile-menu-light .mobile-search .form-control {
    border-color: #e5e5e5;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
}

@media only screen and (max-width: 425px) and (min-width: 376px) {
    .blog-posts .entry {
        font-size: 1.3rem !important;
    }

    .blog-posts .entry-title {
        font-size: 1.6rem !important;
    }

    .title {
        font-size: 2.0rem !important;
    }

    .blog-posts .entry {
        font-size: 1.3rem !important;
    }

    .footer .widget-title {
        font-size: 1.5rem !important;
    }

    .footer {
        font-size: 1.2rem !important;
    }

    .footer-copyright {
        font-size: 1.1rem !important;
    }

    .entry-content p {
        font-size: 1.1rem !important;
    }
}

@media only screen and (max-width: 375px) {
    .blog-posts .entry {
        font-size: 1.2rem !important;
    }

    .blog-posts .entry-title {
        font-size: 1.4rem !important;
    }

    .title {
        font-size: 1.8rem !important;
    }

    .blog-posts .entry {
        font-size: 1.1rem !important;
    }

    .footer .widget-title {
        font-size: 1.3rem !important;
        margin-bottom: 1.5rem;
    }

    .footer {
        font-size: 1.1rem !important;
    }

    .footer-copyright {
        font-size: 1.0rem !important;
    }

    .entry-content p {
        font-size: 1.05rem !important;
    }

    .widget-list li:not(:last-child) {
        margin-bottom: 0.1rem;
    }
}

.slide-item:hover {
    box-shadow: 10px 10px 5px -8px rgba(28, 27, 27, 0.23);
    -webkit-box-shadow: 10px 10px 5px -8px rgba(28, 27, 27, 0.23);
    -moz-box-shadow: 10px 10px 5px -8px rgba(28, 27, 27, 0.23);
}

.cls_myStyle:last-child {
    margin-right: -300px !important;
}

.cls_myStyle nav {
    margin-right: 1.5rem;
}

.cls_myStyle nav:last-child {
    margin-right: 0rem;
}

.fab-container {
    position: fixed;
    bottom: 25px;
    left: 24px;
    cursor: pointer;
}

.iconbutton {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background: #FF4F79;
}

.button {
    width: 60px;
    height: 60px;
    background: white;
    border-style: solid;
    border-color: orange;
}

.iconbutton i{
    display:flex;
    align-items:center;
    justify-content:center;
    height: 100%;
    color:orange;
    font-size: 20px;
    
}

.options{
    list-style-type: none;
    position:absolute;
    bottom: 50px;
}

.options li{
    display:flex;
    justify-content:flex-end;
    padding-left: 6px;
    padding-top: 5px;
}

.inner-fabs.show + .fab-container:hover .button {
    transform: rotate(135deg);
}

/* .fab-container:hover .button {
    transform: rotate(135deg);
} */

/* ----------------------------- */

.fab-wrapper {
    position: fixed;
    bottom: 3rem;
    left: 7rem;
    z-index: 1 !important;
}

.fab-checkbox {
    display: none;
}

.fab {
    position: absolute;
    bottom: -1rem;
    right: -1rem;
    width: 5rem;
    height: 5rem;
    /* background: orange; */
    border-radius: 50%;
    background: #CE181E;
    /* box-shadow: 0px 5px 20px orange; */
    transition: all 0.3s ease;
    z-index: 1;
    border-bottom-right-radius: 6px;
    border: 1px solid #CE181E;
}

.fab:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.1);
}

.fab-checkbox:checked ~ .fab:before {
    width: 90%;
    height: 90%;
    left: 5%;
    top: 5%;
    background-color: rgba(255, 255, 255, 0.2);
}

.fab:hover {
    background: rgb(138, 22, 26, 1);
    /* box-shadow: 0px 5px 20px 5px rgb(202, 132, 1); */
}

.fab-dots {
    position: absolute;
    height: 5px;
    width: 5px;
    background-color: white;
    border-radius: 50%;
    top: 50%;
    transform: translateX(0%) translateY(-50%) rotate(0deg);
    opacity: 1;
    animation: blink 3s ease infinite;
    transition: all 0.3s ease;
}

.fab-dots-1 {
    left: 15px;
    animation-delay: 0s;
}

.fab-dots-2 {
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    animation-delay: 0.4s;
}

.fab-dots-3 {
    right: 15px;
    animation-delay: 0.8s;
}

.fab-checkbox:checked ~ .fab .fab-dots {
    height: 6px;
}

.fab .fab-dots-2 {
    transform: translateX(-50%) translateY(-50%) rotate(0deg);
}

.fab-checkbox:checked ~ .fab .fab-dots-1 {
    width: 30px;
    border-radius: 10px;
    left: 50%;
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
}

.fab-checkbox:checked ~ .fab .fab-dots-3 {
    width: 30px;
    border-radius: 10px;
    right: 50%;
    transform: translateX(50%) translateY(-50%) rotate(-45deg);
}

@keyframes blink {
    50% {
        opacity: 0.25;
    }
}

.fab-checkbox:checked ~ .fab .fab-dots {
    animation: none;
}

.fab-wheel {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 10rem;
    height: 10rem;
    transition: all 0.3s ease;
    transform-origin: bottom right;
    transform: scale(0);
}

.fab-checkbox:checked ~ .fab-wheel {
    transform: scale(1);
}

.fab-action {
    position: absolute;
    /* background: #0f1941; */
    /* background: radial-gradient(circle farthest-corner at 25% 98%, #0078ff 5%, #4b69ff 25%, #af37f0 55%, #ff557d 78%, #fa696e 83%); */
    width: 5.5rem;
    height: 5.5rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: White;
    /* box-shadow: 0 0.1rem 1rem rgba(24, 66, 154, 0.82); */
    transition: all 1s ease;
    opacity: 0;
}

.fab-checkbox:checked ~ .fab-wheel .fab-action {
    opacity: 1;
}

.fab-action:hover {
    background-color: #f16100;
}

.fab-wheel .fab-action-1 {
    left: 60px;
    bottom: 70px;
}

.fab-wheel .fab-action-2 {
    left: 60px;
    bottom: 130px;
}

.fab-wheel .fab-action-3 {
    left: 60px;
    bottom: 190px;
}

.fab-wheel .fab-action-4 {
    left: 60px;
    bottom: 250px;
}

.fab-wheel .fab-action-5 {
    left: 60px;
    bottom: 310px;
}

#scroll-top {
    background: #CE181E !important;
    color: white !important;
    border-radius: 50px !important;
    font-size: 2rem !important;
}

#scroll-top:hover {
    background: rgb(142, 23, 27, 1) !important
    
}

/* My Custome */
@media only screen and (max-width: 430px){
    .ml-5 {
        margin-left: 0rem !important;
    }

    .mt-5 {
        margin-top: 0rem;
    }

    .title {
        font-size: 2.0rem !important;
    }

    .card-body p {
        font-size: 1.2rem;
    }

    .fab {
        width: 5rem;
        height: 5rem;
    }

    .fab-dots {
        width: 5px;
        height: 5px;
    }

    .fab-wrapper {
        bottom: 2rem;
        left: 6rem;
    }

    .product-gallery {
        margin-bottom: 0rem;
    }

    .card-title {
        font-size: 1.2rem !important;
    }

    .sidebar {
        margin-top: 0rem;
    }

}

@media only screen and (max-width: 375px){
    .ml-5 {
        margin-left: 0rem !important;
    }

    .title {
        font-size: 2.0rem !important;
    }
    .product-details .product-cat {
        font-size: 1.2rem !important;
    }

    .entry-title {
        font-size: 1.4rem !important;
    }

    .card-body p {
        font-size: 1.1rem;
    }

    .card-title {
        font-size: 1.1rem !important;
    }

}


@media only screen and (max-width: 360px){
    .ml-5 {
        margin-left: 0rem !important;
    }

    .title {
        font-size: 2.0rem !important;
    }
    .product-details .product-cat {
        font-size: 1.2rem !important;
    }

    .entry-title {
        font-size: 1.4rem !important;
    }

    .card-body p {
        font-size: 0.9rem;
    }

    .card-title {
        font-size: 1rem !important;
    }

    .cls_price {
        font-size: 1.2rem;
    }

}

@media only screen and (max-width: 320px){
    .ml-5 {
        margin-left: 0rem !important;
    }

    .title {
        font-size: 2.0rem !important;
    }
    .product-details .product-cat {
        font-size: 1.2rem !important;
    }

    .entry-title {
        font-size: 1.1rem !important;
    }

    .card-body p {
        font-size: 0.8rem;
    }

    .card-title {
        font-size: 0.9rem !important;
    }

}

.mobile-cats-menu {
    color: orange !important;
}

.mobile-cats-menu a:hover {
    color: orange !important;
}

.sidebar-shop .widget-title {
    padding: 8px 5px 8px 12px !important;
    margin-top: 7px;
}

.sidebar-shop .widget-title {
    color: orange;
    padding-left: 10px;
    padding-top: 15px;
    font-size: 14px;
}

.custom-checkbox ul{
    list-style: disc;
}

.custom-checkbox ul li{
    padding: 4px 0;
}

.custom-checkbox ul li a:hover{
    color: #CE181E;
}

@media screen and (min-width: 768px) {
    .title {
        font-size: 2rem !important;
    }
}