/*
Theme Name:   Modus child
Theme URI:    http://demo.arrowpress.net/modus/
Description:  Modus - Versatile office Wordpress theme.
Author:       AHT
Author URI:   https://www.arrowhitech.com/
Template:     modus
Version:      1.0
License:      
License URI:  
Tags:         one-column, two-columns, right-sidebar,  custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain:  modus-child
*/

.logo .logo_home {
    margin-top: 8px;
} 
ul.flex-direction-nav {
    position: absolute;
    top: 30%;
    z-index: 99999;
    width: 100%;
    left: 0;
    margin: 0;
    padding: 0px;
    list-style: none;}

li.flex-nav-prev {float: left;}
li.flex-nav-next {float: right;}
a.flex-next {visibility:hidden;}
a.flex-prev {visibility:hidden;}
a.flex-next::after {visibility:visible;content: '\f105';
    font-family: FontAwesome;margin-right: 10px;font-size: 70px;    }
a.flex-prev::before {
    visibility:visible;
    content: '\f104';
    font-family: FontAwesome;    margin-left: 10px;font-size: 70px;}

.product-thumbnails.has-hover-image .hover-image{
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
}

.product-thumbnails.has-hover-image a:hover .hover-image{
    opacity: 1;
}


    .home .our-product {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .home .our-product h2 {
        margin: 0px;
        font-weight: 500;
        font-style: Medium;
        font-size:24px;
        line-height: 140%;
        letter-spacing: 0%;
        color: #2A254B;
    }

    .home .counter-details {
        padding: 20px;
    }

    .home .counter-box {
        border: 1.5px solid #EEECEC;
        margin-top: 10px;
    }

    .home .counter-box h3 {
        font-weight: 600;
        font-style: Semi Bold;
        font-size: 20px;
        line-height: 140%;
        letter-spacing: 0%;
        text-align: center;
        color: #2A254B;
        margin: 0px;
    }

    .home .cat {
        font-weight: 600;
        font-style: Semi Bold;
        font-size: 20px;
        line-height: 140%;
        letter-spacing: 0%;
        text-align: center;
        color: #FFA600;
    }

    .home #countdown {
        display: flex;
        justify-content: center;
        gap: 25px;
    }

    .home #countdown span {
        font-weight: 600;
        font-style: Semi Bold;
        font-size: 20px;
        line-height: 140%;
        letter-spacing: 0%;
        color: #2A254B;
    }

    .home .count-box {
        font-weight: 400;
        font-style: Regular;
        font-size: 16px;
        line-height: 140%;
        letter-spacing: 0%;
    }

    .home .tab-products h3 {
        font-weight: 400;
        font-style: Regular;
        font-size: 18px;
        line-height: 140%;
        letter-spacing: 0%;
        color: #2A254B;
        margin: 10px 0px 0px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .home .tab-products .txt {
        font-weight: 400;
        font-style: Regular;
        font-size: 16px;
        line-height: 150%;
        letter-spacing: 0%;
        color: #C93837;
    }

    .home .tab-products .icon-link a {
        background-color: #C93837;
        color: #fff;
        padding: 7px 10px;
        border-radius: 50%;
        text-decoration: none;
        font-weight: 800;
    }
.home .tab-products img{height: 200px; object-fit: cover; width: 100%;}
    .home .tab-products .icon-link {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
.home .tab-products .icon-link:before{display:none;}
    .home .tab-products {
        margin-top: 12px;
    }

    .home .tab-products > img {
        height: 200px;
        width: 100%;
        object-fit: cover;
    }

    .home .view-link {
        font-weight: 500;
        font-style: Medium;
        font-size: 18px;
        line-height: 36px;
        letter-spacing: 0%;
        text-transform: capitalize;
        text-decoration: underline;
        text-decoration-style: solid;
        text-decoration-offset: 0%;
        text-decoration-thickness: 0%;
        color: #C93837;
        text-align: right;
        display: block;
    }

    .home ul.nav.nav-tabs li.active {
        border-bottom: 2px solid #C93837;
    }

    .home ul.nav.nav-tabs li.active > a {
        border: 0;
    }

    .home ul.nav.nav-tabs li > a {
        font-weight: 500;
        font-style: Medium;
        font-size: 16px;
        line-height: 140%;
        letter-spacing: 0%;
        text-align: center;
        text-transform: uppercase;
        color: #2A254B;
    }

    .home .glass-dis {
        background-color: #F8F5F5;
        padding-bottom: 50px;
        padding-top: 50px;

    }

    .home .glass-dis h3 {
        color: #000;
        font-weight: 600;
        font-style: Semi Bold;
        font-size: 25px;
        line-height: 150%;
        letter-spacing: 0%;
        margin: 0px;
    }

    .home .glass-dis p {
        color: #494545;
        font-weight: 400;
        font-style: Regular;
        font-size: 14px;
        line-height: 148%;
        letter-spacing: 0%;
    }

    .home .glass-dis-box .bg-gray {
        background-color: #0000006B;
        width: 100%;
        opacity: 1;
        position: absolute;
       
      bottom: 0;
      left: 0;
      
      color: #fff;
      padding: 15px;
      z-index: 2;
/*      background: linear-gradient(to top, rgba(0, 0, 0, 0.6), transparent);*/
    }
    .home .glass-dis-box .wg-box-content-overlay {
      background: #C93837;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      opacity: 0;
      transition: opacity 0.4s ease;
      z-index: 1;
    }
    .home .glass-dis-box .bg-gray a {
         opacity: 0;
      max-height: 0;
      overflow: hidden;
      transition: all 0.4s ease;
      color: #fff;
      display: none;
      text-decoration: underline;
    }
    .home .glass-dis-box .bg-gray p {
      margin-top: 8px;
      font-size: 14px;
      opacity: 0;
      max-height: 0;
      overflow: hidden;
      transition: all 0.4s ease;
      color: #fff;
      display: none;
    }

    .home .glass-dis-box:hover img {
      transform: scale(1.05);
    }
.home .glass-dis-box:hover .bg-gray{background-color:transparent;}
    .home .glass-dis-box:hover .wg-box-content-overlay {
      opacity: 1;
    }

    .home .glass-dis-box:hover .bg-gray p,.home .glass-dis-box:hover .bg-gray a  {
      max-height: 100%;
      display: block;
      opacity: 1;
      margin-bottom: 0px;
    }

    .home .glass-dis-box .bg-gray > h3 {
        color: #F8F5F5;margin: 0px;font-size:18px;
    }

    .home .glass-dis-box {
        position: relative;
        margin: 0 auto;
      overflow: hidden;
    }

    .home .glass-dis-box > img {
        height: 300px;
        width: 100%;
        object-fit: cover;
          display: block;
      transition: transform 0.5s ease;
    }

    .home .mt-50 {
        margin-top: 30px;
    }

    .home .blog h2 {
        font-weight: 500;
        font-style: Medium;
        font-size:24px;
        line-height: 140%;
        letter-spacing: 0%;
        color: #2A254B;
    }

    .home .blog {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .home .blog-box {
        box-shadow: 0px 4px 14px 0px #00000012;
    }

    .home .blog-box img {
        height: 200px;
        width: 100%;
        object-fit: cover;
    }

    .home .blog-details {
        padding: 15px;
        display: flex;
        flex-direction: column;
        row-gap: 8px;
    }

    .home .blog-details > p.info-date {
        color: #858688;
    }

    .home .blog-details > h3 {
        font-weight: 600;
        font-style: Semi Bold;
        font-size: 16px;
        line-height: 22px;
        letter-spacing: 0%;
        margin: 0px;
    }
    .home .blog-details > h3>a{color: #000;}

    .home .blog-details > p {
        font-weight: 400;
        font-style: Regular;
        font-size: 14px;
        line-height: 22px;
        letter-spacing: 0%;
        color: #6B6E70;
        margin: 0px;
    }

    .home .blog-details > a {
        font-weight: 500;
        font-style: Medium;
        font-size: 16px;
        line-height: 36px;
        letter-spacing: 0%;
        text-transform: capitalize;
        color: #C93837;
        margin: 0px;
    }

    .home .wlc {
        background-color: #F8F5F5;
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .home .wlc h1 {
        color: #000;
        font-weight: 600;
        font-style: Semi Bold;
        font-size: 20px;
        line-height: 140%;
        letter-spacing: 0%;
    }

    .home .wlc a {
        color: #C93837;
        font-weight: 600;
        font-style: Semi Bold;
        font-size: 14px;
        line-height: 150%;
        letter-spacing: 0%;
        text-decoration: underline;
        text-decoration-style: solid;
        text-decoration-offset: 0%;
        text-decoration-thickness: 0%;
    }

    .home div#customCarousel .item {
        background-color: #c938373d;
        padding: 60px 0px;
    }

    .home .subline {
        font-size: 20px;
        color: #C93837;
    }

    .home p.subline-black {
        font-size: 30px;
        font-weight: bold;
    }

    .home p.subline-red {
        font-size: 30px;
        font-weight: bold;
    }

    .home .box-slider {
        display: flex;
        flex-direction: column;
        padding-left: 100px;
    }

    .home .box-slider > p {
        margin: 0px;
    }

    .home a.btn-shop {
        background-color: #C93837;
        display: inline-block;
        width: 125px;
        text-align: center;
        padding: 10px 20px;
        color: #fff;
        border-radius: 50px;
        margin-bottom: 15px;
        margin-top: 15px;
    }

    .home .last-line {
        font-size: 25px;
    }

    @media(max-width:767px) {
        .home .glass-dis-box,
        .home .blog-box {
            margin-bottom: 20px;
        }

        .home .glass-dis h2,
        .home .wlc h2 {
            font-size: 20px;
            line-height: 130%;
        }

        .home .box-slider {
            padding-left: 0px;
            margin-bottom: 30px;
        }

        .home ul.nav.nav-tabs li > a {
            font-size: 11px;
        }

        .home .our-product h2,
        .home .blog h2 {
            font-size: 25px;
        }

        .home .counter-box {
            margin-bottom: 30px;
        }

        .home .view-link {
            font-size: 18px;
        }
    }
/*top bar css*/


.top-bar {
    background-color: #cf4f4f;
    padding: 15px;
}

ul.contact-details,.icon-details {
    list-style: none;
    display: flex;
    column-gap: 21px;
    margin-bottom: 0px;
    padding: 0px;
}
.contact-details span{color: #fff;}
.contact-details a,.contact-details a:hover,.icon-details a,.icon-details a:hover,.link a, .link a:hover{color: #fff;}

.socail {
    display: flex;
    color: #fff;
    align-items: center;
    column-gap: 20px;
}

.rightside-top {
    display: flex
;
    align-items: center;
    justify-content: end;
        column-gap: 50px;
}

.right-men {
    display: flex
;    column-gap: 20px;

}
.right-men .price-option select {
    color: #fff;
}
.bg-white {
    background-color: #fff;
 
}
/*footer css*/
.footer.footer-v1 {
    padding: 30px 0px;
}
.foot-box-icon {
    display: flex;
    column-gap: 10px;
}
.icons-text>h4 {
    font-size: 16px;
    color: #C93837;
    margin: 0px;
}
.icons-text>p {
    font-size: 12px;
    margin-bottom: 0px;
}
footer.site-footer .footer-v1 .footer-top {
    padding-top: 25px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #cccc;
    padding-bottom: 5px;
}
footer.site-footer .footer-v1 .bottom-footer {
    padding: 25px 0 0px;
}
.bb-25{padding-bottom: 25px;}
.site-footer .footer-v1 .widget-title {
    font-size: 18px;
    color: #000;
    font-weight: 600;
    text-transform: capitalize;
}
.site-footer .footercopyright
 {
    text-transform: capitalize;
}
@media(min-width:991px){
    .container-fluid.full {
    padding: 0px 50px;
}
}
@media(max-width:767px){
    .top-bar{display:none;}
     .menu-footer-menu-container #menu-footer-menu, #nav_menu-1 .widget-title{
        
        display:block!important;
    }
        .site-footer .footer-v1 .widget-title, .site-footer .footer-v1 ul {
        display: block !important;
    }
        footer.site-footer .footer-v1 .footer-tops {
        padding: 10px 0;
    }
    .footer.footer-v1 {
    padding: 20px 0px;
}
footer.site-footer .footercopyright {
        margin-bottom: 0px;
    }
        footer.site-footer .bottom-footer img {
        margin-bottom: 0px;
    }
    footer.site-footer .footer-v1 .widget-title {
           margin-bottom: 10px;
        margin-top: 20px;
}
.foot-box-icon{
    margin-bottom: 10px;
}
.foot-box-icon {
    column-gap: 15px;
}
}