@import url('https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700&family=Poppins:wght@100;200;300;400;500;600;700&display=swap');
:root { font-size: 100% }
* { margin: 0; padding: 0; list-style: none }
html { scroll-behavior: smooth; height: auto; min-height: 100vh }
body { width: 100%; min-width: 320px; background-color: #fff; color: #3f3e3e; font-size: 16px; font-weight: 400; font-family: 'Lato', sans-serif; overflow-x: hidden; height: auto; min-height: 100vh; line-height: 1.5; }
a, button { transition: all 0.3s ease; word-wrap: break-word;}
a { text-decoration: none; color: #207bc1; }
a:hover { text-decoration: none; outline: 0; color: #e61b23 }
a:focus, :focus, button:focus { outline: none!important; outline-offset: none!important; text-decoration: none!important }
a, img { border: none; outline: none }
img, svg { max-width: 100%; height: auto; }
label { font-weight: 400; color: #434343; }
.required { color: red; font-style: normal; }
h1, h2, h3, h4, h5, h6 { margin: 0 0 40px; padding: 0; color: #253d4e; position: relative; line-height: 1.2; font-family: 'Poppins', sans-serif; }
h1 { font-size: 36px; font-weight: 500; }
h2 { font-size: 32px; font-weight: 400; }
h3 { font-size: 28px; }
h4 { font-size: 24px; margin-bottom: 20px; }
h5, h6 { font-size: 20px; margin-bottom: 15px; }
b, strong { font-weight: 700 }
ul, ol { list-style: none; margin: 0 }
ul li, ol li { list-style: none }
p { display: block; font-weight: 400; }
p:last-child { margin: 0 }
.font300 { font-weight: 300; }
.font400 { font-weight: 400; }
.font600 { font-weight: 600; }
.font700 { font-weight: 700; }
.relative { position: relative }
.form-control { color: #000; background: #f3f4f7; font-size: 16px; font-weight: 300; height: 30px; border: 1px solid #f3f4f7; padding: 10px 20px; border-radius: 4px; height: 60px; }
.border-bottom { border-bottom: 1px solid #f3f4f7; }
.container { max-width: 1430px; }
.pt30 { padding-top: 30px; }
.pb30 { padding-bottom: 30px; }
.ptb30 { padding-top: 30px; padding-bottom: 30px; }
.pt20 { padding-top: 20px; }
.pb20 { padding-bottom: 20px; }
.ptb20 { padding-top: 20px; padding-bottom: 20px; }
.pt15 { padding-top: 15px; }
.pb15 { padding-bottom: 15px; }
.pt70 { padding-top: 70px; }
.pb70 { padding-bottom: 70px; }
.ptb70 { padding-top: 70px; padding-bottom: 70px; }
.pt82 { padding-top: 82px; }
.pb82 { padding-bottom: 82px; }
.ptb82 { padding-top: 82px; padding-bottom: 82px; }
.pt50 { padding-top: 50px; }
.pb50 { padding-bottom: 50px; }
.ptb50 { padding-top: 50px; padding-bottom: 50px; }
.custom-btn { border: 1px solid #207bc1; color: #207bc1; padding: 8px 32px 10px; border-radius: 6px; }
.custom-btn:hover { border: 1px solid #207bc1; background-color: #207bc1; color: #fff }
.blue-btn { background: #207bc1; color: #fff; border-color: #207bc1; }
.blue-btn:hover { background-color: #fff; border-color: #207bc1; color: #207bc1; }
select, select.form-control { text-overflow: ellipsis; white-space: nowrap; -moz-appearance: none; -webkit-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; width: 100%; background: #fff url(../img/down-arrow.png) no-repeat scroll calc(100% - 12px) center !important; font-size: 14px; padding: 5px 28px 5px 9px; border: 1px solid #e1e1e1; }
.form-control { width: 100%; background: #fff; font-size: 14px; padding: 5px 28px 5px 9px; border: 1px solid #e1e1e1; height: 40px; }
select.form-control:not([size]):not([multiple]) { height: 40px; }
select, select.form-control option { padding: 0 5px; }
/* Hide the browser's default radio button */

.radio-custom { position: relative; padding-left: 24px; margin-bottom: 5px; cursor: pointer; font-size: 16px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding-right: 15px; }
.radio-custom input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }
/* Create a custom radio button */
.radio-custom .checkmark { position: absolute; top: 3px; left: 0; height: 18px; width: 18px; background-color: #fff; border-radius: 50%; border: 1px solid #3f3e3e; }
/* On mouse-over, add a grey background color */
.radio-custom:hover input ~ .checkmark { background-color: #ccc; }
/* When the radio button is checked, add a blue background */
.radio-custom input:checked ~ .checkmark { background-color: #fff; border-color: #207bc1; }
/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after { content: ""; position: absolute; display: none; }
/* Show the indicator (dot/circle) when checked */
.radio-custom input:checked ~ .checkmark:after { display: block; }
/* Style the indicator (dot/circle) */
.radio-custom .checkmark:after { top: 4px; left: 4px; width: 8px; height: 8px; border-radius: 50%; background: #207bc1; }
/* Customize the label (the container) */
.checkbox-custom { position: relative; padding-left: 35px; margin-bottom: 5px; cursor: pointer; font-size: 16px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding-right: 15px; }
/* Hide the browser's default checkbox */
.checkbox-custom input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }
/* Create a custom checkbox */
.checkbox-custom .checkmark { position: absolute; top: 0; left: 0; height: 25px; width: 25px; background-color: #fff; border: 1px solid #3f3e3e; border-radius: 4px; }
/* On mouse-over, add a grey background color */
.checkbox-custom:hover input ~ .checkmark { background-color: #ccc; }
/* When the checkbox is checked, add a blue background */
.checkbox-custom input:checked ~ .checkmark { background-color: #2196F3; border-color: #207bc1; }
/* Create the checkmark/indicator (hidden when not checked) */
.checkbox-custom .checkmark:after { content: ""; position: absolute; display: none; }
/* Show the checkmark when checked */
.checkbox-custom input:checked ~ .checkmark:after { display: block; }
/* Style the checkmark/indicator */
.checkbox-custom .checkmark:after { left: 9px; top: 5px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
/* Top Bar css Start */
.topbar { border-bottom: 1px solid #f3f4f7; font-size: 14px; color: #207bc1; font-weight: 400; height: 40px; padding-top: 5px; }
.topbar .social-icon { font-weight: 900; font-family: "Font Awesome 5 Free" }
.topbar .social-icon ul { padding: 0px; margin: 0px; list-style: none; display: flex; align-items: center; }
.topbar .social-icon ul li { padding: 0px; margin: 0px; list-style: none; display: sas; padding-left: 8px; }
.topbar .social-icon ul li .fab { background-color: #8b8b8b; display: flex; width: 28px; height: 28px; border-radius: 100%; align-items: center; justify-content: center; color: #fff }
.topbar .social-icon ul li .fab:hover { background-color: #207bc1; }
.loginarA { margin-left: 24px; margin-top: 0px; }
.loginarA a { color: #000; text-decoration: none; }
.loginarA a:hover { color: #e61b23; text-decoration: none; }
.loginarA img { margin-right: 5px; }
/* Top Bar css Start */


/* Header css Start */
.promtarea { display: flex; padding: 4px 10px 0 20px; }
.promotion-sect { position: relative; padding-left: 40px; font-size: 14px; width: 150px; font-weight: 400; color: #000; }
.promotion-sect2 { width: 110px; margin-left: 47px; }
.promotion-sect3 { width: 152px; margin-left: 47px; }
.promotion-sect span { display: block; line-height: 0.80em; }
.promotion-sect figure { position: absolute; left: 0px; top: -5px; }
.tsearch { display: flex; justify-content: space-between; align-items: center; border: 1px solid transparent; width: 100%; position: relative; }
.tsearch .form-control { background-color: #f3f4f7; height: 60px; padding-right: 50px; border: 0; border-radius: 6px; }
.tsearch img { margin-right: 14px; }
.topcart { padding-left: 25px; display: flex; align-items: center; }
.topcart img { flex: 0 0 41px; max-width: 41px; }
.search-btn { background: transparent; border: 0; box-shadow: none; padding: 0; margin: 0; line-height: none; position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
.subhead { border-bottom: 1px solid #f3f4f7; }
.callusarea { position: relative; padding-left: 44px; color: #7e7e7e; font-size: 14px; font-weight: 500; line-height: 1.4; }
.callusarea span { color: #e61b23; display: block; font-size: 24px; font-family: 'Poppins', sans-serif; font-weight: 700; line-height: 1em; }
.callusarea figure { position: absolute; left: 0px; top: 0; margin: 0; }
.hero-slider .owl-nav { position: absolute; top: 50%; width: 100%; }
.hero-slider .owl-nav .owl-next { position: absolute; right: 60px; }
.hero-slider .owl-nav .owl-prev { position: absolute; left: 60px; }
.topcart span { padding-left: 10px; font-size: 14px; line-height: 1; color: #000; }
.header-right { width: 36%; }
.header-right-inner { justify-content: flex-end; }
.header-search-inner { max-width: 350px; width: 100%; }
.navigation { display: flex; justify-content: space-between; align-items: center; position: relative; }
/*Desktop menu start here*/
.menu { display: block; float: none; margin: 0; padding: 0; position: static; z-index: 9 }
.menu>ul { margin: 0; padding: 0; display: flex; list-style: none; align-items: center; }
.menu>ul>li { color: #000; display: block; font-size: 18px; font-weight: 500; list-style: outside none none; margin: 0; padding: 0 12px 0 0; position: relative; font-family: 'Poppins', sans-serif; }
.menu>ul>li:last-child { background: none }
.menu>ul>li>a { margin: 0; padding: 24px 20px; display: block; color: #000; text-decoration: none; }
.menu>ul>li:hover>a { color: #dd2b30; text-decoration: none }
.menu>ul>li.active>a { color: #dd2b30; text-decoration: none }
/*Desktop menu end here*/

/* Mega Menu View all products Desktop CSS */
.menu>ul>li.view-all-products ul { background: #fff; border: medium none; display: none; float: none; left: 0; margin: 0; padding: 0; position: absolute; top: 100%; width: 218px; z-index: 999999; box-shadow: 0px 6px 4px 0px rgb(0 0 0 / 20%); border-radius: 0px 0px 6px 6px; }
.menu>ul>li.view-all-products:hover>ul { display: block; }
.menu>ul>li.view-all-products ul li a { background: #fff !important; border-bottom: 1px solid #dedede; color: #3f3e3e; display: block; font-size: 14px; line-height: normal; margin: 0; padding: 8px 10px; text-shadow: none; font-family: 'Lato', sans-serif; }
.menu>ul>li.view-all-products ul li ul { display: none; left: 0; margin: 0 0 0 200px; top: 0; }
.menu>ul>li.view-all-products ul li:hover>ul { display: block; }
.menu>ul>li.view-all-products ul li a:hover, .menu>ul>li.view-all-products ul li.current-menu-item>a { background: #207bc1!important; color: #fff !important; }
.menu>ul>li a.view-all-menu { background: #207bc1; border-radius: 6px; padding: 12px 40px 11px 20px; color: #fff; font-weight: 300; font-size: 16px; position: relative; }
.menu>ul>li a.view-all-menu::after { position: absolute; right: 20px; top: 50%; content: '\f107'; font-family: "Font Awesome 5 Free"; font-weight: 900; color: #fff; transform: translateY(-50%); }
.menu li.view-all-products ul li a { position: relative; padding-right: 30px; }
.menu li.view-all-products ul li a i { position: absolute; top: 50%; transform: translateY(-50%); right: 10px; }
.product-menu-icon { padding-right: 5px; }
/* Mega Menu View all products Desktop CSS */

/* Main Mega Menu Desktop CSS */
.menu>ul>li.mega-menu { position: static; }
.menu>ul>li.mega-menu>ul.sub-nav-outer { background: #fff; border: medium none; float: none; left: 0; margin: 0; padding: 12px 0 0 5px; position: absolute; width: 100%; z-index: 999999; box-shadow: 0px 6px 4px 0px rgb(0 0 0 / 20%); border-radius: 0px 0px 6px 6px; display: none; flex-wrap: wrap; border-top: 2px solid #eaf8f9; max-height: 560px; overflow-y: auto; /*flex-direction: column;*/ align-items: flex-start; justify-content: flex-start; }
.menu>ul>li.mega-menu:hover>ul.sub-nav-outer { display: flex; }
/*.menu>ul>li.mega-menu>ul.sub-nav-outer li.sub-nav-inner { flex: 1; }*/
.menu>ul>li.mega-menu>ul.sub-nav-outer li.sub-nav-inner {flex: 0 0 20%;   max-width: 20%;}
.menu>ul>li.mega-menu>ul.sub-nav-outer li.sub-nav-inner ul li a { font-size: 15px; font-family: 'Lato', sans-serif; position: relative; border-bottom: 0; padding: 4px 10px; display: block; color: #3f3e3e; }
.menu>ul>li.mega-menu>ul.sub-nav-outer li.sub-nav-inner ul li a:hover { background: #207bc1; color: #fff; }
.menu>ul>li.mega-menu>ul.sub-nav-outer li.sub-nav-inner ul li a.hd2 { font-weight: 700; padding-left: 25px; position: relative; }
.menu>ul>li.mega-menu>ul.sub-nav-outer li.sub-nav-inner ul li a.hd2::before { position: absolute; left: 10px; top: 14px; width: 6px; height: 6px; background-color: #3f3e3e; border-radius: 100%; content: ''; }
.menu>ul>li.mega-menu>ul.sub-nav-outer li.sub-nav-inner ul li a.hd2:hover::before { background-color: #fff; }
.hd1, .menu>ul>li.mega-menu>ul.sub-nav-outer li.sub-nav-inner ul li a.hd3 { font-family: 'Poppins', sans-serif; font-weight: 500; color: #207bc1; font-size: 16px; border-bottom: 0; padding: 5px 10px; }
.menu>ul>li.mega-menu>ul.sub-nav-outer li.sub-nav-inner ul li a.hd3:hover { color: #207bc1; background: none; }
.hd1:hover { color: #207bc1; }
.category-item { padding-left: 3px; }
.nav-cmn-inner { padding-bottom: 5px; }
.hd1 { display: flex; padding-bottom: 5px; }
.hd1:hover { background-color: #207bc1; color: #fff; }

/* Main Mega Menu Desktop CSS */

/* Header css End */

/* Best Promotional Product Section Css Start */

.smalltxt { color: #207bc1; font-size: 20px; text-transform: uppercase; font-weight: 300; position: relative; padding-bottom: 15px; margin-bottom: 28px; display: block; }
.smalltxt:after { background-color: #207bc1; width: 100px; height: 1px; content: ''; left: 0px; right: 0px; margin: 0px auto; position: absolute; bottom: 0px; }
.intro-txt { font-size: 18px; }
.heading h1 { margin-bottom: 30px; }
/* Best Promotional Product Section Css End */


/* top 10 product css*/
.banner-img, .banner-sec { position: relative; overflow: hidden; }
.banner-img::after { position: absolute; background: rgb(255,255,255); background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.85) 100%); left: 0; right: 0; bottom: 0; width: 100%; content: ''; z-index: 1; height: 160px; }
.banner-img img { width: 100% }
.products-name { position: absolute; left: 20px; bottom: 20px; color: #fff; font-size: 22px; z-index: 1; margin: 0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding: 0; width: calc(100% - 20px); padding-right: 20px; transition: all 0.3s ease; }
 .product-banner-group .row >[class*=col-] {
margin-bottom: 30px;
}
.banner-sec:hover .products-name { left: 40px; }
/*top 10 product css*/

/*Product Range Start */
.topproducts h2 { text-align: center; color: #207bc1; font-weight: 400; }
.topproducts h2 span { color: #e61b23 }
.productrange { border: 1px solid #e3e4ed; display: flex; border-radius: 6px; justify-content: space-between; overflow: hidden; border-right: 0; border-bottom: 0; }
/*Product Range End */


/* Home product section Start */
.prodttab .nav-tabs { margin-left: 15px; border-bottom: 0px; }
.prodttab li { margin-right: 10px; }
.product-tab li { width: 200px; }
.prodttab .nav-tabs .nav-link { margin-bottom: -1px; background-color: #eff6fb; border: 1px solid #eeeeee; border-top-left-radius: .25rem;
 border-top-right-radius: .25rem;
height: 100%; font-size: 15px; font-weight: 700; color: #7e7e7e; width: 100%; padding: 5px;line-height: 1.3; }
.prodttab .nav-tabs .nav-link.active { color: #fff; background-color: #e61b23; border-color: #e61b23 #e61b23 #e61b23; }
.prodttab .tab-content { border: 1px solid #eeeeee; border-radius: 4px; padding: 30px; box-shadow: 0px 3px 9px 0px rgba(0,0,0,0.09); }
.prodbox { border: 1px solid #e3e4ed; border-radius: 4px; padding: 44px 20px 30px 20px; }
.product-slider .owl-nav { position: absolute; top: 50%; width: 100%; transform: translateY(-50%); margin-top: -20px; display: block !important; }
.product-slider .owl-nav .owl-next { position: absolute; right: -20px; box-shadow: 0px 3px 9px 0px rgba(0,0,0,0.1); border-radius: 100%; }
.product-slider .owl-nav .owl-prev { position: absolute; left: -20px; box-shadow: 0px 3px 9px 0px rgba(0,0,0,0.1); border-radius: 100%; }
.product-slider .owl-item img { width: inherit!important; margin: 0px auto; }
.prod-name { margin-bottom: 15px; font-family: 'Poppins', sans-serif; font-weight: 500;min-height: 48px; }
.prod-price { color: #ea3a3c; }
.prod-code { color: rgba(63, 62, 62, 0.70); }
.prod-img { margin-bottom: 15px; }
/* Home product section End */

/* Delivery Widget Start */
.dwidget { background-color: #f4f6fa; border-radius: 6px; position: relative; padding: 14px 10px 14px 30px; display: flex; align-items: center; height: 100%; }
.dwidget figure { position: relative; left: 0; top: 0; margin: 0; }
.delivery-content { padding-left: 20px; }
.dwidget h3 { padding: 0px; margin-bottom: 5px; font-size: 20px; color: #3f3e3e; font-family: 'Lato', sans-serif; font-weight: 700; }
.dwidget p { font-size: 15px; color: #807f7f; }
.dwidget figure img { max-width: 65px; flex: 0 0 65px; }
/* Delivery Widget End */

/* FAQ Section Start */

.faqares h2 { text-align: center; color: #207bc1; font-weight: 400; }
.faqares .mb-0 > a { display: block; position: relative; }
.faqares .mb-0 > a:after { content: "\f067"; font-family: "Font Awesome 5 Free"; font-display: auto; font-style: normal; position: absolute; right: 30px; top: 50%; transform: translateY(-50%); font-weight: 900; }
.faqares .mb-0 > a[aria-expanded="true"]:after { content: "\f068"; font-family: "Font Awesome 5 Free"; font-weight: 900; }
.faqares .card { margin-bottom: 30px; border: 0px; box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.11); }
.faqares .card-header { border-bottom: 0px solid #000; padding: 0; }
.faqares .card-header { background-color: transparent }
.faqares .card-header a { color: #333333; font-size: 20px; font-weight: 400; font-family: 'Lato', sans-serif; padding: 30px 60px 30px 20px; }
.faqares .card-body { padding-top: 0; }
/* FAQ Section End */

/*Footer Section Start */
footer { background-color: #f6fbff; margin-top: 40px; padding-top: 30px; padding-bottom: 30px; }
footer h5 { color: #207bc1; font-size: 16px; }
.helpsection ul { padding: 0px; margin: 0px; list-style: none; display: flex; flex-wrap: wrap; }
.helpsection ul li { max-width: 50%; flex: 0 0 50%; }
.catesection ul { padding: 0px; margin: 0px; list-style: none; display: flex; flex-wrap: wrap; }
.catesection ul li { max-width: 33%; flex: 0 0 33%; }
.helpsection ul li, .catesection ul li { padding: 0 5px 8px 0; font-size: 14px; }
.easyshopping ul { padding: 0px; margin: 0px; list-style: none; }
.easyshopping ul li { padding: 0px 0px 0px 40px; margin: 0px; list-style: none; position: relative; font-size: 14px; margin-bottom: 7px; }
.easyshopping ul li figure { position: absolute; left: 0px; }
.copyiright { font-size: 13px; text-align: center; padding-top: 10px; padding-bottom: 10px; }
footer a, .copyiright a { color: #444545; text-decoration: none; }
footer a:hover, .copyiright a:hover { color: #e5271f; text-decoration: none; }
/*Footer Section End */

/*Review Section start */
.ps-section--reviews { background-position: center; background-repeat: no-repeat; background-size: cover; background-color: #fdf6ed; margin-bottom: 70px; padding-top: 70px; padding-bottom: 70px; }
.review-box { background-color: #fff; border-radius: 8px; padding: 30px; }
.review-slider .owl-item .review-rating img { display: inline!important; width: inherit!important; }
.ps-section--reviews h2 { color: #207bc1 }
.ps-section--reviews p { margin-bottom: 15px; line-height: 1.6; }
.review-name { color: #e61b23; font-weight: 700; margin-bottom: 10px; }
.ps-section--reviews .owl-nav { margin: 0px auto; text-align: center; padding-top: 20px; }
.ps-section--reviews .owl-nav .owl-prev, .ps-section--reviews .owl-nav .owl-next { border: 1px solid #b5b5b5 !important; width: 10px; height: 10px; font-size: 0 !important; border-radius: 100%; margin: 0 3px !important; }
.ps-section--reviews .owl-nav .owl-prev:hover, .ps-section--reviews .owl-nav .owl-next:hover { background-color: #103178; border-color: #103178 !important; }
/*Review Section end */

/*We Love Section Start */
.welove h2 { text-align: center; align-items: center; justify-content: center; display: flex; font-weight: 400; }
.welovesection img { border-radius: 4px; border: 1px solid #e2e2e2; width: 100%; height: auto; margin-bottom: 10px; }
 .welovesection.no-gutters>.col, .welovesection.no-gutters>[class*=col-] {
 padding-right: 5px;
 padding-left: 5px;
}
/*We Love Section End */





/*BreadCrumb Section Start*/

.site-breadcum { background-color: #fcfcfc; border-top: 1px solid #f3f4f7; padding-top: 14px; padding-bottom: 14px; display: flex; align-items: center; font-size: 14px; ; }
.site-breadcum ul { display: flex; flex-wrap: wrap; }
.site-breadcum ul li { position: relative; padding: 0 20px; }
.site-breadcum ul li a img { position: relative; left: 0px; top: -3px; padding-right: 7px; }
.site-breadcum ul li::after { background: url(../img/arrow.png) no-repeat right center; content: ''; width: 5px; height: 8px; position: absolute; right: 0; top: 8px; }
.site-breadcum ul li:last-child::after { display: none; }
/*BreadCrumb Section End*/


/* Sub Category Start */
.category-header { text-align: center; width: 100%; ; }
.category-header img { width: 100%; height: auto; }
.category-section-row .col { max-width: 20%; flex: 0 0 20%; }
.category-box { border: 1px solid #e3e4ed; border-radius: 6px; padding: 0px 0px 37px 0px; text-align: center; margin-bottom: 30px; }
a:hover .category-box { box-shadow: 0px 2px 19px 0px rgba(0,0,0,0.09); }
.category-name { color: #3f3e3e; font-family: 'Poppins', sans-serif; font-weight: 500;margin-top: 0.6em; }
.categorys-listcount { color: #ea3a3c; margin-top: 10px; }
.short-descript { margin-top: 10px; margin-bottom: 30px; }
.short-descript p { font-size: 14px; color: rgba(63,62,62,0.75); line-height: 16px; }
.promotional-sect h4 { color: #207bc1; font-weight: 400; }
.no-gutters.promotiimg>.col, .no-gutters.promotiimg>[class*=col-] {
 padding-right: 5px;
 padding-left: 5px;
}
.promotiimg img { margin-bottom: 10px; }
.redtxt { color: #e61b23 }
.ipromo-value { border: 1px solid #e3e4ed; border-radius: 6px; padding: 30px; height: 100%; }
.ipromo-value h5 { color: #207bc1; margin-bottom: 6px; font-weight: 500; }
.ipromo-value img { margin-bottom: 16px; }
.customer-service h4 { text-align: center; color: #207bc1; font-weight: 400; }
.feel-free { background-color: #fff1ee; border-radius: 4px; max-width: 678px; margin: 60px auto 0px auto; position: relative; font-size: 20px; color: #ea2e12; padding: 15px 0px 15px 90px; font-weight: 400; }
.feel-free figure { position: absolute; left: -17px; top: -18px; }
.sortby { display: flex; justify-content: space-between; align-items: center; }
.sort-option select.form-control { width: 200px; }
.sub-categoryhead { display: flex; justify-content: space-between; }
.sub-categoryhead h2 { margin-bottom: 0px; }
.category-left { background-color: #fcfcfc; width: 100%; padding: 30px; }
.category-left h3 { font-size: 22px; color: #207bc1; border-bottom: 1px solid #ece9e6; padding-bottom: 16px; position: relative; font-weight: 400; margin-bottom: 21px; }
.category-left h3:after { position: absolute; content: ''; width: 84px; height: 2px; background-color: #207bc1; bottom: -1px; left: 0; }
.category-left ul li { margin-bottom: 20px; }
.category-left ul li a { color: #1d1c1c; position: relative; padding-left: 20px; display: flex; }
.category-left ul li a::before { background: url(../img/arrow-category.png) no-repeat right center; content: ''; width: 6px; height: 10px; position: absolute; left: 0; top: 8px; }
.category-left ul li a:hover::before { background: url(../img/arrow-category-h.png) no-repeat right center; }
.category-left ul li a:hover { color: #207bc1; }
.category-left ul li a figure { position: absolute; left: 0px; top: -3px; }
.category-left ul li a figure .fa-solid { font-family: "Font Awesome 5 Free"; font-weight: 900; font-style: normal; font-size: 10px; }
.subcategory { border: 1px solid #e3e4ed; border-radius: 6px; padding: 15px 30px 25px 30px; margin-bottom: 30px; }
a:hover .subcategory { box-shadow: 0px 2px 19px 0px rgba(0,0,0,0.09); }
.subcategory .code { background-color: #fff1ee; border-radius: 4px; color: rgba(235, 50, 23, 0.75); padding: 4px 8px; font-size: 14px; }
a .subcategory .prod-name { color: #3f3e3e; margin-top: 10px; margin-bottom: 5px; }
a .subcategory .prod-price { margin-bottom: 8px; }
.cate-pagging ul { text-align: center; margin-top: 10px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
.cate-pagging ul li { /* display: inline-block; */ margin: 0 5px 10px; }
.cate-pagging ul li a { border: 1px solid #aeaeae; border-radius: 4px; padding: 8px 12px; color: #444343; font-size: 18px; min-width: 35px; height: 32px; display: flex; align-items: center; }
.cate-pagging ul li a:hover { background-color: #207bc1; border: 1px solid #207bc1; color: #fff }
.cate-pagging ul li a.active { background-color: #207bc1; border: 1px solid #207bc1; color: #fff }
.cate-pagging ul li a .fa-solid { font-family: "Font Awesome 5 Free"; font-weight: 900; font-style: normal; font-size: 15px; }
.subcategory img { margin-bottom: 10px; }
.product-sub-category { padding-left: 25px; }
.category-left ul li:last-child { margin-bottom: 0; }
/* Sub Category  End */



/*Product Quote CSS Start*/
.product-slider-col { max-width: 46.5%; flex: 0 0 46.5%; padding-left: 15px; padding-right: 15px; }
.product-detail-col { max-width: 53.5%; flex: 0 0 53.5%; padding-left: 35px; padding-right: 15px; }
.code { background-color: #fff1ee; border-radius: 4px; color: rgba(235, 50, 23, 0.75); padding: 4px 8px; font-size: 14px; display: inline-block; font-weight: 400; }
.product-sm { display: flex; align-items: center; }
.product-sm a { color: #3f3e3e; position: relative; }
.product-sm a:hover { color: #207bc1; }
.product-sm i { position: relative; padding: 0 0 0 34px; }
.product-sm a::after { position: absolute; content: ''; width: 1px; height: 12px; background: #c5c5c5; left: 13px; top: 6px; }
.product-sm a:first-child::after { display: none; }
.productname h1 { font-size: 32px; font-weight: 400; }
.blue-txt h1, .blue-txt h2 { color: #207bc1 }
.product-delivery { width: 100%; position: relative; }
.product-delivery .prodttab li { width: 125px; }
.free-shipping-icon { position: absolute; right: 3px; top: 16px; display: flex; align-items: center; }
.free-shipping-icon span { color: #207bc1; padding-left: 8px; }
.product-delivery .prodttab { width: 100%; }
.delivery-days th { font-size: 20px; font-weight: 700; }
.delivery-days td { font-size: 18px; }
.delivery-days th, .delivery-days td { padding: 12px 12px; }
.delivery-days th { padding-left: 0; }
.delivery-days table { margin-bottom: 0; }
.product-delivery .tab-content { padding-bottom: 7px; box-shadow: none; padding-top: 10px; border-radius: 6px; margin-bottom: 35px; }
.product-delivery .tab-content th, .product-delivery .tab-content td { border-top: 0; }
.delivery-days table tr:last-child { border-bottom: 0; }
.delivery-days table tr { border-bottom: 1px solid #e3e4ed; }
.service-list ul { padding-bottom: 15px; }
.service-list ul li { padding-bottom: 12px; display: flex; }
.service-list ul li i { padding-right: 10px; padding-top: 6px; }
.service-slogan { color: #e61b23; padding-right: 50px; }
.service-slogan1 { padding-bottom: 25px; }
.slogantxt { padding-left: 10px; line-height: 1.2; }
.service-slogan .icon { position: relative; top: 6px; }
.order-info-form { width: 100%; padding-right: 50px; }
.order-price-sec { max-width: 200px; flex: 0 0 200px; }
.price-right-bar { background: #f4f6fa; box-shadow: 0px 0px 7px 0px rgb(0 0 0 / 10%); text-align: center; border-radius: 6px; border: 1px solid #eeeeee; overflow: hidden; }
.order-info-form small { color: #747474; font-size: 14px; font-weight: 300; }
.price-col { padding: 20px 0; border-bottom: 1px solid #d0d1d5; font-size: 18px; }
.price-sec { padding: 0 30px; }
.price-shipping { font-size: 18px; color: #207bc1; font-weight: 600; }
.price-shipping span { font-size: 16px; font-weight: 400; }
.free-ship-col { background: #fff; padding: 30px 15px 10px; text-align: center; width: 100%; }
.shiptxt { font-size: 20px; font-weight: 700; }
.price-sec .price-col:last-child { border-bottom: 0; padding-bottom: 25px; }
.plus-icon { margin-bottom: -15px; }
.order-info-form label { font-size: 15px; }
.product-info-tab .nav-tabs .nav-link { padding-left: 25px; padding-right: 25px; }
.product-info-tab .tab-content h2 { margin-bottom: 15px; color: #207bc1; font-weight: 400; font-size: 24px; }
.product-info-tab .tab-content ol { padding-left: 16px; }
.product-info-tab .tab-content ol li { list-style-type: decimal; list-style-position: outside; padding-bottom: 15px; }
.product-info-tab .tab-content { padding-bottom: 25px; }
.des-col { margin-top: -20px; }
.des-col li { max-width: 20%; flex: 0 0 20%; margin: 35px 0 0px 0; word-wrap: normal; word-break: auto-phrase; padding-right: 10px;}
.green-btn { background-color: #49ae0c; border-color: #49ae0c; color: #fff; }
.my-order { background: #f4f6fa; border-radius: 6px; padding: 10px; width: 100%; padding-bottom: 20px; }
.my-order h6 { font-size: 15px; text-align: center; color: #3f3e3e; margin-bottom: 18px; }
.order-pic { max-width: 70px; flex: 0 0 70px; padding: 6px 10px; background: #fff; border: 1px solid #e3e4ed; border-radius: 6px; text-align: center; }
.order-pic img { width: 40px; }
.order-name { padding: 5px 0 0 10px; font-size: 14px; }
textarea.form-control { height: 70px; }
.fileUplload input[type="file"] { display: none; }
.fileUpload input.upload { display: inline-block; }
.fileUplload { color: #fff; background-color: #f4f4f4; border-color: #ccc; padding: 3px 18px 5px; border: 1px solid #cccccc; border-radius: 6px; width: auto; display: inline-block; color: #000; margin-right: 20px; }
.fileUplload label { margin-bottom: 0; }
.order-upload { display: flex; align-items: center; flex-wrap: wrap; }
.upload-radio label.radio-custom { padding-right: 0; margin-bottom: 0; }
.upload-radio { margin-top: 5px; }
.modal-backdrop.show { opacity: .70; }
.product-popup .modal-dialog { max-width: 600px; }
.popup-mid { padding: 15px; }
button.close { padding: 0; background-color: #ff2e17; border: 0; width: 20px; height: 20px; border-radius: 100%; color: #fff; opacity: 1; font-size: 18px; line-height: 0; position: absolute; right: 10px; top: 10px; z-index: 1; }
button.close span { top: -1px; position: relative; }
button.close:hover { color: #fff }
.p-icon { margin-bottom: 20px; display: block; position: relative; text-align: center; }
.bdm-line { padding-bottom: 20px; }
.bdm-line::after { position: absolute; left: 0; right: 0; bottom: 0; width: 86px; height: 1px; background: #207bc1; content: '\''; margin: auto; }
.popup-mid h3 { color: #207bc1; font-weight: 400; font-size: 24px; margin-bottom: 20px; }
.redlink { color: #ea3a3c }
.redlink:hover { color: #207bc1 }
.join-form { background: #eff6fe; padding: 15px 20px 12px; display: table; border-radius: 6px; margin: 0px auto; }
.join-form .radio-custom { padding-right: 25px; }
.text-underline { text-decoration: underline; }
.text-underline:hover { text-decoration: none; }
/*Product Quote CSS End*/



/* My Order Css Start */
.myorder-wrapper { background-color: #fff; }
.cartbox { border: 1px solid #eeeeed; background-color: #fff; border-radius: 6px; padding: 30px; box-shadow: 0 0 14px rgba(0,0,0,0.04); padding-top: 15px; }
.cartbox .table th { border-top: 0px solid #000; border-bottom: 1px solid #dee2e6; font-size: 18px; color: #3f3e3e; }
.order-charge { width: 165px; }
.order-qty { width: 175px; text-align: center; }
.order-price { width: 166px; }
.order-strip { background-color: #f9fafb; border-radius: 4px; margin-bottom: 5px; padding: 8px 8px 8px 20px; position: relative; line-height: 30px; color: #3f3e3e; }
.cartbox .table td, .cartbox .table th { padding: 15px 0; }
.carticon { position: absolute; top: 28%; right: 25px; }
.order-total { display: flex; justify-content: flex-start; max-width: 366px; margin: 15px 0 0px auto; font-weight: 700; flex-wrap: wrap; line-height: 30px; }
.order-total .label { width: 190px; }
.totarea { display: flex; flex-wrap: wrap; }
.grand-total { color: #207bc1 }
.cartbox .code { background-color: #fff1ee; border-radius: 4px; color: rgba(235, 50, 23, 0.75); padding: 4px 8px; font-size: 14px; }
.prodname { display: block; font-size: 18px; color: #207bc1; font-family: 'Poppins', sans-serif; padding: 5px 0 5px 20px; }
.product { width: 610px; }
.prod-ara { position: relative; display: flex; }
.order-product { width: 176px; padding: 13px; border: 1px solid #e3e4ed; border-radius: 6px; }
.product-info { padding-top: 8px; }
.cartbox .table td { padding-top: 25px; padding-bottom: 35px; }
.cartbox .table { color: #3f3e3e; }
/* My Order Css End */


/* Sign In page Css */
.login { width: 100%; min-width: 320px; background-color: #fafbfd; font-size: 16px; font-weight: 400; overflow-x: hidden; height: auto; min-height: 100vh; }
.signup-page { position: relative; height: 100vh; background: #fff; }
.sign-up-pic { position: fixed; left: 0; top: 0; height: 100%; width: 30.8%; background-color: #207bc1; text-align: center; padding: 170px 10px; z-index: 1; }
.sign-up-sec { padding: 0 0 0 30.8%; position: relative; display: flex; flex-direction: column; justify-content: space-between; height: 100%; }
.signin-page .sign-in-inner, .regsterarea .sign-up-inner { max-width: 595px; margin: auto; padding-left: 0; padding-right: 0; }
.sign-in-inner { position: relative;/* top: 50vh;
	transform: translate(0, -50%); */ }
.sign-up-inner { padding: 40px 0; position: relative;/* top: 50vh;
	transform: translate(0, -50%); */ }
.onestore-promt { font-size: 22px; color: #fff; max-width: 420px; margin: 26px auto 0px auto; }
.loginimg { position: absolute; bottom: 0px; left: 0px; right: 0px; }
.signuphead { margin-bottom: 40px; }
.signuphead h1 { margin-bottom: 5px; color: #207bc1; font-weight: 500; }
.signuphead span { color: #b5b5c3; font-size: 18px; }
.signuphead span a { color: #e61b23; text-decoration: none; }
.signuphead span a:hover { color: #207bc1; text-decoration: none; }
.sign-in-inner .form-control { margin-bottom: 25px; }
.sign-in-inner a { color: #e61b23; text-decoration: none; }
.sign-in-inner a:hover { color: #207bc1; text-decoration: none; }
.sign-up-inner .form-control { margin-bottom: 15px; height: 45px; }
.sign-up-inner select, .sign-up-inner select.form-control { background-color: #f3f4f7!important; border: 1px solid #f3f4f7; }
.sign-up-inner select.form-control:not([size]):not([multiple]) { height: 40px; }
.sign-in-inner .form-control, .sign-up-inner .form-control { background-color: #f3f4f7; height: 40px; padding-right: 10px; border: 0px solid #f3f4f7; }
/*----------My Account page CSS Start----------*/
.innerblock-padd { padding: 50px 0; }
.dashborad-panel { display: flex; flex-wrap: wrap; }
.dashborad-leftsider { width: 260px; box-shadow: 1px 1px 42px 1px rgba(189, 189, 189, 0.2); border-radius: 0; background-color: #fff; align-self: flex-start; margin-right: 50px; }
.dashborad-leftsider > ul > li { border-top: 1px solid #ecf0f5; }
.dashborad-leftsider > ul > li > a { color: #333333; font-size: 14px; padding: 14px 10px 14px 22px; position: relative; text-transform: uppercase; display: block; }
.dashborad-leftsider > ul > li > a:hover, .dashborad-leftsider > ul > li.active > a { background: #207bc1; color: #fff; }
.dashborad-leftsider .inner-menu { padding: 10px 0 10px 32px; background: #f4f5fb; }
.dashborad-leftsider .inner-menu ul li a { color: #6c6c6c; padding: 5px 0; display: block; font-size: 13px; line-height: normal; }
.dashborad-leftsider .inner-menu ul li a:hover { color: #333; }
.dashborad-leftsider .inner-menu ul li a::before { content: "\f111"; font-family: "Font Awesome 5 Free"; font-weight: 400; font-style: normal; display: inline-block; margin-right: 10px; font-size: 8px; }
.default-fa-icon { position: absolute; left: 20px; top: 50%; font-size: 17px; transform: translateY(-50%); color: #7b7b7b; }
.dashborad-rightsider { width: calc(100% - 310px); box-shadow: 1px 1px 42px 1px rgba(189, 189, 189, 0.2); padding: 30px; }
.dash-head { font-size: 1.5rem; text-transform: uppercase; font-weight: 700; margin-bottom: 0px; line-height: normal; color: #207bc1; font-weight: 500; }
.edit-profile-set { border-radius: 0px; padding: 30px 20px; }
.edit-profile-set h3 { font-size: 23px; margin-bottom: 15px; }
.profile-change-section figure { border: 3px solid #fff; box-shadow: 1px 1px 42px 1px rgba(41,81,161,0.10); width: 120px; height: 120px; background-color: transparent; border-radius: 50%; margin: 0 auto 15px; position: relative; }
.profile-change-section .user-img { border-radius: 50%; }
.profile-user-name { text-transform: uppercase; font-weight: 500; font-size: 14px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block; }
.upload-photo { position: absolute; bottom: 0; right: 0; height: 34px; width: 34px; background: #1190cb; border-radius: 50%; border: 2px solid #fff; line-height: 28px; text-align: center; }
.upload-photo input { opacity: 0; width: 100%; height: 100%; }
.upload-photo span { position: absolute; left: 0px; top: 0px; display: block; width: 100%; height: 100%; pointer-events: none; font-size: 12px; text-transform: uppercase; font-weight: 500; }
.order-search button { margin-top: 27px; }
.media-body { display: table-cell; vertical-align: top; width: 500px; }
.order-table .media-body h4 { font-size: 15px; margin-bottom: 5px; }
.order-table .media-body p { color: #8e8e8e; margin: 0; line-height: normal; }
.order-table table tfoot th { border-right: 1px solid #dee2e6; }
.order-table table tfoot th, .order-table table tfoot td { padding: 10px; }
.order-table thead tr th, .order-table tfoot tr th { font-weight: 600; }
.table thead th { vertical-align: middle }
.order-table .table th:first-child { min-width: 250px; }
.dash-link { display: block; text-align: center; border: 1px solid #e8e8e8; border-radius: 6px; padding: 30px 20px; background: #ffffff; margin-bottom: 30px; }
.dash-link:hover { box-shadow: 0 0 15px rgba(0,0,0,0.09); }
.dash-link span { display: block; }
.dash-icon { height: 90px; width: 90px; background: #f6f7fb; margin: 0 auto 25px; border-radius: 50%; border: 1px solid rgba(234,58,60,0.5); line-height: 90px; }
.dash-icon img { max-width: 40px; }
.dash-name { font-size: 1rem; font-weight: 600; text-transform: uppercase; color: #333; }
.notif-table { border-radius: 4px; border-bottom: 1px solid #e8e8e8; }
.notif-table table { width: 100%; margin: 0; }
.notif-table td, .notif-table th { border: 1px solid #e8e8e8; padding: 12px 15px; }
.notif-table td { font-size: 14px; }
.notif-table tr:last-child td { border-bottom: none; }
.notif-table th { border-top: 3px solid #207bc1; }
.notif-table .action-view { text-align: center; }
.notif-table td.action-view { font-size: 18px; }
.notif-table td.action-view a { color: #333; }
.notif-table td.action-view a:hover { color: #45bd7e; }
.button-group { margin-top: 15px; border-top: 1px solid #dfdfdf; padding-top: 15px; }
.action-blk { display: flex; }
.action-blk a { margin-left: 8px; display: inline-block; }
.action-blk a i.fa-edit, .dark-gray-bg-icon { background: #207bc1; color: #fff; border-radius: 4px; }
.action-blk a i { width: 28px; height: 28px; line-height: 28px; text-align: center; border-radius: 4px; font-size: 13px; }
.action-blk a i.fa-trash { background: #e61b23; color: #fff; }
.action-blk a i.fa-edit:hover, .dark-gray-bg-icon:hover { background: #207bc1; color: #fff !important; }
.action-blk a i.fa-trash:hover { background: #000; color: #fff; }
.my-products .product-box { margin-bottom: 30px; }
/*----------My Account page CSS End----------*/

/*----------Conatct page CSS Start----------*/
.contact-page { padding: 50px 0 0px; }
.contact-info-box h2, .contact-form .form-heading h2 { font-size: 22px; font-weight: 500; color: #207bc1;margin-bottom: 20px; }
.contact-info-box ul { margin: 0; padding: 0; }
.contact-info-box ul li { margin: 0 0 40px; padding: 0; list-style: none; display: flex; }
.contact-info-box ul li i { flex:0 0 50px ;width: 50px; height: 50px; line-height: 50px; border-radius: 50%; background: #e61b23; color: #fff; text-align: center; font-size: 20px; margin-right: 20px; }
.contact-info-box ul li span { font-size: 14px; color: #000; display: block; flex: 1; padding-top: 6px; }
.contact-info-box ul li span a { color: #000; }
.contact-info-box ul li span strong { display: block; font-size: 18px; font-weight: 600; }
.contact-info-box ul li span p { font-size: 14px; padding: 0; }
.contact-info-box ul li span p strong { display: inline-block; font-size: 14px; }
.contact-form { background: #fdfdfd; padding: 25px; }
.contact-form .form-heading { margin-bottom: 20px; }
.contact-form textarea.form-control { resize: none; height: 125px; line-height: normal; padding: 15px; }
.contact-form .btn-custom { width: 100%; display: block; height: 50px; line-height: 50px; font-size: 18px; letter-spacing: 1px; font-weight: 500; }
.map-block { display: block; margin: 50px 0 30px; }
.map-block img { display: block; width: 100%; }
.contact-page .container { max-width: 1250px; }
.white-shad { background: #fff; box-shadow: 0 0 30px rgba(0,118,208, 0.15); padding: 40px 35px }
.field_error_message { font-size: 13px; color: #ef0000; margin-top: 4px; }
/*----------Conatct page CSS End----------*/

/*----------CMS page CSS Start----------*/
.cms-page h2, .cms-page h3, .cms-page h4 {color: #207bc1; 	margin-bottom: 12px; 	margin-top: 30px; font-weight: 300;}
.cms-page ul, .cms-page ol{ padding-left: 20px;}
.cms-page ul li { width: 100%; padding: 0 0 20px 0; list-style-type: disc; list-style-position: outside;}
.cms-page ol li { width: 100%; padding: 0 0 20px 0;  list-style-position: outside; list-style-type: decimal;}
.cms-page ol li ul { padding-top: 10px;}
.cms-page ol li ul li { padding-bottom: 10px; list-style-type: disc; list-style-position: outside;}
.cms-page ol li ul li:last-child{ padding-bottom: 0;}
/*----------CMS page CSS End----------*/


.auther-dropdown .btn.dropdown-toggle {
    margin: 0;
    box-shadow: none;
    outline: none;
    padding: 0 28px 0px 10px;
    border: 1px solid #207bc1;
    border-radius: 5px;
    background: #fff;
}

.auther-dropdown .btn.dropdown-toggle  img{
   width: 40px;
    height: 40px;
    display: block;
    border-radius: 100%;
}
.auther-dropdown .btn.dropdown-toggle::after {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
        color: #3788c7;
}

.auther-dropdown .dropdown-menu {
  border: 1px solid #207bc1;
    right: 0 !important;
    left: auto !important;
    box-shadow: 0px 1px 15px rgb(0 0 0 / 15%);
    border-radius: 3px;
    margin: 20px 0 0;
   padding: 5px 0;
    transform: none !important;
    top: 100% !important;
    background: #fff;
}

.auther-dropdown .dropdown-menu::before {
    content: '';
    position: absolute;
    top: -11px;
    right: 15px;
    border-bottom: 10px solid #207bc1;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;

}

.auther-dropdown .dropdown-item {
      padding: 5px 15px;
    white-space: inherit;
    font-size: 14px;
    transition: 0.5s ease;
}

.auther-dropdown .dropdown-item:hover{
    background:#207bc1;
    color: #fff;
}


/* ------------------Add to order page start------------------------- */
.stepper{max-width:800px;margin:0 auto 50px}
.stepper ul{display:flex;justify-content:center;text-align:center;flex-wrap:wrap}
.stepper ul li{flex:1;position:relative;z-index:1}
.stepper ul li:not(:first-child)::after{position:absolute;content:"";top:0;bottom:0;left:0;right:0;height:1px;left:auto;top:18px;background:#dbdee5;right:calc(50% + 20px);width:calc(100% - 40px)}
.stepper ul li .icon{position:relative;display:block;width:40px;color:#b0b4bf;font-size:17px;font-weight:600;height:40px;margin:0 auto;border:1px solid #dbdee5;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:.3s ease all}
.stepper ul li span{font-size:16px;font-weight:600;color:rgba(0,0,0,0.4);letter-spacing:.5px;margin-top:10px;display:block;transition:.3s ease all}
.stepper ul li.active .icon,.stepper ul li:hover .icon, .stepper ul li.completed .icon{border:3px solid #e61b23;box-shadow:0 2px 20px #00000029;background:#e61b23;color:#fff}
.stepper ul li.active span,.stepper ul li:hover span, .stepper ul li.completed span{color:#e61b23}
.stepper ul li.active::after, .stepper ul li.completed::after {background:#e61b23 ;}
.stepper ul li.completed .icon {color: transparent;}
.stepper ul li.completed .icon:after {content: "\f00c";color: #fff;font-weight: 900;font-family: "Font Awesome 5 Free";margin-left: -10px;}

.add-cart-left {padding: 30px;border-radius: 10px;box-shadow: 0px 3px 9px 0px rgb(0 0 0 / 9%);}
.required {color: #ec1c2b ;}
.add-cart-left h4 {margin-bottom: 30px;}
.add-to-order .form-control {padding-right: 15px;}
.form-group.total-quantity {border-top: 1px solid #dbdee5;margin-top: 30px; padding: 20px 0;}
.form-group.total-quantity label {font-size: 17px; color: #207bc1;}
.totalquantity-block {font-weight: 600;font-size: 17px;  color: #207bc1;}
.form-group.total-quantity .totalquantity-block small {font-weight: 600;    color: #207bc1;}
.aside-add-card{background:#fff;border-radius:10px;box-shadow:0px 3px 9px 0px rgb(0 0 0 / 9%);position:sticky;top:10px}
.product-item .product-img{flex:0 0 50px;max-height:50px;max-width:50px;margin-right:15px}
.product-item{padding:15px;border-bottom:1px solid #dbdee5}
.product-item .product-content h5{font-size:18px;margin:0}
.aside-price-block{padding:15px}
.aside-price-block .find-text{text-align:center;font-size:18px;font-weight:600;color:#207bc1}
.priceTotal .price{font-size:40px;font-weight:700;margin-bottom:10px;display:block;line-height:1}
.priceTotal{padding:10px 0 20px}
.priceTotal p small{color:#e61b23}
.quantity-order .quantitys{padding:8px 30px;display:inline-block;border:1px solid #dbdee5;font-size:18px;color:#000;font-weight:600;border-radius:10px;margin-bottom:12px}
.quantity-order{display:flex;align-items:center;flex-direction:column;padding-bottom:15px;border-bottom:1px solid #dbdee5;margin-bottom:15px}
.quantity-order span{color:#e61b23}
.aside-add-card .service-list li i{color:green}
.action-container {padding: 15px 30px;background: #f4f6fa;margin: 20px -30px -30px;}
.non-member-price {padding: 20px 15px;background: #f4f6fa;position: relative;}
.non-member-price  h4 {font-size: 20px; padding-right: 50px;}
.non-member-price p {font-size: 18px;font-weight: 500;font-style: italic;text-align: center;}
.toggleDetails {width: 35px;cursor: pointer;height: 35px;display: flex;align-items: center;justify-content: center;background: #207bc1;color: #fff;position: absolute;top: 15px;right: 15px;border-radius: 4px;	}
.toggleDetails i {transition: 0.3s ease all;}
.toggleDetails.active i {transform: rotate(180deg);}
.dtlptable .table-striped tbody tr:nth-of-type(odd) {background-color: rgb(0 0 0 / 2%);}
.dtlptable {display: none;}
.total-tooltip {cursor: pointer;}
.total-tooltip:hover {color: #1190cb;}
.add-cart-left .subtitle {font-size: 17px;}
.radio-option {padding: 15px;background: #f4f6fa;border-radius: 5px;margin-bottom: 15px;}
.radio-option .form-group:last-child {margin: 0;}
.radio-option h6 {font-size: 14px; font-weight: 400;}
.radio-option h6:last-child {margin: 0}
/* -----------------add to order page end--------------- */

input.parsley-success,
select.parsley-success,
textarea.parsley-success {
  color: #468847;
  background-color: #DFF0D8;
  border: 1px solid #D6E9C6;
}

input.parsley-error,
select.parsley-error,
textarea.parsley-error {
  color: #B94A48;
  background-color: #F2DEDE;
  border: 1px solid #EED3D7;
}

.parsley-errors-list {
  margin: 2px 0 0px;
  padding: 0;
  list-style-type: none;
  font-size: 0.75em;
  /* line-height: 0.9em; */
  opacity: 0;
  color: #B94A48;

  transition: all .3s ease-in;
  -o-transition: all .3s ease-in;
  -moz-transition: all .3s ease-in;
  -webkit-transition: all .3s ease-in;
}

.parsley-errors-list.filled {
  opacity: 1;
}


/*.menu>ul>li.mega-menu:hover>ul.sub-nav-outer {
    display: block;
    column-count: 6;
}

*/

/*.menu>ul>li.mega-menu>ul.sub-nav-outer {
       /* overflow-y: scroll;*/
	       /* height: 560px;
}
*/
.subcategory img{
  min-height: 200px;
  min-width: 100%;
}

.product-single-carousel .item {
  padding: 1px;
  margin: 5px;
  border: 1px solid #e3e4ed;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  text-align: center;
}

.prod-thumbnail .item {
  padding: 1px;
  margin: 5px;
  border: 1px solid #e3e4ed;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  text-align: center;
  cursor: pointer;
  display: inline-block;
}
.prod-thumbnail .item h1 {
  font-size: 18px;
}
.prod-thumbnail .current .item {
  border: 1px solid #207bc1;
}
.prod-thumbnail .owl-stage{
  margin: auto;
}
.owl-theme .owl-nav {
  /*default owl-theme theme reset .disabled:hover links */
}
.owl-theme .owl-nav [class*=owl-] {
  transition: all 0.3s ease;
}
.owl-theme .owl-nav [class*=owl-].disabled:hover {
  background-color: #D6D6D6;
}

.product-single-carousel.owl-theme {
  position: relative;
}
.product-single-carousel.owl-theme .owl-next, .product-single-carousel.owl-theme .owl-prev {
  width: 22px;
  height: 40px;
  margin-top: -20px;
  position: absolute;
  top: 50%;
}
.product-single-carousel.owl-theme .owl-prev {
  left: 10px;
}
.product-single-carousel.owl-theme .owl-next {
  right: 10px;
}


.prod-thumbnail.owl-theme {
  position: relative;
}
.prod-thumbnail.owl-theme .owl-next, .prod-thumbnail.owl-theme .owl-prev {
  width: 10px;
  height: 20px;
  margin-top: -30px;
  position: absolute;
  top: 50%;
}
.prod-thumbnail.owl-theme .owl-prev {
  left: -10px;
}
.prod-thumbnail.owl-theme .owl-next {
  right: -10px;
}


/* .dropbtn {}
.dropdown {} */

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}
.dropdown:hover .dropdown-content {display: block;}

.product-info-tab .tab-content ul li {list-style: initial;}
.product-info-tab .tab-content ul.list-unstyled li {list-style: none;}