@charset "utf-8";
/* CSS Document */
html,body,div,span,h1,h2,h3,h4,h5,h6,p,img, input, textarea, select {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
font-family: 'Saira', sans-serif;
}
a:link, a:visited{
text-decoration:none;
}
a:hover{
color:#323256;
text-decoration:none;
}
/*html {
overflow: auto;
}
*/
body {
line-height: 1;
background-color:#FFF;
-webkit-text-size-adjust: 100%;
}

*,html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,label,fieldset,input,p,blockquote,th,td {
margin: 0;
padding: 0;
}
html, .fixedPopUp{
overflow-y:auto;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
scrollbar-color: #DBDBDB transparent;
scrollbar-width: thin;
}
html::-webkit-scrollbar, .fixedPopUp::-webkit-scrollbar {
width: 8px;
height:100%;
cursor: ew-resize;
}
html::-webkit-scrollbar{
width: 8px;
}
html::-webkit-scrollbar-track, .fixedPopUp::-webkit-scrollbar-track {
background: rgba(219, 219, 219,.5);
}
html::-webkit-scrollbar-thumb, .fixedPopUp::-webkit-scrollbar-thumb {
background: #DBDBDB;
}

:focus {
outline: 0;
}

table {
border-collapse: collapse;
border-spacing: 0;
}

fieldset,img {
border: 0;
}

address,caption,cite,code,dfn,em,strong,th,var {
font-style: normal;
font-weight: normal;
}

caption,th {
text-align: left;
}

h1,h2,h3,h4,h5,h6 {
font-size: 100%;
font-weight: normal;
}
h1{
font-weight: 500;
}

q:before,q:after {
content: '';
}

strong {
font-weight: bold;
}

em {
font-style: italic;
}

a img {
border: none
}
ul{
list-style:none;
}
a{
text-decoration:none;
}
ul {
list-style: outside none none;
}
body, div, span, b, strong, ul, li{
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.bigCnt{
position:relative;
float:left;
width:100%;
}
.bigCntHeader{
position:fixed;
z-index:2;
height:94px;
/*background-color:#FFF;
border-bottom:1px solid #e9e9e9;*/
background-color:#000;
border-bottom:1px solid #000;
}
.logo{
position:relative;
float:left;
width:320px;
height:calc(100% - 16px);
cursor:pointer;
margin:8px;
background-repeat: no-repeat;
background-size:contain;
margin-left:1%;
background-position:center left;
/*background-image:url(https://delivery.myshawarma-ks.com/wp-content/uploads/2022/10/logo.png);
*/
background-image:url(https://delivery.myshawarma-ks.com/wp-content/uploads/2022/10/logo2.png);
}
.bigCntCover{
position:relative;
float:left;
margin-bottom:15px;
}
.bigCntCover img{
position:relative;
float:left;
width:100%;
border:none;
}
.productListCnt{
margin-left:1%;
width:64%;
margin-top: 110px;
}
.productListCntTopFiltersBig {
position:relative;
float:left;
height:53px;
border-bottom: 1px solid #e9e9e9;
max-width: 100% !important;
width: 100% !important;
overflow: hidden !important;
overflow-x: auto !important;
-webkit-overflow-scrolling: touch !important;
-ms-overflow-style: -ms-autohiding-scrollbar !important;
scrollbar-color: #707070 #00707070 !important;
scrollbar-width: thin !important;

}
.productListCntTopFiltersBig::-webkit-scrollbar {
height: 0 !important;
width:100% !important;
cursor: ew-resize !important;
}
.productListCntTopFiltersBig::-webkit-scrollbar-track {
background: #FFF !important;
}

.productListCntTopFiltersBig::-webkit-scrollbar-thumb {
background: #FFF !important;
}
.productListCntTopFilters{
position:relative;
float:left;
width:100%;
top:1px;
/*border-bottom:1px solid #e9e9e9;*/
}
.menuListItem{
position:relative;
float:left;
line-height:1.4;
padding:14px;
padding-left:12px;
padding-right:12px;
font-size:16px;
font-weight:500;
cursor:pointer;
border-radius:4px 4px 0 0;
-webkit-transition: all  100ms ease-in-out;
-moz-transition: all  100ms ease-in-out;
-o-transition: all  100ms ease-in-out;
-ms-transition: all  100ms ease-in-out;
transition: all  100ms ease-in-out;
}
.menuListItem:hover, .menuListItemActive{
background-color:#B87B24;
border-radius:0;
color:#FFF;
-webkit-transition: all  100ms ease-in-out;
-moz-transition: all  100ms ease-in-out;
-o-transition: all  100ms ease-in-out;
-ms-transition: all  100ms ease-in-out;
transition: all  100ms ease-in-out;
}
.productLists{
position:relative;
float:left;
width:100%;
min-height:600px;
}
.productListsAdd{
margin-top:56px;
}
.productListsLoading{
min-height:600px;
background-position:center;
background-size:24px;
background-image:url(https://delivery.myshawarma-ks.com/wp-content/uploads/2022/08/loading.gif);
background-repeat:no-repeat;
}
.productListInCnt{
position:relative;
float:left;
padding:10px;
width:calc(49.5% - 20px);
border-bottom:1px solid #e9e9e9;
cursor:pointer;
-webkit-transition: all  100ms ease-in-out;
-moz-transition: all  100ms ease-in-out;
-o-transition: all  100ms ease-in-out;
-ms-transition: all  100ms ease-in-out;
transition: all  100ms ease-in-out;
}
.productListInCnt:hover{
background-color:#f8f8f8;
-webkit-transition: all  100ms ease-in-out;
-moz-transition: all  100ms ease-in-out;
-o-transition: all  100ms ease-in-out;
-ms-transition: all  100ms ease-in-out;
transition: all  100ms ease-in-out;
}
.productListInCnt:nth-of-type(odd) {
margin-right:0.5%;
}
.productListInCnt:nth-of-type(even) {
margin-left:0.5%;
}
.productCoverImg{
position:relative;
float:left;
width:160px;
height:160px;
background-color: #FFF;
background-position: center;
background-repeat: no-repeat;
background-size: 140px;
}

.productListInRightCnt{
position:relative;
float:left;
padding:10px;
width:calc(100% - 180px);
}
.productTitleH, .productSubTitleH{
position:relative;
float:left;
width:100%;
line-height:1.4;
font-weight:500;
font-size:20px;
color:#060506;
}
.productSubTitleH{
font-weight: normal;
font-size: 14px;
}
.productPriceCnt{
position:absolute;
bottom:20px;
right:10px;
line-height:1.4;
font-weight:800;
font-size:26px;
letter-spacing:0.2px;
color:#B87B24;
}
.exfd-hidden-scroll {
overflow-y: hidden;
}
.fixedPopUp{
position:fixed;
width:100%;
height:100%;
z-index:99999999999;
display:none;
background-color:rgba(255,255,255,0.7);
overflow: auto;
-webkit-transition: all  100ms ease-in-out;
-moz-transition: all  100ms ease-in-out;
-o-transition: all  100ms ease-in-out;
-ms-transition: all  100ms ease-in-out;
transition: all  100ms ease-in-out;
}
.fixedPopUpDarker{
background-color:rgba(255,255,255,0.9);
}

.fixedPopUpStart{
background-color:rgba(255,255,255,0.9);
/*background-position:center;
background-repeat:no-repeat;
background-size:cover;
background-image:url(https://delivery.myshawarma-ks.com/wp-content/uploads/2022/08/hebs-screen-02-scaled-1.jpg);*/
-webkit-transition: all  100ms ease-in-out;
-moz-transition: all  100ms ease-in-out;
-o-transition: all  100ms ease-in-out;
-ms-transition: all  100ms ease-in-out;
transition: all  100ms ease-in-out;
}
.fixedPopUpCnt{
position:relative;
float:left;
width:90%;
margin-left:5%;
margin-top: 10vh;
margin-bottom: 10vh;
background-color:#FFF;
border-radius:2px;
overflow:hidden;
-webkit-box-shadow: rgb(0 0 0 / 30%) 0 1px 3px;
-moz-box-shadow: rgba(0,0,0,0.3) 0 1px 3px;
box-shadow: rgb(0 0 0 / 30%) 0 1px 3px;
display: flex;
flex-wrap: wrap;
align-items: center;
-webkit-transition: all  100ms ease-in-out;
-moz-transition: all  100ms ease-in-out;
-o-transition: all  100ms ease-in-out;
-ms-transition: all  100ms ease-in-out;
transition: all  100ms ease-in-out;
}
.popup_productCover{
position:relative;
float:left;
width:calc(50% - 20px);
padding:10px;
height:calc(100% - 20px);
}
.popup_productCover img{
display: block;
max-width: 100%;
height: auto;
vertical-align: middle;
}
.popup_productDetails{
position:relative;
float:left;
padding: 25px 30px;
width:calc(50% - 60px);
}
.popup_productDetails_title{
position:relative;
float:left;
width: auto;
line-height: 1.4;
font-weight: bold;
font-size: 28px;
color: #060506;
text-transform:uppercase;
padding-bottom:10px;
margin-bottom:10px;
}
.popup_productDetails_titleSubLine{
position:absolute;
bottom:0;
width:50px;
height:2px;
background-color:#ddd;
}
.divider{
position:relative;
float:left;
width:100%;
height:1px;
}
.popup_productDetails_prices, .popup_productDetails_totalPrice{
position:relative;
float:left;
width:100%;
line-height: 1.4;
font-weight: 800;
font-size: 32px;
letter-spacing: 0.2px;
color: #B87B24;
}
.popup_productDetails_prices{
margin-bottom:30px;
}
.popup_productDetails_totalPrice{
margin-top:0;
}
.closePopUpBtn, .removeItemFromCart, .closePopUpBtnFinal, .clearAddressInput{
position:absolute;
right:20px;
top:20px;
width:30px;
height:30px;
background-position:center;
background-repeat:no-repeat;
background-size:22px;
z-index:999;
cursor:pointer;
background-image:url(https://delivery.myshawarma-ks.com/wp-content/uploads/2022/08/iconmonstr-x-mark-thin-240-1.png);
}
.clearAddressInput{
top: auto;
background-size: 18px;
top: 44px;
bottom:auto;
right: 10px;
display:none;
}
.removeItemFromCart{
z-index:1;
background-size: 18px;
top:0;
right:0;
}
.popup_productDetails_variations, .popup_productDetails_extra_options{
position:relative;
float:left;
width:100%;
margin-bottom:30px;
}

.variationOptionCnt, .extrasOptionCnt{
position:relative;
float:left;
width:100%;
margin-bottom:8px
}

.checkboxes, .radioBox {
position: relative;  
color: inherit;
font: inherit;
margin: 0;
margin: 5px;
margin-left: 0;
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer;
top: 2px;
position: absolute;
left: -9999px;
outline: 2px solid #F9685F;
}
[type="checkbox"]:not(:checked), [type="checkbox"]:checked, [type="radio"]:not(:checked), [type="radio"]:checked {
position: absolute;
left: -9999px;
}
[type="checkbox"]:not(:checked) + label, [type="checkbox"]:checked + label, [type="radio"]:not(:checked) + label, [type="radio"]:checked + label {  
position: relative;
overflow: hidden;
float:right;
cursor: pointer;
display: inline-block;

-webkit-user-select: none; /* webkit (safari, chrome) browsers */
-moz-user-select: none; /* mozilla browsers */
-khtml-user-select: none; /* webkit (konqueror) browsers */
-ms-user-select: none; /* IE10+ */
}
/* checkbox aspect */
[type="checkbox"] + label:before, [type="checkbox"] + label:after, [type="radio"] + label:before, [type="radio"] + label:after {
content: '';
position: absolute;
right: 0;
z-index: 1;

-webkit-transition: .2s;
transition: .2s;
}
/* Unchecked styles */
[type="checkbox"]:not(:checked) + label:before, [type="radio"]:not(:checked) + label:before {
top: 0px;
width: 20px; 
height: 20px;
border: 2px solid #B87B24;
border-radius: 2px;
}
[type="checkbox"]:not(:checked) + label:after, [type="radio"]:not(:checked) + label:after {
top: 0px;
width: 20px; 
height: 20px;
border: 2px solid #B87B24;
border-radius: 2px;
z-index: 0;
}
/* Checked styles */
[type="checkbox"]:checked + label:before, [type="radio"]:checked + label:before {
top: 3px;
right: 12px;
width: 4px;
height: 10px;
left: 3px!important;
border-top: 2px solid transparent;
border-left: 2px solid transparent;
border-right: 2px solid #FFF;
border-bottom: 2px solid #FFF;
-webkit-transform: rotateZ(37deg);
transform: rotateZ(37deg);

-webkit-transform-origin: 20% 40%;
transform-origin: 100% 100%;
}
[type="checkbox"]:checked + label:after, [type="radio"]:checked + label:after {
top: 0px;
width: 20px; 
height: 20px;
border: 2px solid #B87B24;
border-radius: 2px;
z-index: 0;
background-color: #B87B24;
}
/* disabled checkbox */
[type="checkbox"]:disabled:not(:checked) + label:before, [type="checkbox"]:disabled:checked + label:before, [type="radio"]:disabled:not(:checked) + label:before, [type="radio"]:disabled:checked + label:before {
top: 0;
box-shadow: none;
background-color: #B87B24;
width: 24px; height: 24px;
border: 3px solid #B87B24;
-webkit-transform: rotateZ(0deg);
transform: rotateZ(0deg);
}
[type="checkbox"]:disabled + label, [type="radio"]:disabled + label {
color: #555;
}
[type="checkbox"]:disabled:not(:checked) + label:hover:before, [type="radio"]:disabled:not(:checked) + label:hover:before {
border-color: #E27A76;
}	
.variationOptionCnt [type="checkbox"]:not(:checked) + label, .variationOptionCnt [type="checkbox"]:checked + label, .variationOptionCnt [type="radio"]:not(:checked) + label, .variationOptionCnt [type="radio"]:checked + label{
float: left;
padding-left: 38px;
font-size: 16px;
color: #060506;
line-height: 24px;
width:calc(100% - 129px);
}
.variationOptionCnt [type="checkbox"] + label:before, .variationOptionCnt [type="checkbox"] + label:after, .variationOptionCnt [type="radio"] + label:before, .variationOptionCnt [type="radio"] + label:after {
right: auto;
left: 0;
}
.variationOptionCnt [type="checkbox"]:checked + label:before {
left: 2px;
}
.variationOptionCnt label{
position:relative;
font-size:18px;
}
.productOnSale{
font-size: 22px;
text-align:right;
text-decoration: line-through;
}
.salePriceCnt{
color:#FF0000;
text-align:right;
}
.popup_productDetails_prices .productOnSale, .popup_productDetails_prices .salePriceCnt{
text-align:left;
}
.popup_productDetails_prices .productOnSale, .popup_productDetails_prices .salePriceCnt{
float:left;
line-height:45px;
}
.popup_productDetails_prices .salePriceCnt{
margin-left:15px;
}
.popup_productDetails_prices .productOnSale{
line-height: 48px;
}    
.extraOptions{
position:relative;
float:left;
width:100%;
margin-bottom: 30px;
}
.extraOptionsSubCnt{
position:relative;
float:left;
width:100%;
}
.extraOptionsH{
position:relative;
float:left;
width:100%;
margin-bottom:15px;
font-weight: 500;
font-size: 16px;
text-transform: uppercase;
}
.extrasOptionCntTxtArea, .extrasOptionCntTxtInput{
position:relative;
float:left;
padding: 10px;
border:1px solid #e9e9e9;
width:calc(100% - 22px);
line-height: 1.4;
background-color:#fafafa;
font-size:18px;
min-height: 60px;
resize: none;
}
.extrasOptionCntTxtInput{
min-height:40px;
}

.optionsPriceSmallCnt{
position:relative;
float:right;
color:#B87B24;
}
.hiddenForNow{
/* display:none; */
}
.popup_productDetails_extra_options{
margin-bottom:15px;
}
.addQtyOptionCnt{
position:relative;
float:right;
width:70px;
height:30px;
margin-left:15px;
}
.addQtyOptionCntHide{
visibility:hidden;
}
.addQtyOptionCntMinus, .addQtyOptionCntPlus, .addQtyOptionCntPlusF, .addQtyOptionCntMinusF, .addQtyOptionCntMinusC, .addQtyOptionCntPlusC{
position:relative;
float:left;
width:26px;
height:26px;
cursor:pointer;
background-color:#f4f4f4;
background-size:18px;
background-position:center;
background-repeat:no-repeat;
background-image:url(https://delivery.myshawarma-ks.com/wp-content/uploads/2022/08/iconmonstr-line-one-horizontal-lined-240.png);
border-radius:2px;
}
.addQtyOptionCntPlus, .addQtyOptionCntPlusF{
margin-left:10px;
background-image:url(https://delivery.myshawarma-ks.com/wp-content/uploads/2022/08/iconmonstr-plus-lined-240.png);
background-color:#B87B24;
}
.addQtyOptionCntMinusC, .addQtyOptionCntPlusC{
background-color:transparent;
background-image:url(https://delivery.myshawarma-ks.com/wp-content/uploads/2022/08/chevron-down.88d9ca6147144426ec5c.svg);
}
.addQtyOptionCntPlusC{
margin-left:10px;
transform: rotate(180deg );
}
.requiredAlert{
position:relative;
float:left;
width:100%;
line-height:1.4;
color:#FF0000;
font-size:18px;
display:none;
margin-bottom:15px;
}
.prdCnt{
font-style:normal;
color:#999999;
}
.addToCartSmallCnt{
position:relative;
float:left;
width:100%;
margin-top: 20px;
}
.addToCartSmallCnt .addQtyOptionCntMinusF, .addToCartSmallCnt .addQtyOptionCntPlusF, .addQtyOptionCntMinusC, .addQtyOptionCntPlusC{
height:30px;
width:30px;
}
.addToCartSmallCnt .addQtyOptionCntMinusF{
height:40px;
background-size: 22px;
width:40px;
}
.addToCartSmallCnt .addQtyOptionCntPlusF{
background-size: 28px;
height:40px;
width:40px;
}
.popupQty, .addToCartPopupBtn, .addToCartPopupBtnRecommended, .popupQtyCart{
position:relative;
float:left;
line-height:30px;
text-align:center;
font-size:16px;
font-weight:normal;
color: #060506;
margin-left:10px;
height:30px;
width:30px;
}
.popupQty{
height:40px;
line-height:40px;
}
.popupQtyCart{
width:40px;
background-color:#FFF;
}
.addToCartPopupBtn, .addToCartPopupBtnRecommended{
color:#FFF;
cursor:pointer;
border-radius:2px;
width:auto;
font-weight:500;
height:40px;
line-height:40px;
padding-left:18px;
padding-right:18px;
font-size:18px;
background-color:#B87B24;

}
.orderPopUpCnt{
position:relative;
float:left;
width:100%;
margin-bottom:30px;
}
.orderPopUpCnt:before{
content:"Detajet e porosisë";
position:absolute;
position: relative;
float: left;
margin-bottom: 10px;
top: 0;
left:0;
font-weight: 500;
font-size: 18px;
text-transform: uppercase;
}
.orderLineDetails, .orderHeaderDetails, .orderOtherDetails{
position:relative;
float:left;
width:100%;
line-height:1.4;
font-size:16px;
color: #999999;
}
.orderLineDetails, .orderOtherDetails{
padding-left:20px;
width:calc(100% - 20px);
}
.orderLineDetails:before{
content:"- ";
position:absolute;
left: 8px;
top:0;
font-size: 18px;
color: #999999;
}
.orderHeaderDetails{
color: #060506;
}
.qtyPopperCnt{
/*position:absolute;
left: -90px;
padding-right: 40px;
height:100%;
text-align:center;
font-size:36px;
font-weight:100;
color:#060506;
display: flex;
background-size: contain;
top: -2px;
padding-top: 5px;
padding-bottom: 5px;
flex-wrap: wrap;
align-items: center;
background-repeat:no-repeat;
background-position:center right;
background-image:url(https://kiosk.myshawarma-ks.com/wp-content/uploads/2022/06/Screenshot_2.jpg);*/
position: absolute;
left: -60px;
min-width: 40px;
padding-right: 10px;
height: 100%;
text-align: center;
font-size: 18px;
border-right: 1px solid #ccc;
font-weight: normal;
color: #060506;
top: -2px;
padding-top: 5px;
padding-bottom: 5px;	
display:flex;
flex-wrap: wrap;
align-items: center;
justify-content: right;
}
.addToCartPopupBtnLoading{
cursor:wait;
opacity:0.7;
}
.cartBigCntBottom{
position:relative;
float:left;
margin-left: 1%;
width:calc(33% - 30px);
padding:15px;
padding-top:30px;
padding-bottom:30px;
margin-top:110px;
background-color:#f8f8f8;
border-radius:5px;
margin-bottom:100px;
}
.cartBigCntBottomH, .cartBigCntBottomH2, .cartBigCntBottomH3{
position:relative;
float:left;
width:100%;
line-height:1.4;
text-transform:uppercase;
color:#060506;
text-align: center;
font-size:16px;
font-weight:500;
margin-bottom:4px;
}

.cartBigCntBottomH2{
font-size:2rem;
color:#B87B24;
font-weight:500;
letter-spacing:2px;
}
.cartBigCntBottomH3{
font-size:16px;
font-weight: 400;
line-height: 1.3;
text-transform:inherit;
margin-top:0px;
}
.changeAddress{
font-size:14px;
text-decoration: underline;
cursor:pointer;
}
.cartContainerCnt{
position:relative;
float:left;
width:100%;
min-height:180px;
}
.cartContainerCntEmpty{
position:relative;
float:left;
width:100%;
height:250px;
background-size:contain;
background-position:center;
background-repeat:no-repeat;
background-image:url(https://delivery.myshawarma-ks.com/wp-content/uploads/2022/11/myshawarma-cart.png);
-webkit-transition: all  100ms ease-in-out;
-moz-transition: all  100ms ease-in-out;
-o-transition: all  100ms ease-in-out;
-ms-transition: all  100ms ease-in-out;
transition: all  100ms ease-in-out;
}
.cartContainerCntLoading .cartContainerCntEmpty{
background-position:center;
background-size:24px;
background-image:url(https://delivery.myshawarma-ks.com/wp-content/uploads/2022/08/loading.gif);
-webkit-transition: all  100ms ease-in-out;
-moz-transition: all  100ms ease-in-out;
-o-transition: all  100ms ease-in-out;
-ms-transition: all  100ms ease-in-out;
transition: all  100ms ease-in-out;
}
.cartContainerCntEmptyTxt{
position:relative;
float:left;
width:100%;
text-align:center;
font-size:16px;
color:#060506;
}
.cartContainerCntLoading .cartContainerCntEmptyTxt{
color:transparent;

}
.fixedHeaderFooter{
position:fixed;
left:0;
bottom:0;
z-index:1;
width:100%;
height:70px;
background-color:#B87B24;
display:none;
}
.newOrderBtn, .miniCartTotal, .goToCartBtn{
position:relative;
float:left;
height:70px;
border-radius:6px;
background-color:#FFF;
color:#B87B24;
cursor:pointer;
padding-left:30px;
padding-right:30px;
font-size:46px;
text-align:center;
line-height:70px;
font-weight:bold;
margin-top:20px;
margin-left:20px;
letter-spacing:1.2px;
-webkit-transition: all  100ms ease-in-out;
-moz-transition: all  100ms ease-in-out;
-o-transition: all  100ms ease-in-out;
-ms-transition: all  100ms ease-in-out;
transition: all  100ms ease-in-out;
}
.miniCartTotal{
color:#FFF;
background-color:transparent;
}
.newOrderBtn{
background-color: #060506;
color: #FFF;
border-radius: 30px;
border-radius: 30px;
font-size: 40px;
line-height: 68px;
padding-left: 50px;
padding-right: 50px;
-webkit-box-shadow: rgb(0 0 0 / 30%) 0 1px 3px;
-moz-box-shadow: rgba(0,0,0,0.3) 0 1px 3px;
box-shadow: rgb(0 0 0 / 40%) 0 3px 3px;
}
.goToCartBtn{
float:right;
color: #FFF;
background-color:transparent;
margin-right:20px;
}
.miniCartTotal{
float:right;
margin-right:20px;
padding:0;
font-size: 36px;
}
.miniCartTotal:before{
content:"";
position:absolute;
width: 50px;
height: 50px;
top: 10px;
left: -65px;
background-size:contain;
background-position:center;
background-repeat:no-repeat;
background-image:url(https://delivery.myshawarma-ks.com/images/cartIcon3.svg);
}
.goToCartBtn:before{
background-image:url(https://delivery.myshawarma-ks.com/wp-content/uploads/2022/08/cartIcon-1.svg);
}
.cartItemCnt{
position:relative;
float:left;
width:100%;
padding-bottom:15px;
min-height:50px;
margin-top:15px;
border-bottom:1px solid #e7e7e7;
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: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: flex;
}
.cartItemCntH, .cartItemCntH2{
position:relative;
float:left;
width:100%;
font-size:18px;
font-weight:500;
color:#060506;
line-height:1.4;
}
.cartItemCntH2{
font-size:16px;
font-weight:400;
color:#999999;
}
.cartItemOtherDetails{
position:relative;
float:left;
width:100%;
margin-top:10px;
}
.cartItemOtherDetails_image{
position:relative;
float:left;
width: 100px;
height: 100px;
background-color: #FFF;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
.cartItemOtherDetails_qty{
position:absolute;
bottom:0;
left:120px;
}
.updateCartBtn, .totalChargeHTxt, .continueBtnUp, .selectChipBtn, .submitOrder, .printReceiptBtn, .newOrderAfterPurchase, .getBtnsContainerSubFinal2, .startNewOrder{
position:relative;
float:right;
margin-top:25px;
height: 40px;
font-size: 18px;
text-align: center;
font-weight: 500;
text-transform:uppercase;
width:calc(100% - 30px);
line-height:40px;
padding-left: 15px;
border-radius: 5px;
padding-right: 15px;
background-color: #B87B24;
color: #FFF;
cursor:pointer;
letter-spacing: 1.2px;
-webkit-box-shadow: rgb(0 0 0 / 30%) 0 1px 3px;
-moz-box-shadow: rgba(0,0,0,0.3) 0 1px 3px;
box-shadow: rgb(0 0 0 / 40%) 0 3px 3px;
}

.updateCartBtn{
margin-top:20px;
} 
.updateCartBtnDisabled{
opacity:0.5;
cursor:not-allowed;
}
.totalChargeHTxt{
background-color: transparent;
color: #060506;
box-shadow: none;
}
.cartItemOtherPrices{
position:absolute;
right:0;
bottom:0;
}
.totalPriceCartItem, .unitPriceCartItem{
position:relative;
float:right;
text-align:right;
line-height: 1.4;
font-weight: 800;
font-size: 22px;
letter-spacing: 0.2px;
color: #B87B24;
}

.unitPriceCartItem{
font-weight: 500;
}
.getBtnsContainer{
position:relative;
float:left;
width:100%;

}
.getBtnsContainerH{
position:relative;
float:left;
text-align:center;
color:#060506;
font-weight:bold;
 line-height:1.4;
font-size: 28px;
    padding: 20px;
    width: calc(100% - 40px);
}
.getBtnsContainerHOther{
font-size: 28px;
padding: 20px;
width: calc(100% - 40px);
}
.getBtnsContainerHFull{
padding-bottom:20px;
}
.paymentFormType{
position:relative;
float:left;
width:calc(50% - 100px);
height: 200px;
cursor:pointer;
padding-bottom: 35px;
margin: 60px;
margin-right:30px;
background-size: 140px;
margin-top: 0;
border-radius:18px;
background-position:center right 50px;
background-position:center top 30px;
background-repeat:no-repeat;
background-image:url(https://delivery.myshawarma-ks.com/wp-content/uploads/2022/08/iconmonstr-currency-6-240-1.png);
-webkit-transition: all  100ms ease-in-out;
-moz-transition: all  100ms ease-in-out;
-o-transition: all  100ms ease-in-out;
-ms-transition: all  100ms ease-in-out;
transition: all  100ms ease-in-out;
}
.paymentFormTypeActive.paymentFormType{
background-color:#B87B24;
background-image:url(https://delivery.myshawarma-ks.com/wp-content/uploads/2022/08/iconmonstr-currency-6-240-2.png);
-webkit-box-shadow: rgb(0 0 0 / 30%) 0 1px 3px;
-moz-box-shadow: rgba(0,0,0,0.3) 0 1px 3px;
box-shadow: rgb(0 0 0 / 40%) 0 3px 3px;
-webkit-transition: all  100ms ease-in-out;
-moz-transition: all  100ms ease-in-out;
-o-transition: all  100ms ease-in-out;
-ms-transition: all  100ms ease-in-out;
transition: all  100ms ease-in-out;
}
.paymentFormTypeCard{
margin-left:30px;
margin-right:30px;
margin-bottom:60px;
background-size: 210px;
background-position:center left 10px;
background-position:center top;
background-image:url(https://delivery.myshawarma-ks.com/wp-content/uploads/2022/08/iconmonstr-credit-card-2-240.png);
}
.paymentFormTypeActive.paymentFormTypeCard{

background-color:#B87B24;
background-image:url(https://delivery.myshawarma-ks.com/wp-content/uploads/2022/08/iconmonstr-credit-card-2-240-1-1.png);
-webkit-box-shadow: rgb(0 0 0 / 30%) 0 1px 3px;
-moz-box-shadow: rgba(0,0,0,0.3) 0 1px 3px;
box-shadow: rgb(0 0 0 / 40%) 0 3px 3px;
-webkit-transition: all  100ms ease-in-out;
-moz-transition: all  100ms ease-in-out;
-o-transition: all  100ms ease-in-out;
-ms-transition: all  100ms ease-in-out;
transition: all  100ms ease-in-out;
}
.paymentFormTypeTxt{
position:absolute;
left:20px;
bottom:10px;
width:100%;
text-align:center;
font-size:26px;
color: #B87B24;
line-height: 1.4;
text-transform: uppercase;
}
.paymentFormTypeActive .paymentFormTypeTxt{
color: #FFF;
}
.paymentFormTypeCard .paymentFormTypeTxt{
left:0;
}
.getBtnsContainerHR{
position:relative;
float:left;
width:50%;
background-position:center left;
background-repeat:no-repeat;
height:200px;
margin-top:40px;
margin-bottom:40px;
background-size:contain;
background-image:url(https://delivery.myshawarma-ks.com/wp-content/uploads/2022/08/HTB1dTEbinvI8KJjSspjq6AgjXXaV.jpg);
}
.getBtnsContainerSub{
position:relative;
float:left;
width:100%;
margin-bottom:40px;
text-align:center;
font-size:18px;
color:#060506;
line-height:1.4;
}
.roundsCntBig{
position:relative;
float:left;
width:90%;
margin-left:5%;
padding-bottom:50px;
}
.buttonCnt{
position:relative;
float:left;
border:8px double #B87B24;
font-weight:bold;
font-size:46px;
margin:2%;
text-align:center;
color:#B87B24;
border-radius:50%;
min-height:100px;
cursor:pointer;
background-color:#FFF;
width:calc(16% - 16px);
-webkit-transition: all  100ms ease-in-out;
-moz-transition: all  100ms ease-in-out;
-o-transition: all  100ms ease-in-out;
-ms-transition: all  100ms ease-in-out;
transition: all  100ms ease-in-out;
}
.buttonCntActive{
background-color:#B87B24;
color:#FFF;
-webkit-box-shadow: rgb(0 0 0 / 30%) 0 1px 3px;
-moz-box-shadow: rgba(0,0,0,0.3) 0 1px 3px;
box-shadow: rgb(0 0 0 / 40%) 0 3px 3px;
-webkit-transition: all  100ms ease-in-out;
-moz-transition: all  100ms ease-in-out;
-o-transition: all  100ms ease-in-out;
-ms-transition: all  100ms ease-in-out;
transition: all  100ms ease-in-out;
}
.selectChipBtn, .submitOrder, .printReceiptBtn, .newOrderAfterPurchase, .getBtnsContainerSubFinal2{
margin:0;
left:50%;
margin-left:-225px;
float: left;
margin-bottom:60px;
}
.newOrderAfterPurchase{
margin-top:0;
background-color:#060506;
color:#FFF;
}
.selectChipBtnDisabled{
opacity:0.5;
cursor:not-allowed;
}
.cntBtnAresSmallCnt{
display: block;
position: relative;
float: left;
width: 100%;
}
.cntBtnAresSmallCntPrint{
margin-top:100px;
}
.cntBtnAresSmallCntPrint2{
margin-top:0;
}
.fixedPopUpCntCenter{
margin-top:0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all  100ms ease-in-out;
-moz-transition: all  100ms ease-in-out;
-o-transition: all  100ms ease-in-out;
-ms-transition: all  100ms ease-in-out;
transition: all  100ms ease-in-out;
}
.orderTypeBigCnt{
position:relative;
float:left;
width:48%;
background-color:#FFF;
border-radius:20px;
cursor:pointer;
margin-left:0;
cursor:pointer;
}
.orderTypeBigCntOther{
margin:0;
float:right;
}
.orderTypeImgs{
position:relative;
float:left;
width:100%;
}
.getBtnsContainerOrderType .closePopUpBtn{
display:none;
}
.getBtnsContainerSubFinal{
font-size:18px;
line-height:1.4;
}
.getBtnsContainerSubFinal2{
background-color:#FFF;
color:#060506;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
}
.printCntArea{
display:none !important;
}
.fixedPopUpStart .fixedPopUpCntCenter{
background-color:transparent;
transform: translateY(-45%);
}

.totalCntPopup{
position:absolute;
bottom:35px;
width:100%;
left: calc(-100% - 40px);
}
/*
.totalCntPopup .orderPopUpCnt:before{
width:100%;
text-align:right;
}
.totalCntPopup .orderHeaderDetails, .totalCntPopup .orderLineDetails, .totalCntPopup .popup_productDetails_totalPrice{
text-align:right;
}
.totalCntPopup .addToCartSmallCnt{
width:auto;
float:right;
}
.totalCntPopup .orderLineDetails:before{
display:none;
}
*/
/*.totalCntPopup .qtyPopperCnt{
left: 350px;
border-right:none;
border-left:1px solid #ccc;
}*/
.totalCntPopupNormal{
position:relative;
float:left;
width:100%;
bottom:auto;
left:auto;
}
.productListCntTopFiltersBigFixed{
position:fixed;
z-index:1;
top: 94px;
width: 65% !important;
background-color:#FFF;
}
.productListCntTopFiltersBigFixed .menuListItemActive{
border-radius:0 !important;
}
.totalCntPopupNormal .qtyPopperCnt{
left: -60px;
border-left:none;
border-right:1px solid #ccc;
}
.alertProductAddToCart{
position:relative;
float:right;
cursor:pointer;
height:70px;
line-height:70px;
font-size: 28px;
display:none !important;
font-weight:bold;
background-repeat:no-repeat;
background-position:center right;
background-size:contain;
margin-top:12px;
margin-right:60px;
color: #B87B24;
/*-webkit-animation-name: backgroundArrow;
-webkit-animation-duration: 3s;
-webkit-animation-direction: alternate;
-webkit-animation-timing-function: linear;
-webkit-animation-iteration-count: infinite*/
}
/*@-webkit-keyframes backgroundArrow {
0% {
background-image: url('https://kiosk.myshawarma-ks.com/wp-content/uploads/2022/07/iconmonstr-arrow-right-alt-filled-240.png');
}
33% {
background-image: url('https://kiosk.myshawarma-ks.com/wp-content/uploads/2022/07/iconmonstr-arrow-right-alt-filled-240-1.png');
}
100% {
background-image: url('https://kiosk.myshawarma-ks.com/wp-content/uploads/2022/07/iconmonstr-arrow-right-alt-filled-240.png');
}
}
*/
.fixedHeaderFooter .alertProductAddToCart{
color:#FFF;
}
.footerCnt{
position:relative;
float:left;
margin-top:60px;
padding:1%;
padding-top:15px;
padding-bottom:15px;
width:98%;
background-color:#060506;
}
.footerCntFalft{
position:relative;
float:left;
width:50%;
}
.footerCntFalftLogo{
position:relative;
float:left;
width:100%;
height:80px;
background-position:center left;
background-repeat:no-repeat;
background-size:contain;
background-image:url(https://delivery.myshawarma-ks.com/wp-content/uploads/2022/10/logo2.png);
margin-bottom: 20px;
}
.footerCntFalftUrls{
position:relative;
float:left;
width:100%;
margin-bottom:10px;
}
.footerCntFalftUrls a{
position:relative;
float:left;
margin-right:10px;
color: #fefefe;
font-size: 10px;
font-weight: 300;
}
.footerCntFalftRight{
float:right;
text-align:right;

}
.footerFbIcon{
position:relative;
float:right;
width:20px;
height:54px;
margin-right:15px;
background-position:center;
background-repeat:no-repeat;
background-size:contain;
margin-top: 14px;
margin-bottom: 33px;
background-image:url(https://delivery.myshawarma-ks.com/wp-content/uploads/2022/08/iconmonstr-facebook-1-240-1.png);
}
.footerFbIconInsta{
background-image:url(https://delivery.myshawarma-ks.com/wp-content/uploads/2022/08/iconmonstr-instagram-11-240-1.png);
width:22px;
}
.footerCntFalftRight .footerCntFalftUrls a{
float:right;
text-align:right;
}
.fixedPopUpStartup{
width:500px;
left:50%;
margin-left:-250px;
}
.hebsLogoPopUp {
width: 100%;
background-position: center;
background-repeat: no-repeat;
height: 140px;
background-size: contain;
margin-top: 20px;
background-image: url(https://delivery.myshawarma-ks.com/wp-content/uploads/2022/10/logo.png);
}
.storeLocationsCnt{
position:relative;
float:left;
padding:10px;
padding-left:20px;
padding-right:20px;
width:calc(100% - 40px);
margin-top:30px;
}
.storeLocationsCntH{
position:relative;
float:left;
width:100%;
margin-bottom:10px;
font-size:16px;
color: #060506
}
.selectFields{
position:relative;
float:left;
width: 100%;
padding: 10px 30px 10px 15px;
appearance: none;
color: #060506;
font-size:16px;
-webkit-appearance: none;
-moz-appearance: none;
background: 0 0;
z-index: 10;
border: 1px solid #e9e9e9;
background-color: #fafafa;
background-image:url(https://delivery.myshawarma-ks.com/wp-content/uploads/2022/08/chevron-down.88d9ca6147144426ec5c.svg);
background-position:center right 10px;
background-size:14px;
background-repeat:no-repeat;
}
.userInputFields{
position:relative;
float:left;
width:calc(100% - 47px);
padding: 10px 30px 10px 15px;
appearance: none;
color: #060506;
font-size:16px;
-webkit-appearance: none;
-moz-appearance: none;
background: 0 0;
z-index: 10;
border: 1px solid #e9e9e9;
background-color: #fafafa;
}
.userInputFields2{
display:none;
margin-top:10px;
}
.storeLocationsCntOtherDetails{
position:relative;
float:left;
padding: 10px;
padding-left: 20px;
padding-right: 20px;
width: calc(100% - 40px);
} 
.storeClosedAlert, .minOderAlert, .minOderAlertPopup, .storeClosesSoonAlertCnt{
position:relative;
float:left;
font-size:16px;
color: #a94442;
text-align:center;
background-color: #f2dede;
border: 1px solid #ebccd1;
text-transform:uppercase;
padding: 10px 30px 10px 15px;
width:calc(100% - 47px);
margin-bottom:10px;
}
.minOderAlert, .minOderAlertPopup{
display:none;
margin-top: 20px;
}
.storeClosesSoonAlertCnt{
text-transform:none;
}
.minOderAlertPopup{
margin-left:20px;
width:calc(100% - 40px);
padding-left:0;
padding-right:0;
    margin-bottom: 0;
	border-radius:5px;
}
.storeLocationsCntOtherDetails .storeLocationsCnt{
width: 100%;
padding-left: 0;
padding-right: 0;
margin-top:0;
}
.startNewOrder{
float: left;
margin-left: 0 !important;
left: 0;
margin-top: 20px;
margin-bottom: 20px;
padding-left: 0;
padding-right: 0;
width: 100%;
}
.addressSuggestions{
position:relative;
display:none;
float:left;

width:calc(100% - 2px);
border: 1px solid #e9e9e9;
margin-top: -10px;
margin-bottom: 5px;
}
.addressSearchResults{
position:relative;
float:left;
width:calc(100% - 30px);
line-height:1.4;
padding:15px;
font-size:16px;
cursor:pointer;
color: #060506;
-webkit-transition: all 100ms ease-in-out;
-moz-transition: all 100ms ease-in-out;
-o-transition: all 100ms ease-in-out;
-ms-transition: all 100ms ease-in-out;
transition: all 100ms ease-in-out;
}
.form-fieldErr{
border-color:#FF0000 !important;
}
.fixedPopUpStartFinal{
width:66%;
margin-left:17%;
}
.selectChipBtnContinue, .selectChipBtnSubmit{
width:calc(100% - 40px);
margin-left:20px;
left:0;
padding-left: 0;
padding-right: 0;
margin-top: 25px;
margin-bottom: 25px;
}
.productListInCntRecommended{
width:24%;
padding:0;
margin-right:1%;
margin-bottom: 1%;
border:none;
}
.productListInCntRecommended .productCoverImg{
width:100%;
height:135px;
background-size: 60%;
}
.productListInCntRecommended:hover{
background-color:#FFF;
}
.productListInCntRecommended .productListInRightCnt, .productListInCntRecommended .productPriceCnt{
width:calc(100% - 20px);
    text-align: center;
}
.productListInCntRecommended .productPriceCnt{
position:relative;
float:left;
bottom:0;
right:0;
width:100%;
margin-top:-6px;
    font-size: 18px;
}
.addToCartPopupBtnRecommended{
margin-top:15px;
width:90%;
padding-left:0;
padding-right:0;
font-size:16px;
margin-left:5%;
}
.addedInCart{
position:absolute;
right: 10px;
    bottom: 20px;
    width: 20px;
    height: 20px;
	display:none;
background-position:center;
background-repeat:no-repeat;
background-size:contain;
background-image:url(https://delivery.myshawarma-ks.com/wp-content/uploads/2022/11/iconmonstr-checkbox-21-240-2.png);
}
.recommendedArtcilesCnt{
position:relative;
float:left;
width:calc(100% - 40px);
margin-left:20px;
}
.popupFullCnt{
position:relative;
float:left;
margin-left:20px;
width:calc(100% - 40px);
}
.popupHalfHalf{
position:relative;
float:left;
margin-right:10px;
width:calc(50% - 20px);
}
.popupHalfHalfOther{
margin-left:10px; 
margin-right:0;
padding:20px;
padding-top:0;
float:right;
width:calc(50% - 50px);
    background-color: #f8f8f8;
	border-radius:5px;
	    min-height: 432px;
}
.popupHalfHalfFieldCnt{
position:relative;
float:left;
width:100%;
margin-bottom:20px;
}
.popupHalfHalfFieldCntG{
position:relative;
float:left;
width:100%;
margin-bottom:6px;
font-size:16px;
    font-size: 16px;
    color: #060506;
 }
.popupHalfHalfHH{
text-transform:uppercase;
font-size:18px;
font-weight:400;
width:100%;
padding-top:20px;
} 
.popupHalfHalfOtherOrderDetails .cartItemOtherDetails {
    position: absolute;
    bottom: 15px;
    right: 0;
}
.popupHalfHalfOtherOrderDetails .totalPriceCartItem, .popupHalfHalfOtherOrderDetails .unitPriceCartItem{
    font-size: 18px;
}
.popupHalfHalfOtherOrderDetails .subheaderFloatLeftF {
    position: relative;
    float: left;
    margin-top: 10px;
    text-align: left;
    width: 100%;
    font-size: 22px;
    font-weight: 500;
    color: #060506;
    line-height: 1.4;
}
.popupHalfHalfOtherOrderDetails .subheaderFloatLeftF {
    margin-top: 10px;
    text-align: left;
    width: 100%;
    font-size: 18px;
    font-weight: 500;
    color: #060506;
    line-height: 1.4;
}
.popupHalfHalfOtherOrderDetails .totalPriceCartItem, .popupHalfHalfOtherOrderDetails .unitPriceCartItem {
    width: 100%;
}
.orderDetailsPopUpFinal {
display: block;
    position: relative;
    float: left;
    margin-left: 3%;
    width: 90%;
    margin-bottom: 10px;
    padding: 2%;
    background-color: #f8f8f8;
}
.orderDetailsPopUpFinal .header_1, .orderDetailsPopUpFinal .subheader {
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
	  color: #060506;
    font-size: 18px;
    line-height: 1.4;
}
.orderDetailsPopUpFinal .cartItemOtherDetails {
    position: absolute;
    bottom: 15px;
    right: 0;
}
.newOrderAfterPurchase {
margin: 20px;
    left: 0;
    width: calc(100% - 40px);
    padding-left: 0;
    padding-right: 0;
}
.orderDetailsPopUpFinal .totalPriceCartItem, .orderDetailsPopUpFinal .unitPriceCartItem {
    width: 100%;
}
.orderDetailsPopUpFinal .subheaderFloatLeftF {
    margin-top: 10px;
    text-align: left;
    width: 100%;
    font-size: 18px;
    font-weight: 500;
    color: #060506;
    line-height: 36px;
}
.header_1OrderDetails{
    margin-bottom: 20px;
}
.productListInRightCnt .productTitleH{
font-size:16px; 
}
.editProductBtn{
position: absolute;
    right: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 24px;
    cursor: pointer;
    background-image: url(../images/iconmonstr-pencil-thin2.svg);
    width: 30px;
    height: 30px;
    top: 36px;
    z-index: 1;
}
.termsClauseCnt{
    position: relative;
    float: left;
    margin-left: 20px;
    font-size:16px;
    width: calc(100% - 40px);
}
.termsClauseCnt a{
    color:#060506;
    text-decoration: underline;
}