
:root {
  --primary-color:#E72128;
  --primary-dark-color:#b8090f;
  --yellow-color:#E78A00;
  --green-color:#219653
}
html, body {overflow-x: hidden; scroll-behavior: smooth;}
body {font-family: 'Poppins', sans-serif; font-size: 14px; line-height: inherit !important;}
img {max-width:100%; height:auto;}
a {color:#2E6AB5; transition:all linear 0.2s; text-decoration: none;}
/*a:hover, a:focus {text-decoration:none; outline:0; color:#444;}*/
.btn:focus, .form-control:focus, .form-select:focus {box-shadow: none;}

.form-control {border-radius: 10px; border-color: #E2E2E2; min-height: 50px; padding-left: 20px; font-size: 14px;}
.form-control::placeholder {color: #9B9B9B;}
.btn {border-radius: 10px;}

/*.row {margin: 0 -8px;}*/
/*.row [class*=col-] {padding: 0 8px;}*/

.btn-danger {background-color: var(--primary-color); border-color: var(--primary-color);}
/*.btn-danger:hover, .btn-danger:focus {background: var(--primary-dark-color); border-color: var(--primary-dark-color); color: #fff;}
*/.btn-outline-danger {border-color: var(--primary-color);}
/*.btn-outline-danger:hover {background: var(--primary-color);}
*/
.btn_block {display: block; width: 100%; font-size: 14px; padding:12px 20px; text-transform: uppercase; font-weight: 500;}

.btn_block1 {display: block; width: 100%; font-size: 14px; padding:12px 20px;}

/*.container {padding: 0 17px;}*/
.left_heading {font-weight: 600; margin: 0 0 12px;}


.menu_wrapper {background: #fff; position: fixed; top: 0; left: 0; bottom: 0; z-index: 1010; width: 300px; overflow: auto; transform: translateX(-300px); transition: all linear 0.2s;}
.menu_wrapper.show {transform: translateX(0);}
.menu_overlay {background: rgba(0, 0, 0, 0.60); position: fixed; top: 0; bottom: 0; right: 0; left: 0; z-index: 1000;}
.menu_header {padding: 15px  15px  15px 15px;}
.menu_close {padding-right: 20px;}
ul.menu_list {padding: 0; margin: 0; list-style: none; font-size: 14px;}
ul.menu_list > li > a {display: block;
    background: transparent;
    color: #000;
    padding: 9px 15px 15px 15px;
    font-weight: 500;
    margin: 0 0 5px;
    overflow: hidden;
    border-bottom: #F2F2F2 solid 1px;}

ul.menu_list > li > a:after { content: '\2BC6'; font-family:bootstrap-icons; margin-left:5px; position: relative; top: 2px; float: right;}
ul.menu_list > li > a:only-child:after { margin-left: 0; content: ''; }
ul.menu_list > li > a.active:after {content: '\2BC5';}
ul.menu_list li ul {margin: 0; list-style: none; background: #f3f3f385; padding: 0px 0px 15px 0px; margin: 0 0 5px; display: none;}
ul.menu_list li ul li a {       color: #8d8d8d !important;
    display: block;
    margin: 0 !important;
    border-bottom: #e1e1e1 solid 1px;
    padding: 10px 12px 10px 17px;}
ul.menu_list li ul a{padding: 13px 16px 0px 16px;
    display: block;
    color: #e72128;}
header {box-shadow:0 0 10px 0px rgb(172 172 172 / 20%); position: relative; z-index: 999; background: #fff; }
.topbar {background: #F2F2F2; padding:7px 10px  7px 10px; display: flex;
    justify-content: space-between;
    align-items: center;}
.top_language a {font-family: 'Tajawal', sans-serif; font-weight: bold; color: #666464;}

.top_currency {text-align: right;}
.top_currency a {color: #666464; font-weight: 600;}
.top_currency img {margin-left: 5px; vertical-align: middle;}

.logobar {padding: 10px 0;}
.header_left {display: flex; flex-wrap: wrap; align-items: center;}
.logo {padding-left: 25px;}
ul.top_featured { display: flex; justify-content: end; padding:0; margin:0; list-style: none; text-align: right;}
ul.top_featured li { display: inline-block;
    margin-right: 0;
    margin-left: 20px;}

@keyframes menu_sticky {
  0%   {margin-top:-240px;}
  50%  {margin-top: -90px;}
  100% {margin-top: 0;}
}
/* header.sticky {  margin:0;  position: fixed;  background:rgba(255,255,255,1); top:0; left:0; width:100%; z-index:99999; animation-name:menu_sticky; animation-duration: 0.60s; animation-timing-function:ease-out;  box-shadow:0 0 5px 0px rgba(0, 0, 0, 0.49); -webkit-box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.49);} */


.banner_wrap .container {
    padding: 0 10px;
}
section.flash_deals_sec {
    margin: 0 0px;
}
.cd_scroller{margin: 0 10px;}
.flash_deals_sec .row{margin: 0px -11px;}
.categories_sec .row{margin: 0px -15px;}
.banner_wrap {padding: 0px 0 10px 0; border-top: 15px;}
.trust_bar {padding: 10px; background: #EAF4EE; color: #6FCF97; font-size: 14px; font-weight: 500; overflow: hidden; margin: 6px 11px 0px 10px; border-radius:10px; }
.trust_bar img {vertical-align: middle;}
.trust_icon_right {float: right; position: relative; top: 1.5px;}

.privacy_bar {padding:10px 20px; background: #F6E2E3; color: #F2994A; font-size: 14px; font-weight: 500; overflow: hidden; display: none !important}
.privacy_right_text {color: #F2994A; }
.privacy_right_text i {position: relative; top: 2px;}

section {padding: 20px 0;}
.sec_heading_left {font-weight: bold; font-size: 15px; color: #333333; margin: 0 0 20px;}
.sec_heading_left i{display: none !important;}
.category_wrap {text-align: center; margin: 0 0 25px;}
.category_wrap a {color: #000;}
.category_wrap a img {border-radius: 10px; margin: 0 0 15px; /*height: 78px;*/ object-fit: scale-down;}
.category_wrap a h6 {font-size: 14px;}
.banner_wrap img {
    border-radius: 10px;
}
.product_thumb img {
    border-radius: 10px;
}

.cd_scroller {white-space: nowrap; overflow-x: auto; padding:0 ; scrollbar-width: none; scroll-behavior: smooth;}
.cd_scroller::-webkit-scrollbar {display: none;}
.cd_scroller .product_box {display: inline-block; vertical-align: top; white-space: normal; margin:0 10px 0 0; width: 175px;}

.product_thumb {margin: 0 0 15px; position: relative; /*border-radius: 10px;*/ overflow: hidden; display: flex;}
.product_thumb img {width: 100%;/* object-fit: none !important;*/}
.product_fav {position: absolute; right: 10px; top:7px;}
.product_fav a {display: block; width: 34px; height: 34px; line-height: 34px; border-radius: 50%;/* background: #fff; */text-align: center;}
.product_fav img { 
   object-fit: cover !important;
    width: 26px !important;
    border-radius: 0 !important;}
    
.free_shipping_badge {background: #E78A00; color: #fff; border-radius: 9px; font-size: 11px; font-weight: 500; position: absolute; top: 11px; left: 7px; padding: 4px 10px;}
.prod_info h6 {font-size: 14px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.prod_info h6 a {color: #000;}
.in_stock {color: #00D462; font-weight: 500; font-size: 14px;}
.prod_price {font-weight: 500;
    font-size: 15px;
    color: #e72128;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 0 ;}
    .user_action_btns{display: flex; direction: rtl; margin: 4px 0 5px 0;
    justify-content: space-between;
    align-items: center;}
.prod_price del {display: block; color:#C4C4C4; font-size: 13px; margin: 0 13px;}

/*.products_cols_sec .product_box {margin: 0 0 20px;}*/

.bottom_spacing {padding: 0 0 70px;}

.sticky_bottom_nav {background: #fff; box-shadow:0 0 20px 0px rgba(0, 0, 0, 0.15); padding: 9px 15px 7px 15px; border-radius: 18px 18px 0 0; position: fixed; bottom: 0; left: 0; right: 0; z-index: 10;}
.sticky_bottom_nav ul {padding:0; margin:0 ; display: flex; flex-wrap: wrap; list-style: none; text-align: center; font-size: 12px;}
.sticky_bottom_nav ul li {max-width: 25%; flex: 25%; padding: 0 2px; vertical-align: top;}
.sticky_bottom_nav ul li a {display: block; color: #313131; font-weight: 500;}
.sticky_bottom_nav ul li a .nav_icon {position: relative; margin: 0 0 3px;}
.sticky_bottom_nav ul li a .nav_icon img {height: 30px; object-fit: scale-down;}
.sticky_bottom_nav ul li a .icon_active {position: absolute; left: 50%; transform: translateX(-50%); top: 0; bottom: 0; opacity: 0;}
.sticky_bottom_nav ul li a:hover, .sticky_bottom_nav ul li.active a  {color: var(--primary-color);}
.sticky_bottom_nav ul li a:hover .icon_normal, .sticky_bottom_nav ul li.active a .icon_normal {opacity: 0;}
.sticky_bottom_nav ul li a:hover .icon_active, .sticky_bottom_nav ul li.active a .icon_active {opacity: 1;}

.sticky_wrap {position: fixed; z-index: 10; bottom:64px; right: 10px;}
.sticky_wrap a {display: block; margin: 0 0 15px;}

ul.product_nav {padding:18px 0 15px; margin:0 -10px; list-style: none; display: flex; flex-wrap: wrap; font-size: 14px; font-weight: 600;}
ul.product_nav li {max-width: 33.33%; flex: 33.33%; padding: 0 15px; text-align: center;}
ul.product_nav li a {color: #828282; display: inline-block; border-bottom: 2px solid transparent; padding: 0 0 3px; text-decoration: none;}
ul.product_nav li a:hover, ul.product_nav li.active a {border-color: var(--primary-color); color: var(--primary-color); text-decoration: none;}


.product_slider_wrap {padding:0 0 30px; position: relative;}
#product_slider .owl-dots {text-align: center; margin: 0;}
#product_slider .owl-dots .owl-dot {display: inline-block; margin:0 3px;}
#product_slider .owl-dots .owl-dot span {display: block; width: 20px; border-radius: 10px; height: 4px; background: #E0E0E0;}
#product_slider .owl-dots .owl-dot.active span {background: var(--primary-color);}

.ps_icons {position: absolute; right: 10px; top: 10px; z-index: 10;}
.ps_icons a {display: block; width: 35px; height: 35px; line-height: 35px; text-align: center; border-radius: 50%;/* background: #fff;*/ margin: 0 0 10px;}
.product_info {padding: 20px 17px;}
.product_info h6 {color: #000; font-size: 18px;}
.product_info .star_rating {padding: 0 0 15px; font-size: 13px; color: #9B9B9B;}
.product_info .star_rating img {vertical-align: text-bottom;}

.product_detail_price {font-size: 20px; color: var(--primary-color); font-weight: 700;}
.product_detail_price del {color: #ABABAB; font-size: 16px; font-weight: 600; padding-left: 5px;}
.product_detail_price span {color: #6fcf97; font-size: 16px;font-weight: 600; padding-left: 5px;}

.product_contents {padding:20px 13px; border-bottom: 10px solid #F2F2F2;}
.payment_icons{text-align: left;}
ul.size_wrap {padding:0; margin:0 0 20px; list-style: none; display: flex; flex-wrap: wrap;}
ul.size_wrap li {padding-right: 7px;}
ul.size_wrap li label {position: relative; width: 40px; height: 40px; text-align: center; line-height: 40px; border-radius: 5px; border:1px solid #BDBDBD; color: #BDBDBD;}
ul.size_wrap li input {opacity: 0; position: absolute;}
ul.size_wrap li input:checked ~ label {background: #000; color: #fff; border-color: #000;}

ul.colors_wrap {padding:0; margin:0 ; list-style: none; display: flex; flex-wrap: wrap;}
ul.colors_wrap li {padding-right: 7px;}
ul.colors_wrap li label {position: relative; width: 40px; height: 40px; text-align: center; line-height: 40px; border-radius: 5px; border:1px solid transparent; color: #BDBDBD;}
ul.colors_wrap li input {opacity: 0; position: absolute;}
ul.colors_wrap li input:checked ~ label { border-color: #000;}

.small_heading {font-size: 14px; font-weight: 600; margin: 0 0 15px;}

.review_box {position: relative; padding: 0 0 0 55px; margin: 25px 0 0;}
.review_box .review_img {border-radius: 50%; overflow: hidden; position: absolute; left: 0; top: 0; width: 40px; height: 40px;}

.review_info h6 {margin: 0 0 4px;}
.review_rating {margin: 0 0 10px;}
.review_time {text-align: right; font-size: 12px; color: #7F7F7F;}

.product_sticky_bottom {background: #fff; box-shadow:0 0 20px 0px rgba(0, 0, 0, 0.15); padding: 20px; border-radius: 18px 18px 0 0; position: fixed; bottom: 0; left: 0; right: 0; z-index: 10;}

.quantity_wrapper {display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;}
.quantity_wrapper button {border: 0; outline: 0; background: none; padding: 0; width: 28px; height: 28px;}
.quantity_wrapper .form-control {    width: 60%;
    min-height: 38px;
    border: 0;
    border-radius: 5px;
    padding: 0;
    font-weight: 700;
    color: var(--primary-color);
    text-align: center;
    border: #000 solid 1px; padding-top: 2px;}
    .popup-content .product_sticky_bottom .btn{margin-bottom: 17px;}
/*.product_sticky_bottom .btn:hover{ text-decoration: none;}*/
.product_sticky_bottom .btn { text-decoration: none; font-size: 14px; padding:9px 20px 8px 20px; display: block; width: 100%; }
.btn-danger{background: #E72128!important;}
.product_sticky_bottom .btn img {width: 18px; position: relative; top: -1px; margin-right: 5px;}

#successModal .modal-body {text-align: center; padding: 30px;}
#successModal .modal-body .btn {padding:12px 15px; font-weight: 500; display: block; margin: 10px 0 0; font-size: 14px;}

#successModal .modal-body .success_icon {margin: 0 0 15px;}
#successModal .modal-body p {margin: 0 0 25px;}

.page_header {font-size: 18px; background: #F2F2F2; padding:10px 0px 10px 0;}
.page_header h5 {text-align: center; text-transform: uppercase; margin: 0; font-size:17px;}
.page_header a {color: #000;}
.page_header a img {   
    width: 9px;
    }

.cart_items_wrap {margin: 0 0 30px;}

.cart_item {box-shadow:0 0 25px 0px rgb(158 158 158 / 15%); border-radius: 8px; padding: 10px; margin: 0 0 15px;}
.cart_item h6 {font-size: 14px; margin: 0 0 5px; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;}
.cart_variant {margin: 0 0 15px; font-size: 12px;}
.cart_variant span {color: #9B9B9B; padding-right: 4px;}
.item_quantity {display: flex; flex-wrap: wrap; align-items: center;}
.item_quantity button {border: 0; outline: 0; background: none; padding: 0; }

.item_quantity .form-control {width: 60px; border: 0; padding: 0; font-weight: 500;  text-align: center; min-height: 36px;}
.item_time {color: #9B9B9B; font-size: 13px;}
.item_price {font-size:16px; font-weight: 600;}

.delete_icon {display: block; margin: 0 0 20px; padding-right: 5px;}

.coupon_code_field {margin: 0 0 25px;}
.coupon_code_field h6 {font-size: 18px; margin: 0 0 7px;}
.promo_code_text {color: var(--yellow-color); margin: 0 0 15px; font-weight: 500;}
.promo_field {position: relative; margin: 0 0 10px;}
.promo_field .btn {position: absolute; top: 50%; right:5px; transform: translateY(-50%);}
.field_btm_text {color: #7D7676; font-size: 13px;}

.cart_price_details {    background: #f6f7f8;
    padding: 20px 17px 20px;
    margin-bottom: 80px;}
.cart_price_details h6 {font-size: 18px; margin: 0 0 20px;}
ul.cp_list {padding:0 !important; margin:0; list-style: none; font-size: 15px;}
ul.cp_list li {margin:0 0 15px; overflow: hidden;}
ul.cp_list li span {float: right; color: #000;}
ul.cp_list li span.green_text {color: #00D462;}

.item_quantity .form-control1{    border: #000 solid 1px;
    text-align: center;
    width: 37px;}

.total_amount {border-top: 1px dashed #DBDBDB; padding: 15px 0 0; margin: 15px 0 0; font-weight: 600; font-size: 15px;}

.checkout_sticky_btn {background: #fff; padding: 20px 17px; position: fixed; bottom: 0; left: 0; right: 0; z-index: 10;}
.checkout_sticky_btn .btn {display: block; width: 100%; font-size: 14px; padding:10px 20px;}

.phone_number_wrapper {padding:14px 15px 73px 15px;
    text-align: center;}

.phone_number_field {display: flex; flex-wrap: wrap; align-items: center; background: #F2F2F2; padding: 5px; border-radius: 8px; margin: 0 0 45px;}
.phone_number_field .dropdown {max-width: 20%;
    flex: 4%;
    padding-right: 10%;}
.phone_number_field .dropdown .btn {padding: 0; font-size: 16px; color: #B6B6BD; text-align: left;}
.phone_number_field .form-control {flex: 65%; max-width: 65%; border: 0; padding: 0 0 0 10px; background: transparent; min-height:35px; border-radius: 0; color: #B6B6BD;}

.dropdown-toggle::after {display: none;}

.phone_number_keyboard {text-align: center; display: none !important }
.phone_number_keyboard a {padding: 17px 10px; display: block; font-weight: 600; font-size: 22px; color: #1D3A70;}


.verify_screen {text-align: center;
    padding: 0px 0 101px;
    display: block !important;}
.verify_screen p {color: #C0C0C0;}
.otp_fields {display: flex; flex-wrap: wrap; margin:0 -7px 25px; align-items: center; justify-content: center; direction: ltr !important;}
.otp_fields .code_field {padding:0 7px; flex: 22%; max-width: 12%;}
.otp_fields .code_field .form-control {     text-align: center;
    padding: 10px 9px;
    width: 44px;}

.not_receive_code {margin: 0 0 40px;}
.not_receive_code .nr_text{color: #C0C0C0; margin: 0 0 5px;}
.not_receive_code a {color: var(--primary-color); text-transform: uppercase; font-weight: 600; font-size: 18px;}

.location_wrapper {height: 100%; position: relative;}
.location_map {line-height: 0;  filter: grayscale(100%); height: 100vh;}
.location_search {position: relative; padding:0px 17px; z-index: 99;}
.location_search .form-control {font-size: 14px; font-weight: 300;box-shadow:0 0 10px 0px rgba(0, 0, 0, 0.20);}

.location_fixed_btn {position: fixed; bottom: 17px; left: 17px; right: 17px;}
.personal_info_wrap .row {padding: 0 8px;}
.personal_info_wrap .row .col-4 .radio_btn label {
    padding: 8px 0 !important;
}
.personal_info_wrap .row .col-4 {
    padding: 0 2px;
}
.personal_info_wrap {padding:9px 0px;}
.location_box {border: 1px solid #D3DAF0; border-radius:10px; padding: 10px; margin: 0 0 0px;}
.lb_map {border-radius: 18px; overflow: hidden; line-height: 0; margin: 0 0 20px;}

.lb_contents {position: relative; padding: 0 0 0 47px;}
.lb_contents img {position: absolute;
    left: 0;
    top: -2px;
    width: 32px;}
.lb_contents p {margin: 0; color: #BDBDBD;}
.lb_contents h6 {overflow: hidden;
    width: 100%;
    margin-left: 10px !important;
    margin: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;}
.lb_contents h6 a {float: right; font-size: 12px; color: var(--primary-color); text-decoration: underline;}

.form-group {margin: 0 0 15px; position: relative;}
.field_icon {position: absolute; top: 50%; transform: translateY(-50%); left: 15px;}
.icon_field .form-control {padding-left: 45px;}

.radio_btn {position: relative;}
.radio_btn input {position: absolute; opacity: 0;}
.radio_btn label {border-radius: 8px; border:1px solid #BDBDBD; display: block; text-align: center; padding:8px;}
.radio_btn input:checked ~ label {border-color: var(--primary-color); color: var(--primary-color);}

.bold_heading {font-weight: 600; margin: 0 0 15px; font-size: 15px;}

.cart_items_dropdown {margin: 0 0 20px;}
.accordion-item {border: 0;border-radius: 0 !important;}
.accordion-button {border: 0; border-bottom: 1px solid #E7E7EF;border-radius: 0 !important; }
.accordion-button:focus {box-shadow: none;border-color: #E7E7EF; }
.accordion-button:not(.collapsed) {color: #000; border-color: #E7E7EF; background: none;}

.shipping_method {padding: 10px 17px 0px 17px;}
.shipping_method h5 {font-size: 18px; margin:0 0 12px;}
.shipping_method p {color: #979797; margin: 0 0 20px;}
.freeshipping_heading {font-size: 15px; margin: 0 0 10px;}
.freeshipping_heading h6 {font-size: 15px;}
.so-onepagecheckout .checkout-content{margin-bottom: 0 !important}
.sm_logos img {margin-right: 15px;}

.payment_method_selector {background: #F6F7F8; padding: 20px 17px 100px;}
.payment_method_selector h6 {font-size:18px; margin: 0 0 15px;}

.pm_radiobtn {position: relative; margin: 0 0 10px;}
.pm_radiobtn input {opacity: 0; position: absolute;}
.pm_radiobtn label {display: block; padding:12px 15px 12px 45px; border-radius: 8px; border: 1px solid #828282; position: relative;}
.pm_radiobtn label:before {position: absolute; content: ""; width: 18px; height: 18px; border-radius: 50%; border: 1px solid #2fd536; top:50%; transform: translateY(-50%); left: 15px;}
.pm_radiobtn input:checked ~ label {border-color: #88ee8c; background:#88ee8c38;}
.pm_radiobtn input:checked ~ label:before {border-width: 6px;}

.cm_logos {display: flex; flex-wrap: wrap; align-items: center;}
.tap_logo {flex: 25%; max-width: 25%;}
.tap_logo img {border-right: 1px solid #828282; padding-right: 8px;}
.cm_cards {flex: 75%; max-width: 75%;}

.terms_checkbox { padding: 15px 0 0;}
.terms_checkbox .form-check {padding-left: 32px; position: relative;}
.terms_checkbox .form-check-input {width: 18px; height: 18px; border-radius: 0; border-color: var(--primary-color); left: 0; position: absolute; margin-left: 0;}
.terms_checkbox a {font-weight: 600; color: #000; text-decoration: underline;}
.terms_checkbox .form-check-input:checked {background-color: var(--primary-color);}
.terms_checkbox .form-check-input:focus {box-shadow: none;}

.thankyou_screen_wrapper {display: flex; flex-wrap: wrap; align-items: center; justify-content: center; height: 100vh;}
.thankyou_screen_container {max-width: 100%; flex: 1; text-align: center; padding:15px 25px;}
.thankyou_icon {margin: 0 0 30px;}
.thankyou_contents {margin: 0 0 40px;}
.thankyou_contents h2 {font-size: 30px; font-weight: 600; color: #000;}
.thankyou_contents p span {color: var(--primary-color); font-weight: 600;}
.thankyou_btns{padding: 0 15px;}
.thankyou_btns .btn {display: block; padding: 12px; margin: 15px 0 5px; font-weight: 600; text-transform: uppercase; font-size: 14px;}
.thankyou_btns .btn-outline-danger {border-width: 2px;}

.category_dropdown {background: #F6F6F6; padding: 10px 0; position: relative;}
.category_dropdown a {display: block; background: #fff; padding: 17px; overflow: hidden; color: #000;}
.category_dropdown a img {margin: 0 8px 0 0;}
.category_dropdown a .arrow_icon {float: right;}
.category_dropdown a .arrow_icon img {margin: 0;}

.cat_dropdown {height: 280px; overflow: auto; position: absolute; left: 0; top: calc(100% - 10px); right: 0; box-shadow: 0 9px 10px rgba(0, 0, 0, 0.20); z-index: 99; background-color: #fff; padding: 15px 17px;}
.cat_dropdown a {display: block; padding: 5px 0;}

.offers_wrap {padding: 0px 12px;}
.offer_box {margin: 0 13px 17px;}
.offer_box img {width: 100% !important;}
.offer_box a {display: block; position: relative; border-radius: 5px; overflow: hidden;}
.offer_box a:before {position: absolute; content:""; top: 30%; bottom: 0; right: 0; left: 0;
  background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}
.offer_heading {position: absolute; bottom: 0; left: 0; right: 0; padding: 15px 20px; color: #fff; font-weight: 500; font-size: 18px;}

.privacy_policy_wrap {padding: 20px 17px; background: #F6F6F6;}
.privacy_policy_wrap .accordion-item {margin: 0 0 10px; overflow: hidden; background: none;}
.privacy_policy_wrap .accordion-button {border-bottom: 0; box-shadow: none; padding: 18px 15px; border-radius: 12px !important;  background: #fff;}
.privacy_policy_wrap .accordion-body {margin: 10px 0 17px; background: #fff; border-radius: 12px; padding: 25px 17px;}
.privacy_policy_wrap .accordion-body h5 {font-size: 18px;}
.privacy_policy_wrap .accordion-body p {color: #ABABAB;}

.contact_wrap {text-align: center; margin: 0 0 45px;}
.contact_info img {display: block; margin: 0 auto 25px;}
.contact_info h6 {margin: 0 0 20px;}
.contact_info a {color: #828282; margin: 0 5px;}
.contact_info p {color: #828282;}

.contact_form .form-control {background: #F2F2F2; border: 0;}

.help_box {background: #fff; border-radius: 8px; padding: 15px;box-shadow:0 0 15px 0px rgba(0, 0, 0, 0.15); margin: 0 0 10px;}
.help_box h6 {font-size: 15px;}
.help_box p {margin: 0; color: #828282;}

.myaccount_page_wrapper {padding: 25px 17px;}
.my_profile_box {background: #fff; padding: 20px 20px; margin: 0 0 13px; border-radius: 15px;}
.my_profile_box .my_account_heading {font-size: 18px; margin: 0 0 20px;}
.my_profile_box .profile_name {font-size: 16px;}
.profile_phone {color:#9B9B9B;}

.account_btn {background: #fff; padding: 20px 20px; border-radius: 15px; color: #000;font-size: 16px; display: block; overflow: hidden; font-weight: 500; margin: 0 0 13px;}
.account_btn i {float: right; position: relative; top: 1px; font-size: 18px;}
.language_name {float: right; color: var(--primary-color);}

.phone_flag_icon {position: absolute; left:10px; top: 50%; transform: translateY(-50%);}
.phone_field .form-control {padding-left:60px;}

.address_select_box {background: #fff; padding:20px 15px 20px 45px; border-radius: 8px; position: relative; margin: 0 0 15px;box-shadow:0 0 25px 0px rgba(0, 0, 0, 0.08);}
.address_select_box input {opacity: 0; position: absolute;}
.address_select_box label {display: block;}
.address_name {margin: 0 0 8px; font-weight: 500;}
.address_name span {display: inline-block; margin-left: 5px; background: #FFE9EC; color: var(--primary-color); font-size: 13px; border-radius: 50px; padding: 3px 10px; line-height: 1.2;}
.address_select_box p {margin: 0;}

.address_actions {text-align: right;}
.address_actions a {margin-left: 10px;}

.address_select_box label:before {position: absolute; content: ""; width: 18px; height: 18px; border-radius: 50%; border: 1px solid #ABABAB; top:22px; left: 18px;}
.address_select_box label::after {position: absolute; content: ""; width: 8px; height:8px; border-radius: 50%; background-color: var(--primary-color); top:27px; left: 23px; opacity: 0;}
.address_select_box input:checked ~ label::after {opacity: 1;}

.order_history_wrapper .nav-tabs {border: 0; padding: 0 15px; display:block;}
.order_history_wrapper .nav-tabs li {text-align: center; display: inline-block; width: calc(25% - 5px);}
.order_history_wrapper .nav-tabs .nav-link {padding: 0 0 10px; border: 0; color: #828282; width: 100%; border-bottom: 2px solid transparent;}

.order_history_wrapper .nav-tabs .nav-item.show .order_history_wrapper .nav-link, .nav-tabs .nav-link.active {border: 0; color: var(--primary-color); font-weight: 600; border-bottom:2px solid var(--primary-color)}

.order_history_wrapper .tab-content {padding: 25px 15px;}
.order_history_wrapper .tab-pane {padding: 0;}

.accordion .accordion-item {margin: 20px 0 20px; overflow: hidden; background: none; border: 1px solid #ddd; border-radius:10px !important;}
.accordion .accordion-button {border:0; box-shadow: none; padding: 15px; border-radius: 0 !important;  background: #fff;}
.accordion .accordion-button::after {position: relative; top: 0px;}
.accordion .accordion-body {background: #fff; border-radius: 12px; padding:0;}
.accordion .accordion-body h5 {font-size: 18px;}
.accordion .accordion-body p {color: #ABABAB;}

.order_history_wrapper .accordion-body .cart_price_details {padding-bottom: 20px; margin: 0;}
.track_order_timeline ul {
    padding: 0 0 !important;
}

.order_card_heading {position: relative; padding: 0 0 0 60px; font-size: 13px;}
.order_card_heading img {position: absolute; left: 0; top: 0;}
.order_card_heading h6 {font-size: 14px; margin: 0 0 5px; font-weight: 600;}
.order_card_heading .order_id {margin: 0 0 7px;}
.order_card_heading .order_date_status {color: #BDBDBD;}
.order_card_heading .order_date_status .pending_status {color: #F2994A;}
.order_card_heading .order_date_status .completed_status {color: var(--green-color);}

.order_history_contents {padding: 0 17px;}
.order_history_contents .lb_contents {padding: 0 0 15px 60px; margin: 0 0 20px; border-bottom: 1px solid #D3DAF0;}

.track_order_timeline > h6 {font-weight: 600; margin: 0 0 20px;}
ul.track_list {padding: 0; margin: 0; list-style: none;}
ul.track_list li {position: relative; padding: 0 0 35px 45px;}
ul.track_list li:before {position: absolute; left:16px; bottom: 7px; height: 25px; width: 1px; background: #ddd; content: "";}
ul.track_list li:last-child::before {display:none;}
ul.track_list li .timeline_number {background: #BDBDBD; width: 33px; height: 33px; line-height: 33px; font-family: 'Poppins', sans-serif !important; text-align: center; border-radius: 50%; font-size: 18px; font-weight: 600; position: absolute; left: 0; top: 4px; color: #fff;}
ul.track_list li .timeline_heading {font-weight: 600; font-size: 15px; overflow: hidden; margin: 0 0 3px;}
ul.track_list li .timeline_heading .timeline_date {font-size: 12px; color: #BDBDBD; font-weight: 400; float: right; padding: 2px 0 0;}
ul.track_list li p {color: #212121 !important; font-size: 13px; margin: 0;}
ul.track_list li.active .timeline_number {background:var(--green-color) ;}
@media(max-width:360px) {
  body{background: #fff !important}
  ul.track_list li .timeline_heading{font-size: 14px;}
  ul.track_list li .timeline_heading .timeline_date {font-size: 12px;}
}
@media(max-width:600px) {
  body{background: #fff !important}}
.about_wrapper h6 {color: var(--primary-color);}
.about_wrapper p {margin: 0 0 25px; color: #ABABAB; font-size: 13px;}

.language_search_field {position: relative; margin: 0 0 25px;}
.language_search_field img {position: absolute; left: 15px; top: 50%; transform: translateY(-50%);}
.language_search_field .form-control {background: #F9FAFB; border: 0; padding-left: 50px;}

.language_option {position: relative;}
.language_option input {position: absolute; opacity: 0;}
.language_option label {display: block; padding: 15px 10px 20px; font-size:16px; font-weight: 600; position: relative;}
.language_option label::before {position: absolute; right: 0; top: 16px; content: ""; width: 22px; height: 22px; border-radius: 50%; border: 1px solid #e0e0e0;}
.language_option label::after {position: absolute; right: 6px; top:22px; content: ""; background: url(images/icons/check-lang.svg) center no-repeat; background-size: 10px; width:10px; height: 10px;}
.language_option label img {position: relative; top: -1px; margin-right: 7px;}

.language_option input:checked ~ label:before {background: #307D7E; border-color: #307D7E;}

.wishlist_box {background: #fff; border-radius: 8px; padding: 15px; position: relative; margin: 0 0 15px;}
.wishlist_remove {position: absolute; right: 15px; top: 10px;}
.wishlist_box_info h6 {margin: 0 0 4px;}
.wishlist_box_info .inventory_count {margin: 0 0 5px; color: #9B9B9B; font-weight: 500;}
.wishlist_box_info .inventory_count span {color: #000;}
.wishlist_box_info .wl_price {color: var(--primary-color); font-weight: 600; font-size: 15px; line-height: 1.3;}
.wishlist_box_info .wl_price del {display: block; color: #9B9B9B; font-weight: 400;}
.wishlist_cart {position: absolute; right: 20px; bottom: 20px;}


.category_banner  .container {
    padding: 0 0px !important;
}

.filter_wrap {background: #fff; position: fixed; top: 0; left: 0; bottom: 0; z-index: 1010; width: 300px; /* transform: translateX(-300px); */ transition: all linear 0.2s;}
.filters_header {padding: 20px;
    position: absolute;
    left: 0;
    top: 0;}
.filter_close {position: absolute; top: 15px; right: 0px;}

.filters_inner {overflow: auto; height: 100vh; padding-bottom: 100px;}
.filter_footer {padding: 20px; box-shadow: 0 0 6px rgba(0, 0, 0, 0.12); position: relative; left: 0; bottom: 0; width: 318px; z-index: 9; background: #fff;}
.filter_footer .btn {display: block; width: 100%; font-size:13px; padding:10px 8px; font-weight: 500;}

.filter_content {padding:10px 20px; border-bottom: 1px solid #efefef;}
.filter_content h6 {margin: 0 0 25px;}
.price_range .price-input {margin: 0 0 10px;}
.price_range .price-input input {border: 0; width:90px; font-weight: 500;}
.price_range .price-input .input-max {text-align: right; float: right;}
.price_range input[type=number]::-webkit-inner-spin-button, .price_range input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}
.price_range .slider{height:3px;position:relative;background:#ddd;border-radius:5px}
.price_range .slider .progress{height:100%;left:25%;right:25%;position:absolute;border-radius:5px;background:#000}
.price_range .range-input{position:relative}
.price_range .range-input input{position:absolute;width:100%;height:5px;top:-5px;background:0 0;pointer-events:none;-webkit-appearance:none;-moz-appearance:none;}
.price_range input[type=range]::-webkit-slider-thumb{height:20px;width:20px;border-radius:50%;background:#000;pointer-events:auto;-webkit-appearance:none;box-shadow:0 0 6px rgba(0,0,0,.05)}
.price_range input[type=range]::-moz-range-thumb{height:20px;width:20px;border:none;border-radius:50%;background:#000;pointer-events:auto;-moz-appearance:none;box-shadow:0 0 6px rgba(0,0,0,.05)}


ul.colorspicker_wrap {padding:0; margin:0 ; list-style: none; display: flex; flex-wrap: wrap;}
ul.colorspicker_wrap li {padding-right:12px;}
ul.colorspicker_wrap li label {position: relative; width: 34px; height: 34px; text-align: center; border-radius: 50px; border:1px solid transparent; color: #BDBDBD;}
ul.colorspicker_wrap li label:before {width: 41px; height: 41px; text-align: center; border-radius: 50px; border:1px solid transparent; content: ""; position: absolute;     left: -5px;
    top: -4px;}
ul.colorspicker_wrap li input {opacity: 0; position: absolute;}
ul.colorspicker_wrap li input:checked ~ label:before { border-color: var(--primary-color);}

.size_picker .size_wrap label {color: #000;}


ul.category_wrap {padding:0; margin:0 -5px 0; list-style: none; text-align: left; font-size: 13px; display: flex; flex-wrap: wrap;}
ul.category_wrap li {padding:0 5px; /*flex: 33.33%; max-width: 33.33%; */margin: 0 0 10px;}
ul.category_wrap li label {position: relative;text-align: center; border-radius: 5px; border:1px solid #BDBDBD; color: #000; padding:7px 10px; display: block;}
ul.category_wrap li input {opacity: 0; position: absolute;}
ul.category_wrap li input:checked ~ label {background: #000; color: #fff; border-color: #000;}


.avrg_rating_wrapper {text-align: center;}
.avrg_rating_number {font-size: 50px; font-weight: 600;}
.avrg_fivestar {margin: 0 0 5px;}
.avrg_fivestar i {margin: 0 2px;}
.rating_number {margin: 0 0 25px;}

.rating_bar_wrapper {margin: 0 0 60px;}
.rating_bar {display: flex; flex-wrap: wrap; margin: 0 0 8px;}
.rating_bar span {flex: 20%; max-width: 20%; display: block; text-align: left;}
.rating_bar .progress {flex: 80%; max-width: 80%;}
.rating_bar .progress-bar {background: var(--primary-color); text-align: left; padding-left: 10px;}

.main_reviews_wrapper {text-align: left;}

.custom_review_box {position: relative; padding:15px; margin: 25px 0 0;box-shadow:0 0 10px 0px rgba(0, 0, 0, 0.10); border-radius: 8px;}
.custom_review_box .review_img {border-radius: 50%; overflow: hidden; width: 40px; height: 40px; margin: 0 0 15px;}

.custom_review_info h6 {margin: 0 0 4px; font-size: 14px;}
.custom_review_info h6 small {color: #828282;font-size: 11px; font-weight: 400;}
.custom_review_rating {margin: 0 0 10px;}
.custom_review_time {text-align: right; font-size: 12px; color: #7F7F7F;}

.review_dropdown {position: relative;}
.dropdown_contents {padding: 5px 0; border-radius: 8px;box-shadow:0 0 10px 0px rgba(0, 0, 0, 0.10); width:150px; position: absolute; right: 0; background: #fff; z-index: 9; text-align: left; font-size: 13px;}
.dropdown_contents a {display: block; color: #000; padding:5px 10px; font-weight: 500;}


.submit_review_wrapper {position: fixed; top: 100%; bottom: 0; right: 0; left: 0; background: #F9F9F9; z-index: 1001; transition: all linear 0.2s; border-radius: 35px 35px 0 0;}
.review_box_closer {display: block; text-align: center; margin: 0; transition: all linear 0.2s;}
.add_review_show {top: 15%;}
.add_review_show .review_box_closer {margin: -20px 0 0;}

.submit_review_body {padding: 40px 20px;}

.sr_product {border-bottom: 1px solid #e1e1e1; padding: 0 0 25px; margin: 0 0 25px;}
.sr_prod_contents .sr_prod_variants {font-size: 13px;margin: 0 0 15px;}
.sr_prod_contents .sr_prod_variants span {color: #828282; margin-right: 5px;}
.sr_prod_price {font-size: 16px;}
.sr_prod_price span {display: inline-block; vertical-align: middle; font-weight: 600;}
.sr_prod_price .sr_qty {padding: 2px 12px; background: var(--primary-color); color: #fff; border-radius: 25px; font-size: 13px; margin-left: 25px;}

.give_star_wrapper {text-align: center; margin: 0 0 35px;}
.give_star_wrapper h5 {font-size: 18px; margin:0 0 15px;}

.give_fivestars {display: flex; flex: wrap; gap: 10px; justify-content: center;}

.review_imgs_wrapper {margin: 0 0 40px;}
.ri_wrap {display: flex; flex-wrap: wrap; /*gap: 10px;*/ align-items: center;}
.ri_wrap .add_review_photo {width: 100px; text-align: center; color: #000; font-weight: 500; font-size: 11px;}
.ri_wrap .add_review_photo img {display: block; margin: 0 auto 5px;}



/*css adde by ck*/
.top_currency button{border:0; padding: 0; text-align: left;}
.dropdown-menu{width: 100px;
    min-width: 100px;}
.dropdown-menu img{width: 22px;
    border-radius: 5px;}
    .dropdown-menu li{text-align: center; padding:4px 0;}
    .dropdown-menu a{ font-size: 13px; color: #000; font-weight: 400}
    ul.menu_list li ul li .see-all{color: #e72128;}
    ul.menu_list li ul li a{color: #8d8d8d !important;
    display: block;
    margin: 16px 0;}
  .mot_universal_search button {
   background: #ededed;
    color: #e72128;
    border: 0;
    padding: 15px 20px;
    border-radius: 0 6px 6px 0;
    margin-right: -12px;
}
    .mot_universal_search {
    display: flex;
    padding: 7px 19px;
    position: absolute;
    outline: none;
    box-shadow: none;
    width: 100%;
    left: 0;
    top: 10px;
    background: #e72128;
}
    .mot_universal_search input:focus{outline: none; border: 0;}
    .mot_universal_search input{    border-radius: 0px; outline: none;
    border: #fff solid 2px;
    padding:10px 20px;
    font-size: 14px;
     border-radius: 0;
    width: 100%;
}
/*.totalItems{background: #e72128;
    width: 18px;
    height: 18px;
    position: absolute;
    text-align: center;
    color: #fff;
    border-radius: 100px;
    left: -12px;
    top: -7px;
    line-height: 18px;
    font-weight: 700;
    }*/
   .totalItems {background: #e72128;
    font-family: 'Poppins', sans-serif !important;
  position: absolute;
  text-align: center;
  color: #fff;
  border-radius: 100px;
  left: -12px;
  top: -7px;
  font-weight: 500;
 line-height: 17px;
  font-size: 11px; width: 17px;
    height: 17px;}
    ul.top_featured a{position: relative;}
.mobile_wrapper{background: #fff; }
body{background:#F2F2F2 url(../images/big-bg.jpg) ; background-position: top;
    background-size: cover;
    background-attachment: fixed;}
   .page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #dee2e6;
}
.page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}
.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #dee2e6;
    border-color: #dee2e6;
}
@media (min-width: 767px) {
	    .modal {
        width: 450px;
        padding: 0 20px !important;
        margin: 0 auto;
    }
    #recaptcha-container {
    text-align: center;
    margin: 0 auto;
    display: flex !important;
    justify-content: center;
    margin-bottom: 20px;
    margin-top: -20px;
}
    .popup-container{width:450px !important;}
.menu_overlay{width: 450px; right: auto;
        left: 0;}
.menu_wrapper{position: absolute !important;}
	.sticky_bottom_nav{width: 450px;}
	.sticky_wrap {
  right: auto  !important;
    left: 10px;
}
 .mobile_wrapper{width: 450px; background: #fff; position: relative; overflow: hidden; min-height: 100vh;}
 .product_sticky_bottom{width: 450px; }
 .checkout_sticky_btn{width: 450px; }
  .alert-dismissible{width: 450px; }
 .popup-content {
  
    width: 26%;
}
}

.searchA {position: relative; display: block !important;}
.dropdown-menu li a{ color: #000;  text-decoration: none;}
button.btn.btn-link.btn-block.language-select {
    color: #000;padding: 0;
    text-decoration: none;
}	
.top_currency button {
    border: 0;
    background: transparent !important;
    color: #000;
    text-decoration: none;
}
.droparrow_icon{max-width: max-content;
    height: 6px !important;}
.top_currency img{max-width: 100%;
    height: 17px;}

.sticky_wrap img{width: 54px;}
ul.filter_list {
    margin: 0;
    padding: 0;
}
ul.breadcrumb {
   padding: 6px 25px;
    background: #f2f2f2;
    margin: 0 -18px 11px -18px;
    color: #000;
}
ul.breadcrumb a{color: #000;
    margin-right: 10px;}
    .accordion-body{margin: 0 !important;
    padding: 0 !important;}
.accordion-body a{padding: 11px 0 11px 0}
.filer_search img{width: 20px; max-width: 20px;}
.filterM{background: #e72128;
  border-radius: 10px;
  height: 35px;
  width: 59px;
  text-align: center;
  display: block;
  line-height: 36px;

}
    .filterM {
    
    position: relative !important;
    top: 0px ;
}
    .pagination>li>a{margin-left: 1px !important;
    background: #f2f2f2 !important;
    color: #000 !important;
    text-align: center !important;
    padding: 4px 9px !important;
    display: inline-block !important;
    border-radius: 3px !important;}
  
  .accordion-body ul{    padding: 0 21px;}
.pagination {
    
    padding-left: 0 !important;
    margin: 20px 0 !important;
    border-radius: 4px !important;
    text-align: center !important;
    justify-content: center !important;
}
.pagination>.active>span{background-color: #e72128 !important; border-radius: 4px !important;
    border-color: #e72128 !important; padding: 4px 11px;}
.mfilter-heading{background: #f5f5f5;}
.filter_wrapper{height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: #fff;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
    z-index: 1000000;
        overflow-y: scroll;
    scrollbar-width: thin;
    scrollbar-color: #fff #e72128;
}


/*############## 1-3 - codepen styles  ##############*/


* { box-sizing: border-box; }

/* reset ul */
ul.carousel {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

/* reset ul */
ul.carousel {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.zoom_btn img{width: 22px!important;}
.zoom_btn {
 position: absolute;
    bottom: 10px;
    left: 10px;
    background: #00000091;
    padding: 4px;
    border-radius: 6px;

}
.flickity-prev-next-button.previous, .flickity-prev-next-button.next{display: none;}
/*############## 2-2 - Flickity ##############*/

/* force scrollbar, not necessary, but may reduce gaps. Setting a max-height on .carousel also works */
html {
  overflow-y: scroll;
}
/* style for active slide */
.carousel-cell.is-selected {
  /*border: 2px solid black;*/
}

.carousel-cell {
  width: 90%; 
/*Width Note: When you change values you should refresh the page to see "non-broken" layout */
  margin-right: 2%;
  /* set to relative for the zoom icon */
  position: relative;
}

/* external css: flickity.css */

* {
  box-sizing: border-box;
}

.carousel-cell img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 10px;
}


.fancybox-image{
  cursor: pointer;
}





/*cart Popup*/
.popup-container{
	z-index: 1000;
    position: fixed;
    left: 0;
    top: 0;
    background: #000000ad;
    padding: 40px;
    width: 100%;
    height: 100%;
}
.popup-content{    position: absolute;
    left: 50%;
    top: 50%;
    width: 78%;
    transform: translate(-50%,-50%);
    background: #fff;
    padding: 29px;
    border-radius: 10px;
    text-align: center;
}
.popup-content .cart-modal-body .btn-danger{margin-bottom: 10px !important;}

	.sort_filters{display: flex !important}



.pagination>li>a, .pagination>li>span {
    color: #b1b1b1;
}
.mfilter-opts-container {
    padding: 5px 0;
    border-top: 1px solid #e3e3e3 !important;
}


    #mfilter-opts-price-min, #mfilter-opts-price-max{border: #f2f2f2 solid 1px !important;
    padding: 10px !important;}

        .alert-dismissible .close {
      border-radius: 100px;
    border: 0;
    color: #fff;
    width: 22px;
    height: 22px;
    line-height: 7px;
    padding: 0;
    top: 6px;
    position: absolute;
    left: 6px;
    background: transparent;
    color: #e72128;
    font-weight: 700;
}
.item_quantity .input-group {
    position: relative;
    display: flex;
    flex-wrap: initial;
    align-items: stretch;
    width: auto;
    margin-right: 9px;

}
.item_quantity  .btn {
    padding: 7px;
}
.buttons_btn2 .btn {
    border-radius: 10px;
    background: #e72128;
    border: #e72128 solid 1px;
    padding: 10px 26px;
    width: auto !important;
    margin: 10px 0;
}
#content{

}
.owl-nav{display: none;}
.prod_info {
    margin-bottom: 15px;
}
#recaptcha-container{
      text-align: center;
    margin: 0 auto;
    display: flex !important;
    justify-content: center;
    margin-bottom: 20px;
    margin-top: -20px;
  }
  .btn_block_wrap{margin: 0 15px;}
  #pac-input {
    margin: 19px !important;
}
.d-social-login__button-list{
  width: 93%;
    display: flex;
    justify-content: center;
    margin: 0 auto;
    align-items: flex-start;
    padding: 2px 8px;
    border-radius: 10px;
    border: #f2f2f2 solid 2px;
}
.d-social-login {
    display: block !important;
    width: 100% !important;
    margin-top: 20px !important;
}
#mfilter-content-container{padding: 12px 0;}
#mfilter-content-container .btn-primary{
  background: #e72128;
    border: #e72128 solid 1px;
    padding: 8px 30px;
    margin-top: 7px;
}
#mfilter-content-container  .form-control {
   /* margin-bottom: 10px;
    margin-top: 10px;*/
}
#content {
    padding: 20px 0;
}
.empty_cart .btn {
    border-radius: 6px !important;
    background: #e72128 !important;border: #e72128 !important;
}
.searchform .form-control{margin: 11px 0;}
.cart_thumb img{width: 85px;padding: 5px;}

.phone_number_wrapper .col-sm-10{ width: 100% !important }


.limits{margin:0 6px;}
.sort_filters{margin-bottom: 13px;}
.menu_header .d-flex {
    justify-content: space-between;
    align-items: center;
}
#mfilter-content-container .container{padding: 0;}
#product-product #content{display: none !important;}
.success_icon img{width: 100px;}

button.close {
    right: 10px;
    top: 0px;
    position: absolute;
    color: red;
    opacity: 10;

    font-size: 40px;

  -webkit-appearance: none;
  padding: 0;
  cursor: pointer;
  background: 0 0;
  border: 0;
  font-weight: 600;
}
.cart_wrapper  {
    padding: 20px 14px !important;
}
.update_cart{text-align: center;  padding-left: 7px;}
.update_cart button{padding: 0 !important}
.update_cart span{    color: #e11e26;
}

.intl-tel-input .flag-container {
 
    top: 6px !important;
    }
    .intl-tel-input {
   
    margin-right: 10px;
}


.so-onepagecheckout .confirm-order button {
    border-radius: 10px !important;
 }
 .so-onepagecheckout .cart_price_details {
    margin-bottom: 0px !important;
}
#account-account .acountlist li {
    padding: 15px 15px;
    border-top: #e9e9e9 solid 1px;
}
#account-account .acountlist li img{margin-right: 10px;}
#account-account .acountlist li a{color: #acb7d2}
#account-account h2 {
    padding: 0 15px;
    font-size: 18px;
}
.edit_page_wrapper .form-horizontal .control-label {
   
    margin-bottom: 6px;
}
#account-address h2{padding: 0 13px;}
#account-address p{padding: 0 13px;}


#content .buttons {
    float: left;
    margin-left: 0;
}
#content .buttons .btn-primary{
    background: #e72128;
    border: #e72128 solid 1px
}
#account-password .cards{
    padding: 11px 14px;
}
#account-password .cards .buttons {
    float: left;
    margin-left: 0px !important;
}
#account-affiliate .cards{
    padding: 11px 14px;
}
#account-affiliate label {
    margin-bottom: 7px;
    margin-top: 14px;
}
#account-return #content {
    padding: 10px 14px !important;
}
#account-reward #content {
    padding: 10px 14px !important;
}
#account-recurring #content {
    padding: 10px 14px !important;
}
#account-transaction #content {
    padding: 10px 14px !important;
}
#account-newsletter #content {
    padding: 10px 14px !important;
}
#account-download #content {
    padding: 10px 14px !important;
}
#account-transaction .col-sm-9 {
    width: 75%;
}
.thankyou_screen_container{    padding: 0 15px;}
.mobile_optimize_form legend {
  margin-bottom: 5px;
    position: relative;
    left: 0;
}

#guest_save{
    width: 95% !important;
    margin: 0 auto !important;}
ul.breadcrumb{display: none !important}
.page_header a{line-height: inherit;
    background: #fff;
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 9px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;}
.info_form .row {
    padding: 0 !important;
}
.total_amount{font-weight: 600;}

.share_prduct{display: none !important}
.category_banner{display: none !important;}
.limits {
    width: 130px;
    padding: 6px 10px;
    border-radius: 8px;
    border: #e72128 solid 1px;
    display: flex;
}
.limits label{display: block; color: #e72128}
.sorts label{display: block;
    color: #e72128;
    width: 133px;}
.sorts select{background: transparent; width: 100%;
    border: 0;
    color: #e72128;}
.limits select{background: transparent; width: 100%;
    border: 0;
    color: #e72128;}
.limits select option{color: #e72128 !important}
.sorts select option{color: #e72128 !important}
.sorts{padding: 6px 10px;
    border-radius: 8px;
   border: #e72128 solid 1px;
    display: flex;
}
.sort_filters{border-radius: 9px;}

.alert-dismissible{margin-top: 7px;}
.personal_info_wrap .cart_items_dropdown {
    padding: 0 11px;
}
.accordion .accordion-item .cart_item {
    margin: 14px 7px 0 !important;
}

/* The container */
.container1 {
  display: block;
  position: relative;
    padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.container1 input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 22px;
  width: 22px;
  background-color: #e72128;
  border: #dad9d9 solid 1px;
}

/* On mouse-over, add a grey background color */
.container1:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container1 input:checked ~ .checkmark {
  background-color: #e72128;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container1 input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container1 .checkmark:after {
     left: 8px;
    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);
}
.opt_icon_img{
    margin: 10% auto;
    width: 25%;
}
div#product-search {
    padding: 0 23px;
}

#content .list-unstyled{padding: 0 20px !important}
#content .list-unstyled a{color:#9b9b9b;
    padding: 5px 0;
    display: block;
    border-bottom: #efefef solid 1px;}
    #telephone{    direction: ltr !important;}
    .comments_wrap textarea.form-control {
    margin: 0 auto;
    width: 100% !important; 
}
.cart_price_details h6{color: #000}

.tabby_logo {
    position: absolute;
    left: 4px;
    bottom: 6px;
}
.tabby_logo {
    width: 40px !important;
}
.tabby_logo img{border-radius: 0px !important;}
.openSearch_bar {
  margin-right: 15px;
}

.product_slider_wrap{overflow: hidden !important;}

#payment-existing .form-control{border: 1px solid #d3daf0 !important;
    border-radius: 10px !important;
    padding: 13px 10px !important;
    margin: 5px 0 0 !important;
    width: 100% !important;}
.so-onepagecheckout select{border: 1px solid #d3daf0 !important;
    border-radius: 10px !important;
    padding: 13px 10px !important;
    margin: 5px 0 0 !important;
    width: 100% !important;}
    .add_edit_addrss .modal-content {
        min-height: auto !important;
    }
 
 .so-onepagecheckout select {
   height: 45px;
   margin-bottom: 10px;color: red;
    width: 100% !important;
}
fieldset.mobile_optimize_form2 {
    padding: 0 17px;
}
#column-right .list-group{padding: 11px 0 !important}

.address_blockA{border: #ccc solid 1px; border-radius: 10px; padding: 10px;}
.address_list_table{margin: 4px 13px 22px 13px}

.address_btns_edit a{border: #ccc solid 1px;
    padding: 3px 22px;
    display: inline-block;
    margin-top: 10px;
    border-radius: 6px;
    color: #e72128;}

 .location_box  .lb_contents {
   position: relative;
    padding: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
 .location_box  .lb_contents img{position: relative !important; top: auto !important}
 .change{
    font-size: 14px;
    color:var(--primary-color);
}
    .pts-welll p, b{font-weight: 400 !important;}

    #payment-new .form-control {border-radius: 10px; border-color: #E2E2E2;}
    .edit_phone_number{display: block;
    margin: 5px 14px;
    border: #ebebeb solid 1px;
    padding: 20px;
        color: #ccc;
    border-radius: 13px;}
       .edit_phone_number .add_nn{ color: #000;
    display: inline-block;
    margin: 0 1px;}
    .edit_phone_number a{color: var(--primary-color);
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;}

     .edit_phone_number button{background: none;
    border: 0;
    color: #e72128;
    text-transform: uppercase;
    font-weight: 600;}
    .loom-companion-mv3 #shadow-host-companion{padding:  0 !important}

    .product_decriptions p{margin-left: 0 !important }
      .reviews_wrap  a{color: #000; text-decoration: none;}

.time_special {
    margin: 0 0 7px 0;
}
.alert-dismissible{
       position: fixed;
    z-index: 100;
    margin: 0;
    width: 450px;
    border-radius: 0;
}
.alert-dismissible i{display: none !important;}