@font-face {
    font-family: "Aharoni";
    src:url('../fonts/Aharoni.ttf')
}

.fnqtychange {
    font-size: 1.45em;
    padding: 0.175rem 0rem;
    min-width:26px;
}
.fnqtychangeleft {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    z-index: 1;
}
.fnqtychangeright {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.qtychangeaffect {
    border-radius: 0px;
    padding-left:0px;
    padding-right:0px;
}
.fndropdown {
    left: unset;
    margin-top:20px;
    margin-left:15px;
    padding-top:0px;
}
.fndropdown li{
    border-bottom:solid 1px #666;
    line-height:32px;
}
.fndropdown li a{
    display:block;
    line-height:28px;
    padding:5px 0px 5px 20px;
    color:#fff;
}
.carousel-indicators li{background-color:#d93832;}
.panel-group{width:100%;}
.panel-title{ justify-content:space-between; display:flex;margin-top: 0;margin-bottom: 0;font-size: 16px;color: inherit;}
.explinkul{padding:0px 0px 0px 32px; margin:0px; }
.explinkul li{display:flex; justify-content: space-between;}
.explinkulremove{width:60px; text-align:center; color:red;}
.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
    box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
}
.panel-group .panel + .panel {margin-top: 5px;}
.panel-group .panel {margin-bottom: 0;border-radius: 4px;}
.panel-default {border-color: #ddd;}
.panel-group .panel {margin-bottom: 0;border-radius: 4px;}
.panel-default {border-color: #ddd;}
.panel-default > .panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
}
.panel-group .panel-heading {border-bottom: 0;}
.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.panel-default>.panel-heading+.panel-collapse>.panel-body { border-top-color: #ddd;}
.panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body { border-top: 1px solid #ddd;}
.panel-body {    padding: 15px;}
.landing_item .ProductDes{ max-width:90%;}
.landing_item {  margin:12px 5px !important;}
.landing_item img{ width:80px;max-height:80px; }
 .itemremove{     height: 30px;width: 30px; display: none;position: absolute;right: 20px;color: red;}
.landing_item:hover .itemremove{ display:block;}
.landingpanel {padding:1rem 0px; }
.fnactive {border:solid 1px #d93832; border-radius:5px; }
.brands{padding-bottom: 2em;}

.fndropdown li a:hover{ color:#d93832;}
.fnsubmenu li { width:13.5rem;}
.fnbtndownload {background-color:#000 !important;color:#fff;}
.fnbtndownload:hover {    color:#d93832;}
.btnaddres1 {background-color:#000 !important;color:#fff;border-radius:10em; }
.btnaddres1:hover {    color:#d93832;}
.btnaddres2 {background-color:#fff !important;color:#000;border-radius:10em; border:#000 solid 1px;}
.btnaddres2:hover {    color:#d93832;}
.CheckOut{border-radius:10em; }
.custpono {  display: flex; align-items: center; justify-content: end; }
.custpono button{ margin-bottom:unset !important;border-radius:10em; margin-left:20px; padding:0.3em 1.5em;}
.custpono input{margin-left:20px; }
.landingitemorder {    width: 50px;    height: 24px;}
.breadcrumb-item + .breadcrumb-item::before {
    content: ">";
}
.fnlogincon {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top:20px;
    margin-bottom:120px;
}

.fnAddCart {
    border-radius: 1.25rem;
    padding-top: 0.35rem;
    padding-bottom: 0.35rem;
}
.fnAddCart2{
    border-radius: 1.25rem;
    padding: 0.35rem 1.2rem;
}
.fnButtonNoBorder {
   border:none;
}
.fnTitleFont {
   font-size:1.45em;
   font-weight:500;
}
.fnDetailTop {
margin-top:2rem;
}
.fnDetailBottom {
    margin-bottom: 4rem;
}
.fnDetailMarginLeft {
    margin-left: 3rem;
}
.btnaddress{display:flex; flex-direction:column }
.addressleft h6{flex:1; }

.palign {
    text-align: justify !important;
}
.imgwh {
    max-width: unset !important;
    max-height: 100% !important;
}
.btn-outline-danger {
    color: #BF1E2E !important;
    border-color: #BF1E2E !important;
    border-width: 2px !important;
    min-width: 185px;
}

.btn-danger {
    color: #fff !important;
    background-color: #BF1E2E !important;
    border-color: #BF1E2E !important;
    border-width: 2px !important;
    min-width: 185px;
}
.navbartitle {
    background-color: #949598;
}

.navbartitlecontainer img {
    height: 50px;
}
.siconlabel { display:inline-block; }
.navbartitlecontainer {
    min-height: 80px;
    color: #fff;
    font-weight: 600;
    font-size: 1rem;
    align-items: center;
    display: flex;
    padding: 0 2rem;
    flex-wrap: wrap;
}

    .navbartitlecontainer .btn {
        background-color: #dc3545 !important;
        padding: 0.3rem 1rem;
        border-radius: 10px;
        font-weight: 500;
    }

    .navbartitlecontainer .callusspan {
        margin-right: 150px;
        color: #fff;
    }

.navbartitlecontainerleft {flex-wrap:unset !important;}
.navbartitlesign {display:none;}

@media(max-width:980px) {
    .navbartitlecontainer .callusspan {
        margin-right: 50px !important;
    }
}

@media(max-width:480px) {
    .navbartitlesignbtn {
        height: 32px !important;
        line-height: 25px !important;
    }
    .account-user-name {
        /*display: none !important;*/
    }
    .siconlabel {
        display: none !important;
    }
    .topsearch {
        max-width:11.5rem !important;
    }
    .toptools {
        flex-direction:row;
    }
}

.navbar-brand {
    width: unset !important;
    display: inline-block !important;
}
@media (max-width: 768px) {
    .topacount {
    text-align:center;
    }
    .navbartitlecontainer .callusspan {
        margin-right: 0px !important;
    }
    .navbartitle {
        display: none !important;
    }

    .navbartitlesign {
        display: block !important;
    }

    .navbartitlesignbtn {
        padding: 0px 1rem !important;
        height: 38px;
        line-height: 35px;
        margin-top: 20px !important;
        border-radius: 10px;
    }

    .navbar-brand {
        width: 100% !important;
        display: flex !important;
        margin: 0px !important;
        justify-content: space-around;
        align-items: center;
    }

    .navbartitlecontainer {
        padding: 1rem 2rem !important;
    }

    .fnlogincon {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .fnDetailMarginLeft {
        margin-left: 0rem;
    }

    .adminitemcontainer {
        position: unset !important;
    }

    .cartitemcontainer {
        position: unset !important;
    }

    .imgwh {
        width: 100% !important;
    }
}
.fnFontColorRed, .red {
    color: #d93832;
}
.fnFeatureTitle {
font-size:1.75em;
}
.searchsss{position:absolute;top: 3.75rem;background: white; border:solid 1px #474847; z-index:99; display:none;}
.searchitem{display: flex;background-color: #FFFFFF;margin-bottom: 0.5em;border: 1px solid #DDDDDD;padding: 0.5em 1em;flex-wrap:wrap;}
.searchitem .ProductDes{flex: 1;}
.searchitem .imgc{ width:3.5rem; height:3.5rem;display: table-cell;vertical-align: middle;text-align: center;}
.searchitem img{ height:100%;}
.searchitem:hover{background-color: gainsboro;}
.searchitem h5{color: #777777;}

.list-group-item { cursor:pointer;}
.list-group-item:hover { font-weight:bold; }
.list-group-item>.badge{float:right;}
.list-group-item.active{background-color:gainsboro; color:#000;font-weight:bold;}
.itemsearch{ width: 100%;padding: 8px;}
.itemsearchinput{ width: 80%;padding: 5px;}
.adminitemcontainer{position:fixed; display:none;}
.cartitemcontainer{position:fixed; }

.Industry{margin-left: 0px; margin-right: 0px;}
.Industry .row{ justify-content: center;}
.Industry .col-md-4{margin: initial;}
.IndustryItem{background-repeat: no-repeat;height: 14em;  background-size: cover;background-position:center;border-radius: 2em;margin-bottom: 2em;position: relative; overflow: hidden;cursor: pointer;display: flex;align-items: center;justify-content: center;} 
.IndustryItem h4{/* padding-top: 1em; padding-bottom: 1em;height: 5em; */   text-align: center;color: #ccc;font-size: 3em; font-weight: bold;text-transform: uppercase;position: relative;z-index: 999;}
.IndustryItem .Mask{height: 100%; width: 100%;background-color: rgba(0,0,0,0.5);position: absolute;top: 0;left: 0;}
.IndustryItem:hover .Mask{display: none;}
.IndustryItem:hover h4{color: #D94940;}

.fnserviceflyer{display: flex; align-items: center; margin-top:2rem;}
.fnserviceflyer .FlayerBlock{ margin-right:2rem;}
.fnselected{ border-color: #d93832;}
.fnselectlist{border-top-width:1px !important;margin-top:5px;}

.card-body{background: none;position: absolute;bottom: 0; left: 0;}
.card-body h3{font-size: 2.5em !important;text-shadow: 0 .125rem .25rem rgba(255,255,255,.5)!important;text-indent: 1em; color: #D62418;}
.FormLinks{display: flex;flex-direction: column;color: #ccc;z-index: 99;}
.FormLinks{display: flex;flex-direction: column;padding-left: 1em;padding-top: 1em;margin-left: 2em; visibility: hidden;/* background-color:rgba(255,255,255,0.3); */background-image: linear-gradient(to right,rgba(255,255,255,0.5), rgba(255,255,255,0.1));}
.FormLinks .FormLink{margin-bottom: 1em;font-size: 1.5em; display: flex;text-shadow: 0 .125rem .25rem rgba(255,255,255,.5)!important;}
.FormLinks{visibility: visible;}
.FormLinks .FormLink .iconfont{position: relative;}
.card .picture img{width: 100%;}
.ctools{ display:flex; flex-direction:column;  align-content:center; align-items:center; text-align:center; color:#212529; padding:2em 8em;}

.fnDetailAddCartGroup {
    margin-left: -15px;
    margin-right: -15px;
    padding: 28px 15px;
    max-width: 25rem;
    border-radius: 0.2rem;
}
    .fnDetailAddCartGroup input[type="number"] {
        background-color: #eee;
        border-color: #eee;
        font-size: 1.45em;
        font-weight:500;
    }
    .fnDetailAddCartGroup .buttons {
    padding-top:2px;
    }

    .fnFontWeight400 {
        font-weight: 400;
    }
.fnline {
    display: flex;
    align-items: center;
    justify-content:flex-start;
}
    .fnline label {
        display:flex;
        align-items: center;
    }
.fnPrice {
    font-size: 2.5em;
    margin-bottom: 1rem;
}
.fnPaddingTop0 {
    padding-top:0;
}
.SearchBar {
    display: flex;
    justify-content: flex-start;
    line-height: 40px;
    align-items: center;
    margin-bottom: 1em;
}
.SearchBar input{    width:20em;}

.fn-btn-primary{background-color: #D62418;  border-color: #D94940;color: #FFFFFF;border-radius: 0.3em;padding:0.2em 0.5em;}
.fn-btn-primary:not(:disabled):not(.disabled).active, .fn-btn-primary:not(:disabled):not(.disabled):active, .show>.fn-btn-primary.dropdown-toggle,
.fn-btn-primary:hover,.btn-outline-primary:hover{	background-color:#D62418 ; border-color: #D62418;}

.AgedHead .table{max-width: 1000px;margin: auto;}
.AgedTitle,.AgedInfo,.InfoItem{display: flex;}
.AgedInfo{flex: 1;}
.InfoItem p{font-weight: bold;}
.InfoItem{margin-right: 2em;}
.InfoItem label{margin-right: 1em;}

.search-bar{overflow: visible;}
.search-bar .bd-search{position: relative;}
.search-bar .bd-search .SearchDrop{position: absolute;top: 3.5em;left: 0;z-index: 999;background-color: #FFFFFF;border: 1px solid #DDDDDD;}
.search-bar .bd-search .SearchDrop .DropcontantList{height: 20em;overflow: auto;}

.SearchItems{flex: 1;display: flex;}
.SearchItem{margin-right: 0.5em;}
.SearchItem label{margin-right: 0.5em;}
.SearchItem input{width: 20em;}
.SearchItems .productinput{position: relative;}
.SearchItems .SearchDrop{position: absolute;top: 100%;left: 58px;background-color: #FFFFFF;border: 1px solid #B2B2B2;height: 320px; overflow: auto;}
.DropItem{display: flex;padding: 10px;border-bottom: 1px solid #DDDDDD;}
.DropItem .productcover a{display: inline-block;width: 80px; height: 80px;background-size: contain;background-position: center;background-repeat: no-repeat;}
.DropItem .product-title{flex: 1;height: auto;font-weight: bold;display: flex;align-items: center;}
.DropItem:hover{background-color: #eee;}


.fnrow {
    display: flex;
    align-items: center;
}

.fncol {
    display: flex;
    align-items: center;
    width: 100%;
}

.fncol label {
    width: 140px;
}

.fnrow div, .fncol div {
    padding-right: 10px;
}
.fnpager {
    display: flex;
    justify-content: center;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}

    .fnpager > li {
        display: inline;
    }

    .fnpager > li > a,
    .fnpager > li > span {
        position: relative;
        float: left;
        padding: 6px 12px;
        line-height: 1.42857143;
        text-decoration: none;
        color: #d93832;
        background-color: #fff;
        border: 1px solid #eee;
        margin-left: -1px;
    }

    .fnpager > li:first-child > a,
    .fnpager > li:first-child > span {
        margin-left: 0;
        border-bottom-left-radius: 4px;
        border-top-left-radius: 4px;
    }

    .fnpager > li:last-child > a,
    .fnpager > li:last-child > span {
        border-bottom-right-radius: 4px;
        border-top-right-radius: 4px;
    }

    .fnpager > li > a:hover,
    .fnpager > li > span:hover,
    .fnpager > li > a:focus,
    .fnpager > li > span:focus {
        z-index: 2;
        color: #23527c;
        background-color: #eeeeee;
        border-color: #eee;
    }

.fnpager > .active > a,
.fnpager > .active > span,
.fnpager > .active > a:hover,
.fnpager > .active > span:hover,
.fnpager > .active > a:focus,
.fnpager > .active > span:focus {
    z-index: 3;
    color: #fff;
    background-color: #d93832;
    border-color: #d93832;
    cursor: default;
}

.fnpager > .disabled > span,
.fnpager > .disabled > span:hover,
.fnpager > .disabled > span:focus,
.fnpager > .disabled > a,
.fnpager > .disabled > a:hover,
.fnpager > .disabled > a:focus {
    color: #777777;
    background-color: #fff;
    border-color: #eee;
    cursor: not-allowed;
}

.fnpager-lg > li > a,
.fnpager-lg > li > span {
padding: 10px 16px;
font-size: 18px;
line-height: 1.3333333;
}

.fnpager-lg > li:first-child > a,
.fnpager-lg > li:first-child > span {
border-bottom-left-radius: 6px;
border-top-left-radius: 6px;
}

.fnpager-lg > li:last-child > a,
.fnpager-lg > li:last-child > span {
border-bottom-right-radius: 6px;
border-top-right-radius: 6px;
}

.fnpager-sm > li > a,
.fnpager-sm > li > span {
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
}

.fnpager-sm > li:first-child > a,
.fnpager-sm > li:first-child > span {
border-bottom-left-radius: 3px;
border-top-left-radius: 3px;
}

.fnpager-sm > li:last-child > a,
.fnpager-sm > li:last-child > span {
border-bottom-right-radius: 3px;
border-top-right-radius: 3px;
}