/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
.container,
.container-width,
.full-width .ubermenu-nav,
.row {
}

blockquote, dl, figure, form, ol, p, pre, ul {
    margin-bottom: .6em;
}

html {
    scroll-behavior: smooth;
}

.breabCol {
}

    .breabCol a {
        color: black;
    }

    .breabCol span {
        color: black;
        font-size: 0.95em;
    }

.ftList {
}

    .ftList h3 {
        text-transform: uppercase;
        font-size: .95em;
    }

    .ftList ul {
        margin: 0;
        list-style: none;
        padding: 0;
    }

        .ftList ul li {
            margin: 0 0 5px;
        }

            .ftList ul li a {
                font-size: .9em;
            }

            .ftList ul li:last-child {
                margin: 0;
            }

.ftInfo h3 {
    text-transform: uppercase;
    font-size: .95em;
}

.ftInfo ul {
    margin-bottom: 0;
}

    .ftInfo ul li {
        font-size: .9em;
        list-style: none;
        margin: 0 0 5px;
    }

        .ftInfo ul li:nth-child(1) {
        }

        .ftInfo ul li:nth-child(2) {
        }

        .ftInfo ul li:nth-child(3) {
        }

        .ftInfo ul li:last-child {
            margin: 0;
        }

.sidebar-wrapper {
}

#wp_statistics_widget-2 {
    padding: 0;
}

    #wp_statistics_widget-2 .widget-title {
    }

        #wp_statistics_widget-2 .widget-title .is-divider {
        }

    #wp_statistics_widget-2 ul {
    }

        #wp_statistics_widget-2 ul li {
            display: flex;
            margin: 0 0 5px;
            font-size: .9em;
            border: none;
            color: white;
            opacity: 1;
            line-height: unset !important;
        }

    #wp_statistics_widget-2 .is-divider {
        display: none;
    }

    #wp_statistics_widget-2 ul li label {
        margin: 0;
        font-weight: 300;
        line-height: unset;
    }

.header-search-form-wrapper {
    border-radius: 34px;
    overflow: hidden;
}

    .header-search-form-wrapper #woocommerce-product-search-field-0 {
        min-width: 220px;
        box-shadow: none;
        border: none;
    }

    .header-search-form-wrapper .ux-search-submit {
        position: absolute;
        right: 0;
        top: 0;
        background: transparent;
        color: black;
        border: none;
        font-size: .85em;
        height: 33px;
        width: 33px;
    }


.header-bottom {
    margin: 10px 0;
}

.proHome {
    margin-bottom: 10px;
}

.proHeadingHome {
}

    .proHeadingHome h2 {
        display: flex;
        align-items: center;
        font-size: unset;
        border-bottom: 1.5px solid #be0f1d;
        margin: 0 0 10px;
    }

        .proHeadingHome h2 a {
            background: #be0f1d;
            font-size: 1em;
            padding: 9px 28px 9px 10px;
            color: white;
            text-transform: uppercase;
            text-align: left;
            height: 38px;
            position: relative;
        }

            .proHeadingHome h2 a:before {
                content: "";
                border-top: 38px solid transparent;
                border-left: 38px solid #be0f1d;
                border-bottom: 0px solid transparent;
                position: absolute;
                top: 0;
                left: 100%;
            }

.proPageList {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px;
}

.proListCategoryHome {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 10px;
}

.proItem {
    background: #fff;
    border-radius: 0;
    padding: 7px;
    height: 100%;
    box-shadow: 0px 0px 6px 0px rgba(50, 50, 93, 0.15), 1px 1px 5px rgba(0, 0, 0, 0.05);
    margin-bottom: 0px;
    position: relative;
}

.proItemThumb {
    height: 293px;
    overflow: hidden;
}

    .proItemThumb img {
        aspect-ratio: 1 / 1;
        object-fit: cover;
        width: 100%;
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
    }

.proItemContent {
    padding: 15px 0 0 0;
}

.proItemTitle {
    margin: 5px 0;
}

    .proItemTitle a {
        height: 49px;
        font-size: .95em;
        font-weight: 600;
        color: #333;
        text-align: center;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical;
    }

.proItemDescription {
    background: #f1f1f1;
    border-radius: 5px;
    font-size: 13px;
    padding: 5px 7px;
    margin-top: 15px;
    line-height: 19px;
}

    .proItemDescription p {
        margin: 0;
    }

.proItemImage {
    height: 200px;
    overflow: hidden;
}

    .proItemImage img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: all 500ms;
    }

.proItem:hover .proItemThumb img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.proItem:hover .proItemTitle a {
    color: #b20000 !important;
}

.proItemPrice {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
}

    .proItemPrice .new {
        order: 1;
        font-size: .85em;
    }

        .proItemPrice .new .woocommerce-Price-amount {
            color: #b20000;
        }

    .proItemPrice .old {
        order: 1;
    }

        .proItemPrice .old .woocommerce-Price-amount {
            font-size: 15px;
        }

    .proItemPrice .contact {
        color: #b20000;
        font-weight: 700;
    }

.bannerQ1 {
    width: auto;
    max-width: 150px;
    position: fixed;
    top: 50px;
    right: calc((100% -  1000px - 300px) / 2);
    );
    );
    overflow: hidden;
}

    .bannerQ1 img {
        width: 100%;
    }

.bannerQ2 {
    width: auto;
    max-width: 150px;
    position: fixed;
    top: 50px;
    left: calc((100% -  1000px - 300px) / 2);
    overflow: hidden;
}

    .bannerQ2 img {
        width: 100%;
    }

.headingDefault {
}

    .headingDefault h1 {
        display: flex;
        align-items: center;
        font-size: unset;
        border-bottom: 1.5px solid #be0f1d;
        margin: 0 0 10px;
    }

        .headingDefault h1 a {
            background: #be0f1d;
            font-size: 1em;
            padding: 9px 28px 9px 10px;
            color: white;
            text-transform: uppercase;
            text-align: left;
            height: 38px;
            position: relative;
        }

            .headingDefault h1 a:before {
                content: "";
                border-top: 38px solid transparent;
                border-left: 38px solid #be0f1d;
                border-bottom: 0px solid transparent;
                position: absolute;
                top: 0;
                left: 100%;
            }

table {
    width: 40em;
    margin: 2em auto;
}

.cfContact {
}

    .cfContact .wpcf7-form-control-wrap {
    }

        .cfContact .wpcf7-form-control-wrap .wpcf7-form-control {
            box-shadow: none;
            margin: 0;
        }

    .cfContact .boxFox {
    }

    .cfContact .wpcf7-form-control-wrap .wpcf7-form-control input {
    }

    .cfContact .wpcf7-form-control-wrap .wpcf7-form-control textarea {
    }

    .cfContact .wpcf7 .boxFox {
        margin-bottom: 10px;
    }

        .cfContact .wpcf7 .boxFox p {
            display: flex;
        }

        .cfContact .wpcf7 .boxFox label {
            margin: 0;
            min-width: 120px;
            max-width: 120px;
        }

    .cfContact .wpcf7-submit {
        border-radius: 5px;
        background: #be0f1d;
        font-size: .85em;
    }

table {
    border-collapse: separate;
    border-spacing: 0;
    border-width: 1px 0 0 1px;
    margin-bottom: 24px;
}

td, th {
    display: table-cell;
    vertical-align: middle;
    border: 1px solid #000;
}

td {
    width: 10em;
    padding: 0.3em;
}

.wpcf7 form .wpcf7-response-output {
    margin: 10px 0;
}

.page-wrapper {
    padding-bottom: 0;
    padding-top: 0;
}

.breamBox {
    min-height: 35px;
    align-items: center;
    display: flex;
    position: relative;
    background-color: rgb(241, 241, 241);
    width: 100%;
    margin: 10px 0;
    border-radius: 0;
    padding: 0 10px;
}

    .breamBox span {
        font-size: .95em;
        color: black;
    }

        .breamBox span a {
            color: black;
        }

.breadcrumb_last {
    font-weight: bold;
    color: black;
}

.pagePostHeading {
}

    .pagePostHeading h1 {
        display: flex;
        align-items: center;
        font-size: unset;
        border-bottom: 1.5px solid #be0f1d;
        margin: 0 0 10px;
    }

        .pagePostHeading h1 a {
            background: #be0f1d;
            font-size: 1em;
            padding: 9px 28px 9px 10px;
            color: white;
            text-transform: uppercase;
            text-align: left;
            height: 38px;
            position: relative;
        }

            .pagePostHeading h1 a:before {
                content: "";
                border-top: 38px solid transparent;
                border-left: 38px solid #be0f1d;
                border-bottom: 0px solid transparent;
                position: absolute;
                top: 0;
                left: 100%;
            }

.pPageItem {
}

.pPageItemThumb {
    width: 150px;
    flex: 0 0 auto;
    height: 120px;
    overflow: hidden;
    border-radius: 5px;
}

    .pPageItemThumb img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: all 500ms;
    }

.pPageItemContent {
    display: flex;
    gap: 10px;
    align-items: center;
}

.pPageItemTitle {
    margin-bottom: 5px;
}

    .pPageItemTitle a {
        font-weight: bold;
        font-size: .95em;
        text-transform: uppercase;
        color: black;
    }

.pPageItemDescription {
    font-size: .95em;
}

    .pPageItemDescription a {
        display: block;
        color: #be0f1d;
        font-weight: bold;
    }

.pPageItem:hover .pPageItemThumb img {
    transform: scale(1.1);
}

.pPageItem:hover .pPageItemTitle a {
    color: #be0f1d;
}

.pPageItem:hover .pPageItemDescription a {
    color: #be0f1d;
}

.boxPostGrid {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 15px;
    margin-bottom: 10px;
}

.postPage {
    margin-bottom: 10px;
}

.pagePostDetails {
}

.signPostBoxEx {
}

.signPostHeading {
}

    .signPostHeading h1 {
        display: flex;
        align-items: center;
        font-size: unset;
        border-bottom: 1.5px solid #be0f1d;
        margin: 0 0 10px;
    }

        .signPostHeading h1 a {
            background: #be0f1d;
            font-size: 1em;
            padding: 9px 28px 9px 10px;
            color: white;
            text-transform: uppercase;
            text-align: left;
            height: 38px;
            position: relative;
        }

            .signPostHeading h1 a:before {
                content: "";
                border-top: 38px solid transparent;
                border-left: 38px solid #be0f1d;
                border-bottom: 0px solid transparent;
                position: absolute;
                top: 0;
                left: 100%;
            }

.signPostBoxContent {
}

    .signPostBoxContent ul {
        padding-left: 18px;
    }

.relateBox {
    margin-bottom: 10px;
}

.relateHeading {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.1em;
}

.signRelateGrid {
}

.postRelateItem {
}

.postRelateItemTitle {
    margin-bottom: 8px;
}

    .postRelateItemTitle a {
        color: black;
        padding-left: 15px;
        position: relative;
    }

        .postRelateItemTitle a:before {
            content: "";
            width: 5px;
            height: 5px;
            position: absolute;
            background: black;
            left: 0;
            top: 0;
            bottom: 0;
            margin: auto;
        }

.postRelateItem:hover a { /* color: #be0f1d; */
}

    .postRelateItem:hover a:before {
        content: "";
        background: #be0f1d;
    }

.pageBreamBox {
}

.proRelateBox {
    margin-top: 20px;
}

.proRelateBoxHeading {
}

    .proRelateBoxHeading h3 {
        display: flex;
        align-items: center;
        font-size: unset;
        border-bottom: 1.5px solid #be0f1d;
        margin: 0 0 10px;
    }

        .proRelateBoxHeading h3 a {
            background: #be0f1d;
            font-size: 1em;
            padding: 9px 28px 9px 10px;
            color: white;
            text-transform: uppercase;
            text-align: left;
            height: 38px;
            position: relative;
        }

            .proRelateBoxHeading h3 a:before {
                content: "";
                border-top: 38px solid transparent;
                border-left: 38px solid #be0f1d;
                border-bottom: 0px solid transparent;
                position: absolute;
                top: 0;
                left: 100%;
            }

.signProTabInfo {
}

.proPageContent {
}

    .proPageContent ul {
        padding-left: 18px;
    }

.image-tools {
    display: none;
}

.signProInfo {
}

.signProTtitle {
}

    .signProTtitle h1 {
    }

.product-main {
    padding: 0px 0;
}

.single-attribute ul li {
    color: #ff0000;
}

    .single-attribute ul li .left {
        display: inline-block;
        width: 150px;
    }

    .single-attribute ul li span.right {
        color: #000;
    }

.single-attribute ul li {
    list-style: square inside none;
    padding: 8px 0px;
    border-bottom: 1px dotted #CCC;
    margin: 0;
    font-size: .85em;
}

td {
    color: black;
}

    td a {
        color: black;
    }

    .stickytooltip{
        box-shadow: 5px 5px 8px #ccc;
        -webkit-box-shadow: 5px 5px 8px #818181;
        -moz-box-shadow: 5px 5px 8px #818181;
        display:none;
        position:absolute;
        display:none;
        
        background:white;
        z-index:3000;
        }
        
        
        .stickytooltip .stickystatus{ 
        background:black;
        color:white;
        padding-top:5px;
        text-align:center;

        }
.atip img{max-width:450px;}
/*desktop*/
@media only screen and (min-width: 1200px) {
    #masthead {
        display: none !important;
    }

    .row-small > .col, .row-small > .flickity-viewport > .flickity-slider > .col {
        margin-bottom: 0;
        padding: 0 9.8px 0px;
    }
}

@media only screen and (min-width: 768x) and (max-width: 1100px) {
    .bannerQ1 {
        display: none;
    }


    .bannerQ2 {
        display: none;
    }
}


@media only screen and (max-width: 48em) {
    .proListCategoryHome {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 10px;
    }

    .button.icon.is-small {
        border-width: 0px;
        background: #be0f1d;
    }
}