/*=========================================================

	01 -> GENERAL

===========================================================*/



/*----------------------------*\

	Typography

\*----------------------------*/



body {

  font-family: 'Montserrat', sans-serif;

  font-weight: 400;

  color: #000000;

}

:root

{

	--color-background:#fff;--color-primary:#FF324D;--color-secondary:#000;--color-border:#edeef5;

}

h1, h2, h3, h4, h5, h6 {

  color: #000000;

  font-weight: 500;

  margin: 0 0 10px;

}

.hrm10

{

	margin-bottom:10px;

	margin-top:10px;

}

.vdet_btn

{

	font-size: 12px;

    background: var(--color-primary);

    padding: 6px 14px;

    border-radius: 4px;

	color:#fff;

	border: none;

}

.vdet_btn a

{

	color:#fff;

}

.vdet_btn:hover a

{

	color:#fff;

	border-bottom: solid 1px #fff;

}

a {

  color: #000000;

  font-weight: 500;

  -webkit-transition: 0.2s color;

  transition: 0.2s color;

}



a:hover, a:focus {

  color: var(--color-primary);

  text-decoration: none;

  outline: none;

}



ul, ol {

  margin: 0;

  padding: 0;

  list-style: none

}

.border-left

{

	border-left: solid 1px #fff;

    

}

.shop-img img

{

	box-shadow: 0 2px 3px 1px rgb(0 0 0 / 22%), 0 1px 2px 0 rgb(0 0 0 / 8%);

    border-radius: 5px;

}

.d-flex

{

	display:flex;

	justify-content:center;

}

.offer-row

{

	background:#f8f8f8;

	border-radius:10px;

	padding-bottom:10px;

	padding-top:15px;

}

.ob_con

{

	object-fit:contain;

}

.pc_insdkn

{

	    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    align-content: flex-start;

    justify-content: flex-start;

}

.pc_insdkn li

{

	width:262px;

	flex-direction: column;

	align-items:flex-start;

	justify-content:flex-start;

	display:flex;

	margin:15px;

}

.pc_insdkn .product

{

	display:flex;

	flex-direction:column;

}

.pdts_page

{

	display:flex;

	height:210px;

	padding:5px;

}

.offer-sec

{

	padding-top:15px !important;

	padding-bottom:15px !important;

}

.ml-10

{

	 padding-left: 10px;

}

.mb-10

{

	margin-bottom:10px;

}

.pb-10 

{

	padding-bottom:10px;

}

.pt-10

{

	padding-top:10px;

}

.br8 {

    border-radius: 8px;

}

.value {

      cursor: default;

    min-width: 26px;

    height: 26px;

   border:0;

    color: var(--color-primary);

    line-height: 24px;

    background-color: #E5E5E5;

    text-align: center;

    display: inline-block;

    

}

.quantity-select

{

	border: solid 1px var(--color-primary);

    border-radius: 5px;

    overflow: hidden;

	 width:80px;

	display:flex;

	flex-direction:row;

	justify-content: flex-start;

	align-items: center;

}

.value-minus, .value-plus {

	display: flex!important;

    justify-content: center;

    align-items: center;

       font-size: 14px;

    line-height: 14px;

    cursor: pointer;

    padding: 6px 10px;

    width:26px;

	border:0;

	background:#fff;

}

.quantity

{

	display: flex!important;

    justify-content: flex-start;

    align-items: center;

	

}

.bag_steps .q12 {

    width: 20px;

    height: 20px;

    border-radius: 50%;

    color: #fff;

	background-color:#b1a6a8;

	display: flex;

	margin-right:6px;

    justify-content: center;

}

.bag_steps .bs_primary .q12

{

	background:var(--color-primary);

	color:#fff;

}

.bag_steps .bs_primary span

{

	color:var(--color-primary);

}

.bag_steps_line

{

	    width: 40px;

    height: 1px;

    background-color: grey;

    margin: 9px 8px 10px;

}

.empty-bag img

{margin: 0 auto;

    opacity: 0.3;

	margin-bottom:20px;

}

.p-pricediv

{

	flex-direction: row;

    align-items: flex-start;

    justify-content: space-between;

    display: flex;

}

.bag_with_items .p-pricediv .product-price

{

	font-size:15px;

}

.bag_with_items .p-pricediv .product-old-price

{

	font-size:12px;

}

.bag_with_items

{

 text-align:left;

 padding-top:10px;

}

.bag_single_item h4

{

	font-size:14px;

}

.bag_single_item

{

	margin-bottom:20px;

}

.bag_subtotal_check

{

	border-top: dashed 1px #f0e1c0;

}

.clearbag

{

	    padding-bottom: 16px;

    text-align: right;

}

.clearbag span

{

	border-bottom: solid 1px #444;

	cursor:pointer;

}

.bag_subtotal_check button

{

	width:100%;

	background:var(--color-primary);

}

.product_single_sec #product-main-img

{

	border: solid 1px #eee;

	margin-bottom:30px;

}

.product_single_sec 

.bag_subtotal span

{

	font-size: 15px;

    font-weight: 600;

}

.modal-dialog-centered {

    

    display: flex;

    flex-direction:row;

	

    align-items: center;

   

}

.bag_subtotal

{

	flex-direction: row;

	    align-items: flex-start;

		justify-content: space-between;

		display: flex;

		padding-top: 16px;

		    padding-bottom: 20px;

}

.p-list-poi

{

	padding-top:22px;

}

.p-catname

{

	position: sticky;

    top: 120px;

    border-bottom: dashed 1px #f0e1c0;

    z-index: 1;

    background: #f8f8f8;

    /* padding: 10px; */

    padding-top: 12px;

    padding-left: 12px;

    padding-bottom: 10px;

}

.search-xs

{

	background:#ffffff;

	position:sticky;

	top:-1px;

	z-index:999;

	padding:10px 0;

}

.bar-xs

{

	position: fixed;

    bottom: 0;

    background: #efdaac;

    width: 100%;

    z-index: 999;

	box-shadow:0 -1px 3px 0 rgb(0 0 0 / 18%)

}

.bar-xs .bar-container

{

	display:flex;

	justify-content:center;

	align-items:center;

	flex-direction:row;

	    padding-top: 13px;

    padding-bottom: 10px;

}

.qual-sec .qpoints

{

	display: flex;

    flex-direction: row;

    flex-wrap: nowrap;

    align-content: center;

    justify-content: center;

	 border-bottom: solid 1px #444;

}





 .pro_dis_home_li

{

	width:254px;

}

.per_gram

{

	font-size: 13px;

    color: #808080;

    line-height: 18px;

    margin-top: 5px;

    font-weight: 500;

}

.sale_price

{

	font-size: 15px;

    font-weight: 600;

    margin: 0px;

}

.actu_price

{

	font-size: 12px;

    color: #808080;

    font-weight: 500;

}

.pro_disc

{

	font-size: 15px;

    font-weight: 500;

    color: var(--color-primary);

}

.home_pr_disp

{

	margin-top:8px;

}

.allcategories_categoryitem

{

	width:128px;

}

.allcategories_categoryitem:first-child

{

	    margin-left: 0;

}

.pro_dis_home_li:first-child

{

	    margin-left: 0;

}

.allcategories_categoryitem img

{

	display:block;

	border:solid 1px #f0e1c0;

	    object-fit: contain;

    -webkit-transition: opacity .2s ease-in-out;

    transition: opacity .2s ease-in-out;

}

.pro_dis_home_img

{

	    width: 224px;

    height: 224px;

    padding: 10px;

}

.pro_dis_home_li img

{

	display:block;

	border:solid 1px #f0e1c0;

	    object-fit: contain;

    -webkit-transition: opacity .2s ease-in-out;

    transition: opacity .2s ease-in-out;

}

.allcategories_viewall

{

	cursor: pointer

}

.allcategories_viewall_span

{

	font-size: 15px;

    line-height: 24px;

}

 

.allcategories_heading

{

	font-size: 16px;

    line-height: 24px;

    font-weight: 500;

	color:#000;

	    margin: 0px;

}

.allc_h

{

	border-bottom:solid 1px #f0e1c0;

	    margin-left: 15px;

    margin-right: 15px;

}

.alctimg

{

	width:115px;

	height:115px;

	padding:5px;

}

.banner_head_img:hover

{

	opacity:0.7;

}

.pro_dis_home_li img:hover

{

	opacity:0.7;

}

.py24 {

    padding-top: 24px;

    padding-bottom: 24px;

}

.ml8

{

	margin-left:8px;

}

.mx12 {

    margin-left: 12px;

    margin-right: 12px;

}

.allcategories_category

{

	display: flex;

    flex-direction: row;

    overflow-x: auto;

    width: 100%;

	    padding-left: 15px;

    padding-right: 15px;

}

.qpointsimglink

{

	display:block;

}

.qpointsalink

{

	display:block;

	margin-top:8px;

}



.allcategories_section

{

	padding-bottom:5px !important;

	padding-top:5px !important;

}

.qual-sec

{

	background:var(--color-primary);

	padding-bottom:5px !important;

	padding-top:15px !important;

}

.qual-sec .qpointsdiv

{

	margin: 20px;

    text-align: center;

    min-width: 150px;

   

}

.qual-sec .qpointsdiv p

{

	margin-top:10px;

	color:#fff;

}

.qual-sec .qpointsdiv img

{

	margin: 0 auto;

    width: 50px;

    background: #fff;

    padding: 8px;

    border-radius: 9px;

	

}

.bar-container div

{

	display: flex;

    align-items: center;

    justify-content: center;

    position: relative;

    border: 0;

    cursor: pointer;

    min-width: 90px;

    padding: 6px 10px;

    background-color: var(--white);

    border-radius: 20px;

}

.bar-container .active

{

	background:#f8f8f8;

}

.bar-container div>a>.qty{

position: absolute;

    right: 15px;

    top: -10px;

    width: 20px;

    height: 20px;

    line-height: 20px;

    text-align: center;

    border-radius: 50%;

    font-size: 10px;

    color: #FFF;

    background-color: var(--color-primary);

}

.bar-container div>.barlinks

{

	font-size:15px;

}

.p-list-container

{

	border-left: solid 1px #f0e1c0;border-right: solid 1px #f0e1c0;

	    padding-bottom: 40px;

}

.bag_lsit_itm

{

	margin-bottom:16px;

	border-radius:4px;

	border:solid 1px #f0e1c0;

	padding:12px;

}

.p-catname h3

{

	font-size: 18px;

	margin:0px;

}

.main-s

{

	border-top: solid 1px #f0e1c0;    padding-top: 0px !important;

	padding-bottom:0px;

}

.btn-whtsapp{

background: #49c759;

    color: #fff;

}

.btn-whtsapp i

{

	font-size:20px;

}

.sticky-side

{

	position:sticky;

	top:120px;

	  padding-bottom: 40px;

}



.hide-lg

{

	display:none !important;

}

.banners_head_ban

{

	overflow-x: auto;

    display: flex;

        flex-direction: row;

	    padding-left: 15px;

    padding-right: 15px;

  

}

.bag_remove_btn_xs

{

	cursor: pointer;

    width: 100%;

    text-align: center;

    padding: 5px 0px;

    border-top: solid 1px #f0e1c0;

    margin-top: 2px;

    font-weight: 500;

    font-size: 14px;

}

.bag_list_sec .bag_list_container img

{

	width:150px;

}

.bag_list_sec .bag_list_container .product-old-price

{

	font-size:12px;

	color: #888484;

}

.bag_list_sec .bag_list_container h3

{

	font-size:17px;

}

.bag_list_sec .bag_list_container h4

{

	font-size:16px;

}

.bag_list_sec .bag_list_container span

{

	color: var(--color-primary);

    font-weight: bold;

    font-size: 13px;

}

.savedsofar

{   background: #f8f8f8;

    padding: 10px;

    text-align: center;

    width: 100%;

    margin-bottom: 10px;

    margin-top: 10px;

    color: #d30d2f;

    font-weight: bold;

}

::-webkit-scrollbar {

    width: 0;

    background: transparent;

}

.banner_head_img

{

	border-radius: 6px;

    overflow: visible;

    overflow: initial;

    width: calc((100% - 32px) / 3);

    max-height: 175px!important;

    margin-right: 12px;

}

.p_category_li

{

	margin:15px;

	width:197px;

	height:225px;

}



.p_similer_li

{

	margin:15px;

	width:163px; 

}

 .FlexBox_direction-column {

    flex-direction: column;

}

.FlexBox_direction-row

{

	flex-direction:row;

}

.FlexBox_align-center {

    align-items: center;

}

.FlexBox_align_start {

    align-items: flex-start;

}

.FlexBox_justify-flexStart {

    justify-content: flex-start;

}

.FlexBox_flexBox {

    display: flex;

}

.FlexBox_flow-wrap {

    flex-wrap: wrap;

}

.FlexBox_justify-spaceBetween {

    justify-content: space-between;

}

.FlexBox_justify-spacearound {

    justify-content: space-around;

}

.FlexBox_justify-center {

    justify-content: center;

}

.withopc

{

	opacity:0.6;

}

.font30

{

	font-size:30px;

}

.order_details_itx h3{font-size:14px !important;}

.order_details_itx p{font-size:13px !important;}

.order_details_itx

{

	margin-left:20px;

}



.o_done_label

{

	background: #fbbd06;

    padding: 2px 5px;

    color: #fff;

    text-transform: uppercase;

    font-size: 12px;

}

.ord_pending_color

{

	color:#fbbd06;

}

.Op_op

{

	font-size:18px !important;

}

.brtop

{

	border-top:solid 1px #efdfbd;

}

.pd_c1

{

	padding: 12px 20px;

}

.pd_20

{

	padding:20px;

}

.pr0

{

	padding-right:0px !important;

}

.py8 {

    padding-top: 8px;

    padding-bottom: 8px;

}

.bordered

{

	border:solid 1px #efdfbd;

}

.borderedlg

{

	border:solid 1px #efdfbd;

}

.brleftlg

{

	border-left:solid 1px #efdfbd;

}

.width50

{

	width:50px;

	height:40px;

}

.mb-25

{

	margin-bottom:25px;

}

.mb50

{

	margin-bottom:50px;

}

.pending_order_color

{

	color:#fab73b;

}

.mx-auto {

    margin-left: auto;

    margin-right: auto;

}

.order_details_div

{

	max-width:700px

}

.order_sucess_div

{

	max-width:500px

}

.order_sucess_div i

{

	font-size: 82px;

    color: var(--color-primary);

}

.order_details_div h3

{

	font-size:16px;

}

.od_img

{

	width:100px

}

.CustomerDetails_details_table tr td {

    padding: 4px 0;

    vertical-align: top;

    font-size: 16px;

    line-height: 24px;

}

.order_card

{background: #f8f8f8;

    cursor: pointer;

}

.order_card h3{font-size:16px;margin:0px}

.p25

{

	padding:25px;

}

.pb100

{

	padding-bottom:100px;

}

.mr8 {

    margin-right: 8px;

}

.mr5 {

    margin-right: 5px;

}

.m0

{

	margin:0px !important;

}

.br4 {

    border-radius: 4px;

}

.p8{

	padding:8px;

}

.apcoupon

{

	width: 20px;

    height: 20px;

    padding: 4px;

    margin-right: 6px;

    color: var(--color-primary);

    border-radius: 60px;

    border: solid 1px;

    font-size: 11px;

}

.bag_select_fix

{

	position: fixed;

    bottom: 56px;

    background: #fff;

    z-index: 99;

}

#sele_add_form .form-group

{

	    width: calc(50% - 20px);

}



.bag_divider

{

	height:1px;

	width:100%;

	background-color:#efdfbd;

	display:block;

} 

.bag_divider_dashed

{

	height: 0;

    background-color: transparent;

    border-top: dashed 1px #efdfbd;

    margin-top: 16px;

    margin-bottom: 16px;

    width: 100%;

} 

.bag_side_total

{

	padding:12px 20px;

}

.fw600

{

	font-weight:600;

}

.f15

{

	font-size:15px;

}

.mt15

{

	margin-top:15px;

}

.mt25

{

	margin-top:25px;

}

.modalaccountd .modal-content

{

	max-width:400px;

	width:400px;

}

.modalaccountd

{

	display: -ms-flexbox;

    display: flex;

    -ms-flex-align: center;

    align-items: center;

    min-height: calc(70% - 1rem);

	 justify-content:center;



}

.igroup_i

{

	position:relative;

}

.pl40

{

	padding-left:40px !important;

}

.input_mob

{

	    background-color: transparent;

    position: absolute;

    left: 0;

    top: 0;

    width: 40px;

    border-radius: 4px;

    height: 100%;

    display: -moz-inline-box;

    display: inline-flex;

    -moz-box-align: center;

    align-items: center;

    -moz-box-pack: end;

    justify-content: flex-end;

    padding-right: 4px;

}

/*----------------------------*\

	Buttons

\*----------------------------*/

.addbtn

{

	font-size: 13px;

    background: #fff;

    line-height: 14px;

    padding: 6px 14px;

    font-weight: 600;

    border-radius: 4px;

    border: solid 1px var(--color-primary);

}



 

.primary-btn {

  display: inline-block;

  padding: 12px 30px;

  background-color: var(--color-primary);

  border: none;

  border-radius: 40px;

  color: #FFF;

  text-transform: uppercase;

  font-weight: 700;

  text-align: center;

  -webkit-transition: 0.2s all;

  transition: 0.2s all;

}



.primary-btn:hover, .primary-btn:focus {

  opacity: 0.9;

  color: #FFF;

}



/*----------------------------*\

	Inputs

\*----------------------------*/



/*-- Text input --*/



.input {

  height: 40px;

  padding: 0px 15px;

  border: 1px solid #E4E7ED;

  background-color: #FFF;

  width: 100%;

}

.otpinput

{

	    margin: 2px;

    border-radius: 4px;

}

textarea.input {

  padding: 15px;

  min-height: 90px;

}



/*-- Number input --*/



.input-number {

  position: relative;

}



.input-number input[type="number"]::-webkit-inner-spin-button, .input-number input[type="number"]::-webkit-outer-spin-button {

  -webkit-appearance: none;

  margin: 0;

}



.input-number input[type="number"] {

  -moz-appearance: textfield;

  height: 40px;

  width: 100%;

  border: 1px solid #E4E7ED;

  background-color: #FFF;

  padding: 0px 35px 0px 15px;

}



.input-number .qty-up, .input-number .qty-down {

  position: absolute;

  display: block;

  width: 20px;

  height: 20px;

  border: 1px solid #E4E7ED;

  background-color: #FFF;

  text-align: center;

  font-weight: 700;

  cursor: pointer;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

}



.input-number .qty-up {

  right: 0;

  top: 0;

  border-bottom: 0px;

}



.input-number .qty-down {

  right: 0;

  bottom: 0;

}



.input-number .qty-up:hover, .input-number .qty-down:hover {

  background-color: #E4E7ED;

  color: var(--color-primary);

}



/*-- Select input --*/



.input-select {

  padding: 0px 15px;

  background: #FFF;

  border: 1px solid #E4E7ED;

  height: 40px;

}

.bag-select {

    padding: 0px 15px;

    background: #FFF;

    border: 1px solid #E4E7ED;

    height: 28px;

	border-radius:4px;

}

.bag_remove_btn

{

	position:absolute;	

	right:20px;

	border:none;

	background:none;

	padding:10px 20px;

}

.mr20

{

	margin-right:20px;

}



.myaccount_mobile_menuul

{

	display: flex;

    justify-content: space-around;

    flex-wrap: wrap;

    align-content: center;

    align-items: center;

}

.myaccount_mobile_menuul span

{

	display:block;

	font-size:12px;

}

.accountmenumobile_item_active

{

	border-bottom:2px solid #d10024;

}

.myaccount_mobile_menuul li

{

	text-align:center;

}

.add_address_card

{

	

    height: 100%;

    min-height: 150px;

    cursor: pointer;

    padding: 10px;

    margin: 0 auto;

    display: flex;

    justify-content: center;

    align-items: center;

}

.myaccount_sidemenu

{

	padding: 20px 0;

	 

}

.account_menu_ul

{

	padding:0 0 0 12px

}

.accountmenu_item {

    position: relative;

    height: 50px;

    width: 100%;

    padding: 12px 0;

    border-right: 4px solid #fff;

    color: #000;

    font-size: 16px;

    font-weight: 500;

    line-height: 1.44;

    cursor: pointer;

	margin-bottom:8px;

}

.accountmenu_item i

{

	font-size: 21px;

    width: 25px;

    height: 25px;

    text-align: center;

}

.AccountMenu_itemActive i

{

	color: var(--color-primary);

}

.AccountMenu_itemActive a

{

	color: var(--color-primary);

}

.AccountMenu_itemActive {

    background-image: linear-gradient(to right,#ffffff,#e8e8e8 100%);

    border-right: 4px solid var(--color-primary);

    color: var(--color-primary);

}

.address_card

{

	background:#f8f8f8;

	cursor:pointer;

	

}

.address_card_selected

{

	border:solid 1px var(--color-primary) !important;

}

.address_card p

{

	font-size:13px;

}

.address_card a

{

	text-transform:uppercase;

	font-size:14px;

}

.width100

{

	width:100%;

}

/*-- checkbox & radio input --*/



.input-radio, .input-checkbox {

  position: relative;

  display: block;

}



.input-radio input[type="radio"]:not(:checked), .input-radio input[type="radio"]:checked, .input-checkbox input[type="checkbox"]:not(:checked), .input-checkbox input[type="checkbox"]:checked {

  position: absolute;

  margin-left: -9999px;

  visibility: hidden;

}



.input-radio label, .input-checkbox label {

  font-weight: 500;

  min-height: 20px;

  padding-left: 20px;

  margin-bottom: 5px;

  cursor: pointer;

}

.p-category label

{

	 font-weight: 500;

  min-height: 20px;

  padding-left: 10px;

  margin-bottom: 15px;

  cursor: pointer;

  font-size:15px;

  display:block;

}

.p-category small

{

	

  font-size:10px;

}

 

.input-radio input[type="radio"]+label span, .input-checkbox input[type="checkbox"]+label span {

  position: absolute;

  left: 0px;

  top: 4px;

  width: 14px;

  height: 14px;

  border: 2px solid #E4E7ED;

  background: #FFF;

}



.input-radio input[type="radio"]+label span {

  border-radius: 50%;

}



.input-radio input[type="radio"]+label span:after {

  content: "";

  position: absolute;

  left: 50%;

  top: 50%;

  -webkit-transform: translate(-50%, -50%) scale(0);

  -ms-transform: translate(-50%, -50%) scale(0);

  transform: translate(-50%, -50%) scale(0);

  background-color: #FFF;

  width: 4px;

  height: 4px;

  border-radius: 50%;

  opacity: 0;

  -webkit-transition: all 0.2s;

  transition: all 0.2s;

}



.input-checkbox input[type="checkbox"]+label span:after {

  content: '✔';

  position: absolute;

  top: -2px;

  left: 1px;

  font-size: 10px;

  color: #FFF;

  opacity: 0;

  -webkit-transform: scale(0);

  -ms-transform: scale(0);

  transform: scale(0);

  -webkit-transition: all 0.2s;

  transition: all 0.2s;

}



.input-radio input[type="radio"]:checked+label span, .input-checkbox input[type="checkbox"]:checked+label span {

  background-color: var(--color-primary);

  border-color: var(--color-primary);

}



.input-radio input[type="radio"]:checked+label span:after {

  opacity: 1;

  -webkit-transform: translate(-50%, -50%) scale(1);

  -ms-transform: translate(-50%, -50%) scale(1);

  transform: translate(-50%, -50%) scale(1);

}



.input-checkbox input[type="checkbox"]:checked+label span:after {

  opacity: 1;

  -webkit-transform: scale(1);

  -ms-transform: scale(1);

  transform: scale(1);

}



.input-radio .caption, .input-checkbox .caption {

  margin-top: 5px;

  max-height: 0;

  overflow: hidden;

  -webkit-transition: 0.3s max-height;

  transition: 0.3s max-height;

}



.input-radio input[type="radio"]:checked~.caption, .input-checkbox input[type="checkbox"]:checked~.caption {

  max-height: 800px;

}



/*----------------------------*\

	Section

\*----------------------------*/



.section {

  padding-top: 30px;

  padding-bottom: 30px;

}



.section-title {

  position: relative;

  margin-bottom: 30px;

  margin-top: 15px;

}



.section-title .title {

  display: inline-block;

  text-transform: uppercase;

  margin: 0px;

}



.section-title .section-nav {

  float: right;

}



.section-title .section-nav .section-tab-nav {

  display: inline-block;

}



.section-tab-nav li {

  display: inline-block;

  margin-right: 15px;

}



.section-tab-nav li:last-child {

  margin-right: 0px;

}



.section-tab-nav li a {

  font-weight: 700;

  color: #8D99AE;

}



.section-tab-nav li a:after {

  content: "";

  display: block;

  width: 0%;

  height: 2px;

  background-color: var(--color-primary);

  -webkit-transition: 0.2s all;

  transition: 0.2s all;

}



.section-tab-nav li.active a {

  color: var(--color-primary);

}



.section-tab-nav li a:hover:after, .section-tab-nav li a:focus:after, .section-tab-nav li.active a:after {

  width: 100%;

}



.section-title .section-nav .products-slick-nav {

  top: 0px;

  right: 0px;

}



/*----------------------------*\

	Breadcrumb

\*----------------------------*/



#breadcrumb {

  padding: 10px 0px;

    background: #ffffff;

    border-bottom: 1px solid #f0e1c0;

 }



#breadcrumb .breadcrumb-header {

  display: inline-block;

  margin-top: 0px;

  margin-bottom: 0px;

  margin-right: 15px;

}



#breadcrumb .breadcrumb-tree {

  display: inline-block;

    background: #f3f4f7;

    padding: 4px 10px;

    border-radius: 4px;

}



#breadcrumb .breadcrumb-tree li {

  display: inline-block;

  font-size: 14px;

  font-weight: 500;

}



#breadcrumb .breadcrumb-tree li+li {

  margin-left: 10px;

}



#breadcrumb .breadcrumb-tree li+li:before {

  content: '/';

  display: inline-block;

  color: #8D99AE;

  margin-right: 10px;

}



#breadcrumb .breadcrumb-tree li a {

  color: var(--color-primary);

}



#breadcrumb .breadcrumb-tree li a:hover {

  color: var(--color-primary);

}



/*=========================================================

	02 -> HEADER

===========================================================*/



/*----------------------------*\

	Top header

\*----------------------------*/



#top-header {

  padding-top: 8px;

  padding-bottom: 8px;

  background-color: var(--color-primary);

   border-top: 3px solid var(--color-primary);

}



.header-links li {

  display: inline-block;

  margin-right: 15px;

  font-size: 13px;

}



.header-links li:last-child {

  margin-right: 0px;

}



.header-links li a {

  color: #FFF;

  font-size:15px;

}



.header-links li a:hover {

  color: #fff;

}



.header-links li i {

  color: #ffffff;

    margin-right: 5px;

    font-size: 17px;

}

.header-links>li>a:after {

  content: "";

  display: block;

  width: 0%;

  height: 2px;

  background-color: var(--color-primary);

  -webkit-transition: 0.2s all;

  transition: 0.2s all;

}

.header-links>li>a:hover:after, .header-links>li>a:focus:after, .header-links>li.active>a:after {

  width: 100%;

}

/*----------------------------*\

	Logo

\*----------------------------*/



#header {

 padding-top: 20px;

    padding-bottom: 10px;

    background-color: #ffffff;

   border-bottom: solid 1px #f0e1c0;



}

header

{

	position: sticky;

    top: 0px;

    z-index: 999;

}

.header-logo {

  float: left;

}



.header-logo .logo img {

  display: block;

  max-width:160px;

}



/*----------------------------*\

	Search

\*----------------------------*/



 



.header-search form {

  position: relative;

}



.header-search form .input-select {

  margin-right: -4px;

  border-radius: 4px 0px 0px 4px;

  height:50px;

}



.header-search form .input {

width: calc(100% - 260px);

    margin-right: -4px;

    background: #ffffff;

    border: none;

	height:50px;

    border: 1px solid #E4E7ED;

}



	.header-search form .input:after {

    background:url('../img/search.png');

    font-style: normal;

    font-weight: normal;

    display: inline-block;

    text-decoration: inherit;

    width: 1em;

    text-align: center;

    font-variant: normal;

    text-transform: none;

    line-height: 1em;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;    

    position: absolute;

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    font-size: 1.5rem;

    width: 3.75rem;

    height: 100%;

    right: 0;

    top: 0;

}

.header-search form .search-btn {

  height: 40px;

  width: 100px;

  background: var(--color-primary);

  color: #FFF;

  font-weight: 700;

  border: none;

  border-radius: 0px 4px 4px 0px;

  height:50px;

}

.header-search form input:focus 

{outline: none;}

/*----------------------------*\

	Cart

\*----------------------------*/



.header-ctn {

 padding: 5px 0px;

    display: flex;

    align-items: center;

    justify-content: flex-end;

}

.header-ctn-btns

{

	    position: relative;

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

}

.h-cart, .h-categ{margin-left: .9375rem;}

.h-cart>a>.qty {

     position: absolute;

    right: -6px;

    top: -5px;

    width: 17px;

    height: 17px;

    line-height: 18px;

    text-align: center;

    border-radius: 50%;

    font-size: 8px;

    color: #FFF;

    background-color: var(--color-primary);

}

.h-cart a

{

	display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    position: relative;

    color: #3e445a;

    text-decoration: none;

}

.h-svgimg img

{

	width:18px;

}

.h-svgimg

{

	width: 42px;

    height: 42px;

	display:flex;

	justify-content:center;

	align-items:center;

}

.h-cart .cart-price

{

	font-size: 12px;

    margin-right: .9375rem;

}

.header-ctn .menu-toggle {

  display: none;

}



.cart-dropdown {

  position: absolute;

  width: 300px;

  background: #FFF;

  padding: 15px;

  -webkit-box-shadow: 0px 0px 0px 2px #E4E7ED;

  box-shadow: 0px 0px 0px 2px #E4E7ED;

  z-index: 99;

  right: 0;

  opacity: 0;

  visibility: hidden;

}



.dropdown.open>.cart-dropdown {

  opacity: 1;

  visibility: visible;

}



.cart-dropdown .cart-list {

  max-height: 180px;

  overflow-y: scroll;

  margin-bottom: 15px;

}



.cart-dropdown .cart-list .product-widget {

  padding: 0px;

  -webkit-box-shadow: none;

  box-shadow: none;

}



.cart-dropdown .cart-list .product-widget:last-child {

  margin-bottom: 0px;

}



.cart-dropdown .cart-list .product-widget .product-img {

  left: 0px;

  top: 0px;

}



.cart-dropdown .cart-list .product-widget .product-body .product-price {

  color: #2B2D42;

}



.cart-dropdown .cart-btns {

  margin: 0px -17px -17px;

}



.cart-dropdown .cart-btns>a {

  display: inline-block;

  width: calc(50% - 0px);

  padding: 12px;

  background-color: var(--color-primary);

  color: #FFF;

  text-align: center;

  font-weight: 700;

  -webkit-transition: 0.2s all;

  transition: 0.2s all;

}



.cart-dropdown .cart-btns>a:first-child {

  margin-right: -4px;

  background-color: #1e1f29;

}



.cart-dropdown .cart-btns>a:hover {

  opacity: 0.9;

}



.cart-dropdown .cart-summary {

  border-top: 1px solid #E4E7ED;

  padding-top: 15px;

  padding-bottom: 15px;

}



/*=========================================================

	03 -> Navigation

===========================================================*/



#navigation {

  background: #fff;

  border-bottom: 2px solid #E4E7ED;

 

}



/*----------------------------*\

	Main nav

\*----------------------------*/



.main-nav>li+li {

  margin-left: 1px

}

.main-nav

{

	display:flex;

	align-items:center;

}

.main-nav>li>a {

  padding: 7px 10px;

  color:#000;

  border-radius: 50px;

  text-transform: uppercase;

    font-size: 14px;

	display:flex;

	align-items:center;

}



.main-nav>li>a:hover, .main-nav>li>a:focus, .main-nav>li.active>a {

  color: var(--color-primary);

  background-color: #f0faff;

}



.main-nav>li>a:hover:after, .main-nav>li>a:focus:after, .main-nav>li.active>a:after {

  width: 100%;

}



.header-ctn li.nav-toggle {

  display: none;

}

.sm-menu

{

	color: #000;

    border-bottom: solid 1px;

    line-height: 30px;

}

/*----------------------------*\

	responsive nav

\*----------------------------*/



@media only screen and (max-width: 991px) {

  .header-ctn .menu-toggle {

    display: inline-block;

  }

  #responsive-nav {

    position: fixed;

    left: 0;

    top: 0;

	display:block;

    background: #ffffff;

    height: 100vh;

    max-width: 250px;

    width: 0%;

    overflow: hidden;

    z-index: 22;

    padding: 20px;

    -webkit-transform: translateX(-100%);

    -ms-transform: translateX(-100%);

    transform: translateX(-100%);

    -webkit-transition: 0.2s all;

    transition: 0.2s all;

  }

  #responsive-nav.active {

    -webkit-transform: translateX(0%);

    -ms-transform: translateX(0%);

    transform: translateX(0%);

    width: 100%;

	z-index:9999;	

  }

  .main-nav {

    margin: 0px;

    float: none;

	flex-direction:column;

  }

  .main-nav>li {

    display: block;

    float: none;

  }

  .main-nav>li+li {

    margin-left: 0px;

  }

  .main-nav>li>a {

    padding: 15px;

    color: #000;

  }

}



/*=========================================================

	04 -> CATEGORY SHOP

===========================================================*/



.shop {

  position: relative;

  overflow: hidden;  

}



 

.shop:after {

  content: "";

    position: absolute;

    top: 0;

    bottom: 0;

    left: 1px;

    width: 100%;

    background: linear-gradient(180deg,transparent,rgba(0,0,0,.6) 60%);

    opacity: 0.9;

) translateX(-100%); */

    border-radius: 10px;

}



.shop .shop-img {

  position: relative; 

  z-index: -1;

  height: 225px; 

    display: flex;

    width: 192px;

}



.shop .shop-img>img {

  width: 100%;

  -webkit-transition: 0.2s all;

  transition: 0.2s all;

  object-fit: contain;

  padding:5px;

}



.shop:hover .shop-img>img {

  -webkit-transform: scale(1.1);

  -ms-transform: scale(1.1);

  transform: scale(1.1);

}



.shop .shop-body 
{ 
 	position: absolute; 
    bottom: 0; 
    width: 100%; 
    padding: 10px; 
    z-index: 10; 
}



.shop .shop-body a {

  color: #FFF;

  font-size:16px;

}

.shop-body .pdspan  {
  color: #FFF;
  font-size:16px;
}

.shop .shop-body .cta-btn {

  color: #FFF;

  text-transform: uppercase;

}



/*=========================================================

	05 -> HOT DEAL

===========================================================*/



#hot-deal.section {

  padding: 60px 0px;

  margin: 30px 0px;

  background-color: #E4E7ED;

  background-image: url('../img/hotdeal.png');

  background-position: center;

  background-repeat: no-repeat;

}



.hot-deal {

  text-align: center;

}



.hot-deal .hot-deal-countdown {

  margin-bottom: 30px;

}



.hot-deal .hot-deal-countdown>li {

  position: relative;

  display: inline-block;

  width: 100px;

  height: 100px;

  background: var(--color-primary)e6;

  text-align: center;

  border-radius: 50%;

  margin: 0px 5px;

}



.hot-deal .hot-deal-countdown>li>div {

  position: absolute;

  left: 0;

  right: 0;

  top: 50%;

  -webkit-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  transform: translateY(-50%);

}



.hot-deal .hot-deal-countdown>li>div h3 {

  color: #FFF;

  margin-bottom: 0px;

}



.hot-deal .hot-deal-countdown>li>div span {

  display: block;

  font-size: 10px;

  text-transform: uppercase;

  color: #FFF;

}



.hot-deal p {

  text-transform: uppercase;

  font-size: 24px;

}



.hot-deal .cta-btn {

  margin-top: 15px;

}



/*=========================================================

	06 -> PRODUCT

===========================================================*/



/*----------------------------*\

	product

\*----------------------------*/



.product {

  position: relative;

  margin: 15px 0px;

  -webkit-box-shadow: 0px 0px 0px 0px #f0e1c0, 0px 0px 0px 1px #f0e1c0;

  box-shadow: 0px 0px 0px 0px #f0e1c0, 0px 0px 0px 1px #f0e1c0;

  -webkit-transition: 0.2s all;

  transition: 0.2s all;

}



.product:hover {

  -webkit-box-shadow: 0px 0px 6px 0px #E4E7ED, 0px 0px 0px 2px var(--color-primary);

  box-shadow: 0px 0px 6px 0px #E4E7ED, 0px 0px 0px 2px var(--color-primary);

}



.product .product-img {

  position: relative;

  border-bottom:solid 1px #f0e1c0;

}



.product .product-img>img {

  width: 100%;

}



.product .product-img .product-label {

  position: absolute;

  top: 15px;

  right: 15px;

}



.product .product-img .product-label>span {

   padding: 3px 4px;

  font-size: 12px;

}



.product .product-img .product-label>span.sale {

  background-color: #FFF;

  border-color: var(--color-primary);

  color: var(--color-primary);

}



.product .product-img .product-label>span.new {

    background-color: var(--color-primary);

    color: #FFF;

    font-weight: bold;

    border-radius: 4px;

}



.product .product-body {

  position: relative;

  padding: 10px 0;

  background-color: #FFF;

  text-align: center;

  z-index: 20;

}



.product .product-body .product-category {

  text-transform: uppercase;

  font-size: 12px;

  color: #8D99AE;

}



.product .product-body .product-name {

  font-size: 14px;

}



.product .product-body .product-name>a {

  font-weight: 700;

}



.product .product-body .product-name>a:hover, .product .product-body .product-name>a:focus {

  color: var(--color-primary);

}



.product .product-body .product-price {

  color: var(--color-primary);

  font-size: 18px;

}



.product .product-body .product-price .product-old-price {

  font-size: 70%;

  font-weight: 400;

  color: #8D99AE;

}



.product .product-body .product-rating {

  position: relative;

  margin: 15px 0px 10px;

  height: 20px;

}



.product .product-body .product-rating>i {

  position: relative;

  width: 14px;

  margin-right: -4px;

  background: #FFF;

  color: #E4E7ED;

  z-index: 10;

}



.product .product-body .product-rating>i.fa-star {

  color: #ef233c;

}



.product .product-body .product-rating:after {

  content: "";

  position: absolute;

  top: 50%;

  left: 0;

  right: 0;

  -webkit-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  transform: translateY(-50%);

  height: 1px;

  background-color: #E4E7ED;

}



.product .product-body .product-btns>button {

  position: relative;

  width: 40px;

  height: 40px;

  line-height: 40px;

  background: transparent;

  border: none;

  -webkit-transition: 0.2s all;

  transition: 0.2s all;

}



.product .product-body .product-btns>button:hover {

  background-color: #E4E7ED;

  color: var(--color-primary);

  border-radius: 50%;

}



.product .product-body .product-btns>button .tooltipp {

  position: absolute;

  bottom: 100%;

  left: 50%;

  -webkit-transform: translate(-50%, -15px);

  -ms-transform: translate(-50%, -15px);

  transform: translate(-50%, -15px);

  width: 150px;

  padding: 10px;

  font-size: 12px;

  line-height: 10px;

  background: #1e1f29;

  color: #FFF;

  text-transform: uppercase;

  z-index: 10;

  opacity: 0;

  visibility: hidden;

  -webkit-transition: 0.2s all;

  transition: 0.2s all;

}



.product .product-body .product-btns>button:hover .tooltipp {

  opacity: 1;

  visibility: visible;

  -webkit-transform: translate(-50%, -5px);

  -ms-transform: translate(-50%, -5px);

  transform: translate(-50%, -5px);

}



.product .add-to-cart {

  position: absolute;

  left: 1px;

  right: 1px;

  bottom: 1px;

  padding: 15px;

  background: #1e1f29;

  text-align: center;

  -webkit-transform: translateY(0%);

  -ms-transform: translateY(0%);

  transform: translateY(0%);

  -webkit-transition: 0.2s all;

  transition: 0.2s all;

  z-index: 2;

}



.product:hover .add-to-cart {

  -webkit-transform: translateY(100%);

  -ms-transform: translateY(100%);

  transform: translateY(100%);

}



.product .add-to-cart .add-to-cart-btn {

  position: relative;

  border: 2px solid transparent;

  height: 40px;

  padding: 0 30px;

  background-color: #ef233c;

  color: #FFF;

  text-transform: uppercase;

  font-weight: 700;

  border-radius: 40px;

  -webkit-transition: 0.2s all;

  transition: 0.2s all;

}



.product .add-to-cart .add-to-cart-btn>i {

  position: absolute;

  left: 0;

  top: 0;

  width: 40px;

  height: 40px;

  line-height: 38px;

  color: var(--color-primary);

  opacity: 0;

  visibility: hidden;

}



.product .add-to-cart .add-to-cart-btn:hover {

  background-color: #FFF;

  color: var(--color-primary);

  border-color: var(--color-primary);

  padding: 0px 30px 0px 50px;

}



.product .add-to-cart .add-to-cart-btn:hover>i {

  opacity: 1;

  visibility: visible;

}



/*----------------------------*\

	Widget product

\*----------------------------*/



.product-widget {

  position: relative;

      

}



.product-widget+.product-widget {

  margin: 30px 0px;

}



.product-widget .product-img {

 border-radius: 10px;

    position: absolute;

    left: 0px;

    top: 0px;

    padding: 8px;

    width: 138px;

    border: solid 1px #f0e1c0;

}



.product-list

{

	   padding:10px;

}

.product-widget .product-img>img {

  width: 100%;

}



.product-widget .product-body {

padding-left: 160px;

    min-height: 139px;

    

    display: flex;

    flex-direction: column;

    justify-content: center;

}



.product-widget .product-body .product-category {

  text-transform: uppercase;

  font-size: 10px;

  color: #8D99AE;

}



.product-widget .product-body .product-name {

  

  font-size: 15px;

}



.product-widget .product-body .product-name>a {

  font-weight: 600;

}



.product-widget .product-body .product-name>a:hover, .product-widget .product-body .product-name>a:focus {

  color: var(--color-primary);

}



.product-widget .product-body .product-price {

  font-size: 16px;

  color: #000000;

}





  .product-widget .product-body .product-price .product-old-price {

    font-size: 82%;

    font-weight: 400;

    color: #717171;

}





.product-widget .product-body .product-price .qty {

  font-weight: 400;

  margin-right: 10px;

}



.product-widget .delete {

  position: absolute;

  top: 0;

  left: 0;

  height: 14px;

  width: 14px;

  text-align: center;

  font-size: 10px;

  padding: 0;

  background: #1e1f29;

  border: none;

  color: #FFF;

}



/*----------------------------*\

	Products slick

\*----------------------------*/



.products-slick .slick-list {

  padding-bottom: 60px;

  margin-bottom: -60px;

  z-index: 2;

}



.products-slick .product.slick-slide {

  margin: 15px;

}



.products-tabs>.tab-pane {

  display: block;

  height: 0;

  opacity: 0;

  visibility: hidden;

  overflow-y: hidden;

  padding-bottom: 60px;

  margin-bottom: -60px;

}



.products-tabs>.tab-pane.active {

  opacity: 1;

  visibility: visible;

  height: auto;

}



.products-slick-nav {

  position: absolute;

  right: 15px;

  z-index: 10;

}



.products-slick-nav .slick-prev, .products-slick-nav .slick-next {

  position: static;

  -webkit-transform: none;

  -ms-transform: none;

  transform: none;

  width: 20px;

  height: 20px;

  display: inline-block !important;

  margin: 0px 2px;

}



.products-slick-nav .slick-prev:before, .products-slick-nav .slick-next:before {

  font-size: 14px;

}



/*=========================================================

	07 -> PRODUCTS PAGE

===========================================================*/



/*----------------------------*\

	Aside

\*----------------------------*/



.aside+.aside {

  margin-top: 30px;

}



.aside>.aside-title {

  

  font-size: 18px;

  color:#000;

  

}

.aside

{

	padding-top: 12px;

}

/*-- checkbox Filter --*/



.checkbox-filter>div+div {

  margin-top: 10px;

}



.checkbox-filter .input-radio label, .checkbox-filter .input-checkbox label {

  font-size: 12px;

}



.checkbox-filter .input-radio label small, .checkbox-filter .input-checkbox label small {

  color: #8D99AE;

}



/*-- Price Filter --*/



#price-slider {

  margin-bottom: 15px;

}



.noUi-target {

  background-color: #FFF;

  -webkit-box-shadow: none;

  box-shadow: none;

  border: 1px solid #E4E7ED;

  border-radius: 0px;

}



.noUi-connect {

  background-color: var(--color-primary);

}



.noUi-horizontal {

  height: 6px;

}



.noUi-horizontal .noUi-handle {

  width: 12px;

  height: 12px;

  left: -6px;

  top: -4px;

  border: none;

  background: var(--color-primary);

  -webkit-box-shadow: none;

  box-shadow: none;

  border-radius: 50%;

}



.noUi-handle:before, .noUi-handle:after {

  display: none;

}



.price-filter .input-number {

  display: inline-block;

  width: calc(50% - 7px);

}



/*----------------------------*\

	Store

\*----------------------------*/



.store-filter {

  margin-bottom: 15px;

  margin-top: 15px;

}



/*-- Store Sort --*/



.store-sort {

  display: inline-block;

}



.store-sort label {

  font-weight: 500;

  font-size: 12px;

  text-transform: uppercase;

  margin-right: 15px;

}



/*-- Store Grid --*/



.store-grid {

  float: right;

}



.store-grid li {

  display: inline-block;

  width: 40px;

  height: 40px;

  line-height: 40px;

  background-color: #FFF;

  border: 1px solid #E4E7ED;

  text-align: center;

  -webkit-transition: 0.2s all;

  transition: 0.2s all;

}



.store-grid li+li {

  margin-left: 5px;

}



.store-grid li:hover {

  background-color: #E4E7ED;

  color: var(--color-primary);

}



.store-grid li.active {

  background-color: var(--color-primary);

  border-color: var(--color-primary);

  color: #FFF;

  cursor: default;

}



.store-grid li a {

  display: block;

}



/*-- Store Pagination --*/



.store-pagination {

  float: none;

}



.store-pagination li {

  display: inline-block;

  width: 40px;

  height: 40px;

  line-height: 40px;

  text-align: center;

  background-color: #FFF;

  border: 1px solid #E4E7ED;

  -webkit-transition: 0.2s all;

  transition: 0.2s all;

}



.store-pagination li+li {

  margin-left: 5px;

}



.store-pagination li:hover {

  background-color: #E4E7ED;

  color: var(--color-primary);

}



.store-pagination li.active {

  border-color: var(--color-primary); 

  font-weight: 500;

  cursor: default;

}



.store-pagination li a {

  display: block;

}



.store-qty {

  margin-right: 30px;

  font-weight: 500;

  text-transform: uppercase;

  font-size: 12px;

}



/*=========================================================

	08 -> PRODUCT DETAILS PAGE

===========================================================*/



/*----------------------------*\

	Product view

\*----------------------------*/



#product-main-img .slick-prev {

  -webkit-transform: translateX(-15px);

  -ms-transform: translateX(-15px);

  transform: translateX(-15px);

  left: 15px;

}



#product-main-img .slick-next {

  -webkit-transform: translateX(15px);

  -ms-transform: translateX(15px);

  transform: translateX(15px);

  right: 15px;

}



#product-main-img .slick-prev, #product-main-img .slick-next {

  opacity: 0;

  visibility: hidden;

  -webkit-transition: 0.2s all;

  transition: 0.2s all;

}



#product-main-img:hover .slick-prev, #product-main-img:hover .slick-next {

  -webkit-transform: translateX(0%);

  -ms-transform: translateX(0%);

  transform: translateX(0%);

  opacity: 1;

  visibility: visible;

}



#product-main-img .zoomImg {

  background-color: #FFF;

}



#product-imgs .product-preview {

  margin: 0px 5px;

  border: 1px solid #E4E7ED;

}



#product-imgs .product-preview.slick-current {

  border-color: var(--color-primary);

}



#product-imgs .slick-prev {

  top: -20px;

  left: 50%;

  -webkit-transform: translateX(-50%);

  -ms-transform: translateX(-50%);

  transform: translateX(-50%);

}



#product-imgs .slick-next {

  top: calc(100% - 20px);

  left: 50%;

  -webkit-transform: translateX(-50%);

  -ms-transform: translateX(-50%);

  transform: translateX(-50%);

}



#product-imgs .slick-prev:before {

  content: "\f106";

}



#product-imgs .slick-next:before {

  content: "\f107";

}



.product-preview img {

  width: 100%;

}



/*----------------------------*\

	Product details

\*----------------------------*/

.product_single_sec .product-details .product-name {

    text-transform:none;

    font-size: 18px;

    margin-top: 15px;

}

.product_single_sec .p_bag_p_price

{

	margin-top:30px;

	margin-bottom:30px;

}

.product-details .product-name {

  text-transform: uppercase;

  font-size: 18px;

}



.product-details .product-rating {

  display: inline-block;

  margin-right: 15px;

}



.product-details .product-rating>i {

  color: #E4E7ED;

}



.product-details .product-rating>i.fa-star {

  color: var(--color-primary);

}



.product-details .review-link {

  font-size: 12px;

}



.product-details .product-price {

  display: inline-block;

  font-size: 24px;

  margin-top: 10px;

  margin-bottom: 15px;

  color: var(--color-primary);

}



.product-details .product-price .product-old-price {

  font-size: 70%;

  font-weight: 400;

  color: #8D99AE;

}



.product-details .product-available {

  font-size: 12px;

    text-transform: uppercase;

    font-weight: 700; 

    color: var(--color-primary);

    background: #eee;

    padding: 2px;

    padding: 5px 10px;

    border-radius: 35px;

}



.product-details .product-options {

  margin-top: 30px;

  margin-bottom: 30px;

}



.product-details .product-options label {

  font-weight: 500;

  font-size: 12px;

  text-transform: uppercase;

  margin-right: 15px;

  margin-bottom: 0px;

}



.product-details .product-options .input-select {

  width: 90px;

}



.product-details .add-to-cart { 

  display: flex;

    flex-direction: row; 

    align-items: center;

}



.product-details .add-to-cart .add-to-cart-btn {

  position: relative;

  border: 1px solid var(--color-primary);

  height: 40px;

  padding: 9px 30px;

  background-color: #fff;

  color: #000;

  font-weight: 700;

  border-radius: 40px;

  -webkit-transition: 0.2s all;

  transition: 0.2s all;

  cursor:pointer;

}

.product-details .add-to-cart .buy-now-btn {

  position: relative;

  border: 1px solid var(--color-primary);

  height: 40px;

  padding: 9px 30px;

  background-color: var(--color-primary);

  color: #fff;

  font-weight: 700;

  border-radius: 40px;

  -webkit-transition: 0.2s all;

  transition: 0.2s all;

  margin-left:10px;

  cursor:pointer;

}

.bar-xs .buy-now-btn {

	position: relative;

    border: 1px solid var(--color-primary);

    height: 30px;

    padding: 0 10px;

	margin-left:10px;

    background-color: var(--color-primary);

    color: #fff;

    font-weight: 700;

    border-radius: 40px;

    -webkit-transition: 0.2s all;

    transition: 0.2s all;

}

.bar-xs .add-to-cart-btn {

  position: relative;

  border: 1px solid var(--color-primary);

  height: 30px;

  padding: 0 10px;

  background-color: #fff;

  color: #000;

  font-weight: 700;

  border-radius: 40px;

  -webkit-transition: 0.2s all;

  transition: 0.2s all;

}



.product-details .add-to-cart .add-to-cart-btn>i {

  position: absolute;

  left: 10px;

  top: 0;

  width: 40px;

  height: 40px;

  line-height: 38px;

  color: var(--color-primary);

  opacity: 0;

  visibility: hidden;

}



.product-details .add-to-cart .add-to-cart-btn:hover {

  background-color: #FFF;

  color: var(--color-primary);

  border-color: var(--color-primary);

  padding: 9px 30px 9px 50px;

}



.product-details .add-to-cart .add-to-cart-btn:hover>i {

  opacity: 1;

  visibility: visible;

}



.product-details .add-to-cart .qty-label {

  display: inline-block;

  font-weight: 500;

  font-size: 12px;

  text-transform: uppercase;

  margin-right: 15px;

  margin-bottom: 0px;

}



.product-details .add-to-cart .qty-label .input-number {

  width: 90px;

  display: inline-block;

}



.product-details .product-btns li {

  display: inline-block;

  text-transform: uppercase;

  font-size: 12px;

}



.product-details .product-btns li+li {

  margin-left: 15px;

}



.product-details .product-links {

  margin-top: 15px;

}



.product-details .product-links li {

  display: inline-block;

  text-transform: uppercase;

  font-size: 12px;

}



.product-details .product-links li+li {

  margin-left: 10px;

}



/*----------------------------*\

	 Product tab

\*----------------------------*/



#product-tab { 

    border: solid 1px #eee;

    border-radius: 4px;

    padding: 0 20px; 

   

}



#product-tab .tab-nav {

  position: relative;

  text-align: center;

  padding: 15px 0px;

  margin-bottom: 30px;

}



#product-tab .tab-nav:after {

  content: "";

  position: absolute;

  left: 0;

  right: 0;

  top: 50%;

  height: 1px; 

  z-index: -1;

}



#product-tab .tab-nav li {

  display: inline-block;

  background: #FFF;

  padding: 0px 15px;

}



#product-tab .tab-nav li+li {

  margin-left: 15px;

}



#product-tab .tab-nav li a {

  display: block;

  font-weight: 700;

  color: #8D99AE;

}



#product-tab .tab-nav li.active a {

  color: var(--color-primary);

}



#product-tab .tab-nav li a:after {

  content: "";

  display: block;

  width: 0%;

  height: 2px;

  background-color: var(--color-primary);

  -webkit-transition: 0.2s all;

  transition: 0.2s all;

}



#product-tab .tab-nav li a:hover:after, #product-tab .tab-nav li a:focus:after, #product-tab .tab-nav li.active a:after {

  width: 100%;

}



/*-- Rating --*/



.rating-avg {

  font-size: 24px;

  font-weight: 700;

  margin-bottom: 15px;

}



.rating-avg .rating-stars {

  margin-left: 10px;

}



.rating-avg .rating-stars, .rating .rating-stars {

  display: inline-block;

}



.rating-avg .rating-stars>i, .rating .rating-stars>i {

  color: #E4E7ED;

}



.rating-avg .rating-stars>i.fa-star, .rating .rating-stars>i.fa-star {

  color: var(--color-primary);

}



.rating li {

  margin: 5px 0px;

}



.rating .rating-progress {

  position: relative;

  display: inline-block;

  height: 9px;

  background-color: #E4E7ED;

  width: 120px;

  margin: 0px 10px;

  border-radius: 5px;

}



.rating .rating-progress>div {

  background-color: var(--color-primary);

  position: absolute;

  left: 0;

  top: 0;

  bottom: 0;

  border-radius: 5px;

}



.rating .sum {

  display: inline-block;

  font-size: 12px;

  color: #8D99AE;

}



/*-- Reviews --*/



.reviews li {

  position: relative;

  padding-left: 145px;

  margin-bottom: 30px;

}



.reviews .review-heading {

  position: absolute;

  width: 130px;

  left: 0;

  top: 0;

  height: 70px;

}



.reviews .review-body {

  min-height: 70px;

}



.reviews .review-heading .name {

  margin-bottom: 5px;

  margin-top: 0px;

}



.reviews .review-heading .date {

  color: #8D99AE;

  font-size: 10px;

  margin: 0;

}



.reviews .review-heading .review-rating {

  margin-top: 5px;

}



.reviews .review-heading .review-rating>i {

  color: #E4E7ED;

}



.reviews .review-heading .review-rating>i.fa-star {

  color: var(--color-primary);

}



.reviews-pagination {

  text-align: center;

}



.reviews-pagination li {

  display: inline-block;

  width: 35px;

  height: 35px;

  line-height: 35px;

  text-align: center;

  background-color: #FFF;

  border: 1px solid #E4E7ED;

  -webkit-transition: 0.2s all;

  transition: 0.2s all;

}



.reviews-pagination li:hover {

  background-color: #E4E7ED;

  color: var(--color-primary);

}



.reviews-pagination li.active {

  background-color: var(--color-primary);

  border-color: var(--color-primary);

  color: #FFF;

  cursor: default;

}



.reviews-pagination li a {

  display: block;

}



/*-- Review Form --*/



.review-form .input {

  margin-bottom: 15px;

}



.review-form .input-rating {

  margin-bottom: 15px;

}



.review-form .input-rating .stars {

  display: inline-block;

  vertical-align: top;

}



.review-form .input-rating .stars input[type="radio"] {

  display: none;

}



.review-form .input-rating .stars>label {

  float: right;

  cursor: pointer;

  padding: 0px 3px;

  margin: 0px;

}



.review-form .input-rating .stars>label:before {

  content: "\f006";

  font-family: FontAwesome;

  color: #E4E7ED;

  -webkit-transition: 0.2s all;

  transition: 0.2s all;

}



.review-form .input-rating .stars>label:hover:before, .review-form .input-rating .stars>label:hover~label:before {

  color: var(--color-primary);

}



.review-form .input-rating .stars>input:checked label:before, .review-form .input-rating .stars>input:checked~label:before {

  content: "\f005";

  color: var(--color-primary);

}



/*=========================================================

	09 -> CHECKOUT PAGE

===========================================================*/



.billing-details {

  margin-bottom: 30px;

}



.shiping-details {

  margin-bottom: 30px;

}



.order-details {

  position: relative;

  padding: 0px 30px 30px;

  border-right: 1px solid #E4E7ED;

  border-left: 1px solid #E4E7ED;

  border-bottom: 1px solid #E4E7ED;

}



.order-details:before {

  content: "";

  position: absolute;

  left: -1px;

  right: -1px;

  top: -15px;

  height: 30px;

  border-top: 1px solid #E4E7ED;

  border-left: 1px solid #E4E7ED;

  border-right: 1px solid #E4E7ED;

}



.order-summary {

  margin: 15px 0px;

}



.order-summary .order-col {

  display: table;

  width: 100%;

}



.order-summary .order-col:after {

  content: "";

  display: block;

  clear: both;

}



.order-summary .order-col>div {

  display: table-cell;

  padding: 10px 0px;

}



.order-summary .order-col>div:first-child {

  width: calc(100% - 150px);

}



.order-summary .order-col>div:last-child {

  width: 150px;

  text-align: right;

}



.order-summary .order-col .order-total {

  font-size: 24px;

  color: var(--color-primary);

}



.order-details .payment-method {

  margin: 30px 0px;

}



.order-details .order-submit {

  display: block;

  margin-top: 30px;

}



/*=========================================================

	10 -> NEWSLETTER

===========================================================*/



#newsletter.section {

   

  border-bottom: 3px solid var(--color-primary);

 background:var(--color-primary);

 padding-top: 30px;

    padding-bottom: 30px;

}



.newsletter {

  text-align: center;

}

.newsletter h3,h5

{

	color:#fff;

}

.newsletter p {

  font-size: 14px;

  color:#fff;

}



.newsletter form {

  position: relative;

  max-width: 520px;

  margin: 30px auto;

}



.newsletter form:after {

  content: "\f003";

  font-family: FontAwesome;

  position: absolute;

  font-size: 160px;

  color: #E4E7ED;

  top: 15px;

  -webkit-transform: translateY(-50%) rotate(15deg);

  -ms-transform: translateY(-50%) rotate(15deg);

  transform: translateY(-50%) rotate(15deg);

  z-index: -1;

  left: -90px;

}



.newsletter form .input {

  width: calc(100% - 160px);

  margin-right: -4px;

  border-radius: 40px 0px 0px 40px;

}



.newsletter form .newsletter-btn {

  width: 160px;

  height: 40px;

  font-weight: 700;

  background: var(--color-primary);

  color: #FFF;

  border: none;

  border-radius: 0px 40px 40px 0px;

}



.newsletter .newsletter-follow {

  text-align: center;

    margin-top: 18px;

    border-top: solid 1px #444;

    padding-top: 33px;

}



.newsletter .newsletter-follow li {

  display: inline-block;

  margin-right: 5px;

}



.newsletter .newsletter-follow li:last-child {

  margin-right: 0px;

}



.newsletter .newsletter-follow li a {

  position: relative;

  display: block;

  width: 40px;

  height: 40px;

  text-align: center;

  line-height: 40px;

  border: 1px solid #E4E7ED;

  background-color: #FFF;

  -webkit-transition: 0.2s all;

  transition: 0.2s all;

  border-radius: 38px;

}

.btnxs_cat

{

	border-radius: 35px;

    display: flex;

    align-items: center;

	background: var(--color-primary);

	font-weight:500;

}

.newsletter .newsletter-follow li a:hover, .newsletter .newsletter-follow li a:focus {

  background-color: #E4E7ED;

  color: var(--color-primary);

}



/*=========================================================

	11 -> FOOTER

===========================================================*/



#footer {

  background: #15161D;

  color: #B9BABC;

}



#bottom-footer {

  background: #1E1F29;

}



.footer {

  margin: 30px 0px;

}



.footer .footer-title {

  color: #FFF;

  text-transform: uppercase;

  font-size: 18px;

  margin: 0px 0px 30px;

}



.footer-links li+li {

  margin-top: 15px;

}



.footer-links li a {

  color: #B9BABC;

}



.footer-links li i {

  margin-right: 15px;

  color: var(--color-primary);

  width: 14px;

  text-align: center;

}



.footer-links li a:hover {

  color: var(--color-primary);

}



.copyright {

  margin-top: 30px;

  display: block;

  font-size: 12px;

}



.footer-payments li {

  display: inline-block;

  margin-right: 5px;

}



.footer-payments li a {

  color: #15161D;

  font-size: 36px;

  display: block;

}



/*=========================================================

	12 -> SLICK STYLE

===========================================================*/



/*----------------------------*\

	Arrows

\*----------------------------*/



.slick-prev, .slick-next {

  width: 40px;

  height: 40px;

  border: 1px solid #E4E7ED;

  background-color: #FFF;

  border-radius: 50%;

  z-index: 22;

  -webkit-transition: 0.2s all;

  transition: 0.2s all;

}



.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {

  background-color: var(--color-primary);

  border-color: var(--color-primary);

}



.slick-prev:before, .slick-next:before {

  font-family: FontAwesome;

  color: #2B2D42;

}



.slick-prev:before {

  content: "\f104";

}



.slick-next:before {

  content: "\f105";

}



.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {

  color: #FFF;

}



.slick-prev {

  left: -20px;

}



.slick-next {

  right: -20px;

}



/*----------------------------*\

	Dots

\*----------------------------*/



.slick-dots li, .slick-dots li button, .slick-dots li button:before {

  width: 10px;

  height: 10px;

}



.slick-dots li button:before {

  content: "";

  opacity: 1;

  background: #E4E7ED;

  border-radius: 50%;

}



.slick-dots li.slick-active button:before {

  background-color: var(--color-primary);

}



.custom-dots .slick-dots {

  position: static;

  margin: 15px 0px;

}

.header_lgo

{

	display: flex;

    flex-wrap: nowrap;

    align-content: space-between;

    justify-content: space-between;

    align-items: center;

}

.header-logo p

{

	font-size:17px;

	margin:0px;

	font-weight:500;

}

.menu-toggle i

{

	font-size:20px;

}

  .header-logo {

    

    text-align: center;

	display: flex;

    flex-wrap: nowrap;

    align-content: space-between;

    justify-content: space-between;

    align-items: center;

  }

 .p_similer_li .pdts_page

 {

	 width:163px;

 } 

 .xs_cat

 {

	 position:fixed;

	 bottom:72px;

	 right:10px;

 }

 .srcext1

 {

	 flex-direction: column;

	 display:flex;

	 justify-content: flex-start;

	 width:100%;

	 padding-bottom:10px;

 }

 .srcext2

 {

	 flex-direction: row;

	 display:flex;

	 align-items:flex-start;

	 margin-bottom:16px;

	 width:100%;

 }

 .srcgrid

 {

	     align-self: stretch;

    margin-right:16px;

	    display: flex;

    -moz-box-flex: 1;

    flex: 1 0;

 }

 .srcgrid2

 {

	     align-self: stretch;

    margin-right:0px;

	    display: flex;

    -moz-box-flex: 1;

    flex: 1 0;

 }

 

 .srcgriditm

 {

	 flex-direction: row;

	 display:flex;

	 align-items:flex-start;

	 justify-content:flex-start;

	 width:100%;

	 text-align:center;

 }

 .bstsrcimg

 {

	 display: block;

    object-fit: contain;

    -webkit-transition: opacity .2s ease-in-out;

    -moz-transition: opacity .2s ease-in-out;

    transition: opacity .2s ease-in-out;

	border:solid 1px #f0e1c0;

	padding:4px;

	border-radius:8px;

 }

 .bssrclink

 {

	 width:100%;

	 display:block;

	 height:100%

 }

/*=========================================================

	13 -> RESPONSIVE

===========================================================*/



@media only screen and (max-width: 1201px) {}



@media only screen and (max-width: 991px) {

  #top-header .header-links.pull-left {

    float: none !important;

  }

  #top-header .header-links.pull-right {

    float: none !important;

    margin-top: 5px;

  }

  #newsletter.section {

   

    padding-bottom: 80px;

}

 .searchdrop{width:100%}



  .header-logo .logo {

    display: inline-block;

  }

  #product-imgs {

    margin-bottom: 60px;

    margin-top: 15px;

  }

  #rating {

    text-align: center;

  }

  #reviews {

    margin-top: 30px;

    margin-bottom: 30px;

  }

}

@media only screen and (max-width: 990px) {

	.pro_dis_home_img {

    width: 170px;

    height: 170px;

    padding: 10px;

}

	.topc_head

{

	text-align:center;

}

.typ4_testimonials .container .row

{

	display:block !important;

}

.header-search form .input

{

	width:100%;

}

.head_phone

{

	font-size:11px !important;

}

.head_phone img

{

	width:24px !important;

}

.shop .shop-img 

	{

		width:100%;

	}

.p_similer_li .pdts_page {

    width: 144px;

}

.pname_xs

{

	font-size:12px !important;

}

.price_xs

{

	font-size:14px !important;

}

.pro_dis_home_li {

    width: 172px;

}

.pro_disc

{

	font-size:13px;

}

.sale_price {

    font-size: 13px;

    font-weight: 600;

    margin: 0px;

}

.actu_price {

    font-size: 10px;

    color: #808080;

    font-weight: 500;

}

.ob_con

{

	object-fit:contain;

}

.pdts_page

{

	display:flex;

	height:170px;

}

.qual-sec .qpoints

{

	display:block;

}



.borderedlg

{

	border:none !important;

}

.brleftlg

{

	border:none !important;

}

#top-header

{

	display:none !important;

}

.p-catname

{

	top:59px;

}

.hidexs

{

	display:none !important;

}

.hide-lg

{

	display:block !important;

}

header

{

	position:static !important;

}

.select-filters

{

	width:100% !important;

	height:auto;

}

}

@media only screen and (max-width: 767px) {

	.bag_list_sec .bag_list_container img

	{

		width:104px;

	}

	.main-nav>li>a:after {

display:none;}

	#sele_add_form .form-group

{

	    width: 100%;

}

#sele_add_form .sele_fc

{

	flex-direction:column;

}





	.bag_list_sec .bag_list_container .product-old-price

{

	font-size:11px;

	color: #888484;

}

	.bag_list_sec .bag_list_container h3 {

    font-size: 15px;

    margin-bottom: 0px;

}

.bag_list_sec .bag_list_container h4 {

    font-size: 13px;

    margin-bottom: 0px;

}

  .section-title .section-nav {

    float: none;

    margin-top: 10px;

  }

  .section-tab-nav li {

    margin-top: 10px;

  }

  .product-widget .product-img {

    border-radius: 10px;

    position: absolute;

    left: 0px;

    top: 0px;

    padding: 8px;

    width: 96px;

    border: solid 1px #efdfbd;

}

.product-widget .product-body {

    padding-left: 115px;

    min-height: 96px;

    display: flex;

    flex-direction: column;

    justify-content: center;

}

.p-pricediv

{

	display:block;

}



}



@media only screen and (max-width: 480px) {

  

  .p_category_li{

  margin: 6px;

    width: calc(50% - 16px);

	

}

.typ4_cate_box

{

	width:100% !important;

}

.pdts_page {

    display: flex;

    height: 121px;

}

.pc_insdkn li {

    width: 46% !important;

	margin:6px;

}

.pc_insdkn

{

	margin:4px;

}

 .p_similer_li{

  margin: 6px;

    width: calc(50% - 16px);

	

}

  .banner_head_img

{

width: 248px!important;

    height: 104px!important;

}

.banner_head_img:first-child

{

 

}

  .store-grid {

    float: none;

    margin-top: 10px;

  }

  .store-pagination {

    float: none;

    margin-top: 10px;

  }

  .addbtn

  {

	  font-size:12px;

  }

  .product-widget .product-body .product-name {

   

  font-size: 12px;

}

.product-widget .product-body .product-price {

    font-size: 14px;

     

}

.product-widget .product-body .product-price .product-old-price {

    font-size: 72%;

    font-weight: 400;

    color: #717171;

}

}

.flex-1

{

	flex: 1 1;

}

.text-ellipsis {

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}

.pc_xs{height:300px}

.pc_xs li

{

	margin-top:15px;

}

.md_pcxs {

    display: -ms-flexbox;

    display: flex;

    -ms-flex-align: center;

    align-items: center;

    min-height: calc(90% - 1rem);

    justify-content: center;

}

.align-center{align-items:center}

	.pcxs_bta{color:#146eb4}

.pc_count

{

	background-color: #444;

    border-radius: 4px;

    padding: 3px 2px;

    color: #fff;

    font-size: 14px;

    line-height: 14px;

    font-weight: 500;

    min-width: 29px;

    display: -moz-inline-box;

    display: inline-flex;

    -moz-box-align: center;

    align-items: center;

    -moz-box-pack: center;

    justify-content: center;

}

.oflowyauto

{

	overflow-y:auto;

}

.pc_xs a

{

	display:flex;

	text-align:left;

}

.search_d_c

{

	display:flex;

	align-items:flex-start;

	justify-content:flex-start;

	flex-direction:row;

	margin-bottom:16px;

	padding-bottom: 16px;

	flex-wrap:wrap;

}

.srch_bck

{

	position: fixed;

    top: 0;

    left: 0;

    height: 100%;

    width: 100%;

    background-color: hsla(0,0%,50.2%,.4);

    z-index: 998;

}

.searchdrop{padding:16px;}

.srch_sin_dv

{

	display: flex;

    justify-content: flex-start;

    align-items: flex-start;

    width: 88px;

	text-align:center;

	margin:0px 10px 10px 0px;

	

}

.select-filters h3{font-size:14px;padding:10px 0px;margin:0px;}

.select-filters

{

	position: absolute;

    top: 10px;

    left: 50%;

    -webkit-transform: translate(-50%,49px);

    -moz-transform: translate(-50%,49px);

    transform: translate(-50%,49px);

    z-index: 1033;

    background-color: #fff;

    border-radius: 6px;

    overflow-y: auto;

    overflow-x: hidden;

    width: 426px;

    max-height: 415px;

}

.srch_sin_dv span

{

overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    word-break: break-word;

    -webkit-box-orient: vertical;	

}

.width88{width:88px;}

.srch_sin_dv img

	{

		display: block;

    object-fit: contain;

    -webkit-transition: opacity .2s ease-in-out;

    -moz-transition: opacity .2s ease-in-out;

    transition: opacity .2s ease-in-out;

	border-radius:8px;

	border:solid 1px #e6e6e6;

	width:88px;height:88px;

	}

	.overlay {

  background: black;

  opacity: 0.2;

  height: 100vh;

  width: 100vw;

  position: fixed;

  top: 0;

  left: 0;

  display: none;

}



/*Home page style 2 */



#top-header p

{

	color: #fff;

    margin-bottom: 0px;

    font-size: 13px;

}

.all_cate_type2

{

	margin-right:10px;

	padding:10px 0

}

.site-nav .container

{

	display:flex;

	align-items:center;

}

@media screen and (max-width: 990px)

{

.site-nav .container{justify-content:center;}

.all_cate_type2{margin:0px;}	

}

.all_cate_type2 .btnallcat



{

	padding: 6px 22px;

    display: inline-block; 

    margin-bottom: 0;

    font-size: 14px;

    font-weight: 400;

    line-height: 1.42857143;

    text-align: center;

    white-space: nowrap;

    vertical-align: middle;

	border:none;

	border-radius:4px;

	height:40px;

	background:var(--color-primary)

	

}

.btnallcat:focus

{

	border:none;

	background:var(--color-primary) !important;

}



.home2slider img 

{

	border-radius:10px;

	width:100%;

}

.all-cat-show-section, .home2slider_sec

{

	margin:0 15px;

	padding-bottom: 30px;

}

.all-cat-show-slider .cat_img

{

	 padding:1.5rem 2.75rem 0;

	 margin-bottom:.9375rem;

}

.all-cat-show-slider .cat_img img

{

	width:184px;

	height:184px;

	display: block;

    object-fit: contain;

	margin:0 auto;

}

.all-cat-show-slider .slick-slide + .slick-slide

{

	border-left:solid 1px #f0e1c0;

	text-align:center;

	padding-bottom:20px;

}

.all-cat-show-slider

{

	border: solid 1px #f0e1c0;

    border-radius: 10px;

}

.all-cat-show-slider h3>a

{

	font-size:14px;

	font-weight:600;

	color:#202435;

}

.all-cat-show-slider p

{

	margin:0px;

	font-size:13px;

}

.all_cat_slider_nav .slick-prev, .products-slick-nav .slick-next

{ 

 position: static;

    -webkit-transform: none;

    -ms-transform: none;

    transform: none;

    width: 20px;

    height: 20px;

    display: inline-block !important;

    margin: 0px 2px;

}

.all_cat_slider_nav

{

 position: absolute;

    right: 15px;

    z-index: 10;

}

.module_heading

{

	    position: relative;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    margin-bottom: 1.875rem;

}

.module_heading .column {

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -ms-flex-flow: row wrap;

    flex-flow: row wrap;

}

.module_heading h4

{

	font-weight: 600;

    text-transform: uppercase;

    letter-spacing: 0;

    margin-bottom: 0;

	font-size: 16px;

}

.module_heading .entry-description

{

	    display: block;

    font-size: 13px;;

    color: #9b9bb4;

    width: 100%;

	padding-right: 10px;

}

 .module_heading .column:nth-child(2) {

    -webkit-box-flex: 1;

    -ms-flex-positive: 1;

    flex-grow: 1;

    -webkit-box-pack: end;

    -ms-flex-pack: end;

    justify-content: flex-end;

}

.mod_btn

{

	    border-radius: 1.875rem !important;

    color: #000000;

    padding: 0 1.25rem;

    border: solid 1px;

    height: 35px;

    display: flex;

    align-items: center;

}

.fp_t2 .fprod_img

{

	 padding:1.5rem 2.75rem 0;

	 margin-bottom:.9375rem;

	 position:relative;

}

.fp_t2 .fprod_img img

{

	width:184px;

	height:184px;

	display: block;

    object-fit: contain;

	margin:0 auto;

}

.fp_t2 .slick-slide + .slick-slide

{

	border-left:solid 1px #f0e1c0;

	text-align:center;

}

.fp_t2

{

	border: solid 1px #f0e1c0;

    border-radius: 10px;

	background:#fff;

}

.fp_t2 h3>a

{

	font-size:14px;

	font-weight:500;

	color:#202435;

	

	display: -ms-flexbox;

    display: flex;

    display: -webkit-box;

    text-decoration: none;

    -webkit-line-clamp: 1;

    -webkit-box-orient: vertical;

    white-space: normal;

    overflow: hidden;

    text-overflow: ellipsis;

    -webkit-transition: all 0.2s cubic-bezier(0.28, 0.12, 0.22, 1);

    transition: all 0.2s cubic-bezier(0.28, 0.12, 0.22, 1);

}

}

.fp_t2 p

{

	margin:0px;

	font-size:13px;

}

.fprod_det

{

	padding:0 1.15rem 1.15rem;

	text-align:center;

}

.fprod_det h3

{

	margin:0 0 5px;

}

.fprod_det .sale_price 

{

	color: var(--color-primary);

}

.fprod_det .actu_price 

{

	color:#c2c2d3

}

.fprod_det .sale_price

{

	margin-top:5px;

} 

.space10

{

	height:10px;

}

.fpro_sec

{

	padding-bottom:30px;

	margin:0 15px;

}

.disc_label

{

	position: absolute;

    display: flex;

    left: 11px;

    background: #ffcd00;

    color: #fff;

    padding: 2px 6px;

    font-size: 10px;

    border-radius: 4px;

    color: #000;

    justify-content: center;

    align-items: center;

}

.benfit_sec

{

	padding-bottom:30px;

	padding-top:30px;

	background:#f8f8f8;

}

@media screen and (min-width: 1025px)

{





.benifit_box

{

	display:flex;

	justify-content:center;

	align-items:center;

}

}

.bnbox_t4

{

	border: 1px solid #ddd;

    padding: 15px;

    margin-left: -1px;

    margin-top: -1px;

    margin-bottom: 0;

}

.benifit_box

{

	display:flex;

	align-items:center;

	margin-bottom:5px;

	justify-content:flex-start;

}

.benifit_box img

{

	margin-right: 10px; 

}

.site-footer .footer-contacts {

    background-color: var(--color-primary);

	padding-top: 40px;

    padding-bottom: 40px;

}

.site-footer .footer-contacts .column-left {

    -webkit-box-flex: 1;

    -ms-flex-positive: 1;

    flex-grow: 1;

}



.column.column-left {

    -webkit-box-pack: start;

    -ms-flex-pack: start;

    justify-content: flex-start;

}

.site-footer .footer-contacts .site-phone {

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    min-width: 18.75rem;

}

.site-footer .footer-contacts .site-phone .phone-icon {

    position: relative;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    -webkit-box-flex: 0;

    -ms-flex: 0 0 2.625rem;

    flex: 0 0 2.625rem;

	padding:8px;

    margin-right: .9375rem;

    border: 2px solid #ffffff;

    border-radius: 50%;

    top: -1px;

}

.site-footer .footer-contacts .site-phone .phone-detail {   

    display: inline-flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

}

.site-footer .footer-contacts .site-phone .entry-title {

    font-size: 19px;

    font-weight: 600;

    margin-bottom: 3px;

	color:#fff;

}

.site-footer .footer-contacts .site-phone span {

    font-size: 13px;

	color:#fff;

}

.column.column-right {

    justify-content: flex-end;

}

.column {

    display: inline-flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

}

.site-footer .footer-contacts .site-mobile-app {

    display: inline-flex;

}

.site-footer .footer-contacts .site-mobile-app .app-content {

    text-align: right;

    margin-right: 1.25rem;

    margin-bottom: 0;

}

.site-footer .footer-contacts .site-mobile-app .app-content {

    text-align: center;

}

.site-footer .footer-contacts .site-mobile-app .app-content .entry-title {

    font-size: 15px;

    font-weight: 600;

    margin-bottom: 0;

	color:#fff;

}

.site-footer .footer-contacts .site-mobile-app .app-content span {

    display: block;

    font-size: 14px;

    opacity: .5;

}

.site-footer .footer-contacts .site-mobile-app + .site-social {

    margin-left: 1.25rem;

}

.site-social ul {

    display: flex;

    align-items: center;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -ms-flex-flow: row wrap;

    flex-flow: row wrap;

    margin: 0;

    padding: 0;

    list-style: none;

}

.site-social ul a {

    background-color: #ffffff;

    color: var(--color-primary);

}

.site-social ul li + li {

    margin-left: .3125rem;

}

.site-social ul a {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    font-size: 15px;

    width: 30px;

    height: 30px;

    border-radius: 50%;

    color: #444;

    -webkit-transition: all 0.2s cubic-bezier(0.28, 0.12, 0.22, 1);

    transition: all 0.2s cubic-bezier(0.28, 0.12, 0.22, 1);

}

.site-footer .footer-contacts .container  {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

}

@media screen and (max-width: 1025px)

{

	.mod_btn

{

	

    height: 33px;

    font-size: 12px;

    width: 98px;

}

.site-footer .footer-contacts .container {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

}

.site-footer .footer-contacts .container .column + .column {

    margin-top: 1.25rem;

}

.site-footer .footer-contacts .container .column.column-right {

    

    flex-direction: column;

}

.site-footer .footer-contacts .site-mobile-app {

    flex-direction: column;

}

.site-footer .footer-contacts .site-mobile-app .app-content {

        text-align: center;

    margin-bottom: .9375rem;

}

.site-footer .footer-contacts .container .column.column-right .site-social {

    margin-top: 1.25rem;

    margin-left: 0;

}

.site-footer .footer-bottom

{

	padding-bottom:50px;

	justify-content:center;

}

}



.site-footer .footer-bottom .container

{

	display: flex;    

    align-items: center;   

    flex-flow: row wrap;

        padding-top: 30px;

    padding-bottom: 30px;

}

.site-footer .footer-bottom {

    background-color: #ffffff;

}

.site-copyright {

    font-size: 13px;

}

.site-copyright p{

    margin-bottom:0px;

}

.site-footer .footer-bottom .footer-menu {

    margin-left: auto;

}

.site-menu .menu {

    list-style: none;

    margin: 0;

    padding: 0;

}

.site-footer .footer-bottom .footer-menu li {

    font-size: 14px;

}

.site-menu .menu-item {

    display: inline-flex;

    align-items: center;

}

.site-menu .menu-item a {

    display: inline-flex;

    -ms-flex-align: center;

    align-items: center;

    text-decoration: none;

}

.site-footer .footer-bottom .footer-menu li + li {

    margin-left: .625rem;

}

.dropstyle2

{

	    background: #fff;

    min-width: 270px;

    padding-top: 1.125rem;

    padding-bottom: 1.125rem;

}

.dropstyle2 li a

{

	padding: 10px 20px;    

	position: relative;

    display: -ms-flexbox;

    display: flex;

    align-items: center;

    text-decoration: none;

    width: 100%;

}

.dropdown-submenu > a:after

{

display: block;

    float: left;

    width: 0;

    height: 0;

    /* margin-top: 5px; */

    /* margin-right: -10px; */

    border-color: transparent;

    border-left-color: #8d9095;

    border-style: solid;

    border-width: 5px 0 5px 5px;

    content: " ";

    margin-left: auto;

}



.dropdown:hover ul.dropitm{ display: block; }	

.dropdown-submenu:hover>.dropdown-menu {

    display: block;

}

.dropdown-submenu {

    position: relative;

}



.dropdown-submenu>.dropdown-menu {

    top: 0;

    left: 100%;

    margin-top: -6px;

    margin-left: -1px;

    -webkit-border-radius: 0 6px 6px 6px;

    -moz-border-radius: 0 6px 6px;

    border-radius: 0 6px 6px 6px;

}



.dropdown-submenu:hover>.dropdown-menu {

    display: block;

}



.dropdown-submenu>a:after {

    display: block;

    content: " ";

    float: right;

    width: 0;

    height: 0;

    border-color: transparent;

    border-style: solid;

    border-width: 5px 0 5px 5px;

    border-left-color: #ccc;

    margin-top: 5px;

    margin-right: -10px;

}



.dropdown-submenu:hover>a:after {

    border-left-color: #fff;

}



.dropdown-submenu.pull-left {

    float: none;

}



.dropdown-submenu.pull-left>.dropdown-menu {

    left: -100%;

    margin-left: 10px;

    -webkit-border-radius: 6px 0 6px 6px;

    -moz-border-radius: 6px 0 6px 6px;

    border-radius: 6px 0 6px 6px;

}

.home2slider_sec img

{

 max-height:450px;

	 

}

.fpshop2 li

{

	width:25%;

	border-right:solid 1px #f0e1c0;

	border-bottom: solid 1px #f0e1c0;

}

.fpshop2

{

	display: flex;

    flex-wrap: nowrap;

    flex-flow: wrap;

	border-radius:0px;

}

.page_wrapper

{

	margin:20px 0;

}

.product-content-fade

{

	position: absolute;

	border: 1px solid var(--color-info) !important;

    top: -1px;

    bottom: 0;

    left: -1px;

    right: -1px;

    background-color: var(--color-background);

    border-radius: var(--size-border-radius);

    opacity: 0;

    -webkit-transition: opacity 0.2s cubic-bezier(0.28, 0.12, 0.22, 1);

    transition: opacity 0.2s cubic-bezier(0.28, 0.12, 0.22, 1);

    will-change: opacity;

    -webkit-box-shadow: 5px 15px 30px rgb(62 68 90 / 10%);

    box-shadow: 5px 15px 30px rgb(62 68 90 / 10%);

    pointer-events: none;

}

@media only screen and (max-width:768px)

{

	.fp_t2 .fprod_img img {

    width: 130px;

    height: 130px;

	}

	.fp_t2 .fprod_img {

    padding: 0.5rem 1.75rem 0;

	}

	.fpshop2 li

	{

		width:50%;	

	}

	.fp_t2 h3>a {

    

    -webkit-line-clamp: 2;

	}

	.sortdrop

	{

		padding:0px !important;

	}

	#product-main-img2 .product-preview img

	{

		height:268px !important;

	}

}

.page_bread

{

	border-bottom:none !important;

}

.shop_header_img

{

	max-height:300px; 

	    margin: 0 15px;

}

.shop_header_img .shop_banner img

{

	 border-radius:10px;

	 height:300px;

	 width:100%;

}

.sortdrop

{

	border:none !important;

}

.store_pagi

{

	text-align:center;

	float:none !important;

}

#product-main-img2 .product-preview img

{

	height:374px;

	object-fit:contain;

}

#product-imgs2 .product-preview img

{

	height:50px;

	object-fit:contain;

	border:solid 1px #eee;

	border-radius:8px;

}

#product-imgs2 .product-preview

{

	margin:2px;

	width:60px !important;

}

#product-imgs2 .slick-track

{

	display:flex;

	justify-content:center;

}

#product-imgs2

{

	margin-top:10px;

}

#product-imgs2 .slick-current

{

		border:solid 1px #000;

		border-radius:8px;

}

.value2 {

      cursor: default;

    min-width: 36px;

    height: 36px;

   border:0;

    color: var(--color-primary);

    line-height: 24px;

    background-color: #fff;

    text-align: center;

    display: inline-block;

    

}

.quan_s_t2

{

	

    overflow: hidden;

	 width:120px;

	display:flex;

	flex-direction:row;

	justify-content: flex-start;

	align-items: center;

}

.value-minus2, .value-plus2 {

	display: flex!important;

    justify-content: center;

    align-items: center;

       font-size: 14px;

    line-height: 14px;

    cursor: pointer;

    padding: 6px 10px;

    width:36px;

	height:36px;

	border:0;

	background:#E5E5E5;

	    border-radius: 100%;

}

.quantity_t2

{

	display: flex!important;

    justify-content: flex-start;

    align-items: center;

	

}

.product-details .quan_s_t2

{

	 

}

.pr_row

{

	background:#fff;

	border-radius:8px;

	margin-bottom:10px;

	padding:20px 0;

}

.product-links li i

{

	background: #eee;

    width: 30px;

    height: 30px;

    display: flex;

    justify-content: center;

    align-items: center;

    border-radius: 100%;

}

.head_phone

{

	font-size:16px;

	margin-left:auto;

}

.btn-viewall:hover

{

	background:var(--color-primary);

	color:#fff;

}

.btn-viewall

{

	border:solid 1px;

}

.typ4_cate_box a {

    padding: 20px;

}

.typ4_cate_box img

{

margin: 0px auto;

    width: 130px;

	height:130px;

	object-fit:contain;

}

.typ4_cate_box

{

	text-align: center; 

   border-radius:4px;

    background: #f8f8f8;

	    width: 182px;

    height: 166px;

}

.typ4_cat_itms .t4tca

{

	-webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    white-space: normal;

    overflow: hidden;

    text-overflow: ellipsis;

    height: 40px;

    display: -webkit-box;

    margin-top: 6px;
	text-align:center;

}

.typ4_products .fprod_img

{

	    background: #f8f8f8;

    padding: 10px;

    margin-bottom: .9375rem;

    position: relative;

    border-radius: 10px;

}

.typ4_products .fprod_img img

{

	width:184px;

	height:184px;

	display: block;

    object-fit: contain;

	margin:0 auto;

}

.typ4_products .slick-slide  

{

	    border: solid 1px #f0e1c0;

    margin-right: 5px;

    border-radius: 10px;

    margin-left: 5px;

}



.typ4_products h3>a

{

	font-size:14px;

	font-weight:500;

	color:#202435;

	

	display: -ms-flexbox;

    display: flex;

    display: -webkit-box;

    text-decoration: none;

    -webkit-line-clamp: 1;

    -webkit-box-orient: vertical;

    white-space: normal;

    overflow: hidden;

    text-overflow: ellipsis;

    -webkit-transition: all 0.2s cubic-bezier(0.28, 0.12, 0.22, 1);

    transition: all 0.2s cubic-bezier(0.28, 0.12, 0.22, 1);

}

}

.typ4_products p

{

	margin:0px;

	font-size:13px;

}

.fprod_det

{

	padding:0 1.15rem 1.15rem;

}

.fprod_det h3

{

	margin:0 0 5px;

}

.fprod_det .sale_price 

{

	color: #d10024;

}

.fprod_det .actu_price 

{

	color:#c2c2d3

}

.fprod_det .sale_price

{

	margin-top:5px;

	    margin-bottom: 10px;

}

.addtobtn2

{

	

	    border-radius: 2.125rem;

    background: var(--color-primary);

    color: #fff;

    padding: 4px 20px;

    display: flex;

    width: 100px;

    align-items: center;

	 

}

.addtobtn2:hover

{

	color:#fff;

}

.space10

{

	height:10px;

}

.fpro_sec

{

	padding-bottom:30px;

	margin:0 15px;

}

.mod_heding {

    text-align: center;

    margin-bottom: 30px;

    font-size: 23px;

}

.top_cate_typ4sec

{

	margin:30px 0;

}

.typ4_testimonials

{

	padding:60px 0;

	background:#f8f8f8;

}

.typ4_testimonials .container .row

{

	display:flex;

	align-items:center;

}

.typ4_testi_box

{

	background:#fff;

	padding:30px;

	border-radius:4px;

	box-shadow:rgb(1 1 1 / 5%) 1px 1px 5px 0px;

}

.testi_user

{

	display:flex;

	align-items:center;

	margin-bottom:20px;

}

.testi_user_det span

{

	display:block;

}

.tst_nm

{

	font-weight:500;

	font-size:16px;

}

.tst_des

{

	font-weight:400;

	font-size:14px;

}

.testi_user img

{

	border-radius:100%;

}

.typ4_testi .slick-prev {

    width: 40px;

    height: 60px;

    background-color: var(--color-primary);

	border-radius:0px;

}

.typ4_testi .slick-next {

    width: 40px;

    height: 60px;

    background-color: var(--color-primary);

	border-radius:0px;

}

.typ4_testi .slick-prev:before

{

	color:#fff

}

.typ4_testi .slick-next:before

{

	color:#fff

}

.img-fluid

{

	max-width:100%;

}

@media only screen and (min-width: 768px)

{

	.d-flxsld

	{

		display:flex;

		align-items:center;

	}



}

.no-gutters>.col, .no-gutters>[class*=col-] {

    padding-right: 0;

    padding-left: 0;

}

.no-gutters {

    margin-right: 0;

    margin-left: 0;

}	

#product-main-img2 .product-preview img {

    height: 374px;

    object-fit: contain;

    border: solid 1px #eee;

    border-radius: 10px;

}

.d-flex-prod {

    display: flex;

    justify-content: flex-start;

    align-items: center;

    margin-bottom: 15px;

}

.d-flex-prod p

{

	margin-bottom:0px;

}

.d-flex-prod span

{

	margin-right:10px;

}

.product-details .add-to-cart .addtocart_t3

{

	position: relative;

    border: 1px solid var(--color-primary);

    height: 40px;

    padding: 9px 30px;

    background-color: var(--color-primary);

    color: #fff;

	border-radius:4px;

    -webkit-transition: 0.2s all;

    transition: 0.2s all;

    cursor: pointer;

}

.bnbx_dt span

{

	font-weight:600;

}

.bnbx_dt p

{

	margin-bottom:0px;

}

 

.typ4_p_page .fprod_img

{

	background:#fff !important;

}

.typ4_p_page .p4_c4 {

    border: solid 1px #f0e1c0;

    border-radius: 10px;

    margin-bottom: 30px;

	text-align:center;

}

.typ4_p_page .col-md-4, .col-md-6

{

	padding-bottom:15px;

}

.shop4_sec_ppage

{

	padding:30px 0

}

.con_det

{

	background: #f3f4f7;

    display: flex;

    flex-direction: column;

    justify-content: center;

    padding: 50px 20px;

    align-items: center;

    border-radius: 10px;

	margin-bottom:10px;

}

.con_det h5

{

	color:#000;

}

.con_icon

{

	background: #fff;

    border-radius: 100%;    

	border:solid 1px var(--color-primary);

    width: 70px;

    height: 70px;

    display: inline-block;

    text-align: center;

    margin: 0 0 15px;

    position: relative;

    overflow: hidden;

    line-height: 74px;

	z-index:1;

}

.con_icon i

{

	font-size:20px;

	color:#000;

}

.con_icon::before {

	content: "";

	position: absolute;

	left: 0;

	right: 0;

	top: 0;

	bottom: 0;

	background-color: var(--color-primary);

	transition: all 0.5s ease-in-out;

	-moz-transform: scale(0);

	-webkit-transform: scale(0);

	transform: scale(0);

	border-radius: 100%; 

}

.con_det:hover .con_icon i

{

	color:#fff !important;

	z-index:2;

}

.con_det:hover .con_icon::before {

	-moz-transform: scale(1);

	-webkit-transform: scale(1);

	transform: scale(1);

	z-index:-1;

}

.con_det:hover .con_icon{

		border:none;

}