@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@300;400;500;600;700&family=Exo:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
/* 
font-family: 'Comfortaa', cursive;
font-family: 'Exo', sans-serif;
*/
body {
    font-family: 'Exo', sans-serif !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Exo', sans-serif !important;
}

blockquote {
    font-family: 'Exo', sans-serif !important;
}

blockquote p{
    font-family: 'Exo', sans-serif !important;
}
table th{
    font-family: 'Exo', sans-serif !important;
}
.cart-item-body a{
    font-family: 'Exo', sans-serif !important;
}
.banner .title{
    font-family: 'Exo', sans-serif !important;    
}
.subheader h1{
    font-family: 'Exo', sans-serif !important;    
}
.reply-link{
    font-family: 'Exo', sans-serif !important;    
}
.ct-testimonial-item span{
    font-family: 'Exo', sans-serif !important;    
}
.tooltip{
    font-family: 'Exo', sans-serif !important;    
}
.product-single .product-price{
    font-family: 'Exo', sans-serif !important;    
}

.banner-item{
    margin-top: 100px;
}
.navbar .menu-item a:hover{
    color: white !important;
}
.navbar .menu-item .submenu .menu-item {
    display: block;
    background: white;
    /*border-radius: 15px;*/
}
.navbar .menu-item .submenu {
    position: absolute;
    top: 110%;
    left: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    background-color: transparent !important;
    /*    -webkit-box-shadow: 0 2px 32px rgb(0 0 0 / 15%);
        box-shadow: 0 2px 32px rgb(0 0 0 / 15%);*/
    min-width: 250px;
    z-index: 990;
    border-radius: 8px;
}
.navbar .menu-item .submenu .menu-item:hover {
    color: white !important;
    background-color: #e43338;
    border-radius: 15px;
}
.navbar .menu-item .submenu .menu-item a:hover {   
    color: white !important;
    background-color: #e43338 !important;
    border-radius: 15px;
}
.navbar .menu-item a::before{
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 30px;
    margin-top: -15px;
    border-radius: 15px;
    z-index: -1;
    background-color: #e43338;
    color: white !important;
    opacity: 1;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.d3outerContainer1{
    cursor: pointer;
}
.d3card1{
    text-align: center;
}
.no-padding{
    padding-left: 0px;
    padding-right: 0px;
}
.product_title{
    font-size: 25px;
    margin-bottom: 0;
    line-height: 1.5;
    font-weight: 700;
    margin: 0 0 20px;
    text-transform: uppercase;
}
.available-red{
    background-color: #8e1c20;
    color: white;
    padding: 2%;
    /* text-transform: lowercase; */
    font-weight: 400;
}
.home_category{
    background-color: transparent !important;
}
@media (min-width: 769px){
    .section.section-padding {
        padding: 0px 0 50px !important;
    }
    .slick-dots{
        display: none !important;
    }
}
@media (min-width: 1025px){
    .section.section-padding {
        padding: 120px 0 50px !important;
        /*padding: 0px 0 50px !important;*/
    }
    .banner{
        position: relative;
        padding: 88px 0 0 0;
        background-size: cover;
        background-position: center;
        min-height: 850px !important;
        max-height: 850px !important;
        /*overflow: hidden !important;*/
        overflow: visible !important;
    }
    .banner.banner-img .banner-inner{    
        height: auto;
        padding: 0px 0;
        max-width: 100%;
        min-height: 850px !important;

    }
    .banner,
    .banner.banner-img .banner-inner,
    .banner.banner-carousel .banner-inner{
        min-height: 850px !important;
        max-height: 850px !important;
    }
    .slick-slide img {
        display: block;
        max-height: 850px !important;
        width: 100%;
    }
    .home-category {
        padding: 120px 0 50px !important;
    }

    .slick-dots{
        display: none !important;
    }
}
@media (max-width: 820px){
    .header-control-left {
        display: none!important;
    }
}

@media (max-width: 768px){
    .section.section-padding {
        /*padding: 80px 0 50px !important;*/
        padding: 0px 0 50px !important;
    }
    .slick-slider{
        max-height: 500px !important;
        overflow: hidden;
    }
    .banner.banner-img {
        max-height: 500px !important;
        margin-bottom: 25px;
    }
    .banner, .banner.banner-img .banner-inner, .banner.banner-carousel .banner-inner {
        min-height: 500px !important;
        max-height: 500px !important;
    } 
    .slick-dots{
        display: none !important;
    }
}
@media only screen   and (max-device-width: 667px)   and (orientation: landscape) { 
    .section.section-padding {
        /*padding: 80px 0 50px !important;*/
        padding: 20px 0 50px !important;
    }
    .slick-slider{
        max-height: 400px !important;
        overflow: hidden;
    }
    .banner.banner-img {
        max-height: 400px !important;
    }
    .banner, .banner.banner-img .banner-inner, .banner.banner-carousel .banner-inner {
        min-height: 400px !important;
        max-height: 400px !important;
    } 
    .slick-dots{
        display: none !important;
    }
}
@media (max-width: 414px){
    .d3outerContainer {
        width: 100%;        
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .section.section-padding {
        /*padding: 80px 0 50px !important;*/
        padding: 20px 0 50px !important;
    }
    .slick-slider{
        max-height: 300px !important;
        overflow: hidden;
    }
    .banner.banner-img {
        max-height: 300px !important;
    }
    .banner, .banner.banner-img .banner-inner, .banner.banner-carousel .banner-inner {
        min-height: 300px !important;
        max-height: 300px !important;
    } 
    .slick-dots{
        display: none !important;
    }
}
@media (max-width: 360px){
    .section.section-padding {        
        padding: 0px 0 50px !important;

    }
    .slick-slider{
        max-height: 250px !important;
        overflow: hidden;
    }
    .banner.banner-img {
        max-height: 250px !important;
    }
    .banner, .banner.banner-img .banner-inner, .banner.banner-carousel .banner-inner {
        min-height: 250px !important;
        max-height: 250px !important;
    } 
    .slick-dots{
        display: none !important;
    }
}


/*.navbar .menu-item a::before {
    background-color: #c43438 !important;
    width: 100% !important;
    opacity: 1 !important;
    border-radius: 0 !important;
}
.navbar .menu-item a.active, .navbar .menu-item a:hover {
    color: #fdfdfd !important;    
}

.navbar .menu-item .submenu .menu-item a:hover {
    color: #fdfdfd !important;
    background-color: #c43438 !important;
}*/

.active1{    
    /*    background-image: url(background.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;*/
    /*color: #e43338 !important;*/    
    color: #e43338 !important;
}
.navbar-nav .menu-item-has-children>a::after, .sigma_aside ul .menu-item.menu-item-has-children>a::after{
    margin-left:5px !important;
}
.active2{
    background-image: url(background.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    color: #ffffff !important;
    text-align: center;
    margin-left: 0%;
    padding-left: 0% !important;
}
.sigma_aside ul .menu-item a{
    padding: 0;
    padding-top: 10px;
    padding-bottom: 15px;
    text-align: center;
    display: block;
    display: block;
    display: block;
    color: #212121;
    font-weight: 700;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    width: 100%;
}



.d3outerContainer {
    /*width: 100%;*/        
    display: flex;
    align-items: center;
    justify-content: center;
}
.d3card {
    /*    transform-style: preserve-3d;
        min-height: 20vh;
        max-height: 40vh;
        max-width: 28rem;
        box-shadow: 0 20px 20px rgba(0, 0, 0, 0.7), 0px 0px 50px rgba(0, 0, 0, 0.7);
        border-radius: 30px;
        padding: 0rem 5rem;*/
    transform-style: preserve-3d;
    min-height: 20vh;
    /*max-height: 40vh;*/
    max-width: 28rem;
    box-shadow: 0 10px 10px rgb(0 0 0 / 70%), 0px 0px 12px rgb(0 0 0 / 70%);
    border-radius: 30px;
    padding: 0rem 1rem;
    margin: 1rem 0.5rem 0 0;
}

.d3header {
    min-height: 25vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.d3header img {
    width: 15rem;
    z-index: 2;
    transition: all 0.72s ease-out;
}

.d3circle {
    width: 15rem;
    height: 15rem;
    background: linear-gradient(
        to right,
        rgb(196 52 56),
        rgb(0 0 0)
        );
    border-radius: 50%;
    position: absolute;
    z-index: 1;
}
.d3info{
    text-align: center;
}
.d3info h5 {
    font-size: 1rem;
    padding: 1rem 0rem;
    color: #585858;
    font-weight: lighter;
    transition: all 0.72s ease-out;
}
.pt-0{
    padding-top: 0 !important;   
}
.preventcopy {
    -webkit-touch-callout: none; iOS Safari
    -webkit-user-select: none; Chrome/Safari/Opera
    -khtml-user-select: none; Konqueror
    -moz-user-select: none; Firefox
    -ms-user-select: none; Internet Explorer/Edge
    user-select: none; Non-prefixed version, currently
    not supported by any browser
}