.page_width,
.txt_align_left,
h1,
h2,
h3,
p {
  text-align: left
}

.product_cart .cart_pd_section .cart_pd_total .total_prise_text span,
h1,
h2,
h3,
p {
  font-weight: 400
}

.gerenric_checkbox input,
.product_cart .cart_payment_method .cart_pyment_radio input {
  opacity: 0;
  cursor: pointer
}

.gerenric_btn.gray_btn,
.my_order_page .my_order_box .my_order_box_inner .order_detail .order_button .gerenric_btn.gray_btn {
  background-image: linear-gradient(#fff, #c6c6c6)
}

body {
  margin: 0;
  padding: 0;
  background-color: #fafafa;
  color: #838383
}

#header_section .header_bottom .header_account ul li .account_nav ul li a,
#navigation_section ul li a.nav_sale:hover,
.gerenric_form ul li,
.header_nav_2 ul li .sub_menu .sub_menu_div .sub_menu_title a,
a,
h1,
h2,
h3 {
  color: #000
}

class,
div,
footer,
h1,
h2,
h3,
h4,
h5,
h6,
header,
img,
input,
li,
ol,
p,
section,
select,
span,
textarea,
ul {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box
}

.gerenric_form ul li .form_label,
p {
  font-size: 15px;
  color: #000;
  margin-bottom: 10px
}

#banner_section,
#banner_section .banner_image,
#banner_section .banner_inner video,
#container,
#content_section,
.about_page,
.about_page .about_banner img,
.about_page .about_block .about_br .about_image img,
.appointment_booking,
.appointment_date_booking,
.category_type_product,
.category_type_product .category_type_inner.full_column .ctg_type_col,
.category_type_product .ctg_type_detail,
.contact_page,
.contact_table,
.form_popup_content,
.full_width,
.gerenric_form,
.gerenric_form ul li .form_field,
.gerenric_form ul li .form_label,
.gerenric_product .pd_detail,
.gerenric_product .pd_detail .pd_rating,
.gerenric_product .pd_detail .pd_rating ul,
.gerenric_range,
.gerenric_table,
.gerenric_table.column_3,
.hdr_side_cart .side_cart_pd,
.home_page,
.home_page .hm_register,
.home_page .hm_section_3,
.home_page .hm_section_3 .hm_brand_logo,
.list_porduct,
.my_address_page,
.my_data_page,
.my_order_page,
.my_personal_page,
.new_shopping_list_page,
.new_shopping_list_page .shopping_list_detail,
.product_cart .cart_orderview .cart_prise_orderview,
.product_cart .cart_payment_method .cart_box ul li.full_width,
.product_cart .cart_payment_method .payment_card,
.product_cart .cart_pd_section,
.product_cart .cart_pd_section .cart_pd_detail .cart_pd_option,
.product_category,
.product_category .pd_detail,
.product_create_list,
.product_detail_page,
.product_detail_page .product_detail_section1 .product_right .product_col2 .product_shippment,
.product_detail_page .product_detail_section2,
.product_page,
.shopping_list_page,
.shopping_list_page .shopping_list_section1,
.shopping_list_page .shopping_list_section2,
.social_medial,
.special_price_page,
.wd_100 {
  width: 100%
}

.page_width {
  max-width: 95%
}

.page_width_1480 {
  max-width: 1480px;
  text-align: left;
  padding: 0 25px
}

.col,
.left,
.left_side {
  float: left
}

.close,
.right,
.right_side {
  float: right
}

.clearfix,
.grnc_tabnav_tabs:after {
  clear: both
}

a img {
  border: 0
}

img {
  max-width: 100%
}

.category_type_product .ctg_type_col a,
a {
  text-decoration: none
}

.category_type_product .ctg_type_detail .ctg_type_price.price_without_tex,
.categroy_list h2 .categroy_close_mb,
.categroy_list ul.list_checkbox_hide a::after,
.drop-down .options span.value,
.drop-down .selected span.value,
.drop-down_2 .options span.value,
.drop-down_2 .selected span.value,
.filter_mobile,
.gerenric_product .pd_detail .detail_data_show,
.gerenric_product .pd_detail .pd_prise.price_without_tex,
.gerenric_product_category .pd_ctg_row .pd_ctg_title.price_without_tex,
.grnc_tabnav_content.hide,
.hdr_side_cart .side_cart_pd_row .side_cart_pd_prise.price_without_tex,
.hide,
.pd_detail_shirt input[type=radio],
.product_cart .cart_orderview .cart_prise_orderview ul li .cart_prise_vl.price_without_tex,
.product_cart .cart_pd_section .cart_pd_detail .cart_pd_col2 .cart_price.price_without_tex,
.product_cart .cart_pd_section .cart_pd_detail .cart_pd_option ul li:first-child::after,
.product_col2 .main_staffel_price.price_without_tex,
.product_col2 .main_staffel_price_discount.price_without_tex,
.product_detail_page .product_detail_section1 .product_right .product_col1 .product_prise.price_without_tex,
.product_detail_page .product_detail_section1 .product_right .product_col2 .piece_prise.price_without_tex,
.product_detail_page .product_detail_section1 .product_right .product_col2 .product_vat.price_without_tex,
.ui-datepicker-next span,
.ui-datepicker-prev span {
  display: none
}

.wd_95 {
  width: 95%
}

.wd_90 {
  width: 90%
}

.wd_85 {
  width: 85%
}

.wd_80 {
  width: 80%
}

.wd_75 {
  width: 75%
}

.wd_70 {
  width: 70%
}

.wd_65 {
  width: 65%
}

.wd_60 {
  width: 60%
}

.wd_55 {
  width: 55%
}

.wd_50 {
  width: 50%
}

.wd_45 {
  width: 45%
}

.gerenric_table.column_3 ul li:nth-child(2),
.hdr_side_cart .side_cart_pd_row .side_cart_pd_qty .side_pd_delete,
.wd_40 {
  width: 40%
}

.my_order_page .my_order_box .order_place_bar .placeser_name .placeser_info ul li .placeser_title,
.wd_35 {
  width: 35%
}

.product_cart .cart_orderview .cart_prise_orderview ul li .cart_prise_vl,
.wd_30 {
  width: 30%
}

.product_cart .cart_right,
.wd_25 {
  width: 25%
}

.gerenric_table.column_3 ul li:first-child,
.wd_20 {
  width: 20%
}

.wd_15 {
  width: 15%
}

.wd_10 {
  width: 10%
}

.txt_align_center {
  text-align: center
}

.my_order_page .my_order_box .order_place_bar .place_col:last-child,
.txt_align_right {
  text-align: right
}

#banner_section .slick-slide,
#header_section .header_language,
.drop-down,
.drop-down .option,
.drop-down_2,
.drop-down_2 .selected,
.header_nav_2 ul li a span,
.position_relative {
  position: relative
}

.sticky {
  position: sticky;
  top: 100px
}

p {
  line-height: 150%
}

.gerenric_form ul li,
h1,
h2,
h3 {
  margin-bottom: 15px
}

h1 {
  font-size: 28px
}

h2 {
  font-size: 22px
}

h3 {
  font-size: 20px
}

.green {
  color: green !important
}

.red {
  color: #cc0f19 !important
}

.gerenric_btn.mt_30,
.gerenric_form ul li.mt_30,
.margin_top_30 {
  margin-top: 30px
}

.padding_left_right_10 {
  padding: 0 10px
}

.error_message,
.success_message,
.waring_message {
  font-size: 14px;
  padding: 15px;
  width: 100%
}

.success_message {
  border-radius: 5px;
  color: #155724;
  background-color: #d4edda;
  border: 1px solid #c3e6cb
}

.error_message {
  border-radius: 5px;
  color: #721c24;
  background-color: #f8d7da;
  border: 1px solid #f5c6cb
}

.waring_message {
  border-radius: 5px;
  color: #856404;
  background-color: #fff3cd;
  border: 1px solid #ffeeba
}

body.body-white {
  background-color: #fff !important
}

.gerenric_padding {
  padding: 15px 0
}

.gerenric_btn {
  min-width: 150px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 20px;
  border: 0;
  cursor: pointer;
  font-weight: 600;
  text-align: center;
  border-radius: 3px;
  font-size: 12px;
  color: #212529
}

#footer_section .subscribe_newsletter_btn:hover,
.gerenric_btn:hover {
  background-color: #f3dc09
}

.gerenric_btn.full_btn {
  width: 100%;
  display: flex;
  min-width: auto
}

.gerenric_btn.gray_btn {
  border: 1px solid #c6c6c6
}

.gerenric_form ul li {
  width: 100%;
  font-size: 15px;
  list-style-type: none
}

.about_page .about_block .about_br,
.contact_page .contact_inner,
.gerenric_address,
.gerenric_form ul li .form_row,
.product_cart .product_cart_inner {
  width: 100%;
  display: flex;
  flex-wrap: wrap
}

.gerenric_form ul li .form_input_three {
  width: 33.33%;
  padding-right: 10px
}

.gerenric_form ul li .form_left {
  width: 50%;
  padding-right: 10px
}

.gerenric_form ul li .form_right {
  width: 50%;
  padding-left: 10px
}

#footer_section .footer_logo,
.contact_page .contact_map,
.gerenric_form ul li .forgot_password,
.login_page .new_account_btn {
  width: 100%;
  text-align: center
}

.gerenric_form ul li a {
  color: #007bff !important;
  font-size: 14px
}

#footer_register ul li a:hover,
.gerenric_form ul li a:hover,
.gerenric_show_All a:hover,
.product_category .pd_detail ul li a:hover {
  color: #0056b3;
  text-decoration: underline
}

.gerenric_form ul li .form_term {
  font-size: 13px;
  color: #6c757d
}

.gerenric_form ul li .form_two_button {
  width: 100%;
  text-align: right
}

.gerenric_input {
  width: 100%;
  height: 40px;
  background-color: #fff;
  border: 1px solid #ccc;
  padding: 6px 15px;
  border-radius: 4px;
  font-size: 14px;
  color: #000
}

.tab_radio_button,
.tab_radio_button .tab_radio_col label {
  display: flex;
  align-items: center;
  border-radius: 5px;
  width: 100%;
  overflow: hidden
}

.gerenric_input:focus {
  outline: 0;
  box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.gerenric_input.gerenric_textarea {
  height: 120px;
  resize: none
}

.tab_radio_button {
  margin-bottom: 30px
}

.appointment_date_booking .appointment_section1 .appointment_card ul li input[type=radio],
.tab_radio_button input[type=radio] {
  position: absolute;
  visibility: hidden
}

.tab_radio_button .tab_radio_col {
  width: 120px;
  margin-right: 20px
}

.tab_radio_button .tab_radio_col label {
  justify-content: center;
  position: relative;
  padding: 0 5px;
  border: 1px solid #ccc;
  height: 35px;
  font-size: 13px;
  color: #000;
  z-index: 9;
  cursor: pointer
}

.tab_radio_button .tab_radio_col input[type=radio]:checked~label {
  background-color: #ffc107;
  border-color: #ffc107;
  color: #000
}

.gerenric_switch {
  display: inline-flex;
  align-items: center
}

.gerenric_switch span:first-child {
  margin-right: 6px
}

.gerenric_switch .switch {
  display: inline-block;
  position: relative;
  width: 50px;
  height: 25px;
  border-radius: 20px;
  background: #dfd9ea;
  transition: background .28s cubic-bezier(.4, 0, .2, 1);
  vertical-align: middle;
  cursor: pointer
}

.gerenric_product_category .pd_ctg_block,
.gerenric_white_box {
  border-radius: 3px;
  box-shadow: 0 0 5px rgba(0, 0, 0, .05);
  background-color: #fff
}

.gerenric_switch .switch::before {
  content: '';
  position: absolute;
  top: 3px;
  left: 3px;
  width: 19px;
  height: 19px;
  background: #fafafa;
  border-radius: 50%;
  transition: left .28s cubic-bezier(.4, 0, .2, 1), background .28s cubic-bezier(.4, 0, .2, 1), box-shadow .28s cubic-bezier(.4, 0, .2, 1)
}

.gerenric_switch .switch:active::before {
  box-shadow: 0 2px 8px rgba(0, 0, 0, .28), 0 0 0 20px rgba(128, 128, 128, .1)
}

.gerenric_switch input:checked+.switch {
  background: #ffc107
}

.gerenric_switch input:checked+.switch::before {
  left: 27px;
  background: #fff
}

.gerenric_switch input:checked+.switch:active::before {
  box-shadow: 0 2px 8px rgba(0, 0, 0, .28), 0 0 0 20px rgba(0, 150, 136, .2)
}

.gerenric_show_All {
  width: 100%;
  margin-top: 20px;
  text-align: right;
  border-top: 1px solid rgba(0, 0, 0, .1);
  padding: 20px 0
}

.gerenric_product_category .pd_ctg_heading a,
.gerenric_show_All a {
  color: #232f3e
}

.gerenric_white_box {
  width: 100%;
  padding: 10px 20px
}

.gerenric_product h2,
.gerenric_white_box h3,
.product_category h2 {
  color: #343a40 !important;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 15px
}

.gerenric_product_category,
.gerenric_product_category .pd_ctg_row {
  margin: 0 -15px;
  display: flex;
  flex-wrap: wrap
}

.gerenric_product_category .pd_ctg_block {
  width: calc(25% - 30px);
  margin: 15px;
  padding: 20px;
  border: 1px solid rgba(0, 0, 0, .125)
}

.gerenric_product_category .pd_ctg_block.pd_ctg_special_sale {
  border: 5px solid transparent;
  border-image: linear-gradient(to right, #ff0000bf, #ffc106d4);
  border-image-slice: 1
}

.gerenric_product_category .pd_ctg_heading {
  font-size: 21px;
  margin-bottom: 10px;
  color: #232f3e;
  font-weight: 700
}

#header_section .header_bottom .header_account ul li .account_nav ul li a:hover,
.categroy_list .show-more:hover,
.gerenric_breadcrumb ul li a:hover,
.gerenric_product_category .pd_ctg_heading a:hover,
.header_nav_2 ul li .sub_menu .sub_menu_div .sub_menu_title a:hover,
.header_nav_2 ul li .sub_menu h3 a:hover,
.header_nav_2 ul li .sub_menu ul li a:hover,
.product_cart .cart_pd_section .cart_pd_detail .cart_pd_option ul li a:hover,
.product_detail_page .product_detail_section1 .product_right .product_col2 .product_shippment .shippment_text a:hover {
  text-decoration: underline
}

.gerenric_product_category .pd_ctg_row .pd_ctg_title del {
  color: #b12704;
  font-weight: 700
}

.gerenric_product_category .pd_ctg_row .pd_ctg_title .pd_ctg_discount_price {
  color: green;
  font-weight: 700
}

.gerenric_product_category .pd_ctg_row .pd_ctg_card {
  width: 50%;
  padding: 8px 15px
}

.gerenric_product_category .pd_ctg_row .pd_ctg_image {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 6px
}

.gerenric_product_category .pd_ctg_row .pd_ctg_image img {
  max-height: 100%;
  object-fit: contain
}

.pd_tag {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #b30000;
  color: #ffff;
  padding: 2px 10px;
  font-size: 18px;
  font-weight: 500;
  border-radius: 10px 0
}

.gerenric_product_category .pd_ctg_row .pd_ctg_title {
  width: 100%;
  font-size: 12px;
  color: #000;
  font-weight: 400
}

.gerenric_product {
  margin: 0 -2px;
  overflow: hidden
}

.gerenric_product .gerenric_product_inner {
  margin: 0 -2px;
  display: flex;
  flex-wrap: wrap
}

.gerenric_product h2.pd_heading {
  width: 100%;
  padding: .5rem !important;
  background-image: linear-gradient(to right, #ff0000bf, #ffc106d4);
  color: #fff !important;
  text-align: center;
  border-radius: 7px
}

.gerenric_product .slick-next,
.gerenric_product .slick-prev {
  width: 60px;
  line-height: 79%;
  height: 100px;
  display: flex !important;
  top: 40%;
  z-index: 999;
  border: 1px solid rgba(0, 0, 0, .125);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 2px rgba(0, 0, 0, .02);
  background-color: #fff
}

.gerenric_product .slick-next,
.gerenric_product.full_column.mostviewed .pd_image,
.gerenric_product.full_column.mostviewed .slick-prev,
.gerenric_product.full_column.mostviewed .slick-slide,
.grnc_tabnav_content {
  background-color: #fff
}

.category_type_inner .slick-prev,
.gerenric_product .slick-prev {
  left: 0;
  position: absolute
}

.category_type_inner .slick-next,
.gerenric_product .slick-next {
  right: 0;
  position: absolute
}

#banner_section .slick-prev::after,
.category_type_inner .slick-prev::after,
.gerenric_product .slick-prev::after {
  content: "\f104";
  color: #3b3939;
  font-size: 30px !important;
  display: block;
  font: 14px/1 FontAwesome;
  position: absolute
}

#banner_section .slick-next::after,
.category_type_inner .slick-next::after,
.gerenric_product .slick-next::after {
  content: "\f105";
  color: #3b3939;
  font-size: 30px !important;
  display: block;
  font: 14px/1 FontAwesome;
  position: absolute
}

#banner_section .slick-next:hover,
#banner_section .slick-prev:hover,
.category_type_inner .slick-next:hover,
.category_type_inner .slick-prev:hover,
.gerenric_product .slick-next:hover,
.gerenric_product .slick-prev:hover {
  background-color: #e6e6e6
}

.gerenric_product.full_column {
  display: block;
  margin: 0
}

.gerenric_product.full_column .pd_card {
  width: calc(100% - 0px);
  border-radius: 0;
  background-color: transparent;
  margin: 0
}

.gerenric_product.full_column .slick-track,
.header_nav_2 ul li:hover .sub_menu,
.list_type_row ul {
  display: flex
}

.gerenric_product.full_column .slick-slide {
  border-radius: 3px;
  background-color: #f9f9f9;
  height: inherit !important;
  margin: 0 2px
}

.gerenric_product .pd_card.pd_card_five {
  width: calc(20% - 4px)
}

.gerenric_product .pd_card {
  width: calc(16.666% - 4px);
  padding: 5px;
  border-radius: 3px;
  margin: 2px;
  border: 1px solid rgba(0, 0, 0, .04)
}

#header_section .header_bottom .header_account ul li .href_login::after,
.gerenric_product .pd_card.txt_align_left {
  border: none
}

.gerenric_product .pd_image {
  position: relative;
  width: 100%;
  border-radius: 3px;
  margin-bottom: 15px;
  background-color: #f1f2f2;
  height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px
}

.gerenric_product .pd_image img {
  max-height: 100%;
  object-fit: contain;
  margin: auto;
  mix-blend-mode: multiply
}

.gerenric_product .pd_image a {
  display: flex;
  align-items: center;
  height: 100%;
  width: 100%
}

.gerenric_product .pd_detail h5 {
  font-size: 17px;
  color: #000;
  font-weight: 500;
  margin-bottom: 10px
}

.gerenric_product .pd_detail h3 {
  font-size: 18px;
  color: #000;
  font-weight: 600;
  margin-bottom: 10px
}

.gerenric_product .pd_detail .product_order_title,
.product_detail_page .product_detail_section1 .product_right .product_col2 .product_order_title {
  font-size: 17px;
  color: orange;
  font-weight: 700;
  margin-bottom: 10px
}

.gerenric_product.full_column.mostviewed .pd_detail .pd_prise .pd_prise_discount,
.gerenric_product.full_column.mostviewed .pd_detail .pd_prise .pd_prise_discount_value,
.gerenric_product.full_column.mostviewed .pd_detail h5 {
  font-size: 14px
}

.gerenric_product .pd_detail h5 a:hover,
.home_page .hm_register p a:hover {
  color: #007bff;
  text-decoration: underline
}

#navigation_section ul li,
.gerenric_product .pd_detail .pd_rating ul li {
  list-style-type: none
}

.gerenric_product .pd_detail .pd_rating ul li .fa {
  color: #ffc107;
  margin-right: 2px;
  font-size: 17px
}

.gerenric_product .pd_detail .pd_del_price {
  font-size: 20px;
  color: #5a5a5a;
  font-weight: 500;
  margin-bottom: 6px
}

.gerenric_product .pd_detail .pd_action {
  width: 100%;
  margin-bottom: 5px;
  display: none
}

#header_section .header_bottom .header_account ul,
#header_section .header_top ul,
.gerenric_product .pd_detail .pd_action ul,
.new_shopping_list_page .shopping_list_detail .shopping_list_title .shopping_list_profile {
  display: flex;
  align-items: center
}

.gerenric_product .pd_detail .pd_action ul li {
  list-style-type: none;
  position: relative;
  padding: 3px 8px;
  font-size: 16px
}

.gerenric_product .pd_detail .pd_action ul li::after {
  width: 1px;
  height: 16px;
  background-color: #ccc;
  content: '';
  position: absolute;
  left: 0
}

#header_section .header_language .language_select a:hover,
.gerenric_product .pd_detail .pd_action ul li:first-child::after {
  background-color: transparent
}

.gerenric_product .pd_detail .pd_action ul li .pd_slt {
  min-width: 75px;
  width: 100px;
  background-color: #ebebeb;
  padding: 0 10px;
  height: 24px
}

.gerenric_product .pd_detail .pd_prise {
  font-size: 22px;
  color: #b12704;
  font-weight: 500;
  margin-bottom: 10px
}

.gerenric_product .pd_detail .pd_prise .pd_prise_discount_value,
.gerenric_product.full_column.mostviewed .pd_detail .pd_prise,
.pd_row_heading .list_type_row ul li {
  font-size: 16px
}

.gerenric_product .pd_detail .pd_prise .pd_prise_discount {
  color: green;
  font-size: 20px
}

.gerenric_product .pd_detail .pd_btn .gerenric_btn {
  width: auto;
  min-width: inherit;
  border-radius: 100px;
  font-weight: 400;
  font-size: 14px;
  padding: 5px 20px
}

.product_detail_page .product_detail_section1 .product_left .product_main_image {
  width: 100%;
  padding-left: 120px;
  margin-bottom: 20px;
  position: sticky;
  top: 100px
}

.product_main_image .thum_images {
  width: 130px;
  position: absolute;
  top: 0;
  left: 0;
  height: 460px;
  overflow-y: auto;
  overflow-x: hidden
}

#header_section .header_bottom .header_account ul li .account_nav ul,
#header_section .header_bottom .header_account ul li a:hover::after,
#header_section .header_bottom .header_account ul li:hover .account_nav,
#header_section .header_bottom .header_location:hover::after,
#header_section .header_language:hover ul,
#logo a:hover::after,
#logo img,
.category_type_product .category_type_inner.full_column,
.gerenric_checkbox input:checked~.checkmark:after,
.grnc_tabnav_content.active,
.header_nav_2 ul li a:hover span::after,
.list_porduct.list_class .gerenric_product .pd_detail .pd_action,
.my_order_page .my_order_box .order_place_bar .placeser_name:hover .placeser_info,
.product_category .pd_card:hover .pd_detail ul,
.product_detail_page .product_detail_section1 .product_left .product_main_image .simpleLens-gallery-container.active {
  display: block
}

.product_detail_page .product_detail_section1 .product_left .product_main_image .simpleLens-lens-image {
  height: auto
}

.product_detail_page .product_detail_section1 .product_left .product_main_image .simpleLens-container {
  padding: 10px 20px;
  height: auto;
  border: none !important
}

.product_detail_page .product_detail_section1 .product_left .product_main_image .simpleLens-lens-image img {
  height: 450px;
  object-fit: contain;
  max-height: 100%
}

.product_detail_page .product_detail_section1 .product_left .product_main_image .simpleLens-thumbnails-container {
  display: flex;
  margin: 10px -3px 0;
  flex-wrap: wrap
}

.product_detail_page .product_detail_section1 .product_left .product_main_image .simpleLens-thumbnails-container a {
  width: 70px;
  border-radius: 10px;
  margin-bottom: 15px;
  padding: 5px 0;
  box-shadow: none
}

.product_detail_page .product_detail_section1 .product_left .product_main_image .simpleLens-thumbnails-container a img {
  height: auto;
  width: auto;
  max-height: 100%
}

#header_section .header_bottom .header_account ul li .account_nav ul li::after,
.slick-next,
.slick-prev {
  display: none !important
}

.hdr_side_cart .side_cart_pd_row .side_cart_pd_qty,
.product_page .product_inner,
.social_medial ul {
  width: 100%;
  display: flex
}

.social_medial ul li {
  list-style-type: none;
  margin-left: 5px
}

#header_section .header_top ul li:first-child,
.grnc_tabnav_tabs>li:first-child,
.social_medial ul li:first-child {
  margin-left: 0
}

.social_medial ul li img {
  width: 30px
}

.gerenric_breadcrumb,
.product_cart {
  width: 100%;
  margin-top: 20px
}

.gerenric_breadcrumb .breadcrumb_inner {
  display: inline-flex
}

.gerenric_breadcrumb ul,
.pd_detail_shirt ul,
.product_cart .cart_payment_method .cart_box ul,
.product_cart .cart_payment_method .cart_py_field .gerenric_form ul li.dlpy_flex,
.product_category .product_category_inner {
  display: flex;
  flex-wrap: wrap
}

.gerenric_breadcrumb ul li {
  list-style-type: none;
  margin: 3px 0;
  border-left: 1px solid #273445;
  padding: 0 10px;
  font-size: 14px;
  color: #273445;
  font-weight: 500
}

.gerenric_breadcrumb ul li:first-child {
  padding-left: 0;
  border-left: 0
}

.gerenric_breadcrumb ul li a {
  color: #273445
}

.categroy_list,
.product_cart .cart_orderview {
  width: 100%;
  background-color: #fff
}

.categroy_list .categroy_block {
  width: 100%;
  margin-bottom: 20px;
  border-bottom: 1px solid #c8c8c8;
  padding-bottom: 15px
}

.categroy_list .categroy_block:last-child {
  border-bottom: 0;
  padding-bottom: 0
}

.categroy_list h2 {
  color: #000 !important;
  font-size: 20px;
  position: relative;
  font-weight: 700;
  margin-bottom: 15px
}

.categroy_list h3 {
  color: #343a40 !important;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 15px
}

.categroy_list ul.list_checkbox_hide a,
.product_cart .cart_pd_section .cart_pd_detail .cart_pd_option ul li:first-child {
  padding-left: 0
}

.categroy_list ul li {
  list-style-type: none;
  color: #000;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 5px;
  min-height: 15px
}

.categroy_list ul li a {
  color: #000;
  position: relative;
  padding-left: 25px;
  display: block
}

.categroy_list ul li a::after {
  width: 15px;
  height: 15px;
  border: 1px solid #343a40;
  border-radius: 2px;
  position: absolute;
  left: 0;
  content: ''
}

.categroy_list ul li a:hover,
.gerenric_checkbox:hover {
  color: #fb0
}

.categroy_list ul li a:hover::after {
  border-color: #fb0
}

.categroy_list .category_show_height {
  height: 115px;
  overflow: hidden
}

.categroy_list .show-more {
  margin-top: 10px;
  cursor: pointer;
  color: #cc0f19;
  font-size: 14px
}

.gerenric_checkbox {
  display: block;
  position: relative;
  padding-left: 30px;
  color: #000;
  cursor: pointer;
  font-size: 15px;
  line-height: 25px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.gerenric_checkbox .booknum {
  font-size: 15px;
  color: #fff;
  text-align: right;
  position: absolute;
  top: 0;
  right: 0
}

.gerenric_checkbox input {
  position: absolute;
  height: 0;
  width: 0
}

.gerenric_checkbox .checkmark {
  position: absolute;
  top: 3px;
  left: 0;
  height: 18px;
  width: 18px;
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 3px
}

.gerenric_checkbox input:checked~.checkmark {
  background-color: #fb0;
  border: 1px solid #fb0
}

.gerenric_checkbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
  left: 5px;
  top: 1px;
  width: 4px;
  height: 9px;
  border: solid #000;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg)
}

.gerenric_checkbox:hover .checkmark {
  border: 1px solid #fb0
}

.gerenric_range .range-bar {
  border: none;
  background: #d8d8d8;
  height: 6px;
  width: 100%;
  margin-left: 8px
}

.gerenric_range .range-value input {
  width: 100%;
  background: 0 0;
  color: #000;
  font-size: 16px;
  font-weight: initial;
  box-shadow: none;
  border: none;
  margin-bottom: 15px
}

.gerenric_range .ui-slider-handle+span,
.gerenric_range .ui-slider-range {
  background: #cc0f19
}

.gerenric_range .ui-slider-handle {
  border: 2px solid #cc0f19;
  border-radius: 25px;
  background: #fff;
  height: 17px;
  width: 17px;
  top: -.52em;
  cursor: pointer
}

#header_section .header_bottom .header_search .header_select_slt:focus,
#header_section .header_bottom .header_search .search_input:focus,
.gerenric_range .range-value input:focus,
.list_type_row .list_type_search .list_search_input:focus {
  outline: 0
}

.gerenric_range .ui-slider-horizontal .ui-slider-handle {
  top: -6px
}

.create_list_popup,
.form_popup,
.address_form_popup,
.location_popup,
.popup {
  background: rgba(0, 0, 0, .7);
  cursor: pointer;
  display: none;
  height: 100%;
  padding: 20px 0;
  overflow-y: auto;
  position: fixed;
  left: 0;
  top: 0;
  text-align: center;
  width: 100%;
  z-index: 9999999
}

.popup .popup_inner {
  margin: auto;
  height: 100%;
  display: flex !important;
  align-items: center;
  left: 0;
  right: 0;
  position: relative
}

.create_list_content,
.location_content,
.popup_content {
  width: 100%;
  background-color: #fff;
  border-radius: 10px
}

.create_list_content .create_list_heading,
.location_content .location_heading,
.popup_content .popup_heading {
  width: 100%;
  padding: 15px 20px;
  border-radius: 8px 8px 0 0;
  font-size: 16px;
  text-align: left;
  color: #000;
  font-weight: 700;
  position: relative;
  border-bottom: 1px solid #d5d9d9;
  background-color: #f0f2f2
}

.create_list_content .create_list_heading .popup_close,
.location_content .location_heading .location_close,
.popup_content .popup_heading .popup_close {
  position: absolute;
  top: 16px;
  right: 20px;
  cursor: pointer
}

.create_list_content .create_list_content_inner,
.location_content .location_content_inner,
.popup_content .popup_content_inner {
  width: 100%;
  padding: 20px
}

.popup_inner_container {
  display: flex;
  flex-direction: column;
  gap: 15px
}

.popup_inner_container h2 {
  font-size: 35px;
  font-weight: 700
}

.popup_inner_container h2 span {
  font-size: 18px;
  font-weight: 500
}

.popup_inner_container p {
  font-size: 14px;
  color: #000
}

.popup_inner_container .underline {
  width: 100%;
  height: 1px;
  background-color: #000
}

.create_list_popup>.inner_popup,
.location_popup>.inner_popup {
  max-width: 375px;
  margin: auto;
  height: 100%;
  display: flex !important;
  align-items: center;
  left: 0;
  right: 0;
  position: relative
}

.close,
.create_list_trigger,
.form_popup_trigger,
.address_form_popup_trigger,
.location_trigger,
.pd_detail_shirt input[type=radio]+label span label {
  cursor: pointer
}

.create_list_content p,
.location_content p {
  font-size: 12px;
  margin-bottom: 15px;
  color: #000
}

.location_content .popup_btn .gerenric_btn.full_btn {
  width: 100%;
  border-radius: 100px;
  margin-bottom: 20px
}

.location_content .or_text {
  width: 100%;
  height: 1px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ccc;
  margin: 20px 0
}

.location_content .or_text .or_text_inner {
  display: inline-block;
  padding: 5px 10px;
  position: absolute;
  background-color: #fff
}

.location_content .popup_apply_div {
  width: 100%;
  margin-bottom: 20px;
  position: relative
}

.create_list_content .input_list,
.location_content .popup_apply_div .input_apply {
  width: 100%;
  height: 34px;
  padding: 5px 10px;
  border-radius: 5px;
  background-color: #fff;
  border: 1px solid #dfdfdf
}

.location_content .popup_apply_div .gerenric_btn {
  min-width: inherit;
  width: 90px;
  border-radius: 100px;
  position: absolute;
  right: 0;
  background-color: #fff;
  font-size: 14px;
  color: #000;
  border: 1px solid #dfdfdf
}

.about_page .about_block,
.location_content .popup_select_box,
.my_address_page .my_address_section1,
.pd_detail_shirt {
  width: 100%;
  margin-bottom: 20px
}

.location_content .popup_select_box .select_input {
  width: 100%;
  height: 34px;
  font-size: 14px;
  padding: 5px 10px;
  border: 1px solid #e7e5e5;
  border-radius: 10px;
  background-color: #efefef
}

.location_content .popup_btn_done {
  text-align: right;
  width: 100%
}

.location_content .popup_btn_done .gerenric_btn {
  border-radius: 100px;
  min-width: 50px
}

.create_list_content .gerenric_btn {
  min-width: 110px;
  margin-top: 20px;
  font-size: 14px;
  color: #000;
  background-color: #f3dc09;
  border: 1px solid #dfdfdf
}

.create_list_content .create_button {
  display: flex;
  justify-content: center
}

.create_list_content .create_button .gerenric_btn:first-child {
  margin-right: 5px;
  background-color: #fff
}

.form_popup>.inner_popup,
.address_form_popup>.inner_popup {
  max-width: 600px;
  border-radius: 10px;
  background-color: #fff;
  margin: 30px auto;
  display: block !important;
  top: 30px
}

.form_popup_content .form_popup_heading {
  width: 100%;
  padding: 15px 20px;
  border-radius: 8px 8px 0 0;
  font-size: 16px;
  text-align: left;
  color: #fff;
  font-weight: 700;
  position: relative;
  background-color: #232f3e
}

.form_popup_content .form_popup_heading .form_popup_close,
.form_popup_content .form_popup_heading .address_form_popup_close {
  position: absolute;
  top: 16px;
  right: 20px;
  cursor: pointer;
  color: #fff
}

.form_popup_content .form_popup_content_inner {
  width: 100%;
  padding: 20px;
  text-align: left
}

.gerenric_table ul {
  width: 100%;
  display: flex;
  border-bottom: 1px solid #c8c8c8
}

.gerenric_table ul:first-child {
  background-color: #cc0f19
}

.gerenric_table ul:first-child li {
  font-weight: 700;
  color: #fff
}

.gerenric_table ul li {
  list-style-type: none;
  padding: 14px 8px;
  font-size: 15px;
  color: #232f3e;
  font-weight: 400
}

.gerenric_table ul li .table_action {
  display: flex;
  justify-content: end
}

.gerenric_table ul li .table_action a {
  margin-left: 8px;
  font-size: 20px
}

.gerenric_table ul li .table_action a:hover {
  color: #cc0f19
}

.gerenric_table.column_3 ul li:nth-child(3) {
  width: 40%;
  text-align: right
}

.gerenric_address.full_column {
  width: 100%;
  display: block
}

.gerenric_address.full_column .address_col {
  width: 100%;
  padding: 10px 0
}

.gerenric_address .address_col {
  width: 33.333%;
  padding: 10px
}

.gerenric_address .address_card {
  width: 100%;
  background-color: #fff;
  box-shadow: 0 0 15px rgba(0, 0, 0, .2);
  border: 1px solid rgba(0, 0, 0, .125);
  padding: 25px 15px;
  border-radius: 10px
}

.gerenric_address .address_card h2 {
  display: flex;
  align-items: center;
  margin-bottom: 0;
  font-size: 25px;
  font-weight: 700;
  border-bottom: 1px solid #dee2e6
}

.gerenric_address .address_card .address_detail {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 10px
}

.gerenric_address .address_card .address_detail ul li,
.product_cart .cart_delivery ul li {
  list-style-type: none;
  font-size: 15px;
  font-weight: 400;
  color: #212529;
  margin-bottom: 10px
}

.about_page .about_block ul li span,
.gerenric_address .address_card .address_detail ul li span,
.product_cart .cart_delivery ul li span,
.product_detail_page .product_detail_section1 .product_right .product_col1 ul.product_type li .product_label {
  font-weight: 700
}

.gerenric_address .address_card .address_detail .btn_address {
  display: flex;
  align-items: center;
  gap: 10px;
  border-top: 1px solid #dee2e6;
  padding-top: 10px
}

#footer_register ul li a,
.gerenric_address .address_card .address_detail .btn_address a,
.home_page .hm_register p a {
  color: #007bff
}

.gerenric_address .address_card .address_remove {
  width: 100%;
  text-align: right;
  margin-top: 20px;
  padding: 12px 0 0;
  border-top: 1px solid rgba(0, 0, 0, .125)
}

.gerenric_address .address_card .address_remove .gerenric_btn {
  min-width: inherit;
  height: 30px;
  background: #eeeff1;
  border: 1px solid #d1d1d1
}

.gerenric_add_box {
  width: 100%;
  cursor: pointer;
  border: 3px dashed rgba(0, 0, 0, .125);
  background-color: #fff;
  height: 260px;
  display: flex;
  align-items: center;
  justify-content: center
}

.gerenric_add_box .add_icon {
  width: 100%;
  text-align: center;
  font-size: 25px;
  margin-bottom: 10px;
  color: #000
}

.gerenric_add_box .add_text {
  width: 100%;
  text-align: center;
  font-weight: 700;
  font-size: 18px;
  color: #000
}

.header_overlay {
  width: 100%;
  height: 100%;
  display: none;
  z-index: 9999;
  background-color: rgba(0, 0, 0, .6);
  position: fixed;
  top: 0;
  left: 0
}

#header_section {
  width: 100%;
  position: relative;
  z-index: 99999;
  -webkit-transition: .3s;
  transition: .3s
}

#header_section .header_top {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0 20px
}

#header_section .header_top ul li {
  list-style-type: none;
  margin-left: 10px;
  font-size: 13px;
  color: #fff
}

#header_section .header_top ul li a {
  padding: 10px;
  display: block;
  color: #fff
}

#banner_section .banner_detail .gerenric_btn.yellow_btn,
#header_section .header_top ul li a:hover,
#navigation_section ul li a:hover {
  background-color: #ffc107;
  color: #000
}

#header_section .header_language .language_select {
  width: 95px;
  font-size: 11px;
  height: 25px;
  cursor: pointer;
  display: flex;
  align-items: center;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 5px 8px
}

#header_section .header_language .language_select .fa-caret-down {
  position: absolute;
  right: 10px;
  color: #000
}

#header_section .header_language .language_select a {
  color: #000;
  padding: 0 !important
}

#header_section .header_language ul {
  width: 100%;
  display: none;
  position: absolute;
  z-index: 9999;
  border-radius: 10px;
  border: 1px solid #ddd;
  background-color: #fff
}

#header_section .header_language ul li {
  width: 100%;
  font-size: 11px;
  display: block;
  margin-left: 0;
  text-align: left;
  color: #000;
  align-items: center;
  list-style-type: none;
  border-bottom: 1px solid #ddd
}

#header_section .header_language ul li:last-child {
  border-bottom: 0;
  color: #000
}

#header_section .header_language a {
  display: flex !important;
  align-items: center;
  color: #000 !important
}

#header_section .header_language a:hover {
  background-color: transparent !important
}

#header_section .header_language img {
  margin-right: 5px;
  width: 20px
}

.header_sticky {
  -webkit-transition: .3s;
  transition: .3s
}

.header_sticky.headersticky {
  width: 100%;
  z-index: 99999;
  top: 0;
  position: fixed
}

.header_sticky.headersticky #navigation_section ul li.all_menu {
  top: 16px
}

#header_section .header_bottom {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 7px
}

#header_section .header_bottom .header_account ul li {
  list-style-type: none;
  position: relative;
  display: flex;
  margin-left: 10px
}

#header_section .header_bottom .header_account ul li .appointment_booking {
  font-size: 12px;
  font-weight: 700;
  text-align: center;
  background-color: #fff;
  border-radius: 5px;
  padding: 10px;
  text-transform: uppercase;
  color: #000
}

#header_section .header_bottom .header_account ul li .hdr_icon {
  width: 30px;
  font-size: 30px;
  color: #fff
}

#header_section .header_bottom .header_account ul li .hdr_text {
  width: calc(100% - 30px);
  font-size: 14px;
  color: #fff;
  font-weight: 600;
  text-align: left;
  padding-left: 5px
}

#header_section .header_bottom .header_account ul li .hdr_text span {
  display: block;
  font-weight: 500;
  color: #fffc04;
  font-size: 12px
}

#banner_section .banner_detail.detail_white h2,
#banner_section .banner_detail.detail_white p,
#footer_section .footer_top ul li a,
#header_section .header_bottom .header_account ul li .hdr_text a {
  color: #fff
}

#header_section .header_bottom .header_account ul li a::after {
  width: 100%;
  min-height: 40px;
  top: -9px;
  border-radius: 4px;
  left: -5px;
  border: 1px solid #fff;
  display: none;
  content: '';
  position: absolute;
  padding: 5px
}

#header_section .header_bottom .header_location {
  font-size: 12px;
  position: relative;
  padding: 0 5px;
  color: #fff;
  display: flex;
  align-items: center
}

#header_section .header_bottom .header_location .fa {
  font-size: 20px;
  color: #fffc04;
  margin-right: 5px
}

#header_section .header_bottom .header_location span {
  font-weight: 700;
  margin-left: 5px
}

#header_section .header_bottom .header_location::after,
#logo a::after {
  width: 100%;
  height: 40px;
  top: -15px;
  border-radius: 4px;
  left: -5px;
  border: 1px solid #fff;
  display: none;
  content: '';
  position: absolute;
  padding: 5px
}

#header_section .header_bottom .header_search {
  width: 55%;
  display: flex;
  border-radius: 5px;
  overflow: hidden;
  background-color: #fff;
  position: relative
}

#header_section .header_bottom .header_search .header_select_slt {
  width: 100px;
  font-size: 14px;
  font-weight: 500;
  padding: 10px;
  background-color: #ebebeb;
  border: 0;
  height: 40px
}

#header_section .header_bottom .header_search .search_input {
  width: 100%;
  height: 40px;
  background-color: #fff;
  border: 0;
  padding: 7px 20px
}

#header_section .header_bottom .header_search .search_icon {
  width: 60px;
  height: 40px;
  border: 0;
  cursor: pointer;
  position: relative;
  justify-content: center;
  display: flex;
  align-items: center
}

#header_section .header_bottom .header_search .search_icon::after {
  position: absolute;
  content: "\f002";
  font: 18px/1 FontAwesome;
  color: #000
}

#header_section .header_bottom .header_account ul li .account_nav {
  width: 240px;
  display: none;
  z-index: 99;
  right: 0;
  top: 35px;
  box-shadow: 0 0 9px rgba(0, 0, 0, .1);
  position: absolute;
  background-color: #fff;
  border-radius: 3px
}

#header_section .header_bottom .header_account ul li .account_nav ul li {
  list-style-type: none;
  display: block;
  border-bottom: 1px solid #dfdfdf;
  padding: 10px 20px;
  font-weight: 400;
  font-size: 13px;
  color: #000
}

#header_section .header_bottom .header_account ul li .account_nav ul li span {
  color: #000;
  font-weight: 700;
  font-size: 16px
}

#header_section .header_bottom .header_account ul li .account_nav ul li.account_hdr {
  margin-top: 15px
}

#header_section .header_bottom .header_account ul li .mb-10,
.list_porduct.list_class .gerenric_product .pd_detail .pd_rating {
  margin-bottom: 10px
}

.hdr_side_cart {
  width: 130px;
  -webkit-transition: .3s;
  transition: .3s;
  display: none;
  background-color: #fff;
  border-left: 1px solid #bbb;
  height: 100vh;
  overflow-y: auto;
  top: 0;
  position: fixed;
  z-index: 999;
  right: 0
}

.hdr_side_cart .side_bar_close {
  position: absolute;
  left: 10px;
  top: 5px;
  font-size: 15px;
  font-weight: 700;
  color: #000;
  cursor: pointer
}

.hdr_side_cart .side_cart_subtotal {
  width: 100%;
  border-bottom: 1px solid #bbb;
  padding: 15px;
  margin-top: 10px
}

.hdr_side_cart .side_cart_subtotal .subtotal_title {
  width: 100%;
  font-size: 14px;
  color: #000;
  text-align: center;
  margin-bottom: 10px
}

.hdr_side_cart .side_cart_subtotal .subtotal_prise {
  width: 100%;
  font-size: 16px;
  font-weight: 700;
  color: #cc0f19;
  text-align: center;
  margin-bottom: 10px
}

.hdr_side_cart .side_cart_subtotal .gerenric_btn {
  width: 100%;
  border-radius: 100px;
  padding: 5px;
  height: 25px;
  background-color: #fff;
  border: 1px solid #bbb
}

.hdr_side_cart .side_cart_pd_row {
  width: 100%;
  border-bottom: 1px solid #bbb;
  padding: 5px
}

.hdr_side_cart .side_cart_pd_row .side_cart_pd_image {
  width: 100%;
  text-align: center;
  margin-bottom: 15px
}

.hdr_side_cart .side_cart_pd_row .side_cart_pd_prise {
  width: 100%;
  font-size: 16px;
  font-weight: 700;
  color: #000;
  text-align: center;
  margin-bottom: 15px
}

.hdr_side_cart .side_cart_pd_row .side_cart_pd_prise .orignal_price,
.my_order_page .my_order_box .order_place_bar .place_div .orignal_price,
.product_cart .cart_pd_section .cart_pd_detail .cart_pd_col2 .cart_price .orignal_price,
.product_detail_page .product_detail_section1 .product_right .product_col2 .piece_prise .orignal_price {
  color: #b12704
}

.hdr_side_cart .side_cart_pd_row .side_cart_pd_prise .pd_prise_discount,
.my_order_page .my_order_box .order_place_bar .place_div .pd_prise_discount {
  color: green
}

.hdr_side_cart .side_cart_pd_row .side_cart_pd_qty .side_pd_qty {
  width: 60%;
  padding-right: 5px
}

.hdr_side_cart .side_cart_pd_row .side_cart_pd_qty .side_pd_qty .qlt_number {
  width: 100%;
  padding: 5px;
  border: 1px solid grey;
  height: 30px;
  border-radius: 4px
}

.hdr_side_cart .side_cart_pd_row .side_cart_pd_qty .side_pd_delete a {
  width: 100%;
  height: 28px;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #bbb
}

#logo {
  width: 120px;
  position: relative
}

#navigation_section {
  width: 100%;
  padding: 5px 0
}

#navigation_section ul {
  display: flex;
  flex-wrap: wrap;
  padding: 0 15px
}

#navigation_section ul li a {
  color: #fff;
  display: block;
  padding: 10px 15px
}

#navigation_section ul li a.nav_sale {
  color: #ffc107;
  font-weight: 700
}

#navigation_section .nav_overlay {
  width: calc(100% - 300px);
  height: 100%;
  z-index: 9999;
  content: '';
  background-color: rgba(0, 0, 0, .5);
  position: fixed;
  right: 0;
  top: 0
}

#navigation_section .nav_submenu {
  width: 300px;
  display: none;
  z-index: 9999;
  position: fixed;
  left: 0;
  top: 0;
  height: 100vh;
  overflow-y: auto;
  background-color: #fff
}

#navigation_section .nav_submenu.showMenu {
  display: block;
  transition: .3s
}

#navigation_section .nav_submenu_logo {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #323234;
  text-align: left;
  padding: 15px 20px
}

#navigation_section .nav_submenu_logo img {
  width: 150px;
  display: block
}

#navigation_section .nav_submenu ul {
  display: block;
  padding: 0
}

#navigation_section .nav_submenu ul li {
  display: block;
  text-align: left
}

#navigation_section .nav_submenu ul li a {
  color: #212529;
  border-bottom: 1px solid #e0e0e0;
  padding: 12px 20px
}

.submenu_close {
  cursor: pointer;
  font-size: 18px
}

.header_nav_2 {
  width: 100%;
  border-bottom: 1px solid #bbb;
  position: relative;
  background-color: #fff
}

.header_nav_2 ul {
  display: flex;
  overflow: hidden;
  justify-content: space-between;
  align-items: center;
  width: 100%
}

.header_nav_2 ul li {
  list-style-type: none;
  font-size: 12px;
  color: #000;
  font-weight: 400
}

.header_nav_2 ul li a {
  display: block;
  padding: 15px 20px;
  color: #000;
  position: relative
}

.header_nav_2 ul li a span::after {
  width: 100%;
  height: 2px;
  left: 0;
  right: 0;
  margin: auto;
  display: none;
  background-color: #ffc107;
  position: absolute;
  bottom: -2px;
  content: ''
}

.header_nav_2 ul li .sub_menu {
  width: 100%;
  padding: 40px 0;
  z-index: 99999;
  display: none;
  position: absolute;
  justify-content: center;
  left: 0;
  top: 46px;
  box-shadow: 0 10px 10px rgba(0, 0, 0, .1);
  border-bottom: 1px solid #bbb;
  background-color: #fff
}

.header_nav_2 ul li .sub_menu .sub_menu_col {
  max-width: 190px;
  min-width: 135px;
  padding: 0 15px
}

.header_nav_2 ul li .sub_menu h3 {
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 700
}

.header_nav_2 ul li .sub_menu h3 a {
  color: #000;
  padding: 0
}

.header_nav_2 ul li .sub_menu ul {
  display: block;
  margin-bottom: 30px;
  text-align: left
}

.header_nav_2 ul li .sub_menu ul:last-child,
.my_order_page .my_order_box .order_place_bar .place_div:last-child,
.pd_row_heading h2,
.product_detail_page .product_detail_section1 .product_right .product_col1 ul.product_type li:last-child {
  margin-bottom: 0
}

.header_nav_2 ul li .sub_menu ul li a {
  display: block;
  padding: 5px 0
}

.header_nav_2 ul li .sub_menu .sub_menu_div {
  width: 100%;
  overflow: hidden
}

.header_nav_2 ul li .sub_menu .sub_menu_div .sub_menu_image {
  width: 100%;
  height: 250px;
  display: flex;
  justify-content: center;
  margin-bottom: 15px
}

.header_nav_2 ul li .sub_menu .sub_menu_div .sub_menu_image img {
  object-fit: contain
}

.header_nav_2 ul li .sub_menu .sub_menu_div .sub_menu_title {
  width: 100%;
  font-size: 14px;
  font-weight: 700;
  color: #000
}

#banner_section .banner_inner {
  width: 100%;
  height: 500px;
  position: relative
}

#banner_section .slick-next,
#banner_section .slick-prev {
  width: 45px;
  height: 45px;
  top: 200px;
  line-height: 78%;
  display: flex !important;
  z-index: 999;
  border: 1px solid rgba(0, 0, 0, .125);
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(255, 255, 255, .3)
}

#banner_section .slick-prev {
  left: 70px;
  position: absolute
}

#banner_section .slick-next {
  right: 70px;
  position: absolute
}

#banner_section .banner_image img {
  width: 100%;
  height: 500px;
  object-fit: cover
}

#banner_section .banner_detail {
  max-width: 450px;
  padding: 30px 0;
  position: absolute;
  left: 180px;
  z-index: 9999
}

#banner_section .banner_detail h2 {
  font-size: 34px;
  font-weight: 600;
  margin-bottom: 5px
}

#banner_section .banner_detail p {
  font-size: 24px;
  font-weight: 600
}

#banner_section .banner_detail .gerenric_btn {
  padding: 14px 20px;
  font-size: 15px;
  border-radius: 8px
}

#banner_section .banner_detail .gerenric_btn.black_btn {
  background-color: #000;
  color: #fff
}

.home_page .hm_section_1 {
  width: 100%;
  padding: 0 15px;
  position: relative;
  top: -200px;
  margin-bottom: -200px
}

.home_page .hm_section_2 {
  width: 100%;
  padding: 0 15px
}

.home_page .hm_register p {
  width: 100%;
  font-size: 12px;
  font-weight: 500;
  color: #212529;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 0
}

.home_page .hm_register .gerenric_btn {
  min-width: auto;
  width: 280px
}

.home_page .hm_section_3 .gerenric_white_box {
  width: 100%;
  padding: 30px 0;
  margin-bottom: 0
}

.home_page .hm_section_3 .hm_brand_logo .brand_col {
  width: 100%;
  text-align: center;
  padding: 0 15px
}

.home_page .hm_section_3 .hm_brand_logo .brand_item {
  width: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
  height: 100px;
  padding: 10px;
  border: 1px solid #c8c8c8
}

.home_page .hm_section_3 .hm_brand_logo .brand_item img,
.pd_detail_shirt ul li img {
  max-height: 100%
}

.home_page .hm_section_3 .brand_btn {
  width: 100%;
  margin-top: 20px;
  border-top: 1px solid rgba(0, 0, 0, .1);
  padding: 20px 0
}

.product_detail_page .product_detail_section1 {
  width: 100%;
  margin-bottom: 50px;
  display: flex;
  flex-wrap: wrap
}

.product_detail_page .product_detail_section1 .product_left {
  position: relative;
  width: 40%
}

.product_detail_page .product_detail_section1 .product_right {
  width: 60%;
  display: flex;
  flex-wrap: wrap;
  padding-left: 30px
}

.product_cart .cart_pd_section .cart_pd_detail .cart_pd_col1,
.product_detail_page .product_detail_section1 .product_right .product_col1 {
  width: 70%;
  padding-right: 20px
}

.product_col1 .product_type_height {
  display: block;
  max-height: 53%;
  overflow: hidden
}

.product-type-show-more {
  cursor: pointer;
  color: #cc0f19;
  border-bottom: 1px solid #dedede;
  margin-bottom: 20px;
  padding-bottom: 20px
}

.product_detail_page .product_detail_section1 .product_right .product_col2 {
  width: 30%;
  border: 1px solid #dedede;
  padding: 15px;
  z-index: 2
}

.product_detail_page .product_detail_section1 .product_right .product_col1 h1 {
  font-size: 16px;
  color: #212529;
  font-weight: 600;
  margin-bottom: 10px
}

.product_detail_page .product_detail_section1 .product_right .product_col1 h4 {
  font-size: 16px;
  color: #212529;
  font-weight: 500;
  margin-bottom: 15px
}

.product_detail_page .product_detail_section1 .product_right .product_col1 ul {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #dedede
}

.product_detail_page .product_detail_section1 .product_right .product_col1 ul li {
  list-style-type: none;
  font-size: 15px;
  color: #212529;
  font-weight: 400;
  margin-bottom: 5px
}

.product_detail_page .product_detail_section1 .product_right .product_col1 ul.product_type li {
  display: flex;
  margin-bottom: 15px
}

.product_detail_page .product_detail_section1 .product_right .product_col1 ul.product_type li .product_value {
  width: 100% - 80px;
  padding-left: 10px
}

.product_detail_page .product_detail_section1 .product_right .product_col1 .product_prise {
  font-size: 20px;
  margin-top: 30px;
  margin-bottom: 30px;
  color: #b12704
}

.product_detail_page .product_detail_section1 .product_right .product_col1 .product_prise span {
  color: #212529;
  font-size: 12px;
  text-decoration: underline
}

.product_detail_page .product_detail_section1 .product_right .product_col1 .product_prise .pd_prise_discount {
  color: green;
  font-size: 22px;
  text-decoration: none;
  font-weight: 700
}

.product_detail_page .product_detail_section1 .product_right .product_col1 .product_prise .pd_prise_discount_value {
  color: #fff;
  font-size: 22px;
  text-decoration: none;
  background-color: #b30000;
  padding: 5px;
  border-radius: 8px
}

.product_detail_page .product_detail_section1 .product_right .product_col1 p {
  font-size: 15px;
  color: #212529;
  font-weight: 400
}

.product_detail_page .product_detail_section1 .product_right .product_col2 .piece_prise {
  font-size: 12px;
  color: #212529
}

.product_cart .cart_pd_section .cart_pd_detail .cart_pd_col2 .cart_price .pd_prise_discount,
.product_detail_page .product_detail_section1 .product_right .product_col2 .piece_prise .pd_prise_discount {
  color: green;
  font-size: 16px
}

.product_detail_page .product_detail_section1 .product_right .product_col2 .piece_prise .pd_prise_discount_value {
  color: green;
  font-size: 14px
}

.product_detail_page .product_detail_section1 .product_right .product_col2 .piece_prise span {
  font-size: 12px;
  color: #000
}

.product_detail_page .product_detail_section1 .product_right .product_col2 .product_vat {
  font-size: 12px;
  color: #212529;
  margin-bottom: 5px
}

.product_detail_page .product_detail_section1 .product_right .product_col2 .product_vat .versand_trigger:hover {
  cursor: pointer;
  text-decoration: underline
}

.product_detail_page .product_detail_section1 .product_right .product_col2 .product_order_row {
  width: 100%;
  border-bottom: 1px solid #dedede;
  padding-bottom: 15px;
  margin-bottom: 20px
}

.product_detail_page .product_detail_section1 .product_right .product_col2 .product_order_row_inner {
  width: 100%;
  display: flex;
  align-items: center;
  background: #eee;
  border-radius: 100px
}

.product_detail_page .product_detail_section1 .product_right .product_col2 .order_text {
  width: 70px;
  font-size: 15px;
  padding-left: 10px;
  padding-right: 5px;
  color: #212529;
  font-weight: 400
}

.product_detail_page .product_detail_section1 .product_right .product_col2 .order_select {
  width: calc(100%)
}

.product_detail_page .product_detail_section1 .product_right .product_col2 .order_select_input {
  width: 100%;
  font-size: 14px;
  background: #eee;
  padding: 6px 10px;
  border-radius: 100px;
  border: 0
}

.product_detail_page .product_detail_section1 .product_right .product_col2 .order_select_input:focus {
  outline: 0;
  border: none
}

.product_detail_page .product_detail_section1 .product_right .product_col2 .order_btn .gerenric_btn {
  width: 100%;
  font-size: 14px;
  background-color: #ffca44;
  border-radius: 5px;
  margin-bottom: 10px;
  padding: 5px 20px
}

.product_detail_page .product_detail_section1 .product_right .product_col2 .order_btn .gerenric_btn:hover {
  background-color: #eeb31e
}

.product_detail_page .product_detail_section1 .product_right .product_col2 .product_shippment .shippment_text {
  width: 100%;
  margin-bottom: 20px;
  color: #212529;
  font-size: 15px
}

.product_detail_page .product_detail_section1 .product_right .product_col2 .product_shippment .shippment_text a {
  width: 100%;
  color: #212529;
  position: relative
}

.product_detail_page .product_detail_section1 .product_right .product_col2 .product_shippment .shippment_text a i {
  width: 20px;
  font-size: 18px;
  position: absolute;
  left: 0
}

.product_detail_page .product_detail_section1 .product_right .product_col2 .product_shippment .shippment_text .location_text {
  padding-left: 20px
}

.product_detail_page .product_detail_section1 .product_right .product_col2 .product_shippment .shippment_btn .gerenric_btn {
  background-image: linear-gradient(#fff, #c6c6c6);
  width: 100%;
  border-radius: 5px;
  padding: 10px 20px;
  font-weight: 400;
  font-size: 16px;
  border: 1px solid #d8d8d8
}

.product_detail_page .product_detail_section1 .product_right .product_col2 .product_shippment .shippment_btn .gerenric_btn:hover {
  border-width: 2px
}

.drop-down .selected a {
  background: right center no-repeat #fff;
  position: relative;
  display: block;
  padding: 6px 30px 6px 12px;
  height: 34px;
  border: 1px solid #d7d7d7;
  width: 100%;
  box-sizing: border-box;
  border-radius: 2px;
  text-decoration: none;
  color: #000
}

.drop-down .selected a::after,
.drop-down_2 .selected a::after {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  content: '';
  position: absolute;
  right: 10px;
  top: 14px;
  border-right: 5px solid transparent;
  border-top: 5px solid #000
}

.drop-down .options ul {
  background: #fff;
  display: none;
  list-style: none;
  padding: 0;
  position: absolute;
  left: 0;
  top: 32px;
  width: auto;
  min-width: 100%;
  border: 1px solid #ccc
}

.drop-down .options ul li a,
.drop-down_2 .options ul li a {
  padding: 8px;
  display: block;
  text-decoration: none;
  color: #000
}

.drop-down .options ul li a:hover,
.drop-down_2 .options ul li a:hover {
  background: #3179ac;
  color: #fff;
  transition: .2s
}

.drop-down .create_other_list,
.drop-down_2 .create_other_list {
  padding: 10px;
  border-top: 1px solid #ccc;
  font-size: 16px;
  background-color: #efefef;
  margin-top: 10px;
  color: #000;
  cursor: pointer
}

.drop-down_2 .selected a {
  background: right center no-repeat #eee;
  position: relative;
  display: block;
  padding: 8px 30px 8px 80px;
  height: 34px;
  border-radius: 5px;
  width: 100%;
  box-sizing: border-box;
  text-decoration: none;
  color: #000
}

.drop-down_2 .option {
  position: relative;
  z-index: 9999
}

.drop-down_2 .options ul {
  background: #eee;
  z-index: 999;
  display: none;
  list-style: none;
  padding: 0;
  position: absolute;
  left: 0;
  top: 0;
  width: auto;
  min-width: 100%;
  max-height: 170px;
  overflow-y: auto;
  border: 1px solid #ccc
}

.drop-down_2 .qtu_slt {
  position: absolute;
  z-index: 6;
  left: 10px;
  top: 6px;
  color: #000
}

.product_page .pd_left {
  width: 300px;
  border-right: 1px solid #c8c8c8;
  padding-right: 15px
}

.product_page .pd_right {
  width: calc(100% - 200px);
  padding-left: 30px
}

.product_category_heading h1 {
  color: #343a40 !important;
  font-size: 26px;
  font-weight: 400;
  margin-bottom: 40px
}

.product_category .pd_card {
  width: 16.666%;
  padding: 5px;
  overflow: hidden;
  transition: 1s;
  height: 240px
}

.product_category .pd_image {
  width: 100%;
  margin-bottom: 7px
}

.product_category .pd_image_inner {
  background-color: #f1f2f2;
  margin: auto;
  border: 1px solid #dedede;
  border-radius: 50%;
  padding: 30px;
  max-width: 180px;
  max-height: 180px;
  transition: .5s
}

.product_category .pd_image_inner img {
  max-height: 100%;
  object-fit: contain;
  mix-blend-mode: multiply
}

.product_category .pd_detail .pd_title {
  width: 100%;
  text-align: center;
  margin-bottom: 10px;
  font-size: 16px;
  color: #000;
  font-weight: 700
}

.product_category .pd_detail ul {
  border-top: 1px solid #c8c8c8;
  padding-top: 10px;
  display: none
}

.product_category .pd_detail ul li {
  list-style-type: none;
  margin-bottom: 10px;
  font-size: 14px;
  color: #343a40
}

.product_category .pd_detail ul li a {
  color: #343a40
}

.product_category .pd_card:hover .pd_detail .pd_title {
  font-size: 12px
}

.product_category .pd_card:hover .pd_image_inner {
  max-width: 80px;
  max-height: 80px;
  padding: 15px
}

.login_page {
  width: 100%;
  padding: 30px 0;
  margin-bottom: 60px
}

.login_page .login_inner {
  max-width: 40%;
  margin: auto
}

.login_page .login_logo {
  width: 200px;
  margin: auto auto 20px;
  text-align: center
}

.login_page .login_box {
  width: 100%;
  padding: 20px;
  border-radius: 10px;
  border: 1px solid #ccc
}

.login_page .login_box h2 {
  font-size: 28px;
  font-weight: 500;
  border-bottom: 1px solid #ccc;
  padding-bottom: 15px;
  margin-bottom: 15px;
  color: #000
}

.login_page .or_div {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1px;
  background-color: #ccc;
  margin: 30px 0
}

.login_page .or_div_inner {
  display: inline-flex;
  font-size: 14px;
  color: #000;
  padding: 5px 10px;
  background-color: #fff
}

.login_page .new_account_btn .gerenric_btn {
  font-size: 15px;
  font-weight: 400;
  color: #212529;
  border: 1px solid #c6c6c6;
  background-color: #f8f9fa
}

.login_page .new_account_btn .gerenric_btn:hover {
  background-color: #dae0e5
}

.login_page.register_page .login_inner {
  max-width: 50%;
  margin: auto
}

.gerenric_form ul li span {
  color: #ffc107;
}

.gerenric_form ul li .form_left i,
.gerenric_form ul li .form_right i {
  color: green;
  margin-right: 8px;
}

.product_cart h2 {
  margin: 0 -20px;
  display: flex;
  align-items: center;
  font-size: 25px;
  padding: 0 20px 20px;
  font-weight: 700;
  border-bottom: 1px solid #dee2e6
}

.product_cart h2 .shopping_title {
  width: 78%;
  padding-right: 20px
}

.product_cart h2 .cart_prise_label_row {
  width: 22%;
  display: flex;
  text-align: right
}

.product_cart h2 .cart_prise_label_row .cart_prise_label {
  width: 50%;
  padding: 5px;
  font-size: 15px;
  font-weight: 700;
  color: #212529
}

.product_cart .cart_left {
  width: 75%;
  padding-right: 30px
}

.product_cart .cart_pd_section .cart_pd_row {
  width: 100%;
  border-bottom: 1px solid #dee2e6;
  padding: 20px 0;
  display: flex;
  flex-wrap: wrap
}

#footer_section .footer_logo img,
.product_cart .cart_pd_section .cart_pd_image {
  width: 150px
}

.product_cart .cart_pd_section .cart_pd_detail {
  width: calc(100% - 150px);
  display: flex;
  padding-left: 20px
}

.product_cart .cart_pd_section .cart_pd_detail .cart_pd_title {
  width: 100%;
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 20px;
  color: #212529
}

.product_cart .cart_pd_section .cart_pd_detail .cart_pd_option ul li a,
.product_cart .cart_pd_section .cart_pd_detail .cart_pd_title a {
  color: #212529
}

.product_cart .cart_pd_section .cart_pd_detail .cart_pd_piece {
  width: 100%;
  font-size: 14px;
  margin-bottom: 20px;
  color: green
}

.product_cart .cart_pd_section .cart_pd_detail .cart_pd_option ul {
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: wrap
}

.product_cart .cart_pd_section .cart_pd_detail .cart_pd_option ul li {
  list-style-type: none;
  padding: 5px 10px;
  position: relative;
  font-size: 14px;
  color: #212529
}

.product_cart .cart_pd_section .cart_pd_detail .cart_pd_option ul li::after {
  width: 1px;
  height: 15px;
  background-color: #c9c9c9;
  content: '';
  position: absolute;
  left: 0
}

.product_cart .cart_pd_section .cart_pd_detail .cart_pd_option ul li .qlt_number {
  width: 70px;
  padding: 5px 10px;
  border: 1px solid grey;
  height: 30px;
  border-radius: 4px
}

.product_cart .cart_pd_section .cart_pd_detail .cart_pd_col2 {
  width: 30%;
  text-align: right;
  display: flex
}

.product_cart .cart_pd_section .cart_pd_detail .cart_pd_col2 .cart_price {
  width: 50%;
  padding: 5px;
  font-size: 22px;
  font-weight: 700;
  color: #212529
}

.product_cart .cart_pd_section .cart_pd_total {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 20px
}

.product_cart .cart_pd_section .cart_pd_total .cart_note {
  font-size: 14px;
  font-weight: 400;
  color: #212529;
  padding-right: 10px
}

.product_cart .cart_pd_section .cart_pd_total .total_prise_text {
  font-size: 22px;
  font-weight: 700;
  color: #212529;
  text-align: right
}

.product_cart .cart_note_section {
  width: 100%;
  display: none
}

.about_page .about_block ul,
.product_cart .cart_note_section h2 {
  margin-bottom: 20px
}

.appointment_booking .appointment_row,
.category_type_product .category_type_inner,
.product_cart .cart_delivery {
  margin: 0 -10px;
  display: flex;
  flex-wrap: wrap
}

.appointment_booking .appointment_row .appointment_col,
.product_cart .cart_delivery .cart_delivery_col {
  width: 50%;
  padding: 10px
}

.load-more-button,
.product_cart .cart_delivery ul {
  margin-top: 20px
}

.product_cart .cart_orderview h3 {
  font-size: 22px;
  text-align: center;
  font-weight: 700;
  padding: 20px 15px;
  margin-bottom: 0;
  color: #212529;
  background-color: #f8f9fa !important;
  border-bottom: 1px solid #dee2e6 !important
}

.product_cart .cart_orderview .cart_prise_orderview ul li {
  list-style-type: none;
  display: flex;
  align-items: end;
  border-bottom: 1px solid #dee2e6;
  padding: 15px;
  font-size: 12px;
  font-weight: 400;
  color: #212529
}

.contact_table ul:first-child li,
.product_cart .cart_orderview .cart_prise_orderview ul li span {
  font-weight: 700;
  font-size: 16px
}

.product_cart .cart_orderview .cart_prise_orderview ul li .packing_cost {
  font-size: 11px;
  font-weight: 400;
  margin-bottom: 5px
}

.product_cart .cart_orderview .cart_prise_orderview ul li .cart_prise_lb {
  width: 70%;
  padding-right: 5px
}

.product_cart .cart_payment_method {
  width: 100%;
  display: none;
  padding-bottom: 30px
}

.product_cart .cart_payment_method h4 {
  font-size: 20px;
  padding: 20px 20px 10px;
  text-align: left;
  font-weight: 700;
  margin-bottom: 0;
  color: #212529
}

.product_cart .cart_payment_method .cart_box ul li {
  width: 33.333%;
  list-style-type: none;
  padding: 15px
}

.product_cart .cart_payment_method .gerenric_btn {
  background-image: linear-gradient(#f1d99d, #ffc226)
}

.product_cart .cart_payment_method .gerenric_btn:hover {
  background-image: linear-gradient(#ffc226, #f1d99d)
}

.product_cart .cart_payment_method .cart_pyment_radio {
  display: block;
  position: relative;
  cursor: pointer;
  min-height: 80px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.product_cart .cart_payment_method .cart_pyment_radio .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #fff;
  padding: 3px;
  border-radius: 3px;
  border: 2px solid #fff
}

.product_cart .cart_payment_method .cart_pyment_radio input:checked~.checkmark {
  border-color: #2196f3
}

#footer_register,
.contact_block,
.contact_table ul {
  border-top: 1px solid #ccc
}

.product_cart .cart_payment_method .cart_pyment_radio .checkmark:after {
  content: "";
  position: absolute;
  display: none
}

.product_cart .cart_payment_method .payment_card_image {
  width: 100%;
  height: 65px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #ccc;
  border-radius: 10px;
  padding: 5px;
  margin-bottom: 3px
}

#footer_section .footer_top .footer_payment_method .payment_card_image img,
.product_cart .cart_payment_method .payment_card_image img {
  display: block;
  border-radius: 3px
}

.product_cart .cart_payment_method .payment_card_title {
  font-size: 10px;
  text-align: center;
  color: #000
}

.product_cart .cart_payment_method .cart_py_field {
  width: 100%;
  display: none;
  padding: 20px 20px 10px
}

.product_cart .cart_payment_method .cart_py_field h4 {
  padding: 0;
  margin-bottom: 15px
}

.product_cart .cart_payment_method .cart_py_field .gerenric_form ul li {
  margin-bottom: 5px
}

.product_cart .cart_payment_method .cart_py_field .gerenric_form ul li .cart_col {
  width: 33.333%;
  padding: 0 2px
}

.product_cart .cart_payment_method .pay_btn {
  padding: 0 20px
}

.shopping_list_page .shopping_list_section1 .shopping_list_section_inner {
  max-width: 600px
}

.my_address_page h1,
.my_data_page h1,
.my_order_page h1,
.my_personal_page h1 {
  color: #343a40 !important;
  font-size: 25px;
  font-weight: 700;
  margin-bottom: 25px
}

.my_order_page .my_order_box {
  width: 100%;
  background-color: #fff;
  border: 1px solid #bebebe;
  margin-bottom: 20px
}

.my_order_page .my_order_box .order_place_bar {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  border-bottom: 1px solid #bebebe;
  padding: 10px 0;
  background-color: #d8d8d8;
  margin-bottom: 20px
}

.my_order_page .my_order_box .order_place_bar .place_col {
  width: 20%;
  padding: 5px 10px
}

.my_order_page .my_order_box .order_place_bar .place_div {
  width: 100%;
  margin-bottom: 8px;
  font-size: 14px;
  color: #212529
}

.my_order_page .my_order_box .order_place_bar .placeser_name {
  color: #009688;
  cursor: pointer;
  position: relative
}

.my_order_page .my_order_box .order_place_bar .placeser_name .placeser_info {
  width: 230px;
  display: none;
  padding: 10px 0;
  position: absolute;
  border-radius: 5px;
  background-color: #fff;
  border: 1px solid #dadada;
  box-shadow: 0 0 10px rgba(0, 0, 0, .2)
}

.my_data_page .my_data_box,
.my_personal_page .my_personal_card {
  box-shadow: 0 0 15px rgba(0, 0, 0, .2);
  border-radius: 5px;
  background-color: #fff
}

.my_order_page .my_order_box .order_place_bar .placeser_name .placeser_info ul li {
  width: 100%;
  display: flex;
  padding: 8px 15px;
  font-size: 14px;
  color: #212529
}

.my_order_page .my_order_box .order_place_bar .placeser_name .placeser_info ul li .placeser_text {
  width: 65%;
  padding-left: 5px
}

.my_order_page .my_order_box .my_order_box_inner {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 25px 15px
}

.appointment_booking .appointment_row .appointment_card .appintment_image,
.my_order_page .my_order_box .my_order_box_inner .order_image {
  width: 110px
}

.my_order_page .my_order_box .my_order_box_inner .order_detail {
  width: calc(100% - 110px);
  padding-left: 10px
}

.my_order_page .my_order_box .my_order_box_inner .order_detail h2 {
  color: #009688;
  font-size: 17px;
  font-weight: 700;
  margin-bottom: 10px
}

.my_order_page .my_order_box .my_order_box_inner .order_detail h2.black_text {
  color: #343a40 !important
}

.my_order_page .my_order_box .my_order_box_inner .order_detail .order_button {
  width: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
  display: flex
}

.my_order_page .my_order_box .my_order_box_inner .order_detail .order_button a {
  margin-right: 5px
}

.my_order_page .my_order_box .my_order_box_inner .order_detail .order_button .gerenric_btn {
  min-width: inherit;
  background-image: linear-gradient(#f1d99d, #ffc226)
}

.my_order_page .my_order_box .my_order_box_inner .order_detail .return_date {
  color: #343a40;
  font-size: 12px;
  font-weight: 300;
  font-style: italic;
  margin-bottom: 20px
}

.my_order_page .my_order_box .my_order_box_inner .order_detail .order_date {
  color: #343a40;
  font-size: 16px;
  font-weight: 700
}

.my_personal_page .my_personal_inner {
  margin: 0 -20px;
  display: flex;
  flex-wrap: wrap
}

.my_personal_page .my_personal_card {
  width: calc(33.333% - 40px);
  margin: 20px
}

.my_personal_page .my_personal_card_inner {
  width: 100%;
  padding: 10px;
  display: flex;
  align-items: center
}

.my_personal_page .my_personal_card .personal_icon {
  width: 90px;
  height: 90px
}

.my_personal_page .my_personal_card .personal_detail {
  width: calc(100% - 90px);
  padding-left: 15px
}

.my_personal_page .my_personal_card .personal_title {
  font-size: 16px;
  color: #273445;
  font-weight: 500;
  margin-bottom: 10px
}

.my_personal_page .my_personal_card p {
  font-size: 14px;
  color: #273445;
  font-weight: 400;
  margin-bottom: 0
}

.my_data_page .my_data_box {
  width: 100%;
  padding: 20px;
  margin-bottom: 15px
}

.my_data_page .my_data_box .my_data_block {
  width: 100%;
  border-bottom: 1px solid #ccc;
  padding: 20px 0;
  position: relative;
  display: flex;
  align-items: center
}

.my_data_page .my_data_box .my_data_block:last-child {
  border-bottom: 0
}

.my_data_page .my_data_box .my_data_block .data_detail {
  width: 100%;
  padding-right: 40px
}

.my_data_page .my_data_box .my_data_block .data_detail h3 {
  color: #343a40;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 10px
}

.my_data_page .my_data_box .my_data_block .data_detail p {
  color: #343a40;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 0
}

.my_data_page .my_data_box .my_data_block .data_button {
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  cursor: pointer;
  background-color: #cc0f19;
  position: absolute;
  right: 0;
  justify-content: center;
  font-size: 20px;
  color: #fff;
  border-radius: 4px
}

.about_page .about_inner,
.appointment_booking .appointment_inner {
  width: 100%;
  border-radius: 3px;
  padding: 30px 20px;
  border: 1px solid rgba(0, 0, 0, .125);
  box-shadow: 0 0 5px rgba(0, 0, 0, .05);
  background-color: #fff
}

.about_page .about_block .about_row {
  width: 100%;
  border-bottom: 1px solid #d0d0d0;
  padding-bottom: 15px;
  margin-bottom: 20px
}

.about_page .about_block .about_row:last-child {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 0
}

.about_page .about_block .about_year {
  width: 100%;
  height: 1px;
  display: flex;
  align-items: center;
  position: relative;
  justify-content: center;
  margin: 30px 0;
  background-color: #273445
}

.about_page .about_block .about_year_inner {
  display: inline-flex;
  position: absolute;
  background-color: #ffc107;
  color: #273445;
  border-radius: 10px;
  border: 1px solid #273445;
  padding: 3px 15px;
  font-size: 22px;
  font-weight: 500
}

.about_page .about_block .about_block_heading {
  width: 100%;
  background-color: #273445;
  margin-bottom: 20px;
  text-align: center;
  border-radius: 100px;
  font-size: 20px;
  color: #fff;
  font-weight: 700;
  padding: 10px 15px
}

.about_page .about_block p {
  font-size: 16px;
  color: #273445;
  font-weight: 400
}

.about_page .about_block ul li {
  list-style-type: none;
  margin-bottom: 6px;
  font-size: 14px;
  color: #273445;
  font-weight: 400
}

.about_page .about_block .about_br .about_image {
  width: 450px
}

.about_page .about_block .about_br .about_detail {
  width: calc(100% - 450px);
  padding-left: 20px
}

.appointment_booking h3 {
  font-size: 25px;
  color: #000;
  font-weight: 700;
  margin-bottom: 10px
}

.appointment_booking h4 {
  font-size: 15px;
  color: #000;
  font-weight: 400;
  margin-bottom: 20px;
  border-bottom: 1px solid #d0d0d0;
  padding-bottom: 15px
}

.appointment_booking .appointment_row .appointment_card {
  width: 100%;
  display: flex;
  border: 1px solid #d0d0d0;
  border-radius: 10px;
  padding: 15px
}

.appointment_booking .appointment_row .appointment_card .appintment_detail {
  width: calc(100% - 110px);
  padding-left: 20px
}

.appointment_booking .appointment_row .appointment_card h2 {
  font-size: 20px;
  color: #000;
  font-weight: 700;
  margin-bottom: 10px
}

.appointment_booking .appointment_row .appointment_card .appointment_time {
  display: inline-flex;
  background-color: #70ad7e;
  border-radius: 3px;
  padding: 3px 5px;
  font-size: 13px;
  color: #fff;
  font-weight: 400;
  margin-bottom: 10px
}

.appointment_booking .appointment_row .appointment_card p {
  font-size: 15px;
  color: #000;
  font-weight: 400;
  margin-bottom: 20px
}

.appointment_date_booking h2 {
  font-size: 25px;
  color: #000;
  font-weight: 700;
  margin-bottom: 20px
}

.appointment_date_booking h2.text_center {
  text-align: center !important
}

.appointment_date_booking .appointment_section1 {
  margin: 0 -8px;
  display: flex;
  flex-wrap: wrap
}

.appointment_date_booking .appointment_section1 .appointment_col {
  width: 33.333%;
  padding: 8px
}

.appointment_date_booking .appointment_section1 .appointment_card {
  width: 100%;
  min-height: 350px;
  border: 1px solid #d0d0d0;
  border-radius: 10px;
  padding: 15px
}

.appointment_date_booking .appointment_section1 .appointment_card ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -2px
}

.appointment_date_booking .appointment_section1 .appointment_card ul li {
  list-style-type: none;
  width: calc(33.333% - 6px);
  cursor: pointer;
  margin: 3px
}

.appointment_date_booking .appointment_section1 .appointment_card ul li input[type=radio]:checked~label,
.appointment_date_booking .appointment_section1 .appointment_card ul li.active_time {
  color: #70ad7e;
  box-shadow: inset 0 -1px 0 #70ad7e;
  border: 1px solid #70ad7e;
  background-color: #70ad7e21
}

.appointment_date_booking .appointment_section1 .appointment_card ul li label {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  border-radius: 5px;
  position: relative;
  overflow: hidden;
  padding: 0 5px;
  border: 1px solid #ccc;
  height: 35px;
  font-size: 14px;
  color: #000;
  z-index: 9;
  cursor: pointer
}

.appointment_date_booking .appointment_section1 .appointment_card .appointment_image {
  width: 245px;
  height: 222px;
  margin: auto
}

.appointment_date_booking .appointment_section1 .appointment_card .appointment_image img {
  width: 100%;
  height: 100%;
  object-fit: contain
}

.appointment_date_booking .appointment_section1 .appointment_card p {
  font-size: 15px;
  color: #000;
  font-weight: 500;
  text-align: center;
  margin-bottom: 10px
}

.appointment_date_booking .appointment_section1 .appointment_card .appointment_time {
  display: inline-flex;
  margin-bottom: 10px;
  background-color: #70ad7e;
  border-radius: 3px;
  padding: 3px 5px;
  font-size: 13px;
  color: #fff;
  font-weight: 400
}

.appointment_date_booking .appointment_section2 {
  width: 100%;
  margin-top: 20px;
  border: 1px solid #d0d0d0;
  border-radius: 10px;
  padding: 15px
}

.contact_page h2 {
  font-size: 20px;
  color: #000;
  font-weight: 700;
  margin-bottom: 20px
}

.contact_page .contact_col {
  width: 50%;
  padding: 15px
}

.contact_page .contact_map iframe {
  width: 100%;
  height: 500px;
  margin-bottom: 10px
}

.contact_page .contact_map .map_link a {
  width: 100%;
  font-size: 15px;
  font-weight: 700;
  color: #007bff
}

.contact_page .contact_map .map_link a:hover {
  color: #0957aa;
  text-decoration: underline
}

.contact_block {
  width: 100%;
  padding-top: 20px;
  margin-bottom: 20px
}

.contact_block h3 {
  font-size: 20px;
  color: #000;
  font-weight: 700;
  margin-bottom: 15px
}

.contact_table ul {
  display: flex;
  width: 100%;
  padding: 15px 0
}

.contact_table ul li {
  list-style-type: none;
  word-break: break-all;
  font-size: 14px;
  color: #000
}

.contact_table ul li:first-child,
.contact_table ul li:nth-child(2) {
  width: 42%;
  padding-right: 10px
}

.contact_table ul li:nth-child(3) {
  width: 16%
}

.grnc_tabnav {
  width: 100%;
  margin: auto auto 0;
  list-style: none
}

.grnc_tabnav>li>a {
  display: block;
  text-align: right
}

.grnc_tabnav_tabs:after,
.grnc_tabnav_tabs:before {
  display: table;
  content: ""
}

.grnc_tabnav_tabs>li {
  display: block;
  text-align: left;
  margin-bottom: -1px
}

.grnc_tabnav_tabs>li>a {
  border-bottom: 0 solid;
  margin-bottom: 3px;
  display: block
}

.grnc_tabnav_tabs>li span {
  display: inline-block;
  vertical-align: middle
}

.grnc_tabnav_tabs>li>a {
  padding: 12px 20px;
  display: flex;
  justify-content: space-between;
  font-weight: 400;
  cursor: pointer;
  background-color: #ffff;
  color: #000
}

.grnc_tabnav_tabs>.active>a,
.grnc_tabnav_tabs>.active>a:hover,
.grnc_tabnav_tabs>li>a:hover {
  cursor: pointer;
  font-weight: 700;
  border-bottom: 1px solid #ffc107;
  border-radius: 5px;
  background-color: #ffc107;
  color: #000
}

.grnc_tabnav_tabs>li>a .tab_private,
.grnc_tabnav_tabs>li>a .tab_title {
  font-size: 14px;
  color: #333
}

.grnc_tabnav_tabs>li>a .tab_title span {
  font-size: 12px;
  color: #646464
}

.new_shopping_list_page .shopping_list_inner {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  border-radius: 3px;
  padding: 20px;
  box-shadow: 0 0 5px rgba(0, 0, 0, .05);
  background-color: #fff
}

.new_shopping_list_page .shopping_list_left {
  width: 300px
}

.new_shopping_list_page .shopping_list_right {
  width: calc(100% - 300px);
  padding-left: 40px
}

.new_shopping_list_page .shopping_list_detail .shopping_list_title {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
  border-bottom: 1px solid silver;
  padding-bottom: 15px;
  display: flex;
  align-items: center
}

.new_shopping_list_page .shopping_list_detail .shopping_list_title .shopping_list_create {
  cursor: pointer;
  color: #000
}

.new_shopping_list_page .shopping_list_detail .list_image {
  width: 35px;
  height: 35px;
  background-color: #646464;
  border-radius: 35px
}

.new_shopping_list_page .shopping_list_detail .list_image img {
  width: 35px;
  height: 35px;
  object-fit: cover;
  border-radius: 35px
}

.new_shopping_list_page .shopping_list_detail .list_name {
  width: 100%;
  padding-left: 15px;
  font-size: 16px;
  font-weight: 700;
  color: #000
}

.new_shopping_list_page .shopping_list_detail .list_name span {
  margin-left: 5px;
  font-size: 14px;
  color: #696969
}

.list_type_row {
  width: 100%;
  align-items: center;
  margin-bottom: 20px;
  border-bottom: 1px solid silver;
  border-top: 1px solid silver;
  padding: 15px 0;
  display: flex;
  justify-content: space-between
}

.list_type_row ul li {
  list-style-type: none;
  margin-right: 10px;
  cursor: pointer;
  font-size: 18px;
  color: #000
}

.list_type_row .list_type_search {
  width: 240px;
  position: relative
}

.list_type_row .list_type_search .list_search_input {
  width: 100%;
  background-color: #fff;
  border-radius: 5px;
  border: 1px solid #ccc;
  height: 40px;
  padding: 8px 15px 8px 40px
}

.list_type_row .list_type_search .search_button {
  font-size: 18px;
  border: 0;
  background-color: transparent;
  color: #000;
  cursor: pointer;
  position: absolute;
  top: 8px;
  left: 10px
}

.list_porduct .gerenric_product .pd_card {
  width: calc(25% - 4px)
}

.list_porduct.list_class .gerenric_product .pd_card {
  width: calc(100% - 4px);
  display: flex
}

.list_porduct.list_class .gerenric_product .pd_image {
  width: 220px;
  margin-bottom: 0
}

.list_porduct.list_class .gerenric_product .pd_detail {
  width: calc(100% - 220px);
  padding-left: 20px
}

.pd_row_heading .drop-down_2 .selected a {
  padding-left: 15px;
  min-width: 170px
}

.pd_row_heading .list_type_row ul {
  align-items: center;
  min-width: 170px
}

.pd_row_heading .list_type_row ul li i {
  font-size: 30px
}

#scroll_top {
  width: 100%;
  background-color: #cc0f19;
  padding: 14px 0;
  cursor: pointer;
  font-size: 14px;
  color: #fff;
  text-align: center
}

#footer_section {
  width: 100%;
  padding: 40px 0
}

#footer_section .page_width {
  max-width: 60%;
  text-align: left
}

#footer_section .footer_top {
  width: 100%;
  margin-bottom: 40px;
  display: flex;
  flex-wrap: wrap
}

#footer_section .footer_top .footer-col {
  width: 20%;
  padding-right: 20px
}

#footer_section .footer_top .footer-col:last-child {
  padding-right: 0
}

#footer_section .footer_top h2 {
  font-size: 16px;
  color: #fff;
  font-weight: 700;
  margin-bottom: 20px
}

#footer_section .footer_top ul li {
  list-style-type: none;
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 12px
}

#footer_section .footer_top ul li a:hover {
  color: #f59401;
  text-decoration: underline
}

#footer_section .footer_top .footer_payment_method {
  margin-left: -3px;
  margin-right: -3px;
  display: flex;
  flex-wrap: wrap
}

#footer_section .footer_top .footer_payment_method .payment_card {
  width: 33.333%;
  margin-bottom: 20px;
  padding: 0 3px
}

#footer_section .footer_top .footer_payment_method .payment_card_image {
  width: 100%;
  margin-bottom: 3px
}

#footer_section .footer_top .footer_payment_method .payment_card_title {
  font-size: 9px;
  text-align: center;
  color: #fff
}

#footer_section .footer_bottom {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 30px
}

#footer_section .subscribe_newsletter_btn {
  min-width: 300px;
  padding: 10px 20px;
  border: 0;
  cursor: pointer;
  font-weight: 600;
  text-align: center;
  border-radius: 3px;
  font-size: 12px;
  color: #212529
}

#footer_register {
  width: 100%;
  padding: 25px 0
}

#footer_register ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap
}

#footer_register ul li {
  list-style-type: none;
  font-size: 12px;
  color: #007bff;
  padding: 3px 20px
}

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px
}

.pagination>li {
  display: inline
}

.pagination>li>a,
.pagination>li>span {
  position: relative;
  float: left;
  font-size: 16px;
  padding: 15px 25px;
  line-height: 1.428571429;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
  margin-left: -1px
}

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

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

.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {
  background-color: #eee
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
  z-index: 2;
  color: #fff;
  background-color: #5e87b0;
  border-color: #5e87b0;
  cursor: default
}

.pagination>.disabled>a,
.pagination>.disabled>a:focus,
.pagination>.disabled>a:hover,
.pagination>.disabled>span,
.pagination>.disabled>span:focus,
.pagination>.disabled>span:hover {
  color: #999;
  background-color: #fff;
  border-color: #ddd;
  cursor: not-allowed
}

.alert {
  position: relative;
  padding: .75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: .25rem
}

.alert-success {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb
}

.alert-danger {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb
}

.ui-datepicker {
  width: auto !important;
  padding: 10px !important
}

.ui-datepicker td a,
.ui-datepicker td span {
  padding: 8px !important
}

.ui-datepicker-prev:after {
  content: "<";
  font-size: 18px;
  float: left;
  margin-left: 6px;
  margin-top: 4px;
  cursor: pointer
}

.ui-datepicker-next:after {
  content: ">";
  float: right;
  font-size: 18px;
  margin-right: 6px;
  cursor: pointer;
  margin-top: 4px
}

.pd_detail_shirt h2 {
  width: 100%;
  font-size: 16px;
  margin-bottom: 5px;
  color: #000;
  font-weight: 400
}

.pd_detail_shirt ul li {
  list-style-type: none;
  margin: 5px
}

.pd_detail_shirt input[type=radio]+label {
  color: #00f;
  font-family: Arial, sans-serif
}

.pd_detail_shirt input[type=radio]+label span {
  display: inline-block;
  padding: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #dfdfdf;
  margin: 0;
  background-color: #fff;
  top: 0;
  left: 0;
  color: #333;
  z-index: 99;
  cursor: pointer
}

.pd_detail_shirt input[type=radio]+label span:hover {
  border: 1px solid #620613
}

.pd_detail_shirt input[type=radio]:checked+label span {
  padding: 0 5px;
  top: 0;
  left: 0;
  border: 1px solid #620613;
  z-index: 99;
  font-weight: 700
}

.loading-container {
  text-align: center;
  font-size: 24px;
  font-weight: 700
}

.loading-text {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 5px
}

.dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-left: 5px;
  background: #fc0;
  border-radius: 50%;
  animation: 1.5s infinite blink
}

.dot:nth-child(2) {
  animation-delay: .3s
}

.dot:nth-child(3) {
  animation-delay: .6s
}

@keyframes blink {

  0%,
  100% {
    opacity: 0
  }

  50% {
    opacity: 1
  }
}

.progress-bar {
  width: 100%;
  height: 8px;
  background: #444;
  border-radius: 4px;
  margin-top: 10px;
  position: relative;
  overflow: hidden
}

.progress {
  width: 0%;
  height: 100%;
  background: linear-gradient(45deg, #ff4b2b, #fc0);
  border-radius: 4px;
  transition: width .3s ease-in-out
}

.not_ailable {
  width: 500px;
  margin: auto;
  padding: 100px 0
}

.spinner {
  width: 64px;
  height: 64px;
  position: relative;
  margin: 100px auto
}

.spinner div {
  transform-origin: 32px 32px;
  animation: 1.2s linear infinite spinner-fade
}

.spinner div:after {
  content: " ";
  display: block;
  position: absolute;
  top: 3px;
  left: 29px;
  width: 6px;
  height: 18px;
  border-radius: 20%;
  background: #999
}

.spinner div:first-child {
  transform: rotate(0);
  animation-delay: -1.1s
}

.spinner div:nth-child(2) {
  transform: rotate(30deg);
  animation-delay: -1s
}

.spinner div:nth-child(3) {
  transform: rotate(60deg);
  animation-delay: -.9s
}

.spinner div:nth-child(4) {
  transform: rotate(90deg);
  animation-delay: -.8s
}

.spinner div:nth-child(5) {
  transform: rotate(120deg);
  animation-delay: -.7s
}

.spinner div:nth-child(6) {
  transform: rotate(150deg);
  animation-delay: -.6s
}

.spinner div:nth-child(7) {
  transform: rotate(180deg);
  animation-delay: -.5s
}

.spinner div:nth-child(8) {
  transform: rotate(210deg);
  animation-delay: -.4s
}

.spinner div:nth-child(9) {
  transform: rotate(240deg);
  animation-delay: -.3s
}

.spinner div:nth-child(10) {
  transform: rotate(270deg);
  animation-delay: -.2s
}

.spinner div:nth-child(11) {
  transform: rotate(300deg);
  animation-delay: -.1s
}

.spinner div:nth-child(12) {
  transform: rotate(330deg);
  animation-delay: 0s
}

@keyframes spinner-fade {

  0%,
  100%,
  20%,
  80% {
    opacity: .3
  }

  50% {
    opacity: 1
  }
}

.load-less-button,
.load-more-button {
  background-color: #ffdb55;
  display: inline-block;
  cursor: pointer;
  color: #000;
  padding: 10px 20px;
  border-radius: 5px
}

.load-less-button {
  margin: 20px
}

.category_type_product .ctg_type_col {
  width: 20%;
  padding: 10px
}

.category_type_product .ctg_type_card {
  text-align: center;
  width: 100%
}

.category_type_product .ctg_type_image {
  width: 100%;
  text-align: center;
  height: 130px;
  margin-bottom: 10px
}

.category_type_product .ctg_type_image img {
  max-width: 100%;
  max-height: 100%;
  margin: auto
}

.category_type_product .ctg_type_detail .ctg_type_title {
  font-size: 16px;
  color: #161515;
  font-weight: 500;
  margin-bottom: 10px
}

.category_type_product .ctg_type_detail .ctg_type_price {
  font-size: 16px;
  color: #161515;
  font-weight: 500
}

.category_type_product .ctg_type_card:hover .ctg_type_title {
  text-decoration: underline;
  color: #c60
}

.category_type_product .ctg_type_card:hover .ctg_type_image img {
  transform: scale(.95);
  transition: transform 75ms ease-in-out
}

.category_type_inner .slick-next,
.category_type_inner .slick-prev {
  width: 35px;
  line-height: 79%;
  height: 100px;
  display: flex !important;
  top: 40%;
  z-index: 999;
  border: 1px solid rgba(0, 0, 0, .125);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 2px rgba(0, 0, 0, .02);
  background-color: #fff
}

.product_col2 .main_staffel_price {
  font-size: 34px;
  font-weight: 700;
  text-align: right;
  margin-bottom: 10px
}

.product_col2 .main_staffel_price span {
  color: #212529;
  background-color: #eeb31e;
  padding: 5px 10px;
  border-radius: 5px
}

.main_staffel_price_quantity {
  text-align: right;
  color: #212529;
  font-size: 12px;
  margin-bottom: 5px
}

.product_col2 .main_staffel_price_discount {
  position: relative;
  text-align: right;
  color: #212529;
  font-size: 18px;
  margin-bottom: 10px
}

.product_col2 .main_staffel_price_discount span {
  color: #fff;
  background-color: #b30000;
  position: relative;
  clip-path: polygon(28% 0, 100% 0, 200% 115%, 0% 100%);
  padding: 2px 5px 2px 15px;
  text-align: center;
  border-radius: 4px 0 0 4px
}

.product_col2 .main_staffel_price_discount span::after {
  content: " ";
  display: inline-block;
  position: absolute;
  top: 2px;
  right: calc(7px * -1);
  width: 7px;
  height: 100%;
  background: linear-gradient(-90deg, #b30000 50%);
  border-radius: 0 4px 4px 0
}

.pd_detail_shirt ul li,
.product_type li {
  display: none
}

.btn_show {
  cursor: pointer;
  color: #cc0f19;
  border-bottom: 1px solid #dedede;
  margin-bottom: 20px;
  padding-bottom: 20px
}

.product_detail_page .product_detail_section1 .product_right .product_col2 .best_nr {
  text-align: right;
  font-size: 12px;
  color: #212529;
}

.delivery_instructions {
  width: 100%;
}

.delivery_instructions .delivery_toggle {
  width: 100%;
}

.delivery_instructions .delivery_toggle a {
  font-size: 14px;
  color: #007bff;
  text-decoration: underline;
  cursor: pointer;
}

.delivery_instructions .grnc_tabnav {
  margin-top: 20px;
}

.delivery_instructions ul.grnc_tabnav_tabs {
  display: flex;
  flex-wrap: wrap;
}

.delivery_instructions ul.grnc_tabnav_tabs li {
  width: auto;
  margin: 4px;
  display: inline-flex;
}

.delivery_instructions ul.grnc_tabnav_tabs li a {
  margin-bottom: 0px;
  color: #000 !important;
  border-radius: 5px;
  border: 1px solid #ccc;
  background-color: #fff;
}

.delivery_instructions .grnc_tabnav_tabs>.active>a,
.delivery_instructions .grnc_tabnav_tabs>.active>a:hover,
.delivery_instructions .grnc_tabnav_tabs>li>a:hover {
  border: 1px solid #ffc107;
  text-decoration: none;
  background-color: #ffc107;
  font-weight: normal;
}

.delivery_instructions .grnc_tabnav_content {
  border: 1px solid #ccc;
  padding: 20px;
}

.delivery_instructions .grnc_tabnav_content h4 {
  margin: -20px -20px;
  color: #000;
  font-size: 17px;
  padding: 20px;
  background-color: #ccc;
}

.delivery_instructions .grnc_tabnav_content ul {
  margin-top: 40px;
}

.delivery_instructions .grnc_tabnav_content .radio_button {
  display: flex;
  align-items: center;
}

.delivery_instructions .grnc_tabnav_content .radio_button span:first-child {
  margin-right: 10px;
  margin-top: 3px;
}

.delivery_toggle_show {
  display: none;
}