@charset "utf-8";

/*
------------------------------------------------------------
Project Name : ;
------------------------------------------------------------
*/
@import url(bootstrap.min.css);
@import url(bootstrap-select.min.css);
@import url(datepicker.css);
@import url(owl.carousel.min.css);
@import url(font-awesome.min.css);
@import url(root.css);

/* Must import all other css files here instead of HTML Pages */

/* Reset 
--------------------------------------------------------------------------------------------------------*/

/* 
http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}

/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
body{line-height:1;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing::0;}

/* General 
--------------------------------------------------------------------------------------------------------*/
a:focus,*,*:focus{outline:none;border-radius:0;-o-border-radius:0;-ms-border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;box-shadow:none;-o-box-shadow:none;-ms-box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;}
.extra-option-list li .item-name,.card-primary,a .accordion-arrow,.btn,.multiselect-native-select .btn-group .caret,a:after,a:before,a,.logo img{transition:all 0.2s;-o-transition:all 0.2s;-ms-transition:all 0.2s;-moz-transition:all 0.2s;-webkit-transition:all 0.2s;}
html,body{height:100%; overflow: hidden;}
body{font:16px/18px 'Open Sans',sans-serif;font-weight:400;background:#fff;}
.wrapper{min-height:100%;}
a{color:#000;text-decoration:none;cursor:pointer;}
button{cursor:pointer;}
button:focus{outline:none;-webkit-outline:none;}
a:hover,a:focus{text-decoration:none;color:#999}
h1,h2,h3,h4,h5,h6{line-height:1.2em;padding:0 0 20px;}
h1 span,h2 span,h3 span,h4 span,h5 span,h6 span{display:block;font-size:0.5em;line-height:1.2em;}
h1,h2{font-size:22px;font-weight:400;}
h3{font-size:16px;font-weight:600;color:var(--primary_text);}
p{padding:0 0 20px;}
input[type=text],input[type=email],input[type=password],textarea{-webkit-appearance:none;appearance:none;}

/* Loading block 
--------------------------------------------------------------------------------------------------------*/
.loading-block{max-width:480px; width: 100%; font-size:1rem;line-height:1.5;position:fixed;top:50px;bottom:0px;left:0;z-index:9999;display:-webkit-box;display:flex;-webkit-box-align:center; align-items:center;-webkit-box-pack:center; justify-content:center;background:rgba(255,255,255,0.95);overflow:hidden;}
#container{position:relative;-webkit-transform:scale(0.725);transform:scale(0.725);}
.divider{position:absolute;z-index:2;top:65px;left:200px;width:50px;height:15px;background:#fff;}
.loading-text{position:relative;font-size:3.75rem;font-weight:300;margin:0;white-space:nowrap;}
.loading-text::before{position:absolute;content:"";z-index:1;top:35px;left:112px;width:12px;height:12px;background:var(--loading-boll-color);border-radius:50%;-webkit-animation:dotMove 1800ms cubic-bezier(0.25,0.25,0.75,0.75) infinite;animation:dotMove 1800ms cubic-bezier(0.25,0.25,0.75,0.75) infinite;}
.loading-text .letter{display:inline-block;position:relative;color:var(--loading-text-color);letter-spacing:8px;}
.loading-text .letter:nth-child(1){-webkit-transform-origin:100% 70%;transform-origin:100% 70%;-webkit-transform:scale(1,1.275);transform:scale(1,1.275);}
.loading-text .letter:nth-child(1)::before{position:absolute;content:"";top:22px;left:0;width:14px;height:36px;background:#fff;-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-animation:lineStretch 1800ms cubic-bezier(0.25,0.25,0.75,0.75) infinite;animation:lineStretch 1800ms cubic-bezier(0.25,0.25,0.75,0.75) infinite;}
.loading-text .letter:nth-child(5){-webkit-transform-origin:100% 70%;transform-origin:100% 70%;-webkit-animation:letterStretch 1800ms cubic-bezier(0.25,0.23,0.73,0.75) infinite;animation:letterStretch 1800ms cubic-bezier(0.25,0.23,0.73,0.75) infinite;}
.loading-text .letter:nth-child(5)::before{position:absolute;content:"";top:15px;left:2px;width:9px;height:15px;background:#fff;}
@-webkit-keyframes dotMove{
	0%,100%{-webkit-transform:rotate(180deg) translate(-110px,-10px) rotate(-180deg);transform:rotate(180deg) translate(-110px,-10px) rotate(-180deg);}
	50%{-webkit-transform:rotate(0deg) translate(-111px,10px) rotate(0deg);transform:rotate(0deg) translate(-111px,10px) rotate(0deg);}
}
@keyframes dotMove{
	0%,100%{-webkit-transform:rotate(180deg) translate(-110px,-10px) rotate(-180deg);transform:rotate(180deg) translate(-110px,-10px) rotate(-180deg);}
	50%{-webkit-transform:rotate(0deg) translate(-111px,10px) rotate(0deg);transform:rotate(0deg) translate(-111px,10px) rotate(0deg);}
}
@-webkit-keyframes letterStretch{
	0%,100%{-webkit-transform:scale(1,0.35);transform:scale(1,0.35);-webkit-transform-origin:100% 75%;transform-origin:100% 75%;}
	8%,28%{-webkit-transform:scale(1,2.125);transform:scale(1,2.125);-webkit-transform-origin:100% 67%;transform-origin:100% 67%;}
	37%{-webkit-transform:scale(1,0.875);transform:scale(1,0.875);-webkit-transform-origin:100% 75%;transform-origin:100% 75%;}
	46%{-webkit-transform:scale(1,1.03);transform:scale(1,1.03);-webkit-transform-origin:100% 75%;transform-origin:100% 75%;}
	50%,97%{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:100% 75%;transform-origin:100% 75%;}
}
@keyframes letterStretch{
	0%,100%{-webkit-transform:scale(1,0.35);transform:scale(1,0.35);-webkit-transform-origin:100% 75%;transform-origin:100% 75%;}
	8%,28%{-webkit-transform:scale(1,2.125);transform:scale(1,2.125);-webkit-transform-origin:100% 67%;transform-origin:100% 67%;}
	37%{-webkit-transform:scale(1,0.875);transform:scale(1,0.875);-webkit-transform-origin:100% 75%;transform-origin:100% 75%;}
	46%{-webkit-transform:scale(1,1.03);transform:scale(1,1.03);-webkit-transform-origin:100% 75%;transform-origin:100% 75%;}
	50%,97%{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:100% 75%;transform-origin:100% 75%;}
}
@-webkit-keyframes lineStretch{
	0%,45%,70%,100%{-webkit-transform:scaleY(0.125);transform:scaleY(0.125);}
	49%{-webkit-transform:scaleY(0.75);transform:scaleY(0.75);}
	50%{-webkit-transform:scaleY(0.875);transform:scaleY(0.875);}
	53%{-webkit-transform:scaleY(0.5);transform:scaleY(0.5);}
	60%{-webkit-transform:scaleY(0);transform:scaleY(0);}
	68%{-webkit-transform:scaleY(0.18);transform:scaleY(0.18);}
}
@keyframes lineStretch{
	0%,45%,70%,100%{-webkit-transform:scaleY(0.125);transform:scaleY(0.125);}
	49%{-webkit-transform:scaleY(0.75);transform:scaleY(0.75);}
	50%{-webkit-transform:scaleY(0.875);transform:scaleY(0.875);}
	53%{-webkit-transform:scaleY(0.5);transform:scaleY(0.5);}
	60%{-webkit-transform:scaleY(0);transform:scaleY(0);}
	68%{-webkit-transform:scaleY(0.18);transform:scaleY(0.18);}
}
@media (min-width:48rem){
	#container{-webkit-transform:scale(0.725rem);transform:scale(0.725rem);}
}
@media (min-width:62rem){
	#container{-webkit-transform:scale(0.85);transform:scale(0.85);}
}



/* form controls
--------------------------------------------------------------------------------------------------------*/
.btn-outline-primary {border-color:var(--primary);color:var(--primary); }
.btn-outline-primary:focus, .btn-outline-primary:hover {color: #fff; background-color:var(--primary) !important; border-color:var(--primary) !important;}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {width:100%;}
.btn.dropdown-toggle:after {width:0px !important; height:0px !important; position:initial; opacity:1;}
.bootstrap-select>.dropdown-toggle:after {margin-top:3px;}
.bootstrap-select>.dropdown-toggle {border-radius:50px !important;padding-left:15px; box-shadow: 0 2px 5px rgba(0,0,0,.2) !important; border:0px !important; background-color:#fff !important; outline:none !important;}
.bootstrap-select .dropdown-toggle:focus, .bootstrap-select>select.mobile-device:focus+.dropdown-toggle,
.bootstrap-select>.dropdown-toggle.btn-light:hover {background-color:var(--dropdown_toggle_background_color); outline:0 !important; box-shadow:0 2px 5px rgba(0,0,0,.1) !important; }
.bootstrap-select .dropdown-toggle .filter-option-inner-inner {font-size:14px; font-weight:600; color:var(--dropdown_toggle_text_color); line-height:34px;}
.bootstrap-select .dropdown-menu {border:0px; box-shadow:0 2px 5px rgba(0,0,0,.1); background-color:var(--dropdown_menu_background_color);}
.bootstrap-select .dropdown-menu li a {padding:10px;}
.dropdown-item.active, .dropdown-item:active {color:var(--active_dropdown_item_text_color); background-color:var(--active_dropdown_item_background_color);}

.times-select .bootstrap-select>.dropdown-toggle {padding-left:50px;}
.times-select .bootstrap-select>.dropdown-toggle:before {content:"\f017"; font-family:FontAwesome; font-size:20px; color:var(--times_select_icon_color); font-weight:300; position: absolute; left:20px; top:8px; z-index:2;} 

/*Form primary --------------*/
.form-group {margin-bottom:20px;}
.form-group label {font-size:14px; color:var(--form_group_label_color);font-weight:600; padding-bottom:10px;padding-left:5px; }
.form-control {font-size:14px; color:var(--form_control_text_color); border-radius:50px; font-weight:600; height:44px; border:0px; background-color:#fff !important; box-shadow: 0 2px 5px rgba(0,0,0,.2);}
.form-control:focus {box-shadow:0 2px 5px rgba(0,0,0,.1) !important;}
.form-group .input-group-prepend .btn {border-top-left-radius: 0 !important; border-bottom-left-radius: 0!important; }
.form-primary-details .form-group p {font-size:14px; color:var(--form_primary_details_text_color);  font-weight:600;}


/*date-pick*/
.date-pick { position: relative;}
.date-pick .form-control {padding-left:50px;}
.date-pick > .fa  {font-size:18px; color:var(--date_pick_icon_color); position: absolute; left:20px; top:13px; z-index:2;}
.date-pick > .datepicker {z-index:2000 !important; width:100%; background-color:#fff;box-shadow:0px 3px 10px 0px rgba(122,122,122,0.1);}
.datepicker > div, .datepicker table {width:100%;} 
.table-condensed>tbody>tr>td, .table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>td, .table-condensed>tfoot>tr>th, .table-condensed>thead>tr>td, .table-condensed>thead>tr>th {padding:8px 10px; }
.datepicker td, .datepicker th {width:40px; font:14px/20px Poppins, sans-serif;}
.datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active:hover.disabled, .datepicker table tr td span.active.disabled.disabled, .datepicker table tr td span.active.disabled:hover.disabled, .datepicker table tr td span.active[disabled], .datepicker table tr td span.active:hover[disabled], .datepicker table tr td span.active.disabled[disabled], .datepicker table tr td span.active.disabled:hover[disabled],
.datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active {background:var(--datepicker_active_color);}

/* Header
--------------------------------------------------------------------------------------------------------*/
.top-header{max-width:480px!important;background-color:var(--header_background_color);position:fixed;top:0px;left:0;width:100%;z-index:99;padding-top:8px;padding-bottom:8px;}
.btn-language{margin-right:10px;background-color:var(--btn-language_background_color)!important;border-color:var(--btn-language_background_color)!important;}
.btn-language .text-icon{color:var(--btn-language_text_color);}
.btn-language.ar-btn{padding:2px 8px 5px;}

/* MainNavigation
--------------------------------------------------------------------------------------------------------*/
.menu-overlay,.main-navigation,a .arrow-icon:before{transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;}
.menu-overlay{display:block;position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:99;opacity:0;visibility:hidden;}
.main-navigation{position:fixed!important;z-index:999;left:0;top:0;bottom:0;overflow:hidden;width:260px;background-color:var(--main_navigation_bg);box-shadow:0 0 5px #999;margin-left:-300px;}
.menu-open .main-navigation{margin-left:0;}
.main-navigation ul li{display:block;}
.main-navigation ul li a{font-size:16px;padding:20px 20px 20px 45px;display:block;color:var(--main_navigation_text_color);position:relative;}
.main-navigation ul li a .fa{font-size:20px;color:var(--main_navigation_icon_color);position:absolute;top:18px;left:15px;}
.main-navigation ul li:hover > a,.main-navigation ul li.active > a{background:var(--main_navigation_icon_color);color:var(--main_navigation_bg);}
.main-navigation ul li:hover > a .fa,.main-navigation ul li.active > a .fa{color:var(--main_navigation_bg);}
.nav-icon-block{width:45px;}
.nav-icon{width:40px;border:0;border-radius:0;cursor:pointer;padding:0 6px;background:none;}
.nav-icon span{display:block;height:2px;margin:6px 0;background:var(--header_icon);position:relative;transition:all 0.3s;top:0;}
body.menu-open{overflow:hidden;}
.menu-open .main-navigation{margin-left:0;}
.menu-open .nav-icon span.one{top:-30px;opacity:0;}
.menu-open .nav-icon span.two{transform:rotate(45deg);}
.menu-open .nav-icon span.three{transform:rotate(-45deg);top:-8px;}
.menu-open .menu-overlay{opacity:1;visibility:visible;}
ul.social-media-block{padding-left:10px;padding-top:30px;}
ul.social-media-block li{padding:5px;float:left;}
ul.social-media-block li a{color:var(--primary);font-size:16px;line-height:32px;text-align:center;background-color:transparent;padding:0px;display:block;width:32px;height:32px;border-radius:32px;border:1px solid var(--primary);transition:all 0.1s;}
ul.social-media-block li a:hover{background-color:var(--primary);}
.copyright{font-size:12px;padding:10px;margin-top:20px;opacity:0.5;color:var(--secondary_text);}

/* controle
--------------------------------------------------------------------------------------------------------*/
.cart{display:inline-block;position:relative;}
.cart .fa{font-size:26px;color:var(--header_icon_color);}
.cart span{color:var(--primary);font-size:10px;font-weight:600;line-height:16px;text-align:center;background-color:#fff;border-radius:16px;min-width:16px;min-height:16px;display:block;position:absolute;right:-6px;top:-6px;z-index:2;}
.cart.add i{opacity:0.8;}
.cart.add span{animation:0.5s cart_add ease-in-out;box-shadow:0px 5px 16px 0px rgba(122,122,122,0.2);}
@keyframes cart_add{
	0%{transform:scale(1.8);}
	100%{transform:scale(1);}
}
.btn{position:relative;height:44px;box-shadow:none!important;outline:none!important;border-radius:4px!important;}
.btn-sm{height:27px;line-height:15px;}
.btn span{font-size:14px;font-weight:600;}
a.btn span {line-height:32px;}
.btn-sm span{font-size:12px;}
.btn-sm:after,.btn:after{content:"";background-color:rgba(255,255,255,0.2);position:absolute;top:0px;left:50%;height:100%;width:20%;opacity:0;transition:all 0.4s;}
.btn-sm:hover:after,.btn:hover:after{width:100%;left:0;opacity:1;border-radius:4px;}
.btn-sm .text-icon{font-size:16px;line-height:16px;vertical-align:text-bottom;display:inline-block;}
.btn-primary{background-color:var(--primary)!important;border-color:var(--primary)!important;}
.btn-secondary{background-color:var(--secondary)!important;border-color:var(--secondary)!important;}

/* Main Content
--------------------------------------------------------------------------------------------------------*/
.desktop-background-images{background:url("../images/bg-img.jpg") no-repeat top center /cover;height:100vh;}
.wrapper{padding-top:48px;max-width:480px!important;width:100%;}
.banner{background:url("../images/bg-img.jpg") no-repeat center center /cover;height:220px;}
.main-content{height:calc(100vh - 48px); max-width:480px!important;background-color:#faf7f1;position:relative;overflow:auto;-webkit-overflow-scrolling: touch;}
.main-content .animation{display:none;visibility:hidden;-webkit-animation-duration:0.5s;animation-duration:0.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;transition:all 0.3s;}
.main-content.active .animation{display:block;visibility:visible;-webkit-animation-name:tabdetail;animation-name:tabdetail;}
@keyframes tabdetail{
	0%{opacity:0;transform:translateX(100%);}
	100%{transform:translateX(0);opacity:1;}
}
.card-primary{display:block;border-radius:8px!important;height:100%;overflow:hidden;background-color:#fff;box-shadow:0px 5px 16px 0px rgba(122,122,122,0.2);}
.card-primary .card-body{padding:10px;}
.card-primary .card-body h3{padding-bottom:0px}
.card-primary:hover{transform:scale(0.96);box-shadow:none;}
.category-page-bg{background-color:var(--category_page_background_color);}
.category-page-bg .card-primary{background-color:var(--category_page_card_primary_background_color);}
.category-page-bg .card-body h3{color:var(--category_page_categoryname_color);}
.item-list{padding-top:0;background-color:var(--item_page_background_color);}
.item-list-title{background-color:var(--item_page_category_title_bg_color);padding:10px 15px;margin-bottom:15px;position:sticky;top:0px;left:0;z-index:9;border-radius:0;width:100%;max-width:480px!important;}
.item-list-title h2{color:var(--item_page_category_title_font_color);font-weight:600;padding-bottom:0px;}
.item-list-title .back-btn{width:32px;height:32px;display:block;border-radius:4px!important;overflow:hidden;}
.item-list-title .back-btn .fa{font-size:20px;color:var(--item_page_category_title_font_color);}
.item-list-title .back-btn:hover{opacity:0.5;}
.item-list .card-primary{background-color:var(--item_page_item_background_color);position:relative;}
.item-list .card-primary .card-body{padding-bottom:50px;}
.item-list .card-primary .card-body h4{font-size:16px;color:var(--item_page_itemname_color);font-weight:600;}
.item-list .card-primary .price{font-size:16px;font-weight:600;color:var(--item_page_price_color);}
.item-list .card-primary .card-footer{background:none;border:0px;padding:5px 10px 10px;position:absolute;bottom:0px;left:10px;right:10px;margin-top:-42px;}
.item-list .card-primary .btn-plus{background-color:var(--item_page_plus_button_color)!important;border-color:var(--item_page_plus_button_color)!important;}
.item-list .card-primary .btn-plus .text-icon{color:var(--item_page_plus_button_icon_color);}

/* Product Details
--------------------------------------------------------------------------------------------------------*/
.product-details{background-color:var(--product_details_background_color);padding-bottom:160px;}
.product-details-inner{max-height:100%;overflow:auto;padding-bottom:20px;}
.product-details .img-thumbnail{width:100%;max-width:500px;height:290px;object-fit:cover;border:0px;border-radius:8px!important;padding:0px;margin-bottom:30px;box-shadow:0px 5px 16px 0px rgba(122,122,122,0.2);}
.product-details .product-name{color:var(--product_name);font-weight:700;text-align:center;padding-bottom:10px;}
.product-details .product-details-text{font-size:13px;line-height:18px;color:var(--product_details_text);text-align:center;}
.product-details .item-list-title{background-color:var(--product_details_title_bg_color);}
.product-details .item-list-title h2,.product-details .item-list-title .back-btn .fa{color:var(--product_details_title_font_color);}
.price-block{max-width:380px;padding:20px;border-radius:4px;background-color:#e8e8e8;}
.price-block .price{font-size:20px;color:var(--product_details_price);font-weight:700;vertical-align:bottom;padding-bottom:0;}
.price-block .price span{font-size:22px;color:var(--product_details_price);font-weight:700;vertical-align:bottom;}
.price-block .price em{font-size:13px;color:var(--product_details_price_text);font-weight:600;display:inline-block;padding-right:5px;}
.item-select-block {background-color:var(--product_details_price_background_color); border-radius:60px; padding:3px;}
.item-select-block .icon-btn {width:32px;height:32px;padding:6px; border-radius:50% !important;}
.item-select-block .icon-btn:after {border-radius:50% !important;}
.item-select-block .icon-btn .fa{font-size:18px;font-weight:400;line-height:20px;margin:auto;display:block}
.item-select-block .form-control{font-size:18px;font-weight:700;color:#000;text-align:center;border:0px;border-radius:0px;padding:0px;height:32px;width:50px;background:none !important;box-shadow:none!important;outline:none!important;}
.product-details .item-select-block .icon-btn{background-color:var(--product_details_plus_button_color)!important;border-color:var(--product_details_plus_button_color)!important;}
.product-details .item-select-block .icon-btn .fa{color:var(--product_details_plus_button_icon_color);}
.category-carousel{max-width:480px!important;background-color:var(--category_carousel_background_color);padding:10px;position:fixed;bottom:0px;left:0;width:100%;}
.category-carousel .card-img-top{object-fit:cover;height:100px;}
.category-carousel .card-primary .card-body{padding:6px 6px 10px;}
.category-carousel .card-primary .card-body h3{font-size:13px;line-height:18px;height:23px;margin-bottom:5px;}

/* Cart-page
--------------------------------------------------------------------------------------------------------*/
.cart-page{background-color:var(--cart_background_color);}
.category-name{color:var(--cart_category_name);font-weight:700;padding-bottom:15px;}
.cart-page .item-list-title{background-color:var(--cart_page_title_bg_color);}
.cart-page .item-list-title h2,.cart-page .item-list-title .back-btn .fa{color:var(--cart_page_title_font_color);}
.cart-page .card {border-radius:4px;padding:0;border:0px; position: relative; overflow:hidden;background-color:var(--cart_item_background_color);box-shadow:0px 5px 16px 0px rgba(122,122,122,0.2);}
.cart-page .card .card-body {padding:10px;}
.cart-page .card .product-img {width:100px;height:100px;overflow:hidden;border-radius:4px; margin-bottom:10px;  float: left;}
.cart-page .card .product-img img{width:150px;height:150px;object-fit:cover;}
.cart-page .card .content-block {width:calc(100% - 110px); padding:0 0 10px;}
.cart-page .card h4{font-size:16px;color:var(--cart_item_name);font-weight:600;margin-bottom:5px;min-height:30px;}
.cart-page .comments li {font-size:12px; border:1px solid var(--cart_page_comments_items_border_color); border-radius:40px; position: relative; color:var(--cart_page_comments_items_text);float:left;margin:5px 5px 0px 0px; padding:3px 30px 3px 5px;}
.cart-page .comments li a {display:block; position: absolute; right:3px; top:2px;}
.cart-page .comments li a .fa {font-size:20px; color:var(--cart_page_comments_items_text);}
.cart-page .extra {margin-bottom:10px;}
.cart-page .extra li {font-size:12px; background-color:var(--cart_page_extra_items_background_color); border-radius:40px; position: relative; color:var(--cart_page_extra_items_text);float:left;margin:5px 5px 0px 0px; padding:3px 30px 3px 5px;}
.cart-page .extra li a {display:block; position: absolute; right:3px; top:2px;}
.cart-page .extra li a .fa {font-size:20px;color:var(--cart_page_extra_items_text);}

.cart-page .total-price {font-size:12px; font-weight:600; color:var(--cart-page-extra);}
.cart-page .total-price .price{font-size:18px;font-weight:700;color:var(--cart_item_price_color);padding:5px 0px 0;display:block;}
.cart-page .total-price .price em{font-size:13px;}

.cart-page .extra-price{font-size:12px;font-weight:600;color:var(--cart_page_extra_price);}
.cart-page .extra-price span{font-size:16px;font-weight:700; display: block;color:var(--cart_page_extra_price); padding-top:5px;}
.cart-page .item-select-block .icon-btn{width:28px;height:28px;padding:4px 7px;background-color:var(--cart_page_plus_button_color)!important;border-color:var(--cart_page_plus_button_color)!important;}
.cart-page .item-select-block .icon-btn .fa{color:var(--cart_page_plus_button_icon_color);font-size:16px;font-weight:400;line-height:20px;margin:auto;display:block}
.cart-page .item-select-block .form-control{font-size:14px;font-weight:700;color:#000;text-align:center;border:0px;border-radius:0px;padding:0px;height:28px;width:34px;background:none !important;box-shadow:none!important;outline:none!important;}
.cart-page textarea.form-control{font-size:13px;color:var(--cart_textarea_text_color);border:0px;background-color:var(--cart_textarea_background_color);height:40px;padding:10px;box-shadow:none!important;outline:none!important;}

/* page-scrolled
--------------------------------------------------------------------------------------------------------*/
.page-scrolled .top-header{background-color:var(--scroll_header_background_color);}
.page-scrolled .nav-icon{background-color:var(--scroll_header_background_color);}
.page-scrolled .item-list{padding-top:80px;}
.page-scrolled .item-list-title{background-color:var(--fixd_item-list-title_background_color);box-shadow:0 5px 5px rgb(0 0 0 / 15%);}
.page-scrolled .item-list-title h2,.page-scrolled .item-list-title .back-btn .fa{color:var(--fixd_item-list-title_text_color);}
.extra-item-block{background-color:var(--extra_bg_color);border-radius:6px;box-shadow:0px 5px 16px 0px rgba(122,122,122,0.2);}
.extra-item-block .modal-title{color:#000;font-weight:700;text-align:center;font-size:16px;padding:10px;}
.extra-option-list{text-align:center;padding-bottom:10px;}
.extra-option-list li{margin:5px;display:inline-block;}
.extra-option-list li .item-name{font-size:13px;font-weight:600;color:var(--extra_button_normal_font_color);background-color:var(--extra_button_normal_bg_color);cursor:pointer;border-radius:40px;padding:5px 10px;}
.extra-option-list li .item-name span{color:var(--extra_button_normal_font_color);font-size:12px;font-weight:600;margin-left:10px;}
.extra-option-list li .custom-control-input:checked~.item-name{background-color:var(--extra_button_selection_bg_color);color:var(--extra_button_selection_bg_font_color);box-shadow:0px 2px 6px 0px rgba(122,122,122,0.2);}
.extra-option-list li .custom-control-input:checked~.item-name span{color:var(--extra_button_selection_bg_font_color);}
.extra-price-block{text-align:center;padding:10px;}
.extra-item-block .total-extra-price{font-size:20px;color:var(--total_extra_price);font-weight:700;vertical-align:bottom;padding-bottom:0;}
.extra-item-block .total-extra-price em{font-size:13px;color:var(--total_extra_price_text);font-weight:700;vertical-align:bottom;}

/* landing-page
--------------------------------------------------------------------------------------------------------*/
.landing-page .top-header {max-width:100% !important;}
.landing-page .desktop-background-images{background:url("../images/desktop-bg-img.jpg") no-repeat top center /cover;height:100vh;}

.menu-btn-block {margin: auto; position: fixed;top:0px;bottom:0px;left:0;right:0px;z-index:9;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;}
.branch-menu {display: block; background-color:var(--branch_menu_button_background_color); color:var(--branch_menu_button-text); width:200px; height:60px; margin:20px;  font-size:20px; font-weight:700; text-align:center; border-radius:10px; box-shadow: 0 5px 5px hsl(0deg 0% 0% / 25%); padding:21px 0px; transition:all 0.3s;}
.reservation-menu {color:var(--reservation_menu_button-text); background-color:var(--reservation_menu_button_background_color);}
.modal-open.branch-menu, .branch-menu:hover{border-radius:60px;}

.branch-menu-modal .modal-dialog {max-width:360px; }
.branch-menu-modal .modal-content {background:none; border-radius:0px; border:0px; box-shadow:none;}
.branch-menu-modal .modal-footer {border:0px;}
.branch-menu-modal .card {position: relative; background:none; text-align:center;} 
.branch-menu-modal .card .card-header {background-color:var(--branch_area_background_color); color:var(--branch_area_text_color); font-weight:600; display: table; min-width:70%; position: relative; z-index:2; margin:0 auto; padding:20px 40px; border-radius:60px; border:0px; text-align:center; box-shadow: 0px 6px 9px 0px rgba(0, 0, 0, 0.06);}
.branch-menu-modal .card .card-body {margin-top:-30px; border-radius:6px; background-color:var(--branch_list_background_color);  padding:40px 30px 20px; }
.branch-menu-modal .card .card-body .branches {color:var(--branch_list_text_color); padding:20px 15px; display: block; border-bottom:1px solid var(--branch_list_border_bottom_color);}
.branch-menu-modal .card .card-body .branches:last-child {border-bottom:0px;} 

.branch-menu-modal .card{display:none;visibility:hidden;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;transition:all 0.25s;}
.branch-menu-modal.show .card {display:block;visibility:visible;-webkit-animation-name:branch-menu-modal;animation-name:branch-menu-modal;}
@keyframes branch-menu-modal{
	0%{opacity:0;transform:translateY(100%); margin-top:-150px;}
	100%{transform:translateY(0);opacity:1;margin-top:0px;}
}

/* reservation 
--------------------------------------------------------------------------------------------------------*/
.available-reservation-times .title {font-size:18px; color:var(--available_reservation_times_title_text_color); text-align: center;}
.times-zone {font-size:16px; font-weight:600; color:var(--times_zone_text_color); line-height:44px; text-align: center; margin-bottom:10px;  display: block; width:100%; height:44px; border-radius:50px !important; background-color:var(--times_zone_background_color); box-shadow: 0 2px 5px rgba(0,0,0,.2) !important;}
.times-zone.active {background-color:var(--active_times_zone_background_color); color:var(--active_times_zone_text_color);}

.qr-code {max-height:100px; max-width:100px;}
.reservation-info {margin-bottom:30px;}
.reservation-info li {font-size:14px; color:var(--reservation_info_text_color); text-align: center; padding:8px 15px; display: block;}
.reservation-info li span {font-weight:700;}
.thanks-text {font-size:30px; color:var(--thanks_text_color); font-weight:700; text-align: center;}

.btn-confirm {background-color: var(--btn_confirm_background_color)!important; border-color: var(--btn_confirm_border_color)!important;}
.available-reservation-search-btn {border-color: var(--available_reservation_search_btn_border_color);}
.available-reservation-search-btn span {color:var(--available_reservation_search_btn_text_color);}
.available-reservation-search-btn:focus, .available-reservation-search-btn:hover {background-color:var(--focus_available_reservation_search_btn_text_background_color) !important; border-color: var(--available_reservation_search_btn_border_color) !important;}
.available-reservation-search-btn:focus span, .available-reservation-search-btn:hover span {color:var(--focus_available_reservation_search_btn_text_color);}

.time-zone {text-align:center; padding:10px 0px;}
.time-zone li {margin:5px;display:inline-block;}
.time-zone li .item-name {font-size:16px;font-weight:600;color:var(--time_zone_button_normal_font_color);background-color:var(--time_zone_button_normal_bg_color);cursor:pointer;border-radius:40px;padding:6px 10px;}
.time-zone li .custom-control-input {z-index:2;}
.time-zone li .custom-control-input:checked~.item-name{background-color:var(--time_zone_button_selection_bg_color);color:var(--time_zone_button_selection_bg_font_color);box-shadow:0px 2px 6px 0px rgba(122,122,122,0.2);}

.terms-and-conditions {padding-left:20px;}
.terms-and-conditions li {font-size:13px; padding:5px 5px 5px 0px;list-style: disc;}

/* Responsive 
--------------------------------------------------------------------------------------------------------*/
@media (max-width:991px){
	.desktop-background-images:not(.loading-page .desktop-background-images){display:none;}
	.main-content,.wrapper,.top-header,.category-carousel,.item-list-title{max-width:100% !important;}
	body{background-image:none;}
	.wrapper{background-size:auto 600px;}
	.main-content {padding-bottom:50px;}
}
@media (max-width:767px){
	.landing-page .desktop-background-images {background-image:url("../images/mobile-bg-img.jpg");}
}

@media (max-width:480px){
	.cart-page .card .card-body {padding:5px;}
	.cart-page .card .product-img {width:80px; height:80px;}
}