body {margin: 0 !important;overflow-x: hidden !important;text-shadow: none;font-family: "Montserrat", sans-serif !important;}
.clear {clear: both;}
body .ui-page-theme-a, body .ui-page-theme-a a, body .ui-page-theme-a a:hover, body .ui-page-theme-a a:focus {text-shadow: none;font-weight: normal;}
a, a:hover, a:focus {outline: none !important;text-decoration: none !important;}
button.btn, button.btn-primary {color: #fff;background-color: #2058d7;border-color: #2058d7;}
button:hover, button:focus, button.btn:hover, button.btn:focus, button.btn-primary:hover, button.btn-primary:focus {box-shadow: none !important;outline: none !important;}
input, input:hover, input:focus, textarea, textarea:hover, textarea:focus, select, select:hover, select:focus, label, label:hover, label:focus, select, select:hover, select:focus {box-shadow: none !important;outline: none !important;}
body .alert-success, body .alert-error {color: #fff !important;background-color: #3b46ec !important;border-color: rgba(130, 137, 236, 0.62) !important;margin-top: 15px;}
body .alert-success p {margin-bottom: 0;}
body .toast-message, body .toast-error, body .toast.toast-success {color: #fff !important;background-color:rgba(130, 137, 236, 0.62) !important;border-color: #3b46ec !important;margin-top: 15px;}
.errorMsg {color: #ff0000;}
body .parsley-errors-list {padding: 0;}
body .parsley-errors-list li {list-style: none;color: #1e2bee;font-size: 12px;}
body input.parsley-success, body select.parsley-success, body textarea.parsley-success {color:#fff;background-color:rgba(130, 137, 236, 0.62);border: 1px solid #3b46ec;}
body input.parsley-error, body select.parsley-error, body textarea.parsley-error {color: #fff;background-color:rgba(130, 137, 236, 0.62);border: 1px solid #3b46ec;}
body .custom-alert-danger {background-color:rgba(130, 137, 236, 0.62) !important;border-color: #3b46ec !important;	border-radius: 0 !important;color: #fff !important;}
body a { color: #000cbf; }

.blueBtn {border: 0;background: #3b46ec;color: #fff;font-size: 17px;font-weight: bold;min-width: 197px;height: 38px;display: inline-block;text-align: center;padding: 7px 0;transition: all 0.5s ease-in-out;position: relative;overflow: hidden;cursor: pointer;text-transform: uppercase;border-radius: 19px;}
.blueBtn:hover, .blueBtn:focus {text-decoration: none;background: #000cbf; color: #fff !important;}
.blueBtn.smallBtn {min-width: 142px;height: 36px;font-size: 14px;padding: 8px 0;}
.blueBtn.smallBtn:hover, .blueBtn.smallBtn:focus {min-width:160px;}
/*.blueBtn:hover span {position: relative;color: #fff;z-index: 1;}
.blueBtn::before {content: "";background: rgba(130, 137, 236, 0.62);position: absolute;left: -20px;top: 0;bottom: 0;height: 100%;width: 0;transition: all 0.5s ease-in-out;transform: skew(-20deg);}
.blueBtn:hover::before {width: 60.7%;transition: all 0.5s ease-in-out;}
.blueBtn::after {content: "";background: rgba(130, 137, 236, 0.62);position: absolute;right: -20px;top: 0;bottom: 0;height: 100%;width: 0;transition: all 0.5s ease-in-out;transform: skew(-20deg);}
.blueBtn:hover::after {width: 60%;transition: all 0.5s ease-in-out;}*/

.borderBtn {border: 1px solid #000cbf;background: transparent;color: #000cbf;font-size: 17px;font-weight: bold;min-width: 140px;height: 38px;display: inline-block;text-align: center;padding: 5px 0;transition: all 0.5s ease-in-out;position: relative;overflow: hidden;cursor: pointer;text-transform: capitalize;border-radius: 19px;}
.borderBtn:hover, .borderBtn:focus {text-decoration: none;}
.borderBtn:hover span {position: relative;color: #fff;z-index: 1;}
.borderBtn::before {content: "";background: #000cbf;position: absolute;left: -20px;top: 0;bottom: 0;height: 100%;width: 0;transition: all 0.5s ease-in-out;transform: skew(-20deg);}
.borderBtn:hover::before {width:65%;transition: all 0.5s ease-in-out;}
.borderBtn::after {content: "";background: #000cbf;position: absolute;right: -20px;top: 0;bottom: 0;height: 100%;width: 0;transition: all 0.5s ease-in-out;transform: skew(-20deg);}
.borderBtn:hover::after {width:65%;transition: all 0.5s ease-in-out;}

h2.sectionTitle {font-size: 32px;color: #272525;font-weight: bold;text-transform: capitalize;position: relative;padding-bottom: 2px;margin-bottom: 24px;}
h2.sectionTitle:after {content: "";width: 110px;height: 2px;background: #3b46ec;position: absolute;bottom: 0;left: 0;}

.site-header {background: #ffffff;position: fixed;left: 0;right: 0;top: 0;padding: 0;z-index: 99;box-shadow: 0px 3px 6px #00000029;}
.headertop {background: #272525;height: 30px;color: #fff;font-size: 16px;padding: 3px 0;}
.headertop p {margin-bottom: 0;padding: 2px 0 0 0;}
.fixed-header .headertop {display: none;}
.headertop .dropdown-toggle {background: transparent;border: 0;color: #fff;font-size: 16px;}
.headertop .dropdown-toggle::after {content: "\f078";font-family: "Font Awesome 5 Free";font-weight: 600;border: 0;font-size: 12px;position: relative;top: 3px;}
.headertop .dropdown-menu.show,
.respHeader .dropdown-menu.show {
    top: 0 !important;
    background: #fff;
    border: 1px solid #ddd;
    padding: 0;
    width: 172px;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 0px 0px 6px 6px;
    padding: 4px 7px;
    transform: translate3d(0px, 26px, 0px) !important;
    right:0 !important;left:auto !important;
}
.headertop .dropdown-menu:after, .headertop .dropdown-menu:before {bottom: 100%;left: 85%;border: solid transparent;content: "";height: 0;width: 0;position: absolute;pointer-events: none;}
.respHeader .dropdown-menu:after, .respHeader .dropdown-menu:before {bottom: 100%;left:15px;border: solid transparent;content: "";height: 0;width: 0;position: absolute;pointer-events: none;}
.headertop .dropdown-menu:after, .respHeader .dropdown-menu:after {border-color: rgba(255, 255, 255, 0);border-bottom-color: #fff;border-width: 8px;margin-left: -8px;}
.headertop .dropdown-menu:before, .respHeader .dropdown-menu:before {border-color: rgba(221, 221, 221, 0);border-bottom-color: #ddd;border-width: 9px;margin-left: -9px;}
.headertop .dropdown-menu .dropdown-item, .respHeader .dropdown-menu .dropdown-item {font-size: 14px;cursor: pointer;border-radius: 6px;height: 42px;padding: 8px 0 8px 25px;margin-bottom: 2px;}
.headertop .dropdown-menu .dropdown-item img, .respHeader .dropdown-menu .dropdown-item img { margin-right: 12px; }
.headertop .dropdown-menu .dropdown-item:hover, .headertop .dropdown-menu .dropdown-item:focus, .respHeader .dropdown-menu .dropdown-item:hover, .respHeader .dropdown-menu .dropdown-item:focus {background: #3b46ec;color: #fff;}
.headertop .dropdown-menu .dropdown-item.active, .headertop .dropdown-menu .dropdown-item:active {background: #3b46ec;color: #fff;}
/*.headertop .dropdown-menu .dropdown-item.active img, .headertop .dropdown-menu .dropdown-item:active img {filter:invert(100%) sepia(0%) saturate(7471%) hue-rotate(61deg) brightness(106%) contrast(100%);}*/
.headertop .dropdown-menu .dropdown-item-login img, .respHeader .dropdown-menu .dropdown-item-login img {filter:invert(4%) sepia(22%) saturate(0%) hue-rotate(231deg) brightness(0%) contrast(77%);}
.headertop .dropdown-menu .dropdown-item-login:hover img, .headertop .dropdown-menu .dropdown-item-login:focus img, .respHeader .dropdown-menu .dropdown-item-login:hover img, .respHeader .dropdown-menu .dropdown-item-login:focus img {filter:none}
.headertop .dropdown-menu .dropdown-item-signup img, .respHeader .dropdown-menu .dropdown-item-signup img {filter: invert(4%) sepia(22%) saturate(0%) hue-rotate(231deg) brightness(91%) contrast(77%);}
.headertop .dropdown-menu .dropdown-item-signup:hover img, .headertop .dropdown-menu .dropdown-item-signup:focus img, .respHeader .dropdown-menu .dropdown-item-signup:hover img, .respHeader .dropdown-menu .dropdown-item-signup:focus img {filter:invert(100%) sepia(0%) saturate(7471%) hue-rotate(61deg) brightness(150%) contrast(100%);}

.headerMid {padding: 10px 0;}
.fixed-header .headerMid {display: none;}
.headerlogo {width: 203px;}
.headerlogo img { width: 80%;height: auto;}
.logedin .hmSearch {width: auto;}
.hmSearch {border: 1px solid #8c8c8c;border-radius: 19px;height: 38px;display: flex;margin-top: 0; position: relative;float: left;width: 100%; max-width: 100%;}
.hmSearch .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {width: 235px;}
.hmSearch .bootstrap-select > .dropdown-toggle {background: #fff;border: 0;border-radius: 50px 0 0 50px;color: #8c8c8c;font-size: 16px;font-style: italic;}
.hmSearch .bootstrap-select > .dropdown-toggle::after {content: "";background: url(../images/downarrow.png) no-repeat;background-position: 92% center;border: 0;width: 14px;height: 9px;}
.hmSearch select {-webkit-appearance: none;-moz-appearance: none;appearance: none;background:#fff url(../images/downarrow.png) no-repeat;background-position: 92% center;border: 0;font-size: 16px;color: #8c8c8c;font-style: italic;padding: 0 25px 0 10px;display: inline-block;vertical-align: top;width: 235px;border-radius: 50px 0 0 50px;font-weight: 300;}
.hmSearch input[type="text"] {border-width: 0 0 0 1px;border-style: solid;border-color: #8c8c8c;height: 100%;color: #8c8c8c;font-size: 16px;font-style: italic;width: 100%;border-radius: 0 19px 19px 0;padding: 0 45px 0 12px;display: inline-block;vertical-align: top;font-weight: 300;}
.hmSearch input[type="text"].parsley-error { color: #fff; }
.hmSearch button {position: absolute;right: 10px;background: transparent;border: 0;height: 38px;top: 0;}
.hmSearch .parsley-errors-list + button img {filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(17deg) brightness(106%) contrast(102%);}
.hmSearch button:hover img, .hmSearch button:focus img {filter: grayscale(100%);}
.hmSearch select + .parsley-errors-list.filled {position: absolute;left: 25px;bottom: -20px;}
.hmSearch input + .parsley-errors-list.filled {position: absolute;right: 25px;bottom: -20px;}
.headIcon {
    margin-left: auto;
}
form.headerSearchForm {
    flex: 0 0 calc(100% - 330px);
}
.buttons a.btn.btn-login {
    background-color: #3b46ec;
    color: #fff;
    border-radius: 20px;
    padding: 4px 15px;
    font-weight: 500;
    font-size: 16px;
    cursor: pointer;
}
.buttons a.btn.btn-login:hover {
    background-color: #3b46ec;
    color: #fff;
}
.logedin .headIcon {padding-top: 0; margin-left: auto;}
.headIcon {padding-top: 0;}
.headIcon .dropdown {/*float: left;*/display: initial;}
.headIcon .dropdown .dropdown-toggle {
    background: transparent;
    border: 0;
    color: #000;
    font-size: 16px;
    font-weight: 600;
}
.hm-wishlist {color: #272525;margin-top: -3px;}
.hm-wishlist button {background: transparent;border: 0;font-size:0;color: #272525;position: relative;top:1px;padding: 0px;}
.hm-wishlist button i {font-size: 26px;margin-top: 0px;}
.hm-wishlist button:hover, .hm-wishlist button:focus {color: #1e2bee;}
.headIcon a {display: inline-block;vertical-align: top;position: relative;margin: 0 8px;}
.headIcon a img {filter: invert(14%) sepia(9%) saturate(178%) hue-rotate(314deg) brightness(96%) contrast(96%);width: 25px;}
.headIcon a img:hover, .headIcon a img:focus {filter: invert(11%) sepia(99%) saturate(5833%) hue-rotate(243deg) brightness(94%) contrast(101%);}
.headIcon a .count {background: #1e2bee;color: #fff;font-size: 12px;width: 20px;height: 20px;display: block;position: absolute;top: -5px;right: -10px;text-align: center;border-radius: 100%;padding: 1px 0;}
.respHeader .hm-wishlist {margin-top:2px;}
.respHeader .hm-wishlist button {font-size: 0;}
.respHeader button.search-toggle {margin-top:0px;margin-right: 4px;margin-left: 8px;}
.respHeader button.dropdown-toggle {
    margin-top: 1px;
    text-align: center;
    width: 32px;
}
.respHeader button.dropdown-toggle i:hover{color:#3B46EC}
.fixed-header .headerBtm {display: none;}
.headerBtmLinks {background: #3b46ec;height: 56px;display: flex;border-radius: 28px;margin: 10px 0 13px 0;}
.headerBtmLinks .dropdown {/*height: 100%;*/}
.headerBtmLinks .dropdown .dropdown-toggle {background: #1e2bee;border: 0;color: #fff;font-size: 22px;height: 100%;border-radius: 28px;width: 271px;display: inline-block;font-family: Roboto;}
.headerBtmLinks .dropdown .dropdown-toggle i {margin-right: 5px;}
.headerBtmLinks .dropdown .dropdown-toggle::after {border: 0;}

.headerBtmLinks .dropdown-menu.show {top: 0px !important;background: #fff;border: 1px solid #ddd;padding: 0;/*width: 250px;max-height: 315px;overflow: auto;*/}
.headerBtmLinks .dropdown-menu:after, .headerBtmLinks .dropdown-menu:before {bottom: 100%;left: 30%;border: solid transparent;content: "";height: 0;width: 0;position: absolute;pointer-events: none;}
.headerBtmLinks .dropdown-menu:after {border-color: rgba(255, 255, 255, 0);border-bottom-color: #fff;border-width: 8px;margin-left: -8px;}
.headerBtmLinks .dropdown-menu:before {border-color: rgba(221, 221, 221, 0);border-bottom-color: #ddd;border-width: 9px;margin-left: -9px;}
.headerBtmLinks .dropdown-menu .dropdown-item {font-size: 16px;padding: 10px 20px;border-bottom: 1px solid #ddd;}
.headerBtmLinks .dropdown-menu .dropdown-item:hover, .headerBtmLinks .dropdown-menu .dropdown-item:focus {background: rgba(130, 137, 236, 0.62);transition: all 0.5s ease-in-out;color: #fff;}
.headerBtmLinks .dropdown-menu .dropdown-item img { margin-right: 10px;filter: invert(32%) sepia(75%) saturate(7484%) hue-rotate( 237deg ) brightness(100%) contrast(92%); }
.resp-search {display: none;}
.headerBtmLinks nav {width: 100%;display: inline-block;vertical-align: top;text-align: right;}
.headerBtmLinks nav .menuToggle { display: none; }
.headerBtmLinks nav ul {margin: 0 10px 0 0;padding: 8px;}
.headerBtmLinks nav ul li {display: inline-block;}
.headerBtmLinks nav ul li a {font-family: Roboto;font-size: 18px;color: #fff;padding: 6px 15px;display: inline-block;border-radius: 28px;transition: all 0.5s ease-in-out;font-weight: 300;}
.headerBtmLinks nav ul li a:hover, .headerBtmLinks nav ul li a:focus, .headerBtmLinks nav ul li a.active {background: rgba(130, 137, 236, 0.62);transition: all 0.5s ease-in-out;}
.headerBtmLinks nav ul li a.becomeSeller {background: #fff;color: #3b46ec;font-size: 16px;border-radius: 28px;transition: all 0.5s ease-in-out;cursor: pointer;}
.headerBtmLinks nav ul li a.becomeSeller:hover,
.headerBtmLinks nav ul li a.becomeSeller:focus {
    background: #fff;
    color: #3b46ec;
    transition: all 0.5s ease-in-out;
}
.logedin .headerBtmLinks nav ul li a.becomeSeller {display: none;}
.respHeader {padding: 5px 0;display: none;background: #fff;box-shadow: 0 0 5px #ccc;}
.fixed-header .respHeader {display: block;}
.respHeader .headerlogo img {height: 50px; width:auto;}
.respHeader .respHeader-right {padding-top: 7px;display: inline-flex;}
.respHeader .cat-dropdown { display: none; }
.respHeader .menuToggle { display: none; }
.respHeader nav {display: inline-block;vertical-align: top;margin-top: 7px;}
.respHeader ul {margin: 0;padding:0;}
.respHeader ul li {list-style: none;display: inline-block;}
.respHeader ul li a {color: #000;font-size: 15px;padding:6px 16px; border-radius: 38px;}
.respHeader ul li a.active { background: #3B46EC; color: #fff; }
.respHeader .rh-col {display: inline-block;vertical-align: middle;}
.respHeader button {background: transparent;border: 0;/*color: #3B46EC;*/color:#000; font-size: 25px;top: -3px;right: 0px;}
.respHeader .dropdown-toggle::after {border: 0;}
.respHeader a.blueBtn {color: #fff;font-weight: normal;text-transform: inherit;min-width: 145px;background: #3B46EC;padding: 8px 0;font-size: 15px;}
.respHeader .search-toggle + form {background: #fff;position: absolute;right: 0;width: 60%;height: 75px;border-radius: 5px;box-shadow: 0 0 5px #ddd; display: none;}
.respHeader .search-toggle + form.show { display: block; }
.respHeader .hmSearch.show {display: flex !important;position: absolute;width: 500px;background: #fff;right: 5px;margin-top: 10px;}
.respHeader .hmSearch select + .parsley-errors-list.filled, .respHeader .hmSearch input + .parsley-errors-list.filled {bottom: -18px;}
/* .respHeader .rh-col.headIcon {padding-top: 10px;} */

.content-area {margin-top: 166px;min-height: 550px;}
.-layout .content-area {background: #f3f3f3;padding-bottom:0;}

.homebanner {width: 100%;height: 476px;position: relative;}
.homebanner .item {width: 100%;height: 476px;}
.homebanner .item::before {content: "";/*background: rgba(59, 70, 236, 0.5);*/position: absolute;top: 0;bottom: 0;left: 0;right: 0;width: 80%;height: 100%;z-index: 1;}
.homebanner .item img {width: 80% !important;height: 100%;object-fit: cover;}
.homebanner .item .caption{width: 20%;float: right;position: absolute;top: 0;right: 0;padding: 50px 20px;}
.homebanner .item .caption h2{font-size: 20px;}
.homebanner .item .caption p{font-size: 14px;}
.homebanner .item .caption h2 span{font-size: 20px !important;}
.homebanner .item .caption p span{font-size: 14px !importants;}
.homebanner .bannerOverlay {position: absolute;top: 0;bottom: 0;left: 0;right: 0;text-align: center;z-index: -1;}.homebanner .bannerlogo {margin: 73px 0 33px 0;display: inline-block;}
.homebanner h1 {color: #ffffff;font-size: 50px;font-weight: bold;margin-bottom: 30px;}
.homebanner .owl-theme .owl-controls {position: relative;z-index: 9;margin:0 auto;}
.homebanner .owl-theme .owl-nav {display: none;}
.homebanner:hover .owl-theme .owl-nav {display: block;width: 100%;margin-top: -20%;}
.homebanner .owl-theme .owl-nav .owl-prev{position: absolute;left: 0;}
.homebanner .owl-theme .owl-nav .owl-next{position: absolute;right: 0;}
.homebanner .owl-theme .owl-controls .owl-dot {display: block;}
.homebanner .owl-carousel.owl-theme .owl-dots .owl-dot {
    background: transparent;border: 1px solid #3b46ec;width: 10px;height:10px;margin: 0px 5px;float: left;border-radius:50%;
}
.homebanner .owl-carousel.owl-theme .owl-dots .owl-dot.active, .homebanner .owl-carousel.owl-theme .owl-dots .owl-dot:focus {
    background: #3b46ec;
    outline: none;
    width: 10px;
    height: 10px;
    /*transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);*/
    box-shadow: none;
    border: 1px solid #3b46ec;
}
.homebanner .owl-carousel.owl-theme .owl-dots {
    text-align: center;
    position: absolute;
    right: 12px;
    margin:0 9%;
    margin-top: -15%;
    
}
.homebanner:hover .owl-carousel.owl-theme .owl-dots{margin-top: 4.7%;}
.homebanner .owl-theme .owl-controls .owl-nav [class*='owl-']{width: 36px;height: 36px;background: #3b46ec;border-radius: 100%;opacity: 1;text-align: center;padding: 7px 0;display: block !important;}
.homebanner .owl-theme .owl-controls .owl-dot span {width: auto;height: auto;background: #dbdbdb;opacity: 1;}
.homebanner .owl-theme .owl-controls .owl-dot.active span, .homebanner .owl-theme .owl-controls.clickable .owl-dot:hover span {filter: Alpha(Opacity=100);opacity: 1;background: #3b46ec;/*height: 20px;*/}
.CatSliderSect {margin-top: 50px;margin-bottom: 50px;}.CatSliderSect .owl-carousel {background: #fff;box-shadow: 0px 3px 6px #00000029;border-radius: 5px;height: 222px;padding:30px 52px 0 52px;}
.CatSliderSect .item {width: 100%;text-align: center;}
.CatSliderSect .catIcon {display: flex;width: 127px;height: 127px;border: 1px solid #3b46ec;border-radius: 100%;margin:auto auto 15px; padding: 30px;}
.CatSliderSect .item:hover .catIcon {background: #3b46ec;}
.CatSliderSect .owl-carousel .owl-item .catIcon img { /*width: 60px; height: 60px;margin: 33px auto; border-radius: 100%;*/}
.CatSliderSect .item:hover .catIcon img {filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(210deg) brightness(200%) contrast(104%);}
.CatSliderSect .catIcon img.catfruits {filter: invert(80%) sepia(100%) saturate(2915%) hue-rotate(235deg) brightness(100%) contrast(88%);}
.CatSliderSect .item:hover .catIcon img.catfruits {filter: invert(0) sepia(4%) saturate(0%) hue-rotate(320deg) brightness(105%) contrast(107%);}
.CatSliderSect .item h6 {font-size: 17px;color: #bfbfbf;font-weight: normal;}
.CatSliderSect .item:hover h6 {color: #272525;}
.CatSliderSect .owl-theme .owl-controls {}
.CatSliderSect .owl-theme .owl-controls .owl-nav [class*="owl-"] {width: 36px;height: 36px;background: #3b46ec;border-radius: 100%;opacity: 1;text-align: center;padding: 7px 0;display: block !important;font-size: 0;}
.CatSliderSect .owl-theme .owl-controls .owl-nav [class*="owl-"] i {font-weight: 600;font-size: 22px;}.CatSliderSect .owl-theme .owl-controls .owl-nav [class*="owl-"].owl-prev {position: absolute;left: 0;top: 35%;}.CatSliderSect .owl-theme .owl-controls .owl-nav [class*="owl-"].owl-next {position: absolute;right: 0;top: 35%;}.CatSliderSect .owl-theme .owl-dots {display: none !important;}
.productSlideSect {margin-bottom: 50px;min-height: 185px;}
.productSlideSect .PSBox {background: #fff;box-shadow: 0px 3px 8px #00000017;border-radius: 5px;text-align: center;height:100%;}
.productSlideSect .PSImg {position: relative;overflow: hidden;height: 249px;width: 100%;}
.productSlideSect .PSImg img {width: 100%;height: 100%;object-fit: contain;}
.productSlideSect .owl-carousel .owl-item .PSImg img {width: 100%;height: 100%;object-fit: cover;}
.productSlideSect .PSBox .blueBtn {transition: all 0.5s ease-in-out;position: relative;top: 42px;text-transform: capitalize;background: #000cbf87;}
.productSlideSect .PSBox .blueBtn {position: relative;top: -45px;transition: all 0.5s ease-in-out;opacity: 0;min-width: 135px;text-transform: capitalize;}
.productSlideSect .PSBox:hover .blueBtn { transition: all 0.5s ease-in-out; opacity: 1; }
 .productSlideSect .PSBox .blueBtn:hover, .productSlideSect .PSBox .blueBtn:focus {background: #000cbf;} 
.productSlideSect .PSContent {padding: 15px;text-align: left;}
.productSlideSect .PSContent h5 {font-size: 16px;color: #272525;font-weight: 900;margin-bottom: 14px; white-space: nowrap;overflow: hidden; text-overflow: ellipsis; max-width:100%;text-transform: capitalize;}
.productSlideSect .PSContent h5 a {color: #3b46ec; white-space: nowrap;overflow: hidden; text-overflow: ellipsis; max-width:100%;}
.productSlideSect .PSContent h5 a:hover, .productSlideSect .PSContent h5 a:focus {color: red;text-decoration: underline !important;}
.productSlideSect .PSContent h6 {font-size: 14px;color: #272525;font-weight: bold;margin-bottom: 14px;white-space: nowrap;overflow: hidden; text-overflow: ellipsis; max-width:100%;}
.productSlideSect .PSContent h6 button {background: transparent;border: 0;float: right;color: #272525;}
.productSlideSect .PSContent h6 a { float: right; }
.productSlideSect .PSContent h6 button i, .productSlideSect .PSContent h6 a i {font-size: 20px;}
.productSlideSect .PSContent h5 + .blueBtn { display: none; }
.productSlideSect .PSContent p {display: none;}
.productSlideSect .PSContent ul {margin: 0;padding: 0;min-height: 28px;}
.productSlideSect .PSContent ul li {display: inline-block;margin-right: 5px;}
.productSlideSect .owl-theme .owl-item .PSContent ul li img {width: 20px;height: 20px;}
.productSlideSect .owl-theme .owl-nav [class*="owl-"] {width: 37px;height: 92px;background: #3b46ec;opacity: 1;text-align: center;padding: 35px 0;/*display: block !important;*/font-size: 0;margin: 0px;opacity: 0.3;}
.productSlideSect .owl-theme .owl-nav [class*="owl-"].disabled { display:none !important }
.productSlideSect .owl-theme .owl-nav [class*="owl-"]:hover {opacity: 1; background: #3B46EC;}
.productSlideSect .owl-theme .owl-nav [class*="owl-"] i {font-weight: 600;font-size: 22px;}
.productSlideSect .owl-theme .owl-nav [class*="owl-"].owl-prev {position: absolute;left: 0;top: 38%;border-radius: 0px 12px 12px 0px;padding: 35px 0;background: #3b46ec;color: #fff;cursor: pointer;opacity: 1;}
.productSlideSect .owl-theme .owl-nav [class*="owl-"].owl-next {position: absolute;right: 0;top: 38%;border-radius: 12px 0px 0px 12px;padding: 35px 0;background: #3b46ec;color: #fff;cursor: pointer;opacity: 1;}
.productSlideSect .owl-theme .owl-nav [class*="owl-"]:hover, .productSlideSect .owl-theme .owl-controls .owl-nav [class*="owl-"]:hover {background: #3b46ec;color: white;text-decoration: none;}
.productSlideSect .owl-dots {display: none !important;}

.homeadd {margin-bottom: 50px;}.homeadd .fiftyAdd {width: 100%;height: 228px;}
.homeadd .fiftyAdd img, .homeadd .BigAdd img, .homeadd .SmallAdd img {width: 100%;height: 100%;object-fit: cover;}
.homeadd .BigAdd {width: 100%;height: 254px;}
.homeadd .SmallAdd {width: 100%;height: 254px;}

.catwise-product {margin-bottom: 50px;}
.catwise-product .catList {background: #fff;border-radius: 5px;padding: 20px 20px 20px 30px;min-height: 397px;}
.catwise-product .catList h5 {font-size: 18px;font-weight: bold;color: #272525;margin-bottom: 15px;}
.catwise-product .nav-tabs {display: block;border: 0;}
.catwise-product .nav-tabs .nav-item {}
.catwise-product .nav-tabs .nav-link {border: 0;padding: 0;font-size: 16px;color: #8c8c8c;line-height:42px;position: relative;}
.catwise-product .nav-tabs .nav-item.show .nav-link, .catwise-product .nav-tabs .nav-link.active, .catwise-product .nav-tabs .nav-link:hover, .catwise-product .nav-tabs .nav-link:focus {color: #3b46ec;font-weight: bold;background-color: transparent;border: 0;}
.catwise-product .nav-tabs .nav-link::after {content: "\f054";font-family: "Font Awesome 5 Free";font-weight: 600;color: #8c8c8c;font-size: 14px;position: absolute;right: 0;}
.catwise-product .nav-tabs .nav-link.active::after, .catwise-product .nav-tabs .nav-link:hover::after {color: #3b46ec;}
.catwise-product .allcatLink {color: #3b46ec;font-size: 16px;margin: 52px 0 0 0;display: block;transition: all 0.5s ease-in-out;}
.catwise-product .allcatLink i {transition: all 0.5s ease-in-out;}
.catwise-product .allcatLink:hover i {transition: all 0.5s ease-in-out;position: relative;right: -10px;}
.catwise-product .fade:not(.show) {opacity: 1 !important;}
.catListBox {float: left;margin:0px 22px 10px 0px; width:108px;}
.catListBox .fruiticon {background: #fff;border-radius: 5px;width: 108px;height: 108px;margin-bottom: 10px;padding: 22px;}
.catListBox .fruiticon img {height: 100%;margin: 0 auto;width: 100%;object-fit:cover;}
.catListBox .fruiticon img.hoverImg { display: none; }
.catListBox .fruiticon:hover img.firstImg { display: none; }
.catListBox .fruiticon:hover img.hoverImg { display: block; }
.catListBox h6 {display: block;text-align: center;font-size: 14px;color: #272525;font-weight: bold;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 100%;}
.catListBox a {color: #272525;}
.catListBox .btn-more {width: 108px;height: 108px;background: #3B46EC;display: block;text-align: center;border-radius: 5px;color: #fff;padding: 40px 0;}
.catListBox .btn-more:hover, .catListBox .btn-more:focus { color:#fff; }
.catListBox:hover h6 {color: #3b46ec;}
.catListBox a:hover, .catListBox a:focus {color: #3b46ec;text-decoration: none;}

.subscribeBox {background: url(../images/subscribebg.png) no-repeat;min-height: 439px;padding: 111px 0 0 45px;color: #fff;margin-bottom: 50px;}
.subscribeBox h4 {font-size: 24px;color: #fff;font-weight: normal;}
.subscribeBox h1 {color: #fff;font-size: 63px;font-weight: bold;}
.subscribeBox form input {width: 525px;height: 48px;border: 0;font-size: 16px;color: #8c8c8c;font-style: italic;padding: 12px 18px;}
.subscribeBox form button {display: block;min-width: 164px;margin-top: 21px;}
.subscribeBox .blueBtn:hover::before {width: 62.5%;transition: all 0.5s ease-in-out;}
.subscribeBox .blueBtn:hover::after {width: 62%;transition: all 0.5s ease-in-out;}

.latestBlog {}
.latestBlog .blueBtn {min-width: 148px;}
.latestBlog .blueBtn:hover::before {width: 67%;transition: all 0.5s ease-in-out;}
.blogBox {background: #fff;border-radius: 5px;padding: 14px 10px; margin-bottom: 30px;}
.blogImg {width: 100%;height: 210px;border-radius: 5px;}
.blogImg img {width: 100%;height: 100%;object-fit: cover;border-radius: 5px;}
.blogContent {font-size: 14px;color: #32353c;line-height: 24px;padding: 16px 0 0 0;}
.blogContent .description {height: 96px;}
.blogBox h4 {font-size: 17px;font-weight: bold;color: #272525;}
.blogBox h4 a {color: #272525;}
.metainfo {font-size: 12px;color: #272525;font-weight: bold;display: flex;margin-bottom: 10px;}
.blogAuthor {width: 100%;display: inline-block;vertical-align: top;}
.blogAuthor a {color: #272525;}
.blogDate {width: 100%;display: inline-block;vertical-align: top;}
.blogread {font-size: 12px;color: #3b46ec;font-weight: bold;}
.blogread i {position: relative;left: 5px;top: 1px;transition: all 0.5s ease-in-out;}
.blogread:hover i {transition: all 0.5s ease-in-out;left: 20px;}
.subscribeBox {background: url(../images/subscribebg.png) no-repeat;min-height: 439px;padding: 111px 0 0 45px;color: #fff;margin-bottom: 50px;}
.subscribeBox h4 {font-size: 24px;color: #fff;font-weight: normal;}
.subscribeBox h1 {color: #fff;font-size: 63px;font-weight: bold;}
.subscribeBox form input {width: 525px;height: 48px;border: 0;font-size: 16px;color: #8C8C8C;font-style: italic;padding: 12px 18px;}
.subscribeBox form button {display: block;min-width: 164px;margin-top: 21px;}
.subscribeBox .blueBtn:hover::before {width: 62.5%;transition: all 0.5s ease-in-out;}
.subscribeBox .blueBtn:hover::after {width: 62%;transition: all 0.5s ease-in-out;}

.latestBlog {}
.latestBlog .blueBtn {min-width:148px;}
.latestBlog .blueBtn:hover::before {width: 67%;transition: all 0.5s ease-in-out;}
.blogBox {background: #fff;border-radius: 5px;padding: 14px 10px;}
.blogImg {width:100%;height: 210px;border-radius: 5px;}
.blogImg img {width: 100%;height:100%;object-fit: cover;border-radius: 5px;}
.blogContent {font-size: 14px;color: #32353C;line-height: 24px;padding: 16px 0 0 0;}
.blogBox h4 {font-size: 17px;font-weight: bold;color: #272525;}
.blogBox h4 a {color: #272525;}
.metainfo {font-size: 12px;color: #272525;font-weight: bold;display: flex;margin-bottom: 10px;}
.blogAuthor {width: 100%;display: inline-block;vertical-align: top;}
.blogAuthor a {color: #272525;}
.blogDate {width: 100%;display: inline-block;vertical-align: top;}
.blogDate i { margin-right: 5px; }
.blogread {font-size: 12px;color: #3B46EC;font-weight: bold; display: block;}
.blogread i {position: relative;left: 5px;top: 1px;transition: all 0.5s ease-in-out;}
.blogread:hover i {transition: all 0.5s ease-in-out;left:20px;}

.site-footer {background: #3B46EC;min-height: 281px; margin-top: 50px;}
.site-footer ul {margin: 0;padding: 0;}
.site-footer .footer-top {font-size: 12px;color: #FFFFFF;font-weight: lighter;line-height: 24px;padding-top: 43px;}
.site-footer .fooerlogo img {margin-bottom: 15px;}
.site-footer .footerLink {padding-top: 65px;}
.site-footer .footerLink h6 {font-size: 14px;color: #FFFFFF;text-decoration: underline;}
.site-footer .footerLink li {list-style: none;width: 45%;display: inline-block;}
.site-footer .footerLink li a {font-size: 12px;color: #FFFFFF;font-weight: lighter;line-height:32px;}
.site-footer .footerLink li a:hover, .site-footer .footerLink li a:focus, .site-footer .footerLink li a.active {font-weight:normal;}
.site-footer .footer-bottom {border-top: 1px solid #fff;padding: 15px 0;}
.site-footer .copyright {font-size: 12px;color: #FFFFFF;font-weight: lighter;line-height: 24px;}
.site-footer .copyright a {color: #BFBFBF;text-decoration: underline !important;}
.site-footer .footerBtm-links ul {color: #fff;font-size: 12px;}
.site-footer .footerBtm-links li {list-style: none;display: inline-block;color: #FFFFFF;font-weight: lighter;}
.site-footer .footerBtm-links li a {font-size: 12px;color: #FFFFFF;font-weight: lighter;line-height: 24px;}
.site-footer .footerBtm-links li:first-child {margin-right: 10px;}
.site-footer .footerBtm-links li:last-child {margin-left: 10px;}

.sitemodal .modal-dialog {max-width: 548px;margin:96px auto;}
.sitemodal .modal-content {border-radius: 14px;}
.sitemodal .modal-header {text-align: center;display: block;border: 0;position: relative;}
.modallogo img {width: 95px;display: inline-block;margin-top: 5px;}
.sitemodal .modal-header h3 {text-align: center;display: block;font-size: 24px;color: #272525;font-weight: 500;margin: 14px 0;font-family: Poppins;}
.sitemodal .modal-header .close {font-weight:normal;font-size:35px;position:absolute;right:15px;top: 10px;color: #000CBF;opacity: 1;}
.sitemodal .modal-header .close:hover, .sitemodal .modal-header .close:focus {opacity: 0.8;}
.sitemodal .modal-body {padding: 0 74px;}
.sitemodal .form-group {margin-bottom:20px;}
.sitemodal input {border: 1px solid #BFBFBF;border-radius: 5px;height: 60px;font-size: 18px;color: #BFBFBF;font-weight: 500;padding: 15px 24px;}
.sitemodal input::placeholder {font-size: 18px;color: #BFBFBF;font-weight: 500;}
.sitemodal .blueBtn {width: 100%;background: #3B46EC;height: 60px;border-radius: 30px;}
.sitemodal .blueBtn {width: 100%;background: #3B46EC;height: 60px;border-radius: 30px;margin-bottom: 20px;}
.sitemodal .blueBtn:hover::before, .sitemodal .blueBtn:hover::after {width: 55.1%;}
.sitemodal .forGotLink a {margin-bottom: 5px;display: block;font-size: 14px;color: #272525;}
.sitemodal .forGotLink a:hover, .sitemodal .forGotLink a:focus {color: #3B46EC;}
.sitemodal .forGotLink .lbBtmTxt {font-size: 14px;color: #272525;}
.sitemodal .forGotLink .lbBtmTxt a {display: inline-block;color: #3B46EC;}
.sitemodal .forGotLink .lbBtmTxt a:hover, .sitemodal .forGotLink .lbBtmTxt a:focus {color: #3B46EC;text-decoration: underline;}
.sitemodal .orDiv {border-top: 1px solid #272525;text-align: center;}
.sitemodal .orDiv span {font-size: 14px;color: #272525;background: #fff;padding: 0 5px;position: relative;top: -10px;}
.glSocial .socialLogin {display: block;height: 60px;margin-bottom: 14px;}
.glSocial .socialLogin.gl {padding: 12px 24px;border: 1px solid #BFBFBF;border-radius: 5px;}
.glSocial .socialLogin.gl span {font-size: 16px;color: #272525;margin-left: 31px;position: relative;top: 3px;}
.glSocial .socialLogin.fb {background: #1877F2;border-radius: 5px;padding:12px 26px;}
.glSocial .socialLogin.fb i {color: #fff;font-size: 35px;}
.glSocial .socialLogin.fb span {font-size: 16px;color: #fff;position: relative;top: 8px;margin-left: 45px;vertical-align: top;}
.sitemodal .modal-footer {border: 0;background: rgba(130, 137, 236, 0.62);height: 64px;width: 100%;text-align: center;display: block;padding: 22px 0;margin-top: 15px;}
.sitemodal .modal-footer a {display: inline-block;font-size: 14px;color: #F1F9FF;}
.sitemodal .modal-footer a:hover, .sitemodal .modal-footer a:focus {color: #000CBF;}
#signupModal .modal-dialog {max-width: 930px;}
#buyerRegistration .d-flex.input-to, #sellerRegistration .d-flex.input-to {position: relative;}
#buyerRegistration .checkSign + .parsley-errors-list, #sellerRegistration .checkSign + .parsley-errors-list {position: absolute;left: 0;bottom: 12px;}
#sellerRegistration .inputfile + label {width: 100%;height: 100%;background: #DCDCDC;font-size: 12px;text-align: center;color: #272525;font-weight: 500;padding: 55px 10px 0 10px;white-space: break-spaces;}
body .select2-container--default .select2-selection--multiple .select2-selection__choice__display {padding-left: 20px;}
#buyerForm {margin-bottom: 20px;}
.social .divide {position: relative;}
.social .divide span {background: #fff;padding: 0 5px;position: relative;}
.social .divide::before {content: "";background: #222;height: 1px;width: 100%;position: absolute;left: 0;right: 0;top: 10px;}


/* Products Page CSS */
#msform #progressbar {position: relative;border: 0;margin-bottom: 24px;padding: 0;display: flex;}
#msform #progressbar li::after {content: "";background: #BFBFBF;height: 5px;width: 100%;position: absolute;left: 0;right: 0;top: 19px;z-index: -1;}

#msform #progressbar li.active:after {
    background: #3B46EC;
}

#msform #progressbar li {
    width: 33.33%;
    display: inline-block;
    position: relative;
}
#msform #progressbar li:nth-child(1) {text-align: left;}
#msform #progressbar li:nth-child(2) { text-align: center; }
#msform #progressbar li:nth-child(3) { text-align: right; }
#msform #progressbar li strong {width: 42px;height: 42px;background: #8C8C8C;display: inline-block;border-radius: 100%;text-align: center;font-size: 24px;color: #fff;padding: 4px 0;position: relative;font-family: "Montserrat", sans-serif;font-weight: normal;}
#msform #progressbar li.active strong { background: #3B46EC; }
#msform .email-field {position: relative;}
#msform .email-field .verify {position: absolute;right: 22px;top: 10px;color: #fff;font-size: 14px;text-transform: capitalize;background-color: #3b46ec;
    padding: 10px 32px;border-radius: 20px;cursor: pointer;}
#msform fieldset.firstStep .blueBtn { width: 100%; }
#msform .blueBtn {width: 48%;height: 60px;border-radius: 30px;background: #3B46EC;transition: all 0.5s ease-in-out;display: inline-block;}
#msform .blueBtn.previous {margin-right: 12px;}
#msform .blueBtn.next {margin-left: 12px;}
#msform .blueBtn:hover, #msform .blueBtn:focus {background: #1e2bee;transition: all 0.5s ease-in-out;}
#msform .blueBtn:hover::before {width:52.5%;transition: all 0.5s ease-in-out;}
#msform .blueBtn:hover::after {width:52.5%;transition: all 0.5s ease-in-out;}
#msform small {font-size: 12px;}
#msform select { background: #fff url("../images/selectarrow.png") no-repeat; background-position:97% center; }
#sellerRegistration #msform .inputfile + label {max-width: 100%;height: 60px;background: #fff;border: 1px solid #ced4da;padding: 6px 24px;position: relative;border-radius: 5px;}
#sellerRegistration #msform .inputfile + label span {position: absolute;left: 25px;font-size: 18px;color: #868484;font-weight: normal;top: 15px;}
#sellerRegistration #msform .inputfile + label strong {border-radius: 5px;background: #3B46EC;position: absolute;right: 0;top: 0;bottom: 0;width: 166px;color: #fff;font-size: 18px;text-transform: uppercase;font-weight: 600;padding: 15px 0;transition: all 0.5s ease-in-out;}
#sellerRegistration #msform .inputfile + label strong:hover, #sellerRegistration #msform .inputfile + label strong:focus {background: #1e2bee;transition: all 0.5s ease-in-out;}
#msform .blackBtn {width: 100%;height: 60px;border-radius: 30px;background: #272525;color: #fff;font-size: 17px;font-weight: bold;text-transform: uppercase;transition: all 0.5s ease-in-out;}
#msform .blackBtn:hover, #msform .blackBtn:focus { background: #000;transition: all 0.5s ease-in-out; }

/* Products Page CSS */
body.products-layout {background: #F3F3F3;}
.productspage {position: relative;}
.pp-search {background: #fff;border-radius: 5px;height: 58px;margin-bottom: 30px;}
.pp-search .row {}
.pp-search-left label {color: #272525;font-size: 14px;letter-spacing: 0.35px;margin: 19px 26px;}
.pp-search-left label span {color: #3B46EC;}
.pp-search-right {text-align: right;}
.pp-search-right .pps-div {display: inline-block;height: 100%;vertical-align: top;}
.pp-search-right .pps-div:last-child {padding-left: 15px;padding-right: 15px;}
.pp-search-right label {color: #272525;font-size: 14px;letter-spacing: 0.35px;margin: 18px 10px;display:inline-block;}
.pp-search-right select {border: 1px solid #BFBFBF;border-radius: 5px;height: 38px;-webkit-appearance:none;-moz-appearance:none;appearance:none; font-size: 14px; background: url("../images/selectarrow.png") no-repeat;background-position: 92% center;padding: 5px 10px;background-size: 8px;}
.pp-search-right select.sort-select {width: 146px;}
.pp-search-right select.show-select {width: 115px;}
.pp-search-right .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {background: transparent;border: 1px solid #BFBFBF;border-radius: 5px;height: 38px;width: auto;min-width: 116px;}
.pp-search-right .bootstrap-select > .dropdown-toggle {background: transparent;border: 0;color: #272525;font-size: 14px;letter-spacing: 0.35px;}
.pp-search-right button {display: inline-block;height: 100%;width: 50px;background: transparent;border: 0;}.pp-search-right button.active, .pp-search-right button:hover, .pp-search-right button:focus {background: #3B46EC;color: #fff;}
.sidebarBtn {display: none;}
.pp-sidebar-box {background: #FFFFFF;border-radius: 4px;margin-bottom: 20px;padding:20px;}
.pp-sidebar-box h4 {font-size: 18px;color: #3B46EC;margin-bottom: 15px;}
.pp-sidebar-box ul {margin: 0;padding: 0;max-height: 280px;}
.pp-sidebar-box ul.CatrsChk {padding: 0 0 0 25px;max-height: inherit;display:none;}
.rsChk [type="checkbox"]:checked + label + span + div + ul {display: block;}
.pp-sidebar-box ul .mCSB_inside > .mCSB_container {margin-right: 5px;}
.pp-sidebar-box ul .mCSB_scrollTools {width: 5px;}
.pp-sidebar-box ul .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background: #8C8C8C;width: 3px;border-radius: 4px;}.pp-sidebar-box ul .mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {background: #8C8C8C;}
.pp-sidebar-box ul li {display: block;}
.pp-sidebar-box ul li span.rsCount {float: right;color: #22262A;opacity: 0.35;font-size: 14px;font-family: 'Montserrat', sans-serif;font-weight: 500;margin-right: 20px;}
.rsChk [type="checkbox"]:checked + label + span.rsCount {color: #3B46EC;opacity:1;}
.rsChk [type="checkbox"]:not(:checked), .rsChk [type="checkbox"]:checked {position: absolute;left: 0;opacity: 0.01;}
.rsChk [type="checkbox"]:not(:checked) + label, .rsChk [type="checkbox"]:not(:checked) + label {position: relative;padding-left: 25px;font-size: 14px;line-height: 1.7;cursor: pointer;color: #272525;font-family: 'Montserrat', sans-serif;font-weight: 500;text-transform:capitalize;}
.rsChk [type="checkbox"]:checked + label {position: relative;padding-left: 25px;font-size: 14px;line-height: 1.7;cursor: pointer;color: #3B46EC;font-family: 'Montserrat', sans-serif;font-weight:600;text-transform:capitalize;}
.rsChk [type="checkbox"]:not(:checked) + label::before {content: '';position: absolute;left: 0;top:5px;width: 14px;height: 14px;border: 0;background: transparent;border-radius: 2px;box-shadow: 0;-webkit-transition: all .275s;transition: all .275s;border:2px solid #272525;}
.rsChk [type="checkbox"]:checked + label::before {content: '';position: absolute;left: 0;top: 5px;width: 14px;height: 14px;border: 0;background: #3B46EC;border-radius: 2px;box-shadow: 0;-webkit-transition: all .275s;transition: all .275s;border: 2px solid #3B46EC;}
.rsChk [type="checkbox"]:not(:checked) + label::after, .rsChk [type="checkbox"]:checked + label::after {content: "\f00c";font-family: "Font Awesome 5 Free";font-weight: 600;position: absolute;top: 11.5px;left: 2.5px;font-size: 9px;color: #fff;line-height: 0;-webkit-transition: all .2s;transition: all .2s;}
.rsChk [type="checkbox"]:not(:checked) + label:after {opacity: 0;-webkit-transform: scale(0) rotate(45deg);transform: scale(0) rotate(45deg);}
.rsChk [type="checkbox"]:checked + label:after {opacity: 1;-webkit-transform: scale(1) rotate(0);transform: scale(1) rotate(0);}
.rsChk [type="checkbox"]:disabled:not(:checked) + label:before, .rsChk [type="checkbox"]:disabled:checked + label:before {box-shadow: none;border-color: #bbb;background-color: #e9e9e9;}
.rsChk [type="checkbox"]:disabled:checked + label:after {color: #777;}
.rsChk [type="checkbox"]:disabled + label {color: #aaa;}
.pp-sidebar-box ul .dropdown-menu.show {position: relative !important;transform: translate3d(0px, 0, 0px) !important;max-height: inherit;min-width: 100%;padding: 0 0 0 25px;border: 0;z-index: 1;}
.pp-sidebar-box .price-range-slider {width: 94%;padding: 0;}
.pp-sidebar-box .range-value label {display: inline-block;font-size: 14px;color: #272525;}
.pp-sidebar-box .range-value input {display: inline-block;width: 60%;float: right;font-size: 14px;color:#272525;padding: 3px 0;border: 0;background: transparent;text-align: right;}
.pp-sidebar-box .ui-widget.ui-widget-content {height: 4px;border: 0;background: #22262A14;}
.pp-sidebar-box .range-bar {border: none;background: #000;height: 3px;width: 96%;margin-left: 8px;}
.pp-sidebar-box .ui-slider-range {background: #3B46EC;}
.pp-sidebar-box .ui-slider .ui-slider-handle {border-radius: 100%;background: #3B46EC;border: 2px solid #fff;height: 10px;width: 10px;top: -4px;cursor: pointer;}
.pp-sidebar-box .ui-slider-handle + span {background:#06b9c0;}
.pp-sidebar .blueBtn.reset_filter {min-width: 90%; margin: 0 auto 20px;width: 90%; display: block;}

.productSect .row {width: 100%;}
.productSect .item {margin-bottom: 30px;/*height: 100%;*/}
/*#featuredProducts {height: 397px;}*/
body .pagination {background:#fff;min-height: 44px;border-radius: 4px;text-align: center;display: block; margin: 0;}
body .pagination li {display: inline-block; margin: 0 5px;}
body .pagination li a, body .pagination li span {font-size: 14px;color: #000000;text-align: center;display: inline-block;padding:14px 10px; border:0;width: 44px;height: 44px;}
body .pagination li.active a, body .pagination li a:hover, body .pagination li a:focus, body .pagination li.active span, body .pagination li span:hover, body .pagination li span:focus {background:#3B46EC;width: 44px;border-radius: 100%;color: #fff;}
body .page-item.active .page-link {background:#3B46EC;border-radius: 100%;color: #fff;}
body .pagination .page-item:first-child .page-link, body .pagination .page-item:last-child .page-link {font-size: 35px;padding: 0;width: auto;height: 30px;line-height: 40px;margin: 0 10px;position: relative;top: 3px;}
body .pagination .page-item:first-child:hover .page-link, body .pagination .page-item:first-child:focus .page-link, body .pagination .page-item:last-child:hover .page-link, body .pagination .page-item:last-child:focus .page-link { background: transparent;color: #3B46EC; }
.productSect .PSImg .blueBtn {min-width:140px;}
.productSect .PSContent {padding-bottom: 0;}
.productSect .PSContent .borderBtn {display: none;}
.productSect ul.badges {min-height: 35px;margin: 0; text-align: left;}
.productSect .productBox ul.badges {margin: 0 15px;}
.productSect .productBox ul.badges li { margin-right: 5px; }
.productSect .productBox ul.badges li img { width: 20px; }
.productSect ul.badges li {margin-right: 0;}
.productSect ul {text-align: center;margin: 0 -4%;padding: 0 0 10px 0;min-height: 35px;}
.productSect ul.pagination { padding: 0; margin: 0; }
.productSect ul li {display: none;}
.productSect ul li:nth-child(1), .productSect ul li:nth-child(2), .productSect ul li:nth-child(3), .productSect ul li:nth-child(4) {display: inline-block;margin: 0 4%;}
.productSect ul.pagination li {margin: 0 5px;}
.productSect .favBtn {display: none;}
.productSect .listView .PSBox {height: 310px;}
.productSect .listView .PSImg {width: 238px;float: left;height: 100%;}
.productSect .listView .PSImg img {object-fit: contain;height: 100%;margin-left: 20px;}
.productSect .listView .PSImg .blueBtn {display: none;}
.productSect .listView .PSContent {width: 52%;float: left;padding: 30px 15px 0 30px;}
.productSect .listView .PSContent h5 {font-size: 17px;}
.productSect .listView .PSContent .blueBtn {display: inline-block;}
.productSlideSect .listView .PSContent h5 + .blueBtn {display: inline-block;top: 0;}
.productSlideSect .listView .borderBtn { border-color: #3B46EC; color: #3B46EC; }
.productSect .listView .PSContent h6 {font-size: 20px;}
.productSect .listView .PSContent h6 button, .productSect .listView .PSContent h6 a {position: absolute;right: 25px;top: 10px;}
.productSect .listView .PSContent p {display: block;font-size: 12px;line-height: 18px;}
.productSect .listView .PSContent h5 a {color: #3B46EC;text-decoration: underline !important;}
.productSect .listView ul {margin: 0;width: 12%;float: left;text-align: left;padding: 30px 0 0 0;}
.productSect .listView .PSContent .borderBtn {display: inline-block;width: 140px;}
.productSect .listView .PSContent .borderBtn:hover, .productSect .listView .PSContent .borderBtn:focus { background: #3B46EC; }
.productSect .listView .PSContent .borderBtn:before, .productSect .listView .PSContent .borderBtn:after { background: transparent; }
.productSect .listView ul li {display: inline-block;width: 22px;margin: 0 3px 20px 3px;}
.productSect .listView ul li img {width: 100%;}
.productSect .listView .favBtn {display:inline-block;background:transparent;border:0;font-size:20px;margin:10px 0 0 0;}
.form-check.rsChk {padding: 0;}
.form-check.rsChk [type="checkbox"]:not(:checked) + label, .form-check.rsChk [type="checkbox"]:not(:checked) + label, .form-check.rsChk [type="checkbox"]:checked + label {position: relative;padding-left: 35px;font-size: 14px;line-height: 1.7;cursor: pointer;color: #272525;font-family: 'Montserrat', sans-serif;font-weight: 500;text-transform: capitalize;}
.form-check.rsChk [type="checkbox"]:not(:checked) + label::before {content: '';position: absolute;left: 0;top: 0px;width: 22px;height: 22px;border: 0;background: transparent;border-radius: 2px;box-shadow: 0;-webkit-transition: all .275s;transition: all .275s;border: 2px solid #8C8C8C;}
.form-check.rsChk [type="checkbox"]:checked + label::before {content: '';position: absolute;left: 0;top:0;width: 22px;height: 22px;border: 0;background: #3B46EC;border-radius: 2px;box-shadow: 0;-webkit-transition: all .275s;transition: all .275s;border: 2px solid #3B46EC;}
.form-check.rsChk [type="checkbox"]:not(:checked) + label::after, .form-check.rsChk [type="checkbox"]:checked + label::after {content: "\f00c";font-family: "Font Awesome 5 Free";font-weight: 600;position: absolute;top: 11.5px;left: 5px;font-size: 12px;color: #fff;line-height: 0;-webkit-transition: all .2s;transition: all .2s;}

/* Product Individual Page CSS*/
body.product-details-layout {background: #F3F3F3;}
/* .product-details-layout .site-header {background: transparent;box-shadow: none;} */
.prodDetailPage {}
.pd-white {background: #fff;margin: 10px 0 22px 0;padding: 12px;}
.pd-white .owl-nav.disabled {display: none;}
.pd-white .item {background: transparent;}
.pd-white #sync1 {margin-bottom: 10px;}
.pd-white #sync1 .item, .pd-white #sync1 .owl-item {border: 0;height: 435px }
.pd-white .owl-item .popup-gallery{width: 100%;height: 100%;}
.pd-white #sync1 .item {padding:10px 0px;margin:0;color: #FFF;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;text-align: center;}
.pd-white .item img, .pd-white .owl-item img {width: 100% !important;height: 100%;}
.pd-white .item img.defaultImage, .pd-white .owl-item img.defaultImage { width: 100% !important; object-fit: cover; }
.pd-white #sync2 {}
.pd-white #sync2 .item, .pd-white #sync2 .owl-item {background:transparent;padding:0;margin: 0 6px;color: #FFF;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;text-align: center;cursor: pointer;border: 2px solid #E5E8EA;}
.prodDetailPage .pd-white #sync2 .item, .prodDetailPage .pd-white #sync2 .owl-item { margin: 0; }
body.product-details-layout .prodDetailPage .pd-white #sync2 .owl-item { padding: 0 6px; border: 0; }
body.product-details-layout .prodDetailPage .pd-white #sync2 .owl-item .item {padding: 0;border: 2px solid #E5E8EA;height: 92px;}
body.product-details-layout .prodDetailPage .pd-white #sync2 .owl-item .item video {width: 100%;height: 100%;}
body.product-details-layout .prodDetailPage .pd-white #sync2 .owl-item.current .item {border: 2px solid #3B46EC;}
.pd-white #sync2 .item img, .pd-white #sync2 .owl-item img { width: 100% !important; height: 100%; object-fit: contain;; }
.pd-white .current .item {}
.pd-white .owl-theme {}
.pd-white .owl-nav {}
.pd-white [class*='owl-'] {transition: all .3s ease;}
.pd-white .disabled:hover {background-color: #D6D6D6;}
.pd-white #sync1.owl-theme {position: relative;}
.pd-white .owl-next, .pd-white .owl-prev {width: 25px;height: 25px;margin-top: -20px;position: absolute;top:60%;background: #fff;box-shadow: 0 0 3px #a5a3a3;padding: 2px 0 0 0;text-align: center;cursor: pointer;}
.pd-white .owl-next svg, .pd-white  svg {width: 100%;height: 100%;}
.pd-white .owl-prev {left:0;}
.pd-white .owl-next {right:0;}
.pd-first-right h3 {font-size: 32px;color: #22262A;font-weight: 700;border-bottom: 2px solid rgba(130, 137, 236, 0.1);padding: 0 0 15px 0;margin-bottom: 20px;word-break: break-all;text-transform: capitalize;}
.pd-first-right .price {font-size: 31px;color: #8C8C8C;margin-bottom: 15px;word-break: break-all;}
.pd-first-right .pd-row {font-size: 18px;color: #272525;margin-bottom:10px;}
.pd-first-right .pd-row strong {width: 200px;display: inline-block;}
.pd-first-right .pd-row strong + .badges {padding: 0;margin: 0 0 0 10px;display: inline-block;vertical-align: top;}
.pd-first-right .pd-row .badges li {width: 22px;display: inline-block;list-style: none;margin-right: 2px;}
.pd-first-right .pd-row .badges li img {width: 100%;}
.pd-first-right .pd-btm {border-top: 2px solid rgba(130, 137, 236, 0.1);padding-top: 22px;}
.pd-first-right button.pd-fav {padding: 5px 0 0 0;}
.pd-first-right .pd-fav {width:55px;height:55px;background: #fff;border:2px solid #3B46EC;border-radius: 100%;color: #3B46EC;font-size: 22px;display: inline-block;margin-right: 15px;vertical-align: top;text-align: center;padding: 12px 0 0 0;}
.pd-first-right .blueBtn {height:55px;border-radius: 50px;background: #3B46EC;font-size: 14px;font-weight: 600;text-transform: capitalize;padding:16px 28px;color:#fff;min-width: auto;}
.pd-second {margin-bottom: 40px;}
.pd-second .pd-white {padding: 0;}
.pd-second .nav-tabs {border-bottom: 5px solid rgba(130, 137, 236, 0.1);padding: 20px 40px 0 40px;}
.pd-second .nav-tabs .nav-item {margin: 0 50px -5px 0;}
.pd-second .nav-tabs .nav-link {border: 0;border-radius: 0;font-size: 21px;color: #272525;padding: 5px 0;}
.pd-second .nav-tabs .nav-item.show .nav-link, .pd-second .nav-tabs .nav-link.active {color:#3B46EC;background-color: #fff;border-bottom:5px solid #3B46EC;}
.pd-second .tab-content > .tab-pane {font-size: 14px;line-height: 24px;color: #272525;padding: 25px 40px;}

.siteModal {}
.siteModal .modal-dialog {max-width: 630px;margin:2% auto;}
.siteModal .modal-header {border: 0;position: relative;}
.siteModal .modal-header .modal-title {text-align: center;display: block;width: 100%;font-size: 24px;color: #272525;font-weight: bold;}
.siteModal .modal-header .close {color: #3B46EC;opacity: 1;font-weight: normal;font-size: 40px;position: absolute;right: 15px;top: 5px;}
.siteModal .modal-body {padding: 15px 30px;}
.siteModal .modal-body p {text-align: center;font-size: 14px;color: #272525;line-height: 24px;}
.siteModal .modal-body label {font-size: 14px;color: #272525;font-weight: 500;text-transform: capitalize;display: block;}
.siteModal .modal-body input[type="number"] {-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;height: 36px;border-radius: 2px;border: 1px solid #BFBFBF;width: 100%;font-size: 12px;font-weight: 500;color:#959595;padding: 5px 15px;}
.siteModal .modal-body input[type="number"]:hover, .siteModal .modal-body input[type="number"]:focus {-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;}
.siteModal .modal-body input.parsley-success { background: transparent; }
.siteModal .modal-body :not(.input-group) > .bootstrap-select.form-control:not([class*="col-"]) {width: 100%;}
.siteModal .bootstrap-select > .dropdown-toggle {height: 36px;border-radius: 2px;border: 1px solid #BFBFBF;width: 100%;font-size: 12px;font-weight: 500;color:#959595;padding: 5px 15px;background: transparent;}
.siteModal .filter-option-inner {height: 100%;padding: 3px 0;}
.siteModal .modal-body .blueBtn {min-width: 142px;margin-top: 12px;font-size: 14px;}
.siteModal .modal-body .blueBtn:hover::before {width: 92.5px;}
.siteModal .modal-body .blueBtn:hover::after {width:90px;}
.siteModal .modal-body .close.redBtn {border: 0;background: #000cbf;color: #fff;font-size: 14px;font-weight: bold;min-width: 130px;height: 38px;display: inline-block !important;text-align: center;padding: 7px 0;transition: all 0.5s ease-in-out;position: relative;overflow: hidden;cursor: pointer;text-transform: uppercase;border-radius: 19px;opacity: 1;margin-top: 15px;}
.siteModal select + .parsley-errors-list {position: absolute;bottom: -18px;}
.productSlideSect .owl-nav.disabled {display: none;}
.product-details-layout #featuredProducts, .product-details-layout .commonslider {margin-bottom: 50px;}


/* Categories Page CSS */
body.categories-layout {background: #F3F3F3;}
.categoriesBanner {width: 100%;height: 476px;position: relative;}
.categoriesBanner img {width: 100%;height: 100%;object-fit: cover;}
.categoriesBanner .CB-Overlay {background: rgba(130, 137, 236, 0.5);position: absolute;top: 0;bottom: 0;left: 0;right: 0;}
.catSearch {background: #fff;border-radius: 5px;margin: 50px 0 30px;height:auto;padding: 11px 0;}
.catSearch .cs-div {display: inline-block;vertical-align: top;}
.catSearch label {font-size: 14px;color: #272525;padding: 7px 30px;margin: 0;display: inline-block;}
.catSearch select {border: 1px solid #BFBFBF;border-radius: 5px;height: 36px;width: 320px;-webkit-appearance: none;-moz-appearance: none;appearance: none;font-size: 12px;color: #272525;padding: 5px 15px;background:#fff url("../images/selectarrow.png") no-repeat;background-position: 92% center;background-size: 8px;}
.catSearch .blueBtn {min-width: 120px;height: 36px;font-weight: 600;font-size: 14px;margin: 0 25px;}
.blueBtn:hover::before {width: 80.5px;transition: all 0.5s ease-in-out;}
.blueBtn:hover::after {width: 80px;transition: all 0.5s ease-in-out;}
.banner-upload {position: relative;width: 100%;margin: 0;height: 230px;background: transparent;border-radius: 5px;margin-bottom: 50px;}
.banner-upload .banner-edit {position: absolute;right: 12px;z-index: 1;bottom: 10px;}
.banner-upload input {display: none;}
.banner-upload input + label {display: inline-block;width: 39px;height: 39px;margin-bottom: 0;border-radius: 100%;background: #FFFFFF;border: 1px solid transparent;box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);cursor: pointer;font-weight: normal;transition: all .2s ease-in-out;padding:5px 8px 8px 8px;}
.banner-upload input + label img {filter: invert(27%) sepia(78%) saturate(2070%) hue-rotate(227deg) brightness(88%) contrast(112%);}
.banner-upload input + label:hover {background: #f1f1f1;border-color: #d6d6d6;}
.banner-upload .banner-preview {width: 100%;height: 100%;position: relative;}
.banner-upload .banner-preview div {width: 100%;height: 100%;background-size: cover;background-repeat: no-repeat;background-position: center;}
.banner-upload .banner-preview div img {width: 100%;height: 100%;background-size: cover;}
.photo-upload {width: 141px;height: 141px;position: absolute;left: 20px;bottom: -35px;}
.photo-upload .photo-edit {position: absolute;right: -5px;z-index: 1;bottom: 23px;}
.photo-upload input {display: none;}
.photo-upload input + label {display: inline-block;width: 39px;height: 39px;margin-bottom: 0;border-radius: 100%;background: #FFFFFF;border: 1px solid transparent;box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);cursor: pointer;font-weight: normal;transition: all .2s ease-in-out;padding:5px 8px 8px 8px;}
.photo-upload input + label img {filter: invert(27%) sepia(78%) saturate(2070%) hue-rotate(227deg) brightness(88%) contrast(112%); width: 100%; height: 100%;}
.photo-upload input + label:hover {background: #f1f1f1;border-color: #d6d6d6;}
.photo-upload .photo-preview {width: 100%;height: 100%;position: relative;border-radius: 100%;}
.photo-upload .photo-preview div {width: 100%;height: 100%;background-size: cover;background-repeat: no-repeat;background-position: center;border-radius: 100%;}
.photo-upload .photo-preview div img {width: 100%;height: 100%;background-size: cover;border-radius: 100%;}
.photo-upload .photo-preview div img.default-profilePic {box-shadow: 0 0 3px #ddd;}
.tools-edit-image {display:none !important;}
.bot-btn.blueBtn {min-width: 250px;}
.bot-btn.blueBtn:hover::before {width:145px;}
.bot-btn.blueBtn:hover::after {width:145px;}
.catSearch select.parsley-error + .parsley-errors-list {text-align: right;}

.FavoriteResult {}
.FavoriteResult .nav-tabs {border: 0;display: block;}
.FavoriteResult .nav-tabs .nav-item {display: inline-block;}
.FavoriteResult .nav-tabs .nav-link {border:0;font-size: 14px;color: #8C8C8C;font-weight: bold;}
.FavoriteResult .nav-tabs .nav-link:first-child {padding:.5rem 0;margin-right: 1rem;}
.FavoriteResult .nav-tabs .nav-item.show .nav-link, .FavoriteResult .nav-tabs .nav-link.active {color: #3B46EC;background-color: #fff;border-color: 0;text-decoration: underline !important;word-break: break-all;}
.FavoriteResult .nav-tabs .nav-item:last-child {float: right;}
.FavoriteResult .nav-tabs .nav-link.createwishlist {color: #3B46EC;cursor: pointer;}
.FavoriteResult .tab-content {padding-top: 10px; clear: both;}
.FavoriteResult .row.productSlideSect {margin: 0 -5px }
.FavoriteResult .productBox {padding: 0 5px;}
.FavoriteResult .PSBox {border:1px solid #3B46EC;margin-bottom: 20px;}
.FavoriteResult .PSImg {border-radius: 5px;padding: 5px;}
.FavoriteResult .PSContent ul li img {width: 20px;height: 20px;}

.Wishlistmodal .modal-dialog {max-width: 630px;margin: 15% auto;}
.Wishlistmodal .modal-header {border: 0;position: relative;}
.Wishlistmodal .modal-header .modal-title {text-align: center;display: block;width: 100%;font-size: 24px;color: #272525;font-weight: bold;}
.Wishlistmodal .modal-header .close {color: #3B46EC;opacity: 1;font-weight: normal;font-size: 40px;position: absolute;right: 15px;top: 5px;}
.Wishlistmodal form {width: 359px;margin: 0 auto;}
.Wishlistmodal form label {font-size: 14px;color: #272525;font-weight: 500;text-transform: capitalize;display: block;}
.Wishlistmodal form input {height: 36px;border-radius: 2px;border: 1px solid #BFBFBF;width: 100%;font-size: 12px;font-weight: 500;color: #BFBFBF;padding: 5px 15px;}
.Wishlistmodal form .blueBtn {min-width: 142px;margin-top: 12px;}
.Wishlistmodal form .blueBtn:hover::before {width: 92.5px;}
.Wishlistmodal form .blueBtn:hover::after {width:90px;}

.new-wish {display: block;text-align: center;font-size: 14px;color: #272525;font-weight: 600;padding: 80px 0 50px 0;}
.new-wish .blueBtn {display: block;width: 142px;margin: 20px auto auto;}
#addWishlistForm .form-group {position: relative;}
#addWishlistForm .form-group select.parsley-error {margin-bottom: 25px;}

/* Messaging Page CSS */
.messages-layout .site-footer {margin: 0;}

.messagingSect {background: #f3f3f3;display:flex; /*min-height: 300px;*/}

.chatuser {width: 316px;background: #fff;display: inline-block;vertical-align: top;}
.chatuser .chatuserToggle { display: none; }
.userSearch {display: block;padding: 16px;}
.userSearch form { position: relative;margin: 8px 0 0 0; }
.userSearch input {background: #FFFFFF;border: 1px solid #BFBFBF;border-radius: 5px;height: 40px;font-size: 14px;color: #BFBFBF;padding:5px 65px 5px 15px;width: 100%;}
.userSearch input[type="button"] {background: #000cbf;border: 0;width: 60px;padding: 0;color: #fff;position: absolute;right: 0;}
.chatuser ul {margin: 0 0 20px 0;padding: 0;max-height: 645px;overflow: auto;}
.chatuser .mCSB_inside > .mCSB_container {margin-right: 15px;}
.chatuser ul li {border-bottom: 1px solid #DCDCDC;padding: 18px;cursor: pointer; position: relative;}
.chatuser ul li.select, .chatuser ul li.selected {background: #f3f3f3;}
.chatuser ul li a {width: 100%;height: 100%;display: block;cursor: pointer;}
.userlistBox {display: flex;}
.userImg {width: 70px;height: 70px;display: inline-block;vertical-align: top;}
.userImg img {width: 100%;height: 100%;object-fit: cover;border-radius: 100%;}
.userInfo {display: inline-block;padding: 10px 0 0 14px;width: 66%;}
.userInfo h5 {font-size: 16px;color: #272525;font-weight: bold;letter-spacing: 0.13px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 100%;}
.chatuser ul li.select h5, .chatuser ul li.selected h5 {color: #3B46EC;}
.userInfo h6 {letter-spacing: 0.11px;color: #272525;font-size: 14px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 100%;}
.chatuser ul li.select h6, .chatuser ul li.selected h6 {color: #3B46EC;}
.chatuser ul li .msgCount {background: #3B46EC;color: #fff;font-size: 10px;width: 20px;height: 20px;display: block;text-align: center;padding: 2px 0;border-radius: 100%;position: absolute;right: 10px;top: 10px;}
.chatShow {display: inline-block;width: 100%;vertical-align: top;padding: 18px 20px;}
.chatShowInfo {background: #fff;padding: 14px 18px;margin-bottom: 20px;}
.chatShowInfo .blueBtn {float: right;min-width: 170px;font-size: 14px;margin-top: 15px;}
.blueBtn:hover::before {width: 105px;transition: all 0.5s ease-in-out;}
.blueBtn:hover::after {width: 105px;transition: all 0.5s ease-in-out;}
.chatShowResult {min-height: 448px;max-height: 448px; overflow: auto; padding: 0;}
.chatrow {margin-bottom: 50px;/*float: left;*/}
.chattime {font-size: 12px;color: #8C8C8C;}
.Vendorchat .chattime {text-align: right;padding: 2px 35px 0 0;}
.Custchat .chattime {text-align: right;}
.chatBox {display: block;position: relative;}
.chatrowimg {width: 24px;height: 24px;margin-right: 8px;display: inline-block;vertical-align: bottom;}
.Vendorchat .chatrowimg, .sender .chatrowimg {margin: 0 0 0 8px;}
.sender .chatrowimg { float: right; }
.chatrowimg img {width: 100%;height: 100%;object-fit: cover;border-radius: 100%;}
.receiver .chatrowimg img {position: absolute;bottom: 0;left: 0;width: 24px;height: 24px;}
.chatContent {border-radius: 5px;vertical-align: top;display: inline-block;background: #fff;width: 100%;font-size: 14px;color: #272525;line-height: 24px;}
.Vendorchat .chatContent {}
.chatrow.Vendorchat {float: right;}
.Vendorchat .chatContent {background: #3B46EC; color: #fff;}
.Vendorchat:first-child .chatContent {background: #3B46EC;width: 450px;border-radius: 40px 40px 0 40px;	padding: 20px 0 30px 30px;}
.Vendorchat:first-child .chatContent .chatproductInfo {width: 48%;}
.Vendorchat:first-child .chatContent .chatproductInfo p {line-height: 20px;font-size: 14px;}
.Vendorchat:first-child .chatContent .chatproductInfo h6 {font-weight: bold;color: #fff;margin-bottom: 2px;}
.Vendorchat:first-child .chatContent .chatproductInfo h6 strong {width: auto;margin-right: 5px;font-weight: 600;}
.Vendorchat:first-child .chatContent .chatproductInfo h6 span {font-weight: 600;}
.Vendorchat:first-child .chatContent .chatproductInfo h6:last-child {margin-bottom: 10px;}
.Vendorchat:first-child .chatproduct {width: 160px;height: 160px;border-radius: 30px;margin-top: 25px;}
.Vendorchat:first-child .chatproduct img {border-radius: 30px;}


.Vendorchat .chatpdf { color: #fff; }
.chatShowResult .sender { float:right; list-style: none; }
.chatShowResult .receiver { float: left; list-style: none;}
.chatContent .chatTable {margin: 0;width: 384px;padding:0;}
.chatContent .table {margin-bottom: 0;}
.chatContent .table tr {}
.chatContent .table td {font-size: 14px;border: 0;padding:.75rem 30px;}
.chatContent .table td.breakline {padding: 0 30px;}
.chatContent .table td.breakline hr {border-top: 1px solid #3B46EC;margin: 0;}
.receiver .chattime {padding: 5px 0 0 32px;}
.receiver .chatrowimg {	float: left;}
.messagingSect .mCSB_scrollTools .mCSB_draggerRail { background: #3B46EC; }
.messageImage {width: 200px;height: 200px;padding: 20px;margin: 0 auto;display: block;}
.messageImage img { width: 100%; height: 100%; object-fit: cover; border-radius: 30px;}
.chatContent .msgText {padding: 5px 10px;min-width: 200px;}
.receiver .chatBtn .blueBtn.largeBtn {height: 60px;text-transform: capitalize;padding: 22px 0;border-radius: 0 0 30px 0;background: #3B46EC;border-color: #3B46EC;color:#fff;}
.msgIcon {width: 150px;margin: 30px auto auto;height: 110px;text-align: center;}
.msgIcon i {font-size: 100px;}

.chatmodal .modal-body form {padding: 0 55px;}
.chatproduct {width: 114px;height: 107px;display: inline-block;vertical-align: top;margin: 10px;}
.chatproduct img {width: 100%;height: 100%;object-fit: contain;}
.chatproductInfo {display: inline-block;vertical-align: top;margin: 12px 20px 10px 0;}
.chatproductInfo h5 {font-size: 18px;color: #22262A;margin: 5px 0 10px 0;}
.chatproductInfo h6 {font-size: 14px;color: #272525;}
.chatproductInfo h6 strong {width: 80px;display: inline-block;}
.chatproductInfo h6 span {font-weight: normal;}
.chatpdf {font-size: 110px;text-align: center;color: #3B46EC;margin: 10px 0;}
.chatBtn {display: flex;border-radius:0;overflow: hidden;}
.Vendorchat .chatBtn { border-top: 1px solid #fff;margin-right: 0; }
.chatBtn .blueBtn {font-size: 14px;text-transform: uppercase;display: inline-block;border-radius: 0;background: #3B46EC;min-width: auto;padding:12px 13px;border-right: 1px solid #fff;width: 100%;}
.chatBtn .blueBtn.chatlargeBtn { width: 204px; border-right: 0; }
.chatBtn .blueBtn.largeBtn {
    width: 100%;
    font-weight: 600;
    border-right: 0;
    padding: 7px 10px;
    border: 1px solid #fff;
    border-radius: 20px;
    margin-top: 10px;
    background: #fff;
    color: #000;
    margin: 10px auto 0px auto;
    max-width: 207px;
}
.chatBtn .rejectBtn {margin: 0 1px;}

.chatmodal .modal-dialog { max-width: 512px; }
.chatmodal .modal-header {border: 0;position: relative;}
.chatmodal .modal-header .modal-title {text-align: center;width: 100%;font-weight: bold;font-size:24px;color:#272525;}
.chatmodal .modal-header .close {color: #3B46EC;opacity: 1;font-size: 35px;font-weight: normal;position: absolute;right: 10px;top: 5px;}
.chatmodal .cm-prod-div {text-align: center;margin-bottom: 30px;}
.chatmodal .cm-prod {width: 114px;height: 107px;display: inline-block;vertical-align: top;margin-right: 10px;}
.chatmodal .cm-prod img {width: 100%;height: 100%;object-fit: contain;}
.chatmodal .cm-prod-info {display: inline-block;vertical-align: top;text-align: left;}
.chatmodal .cm-prod-info h5 {font-size: 18px;color: #22262A;margin: 10px 0 12px 0;}
.chatmodal .cm-prod-info h6 {font-size: 14px;color: #272525;}
.chatmodal .cm-prod-info h6 strong {width: 80px;display: inline-block;}
.chatmodal .cm-prod-info h6 span {font-weight: normal;}
.chatmodal .form-group {}
.chatmodal .form-group label {font-size: 14px;color: #272525;display: block;}
.chatmodal .form-group input {width: 100%;height: 36px;border: 1px solid #BFBFBF;border-radius: 5px;font-size: 14px;color: #272525;padding: 5px 10px;}
.chatmodal .blueBtn {min-width: 142px;background: #3B46EC;font-size: 14px;font-weight: 600;}
.blueBtn.non-clickable {cursor: auto;}
.receiver .chatBox {display: inline-block;}
.receiver .chatContent {width: 92%;border-radius: 40px 40px 40px 0;border: 1px solid #3D4DE8;}
.receiver .chatContent .upload-icon .uploade-file{float:left;}
.receiver .chatContent .upload-icon{display: inline-block;}
.sender .chatContent {width: auto;border-radius: 40px 40px 0 40px;border: 1px solid #3D4DE8;}
.sender .chatBox {display: inline-block;}
.sender .chatContent {width: auto;}
.sender .chatBtn .blueBtn.largeBtn {height: 60px;text-transform: capitalize;padding: 22px 0;border-radius: 0 0 0 30px;background: #3B46EC;border-color: #3B46EC;color: #fff; }
.sender .chattime { text-align: right;padding: 2px 35px 0 0; }
.sender .chatContent .msgText {text-align: right;}

.productInfo {}
.productInfo label {display: block;}
.productInfo label strong {width: 130px;display: inline-block;}

.chatBtm {background: #fff;height: 80px;margin-top: 30px;}
.chatBtm .input {width: 100%;display: flex;}
.chatBtm .input form { width: 100%;display: flex;padding: 22px 30px;position: relative; }
.chatBtm .input input[type="text"], .chatBtm .input textarea {border:0;font-size:14px;color:#BFBFBF;width: 100%;display: inline-block;height: 38px; resize: none;}
.chatBtm .input .box {display: inline-block;width: 50px;text-align: center;margin:5px 56px 0 0;}
.chatBtm .inputfile + label {padding: 0;vertical-align: top;font-size: 30px;overflow: visible;font-weight: normal;margin: 0 25px;position: relative;right: 15px;}
.chatBtm .inputfile + label span {position: absolute;top: -60px;font-size: 14px;right: -160px;/*left: 0;*/text-align: right;}
.chatBtm .inputfile + label strong {font-weight: 600;position: relative;top: -3px;font-size: 25px;}
.chatBtm .inputfile + label strong img {width: 32px;}
.chatBtm .inputfile + label strong i { font-weight: 600; }

.emoji-btn {text-align: center;border-radius: 2px;margin: 0 20px;position: relative;cursor: pointer;font-size: 30px;display: inline-block;vertical-align: top;padding: 3px 0 0 0;}
.emoji-btn i {vertical-align: top;}
.emoji-btn.open {position: relative;}
.emoji-popup{position:absolute;top: -140px;left: 10px;height:130px;width:194px;background:#999;border-radius:2px;text-align:left;overflow-y:auto;opacity:0;pointer-events:none;transition:all 0.25s;box-sizing:border-box;}
.emoji-wrapper{overflow:hidden;padding:10px;box-sizing:border-box;}
.emoji-popup .emoji-img{margin:auto;width:30px;height:30px;text-align:center;border-radius:5px;}
.emoji-popup .emoji-img:hover{background:rgba(0, 0, 0, 0.25);}
.emoji-btn:after{content: '';position:absolute;border:10px solid transparent;border-top:10px solid #999;top:-10px;left:30px;transition:all 0.25s;opacity:0;}
.emoji-btn.open:after{opacity:1;}
.emoji-btn.open .emoji-popup{opacity:1;pointer-events:initial;}
.chatBtm .blueBtn {min-width: 96px;height: 36px;font-size: 14px;border-radius: 50px;}
.chatBtm .blueBtn:hover, .chatBtm .blueBtn:focus { color: #fff; }
.chatBtm .emoji-wysiwyg-editor {padding: 0;font-size: 14px;color: #BFBFBF;width: 100%;border: 0;}
.chatBtm .emoji-wysiwyg-editor:focus-visible { border: 0; outline: none; }
.chatBtm .emoji-picker-icon.emoji-picker.fa.fa-smile-o {position: absolute;right: 150px;left: auto;color: #333;font-size: 35px;top: 24px;}
.chatBtm .emoji-picker-icon.emoji-picker.fa.fa-smile-o::before {content: "";background: url("../images/smile.svg");width: 32px;height: 32px;display: block;}
.chatBtm .emoji-menu {right: 0;left: auto;bottom: 100%;}
.chatBtm .emoji-menu .emoji-items-wrap {overflow-y: scroll;overflow-x: hidden;}


/* Blog Listing Page CSS */
.blog-layout {background: #f3f3f3;}
/* .blog-layout .site-header {background: transparent;box-shadow: none;} */
.blog-layout .blogBox { margin-bottom:30px; }
.blog-layout h2.sectionTitle {padding-top: 10px;}

/* Individual Blog Page CSS */
.blog-detail-layout .site-header { box-shadow: none; }
.blog-individual {}
.blog-individual .separate-blog { font-size: 14px; color: #272525; line-height: 24px; }
.blog-individual .blog-image { width: 100%; height: 363px; border-radius: 5px; }
.blog-individual .blog-image img { width: 100%; height: 100%; object-fit: cover;border-radius: 5px; }
.blog-individual .blogBox { padding: 0; }
.blog-individual .blogBox h3 { font-size: 32px;font-weight: bold;margin: 0;padding: 25px 0;}
.blog-individual .metainfo { font-size: 16px; text-transform: capitalize; }

/* Contact Page CSS */
.contactBanner { width: 100%; height: 268px;position: relative;}
.contactBanner img { width: 100%; height: 100%; object-fit: cover; }
.contactBanner .contactOverlay {background: rgba(59, 70, 236, 0.5);position: absolute;top: 0;bottom: 0;left: 0;right: 0;width: 100%;height: 100%;}
.contactBanner h5 {text-align: center;color: #fff;letter-spacing: 0.14px;font-size: 18px;width: 604px;margin: 40px auto auto;line-height: 32px;}
.contactInfo {margin-top: -90px;position: relative;}
.contInfoBox { background: #fff;box-shadow: 0px 3px 6px #00000029;border-radius: 5px;width: 408px;margin: 0 auto; text-align: center;min-height: 180px;padding: 22px 0;}
.contInfoBox h4 {font-size: 18px;font-weight: bold;margin-bottom: 18px;}
.contInfoBox .contInfo {font-size: 14px;color: #272525;margin-bottom: 10px;display: block;}
.contInfoBox .contInfo a {color: #272525;}
.contInfoBox .contInfo i { margin-right: 5px; }
.contInfoBox .contInfo i.fa-phone {transform: rotate(90deg);}

.contactbtm {margin: 65px 0;}
.contact-div {background: #F3F3F3;padding: 30px 52px 0 52px;min-height: 408px;}
.contact-div h2 {font-size: 18px;color: #272525;font-weight: bold;text-align: center;}
.contact-div label {font-size: 14px;color: #272525;font-weight: 500;}
.contact-div .form-control {height: 36px;border: 1px solid #8C8C8C;border-radius: 5px; font-size: 12px;color: #8C8C8C;font-weight: 500;}
.contact-div textarea.form-control {height: 77px;resize: none;padding: 10px 15px;}
.contact-div .submit-contact {width: 160px;height: 36px;margin: 0 auto;display: block;background: #3B46EC;border-radius: 50px;border: 0;font-size: 16px;font-weight: 600;text-transform: uppercase;color: #fff;transition: all 0.5s ease-in-out;}
.contact-div .submit-contact:hover, .contact-div .submit-contact:focus {background: #6E76ED;color: #fff;transition: all 0.5s ease-in-out;}
.contactmap { height: 408px; }
.contactmap iframe { width: 100%; height: 100%; }

/* About Page CSS */
.aboutBanner { width: 100%; height:458px;position: relative; margin-bottom: 50px;}
.aboutBanner img { width: 100%; height: 100%; object-fit: cover; }
.aboutBanner .contactOverlay {background: rgba(59, 70, 236, 0.5);position: absolute;top: 0;bottom: 0;left: 0;right: 0;width: 100%;height: 100%;color: #fff;text-align: center; padding: 10% 0;}
.aboutBanner h4 {letter-spacing: 0.26px;font-size:32px; font-weight: bold; margin-bottom: 20px;}
.aboutBanner p { font-size: 14px; line-height: 24px; }

.about-twocol { margin-bottom: 50px; }
.about-twocol .twocol-img { width: 100%; height:363px; }
.about-twocol .twocol-img img { width: 100%; height: 100%; object-fit: cover; }
.about-twocol .twocol-content {font-size: 12px;line-height: 22px;color: #272525;}
.about-twocol .twocol-content h3 { font-size: 32px; color: #272525; line-height: 48px; font-weight: bold; }
.aboutVideo {margin-bottom: 50px;}
.videoBox { width: 100%; height: 363px; position: relative;background: rgba(59, 70, 236, 0.5); }
/*.videoBox:before { content: ""; background: rgba(59, 70, 236, 0.5); position: absolute; left: 0; right: 0; top: 0; bottom: 0; }*/
.videoBox video { width: 100%; height: 100%; }

/* Dashboard Page CSS */
section.side-prod .side-bar ul {padding-right: 15px;}
section.side-prod .dashSect {padding-left: 30px;}
.prod-list .pltitle {font-size: 20px;color: #3B46EC;font-weight: bold;margin-bottom: 20px;}
.blueBg {background: #3B46EC;text-align: center;color: #fff;border-radius: 5px;min-height: 98px; font-size: 14px; font-weight: 600;}
.blueBg strong {display: block;font-size: 32px;font-weight: 600;padding: 10px 0 0 0;}
ul.notiList {padding: 0;}
ul.notiList li {font-size: 14px;color: #272525;font-weight: 600;display: flex;margin-bottom: 15px;}
ul.notiList li p {display: inline-block;margin: 0;width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 100%;padding: 0px 0;}
ul.notiList li span {width: 225px;margin-left: 10px;}
ul.notiList li button {float: right;width: 33px;height: 33px;background: rgba(130, 137, 236, 0.1);border: 0;position: relative;top: -8px;}
ul.notiList li button img {filter: invert(32%) sepia(81%) saturate(7490%) hue-rotate(238deg) brightness(97%) contrast(90%);}
ul.notiList li button i { color: #3B46EC; }
ul.msgList {padding: 0;}
ul.msgList li {display: flex;margin-bottom: 18px;}
ul.msgList li .mlImg {width: 54px;height: 54px;display: inline-block;margin-right: 10px;min-width: 54px;}
ul.msgList li .mlImg img {width: 100%;height: 100%;object-fit: cover;border-radius: 100%;}
ul.msgList li h6 {margin: 0;font-size: 14px;font-weight: 600;padding: 20px 0;display: inline-block;width: 150px;}
ul.msgList li p {display: inline-block;width: 100%;font-size: 14px;font-weight: 600;margin: 0;padding: 18px 10px 0 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 100%;}
ul.msgList li span {}
ul.msgList li button {float: right;width: 33px;height: 33px;background: rgba(130, 137, 236, 0.1);border: 0;margin: 12px 0;}
ul.msgList li button img {filter: invert(32%) sepia(81%) saturate(7490%) hue-rotate(238deg) brightness(97%) contrast(90%);}



/* Badges (No badges) Page CSS */
.add-prod.prod-list.no-badge {padding: 40px 66px;text-align: center;}
.no-badge h6 {font-size: 14px;margin-bottom: 20px;}
.no-badge a.btn.btn-prod {min-width: 150px;}
.tableDiv {}
.tableDiv table { width: 100%; }
.tableDiv table thead {background: #3B46EC;border-radius: 4px;}
.tableDiv table thead tr { border-radius: 4px; }
.tableDiv table thead th {padding: 10px 9px;font-size: 14px;font-weight: 600;color: #fff;}
.tableDiv table thead th:first-child {width: 80px;}
.tableDiv table thead th:first-child {border-radius: 4px 0 0 4px;}
.tableDiv table thead th:last-child {border-radius:0 4px 4px 0;}
.tableDiv table thead { background: #3B46EC; }
.tableDiv table tbody tr:nth-child(even) {}
.tableDiv table tbody tr:nth-child(odd) {}
.tableDiv table tbody tr td {font-size: 14px;color: #272525;padding: 10px 9px;}
.tableDiv table tbody tr:nth-child(even) td {background: rgba(59, 70, 236, 0.1);}
.tableDiv table tbody tr:nth-child(2n+1) td {background: #fff;height: 12px;padding: 0;}
.tableDiv table .table-badge { text-transform: capitalize; }
.tableDiv table .assigned { color: #3BBB05; font-weight: bold; }
.tableDiv table .pending { color: #FFAA00; font-weight: bold; }


/* Add/Create Badges Page CSS */
.createbadge {}
.createbadge h5 {font-size: 16px;color: #3B46EC;font-weight: bold;}
.dashform form label {font-size: 14px;color: #272525;font-weight: 500;text-transform: capitalize;display: block;}
.dashform form input {height: 36px;border-radius: 2px;border: 1px solid #BFBFBF;width: 100%;font-size: 12px;font-weight: 500;color: #BFBFBF;padding: 5px 15px;}
.dashform form select {height: 36px;border-radius: 2px;border: 1px solid #BFBFBF;width: 100%;font-size: 12px;font-weight: 500;color: #BFBFBF;padding: 5px 15px;}
.dashform form .blueBtn {min-width: 142px;margin-top: 12px;}
.dashform form .blueBtn:hover::before {width: 92.5px;}
.dashform form .blueBtn:hover::after {width:90px;}
.dashform .inputfile + label {max-width: 100%;height: 36px;border-radius: 2px;border: 1px solid #BFBFBF;width: 100%;font-size: 12px;font-weight: 500;color: #BFBFBF;padding: 5px 15px;border-radius:0 38px 38px 0;position: relative;}
.dashform .inputfile + label span {padding: 3px 8px;display: block;}
.dashform .inputfile + label strong {width: 142px;background: #3B46EC;height: 100%;display: block;position: absolute;top: 0;right: 0;border-radius: 0 38px 38px 0;color: #fff;font-size: 14px;font-weight: 600;text-align: center;text-transform: uppercase;padding: 8px 0;}
.dashform textarea {height: 160px;border-radius: 2px;border: 1px solid #BFBFBF;width: 100%;font-size: 12px;font-weight: 500;color: #BFBFBF;padding: 5px 15px;resize: none;}


/* CMS Page CSS */
.cmsBanner h1 {text-align: center;color: #fff;font-size: 32px;font-family: Montserrat;font-weight: bold;margin: 90px 0 0 0;}
.cmsBanner h5 {width: 100%;font-size: 14px;margin: 20px auto auto;}
.cms-page {font-size: 14px;color: #272525;line-height: 24px;font-family: Montserrat;padding: 30px 0;}

.seller .seller-info .ban-out {/*padding:3.7% 0;*/}
.seller .seller-info .ban-out img.bannerlogo {display: block;object-fit: contain;height: 80px;}

/* View Seller Page CSS */
body.seller-layout {background: #F3F3F3;}
/* .seller-layout .site-header {background: transparent;box-shadow: none;} */
.sellerInfo {text-align: center;margin-bottom: 30px;}
.sellerphoto {width: 170px;height: 170px;margin: 0 auto;}
.sellerphoto img {width: 100%;height: 100%;object-fit: cover;}
.sellerInfo .badges {text-align: center;margin: 0;padding: 20px 0;}
.sellerInfo .badges li {line-height: normal;display: inline-block;margin: 0 5px;}
.sellerInfo .badges li img {width: 34px;height: 34px;}
.sellerInfo h3 {font-size: 24px;line-height: 29px;color: #32353C;font-weight: bold;}
.sellerInfo h6 {font-size: 14px;line-height: 18px;color: #32353C;font-weight: bold;}
.sellerInfo h6 span {font-size: 18px;line-height: 22px;margin-left: 10px;}


.priceRange .ui-widget.ui-widget-content {border: 1px solid #c5c5c5;}
.priceRange .ui-slider-horizontal {height:6px;}
.priceRange .ui-slider .ui-slider-range { background:#9499dd; }
.priceRange .ui-slider-horizontal .ui-slider-handle {background: #1e2bee;width: 10px;height: 10px;border-radius: 100%;border: 0;top: -3px;}
.add-pro .priceRange .inputs {display: flex;}
.add-pro .priceRange .inputs label {}
.add-pro .priceRange .inputs input {width: 45%;border: 1px solid #ced4da;padding: 5px 10px;margin-left: 5px;}

#pdTab2 .sellerImg { width: 70px; height: 70px; display: inline-block; }
#pdTab2 img {display: inline-block; width: 100%; height: 100%; object-fit: cover;}
#pdTab2 p {display: inline-block;margin-left: 10px;}
#pdTab2 ul.badges {padding: 10px 0 0 0;}
#pdTab2 ul.badges li {list-style: none;display: inline-block; margin-right: 5px;}
#pdTab2 ul.badges li img { width: 30px; height: 30px; }

/* Profile Strength CSS */
.seller-contact .contact-number i {transform: rotate(90deg);}
.seller-contact .contact-number i + span { width: 65%; }
.seller-contact i + span {display: inline-block;width: 90%;vertical-align: top;}
.profileStrength {margin-top: 70px;}  
.profileStrength h6 {font-size: 14px;font-weight: bold;margin-bottom: 5px;}
.profileStrength h6 span {color: #3B46EC; font-weight: normal;}
.profileStrength ul {padding: 0;display: flex;margin: 0;}
.profileStrength ul li {list-style: none;display: inline-block;border-right: 1px solid #C3C7F9;width: 100%;text-align: center;}
.profileStrength ul li:last-child { border:0; }
.profileStrength ul li div {background: #3B46EC;opacity: 0.1;height: 10px;width: 100%;}
.profileStrength ul li:first-child div { border-radius: 7px 0 0 7px; }
.profileStrength ul li:last-child div { border-radius: 0 7px 7px 0; }
.profileStrength ul li.fill div {opacity:1;}
.profileStrength ul li span {font-size: 12px;color: #272525;vertical-align: top;padding: 4px 0 0 0;display: block;}
.profileStrength ul li.fill span { color: #3B46EC; text-decoration: underline; }


/* FAQs page CSS */
.faq-division {padding: 10px 0 0px;}
.faq-division .panel-default {margin-bottom: 20px;}
.faq-division .panel-heading {background: rgba(59, 70, 236, 0.1);min-height: 50px;padding: 15px 20px;}
.faq-division .show .panel-heading {background:#3B46EC;}
.faq-division .panel-heading .panel-title {font-size: 16px;color: #272525;font-weight: bold;margin-bottom: 0;}
.faq-division .panel-heading .panel-title a {color: #272525;width: 100%;display: block;}
.faq-division .show .panel-heading .panel-title a { color: #fff; }
.faq-division .panel-heading .panel-title a::before {content: "\f067";font-family: "Font Awesome 5 Free";font-weight: 600;position: absolute;right: 35px;color: #272525;}
.faq-division .show .panel-heading .panel-title a::before { color: #fff;content: "\f068"; }
.faq-division .panel-collapse {padding: 15px 25px 0 25px;border: 1px solid #3B46EC;font-size: 14px;line-height: 24px;}

.footer-top ul.social {
    display: inline-block;
    margin-left: 0px;
}
.footer-top ul.social li {
    display: inline-block;
}
.footer-top ul.social li a {
    font-size: 20px;
    color: #fff;
    padding: 0 12px;
    position: relative;
}
.footer-top ul.social li a:hover,
.footer-top ul.social li a:focus {
    color: #fff;
}
 .respHeader .rh-col .search-toggle img {filter:invert(4%) sepia(22%) saturate(0%) hue-rotate(231deg) brightness(0%) contrast(77%);}

 .respHeader .rh-col .search-toggle img:hover {filter: invert(88%) sepia(100%) saturate(5754%) hue-rotate(-132deg) brightness(94%) contrast(150%);}
.messages-layout .respHeader .rh-col .search-toggle img{margin-top: 9px;}
.share_option {
  border: solid 1px #0000001c;
  border-radius: 10px;
  padding: 12px;
  width: 204px;
  position: absolute;
  margin: auto;
  z-index: 2;
  background: #fff;
  display: none; }

.share_option:before {
  content: "";
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #fff transparent;
  position: absolute;
  top: -10px;
  left: 10px;
  right: 0;
  width: 0; }

.sharethis-inline-share-buttons {
  z-index: 9; }

#st-1.st-has-labels .st-btn.st-remove-label {
  min-width: 32px !important;
  display: inline-block !important;
  margin-bottom: 5px; }

#st-1 .st-btn {
  display: block !important;
  width: 38px;
  float: left; }

.share_option.open_share {
  display: block; }

.onlineview-page .share_option.open_share {
  right: 20px;
  display: block;
  left: auto; }

.st-btn {
  display: inline-block !important;
  width: 36px !important;
  min-width: unset !important;
  float: left;
  margin: 4px 0px; }

  .export_country button.btn, .export_country button.btn-primary {
    color: #272525;
    background-color: transparent !important;
    border-color: #ced4da !;
	border: 1px solid #ced4da;
}
  
.flating-btn {
    background: #ffffff;
    position: fixed;
    left: auto;
    right: 0;
    padding: 0;
    z-index: 99;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 20px;
    top: 0;
    top: 49%;
    right: 20px;
    
}
.flating-btn a.btn.btn-add{
    background: #3b46ec;
    color: #ffffff;
    border: none;
    border-radius: 50%;
    font-size: 20px;
    text-transform: uppercase;
    padding: 2px 7px;
    white-space: nowrap;
    width: 32px;height: 32px;
}
.flating-btn a.btn.add-product{
    display: none;
    background: #000cbf87;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    font-size: 14px;
    text-transform: uppercase;
    padding: 10px 10px;
    white-space: nowrap;
}
.flating-btn:hover a.btn.add-product{display: block;background-color: #3b46ec;}
.flating-btn:hover a.btn.btn-add{display: none;}

.contInfoBox ul.social {
    display: inline-block;
    margin-left: 0px;
    padding-left: 0px;
    margin-bottom: 0px;
}
.contInfoBox ul.social li {
    display: inline-block;
}
.contInfoBox ul.social li a {
    font-size: 20px;
    color: #000;
    padding: 0 12px;
    position: relative;
}
.contInfoBox ul.social li a:hover,
.contInfoBox ul.social li a:focus {
    color: #3B46EC;
}


.zoom-area
		{
			position: relative;
			cursor: none;
            height: 100%;
		}
		/* for create magnify glass */
		.prodDetailPage .owl-item.active .zoom-area .large
		{
			width: 175px;
			height: 175px;
			position: absolute;
			border-radius: 100%;
		
			/* for box shadow for glass effect */
			box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.85), 
			0 0 7px 7px rgba(0, 0, 0, 0.25), 
			inset 0 0 40px 2px rgba(0, 0, 0, 0.25);
			
			/*for hide the glass by default*/
			display: none;
            z-index: 99;
		}
		.small
		{
			display: block;
		}

        .p_qty{
            float: left;
            width: 70% !important;
            margin-right: 10px;
        
        }
        .p_unit{font-size: 12px;font-weight: 600;}
        .sellers-name:hover {color:red;text-decoration: underline !important;}



.headerBtmLinks .dropdown .dropdown-menu{min-width: 16rem !important;}
.dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
   top:0;left:100%;
   margin-top:-6px;margin-left:-1px;
   -webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;
 }
  

 
 .headerBtmLinks .dropdown-submenu .dropdown-menu:after{display: none;}
 .headerBtmLinks .dropdown-submenu .dropdown-menu:before{display: none;}
 .headerBtmLinks .dropdown-submenu .dropdown-menu{padding: 0px;}
.mfp-title{display: none;}
.select2-container .select2-selection--single{height: 36px !important}

.add-pro .ph-number .number{height: 58px;}
.add-pro .ph-number .verify {
    position: absolute;
    right: 22px;
    top: 40px;
    color: #fff;
    font-size: 14px;
    text-transform: capitalize;
    background-color: #3b46ec;
    padding: 10px 32px;
    border-radius: 20px;
    cursor: pointer;
}

bopdy.aAU{
    overflow-x: hidden;
    overflow-y: hidden !important;
}
.aAT, .aAU{background-color: #fff !important;}
.AO{background-color: #fff !important;color:#000;}
.nH{background-color: #fff !important;color:#000;}
.nH table{background-color: #fff !important;color:#000;}

#buyerRegistration input.form-control{text-transform: capitalize;}

#loader {
    position: fixed;
    z-index: 99999;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: #fff;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
#loader img{
    /* width: 100% !important; */
    transition: all 0.5s;
}
.showmobile{
	display: none;
}

.tooltipl:hover:after {
    content: attr(datatitle);
    position: absolute;
    top: 0;
    left: 0;
    background: #3b46ec;
    color: #fff;
    font-size: 13px;
    font-family: "Montserrat", sans-serif !important;
    width: 102px;
    left: -9999px;
    right: -9999px;
    margin: auto;
    padding: 5px 6px;
    border-radius: 5px;
    top: -24px;
    text-align: center;
    line-height: 12px;
}

.productSlideSect .PSBox:hover .productWish {transition: all 0.5s ease-in-out;opacity: 1;}

.productWish {
    top: -45px;
    position: relative;
    opacity: 0;
    background: #000cbf87;
    color: #fff;
    border: 0;
    margin: 0 0 0 11px;
    border-radius: 50%;
    transition: all 0.5s ease-in-out;
    position: relative;
    font-size: 17px;
    height: 38px;
    width: 38px;
}

.productWish:hover {
    background: #000cbf;
}

nav.paginationParent {
    width: 100%;
    background: transparent !important;
}

.pagination {
    display: flex;
    align-items: center;
    justify-content: center;
}

.pagination > span {
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: none !important;
}

.paginationArrow {
    width: 30px;
    display: inline-block;
    height: 30px;
    border: solid 1px #000cbf87;
    margin: 5px;
    background: #fff;
    border-radius: 5px;
}

.currentpage {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: solid 1px #000cbf87;
    margin: 5px;
    background: #000cbf;
    color: #fff;
    border-radius: 5px;
}

.painaginNumber {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: solid 1px #000cbf87;
    margin: 5px;
    background: #fff;
    border-radius: 5px;
}

.painaginNumber:hover, .paginationArrow:hover {
    background: #000cbf;
    color: #fff;
}

[aria-disabled="true"] span.paginationArrow {
    opacity: 0.5;
}

body .pagination {
    background: transparent;
    box-shadow: none !important;
}