* { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
header, nav, section, aside, footer { display: block }
body { font-size: 14px; color: #202020; font-family: 'Ubuntu', sans-serif; padding: 0px 0px !important; font-weight: 300; overflow-x: hidden }
html, body { margin: 0px; }
h1, h2, h3, h4, h5, h6 { font-weight: 500; line-height: normal; margin: 0px 0px 15px 0px; }
h1 { font-size: 36px }
h2 { font-size: 32px }
h3 { font-size: 22px }
h4 { font-size: 19px }
h5 { font-size: 17px }
h6 { font-size: 16px }
.light { font-weight: 300 !important; font-weight: normal }
.regular { font-weight: 400 !important; font-weight: normal }
.medium, b, strong { font-weight: 500 !important; }
.small { font-size: 12px }
img { border: 0px; max-width: 100%; height: auto }
p { margin: 0px 0px 20px 0px; line-height: 22px; color: #000 }
a { color: #fc8019; cursor: pointer !important }
a:hover { color: #000 }
a, input, select, textarea, button, input[type="submit"], input[type="reset"], label, label:before { -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; -webkit-transition: all 0.2s ease; }
a i, .btn i, button i, .choice_drag.ui-draggable-dragging { -moz-transition: all 0s ease; -o-transition: all 0s ease; transition: all 0s ease; -webkit-transition: all 0s ease; }
.popover-content, .popover.left>.arrow, .note, input[type="radio"] + label.radio:after, .nav-tabs>li>a:after { -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; }
a:focus, button:focus, input[type="submit"]:focus, input[type="reset"]:focus, select:focus, input[type="button"], input:focus, textarea:focus { outline: 0 !important; }
button, input[type="submit"], input[type="reset"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; outline: none !important }
input, select, textarea, button, input[type="submit"], input[type="reset"], .form-control { font-family: 'Ubuntu' !important; font-size: 14px }
.reset, ul { margin: 0px; padding: 0px; list-style: 0px; list-style-type: none }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { display: none; }
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:active, input:-webkit-autofill:focus { background-color: #FFFFFF !important; -webkit-box-shadow: 0 0 0 1000px white inset !important; font-family: 'Ubuntu' !important; }
.btn { display: inline-block; outline: none !important; text-align: center; cursor: pointer; padding: 0px 22px; min-width: 100px; text-decoration: none; color: #fff; font-weight: 400; border: 0px; cursor: pointer; border-radius: 100px; height: 44px; line-height: 44px; text-transform: uppercase; font-size: 14px; font-weight: 700; background: #3BA04B; position: relative; box-shadow: none !important }
.btn:hover, .btn:active, .btn:focus { background: #3B644B; color: #fff !important }
.btn:focus { color: #fff; outline-offset: 0px; outline: none; border: 0px; }
.btn.grey { background: rgba(144, 144, 151, 1); color: #fff !important }
.btn.grey:hover, .btn.grey:focus, .btn.grey:active { background: rgba(112, 110, 119, 1); }
.btn.light { background: #E4E6EA; color: #757678 }
.btn.light:hover, .btn.light:focus, .btn.light:active { background: #CDCFD3; color: #333 }
.btn.green { background: #62BD45; color: #fff }
.btn.green:hover, .btn.green:focus, .btn.green:active { background: #1B9B39; color: #fff }
.btn.green.line { background: none; color: #29B749; border: 1px solid #62BD45 }
.btn.green.line:hover, .btn.green.line:focus, .btn.green.line:active { background: #62BD45; color: #fff }
.btn.white { background: #fff; color: #333 }
.btn.white:hover, .btn.white:focus, .btn.white:active { background: #CFD1D4; color: #333 }
.btn.line { color: #3BA04B; border: 1px solid #3BA04B; background: none; line-height: 42px }
.btn.line:hover, .btn.line:focus, .btn.line:active { background: #3BA04B; color: #fff !important }
.btn.full { width: 100% }
.btn.submit { font-size: 16px }
.btn.small { height: 38px; line-height: 36px; min-width: 80px; padding: 0px 15px; font-size: 13px; font-weight: 500 }
.btn.small i.la-plus-circle { line-height: 37px }
.btn.icon i { position: absolute; line-height: 20px; right: 10px; top: 50%; margin-top: -10px; }
.btn i.la-plus-circle { float: left; line-height: 43px; margin-right: 5px; }
body .bootstrap-select .dropdown-toggle:focus, body .bootstrap-select>select.mobile-device:focus+.dropdown-toggle { outline: none !important }
.vh { height: 100vh; }
.block { display: block; width: 100% }
.clear { clear: both; }
.relative { position: relative; }
.mb5 { margin-bottom: 5px !important }
.mb10 { margin-bottom: 10px !important }
.mb15 { margin-bottom: 15px !important }
.mb20 { margin-bottom: 20px !important }
.mb30 { margin-bottom: 30px !important }
.mb40 { margin-bottom: 40px !important }
.mt10 { margin-top: 10px !important }
.mt15 { margin-top: 15px !important }
.mt20 { margin-top: 20px !important }
.mt25 { margin-top: 25px !important }
.mt30 { margin-top: 30px !important }
.mt40 { margin-top: 40px !important }
.mt0 { margin-top: 0px !important }
.mb0 { margin-bottom: 0px !important }
.mar0 { margin: 0px !important }
.pt0 { padding-top: 0px !important }

/*Radio*/
input[type="radio"] + label.radio { cursor: pointer; position: relative; padding-left: 22px; margin: 0px; clear: both; display: inline-block !important; float: none !important; line-height: 20px; text-align: left; cursor: pointer; color: #333; text-transform: none !important; width: auto }
input[type="radio"] + label.radio:before { content: ""; width: 16px; height: 16px; position: absolute; top: 1px; left: 0px; border-radius: 100px; border: 2px solid #CCCED2; background: #fff }
input[type="radio"]:checked + label.radio:before { border: 2px solid #62BD45; font-size: 11px; color: #62BD45 }
input[type="radio"] + label.radio:after { content: ""; position: absolute; left: 4px; top: 5px; width: 8px; height: 8px; background: #62BD45; border-radius: 100px; transform: scale(0); visibility: hidden; opacity: 0; }
input[type="radio"]:checked + label.radio:after { transform: scale(1); visibility: visible; opacity: 1; }
.radio_group label.radio { display: inline-block !important; margin-right: 15px !important }
input[type="radio"] + label.radio.style1 { line-height: 42px; color: #666 }
input[type="radio"] + label.radio.style1:before { top: 13px }
input[type="radio"] + label.radio.style1:after { top: 17px }
.group input[type="radio"] + label.radio { margin: 0px 10px 10px 0px; }
.form-group.group { margin-bottom: 5px }
.radio_options label { float: left; width: 50%; border: 1px solid #CCCED2; border-left: 0px; text-align: center; padding: 0px 10px; line-height: 35px; color: #666; cursor: pointer; margin: 0px }
.radio_options label:nth-child(2) { border-radius: 4px 0px 0px 4px; border-left: 1px solid #CCCED2 }
.radio_options label:last-child { border-radius: 0px 4px 4px 0px }
.radio_options input[type="radio"]:checked + label { background: #EAEBEF; color: #000; }
.switch { display: inline-block; }
.switch label { display: inline-block; position: relative; width: 50px; height: 28px; margin: 0px; background: #E7E9ED; border-radius: 100px; transition: 0.3s; cursor: pointer; }
.switch label::before { content: ""; background: #ffffff; border-radius: 100px; transition: 0.3s; position: absolute; left: 5px; top: 4px; width: 20px; height: 20px; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4); }
.switch input[type="checkbox"]:checked + label { background: #62BD45 }
.switch input[type="checkbox"]:checked + label::before { left: 25px; }

/*Checkbox*/
input[type="checkbox"] + label.checkbox { cursor: pointer; position: relative; padding-left: 25px; margin: 0px; clear: both; display: inline-block !important; float: none !important; line-height: 16px; text-align: left; cursor: pointer; color: #202020; text-transform: none !important; width: auto }
input[type="checkbox"] + label.checkbox:before { content: "\f171"; font-family: "Flaticon"; width: 16px; height: 16px; position: absolute; top: 0px; left: 0px; border-radius: 2px; border: 2px solid #C6C9CF; background: #fff; line-height: 12px; font-size: 0px; text-align: center; }
input[type="checkbox"]:checked + label.checkbox:before { border: 2px solid #62BD45; font-size: 11px; color: #fff; background: #62BD45; }
.form-group, .form-group label, .actions { float: left; width: 100%; position: relative; }
.form-control { height: 44px; padding: 0px 15px; line-height: 44px; border-radius: 100px; border: 0; width: 100%; color: #333; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; box-shadow: none; -webkit-box-shadow: none; border: 1px solid #C6C9CF; }
.form-control:focus { border-color: #C6C9CF; outline: 0; -webkit-box-shadow: none; box-shadow: none; }
input[type="password"].form-control { font-size: 17px; letter-spacing: 2px; }
textarea.form-control { margin-top: 0px; margin-bottom: 0px; height: 80px; line-height: 17px; padding: 10px; white-space: normal; width: 100% !important; overflow: auto; font-size: 13px; border-radius: 4px }
.form-group { margin-bottom: 15px }
.form-group.icon .form-control { padding-left: 45px }
.form-group.icon label.float-label { margin: 0px; position: absolute; top: 0px; left: 0px; cursor: text; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 11; width: auto; height: 44px; line-height: 44px; color: #808080; padding: 0px 10px; line-height: 44px; display: inline-block; transition: 0.2s; padding-left: 0; width: auto; background: none; left: 45px; }
.form-group.icon label i { position: absolute; top: 0px; width: 30px; text-align: center; line-height: 44px; font-size: 21px; left: 10px; color: #a0a3a8; }
.form-group.icon label i.lni-lock { font-size: 18px }
.form-group.icon label i.la-search { -webkit-transform: scaleX(-1); transform: scaleX(-1); line-height: 46px; }
.form-group.icon label i.fi { font-size: 16px; }
.form-group.has-value.icon label span.grey, #table_booking .form-group.icon.has-value label.float-label { background: #fff; background: -moz-linear-gradient(top, rgba(243, 245, 249, 1) 0%, rgba(255, 255, 255, 1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(243, 245, 249, 1)), color-stop(100%, rgba(255, 255, 255, 1))); background: -webkit-linear-gradient(top, rgba(243, 245, 249, 1) 0%, rgba(255, 255, 255, 1) 100%); background: -o-linear-gradient(top, rgba(243, 245, 249, 1) 0%, rgba(255, 255, 255, 1) 100%); background: -ms-linear-gradient(top, rgba(243, 245, 249, 1) 0%, rgba(255, 255, 255, 1) 100%); background: linear-gradient(to bottom, rgba(243, 245, 249, 1) 0%, rgba(255, 255, 255, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f5f9', endColorstr='#ffffff', GradientType=0); }
.form-group.action.icon .btn i { position: absolute; right: 15px; top: 0px; line-height: 44px; font-size: 21px; }
.form-control:disabled, .form-control[readonly] { background-color: #ffffff; opacity: 1; }
.full_row, .radio_options { float: left; width: 100%; }
.container { max-width: 1300px; width: 100%; padding: 0px 40px }
.hide { display: none }
.grey { color: #808080 }
.black { color: #202020 }

/*Header*/
.site_header { position: fixed; left: 0px; top: 0px; right: 0px; padding: 0px; height: 70px; z-index: 100; line-height: 70px; text-align: right; font-size: 13px; background: #3BA04B }
.home .site_header { background: none; }
.home .site_header.fixed { background: #3BA04B; }
.modal-open .site_header { padding-right: 17px; transition: none }
.top_menu li { float: left; position: relative; margin-left: 30px; display: none; }
.top_menu li.login, .home .top_menu li { display: block; }
.top_menu a, header .toggle { display: inline-block; color: #fff !important; text-transform: uppercase; font-weight: 500; text-decoration: none; line-height: 25px }
.top_menu a:hover, header .toggle:hover { opacity: 0.8; }
.top_menu a i { font-size: 16px; float: left; line-height: 24px; margin-right: 7px }
.top_menu a i.la-question-circle { font-size: 22px }
.listing .location.form-group { display: block }
.location.form-group { width: 300px; margin: 15px 0px 0px 50px; display: none; }
.location.form-group .form-control { border-radius: 0px; background: none !important; border: 0px; color: #fff !important; padding-left: 25px; padding-right: 0px; border-bottom: 1px solid #fff; height: 35px; line-height: 35px }
.location.form-group label i { left: 0px; color: #fff; opacity: 1; text-align: left; height: 35px; line-height: 35px }
header .how_works .dropdown-menu { padding: 0px; width: 500px; left: 50% !important; margin-left: -250px !important; overflow: hidden; }
header .how_works li { border-top: 1px solid #D4D6DC; margin: 0px; position: relative; padding: 10px 20px 10px 80px; font-size: 13px; float: left; width: 100%; }
header .how_works li:first-child { border: 0px }
header .how_works li i { position: absolute; left: 15px; top: 50%; font-size: 28px; color: #77797c; width: 50px; height: 50px; line-height: 50px; text-align: center; margin-top: -25px; }
header .how_works li:last-child { background: #F3F5F9; padding: 0px }
header .how_works li:last-child i { position: static; float: right; width: auto; height: auto; line-height: 25px; margin: 0px 0px 0px 9px; font-size: 19px; }
header .how_works li a { float: right; color: #808080 !important; text-transform: none; padding: 10px 20px; width: 100%; text-align: right }
header .how_works li a:hover { color: #202020 !important }
header .tab-content .tabs { transition: opacity .15s linear; height: 0; overflow: hidden; opacity: 0; }
header .tab-content .tabs.show { opacity: 1; display: block; height: auto; }
header .dropdown { margin-left: 30px !important; position: relative; float: left; }
header .bootstrap-select { float: left !important; width: 80px !important; }
header .bootstrap-select .btn { background: none !important; color: #fff !important; padding: 0px; height: auto; line-height: 25px; text-transform: uppercase; font-weight: 500; font-size: 13px; outline: none !important; top: -2px; border: 0px }
header .bootstrap-select .dropdown-toggle::after, header .bootstrap-select .dropdown-toggle::before { display: none }
header .bootstrap-select i, header .bootstrap-select .dropdown-menu span:first-child { width: 20px; height: 20px; float: left; margin-right: 5px; position: relative; top: 2px; background: url(../img/lang.png) no-repeat }
header .bootstrap-select i.en, header .bootstrap-select .dropdown-menu span.en { background-position: top }
header .bootstrap-select i.ar, header .bootstrap-select .dropdown-menu span.ar { background-position: bottom }
header .bootstrap-select .dropdown-menu { width: 140px }
header .bootstrap-select .dropdown-menu li a { padding: 8px 10px; background: none; color: #202020; line-height: normal; font-size: 13px; text-transform: uppercase }
header .bootstrap-select .dropdown-menu li a:hover { background: #E5E7EB }
header .bootstrap-select .dropdown-menu li a span { top: 0px; line-height: 22px; margin-right: 8px; font-size: 13px }
header .toggle i { font-size: 16px; margin-left: 5px }
header .dropdown-menu { border: 0px; border-radius: 4px; margin: 15px 0px; width: 230px; padding: 5px 0px; box-shadow: 0px 0px 5px rgba(99, 101, 113, 0.2); display: block; opacity: 0; visibility: hidden; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; -webkit-transition: all 0.2s ease; right: 0px !important; left: auto !important; transform: inherit !important; top: 100% !important; }
header.fixed .dropdown-menu { border-radius: 0px 0px 4px 4px }
header .show .dropdown-menu, header .open .dropdown-menu { opacity: 1; visibility: visible; margin: 0px; }
header .acc_menu ul a { line-height: 38px; float: left; width: 100%; font-size: 13px; color: #333; padding: 0px 15px 0px 48px; text-decoration: none; position: relative; }
header .acc_menu ul a:hover { color: #3BA04B; background: #E5E7EB }
header .acc_menu ul i { font-size: 21px; position: absolute; left: 15px; top: 50%; line-height: 30px; margin-top: -15px; }
header .acc_menu ul i.la-clock-o { font-size: 22px }
.top_cart { color: #fff !important; float: left; margin-left: 30px; line-height: 68px; position: relative; }
.top_cart .fi { font-size: 22px }
.top_cart span { position: absolute; bottom: 17px; font-size: 12px; padding-left: 2px; right: -10px; width: 18px; height: 18px; line-height: 18px; border-radius: 100px; text-align: center; font-weight: 500; }
.home .top_cart span { background: #3BA04B; color: #fff }
.fixed .top_cart span, .top_cart span { background: #fff; color: #202020 }

/*Banner*/
.banner { float: left; width: 100%; text-align: center; padding: 160px 0px 60px 0px; position: relative; background-position: center; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease; transition: all 0.8s ease; -webkit-transition: all 0.8s ease; }
.banner * { color: #fff }
.banner:before { content: ""; position: absolute; left: 0px; top: 0px; height: 100%; width: 100%; background: #000e2e; opacity: .65; }
.banner .container { position: relative; z-index: 9; max-width: 100%; }
.banner h1 { font-weight: 300 !important; font-size: 42px; margin-bottom: 30px }
.banner h1 span { font-weight: 500; }
.banner p { font-size: 20px; font-weight: 300; margin-bottom: 30px }
.search_form { max-width: 700px; margin: 0 auto; display: inline-block; margin-bottom: 80px; width: 100%; background: #fff; position: relative; border-radius: 100px; padding-right: 128px; transition: 0.5s; }
.search_form .form-control { height: 56px; border: 0px; padding: 0px 40px 0px 45px; font-size: 15px; color: #202020; line-height: 56px; position: relative; background: none; }
.search_form .form_group { float: left; width: 100%; position: relative; }
.search_form .fi { position: absolute; color: #000; opacity: 0.5; font-size: 22px; left: 15px; height: 30px; line-height: 30px; top: 50%; margin-top: -15px; }
.search_form .fi.gps { left: auto; right: 0px; width: 40px; padding-right: 5px; text-align: center; height: 56px; line-height: 56px; top: 0px; margin: 0px; }
.search_form .fi.gps:hover { color: #3BA04B; opacity: 1; cursor: pointer; }
.search_form.services .form_group { width: 40%; display: block; }
.search_form.services .form_group:first-child { width: 60%; }
.search_form.services .form_group:first-child::after { content: ""; position: absolute; right: 0px; top: 0px; height: 100%; width: 1px; background: #BFC1C4; }
.search_form .bootstrap-select { width: 100% !important; }
.search_form .bootstrap-select .dropdown-toggle::after { display: none }
.search_form .bootstrap-select .btn { background: none !important; border: 0px; position: relative; padding: 0px 20px 0px 43px; height: auto; line-height: 56px; text-transform: uppercase; font-weight: 500; font-size: 13px; outline: none !important; }
.search_form .bootstrap-select .btn::before { font-family: "LineAwesome"; content: "\f110"; color: #000; position: absolute; right: 15px; font-size: 15px; line-height: 56px }
.search_form .bootstrap-select.show .btn::before { content: "\f113" }
.search_form .bootstrap-select .btn * { color: #202020 !important; font-size: 15px; text-transform: capitalize; font-weight: 400; }
.search_form .bootstrap-select i, .search_form .dropdown-menu a span:first-child { width: 20px; text-align: right; position: absolute; left: 15px; top: 0px; line-height: 56px; height: 56px; font-size: 22px !important; margin-top: 0px; opacity: 0.6; }
.search_form .bootstrap-select i.grocery:before, .search_form .bootstrap-select span.grocery { padding-left: 2px }

/* .search_form .bootstrap-select i.grocery, .search_form .dropdown-menu a span:first-child::before{font-family: "Flaticon"; opacity: 0.9; font-size: 22px}
.search_form .bootstrap-select i.restaurants:before, .search_form .bootstrap-select span.restaurants:before{content: "11d"}
.search_form .bootstrap-select i.laundry:before, .search_form .bootstrap-select span.laundry:before{content: "17c"}
.search_form .bootstrap-select i.others:before, .search_form .bootstrap-select span.others:before{content: "17d"; font-size: 21px !important} */
.search_form .show .dropdown-menu { opacity: 1; visibility: visible; margin: 0px; }
.search_form .dropdown-menu { border: 0px; border-radius: 0px 0px 4px 4px; margin: 15px 0px; width: 100%; max-width: 100% !important; padding: 5px 0px; box-shadow: none; display: block; opacity: 0; visibility: hidden; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; -webkit-transition: all 0.2s ease; right: 0px !important; left: auto !important; transform: inherit !important; top: 100% !important; padding-bottom: 8px }
.search_form .dropdown-menu a span:first-child { line-height: 38px; height: 38px; }
.search_form .bootstrap-select .dropdown-menu li * { color: #202020; font-size: 15px; }
.search_form .bootstrap-select .dropdown-menu li a { background: none; font-size: 15px; padding: 0px 0px 0px 43px; position: relative; line-height: 38px; }
.search_form .bootstrap-select .dropdown-menu li a:hover { background: #E5E7EB }
.search_form .btn.search { position: absolute; right: 7px; top: 7px; height: 42px; width: 120px; font-weight: 500; font-size: 16px; line-height: 42px; padding: 0px }
.banner ul.count { margin: 0px -15px; text-align: center }
.banner ul.count li { display: inline-block; padding: 0px 30px 0px 130px; text-align: left; position: relative; }
.banner ul.count li h4 { margin: 0px 0px 5px 0px; font-size: 28px; font-weight: 500; }
.banner ul.count li span { font-size: 15px; opacity: 0.7; }
.banner ul.count i { width: 64px; height: 64px; line-height: 64px; font-size: 26px; background: #3BA04B; text-align: center; float: left; border-radius: 100px; position: absolute; left: 50px; top: 0px }
.banner ul.count i.grocery { font-size: 27px; padding-left: 5px; }
.banner ul.count i.laundry { font-size: 28px }

/*Home*/
section.home { float: left; width: 100%; background: #fff; padding-bottom: 50px; position: relative; }
section.home h2 { margin-bottom: 10px; line-height: 40px }
section.offers { padding-top: 40px; padding-bottom: 0px; }
.offers .tab-content>.tab-pane { width: 100%; float: left; }
.offers .nav { border: 0px; text-align: center; float: right; margin-top: 15px; }
.offers .nav li { float: left; margin-left: 12px }
.offers .nav li a { width: 44px; height: 44px; line-height: 42px; float: left; border: 1px solid #999; border-radius: 100px; text-decoration: none; color: #808080; position: relative; }
.offers .nav a.active { border-color: #3BA04B; color: #fff; background: #3BA04B; }
.offers .nav a.active:after { content: ""; width: 0; height: 0; border-style: solid; border-width: 8px 6px 0 6px; border-color: #3BA04B transparent transparent transparent; position: absolute; left: 50%; top: 100%; margin-left: -6px; }
.offers .nav li i.grocery { padding-left: 5px; }
.offers .nav li i.laundry { font-size: 25px }
.offers .item img { border-radius: 4px }
.offers .owl-nav button { position: absolute; top: 50%; left: -22px; width: 44px; height: 44px; border-radius: 100px; background: #fff !important; margin-top: -22px; box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.3); font-size: 20px; text-align: center }
.offers .owl-nav button:hover { background: #E5E7EB !important; }
.offers .owl-nav button.owl-next { left: auto; right: -22px }
.offers .owl-nav button span { display: none }
.offers .owl-nav button:before { content: ""; font-family: LineAwesome; line-height: 44px; font-size: 22px }
.offers .owl-nav button.owl-prev:before { content: "\f111" }
.offers .owl-nav button.owl-next:before { content: "\f112" }
.offers_home .owl-nav { position: absolute; right: 15px; bottom: 15px; }
.offers_home .owl-nav button { position: static; float: left; margin-left: 10px }
.col-sm-4 .offers_home .owl-nav button { width: 34px; height: 34px; }
.col-sm-4 .offers_home .owl-nav button:before { line-height: 34px; font-size: 18px }
.bussiness { padding-top: 30px; padding-bottom: 40px }
.bussiness .col-sm-6 { padding-right: 25px }
.bussiness:before { position: absolute; height: 100%; right: -15px; top: 0px; width: 50%; content: ""; background: url(../img/bussiness.jpg) no-repeat left center; -webkit-background-size: 98%; -moz-background-size: 98%; -o-background-size: 98%; background-size: 98%; }
section.mobile { background: #F3F5F9; padding: 40px 0px; margin-top: 10px }
.app_download a { display: inline-block; margin-right: 10px }
.mobile_app { margin-top: -70px; margin-bottom: -70px; }
.mobile .form-group { max-width: 400px; position: relative; }
.mobile .form-group .form-control { padding-right: 120px; }
.mobile .form-group .btn { position: absolute; top: 5px; right: 5px; height: 34px; line-height: 34px; width: 110px; padding: 0px; z-index: 11; }
.mobile .col-sm-6:last-child { padding-top: 30px }
ul.list { margin-bottom: 10px; float: left; width: 100% }
ul.list li { float: left; width: 100%; position: relative; padding-left: 35px; margin-bottom: 15px }
ul.list li:before { content: "\f17c"; font-family: LineAwesome; position: absolute; left: 0px; font-size: 21px; color: #3BA04B; top: -1px; line-height: normal }
.logo.grey { max-width: 148px }

/*Bootstrap Select*/
.bootstrap-select { width: 100% !important }
.bootstrap-select>.dropdown-toggle { background: #fff !important; color: #202020 !important; font-weight: 400; text-transform: none; font-size: 14px; height: 44px; line-height: 42px; padding: 0px 15px; border: 1px solid #C6C9CF; padding-right: 25px; z-index: 10; }
.bootstrap-select>.dropdown-toggle:after { display: none }
.bootstrap-select>.dropdown-toggle:before { content: "\f110"; font-family: LineAwesome; position: absolute; line-height: 42px; top: 0px; right: 12px; font-size: 15px; }
.bootstrap-select.show>.dropdown-toggle:before { content: "\f113"; }
.bootstrap-select .dropdown-menu li a { padding: 8px 15px; font-size: 14px; line-height: normal; color: #333 }
.bootstrap-select .dropdown-menu li a:hover, .bootstrap-select .dropdown-menu li a.active { background: #f3f5f9; color: #202020 }
.bootstrap-select .dropdown-menu { z-index: 9; min-width: auto !important; width: 100%; }
.site_footer { float: left; width: 100%; padding: 40px 0px }
.social_links li { float: left; line-height: 50px; margin-left: 10px; margin-top: 10px }
.social_links li a { line-height: 30px; height: 30px; float: left; width: 30px; border: 1px solid #202020; text-align: center; border-radius: 100px; opacity: 0.4; color: #000; text-decoration: none }
.social_links li a:hover { opacity: 1; }
.footer_links { border: 1px solid #D4D6DC; border-right: 0px; border-left: 0px; margin: 20px 0px 30px 0px; padding: 8px 0px; text-align: center }
.footer_links li { display: inline-block; margin: 5px 30px }
.footer_links li a { text-decoration: none; color: #202020; opacity: 0.65; display: block; font-weight: 400; text-transform: capitalize }
.footer_links li a:hover { opacity: 1; }
.detail_page .footer_links li { margin: 5px 26px; }

/*Listing*/
.site_page { background: #F3F5F9; padding-top: 70px; min-height: 500px }
.listing .site_header .container { max-width: 100%; }
.offers.listing_offers { padding: 40px; float: left; width: 100% }
body.sticky { padding-top: 55px !important }
.sorting { padding: 6px 40px; background: #fff; border: 1px solid #D4D6DC; border-left: 0px; border-right: 0px; z-index: 98; }
.sticky .sorting { position: fixed; top: 69px; left: 0px; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.13) }
.category_menu li { float: left; margin: 0px 20px }
.category_menu li:first-child { margin-left: 0px }
.category_menu li:first-child i { margin-right: -5px }
.category_menu li i { float: left; line-height: 40px; width: auto; color: inherit }
.category_menu li a { line-height: 40px; display: block; height: 40px; text-decoration: none; color: #000; opacity: 0.6; position: relative; float: left; }
.category_menu li a span { font-weight: 500; float: left; margin-left: 12px; }
.category_menu li a.active, .category_menu li a:hover { color: #ED2490; opacity: 1; }
.category_menu li a:after { transition: 0.3s; content: ""; position: absolute; height: 2px; width: 2px; bottom: -7px; left: 50%; margin-left: -1px }
.category_menu li a.active:after { background: #3BA04B; width: 100%; left: 0px; margin: 0px }
.category_menu li .tools { font-size: 22px }
.category_menu li .grocery { line-height: 38px }
.sorting .bootstrap-select div.dropdown-menu { top: 100% !important; right: 0px !important; left: auto !important; border-top: 0px; border-radius: 0px 0px 4px 4px; box-shadow: 0px 0px 5px rgba(99, 101, 113, 0.2); border-color: #ccc; margin: 6px 0px; overflow: visible !important; min-width: 230px !important; transform: inherit !important; }
.sorting .bootstrap-select div.dropdown-menu:before { content: ""; position: absolute; left: 0px; top: -5px; height: 5px; width: 100%; background: #fff; }
.sorting .bootstrap-select>.dropdown-toggle { border: 0px; height: 40px; line-height: 55px; }
.sorting .dropdown-toggle .filter-option { margin-right: 15px; font-weight: 500 }
.sorting .filter-option-inner-inner:before { content: "Sort By"; font-family: 'Ubuntu', sans-serif; position: absolute; top: 4px; line-height: normal; font-weight: 400; text-transform: uppercase; font-size: 11px; color: #808080; }
.sorting .bootstrap-select>.dropdown-toggle:before { line-height: 54px }
section.listing { position: relative; border-bottom: 1px solid #D4D6DC }
.vendor_search, .filter_list { padding-left: 30px }
.vendor_search h2 { font-weight: 300; font-size: 22px; margin: 0px; line-height: 44px; color: #666; float: left; width: calc(100% - 300px); padding-right: 40px }
.vendor_search h2 b { color: #202020 }
.vendor_search .form-group { width: 300px; margin: 0px }
.filter_list span { float: left; margin: 10px 10px 0px 0px; background: #E7E9EF; border-radius: 100px; padding: 3px 10px; position: relative; padding-right: 25px; font-size: 13px; transition: 0.2s; cursor: pointer; }
.filter_list span.clear { padding: 3px 5px; clear: inherit; background: none !important; text-transform: uppercase; font-weight: 500; font-size: 13px; opacity: 0.7; }
.filter_list span i { position: absolute; top: 50%; right: 0px; line-height: 28px; height: 28px; margin-top: -14px; font-size: 8px; cursor: pointer; width: 25px; text-align: center; opacity: 0.65; text-shadow: none; }
.filter_list span:hover a { opacity: 1 !important; }
.filter_list span:hover { background: #d6d9e0; opacity: 1; }
.filters { float: left; width: 300px; padding: 25px; position: fixed; background: #fff; right: -100%; top: 0; z-index: 12; height: 100%; overflow: auto; z-index: 999; transition: 0.5s; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15); padding-bottom: 50px; padding-top: 50px; }
.filters h3 { font-size: 16px; text-transform: uppercase; line-height: 20px; margin: 0px 0px 0px 20px 0px; position: fixed; width: 300px; right: -100%; top: 0; background: #fff; padding: 15px 40px 15px 20px; transition: 0.5s; z-index: 1; }
.filters h3 span.reset { cursor: pointer; float: right; text-transform: capitalize; font-size: 13px; color: #ED2490 }
.filters h3 span.reset:hover { color: #202020 }
.filters h4 a { display: block; position: relative; color: #202020; text-decoration: none; font-size: 17px; padding: 12px 0px; border-top: 1px solid #d4d6dc; }
.filters h4 a:after { content: "\f113"; font-family: LineAwesome; position: absolute; right: 0px; top: 50%; font-size: 15px; line-height: 20px; margin-top: -10px; }
.filters h4 a.collapsed:after { content: "\f110"; }
.filter { float: left; width: 100%; margin-bottom: 12px }
.filter li { float: left; width: 100%; position: relative; margin-top: 12px }
.filter li:first-child { margin-top: 5px }
.filter li label { font-weight: 400; font-size: 13px; color: #333 !important; width: 100% !important; padding-right: 25px }
.filter li label span { float: right; color: #999; position: absolute; right: 0px; line-height: 20px; top: 50%; margin-top: -10px }
.filter.ratings li i { color: #CED1D7; font-size: 15px; margin-right: 1px }
.filter.ratings input[type="checkbox"]:checked + label.checkbox i { color: #F9C400 }
.vendor_list { width: 100%; padding: 10px 15px 40px 5px; float: right; }
.vendor_list .list { float: left; width: 25%; padding: 25px 0px 0px 25px }
.vendor_list .list a { text-decoration: none; color: #202020 }
.vendor_list .list.closed { -webkit-filter: grayscale(1); filter: grayscale(1); filter: gray; opacity: .7; }
.vendor_list .info { background: #fff; border-radius: 4px; overflow: hidden; position: relative; box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2) }
.vendor_list .img { position: relative; padding: 15px; float: left; width: 100%; background-position: center top; height: 160px; background-size: cover; background-repeat: no-repeat }
.vendor_list .img p { margin-bottom: 5px }
.vendor_list .img p span { display: inline-block; clear: both; font-size: 10px; font-weight: 500; padding: 0px 7px; border-radius: 4px; background: rgba(0, 0, 0, 0.6); color: #fff; line-height: 22px; text-transform: uppercase; }
.vendor_list .img p span.green { background: rgba(98, 189, 69, 0.8) }
.vendor_list .img p span.red { background: rgba(189, 69, 69, 0.7) }
.vendor_list .img .location { position: absolute; right: 15px; bottom: 10px; color: #fff; z-index: 1; font-weight: 500; font-size: 13px; line-height: 20px }
.vendor_list .img .location i { float: left; line-height: 20px; font-size: 16px; margin-right: 5px; }
.vendor_list .img:after { content: ""; position: absolute; left: 0px; bottom: 0px; height: 50px; background: url(../img/shadow-small.png) repeat-x bottom; width: 100% }
.vendor_list .fav { position: absolute; top: 169px; right: 10px; z-index: 9; text-align: center; }
.vendor_list .fav i { width: 24px; line-height: 26px; background: #fff; border-radius: 100px; height: 24px; cursor: pointer; color: #808080; font-size: 17px; display: inline-block }
.vendor_list .fav.added i:before { content: "\f233"; color: #E64C3C }
.vendor_list .vendor_logo { position: absolute; left: 15px; top: 100%; height: 70px; width: 70px; text-align: center; margin-top: -35px; z-index: 9; border-radius: 4px; overflow: hidden; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2); background: #fff; }
.vendor_list .vendor_logo img { max-height: 100%; max-width: 100%; width: auto; height: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; padding: 4px; }
.vendor_info { padding: 10px 10px 10px 10px; float: left; width: 100%; font-size: 13px; min-height: 109px; }
.vendor_info h3 { font-size: 16px; margin-bottom: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: 500; }
.vendor_info .desc { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 5px; }
.vendor_info .price { font-weight: 400; color: #666; margin: 0px; line-height: normal; font-size: 12px; white-space: nowrap; width: 100%; overflow: hidden; float: left; }
.vendor_info .price span { display: inline-block; position: relative; margin-left: 10px; font-size: 12px; }
.vendor_info .price span:first-child { margin: 0px }
.vendor_info .price span:first-child:before { display: none }
.vendor_info .price span:before { content: ""; position: absolute; left: -8px; top: 50%; margin-top: -1px; width: 3px; height: 3px; background: #666; border-radius: 100px; }
.vendor_info .review { margin-bottom: 0px; text-align: right; font-weight: 500; font-size: 11px; text-transform: uppercase; display: inline-block; width: 100%; padding-right: 30px; }
.vendor_info .review span { display: inline-block; line-height: 20px; float: right; height: 20px; background: #62BD45; border-radius: 4px; padding: 0px 5px; color: #fff; margin-left: 5px }
.vendor_info .review span i { float: left; font-size: 10px; line-height: 20px; margin-right: 3px; }
.ventor_footer { border-top: 1px solid #E4E6EB; padding: 10px 15px }
.ventor_footer .icons { line-height: 20px }
.ventor_footer .icons i { float: left; width: auto; margin: 0px 12px 0px 0px; line-height: 20px; font-size: 21px; color: #4060ac; }
.ventor_footer .icons i.scooter1 { position: relative; top: 2px }
.ventor_footer .offer { font-weight: 500; color: #3BA04B; font-size: 16px; line-height: 20px }
.ventor_footer .offer i { float: left; margin-right: 5px; font-size: 20px; }
.vendor_list .list.loader { width: 100%; text-align: center }
.vendor_list .list.loader img { width: 50px; }

/*Detail*/
div.mini_cart { position: fixed; top: 0px; right: -100%; transition: 0.5s; height: 100%; width: 300px; padding: 50px 0px 0px 0px; background: #fff; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15); font-size: 13px; z-index: 2; }
.open_cart div.mini_cart { right: 0px }
.empty_cart { position: absolute; max-width: 250px; width: 100%; text-align: center; left: 25px; top: 50%; margin-top: -150px; }
#mini_cart { position: fixed; right: 0px; top: 0px; height: 100%; width: 100%; z-index: 999; opacity: 0; visibility: hidden; transition: 0.5s; background: rgba(0, 7, 23, 0.3) }
.open_cart #mini_cart { opacity: 1; visibility: visible; }
.mini_cart .heading { position: absolute; top: 0px; left: 0px; width: 100%; padding: 0px 12px; line-height: 50px; background: #fff; z-index: 99; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15) }
.mini_cart .heading h5 { margin: 0px; line-height: 50px; font-size: 19px }
.mini_cart .heading h5 span { font-size: 13px; font-weight: 400; color: #808080; margin-left: 5px; }
.mini_cart .points { font-weight: 700; text-transform: uppercase; color: #3BA04B; font-size: 13px }
.mini_cart .points i { font-size: 22px; line-height: 50px; float: left; }
.mini_cart .points span { float: left; line-height: 26px; margin: 0px 5px; width: 34px; height: 34px; margin-top: 8px; text-align: center; background: #3BA04B; border-radius: 100px; color: #fff; font-weight: 600; border: 4px solid #FABCDD; font-size: 14px; }
.mini_total { position: absolute; left: 0px; bottom: 0px; width: 100%; padding: 12px; background: #fff; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15); z-index: 99; }
.mini_total .btn { border-radius: 4px; margin-top: 10px; letter-spacing: 0.02em }
ul.mini_cart { float: left; width: 100%; height: 100%; overflow: auto; padding-bottom: 140px }
ul.mini_cart li { float: left; width: 100%; padding: 10px 15px; border-top: 1px dashed #D4D6DC; position: relative; }
ul.mini_cart li.vendor { background: #787D86; color: #fff; line-height: normal; border: 0px; margin-bottom: -1px; position: relative; z-index: 9; padding-right: 80px; }
ul.mini_cart li.vendor h5 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 6px; font-size: 15px; }
ul.mini_cart li.vendor .img { border: 0px }
ul.mini_cart li .img { position: absolute; width: 40px; height: 40px; text-align: center; left: 12px; top: 10px; border-radius: 4px; background: #fff; overflow: hidden; border: 1px solid #D4D6DC }
ul.mini_cart li .img img { max-height: 100%; max-width: 100%; width: auto; height: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; padding: 3px; }
ul.mini_cart li p { margin: 0px 0px 4px 0px; font-weight: 400; line-height: 20px }
ul.mini_cart li p img { width: 11px; margin-right: 5px }
ul.mini_cart .customize { float: left; margin-left: 10px; text-decoration: none; color: #3BA04B; line-height: 22px; font-weight: 400; font-size: 12px }
ul.mini_cart .customize i { float: right; margin-left: 2px; font-size: 13px; line-height: 22px }
ul.mini_cart .price { float: right; font-weight: 400 }
.ingre-list { padding: 0px 0px 4px 0px; width: 100%; }
.ingre-list span { float: right; }
.qty_box { display: inline-block; border-radius: 4px; overflow: hidden; border: 1px solid #3BA04B; position: relative; }
.qty_box span { float: left; width: 20px; height: 28px; text-align: center; cursor: pointer; }
.qty_box span i { line-height: 28px; font-size: 14px; color: #3BA04B }
.qty_box .form-control { border: 0px; background: #3BA04B; border-radius: 0px; width: 18px; height: 28px; line-height: 28px; float: left; padding: 0px; text-align: center; color: #fff; font-weight: 400 }
.qty_box.small span, .qty_box.small .form-control { width: 22px; height: 22px; }
.qty_box.small span i { line-height: 22px }
.qty_box.small .form-control { line-height: 22px; width: 24px; font-size: 13px; padding-bottom: 2px }
.detail_page #mini_cart { opacity: 1; visibility: visible; background: none; width: 300px; z-index: 99; top: 70px; }
.detail_page #mini_cart div.mini_cart { right: 0px; top: 70px; }
.detail_page .mini_total { bottom: 70px }
.detail_page ul.mini_cart { padding-bottom: 200px }
.detail_page.modal-open { padding-right: 0px !important; }
.detail_page.modal-open .site_header { padding: 0px }
.detail_page .site_footer { padding-right: 300px }
.detail_page .top_cart { display: none }
.fav { position: absolute; top: 10px; right: 10px; z-index: 9; text-align: center; }
.fav i { width: 24px; line-height: 26px; background: #fff; border-radius: 100px; height: 24px; cursor: pointer; color: #808080; font-size: 17px; display: inline-block }
.fav.added i:before { content: "\f233"; color: #E64C3C }
section.detail { padding: 30px 40px 30px 40px; position: relative; background-position: center; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
section.detail::before { content: ""; position: absolute; left: 0px; bottom: 0px; background: url(../img/shadow.png) repeat-x bottom; width: 100%; height: 100%; }
.detail_page .site_page { padding-right: 300px }
.detail .vendor_logo { position: relative; z-index: 9; width: 140px; float: left; }
.detail .vendor_logo span { width: 140px; height: 140px; background: #fff; border-radius: 4px; position: relative; }
.detail .vendor_logo span img { max-height: 100%; max-width: 100%; width: auto; height: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; padding: 5px }
.detail .vendor_info { position: relative; z-index: 9; width: calc(100% - 140px); float: left; padding: 0px 0px 0px 30px; }
.detail .vendor_info * { color: #fff }
.detail .fav { top: 30px; right: 30px }
.vendor_status span { float: left; line-height: 18px; padding: 0px 7px; border-radius: 4px; margin-right: 8px; font-weight: 500; font-size: 10px; text-transform: uppercase }
.vendor_status span.tag { color: #202020 !important; background: #fff }
.vendor_status span.green { background: #62BD45 }
.vendor_status span.red { background: #DF2828 }
.vendor_status span.location { background: none; padding: 0px; margin-right: 15px; color: #fff !important; text-shadow: 0px 1px 3px #000 }
.vendor_status span.location i { float: left; line-height: 20px; margin-right: 5px; font-size: 16px }
.detail .vendor_info h1 { font-weight: 400; text-shadow: 0px 0px 7px rgba(0, 0, 0, 0.7); margin-bottom: 5px }
.detail .vendor_info .desc { text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.7); font-size: 15px; opacity: 0.8; padding-right: 120px; margin-bottom: 10px }
.user_features { float: left; width: calc(100% - 250px); padding-right: 30px }
.user_features li { float: left; padding-left: 50px; position: relative; }
.user_features li:first-child { padding: 0px }
.user_features li:first-child:before { display: none; }
.user_features li:before { content: ""; height: 40px; width: 1px; background: #fff; position: absolute; left: 25px; top: 2px; transform: rotate(22deg); }
.user_features span { display: block; font-weight: 500; font-size: 16px; line-height: 20px; height: 20px; }
.user_features span:last-child { font-weight: 400; font-size: 12px; opacity: 0.7; margin-top: 5px; line-height: normal }
.user_features span i { display: inline-block; line-height: 20px; height: 20px; margin-right: 10px; font-size: 20px }
.user_features span i.lni-emoji-smile { font-size: 18px }
.vendor_features { float: left; width: 250px; text-align: right; position: relative; }
.vendor_features .icons { position: absolute; right: 0px; top: -35px; }
.detail .ratings span { display: inline-block; margin-left: 10px; line-height: 20px; text-transform: uppercase; font-weight: 500; font-size: 10px }
.detail .ratings span i { float: left; line-height: 20px; margin-right: 7px; font-size: 18px }
.detail .ratings span b { background: #62BD45; float: left; line-height: 20px; border-radius: 4px; margin-right: 7px; padding: 0px 5px; }
.detail .ratings span b i { margin-right: 5px; font-size: 10px }
.vendor_features .icons i { display: inline-block; line-height: 20px; margin-left: 10px; width: auto; margin-bottom: 0px; font-size: 19px; height: 20px; }
.vendor_features .icons i.scooter1 { position: relative; top: 2px; }
.vendor_features .icons i.shopping-bag { font-size: 17px }
.detail_tabs { border: 0px !important }
.detail_tabs li { margin: 0px 15px }
.detail_tabs li:first-child i { margin-right: 0px }
.detail_tabs i.table, .detail_tabs i.dinner { font-size: 20px }
.item_details { padding: 0px 40px }
.item_details .tab-pane { padding: 30px 0px; position: relative; }
.item_details #items:before { content: ""; position: absolute; left: 250px; top: 0px; height: 100%; width: 1px; background: #D4D6DC; }
.item_details .tab-pane .container { padding: 0px; max-width: 850px; width: 100% }
.item_menu { float: left; width: 250px; text-align: right; }
.item_menu li a { display: block; padding: 5px 15px; text-decoration: none; color: #666; font-weight: 400; position: relative; }
.item_menu li.active a { color: #ED2490 }
.item_menu li a:after { content: ""; position: absolute; right: -1px; top: 50%; height: 0px; width: 2px; transition: 0.3s }
.item_menu li.active a:after { height: 100%; background: #ED2490; top: 0px }
.item_listing { float: left; width: calc(100% - 250px); padding-left: 40px }
.item_listing h3 { margin-bottom: 3px; display: inline-block; width: 100% }
.item_listing .desc { text-transform: uppercase; font-weight: 400; font-size: 13px; margin-bottom: 15px }
.offer_items { margin: 0px -15px }
.offer_items li { float: left; width: 50%; padding: 0px 15px 30px 15px; }
.offer_items .content { float: left; width: 100%; overflow: hidden; border-radius: 4px; background: #fff; box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2) }
.offer_items .img { position: relative; float: left; width: 100%; background-position: center; height: 160px; background-size: cover; background-repeat: no-repeat }
.offer_items .img span { position: absolute; max-width: 180px; top: 15px; left: 0px; padding: 0px 12px; line-height: 25px; background: #3BA04B; font-weight: 400; font-size: 12px; color: #fff; }
.offer_items .img span:after { content: ""; background: url(../img/offer-shape.png); width: 10px; height: 25px; position: absolute; left: 100%; top: 0px }
.item_detail { padding: 12px; float: left; width: 100% }
.item_detail h5 { font-size: 14px; margin-bottom: 10px; line-height: 20px }
.item_detail h5 img { float: left; margin-right: 7px; width: 11px; position: relative; top: 4px }
.item_detail .price { font-weight: 500; color: #ED2490; float: left; line-height: 30px }
.item_detail .action { float: right; height: 30px; width: 60px; position: relative; }
.item_detail .qty_box { transition: 0.2s; transform: scale(0.2) }
.item_detail .action .add_cart { position: absolute; top: 0px; right: 0px; height: 100%; width: 100%; border-radius: 4px; border: 1px solid #C6C9CF; text-align: center; line-height: 28px; text-transform: uppercase; font-weight: 500; background: #fff; z-index: 9; color: #333; font-size: 13px; cursor: pointer; }
.item_detail .added .qty_box { transform: scale(1) }
.item_detail .added .add_cart { display: none }
.offer_items.items { margin: 0px 0px 30px 0px; float: left; width: 100%; background: #fff; box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2); border-radius: 4px }
.offer_items.items li { padding: 12px; border-top: 1px solid #E4E6EB; width: 100% }
.offer_items.items li:first-child { border: 0px }
.offer_items.items .desc { text-transform: none; font-weight: 300; margin: 5px 0px 0px 0px; line-height: 18px }
.offer_items.items h5 { margin: 0px; display: inline-block; padding-right: 10px }
.offer_items.items .offer { padding: 0px 7px; line-height: 20px; background: #3BA04B; font-weight: 400; font-size: 12px; color: #fff; white-space: nowrap; border-radius: 4px; float: right; }
.offer_items.items .img { width: 70px; height: 70px; border-radius: 5px }
.offer_items.items .item_detail { width: calc(100% - 70px); padding: 0px 0px 0px 15px; position: relative; }
.offer_items.items .item_detail.full { width: 100%; padding-left: 0; }
.detail_page .sorting { border-top: 0px; padding-right: 0px }
.detail_page.sticky .sorting { padding-right: 300px }
.sorting .form-group { width: 100%; max-width: 220px; margin: 0px 0px 0px 15px }
.sorting .form-group.icon .form-control { height: 40px; line-height: 40px; border: 0px; }
.sorting .form-group:after { content: ""; position: absolute; left: 0px; top: -6px; height: 53px; width: 1px; background: #d4d6dc; }
.sorting .form-group.icon label i.la-search { line-height: 42px }
.sorting .switch span { float: left; line-height: 40px; font-weight: 400; font-size: 13px; color: #666; margin-right: 8px }
.sorting .switch label { margin-top: 5px }
#modal_choice .modal-content { overflow: hidden; background: #F3F5F9 }
#modal_choice .modal-body { padding: 20px 20px 10px 20px }
.order_modal .item_info, #modal_choice .item_info, .choice_footer { float: left; width: 100%; padding: 15px 15px 15px 95px; background: #fff; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.15); }
.order_modal .item_info .img, #modal_choice .img { background-position: center; height: 65px; width: 65px; background-size: cover; background-repeat: no-repeat; position: absolute; left: 15px; top: 15px; border-radius: 4px; }
#modal_choice .item_info h3 { font-size: 17px; font-weight: 400 }
#modal_choice .item_info .price { font-weight: 400; color: #3BA04B; }
#modal_choice h5 span:last-child { font-weight: 400; font-size: 13px; color: #666; }
#modal_choice h5 span:first-child, #modal_choice label span:first-child { margin-right: 8px }
#modal_choice .form-group.has-error { padding: 10px 10px 0px 10px; background: #fff5f5; border: 1px solid #ffc6c6; border-radius: 4px; }
#modal_choice label.checkbox, #modal_choice label.radio { font-weight: 400 }
#modal_choice label span.price { font-weight: 500; color: #202020; font-size: 13px }
#modal_choice label span:first-child { color: #333 }
.choice_footer { padding: 10px 15px }
.choice_footer .btn i { float: left; line-height: 45px; margin-right: 5px }
.choice_footer span { line-height: 44px; font-weight: 500 }
ul.choices { margin: 0px -10px }
ul.choices li { float: left; width: 50%; padding: 0px 10px; margin-bottom: 12px }
ul.choices li:nth-child(2n+1) { clear: both; }
ul.choices li:nth-child(2n) { clear: none; }
.table_infographic { max-width: 350px }
p.label { margin: 0px 0px 10px 0px; color: #666; text-transform: uppercase; font-weight: 500; font-size: 13px; }
.select_box { margin: 0px -5px }
.select_box li { float: left; width: 12.5%; padding: 0px 5px; margin-bottom: 10px }
.select_box label { margin: 0px; text-align: center; background: #fff; border-radius: 4px; padding: 8px 2px; text-transform: uppercase; font-size: 11px; font-weight: 400; color: #808080; line-height: normal; cursor: pointer; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.22); }
.select_box label span { display: block; font-weight: 500; color: #202020; font-size: 16px; margin-top: 5px }
.select_box input:checked + label { background: #62BD45; color: #fff }
.select_box input:checked + label span { color: #fff }
.select_box.circle li { width: auto }
.select_box.circle label { width: 40px; height: 40px; line-height: 40px; padding: 0px; font-weight: 500; font-size: 16px; color: #202020; border-radius: 100px }
.overall_ratings { position: relative; padding-left: 75px }
.overall_ratings span.count { position: absolute; left: 0px; top: 50%; margin-top: -30px; width: 60px; height: 60px; line-height: 60px; text-align: center; border-radius: 100px; background: #3BA04B; color: #fff; font-weight: 500; font-size: 23px; }
.overall_star { display: inline-block; position: relative; width: 110px; height: 22px; margin: 5px 0px }
.overall_star::before, .overall_star::after { content: ""; width: 100%; height: 22px; position: absolute; right: 0px; top: 0px; background: url(../img/star-grey.svg) repeat-x }
.overall_star::after { background: url(../img/star-yellow.svg) repeat-x; width: 0px; z-index: 1; left: 0px; right: auto }
.overall_star.star_10::after { width: 22px }
.overall_star.star_20::after { width: 44px }
.overall_star.star_30::after { width: 66px }
.overall_star.star_40::after { width: 88px }
.overall_star.star_50::after { width: 110px }
.overall_star.star_10::before { width: 88px }
.overall_star.star_20::before { width: 66px }
.overall_star.star_30::before { width: 44px }
.overall_star.star_40::before { width: 22px }
.overall_star.star_50::before { width: 0px }
.overall_star.small { width: 70px; height: 14px; }
.overall_star.small::before, .overall_star.small::after { height: 14px }
.overall_star.small.star_1::after { width: 14px }
.overall_star.small.star_2::after { width: 28px }
.overall_star.small.star_3::after { width: 42px }
.overall_star.small.star_4::after { width: 56px }
.overall_star.small.star_5::after { width: 70px }
.overall_star.small.star_1::before { width: 56px }
.overall_star.small.star_2::before { width: 42px }
.overall_star.small.star_3::before { width: 28px }
.overall_star.small.star_4::before { width: 14px }
.overall_star.small.star_5::before { width: 0px }
.reviews { border-radius: 4px; background: #fff; box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2); }
.reviews li { float: left; width: 100%; padding: 15px; border-top: 1px solid #E4E6EB }
.reviews li:first-child { border: 0px }
.reviews li .user_info { float: left; width: 100%; padding-left: 65px; position: relative; min-height: 50px }
.reviews li .img { position: absolute; left: 0px; top: 0px; background: #E6E8ED; width: 50px; height: 50px; line-height: 50px; text-align: center; overflow: hidden; border-radius: 100px; font-size: 17px; font-weight: 500; color: #333; text-transform: uppercase }
.reviews li .img img { position: absolute; top: 0px; left: 0px; width: 50px; height: 50px; object-fit: cover; }
.reviews li span.name { display: block; font-weight: 500; margin: 3px 0px 6px 0px }
.reviews li .overall_star { margin: 0px 10px 0px 0px; float: left; }
.reviews li .date { float: left; line-height: 13px; font-size: 13px; font-weight: 300; color: #808080; }
.reviews li p { margin: 10px 0px 0px 0px; float: left; width: 100%; color: #333; }
.reviews .images { margin-top: 2px }
.reviews .images a { float: left; margin: 10px 10px 0px 0px; width: 60px; height: 60px; border-radius: 4px; overflow: hidden; position: relative; }
.reviews .images a span { position: absolute; width: 60px; height: 60px; left: 0px; top: 0px; z-index: 1; background-color: #E6E8ED; background-repeat: no-repeat; background-position: center; background-size: cover; }
.reviews .images a span:before { content: "\f15c"; font-family: Flaticon; width: 100%; position: absolute; height: 100%; text-align: center; line-height: 60px; background: rgba(0, 0, 0, 0.4); transition: 0.2s; opacity: 0; transform: scale(0); color: #fff; font-size: 16px; }
.reviews .images a:hover span:before { opacity: 1; transform: scale(1) }
.reviews .images img { width: 60px; height: 60px; border-radius: 10px }
.reviews .no_reviews { text-align: center; padding: 30px 0px }
.reviews .no_reviews p { margin: 0px 0px 10px 0px; font-size: 17px; color: #808080; }
.reviews .no_reviews p b { color: #333 }
.reviews .no_reviews img { max-width: 350px; display: block; margin: 0 auto; margin-bottom: 20px; }
.show_more { margin: 10px 0px; text-align: center }
.show_more .btn { height: 38px; line-height: 36px; border: 1px solid #B5B9C0; background: none; color: #999; font-size: 13px; font-weight: 500; }
.show_more .btn:hover { background: #B5B9C0; }
#modal_ratings .modal-content { background: #F3F5F9; text-align: center }
#modal_ratings textarea { height: 100px; }
#modal_ratings .user_tag { display: inline-block; width: 60px; text-align: center; line-height: 60px; height: 60px; margin-bottom: 10px; background: #3BA04B; border-radius: 100px; font-size: 18px; font-weight: 500; color: #fff; position: relative; overflow: hidden; text-transform: uppercase; }
#modal_ratings .user_tag img { position: absolute; width: 60px; height: 60px; top: 0px; left: 0px; border-radius: 50%; object-fit: cover; }
#modal_ratings label.upload { margin: 0px; cursor: pointer; display: block; padding: 0px 10px; border: 1px dashed #b9bbbf; background: #f0f0f0; border-radius: 4px; line-height: 50px; font-size: 13px; color: #666; }
#modal_ratings label.upload b { color: #3BA04B }
#modal_ratings label.upload i { float: left; font-size: 21px; margin-right: 10px; }
#modal_ratings span.img { display: inline-block; width: 60px; height: 60px; border-radius: 4px; position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; margin: 5px }
#modal_ratings .img .close { position: absolute; width: 20px; height: 20px; line-height: 18px; border-radius: 100px; background: #ea3333; color: #fff; opacity: 1; cursor: pointer; font-size: 7px; bottom: -10px; left: 50%; margin-left: -10px; }
#modal_ratings label.add { display: inline-block; width: 60px; height: 60px; border-radius: 4px; margin: 5px; float: none; line-height: 60px; padding: 0px; cursor: pointer; }
#modal_ratings label.add i { position: absolute; left: 0px; margin: 0px; width: 100%; line-height: 60px; font-size: 21px; cursor: pointer; }
.stars .star { float: none; display: inline-block; width: auto; font-size: 28px; line-height: normal; margin: 0px; cursor: pointer; color: #C0C5CF; }
.stars .star.hover, .stars .star.selected { color: #F9C400 }
.vendor_address, .working_hours { border-radius: 4px; background: #fff; box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2) }
.vendor_address ul, .working_hours { padding: 25px; }
.vendor_address ul li { float: left; width: 100%; position: relative; padding-left: 30px; margin-top: 15px; }
.vendor_address ul li:first-child { margin: 0px }
.vendor_address ul li i { position: absolute; left: 0px; top: 0px; line-height: normal; width: 20px; font-size: 21px; opacity: 0.6; }
.vendor_address ul li i.call { top: -2px; font-size: 19px }
#vendor_location { height: 250px; }
.working_hours ul { margin: 0px -10px; font-size: 13px; color: #808080; }
.working_hours ul li { float: left; width: 33.3%; padding: 0px 10px; margin-top: 10px; position: relative; color: #808080; padding-left: 45px; }
.working_hours ul span { font-weight: 500; color: #333 }
.working_hours ul i { position: absolute; left: 10px; top: 0px; font-size: 25px; opacity: 0.7; }
.working_hours ul li.active, .working_hours ul li.active *, .working_hours ul li.active i { color: #3BA04B; opacity: 1; }

/*Modal*/
.modal-backdrop { background: #000717 }
.modal-backdrop.in { opacity: 0.5 }
.modal:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -4px; }
.modal-dialog { display: inline-block; text-align: left; vertical-align: middle; }
.modal { z-index: 9999; padding: 0px !important; text-align: center }
.modal-open, .modal-open { overflow: hidden; padding-right: 17px !important; }
.modal-open .modal { overflow-x: hidden; overflow-y: auto; }
.modal-dialog.sm { max-width: 550px; width: 100% }
.modal-dialog.md { max-width: 700px; width: 100% }
.modal-dialog { margin: 0 auto !important; padding: 20px }

/* .modal-body{padding: 0px; float: left; position: relative; z-index: 9999; width: 100%; background: #fff; border-radius: 4px; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15)} */
.modal-header { border: 0px; border-radius: 4px 4px 0px 0px; position: relative; color: #fff; background: #191453; padding: 10px 50px 10px 20px }
.modal-header p { margin: 3px 0px 0px 0px; color: #fff; opacity: 0.5; font-size: 13px }
.modal .close-modal { position: absolute; right: 10px; top: 10px; width: 24px; text-align: center; height: 24px; line-height: 24px; text-align: center; text-decoration: none !important; opacity: 0.5; z-index: 9; }
.modal .close-modal .fi { text-shadow: none; opacity: 1 !important; font-size: 13px; color: #000 !important; float: none; }
.modal .close-modal:hover { opacity: 1; }
.modal-content { padding: 0px; border: 0px; float: left; position: relative; z-index: 9999; width: 100%; background: #fff; border-radius: 6px; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15) }
.modal-content .modal-body { padding: 30px }
.tooltip-inner { font-size: 11px; padding: 2px 6px 3px 6px }
.modal.show .modal-content { -webkit-animation-name: zoom; -webkit-animation-duration: 0.3s; animation-name: zoom; animation-duration: 0.3s; }
@-webkit-keyframes zoom {
	from { transform: scale(0) }
	to { transform: scale(1) }
}
@keyframes zoom {
	from { transform: scale(0) }
	to { transform: scale(1) }
}

/*Login Modal*/
.login.modal .close-modal { opacity: 0.7; }
.login.modal .close-modal:hover { opacity: 1; }
.login.modal .close-modal .fi { color: #fff !important }
.login .logo { position: absolute; }
.login .modal-dialog { max-width: 800px; width: 100% }
.login .modal-content { overflow: hidden; }
.login .modal-body:before, .login .modal-content:before, .login .modal-content:after { content: ""; position: absolute; right: -1px; top: -1px; height: 120px; width: 120px; }
.login .modal-content:before { background: url(../img/shape-pink.png) top right no-repeat; background-size: 120px }
.login .modal-content:after { background: url(../img/shape-blue.png) bottom right no-repeat; top: auto; bottom: -1px; background-size: 100px }
.login .modal-body:before { background: url(../img/shape-light-blue.png) bottom left no-repeat; left: -1px; right: auto; bottom: -1px; top: auto; background-size: 80px }
.login .modal-body { display: table; width: 100%; padding: 20px 40px }
.login .infographic, .login .form { display: table-cell; vertical-align: middle; width: 55%; padding: 30px 0px; text-align: left }
.login .infographic { width: 47% }
.login .form { padding-left: 25px; position: relative; z-index: 9; }
.login .infographic { padding-right: 25px; padding-top: 70px }
.login .change_button_fly a.change { position: absolute; top: 0px; right: 20px; line-height: 44px; text-transform: uppercase; font-weight: 500; font-size: 12px; color: #202020; z-index: 12; }
.login .change_button_fly a.change:hover { color: #ED2490 }
.login .forgot .form-control { padding-right: 80px; }
.login h2 { text-transform: uppercase; margin: 0px 0px 20px -2px; font-size: 26px; }
.form-group.social { position: relative; height: 32px; text-align: center; }
.form-group.social:before { content: ""; border-top: 1px dashed #c3c5ca; position: absolute; width: 100%; top: 50%; left: 0px; }
.form-group.social span { display: inline-block; width: 32px; height: 32px; line-height: 30px; border-radius: 100px; border: 1px dashed #c3c5ca; background: #fff; text-transform: uppercase; color: #808080; font-weight: 500; font-size: 12px; text-align: center; position: relative; }
.form-group.social_login span { float: left; width: 50%; text-align: center; padding-left: 10px; }
.form-group.social_login span:first-child { padding-left: 0px; padding-right: 10px; }
.form-group.social_login i { position: absolute; left: 15px; top: 0px; line-height: 38px; font-size: 14px }
.form-group.social_login a { display: block; height: 40px; line-height: 38px; border: 1px solid #ccc; border-radius: 100px; position: relative; text-transform: uppercase; font-weight: 500; font-size: 13px; padding-left: 5px }
.form-group.social_login a.facebook { color: #365899; border-color: #365899 }
.form-group.social_login a.facebook:hover { color: #fff; background: #365899 }
.form-group.social_login a.google { color: #dd4e40; border-color: #dd4e40 }
.form-group.social_login a.google:hover { color: #fff; background: #dd4e40 }
.login_footer { text-align: center; color: #808080; font-size: 15px; margin-top: 5px }
.login_footer a { color: #202020; font-weight: 500; text-decoration: none }
.login_footer a:hover { text-decoration: underline !important; color: #ED2290 !important }
.gender { height: 32px; }
.gender label { width: auto; display: inline-block; float: none; margin: 0px; transition: 0.2s }
.gender .slide { float: left; width: 65px; height: 30px; margin: 0px 10px; border-radius: 100px; border: 1px solid #69a7e0; position: relative; }
.gender .slide:after { content: ""; width: 30px; height: 30px; position: absolute; left: -1px; top: -1px; border-radius: 100px; border: 2px solid #69a7e0; background: #d5ebff; transition: 0.3s }
.gender input[type="checkbox"]:checked + label .slide { border: 1px solid #f35dae }
.gender input[type="checkbox"]:checked + label .slide:after { left: 34px; border: 2px solid #f35dae; background: #ffcfe9; }
.gender span, .gender input[type="checkbox"]:checked + label span:first-child { float: left; line-height: 30px; font-weight: 500; font-size: 13px; color: #999999; }
.gender span:first-child { color: #529de2 }
.gender input[type="checkbox"]:checked + label span:last-child { color: #E7439C }
.accept input[type="checkbox"] + label.checkbox { color: #808080 }
.accept a { color: #202020; font-weight: 500 }
.otp .form-control { border-radius: 4px; margin: 0px 3px; width: 32px; height: 32px; padding: 0px; display: inline-block; border: 2px solid #C6C9CF; text-align: center; font-weight: 500; font-size: 17px; line-height: 32px; }

/*customize input search google*/
.pac-container { font-family: 'Ubuntu', sans-serif !important; z-index: 133; min-width: 250px; }
.pac-container .pac-item { padding: 4px 4px 4px 32px !important; font-size: 14px !important; position: relative; color: #333; transition: 0.2s }
.pac-container .pac-item:before { content: "\f18b"; font-family: Flaticon; font-size: 18px; position: absolute; left: 8px; color: #c1c1c1; transition: 0.2s; }
.pac-icon.pac-icon-marker { display: none !important; }
.pac-container .pac-item-query { font-size: 13px !important; padding-right: 5px; color: #333 !important; }
.pac-logo:after { display: none !important; }
.pac-matched { font-weight: 600; }
.pac-container .pac-item, .pac-container .pac-item-query, .pac-matched { font-family: 'Ubuntu', sans-serif !important; }
.pac-item:hover { background-color: #F5F5F5; }
.pac-container .pac-item:hover:before { color: #ED2490 }
@media (min-width:1520px) {
	.banner { float: left; width: 100%; text-align: center; padding: 180px 0px 80px 0px; }
}

/*chekout notification*/
.checkout-notification { display: inline-block; width: 100%; background: #fff; border-bottom: 1px solid #D4D6DC; text-align: center; padding: 15px 0; }
.checkout-notification li { display: inline-block; margin: 0 30px; }
.checkout-notification li span { color: #808080; font-size: 15px; font-weight: 400; }
.checkout-notification li span i { display: inline-block; width: 30px; height: 30px; text-align: center; line-height: 30px; background: #E6E8ED; border-radius: 50%; font-style: inherit; font-weight: 500; color: #808080; margin-right: 10px; position: relative; }
.checkout-notification li.focus span { color: #ED2290; }
.checkout-notification li.focus span i { background: #ED2290; color: #fff }
.checkout-notification li.active span { color: #62BD45 }
.checkout-notification li.active span i { background: #62BD45; color: #62BD45; }
.checkout-notification li.active span i:before { content: "\f16f"; font-family: Flaticon; color: #fff; position: absolute; left: 7px; top: 0px; }
.checkout-page-content { display: inline-block; width: 100%; padding: 40px 0; }
.checkout-page-content .container { max-width: 1250px; }
.side_bar_cart { background: #fff; box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.12941176470588237); display: inline-block; width: 100%; overflow: hidden; border-radius: 5px; }
.side_bar_cart ul.mini_cart li.vendor .img { width: 60px; height: 60px; top: 11px; }
.side_bar_cart ul.mini_cart li.vendor { padding: 15px 15px; }
.side_bar_cart ul.mini_cart li.vendor h5 { font-size: 17px }
.side_bar_cart .mini_cart { height: inherit; display: inline-block; padding-bottom: 15px; }
.bill-details { display: inline-block; width: 100%; padding: 0 15px; }
.any-comments textarea.form-control { background: #F3F5F9; height: 55px; border: none; resize: none; padding-top: 15px; border-radius: 5px; }
.smile-points { display: inline-block; width: 100%; position: relative; border: 1px dashed #C2C2C2; padding: 10px; padding-right: 110px; margin-bottom: 15px; border-radius: 4px; }
.smile-points .b { margin: 0; color: #242639; font-weight: 500 }
.smile-points span { color: #808080; font-size: 13px }
.smile-points span .fi { font-size: 14px; margin-left: 6px; cursor: pointer; }
.redeem { padding: 10px 20px; display: inline-block; font-weight: 500; color: #3B644B; position: absolute; top: 50%; right: 5px; margin-top: -20px; background: none; border: none; }
.promocode .input-group .form-control { border-radius: 5px 0px 0px 5px; border-color: #D4D6DC; }
.btn-grey { background: #787D86; }
.btn-grey:focus, .btn-grey:hover { background: #4d525b; }
.promocode .input-group .btn { border-radius: 0px 5px 5px 0px; }
.promocode .input-group { margin-bottom: 5px; }
.promocode .primary-underline { color: #3BA04B; text-decoration: underline; font-weight: normal; }
.promocode { display: inline-block; width: 100%; margin-bottom: 5px; }
.bill-content p.text-black { font-weight: 400; color: #202020; }
.bill-content p { width: 100%; margin-bottom: 7px; color: #808080; }
.bill-content p span { color: #202020; display: inline-block; float: right; font-weight: normal; }
.bill-content p.pink, .bill-content p.pink span { color: #3BA04B; }
.bill-content p.total { display: inline-block; width: 100%; font-size: 14px; font-weight: 500; color: #202020; border-top: 2px solid #D4D6DC; padding-top: 10px; margin-bottom: 20px; }
.checkout-box { display: inline-block; width: 100%; position: relative; padding-left: 65px; padding-bottom: 25px; }
.checkout-box .icon-side { width: 46px; height: 46px; background: #787d86; display: inline-block; text-align: center; line-height: 46px; color: #fff; border-radius: 50%; position: absolute; left: 0; top: 20px; font-size: 18px; box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.25); }
.checkout-box .boxed { display: inline-block; width: 100%; background: #fff; padding: 25px; border-radius: 2px; box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.08); }
.c-title h3 { margin-bottom: 5px; font-size: 20px; }
.c-title p { margin-bottom: 0px; color: #666666; font-size: 15px; }
.before-login .btn { font-weight: 300; height: 58px; line-height: inherit; margin-right: 15px; }
.before-login .btn span { width: 100%; display: inline-block; font-weight: 500 }
.before-login .btn-outline-primary { background: none; border: 1px solid #3BA04B; color: #3BA04B; }
.before-login { display: inline-block; width: 100%; margin-top: 25px; }
.before-login .btn-outline-primary:hover, .before-login .btn-outline-primary:focus { background: #3BA04B; }
.checkout-box:before { content: ''; width: 2px; height: 100%; border-left: 1px dashed #787D86; position: absolute; left: 22px; top: 55px; }
.checkout-box:last-child:before, .checkout-box.last:before { content: none; }
.checkout-box.deactive .c-title h3 { color: #A6A6A7 }
.checkout-box.deactive .boxed { background: #FBFCFD }
.checkout-box.deactive .icon-side { background: #fff; color: #787d86 }
.checkout-box.deactive .c-title p { color: #C3C4C4 }
.after-login { display: inline-block; width: 100%; margin-top: 15px; }
.user-info li { display: inline-block; float: left; margin-right: 35px; }
.user-info .fi { font-size: 16px; margin-right: 5px; }
.user-info p { margin: 0px; color: #202020; margin: 0px; font-weight: normal; }
.user-info li:last-child { margin-right: 0px; }
.box-radio { display: inline-block; width: 100%; margin-top: 25px; }
.box-radio input { display: none; }
.box-radio label { width: 97px; height: 83px; text-align: center; cursor: pointer; background: #F3F5F9; color: #A7A7A8; margin: 0; margin-right: 15px; border-radius: 6px; position: relative; font-size: 14px; text-transform: uppercase; font-weight: 500; font-size: 13px; text-transform: uppercase; font-weight: 500; padding-top: 53px; }
.box-radio label .fi, .box-radio label .lni-delivery { font-size: 32px; height: 47px; position: absolute; width: 100%; text-align: center; left: 0; top: 5px; font-weight: 300; }
.box-radio input:checked + label { background: #62BD45; color: #fff }
.box-radio label .fi.delivery-truck { font-size: 37px; }
.box-radio label .fi.scooter2 { top: 9px }
.you-have-no { display: inline-block; width: 100%; text-align: center; padding: 15px 0; }
.you-have-no .btn i { font-weight: 600; position: absolute; left: 20px; font-size: 17px; top: 0; }
.you-have-no p { font-size: 17px; margin-bottom: 15px; margin-top: 5px; }
.you-have-no i.map-placeholder { background: url(../img/map-placeholder.png) no-repeat center; width: 60px; height: 60px; display: inline-block; background-size: 55px; }
.boxed-radio-content { display: inline-block; width: 100%; margin-top: 20px; }
.you-have-no .btn { font-weight: normal; text-transform: capitalize; padding-left: 46px; font-size: 15px; }
.map-address .nked { margin: 0px; }
.map-address-box .nked .form-control { border-radius: 0px; border: none; padding-left: 40px; font-size: 16px; height: 53px; padding-right: 94px; }
.map-address-box { display: inline-block; width: 100%; border: 1px solid #ddd; border-radius: 5px; overflow: hidden; }
.map-address .form-group .pin3 { position: absolute; top: 0; left: 0; font-size: 20px; color: #999; width: 40px; height: 53px; text-align: center; line-height: 53px; }
.map-address button.gps { display: inline-block; width: 44px; height: 53px; position: absolute; top: 0; right: 0; background: none; border: none; line-height: 53px; }
.map-address .gps i { font-size: 20px; color: #94949B; }
.custom-maps { width: 100%; height: 250px; }
.btn.icon-left i { font-weight: 600; position: absolute; left: 20px; font-size: 17px; top: 0; }
.btn.icon-left { padding-left: 46px; font-size: 15px; }
.map-box-footer { display: inline-block; width: 100%; text-align: right; margin-top: 10px; }
.map-box-footer .btn { font-weight: normal; text-transform: capitalize; }
.map-box-footer .radio { display: none; }
input[type="radio"] + label.radio-cirlce { font-size: 14px; font-weight: normal; color: #999999; text-transform: uppercase !important; margin-right: 20px; position: relative; padding-left: 25px; cursor: pointer; margin-bottom: 0; }
input[type="radio"] + label.radio-cirlce:before { content: "\f18b"; width: 16px; height: 16px; position: absolute; top: -5px; left: 0px; border-radius: 100px; background: #fff; font-family: 'LineAwesome'; font-size: 21px; }
input[type="radio"].radio-cirlce { display: none; }
input[type="radio"]:checked + label.radio-cirlce:before { content: "\f17c"; color: #5CBB20 }
input[type="radio"]:checked + label.radio-cirlce { color: #333 }
.map-address { display: none; width: 100%; }
.saved-address ul { width: 100%; }
.saved-address ul li { width: 50%; display: inline-block; float: left; padding: 10px; }
.saved-address .box { display: inline-block; width: 100%; padding: 15px; border: 1px solid #ddd; border-radius: 4px; box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.12); position: relative; padding-left: 45px; min-height: 161px; }
.saved-address h5 { font-size: 16px; color: #242639; margin-bottom: 10px; }
.saved-address address { color: #74757f; font-size: 13px; }
.saved-address .box:after { content: "\f18b"; font-family: Flaticon; position: absolute; top: 13px; left: 15px; font-size: 18px; color: #94949B; }
input[type=radio].check-deliver { display: none; }
input[type=radio].check-deliver + .check-deliver { cursor: pointer; font-size: 13px; font-weight: 500; text-transform: uppercase; color: #8f8f8f; position: relative; padding-left: 26px; }
input[type=radio].check-deliver + .check-deliver:before { content: "\f1a7"; font-family: Flaticon; position: absolute; left: 0; font-size: 18px; top: -5px; color: #BFBFBF }
input[type=radio].check-deliver:checked + .check-deliver { color: #62BD45; }
input[type=radio].check-deliver:checked + .check-deliver:before { color: #62BD45; }
.saved-address .options { display: inline-block; position: absolute; top: 10px; right: 10px; }
.saved-address .options a { display: inline-block; width: 24px; height: 24px; color: #7F7F7F; font-size: 17px; margin-left: 5px; text-decoration: none !important; }
.saved-address .options a:hover { color: #3BA04B }
.saved-address .box.add-new-address:after { display: none; }
.saved-address .box.add-new-address { padding-left: 15px; background: #F3F5F9; border: none; box-shadow: none; min-height: 161px; position: relative; float: left; }
.add-new-address .d-tables { position: absolute; left: 0px; top: 0; width: 100%; height: 100%; display: flex; text-align: center; justify-content: center; align-items: center; text-decoration: none; color: #8B8D99; font-size: 14px; font-weight: 500; }
.add-new-address .d-tables i { width: 100%; display: inline-block; font-size: 28px; margin-bottom: 8px; }
.cs-row { margin: 0 -10px; }
.saved-address { display: inline-block; width: 100%; }
.saved-address.hide { display: none; }
.asap-groups { display: inline-block; }
.asap-groups .form-group { display: inline-block; width: 152px; margin-bottom: 0px; margin-left: 15px; }
.asap-groups .form-group .fi { position: absolute; width: 40px; height: 40px; font-size: 18px; text-align: center; line-height: 40px; color: #C1C1C1; z-index: 14; }
.asap-groups { display: inline-block; }
.asap-groups .form-group .form-control { border-radius: 4px; padding-left: 40px; border-color: #D4D6DC; font-weight: 300; height: 40px; }
.asap-preorder { border-top: 1px solid #D4D6DC; width: 100%; display: flex; padding-top: 15px; justify-content: center; justify-content: flex-end; padding-right: 25px; padding-left: 25px; margin-top: 25px; }
.asap-divide { display: inline-block; }
.asap-divide input[type="radio"] + label.radio { margin-top: 10px; text-transform: uppercase !important; margin-right: 20px; font-weight: 400; color: #666; }
.cs-row-25 { margin-left: -25px; margin-right: -25px; }
.icon-style-1 .form-control { border-radius: 4px; padding-left: 40px; border-color: #D4D6DC; height: 40px; color: #020220 }
.icon-style-1 i.fi { position: absolute; width: 40px; height: 40px; font-size: 18px; text-align: center; line-height: 40px; color: #C1C1C1; left: 0; top: 30px; z-index: 14; }
.dine-in-area .form-group label { color: #020220; font-weight: 400; }
.dine-in-area { width: 100%; margin-top: 15px; display: none; }
.dine-in-area.opens { display: inline-block; }
.dine-in-area .bootstrap-select>.dropdown-toggle { border-radius: 4px; padding-left: 40px; }
.dine-in-area .bootstrap-select .dropdown-menu { width: 100%; z-index: 99; top: 96% !important; }
.datepicker-top-left:before, .datepicker-top-right:before { border-bottom-color: #3BA04B; }
.datepicker-top-left, .datepicker-top-right { border-top-color: #3BA04B; }
.datepicker-panel>ul>li[data-view="month current"] { font-weight: 500; }
.datepicker-panel>ul>li.highlighted { background-color: #ffe7f4; }
.datepicker-panel>ul>li.picked, .datepicker-panel>ul>li.picked:hover { color: #3BA04B; }
.datepicker-container { font-size: 13px; }

/*time picker*/
.ui-timepicker-wrapper { overflow-y: auto; max-height: 150px; width: 6.5em; background: #fff; border: 1px solid #ddd; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .2); box-shadow: 0 5px 10px rgba(0, 0, 0, .2); outline: 0; z-index: 12; margin: 0 }
.ui-timepicker-wrapper.ui-timepicker-with-duration { width: 13em }
.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-30, .ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-60 { width: 11em }
.ui-timepicker-list { margin: 0; padding: 0; list-style: none }
.ui-timepicker-duration { margin-left: 5px; color: #888 }
.ui-timepicker-list:hover .ui-timepicker-duration { color: #888 }
.ui-timepicker-list li { padding: 3px 0 3px 5px; cursor: pointer; white-space: nowrap; color: #000; list-style: none; margin: 0 }
.ui-timepicker-list:hover .ui-timepicker-selected { background: #fff; color: #000 }
li.ui-timepicker-selected, .ui-timepicker-list li:hover, .ui-timepicker-list .ui-timepicker-selected:hover { background: #3BA04B; color: #fff }
li.ui-timepicker-selected .ui-timepicker-duration, .ui-timepicker-list li:hover .ui-timepicker-duration { color: #ccc }
.ui-timepicker-list li.ui-timepicker-disabled, .ui-timepicker-list li.ui-timepicker-disabled:hover, .ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled { color: #888; cursor: default }
.ui-timepicker-list li.ui-timepicker-disabled:hover, .ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled { background: #f2f2f2 }

/*time picker*/
.box-radio label .cash-amount { position: absolute; right: -140px; padding: 10px; background: #fff; box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.12941176470588237); border-radius: 3px; top: 25px; font-weight: 300; color: #A7A7A8; }
.box-radio label .cash-amount:after { content: ''; width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right: 10px solid white; position: absolute; left: -7px; top: 10px; }
.box-radio label .cash-amount b { color: #200220 }
.place-order .fi { font-size: 14px; margin-right: 10px; }

/*order confirmation*/
.order-confirmation .box { display: inline-block; width: 100%; max-width: 550px; background: #fff; box-shadow: 0px 0px 12px 0px #e9e9e9; border-radius: 5px; padding: 30px 0; }
.order-confirmation { display: inline-block; width: 100%; padding: 60px 0; }
.order-confirmation .box-head { padding: 0 20px; display: inline-block; width: 100%; }
.order-confirmation .box-head .tick1 { width: 55px; height: 55px; display: inline-block; text-align: center; line-height: 55px; border: 2px solid #62BD45; border-radius: 50%; font-size: 30px; color: #62bd45; margin-bottom: 10px; }
.order-confirmation .box-head h3 { font-size: 22px; font-weight: normal; color: #62bd45; margin-bottom: 10px; }
.order-confirmation .grey-box { background: #F8FAFD; border-top: 1px solid #D4D6DC; border-bottom: 1px solid #D4D6DC; padding: 25px 0 }
.order-confirmation .box-head p { color: #666666; }
.order-confirmation .box-head p .black { font-weight: 500; }
.order-confirmation .grey-box p { margin-bottom: 5px; color: #666; }
.order-confirmation .grey-box p.or-id { font-size: 20px; font-weight: 500; color: #000; margin-bottom: 15px; }
.order-confirmation .box-footer { display: inline-block; width: 100%; padding: 30px 20px 10px; }
.order-confirmation .box-footer h5 { color: #333333; font-weight: normal; margin-bottom: 10px; }
.order-confirmation .box-footer h5 span { color: #3BA04B; }
.order-confirmation p { color: #666; }
.order-confirmation p span { color: #000; font-weight: 400; }

/*my account*/
.myaccount-page { display: inline-block; width: 100%; padding: 70px 0; }
.container.mx-1150 { max-width: 1150px; }
.side-bar-acc { display: inline-block; width: 100%; background: #fff; max-width: 300px; float: left; border-radius: 3px; overflow: hidden; box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2); }
.side-bar-header { display: inline-block; width: 100%; text-align: center; padding: 20px 0; border-bottom: 1px solid #E0E2E6; }
.side-bar-header .round { width: 71px; height: 71px; display: inline-block; line-height: 71px; background: #EBEDF2; border-radius: 50%; color: #202020; font-size: 20px; font-weight: 500; text-transform: uppercase; overflow: hidden; position: relative; }
.side-bar-header .round img { position: absolute; left: 0; top: 0; width: 71px; height: 71px; object-fit: contain; border-radius: 50%; }
.side-bar-header h4 { font-size: 15px; font-weight: normal; margin-top: 10px; display: inline-block; width: 100%; margin-bottom: 5px; }
.side-bar-header p { margin-bottom: 5px; color: #666 }
ul.nav-side { display: inline-block; width: 100%; margin: 15px 0; }
ul.nav-side li { display: inline-block; width: 100%; }
ul.nav-side li a { display: inline-block; width: 100%; position: relative; color: #202020; font-size: 14px; padding: 9px 15px; padding-left: 60px; text-decoration: inherit !important; }
ul.nav-side li a i { position: absolute; left: 25px; top: 6px; font-size: 17px; }
ul.nav-side li a.current_page { color: #3BA04B; }
ul.nav-side li a:before { content: ''; width: 2px; height: 100%; position: absolute; left: 0px; top: 0px; background: #3BA04B; visibility: hidden; opacity: 0; }
ul.nav-side li a.current_page:before { opacity: 1; visibility: visible; }
ul.nav-side li a:hover { background: #f5f5f5 }
ul.nav-side li a span { font-weight: 500 }
.acc_page_content { display: inline-block; width: calc(100% - 300px); float: left; padding-left: 40px; }
.acc_title { display: inline-block; width: 100%; position: relative; padding-left: 65px; margin-bottom: 25px; }
.acc_title i { position: absolute; left: 0; top: 0; font-size: 35px; width: 60px; text-align: center; line-height: 50px; height: 50px; font-weight: 500; }
.acc_title h2 { font-size: 21px; margin-bottom: 5px; }
.acc_title  p { font-size: 15px; margin-bottom: 0; }
.white-30 { display: inline-block; width: 100%; padding: 30px; background: #fff; box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2); border-radius: 4px; }
.my-photo { display: inline-block; width: 100%; text-align: center; margin-bottom: 40px; }
.checkbox-upload input { display: none; }
.checkbox-upload label { margin: 0; border: 1px solid #D3D6DC; padding: 10px 25px; border-radius: 4px; font-size: 14px; cursor: pointer; color: #808080; font-weight: 500 }
.my-photo .img { width: 96px; height: 96px; display: inline-block; border-radius: 50%; background-size: cover; background-repeat: no-repeat; background-position: center topw; border: 1px solid #ddd; }
.checkbox-upload { display: inline-block; width: 100%; margin-top: 10px; }
.my-profile .form-group { margin-bottom: 40px; }
label.switchup input { display: none; }
.gender label.switchup.label { height: 10px; font-weight: normal; font-size: 16px; text-align: left; padding: 0px; padding-right: 75px; white-space: normal; line-height: normal; display: inline-block; width: auto; position: relative; float: left; margin-right: 20px; }
.gender label .slider:before { position: absolute; content: ""; height: 28px; width: 28px; left: 0px; top: -1px; background-color: #b7d8f9; -webkit-transition: .4s; transition: .4s; border: 1px solid #0888fd; border-radius: 50%; }
.gender label .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0px; background-color: #cacaca; -webkit-transition: .4s; transition: .4s; }
.gender label .slider.round { border-radius: 100px; height: 27px; }
.gender label.switchup.label .slider.round { right: 0px; left: auto; width: 56px; top: 3px; border: 1px solid #C6C9CF; background: #fff; }
.gender input:checked + .slider { background-color: #e9ecef; }
.gender input:checked + .slider:before { left: 32px; background: #f398b7; border-color: #e91e63; box-shadow: 0 2px 7px rgba(0, 0, 0, .5); }
.change-password { display: inline-block; width: 100%; margin-top: 30px; padding-top: 40px; border-top: 1px solid #ddd; margin-bottom: 15px; }
.my-profile .btn { min-width: 200px; }
.my-profile .form-group.icon label { z-index: 11; pointer-events: none; }
.ui_style3.bootstrap-select>.dropdown-toggle { padding-left: 45px; }
.ui_style3.bootstrap-select .dropdown-menu { width: 100%; top: 150% !important; transform: inherit !important; min-width: auto !important; display: inline-block; width: 100%; transition: all 0.2s ease; opacity: 0; visibility: hidden; max-width: 180px; margin-top: -2px; z-index: 123; left: 20px !important; }
.ui_style3.bootstrap-select.show .dropdown-menu { opacity: 1; visibility: visible; top: 100% !important }
.form-group.has-value-top label span { background: #fff; line-height: 20px; position: relative; top: -10px; font-size: 13px; }
.my-orders ul { display: inline-block; width: 100%; }
.my-orders ul li { display: inline-block; width: 100%; margin-bottom: 20px; }
.my-orders ul li:last-child { margin-bottom: 0px; }
.my-orders .boxed { display: inline-block; width: 100%; padding: 15px; position: relative; border: 1px solid #ddd; border-radius: 5px; padding-left: 120px; box-shadow: 0px 0px 3px 0px #e7e7e7; }
.my-orders .img { width: 90px; height: 90px; display: inline-block; background-size: cover; background-repeat: no-repeat; border-radius: 3px; position: absolute; left: 15px; top: 20px; }
.my-orders .title { font-size: 17px; color: #202020; font-weight: 500; display: inline-block; margin-bottom: 0px; text-decoration: none; }
.or-details { display: flex; width: 100%; background: #F3F5F9; padding: 10px 0; border-radius: 5px; margin: 5px 0 10px; }
.or-details div { color: #808080; text-transform: uppercase; font-size: 12px; padding: 0 10px; border-right: 1px solid #ddd; }
.or-details div span { display: inline-block; width: 100%; font-weight: 500; color: #252525; font-size: 14px; }
.or-details div span.pinks { color: #3BA04B; }
.or-links { display: flex; width: 100%; justify-content: space-between; margin-top: 0px; }
.or-links .btn { border: 1px solid #BFBFBF; color: #808080; font-weight: 500; border-radius: 4px; height: 37px; line-height: 37px; min-width: auto; width: auto; margin-right: 10px; text-transform: capitalize; padding: 0 10px }
.or-links .btn.white:hover, .or-links .btn.white:focus, .or-links .btn.white:active { background: #888888; }
.or-links .text-bold { font-size: 15px; font-weight: 500; text-transform: uppercase; line-height: 35px; }
.or-links .green, .t-green { color: #62bd45 }
.or-links .pink, .t-pink { color: #3B644B }
.or-links .blue, .t-blue { color: #28a7f7 }
.or-links .orange, .t-orange { color: #eda019 }
.or-links .violet, .t-violet { color: #a63cff }
.or-details div:last-child { border: none; }
.or-links .btn.pink-line { border-color: #3BA04B; color: #3BA04B; }
.or-links .btn.white.pink-line:hover, .or-links .btn.white.pink-line:focus, .or-links .btn.white.pink-line:active { background: #3BA04B; }

/*order modal*/
.order_modal { }
.order_modal .item_info h3 { font-size: 19px; }
.uppercase { text-transform: uppercase; }
.flex-space-between { display: flex; width: 100%; justify-content: space-between; }
.order_modal .item_info { border-radius: 5px 5px 0 0; padding-left: 15px; }
.order_modal .modal-content { background: #F8F8F8; }
.order-list li { width: 100%; display: inline-block; padding: 20px 15px; border-bottom: 1px solid #DEDEDE; }
.order-list { width: 100%; display: inline-block; }
.order-list .flex-box { position: relative; display: flex; width: 100%; justify-content: space-between; align-items: center; }
.order-list .img { width: 72px; height: 72px; overflow: hidden; border-radius: 4px; position: absolute; left: 0; top: 0; }
.order-list h5 { font-size: 15px; margin-bottom: 10px; line-height: 20px; font-weight: normal; margin: 0; }
.order-list h5 img { float: left; margin-right: 7px; width: 11px; position: relative; top: 4px; }
.order-list .content-title { display: flex; width: 100%; position: relative; justify-content: left; align-items: center; }
.order-list .flex-box div { width: 100%; }
.order-list .flex-box div.grey { width: auto; min-width: 120px; text-align: right; }
.order_modal .modal-content .modal-body { padding: 0px; }
.order-list .img img { max-height: 100%; max-width: 100%; width: auto; height: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }
.order_modal .bill-content { background: #fff; padding: 20px 20px; display: flex; width: 100%; }
.order_modal .bill-content div { width: 100%; display: inline-block; }
.order_modal .bill-content p.total { margin-bottom: 0px; }
.dl_address_footer { border-top: 1px solid #DEDEDE; padding: 20px 15px; }
.dl_address_footer h4 { font-size: 13px; text-transform: uppercase; }
.dl_address_footer p { margin-bottom: 5px; }
.dl_address_footer p i { font-size: 16px; width: 30px; display: inline-block; float: left; height: 22px; }
.modal-dialog.mx-600 { width: 100%; max-width: 650px; }
.track_order_info { display: flex; width: 100%; justify-content: space-between; background: rgba(255, 255, 255, 0.82); padding: 20px; position: absolute; left: 0; top: 0; z-index: 1; padding-right: 60px }
.track_order_modal  .modal-dialog.md { max-width: 1000px }
.track_order_modal .cs-map { width: 100%; height: 600px; }
.track_order_info .grey { font-size: 16px; }
.track_order_modal .close-modal { color: #000; opacity: 1; top: 19px; right: 13px; }
.track_order_info h3 { font-size: 20px; }
.track_order_modal .modal-content { border-radius: 5px; overflow: hidden; }

/*add address*/
.address_modal .modal-content { padding: 30px; }
.address_modal .close-modal { top: 3px; right: 3px; }
.map-address .form-group .form-control { }
.others-type { display: inline-block; width: 100%; margin: 20px 0 0; padding-left: 290px; }
.mt-15 { margin-top: 15px; }
.address_modal .close-modal .fi { font-size: 9px; }
.alert_modal .modal-dialog { width: 100%; max-width: 500px; }
.alert_modal .modal-content { display: inline-block; width: 100%; padding: 20px; }
.alert_modal h3 { font-size: 20px; margin-bottom: 5px; }
.alert_modal p { margin-bottom: 0; color: #888; font-size: 16px; }
.buttons-flex { display: flex; width: 100%; justify-content: flex-end; }
.buttons-flex .btns { margin-left: 3px; display: inline-block; background: none; border: none; padding: 5px 20px; font-size: 16px; font-weight: normal; border-radius: 3px; }
.buttons-flex .btns:hover { background: #f5f5f5 }
.fav_list .vendor_list { width: 100%; padding: 0; }
.fav_list .vendor_list .list { padding: 0px; width: 100%; }
.fav_list ul.row-2 { width: 100%; }
.fav_list ul.row-2 li { width: 50%; display: inline-block; float: left; padding: 15px; }
.fav_list .cs-row { margin: -15px; }
.saved-cards li { width: 50%; float: left; padding: 15px; }
.full { display: inline-block; width: 100%; }
.saved-cards .box-card { display: inline-block; width: 100%; padding: 15px; border: 1px solid #ddd; border-radius: 4px; box-shadow: 0px 0px 3px 0px rgba(226, 226, 226, 0.75); position: relative; min-height: 136px; float: left; }
.saved-cards .title { width: 100%; color: #999999; text-transform: uppercase; margin-bottom: 5px; font-weight: normal; font-size: 13px; }
.saved-cards .answer { font-weight: 400; margin-bottom: 5px; display: inline-block; width: 100%; font-weight: 500; }
.img-card-type { position: absolute; bottom: 15px; right: 15px; }
.saved-cards .cs-row { margin-left: -15px; margin-right: -15px; }
.saved-cards .trash2 { position: absolute; top: 10px; display: inline-block; width: 24px; height: 24px; color: #7F7F7F; font-size: 17px; margin-left: 0; text-decoration: none !important; right: 5px; }
.saved-cards .add-new-address { background: #F3F5F9; border: none; box-shadow: none; text-transform: uppercase; }
.offers_listing .off { position: absolute; background: rgba(0, 0, 0, 0.75); bottom: -30px; right: -30px; color: #fff; padding: 23px 0px 25px 25px; border-radius: 55px; font-size: 20px; font-weight: 500; width: 110px; height: 110px; line-height: 23px; }
.offers_listing .off span { width: 100%; font-size: 14px; font-weight: 300; }
.offers_listing .item a { display: inline-block; width: 100%; overflow: hidden; position: relative; }

/*Notification*/
.notify-content i { position: absolute; left: 10px; line-height: 30px; width: 30px; height: 30px; display: inline-block; text-align: center; font-size: 19px; font-weight: 600; color: #2e2e2f; }
.notify-content { border-radius: 4px; background: #f3f5f9; display: inline-block; width: 100%; padding: 15px; position: relative; padding-left: 50px; }
.notify-content p { color: #202020; font-size: 15px; font-weight: 400; margin: 0px 0px 5px 0px; }
.notify-content span { color: #808080; font-size: 13px; font-weight: 400; }
.notify ul li { margin-bottom: 10px; }
.read .notify-content { background: none; border: 1px solid #E0E2E6; }

/*ratings*/
.ratings .reviews { box-shadow: none; }
.ratings .reviews li:last-child { margin-bottom: 0px; }
.ratings .reviews li { border: 1px solid #e0e2e6; margin-bottom: 15px; box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.07); border-radius: 5px; }
.ratings .reviews li .img { height: 58px; line-height: 58px; width: 58px; border-radius: inherit }
.ratings .reviews li .img img { width: 100%; height: auto; border-radius: 4px; }
.ratings .reviews li .user_info { min-height: 58px; padding-left: 70px; }
.ratings .reviews li span.name { font-size: 16px; margin-top: 0px; }

/*smile-point*/
.smile-point { color: #fff; background: #3f5fac; display: inline-block; padding: 15px; max-width: 230px; width: 100%; border-radius: 4px; }
.smile-point i { font-size: 32px }
.smile-point p { color: #f3f5f9; margin: 5px 0px; font-size: 13px; text-transform: uppercase; }
.smile-point h3 { font-size: 26px; margin-bottom: 0px }
.smile-wrap .promo-code { float: right; width: calc(100% - 230px); display: inline-block; padding: 0px 25px; }
.smile-wrap .promo-code span { font-size: 16px; font-weight: 500; text-transform: uppercase; }
.smile-wrap .promo-code p { color: #666; margin: 10px 0px }
.smile-wrap .promo-code .input-group { max-width: 320px; width: 100%; }
.or-details.reduce { background: #fff0f0; }
.or-details.reduce .minus-point { color: #f71818; }
.transaction-wrap { display: inline-block; width: 100%; margin-top: 20px; }
.smile-wrap .promo-code span.code { color: #3BA04B; }
.trans-history .or-details { padding: 15px 0; }
.trans-history .or-details div { padding: 0 15px; }

/*wallet*/
.wallet-wrap { align-items: center; justify-content: space-between; width: 100%; padding: 15px; background: #3f5fac; border-radius: 4px; }
.wallet-total p { color: #f3f5f9; font-size: 13px; text-transform: uppercase; margin-bottom: 6px; }
.wallet-total span { font-size: 24px; font-weight: 500; color: #fff; }
.wallet-total i { margin-right: 10px; }
.top-up { display: inline-block; padding: 6px 25px 6px 12px; border: 1px solid #fff; border-radius: 4px; color: #fff; text-transform: uppercase; font-weight: normal; }
.top-up i { font-size: 15px; margin-right: 10px; font-weight: 500; }
.top-up:hover { color: #c9d9ff !important; }

/*wallet-modal*/
.wallet .modal-content { background: #f5f5f5; }
.wallet-modal-wrap span.full { display: inline-block; color: #666666; margin: 0px 0px 14px; font-size: 16px; }
input[type="radio"] { display: none }
.wallet-chk { background: #fff; padding: 14px 15px; border-radius: 4px; box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.15); margin: 0px; }
.wallet-chk span { font-size: 17px; font-weight: 500; color: #202020; }
label.wallet-chk { color: #999999; font-size: 16px; padding: 7px 0px; font-weight: 400; margin: 5px; border: 1px solid #fff; width: 80px; float: left; cursor: pointer; position: relative; transition: all 0.2s ease; }
label.wallet-chk span { margin: 0px; }
label.wallet-chk:before { content: "\f16f"; font-family: Flaticon; position: absolute; right: -5px; top: -10px; font-size: 10px; color: #fff; width: 0px; height: 0px; background: #62bd45; text-align: center; line-height: 20px; border-radius: 50%; visibility: hidden; opacity: 0; transition: all 0.2s ease; }
input[type="radio"]:checked + label.wallet-chk:before { opacity: 1; visibility: visible; width: 20px; height: 20px; }
input[type="radio"]:checked + label.wallet-chk { border-color: #62bd45; }
.add-balance span, .add-balance p { margin: 0px; }
.add-topup { justify-content: space-between; margin-top: 20px; width: 100%; align-items: center; }
.add-topup p { color: #666666; font-size: 15px; text-align: left }
.add-topup .top-up.btn { border-radius: 50px; line-height: 44px; height: 44px; padding: 0px 30px; }
.wallet-modal-wrap i { margin-bottom: 10px; display: inline-block; font-size: 45px; }
.add-balance span.pink { color: #3BA04B; font-weight: 500 }
.add-balance span { color: #202020; font-size: 20px; font-weight: 500 }
.enter-amount { display: inline-block; width: 100%; margin-bottom: 15px; }
.enter-amount .form-group { margin-bottom: 0px; max-width: 180px; display: inline-block; float: none; }
.enter-amount .form-group .form-control { text-align: center; font-size: 16px; }
.wallet-topup { display: inline-block; width: 100%; }
.wallet-modal-wrap h3 { margin-bottom: 25px; }
.add-topup .btn { padding: 0 35px; }

/*apply offers*/
.available-Offers-modal h2 { font-size: 20px; margin-bottom: 0; padding: 20px; background: #ffffff; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.15) }
.offers-ul li { width: 100%; display: inline-block; margin-bottom: 20px; }
.offer-box { display: inline-block; width: 100%; padding: 25px 15px; border: 1px solid #ddd; border-radius: 5px; background: #fff; }
.offer-box h3 { font-size: 17px; margin-bottom: 10px; }
.offer-box p { color: #999; margin-bottom: 8px; }
.offer-box .ticket { display: inline-block; padding: 10px 25px; border-radius: 35px; margin-bottom: 0; font-weight: 500; border: 1px dashed #c0c0c0; background: #ededed; background: -webkit-linear-gradient(to right, #ffffff, #ededed); background: linear-gradient(to right, #ffffff, #ededed); }
.offer-box .flex { display: flex; width: 100%; justify-content: space-between; margin-top: 15px; }
ul.offers-ul { padding: 25px; }
.available-Offers-modal .modal-content .modal-body { padding: 0px; background: #F3F5F9; }
.offers-ul li:last-child { margin-bottom: 0px; }
.available-Offers-modal .modal-content { overflow: hidden; }

/*cms banner*/
.cms-page-banner { background: #3BA04B; padding: 15px 0 130px; display: inline-block; width: 100%; float: left; }
.cms-page-banner h2 { color: #fff; }
.br_ul li { display: inline-block; }
.br_ul li a, .br_ul li span { font-size: 15px; color: #fff; text-decoration: inherit !important; }
.br_ul li a:after { content: "\f111"; font-family: 'LineAwesome'; display: inline-block; margin: 0 10px; }
.cms-full-content .box-up { background: #fff; padding: 25px; border-radius: 5px; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.16); }
.cms-full-content { display: inline-block; width: 100%; margin-top: -90px; margin-bottom: 50px; }
.cms-full-content p { color: #333333; line-height: 24px; }
.cms-full-content ul { margin-bottom: 20px; padding-left: 20px; }
.cms-full-content ul li { position: relative; width: 100%; margin-bottom: 10px; padding-left: 20px; color: #333 }
.cms-full-content ul li:before { content: "\f112"; font-family: 'LineAwesome'; position: absolute; left: 0; top: 0; }
.accordion .card-header { padding: 0px; background: none; border: none; }
.accordion .card-header .faq-btn { padding: 15px; width: 100%; text-align: left; background: none; border: none; color: #666666; font-size: 16px; font-weight: 500; background: #F3F5F9; }
.accordion>.card { margin-bottom: 10px; border: 1px solid rgba(0, 0, 0, .125) !important; }
.accordion .card-header .faq-btn[aria-expanded="true"] { background: #fff; border-color: #fff; color: #202020; padding-bottom: 0; }

/*guest login*/
.guest-login { display: inline-block; width: 100%; margin-top: 25px; }
.guest-login .or-full { display: inline-block; width: 100%; height: 21px; border-top: 1px dashed #ddd; margin-bottom: 5px; position: relative; margin-top: 15px; }
.guest-login .or-full span { width: 35px; height: 35px; background: #fff; text-align: center; line-height: 35px; color: #000; border-radius: 50%; border: 1px solid #ddd; position: absolute; bottom: 0; left: 50%; margin-left: -17px; }
.guest-login .title { font-weight: 500; font-size: 16px; }
.mb25 { margin-bottom: 25px; }
.guest-login .btn-center { text-align: center; }
.guest-login .btn-center .btn { padding: 0 28px; background: rgb(120, 125, 134); font-weight: normal; }
.nt_title .btn.white { position: absolute; top: 10px; right: 0; border: 1px solid #ddd; font-weight: normal; z-index: 1 }
.nt_title { padding-right: 150px; }
.nt_title .btn.white:hover, .nt_title .btn.white:focus, .nt_title .btn.white:active { background: #81858c; border-color: #81858c; }

/*normal*/
.form-group.icon.normal label { padding-left: 15px; }
.form-group.icon.normal .form-control { padding-left: 15px }

/*faq*/
.faq-btn:after { content: '\f110'; position: absolute; font-size: 18px; font-family: 'LineAwesome'; top: 10px; right: 10px; width: 20px; height: 20px; display: inline-block; text-align: center; color: #202020; }
.faq-btn[aria-expanded="true"]:after { content: '\f113'; }

/*contact*/
.contact { display: inline-block; width: 100%; margin-top: -90px; margin-bottom: 50px; float: left; }
.contact-us { padding: 25px; }
.cms-full-content.contact .box-up { padding: 0px; }
.contact-right { height: 100%; background: #f3f5f9; display: inline-block; width: 100%; padding: 25px; border-radius: 0px 4px 4px 0px; border-left: 1px solid #D0D4DB }
.contact-icons li { position: relative; padding-left: 35px; }
.contact-icons li i { position: absolute; left: 0px; font-size: 20px; top: 0px; line-height: normal; color: #7d7d7d; }
.contact-right ul li h4 { margin-bottom: 5px }
.social_links a i { position: relative }
.contact-right .social_links li { padding-left: 0px; margin-top: 5px; display: inline-block; width: auto; }
.contact-right .social_links li i { font-size: 14px }
.contact-us .form-group { margin-bottom: 25px; }
.contact .box-up { background: #fff; padding: 0px; border-radius: 5px; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.16); }
.map-address .form-group textarea.form-control { border-radius: 35px; resize: none; height: 70px; padding: 15px 25px 5px; }
.contact-us h3 { margin-bottom: 5px; }
.contact-us p { color: #808080; font-size: 15px; margin-bottom: 30px; }
.contact-icons li h5 { margin-bottom: 10px; font-size: 15px; }
.contact-icons li { position: relative; padding-left: 35px; margin-bottom: 25px; width: 100%; display: inline-block; }
.contact-icons li p.normal { margin-bottom: 0px; }
{ z-index: 11; pointer-events: none; }
.has-value-top.form-group.icon label { z-index: 11; pointer-events: none; }
.detail_page.modal-open { overflow: auto; }
ul.choices.three-list li { width: 33%; }
ul.choices.three-list li:nth-child(2n+1) { clear: inherit; }
ul.choices.three-list li:nth-child(3n+1) { clear: both; }
.grorcer-amen img { width: 15px; margin-top: 0; }
.grorcer-amen { display: inline-block; width: 100%; padding: 5px 0 0px; text-align: left; }
.expected-green { display: inline-block; width: 100%; padding: 10px; color: #38941b; border: 1px dashed #62BD45; background: #F3FFEF; text-align: center; font-weight: normal; border-radius: 5px; font-size: 15px; margin-bottom: 30px; }
.laundry-price span { font-weight: 500; color: #666; margin: 0px; line-height: 27px; font-size: 13px }
.laundry-price span i { margin-left: 5px; position: relative; top: 3px; }
.laundry-price span.delivery { color: #3BA04B }
.user_features span.express-feature i.la-truck { margin-left: 5px; position: relative; top: 3px; }
.exp-delivery .la-truck { margin-right: 5px; font-size: 21px; float: left; position: relative; top: -1px; }
.grorcer-amen span { margin-right: 8px; }
.you-have-no.closes { display: none; }
.map-address.showns { display: inline-block; }
.delivery-type-select.hiddes { display: none; }
.asap-preorder.closes { display: none; }
.expected-green.hiddes { display: none; }
.social_links li a.facebook:hover { color: #fff; border: 1px solid #3b5998; background: #3b5998; }
.social_links li a.twitter:hover { color: #fff; border: 1px solid #1da1f2; background: #1da1f2; }
.social_links li a.insta:hover { color: #fff; border: 1px solid transparent; background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%); }
.social_links li a.youtube:hover { color: #fff; border: 1px solid #ff0000; background: #ff0000; }
.sorting .dropdown.bootstrap-select { width: auto !important; min-width: 140px; }
.sorting .filter-toggle { float: left; font-size: 17px; font-weight: 400; margin-right: 25px; cursor: pointer; padding: 7px 10px; }
.sorting .filter-toggle i { font-size: 16px; float: left; margin-right: 15px; }
.filter-overlay { width: 100%; height: 100%; position: fixed; right: 0px; top: 0px; height: 100%; width: 100%; background: rgba(0, 7, 23, 0.3); z-index: 999; transition: 0.5s; visibility: hidden; opacity: 0; }
.open_filter .filters { right: 0px; }
.open_filter .filter-overlay { visibility: visible; opacity: 1 }
body.open_filter { overflow: hidden; }
.filters .btn-filters { width: 100%; border-radius: 0px; position: fixed; bottom: 0; right: -100%; max-width: 300px; transition: 0.5s; z-index: 1 }
.open_filter .filters .btn-filters { right: 0px; }
.open_filter .filters h3 { right: 0px; }
.open_filter .close-filter { cursor: pointer; }
.open_filter .close-filter i { font-style: normal; font-size: 20px; float: left; margin-right: 10px; }
.vendor_info .review span.promoted { float: left; margin-left: 0; background: #03A9F4; margin-right: 4px; }
.is_stuck.item_menu { padding-top: 130px; }

/*404*/
.error-page { display: inline-block; width: 100%; }
.error-content img { margin-bottom: 20px }

/*override*/

/*10 - 12 2019*/
.ui_form_style { display: inline-block; width: 100%; float: left; }
.ui_form_style .form-group.icon .form-control { border-radius: 100px !important; width: 100%; }
.ui_form_style .input-group { display: inline-block; width: 100%; }
.ui_form_style .input-group-text { display: inline-block; width: 35px; height: 44px; line-height: 42px; padding: 0; text-align: right; background: none; border: none; position: absolute; top: 0; left: 0; z-index: 12; color: #a0a3a8; font-size: 21px; }
.ui_form_style .form-group.icon i { font-size: inherit; line-height: inherit; }
.ui_form_style .form-group.icon i.fi { font-size: 17px; color: #a0a3a8 }
.form-group.icon.has-value label.float-label { line-height: 20px; top: -10px; padding-left: 5px; padding-right: 5px; height: 20px; background: #fff; left: 40px; }
.mdi.mdi-eye.pwd-viewer-toggle { display: none; }
.change_button_fly { display: inline-block; width: 100%; position: relative; }
.ui_form_style .change_button_fly .form-group.icon  .form-control { padding-right: 90px; }
.ui_form_style .form-group.icon i.lni-lock { font-size: 18px; }
.btn.submit.hide { display: none; }

/*cs*/
.form-group.icon-cs .form-control { padding-left: 45px; }
.icon-cs .icons { width: 37px; height: 44px; text-align: right; position: absolute; left: 0; top: 0; line-height: 44px; color: #a0a3a8; font-size: 21px; pointer-events: none; }
.help-block { position: absolute; bottom: -15px; right: 10px; background: #ffffff; color: #f00; padding: 0 4px; visibility: hidden; opacity: 0; transition: 0.3s; z-index: 12; font-size: 12px; }
.has-error .help-block { visibility: visible; opacity: 1; bottom: -8px; }

/*override*/
.my-profile .checkbox-upload .form-group.icon label.float-label { position: relative; left: auto; float: none; text-align: center; padding: 0 20px; pointer-events: inherit; cursor: pointer; }
.my-profile .checkbox-upload .form-group.icon { margin-bottom: 0; }
.location.form-group .icons { position: absolute; left: 0; top: 0; width: 30px; height: 35px; line-height: 35px; color: #fff; font-size: 18px; text-align: left; pointer-events: none; }

/*white auto fill*/

/* Change the white to any color ;) */
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { -webkit-box-shadow: 0 0 0 30px white inset !important; }
.dropdown.bootstrap-select { z-index: 13; }

/*placehodler*/
.location.form-group .form-control::-webkit-input-placeholder { color: #fff; }
.location.form-group .form-control::-moz-placeholder { color: #fff; }
.location.form-group .form-control:-ms-input-placeholder { color: #fff; }
.location.form-group .form-control:-moz-placeholder { color: #fff; }
.map-address-box { }
.form-fields .form-group.icon label.float-label { left: 20px; }
.form-fields .form-group.icon .form-control { padding-left: 15px; }
.form-fields  .form-group.icon.has-value label.float-label { left: 15px; }
.map-address .close_modals { display: inline-block; width: 44px; height: 53px; position: absolute; top: 0; right: 40px; background: none; border: none; line-height: 40px; color: #94949b; text-align: center; }
.map-address .close_modals i { font-size: 11px; color: #94949B; opacity: 1; float: none; line-height: 53px; }
.asap-groups .form-group { }
.asap-groups .bootstrap-select>.dropdown-toggle { height: 40px; line-height: 40px; padding-left: 34px; border-radius: 5px; }
.asap-groups .bootstrap-select>.dropdown-toggle:before { right: 8px; list-style: 40px; }

/*order cancel*/
.order-cancel-modal .modal-content { padding: 30px; background: #F3F5F9; }
.order-cancel-modal .modal-dialog { max-width: 500px; }
.order-cancel-modal .title p { margin-bottom: 0px; font-size: 16px; color: #999; }
.order-cancel-modal textarea.form-control { height: 100px; resize: none; font-size: 14px; }
.order-cancel-modal .button-text { text-align: right; }
#add_new_address form#address-form { display: inline-block; }
.order-confirmation .failure .box-head .close { width: 55px; height: 55px; display: inline-block; text-align: center; line-height: 55px; border: 1px solid#FF0000; border-radius: 50%; font-size: 25px; color: #FF0000; margin-bottom: 10px; position: relative; float: none; opacity: 1; }
.order-confirmation .failure .box-head h3 { color: #FF0000; }
.three_image .col-sm-4 .owl-carousel .owl-item img { height: 243px; object-fit: cover; }
.three_image .col-sm-8 .owl-carousel .owl-item img { height: 515px; object-fit: cover; }
section.offers.three_image { padding-top: 30px; }
.overall_star.star_15::after { width: 11px }
.overall_star.star_25::after { width: 33px }
.overall_star.star_35::after { width: 55px }
.overall_star.star_45::after { width: 77px }
.mini_cart_overlay { position: fixed; right: 0px; top: 0px; height: 100%; width: 100%; background: rgba(0, 7, 23, 0.3); z-index: 1; opacity: 0; visibility: hidden; transition: 0.5s; }
.open_cart .mini_cart_overlay { opacity: 1; visibility: visible; }

/*responsive*/
.overlay-cz, .links-responsive { display: none; }
.site_logo img { width: 100%; height: auto; max-width: 155px; }
header .site_logo { line-height: 65px; }
img.logo.footer { width: 140px; height: auto; }
.item_details #items.no_its:before { display: none; }
.full_text_center_noitems { display: inline-block; width: 100%; text-align: center; padding: 60px 0; }
.full_text_center_noitems h4 { margin-top: 25px; margin-bottom: 0; font-weight: 300; color: #898989; }
.full_text_center_noitems img { max-width: 100%; height: 100%; width: auto; height: auto; }

/*guest login*/
.guest-login .form-group.icon .input-group { display: inline-block; width: 100%; }
.guest-login .form-group.icon .form-control { width: 100%; border-radius: 100px; }
.guest-login .form-group.icon .input-group-text { position: absolute; top: 0px; width: 30px; left: 10px; color: #a0a3a8; background: none; padding: 0; z-index: 11; border: none; font-size: 16px; pointer-events: none; height: 44px; }
.guest-login .form-group.icon .input-group-text .fi { width: 100%; display: inline-block; text-align: center; font-size: 18px; }
.guest-login .form-group.icon .input-group-text .lni-mobile { width: 100%; display: inline-block; text-align: center; font-size: 19px; }
.guest-login .form-group.icon { margin-bottom: 20px; }
.guest-login .form-group.icon .form-group.icon { margin-bottom: 0px; }

/*.vendor_list .list:nth-child(4n+1) { clear: both; }*/
.backto_page { display: inline-block; width: 100%; position: relative; z-index: 1; margin-bottom: 15px; }
.backto_page a { display: inline-block; color: #fff; text-shadow: 0px 1px 3px #000; text-decoration: inherit; }
.backto_page a i { display: inline-block; float: left; margin-right: 6px; }
.backto_page.text-black { color: #000; padding-top: 10px; margin-bottom: 0px; padding-left: 30px; }
.backto_page.text-black a { color: #4b4b4b; text-shadow: none }
.no_notifi { font-weight: 300; margin: 30px 0; color: #666; font-size: 16px; }
.price-text { font-size: 10px; margin-left: 5px; color: #8e8e8e; }

/*aletr modal*/
.alert-modal-popup .modal-dialog { width: 100%; max-width: 550px; }
.alert-modal-popup .flex-buttons { display: flex; width: 100%; justify-content: flex-end; }
.alert-modal-popup .flex-buttons .btn-new { margin-left: 10px; background: none; outline: inherit; border: none; padding: 4px 15px; font-size: 15px; font-weight: 500; }
.alert-modal-popup .flex-buttons .btn-new.text-pink { color: #3BA04B; }
.alert-modal-popup h4 { margin-bottom: 10px; }
.alert-modal-popup p { color: #666; font-size: 15px; }

/*modal rating*/
.modal-header-ratings { background: #fff; padding: 15px 25px; text-align: left; border-radius: 5px 5px 0 0; padding-bottom: 10px; }
.modal-header-ratings h3 { margin: 0; font-size: 22px; font-weight: 500; margin-bottom: 10px; }
.modal-header-ratings p { margin-bottom: 5px }
.modal-header-ratings p span { color: #3BA04B; font-weight: 500 }
.buttons-rat a { display: inline-block; margin: 0 5px; font-size: 15px; color: #333; }
.buttons-rat { display: inline-block; width: 100%; margin-top: 10px; }
.buttons-rat a:hover { text-decoration: underline; }
.modal-header-ratings .mx-flex { display: inline-block; width: 100% }
.order_modal .order-list .content-title { display: inline-block; width: 100%; }
.order_modal .order-list .content-title p { margin-bottom: 0px; margin-top: 5px; display: inline-block; width: 100%; color: #666; }
.reset-pass { display: table; height: 100%; max-width: 420px; width: 100%; margin: 0 auto; }
.reset-content { display: table-cell; width: 100%; text-align: center; vertical-align: middle; }
.reset-content-view { background: #fff; padding: 40px; margin-top: 40px; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.23); border-radius: 4px; }
.reset-content-view h3 { margin-bottom: 20px }
.data-input-custom .form-group.icon .input-group { display: inline-block; width: 100%; }
.data-input-custom .form-group.icon .form-control { width: 100%; border-radius: 100px; }
.data-input-custom .form-group.icon .input-group-text { position: absolute; top: 0px; width: 30px; left: 10px; color: #a0a3a8; background: none; padding: 0; z-index: 11; border: none; font-size: 16px; pointer-events: none; height: 44px; }
.data-input-custom .form-group.icon .input-group-text .fi { width: 100%; display: inline-block; text-align: center; font-size: 18px; }
.data-input-custom .form-group.icon .input-group-text .lni-mobile { width: 100%; display: inline-block; text-align: center; font-size: 19px; }
.data-input-custom .form-group.icon { margin-bottom: 20px; }
.data-input-custom .form-group.icon .form-group.icon { margin-bottom: 0px; }
.back-login { margin-top: 15px; display: inline-block; color: #3BA04B; font-size: 15px; }
.back-login:hover { color: #4060ac !important; }
.item_detail .price .item_price { color: #787d86; font-weight: 400; text-decoration: line-through; margin-right: 5px; }
ul.mini_cart .price span.item_price { font-weight: 300; text-decoration: line-through; font-size: 14px; margin-right: 5px; color: #999; }
.detail_page .mini_cart_overlay { display: none; }
.dl_address_footer .or-links { margin-top: 15px; justify-content: center; }
.dl_address_footer .or-links .btn { padding: 0 20px; background: #808080; color: #fff; border-color: #808080; text-transform: uppercase; }
#element-place_order { min-width: 168px; }
.delivery-fee { display: inline-block; color: #808080; }
span.delivery-price { float: right; font-weight: normal; }

/*page-loader*/
#page-loading { position: fixed; width: 100%; height: 100vh; background: #fff url(../img/loader.html) 
no-repeat center; z-index: 9999; background-size: 70px }

/*search page*/

/*searh page*/

.top_menu li.he_search_link { display: block; }
.search-section { display: inline-block; width: 100%; padding: 20px 0; min-height: 600px; }
.search-section .container { max-width: 1000px; }
.search-form { display: inline-block; width: 100%; padding-right: 0px; position: relative; margin-bottom: 0px; }
.search-form .form-control { height: 55px; font-size: 17px; padding-left: 48px; transition: 0.5s; border-radius: 0px 5px 5px 0px; padding-right: 50px; }
.search-form .form-group .la.icons { width: 55px; text-align: center; height: 56px; line-height: 58px; position: absolute; left: 0; top: 0; pointer-events: none; }
.search-form .back-to-page { display: inline-block; width: 50px; height: 56px; position: absolute; top: 0; right: -66px; text-align: center; }
.search-form .back-to-page i.close { float: none; font-size: 20px; line-height: 56px; }
.search-section .nav-tabs { display: flex; width: 100%; margin: 0px 0 0; border: none; }
.search-section .nav-tabs .nav-link { font-size: 18px; font-weight: 400; background: none !important; border: none !important; padding: 13px 0; display: inline-block; margin-right: 25px; color: #202020; position: relative; }
.search-section .tab-content { display: inline-block; width: 100%; border: 1px solid #ddd }
.search-section .nav-tabs li a:after { content: ""; position: absolute; left: 50%; bottom: 0px; margin-left: -1px; width: 2px; height: 4px; background: none; }
.search-section .nav-tabs li a.active:after { width: 100%; background: #3BA04B; left: 0px; margin-left: 0px; }
.search-section .vendor_list { padding: 15px; }
.search-section .vendor_list .list { width: 33%; padding: 15px; }
.disehs-search-box { display: inline-block; width: 100%; padding: 30px; }
.disehs-search-header { display: inline-block; width: 100%; padding: 15px; background: #eceff5; border: 1px solid #d8dfed; position: relative; padding-left: 120px; }
.disehs-search-header h4, .disehs-search-header p { margin-bottom: 5px; }
.disehs-search-header .disehs-search-logo { display: inline-block; width: 80px; height: 80px; position: absolute; left: 15px; top: 15px; background-size: cover; background-repeat: no-repeat; background-position: center top; border: 1px solid #ddd; border-radius: 50%; }
.disehs-search-header p.icons { display: inline-block; position: absolute; top: 15px; right: 15px; white-space: nowrap; }
.disehs-search-header p.icons i { font-size: 18px; margin-left: 15px; display: inline-block; color: #999; margin: 0; margin-left: 15px; width: auto; }
.disehs-search-header p.icons i.scooter1 { position: relative; top: 3px; }
.disehs-search-header p { color: #666; }
.disehs-search-header .price span { margin-right: 15px; }
.disehs-search-header .price span.green { color: #00af4e; }
.disehs-search-header .price span.red { color: #fe0000; }
.disehs-search-box .contents { display: inline-block; width: 100%; padding: 10px; border: 1px solid #d8dfed; border-top: none; padding-bottom: 0; background: #fff; }
.disehs-search-box .offer_items.items { box-shadow: none; margin-bottom: 15px; }
.dish_tabs { display: inline-block; width: 100%; }
.search_content_drops { display: inline-block; width: 100%; background: #fff; padding: 15px 0; border-radius: 3px; border: 1px solid #c6c9cf; position: absolute; left: 0; top: 100px; z-index: 1; max-height: 400px; overflow: auto; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.12941176470588237); opacity: 0; visibility: hidden; transition: 0.5s; }
.search_content_drops ul, .search_content_drops ul li { display: inline-block; width: 100% }
.search_content_drops li a { position: relative; display: inline-block; width: 100%; text-decoration: inherit; padding: 10px 20px; }
.search_content_drops li h4 { margin-bottom: 0px; color: #333; font-size: 16px; margin-top: 0; font-weight: normal; }
.search_content_drops .title { color: #666 }
.search_content_drops a .img { display: inline-block; width: 45px; height: 45px; background-size: cover; background-repeat: no-repeat; border: 1px solid #ddd; position: absolute; left: 10px; top: 10px; text-align: center; line-height: 49px; color: #999; }
.search_content_drops li a:hover { background: #f3f5f9; }
.search_content_drops li.notype h4 { margin-top: 12px; font-weight: 30 }
.search_content_drops li { margin-bottom: 5px; }
.search_content_drops li.notype { margin-bottom: 0px; }
.search_active .search_content_drops { opacity: 1; visibility: visible; top: 77%; }
.search_active .form-control { border-radius: 3px; }
.search-form .form-group { width: 75%; float: right; }
.search-form .form_group.select_searchs { width: 25%; display: inline-block; float: left; }
.search-form .bootstrap-select>.dropdown-toggle { height: 55px; border-radius: 4px 0px 0px 4px; border-right: none; font-size: 16px; line-height: 55px; }
.search-form .bootstrap-select>.dropdown-toggle:before { line-height: 55px }
.search-form .bootstrap-select .dropdown-menu { z-index: 1; min-width: auto !important; top: -3% !important; width: 100%; border-radius: 0px 0px 5px 5px; border-top: none; }
.search-form .bootstrap-select .dropdown-menu li a { font-size: 15px; }
.search-form .bootstrap-select .dropdown-menu li .fi { font-size: 20px; margin-right: 5px; }
.search-form .bootstrap-select>.dropdown-toggle .fi { font-size: 19px; margin-right: 5px; }
.search-form .loader-circle { display: none; width: 35px; height: 55px; background: url(../img/loader.svg) no-repeat center; position: absolute; top: 0; background-size: 30px; right: 10px; }
.search-form .loader-circle.open { display: inline-block; }
.search-section h2.title { margin-bottom: 15px; font-size: 26px; }
.fk-loader { display: none; width: 100%; padding: 20px; margin: 0px; }
.fk-loader li { width: 33%; display: inline-block; float: left; padding: 15px; }
.fk-loader li .box { width: 100%; display: inline-block; height: 160px; background-color: #eee; animation-duration: 1.25s; animation-fill-mode: forwards; animation-iteration-count: infinite; animation-name: placeHolderShimmer; animation-timing-function: linear; background: darkgray; background: linear-gradient(to right, #eeeeee 10%, #dddddd 18%, #eeeeee 33%); background-size: 800px 104px; position: relative; opacity: 0.6; border: 1px solid #ddd; }
@keyframes placeHolderShimmer {
	0% { background-position: -468px 0 }
	100% { background-position: 468px 0 }
}
.fk-loader.show_loader { display: inline-block; }
.no-resultfound img { max-height: 250px; }
.home .alert { display: inline-block; }
.vendor_list .list:nth-child(4n+1) { clear: both; }
@media (min-width:1500px) {
	.vendor_list .list { width: 20%; }
	.vendor_list .list:nth-child(4n+1) { clear: inherit; }
	.vendor_list .list:nth-child(5n+1) { clear: both; }
}
.item_detail .action span.customize { position: absolute; top: -22px; font-size: 13px; font-weight: 400; left: 0; width: 100%; text-align: center; color: #3BA04B; }
ul.mini_cart li.vendor_service_type, ul.mini_cart li.vendor_branch_key { display: none; }
.ratings .reviews li .user_info a { color: #222 }
p.head_flex { display: inline-block; width: 100%; }
p.head_flex .cart_title { display: inline-block; float: left; width: calc(100% - 70px); }

/*preloader*/
.page_preloader { display: none; width: 100%; height: 100%; background: rgba(255, 255, 255, 1); position: fixed; z-index: 9997; left: 0px; top: 0px; text-align: center; justify-content: center; align-items: center; transition: 0.5s; visibility: visible; }
.lds-ring { display: inline-block; position: relative; width: 40px; height: 40px; }
.lds-ring div { box-sizing: border-box; display: block; position: absolute; width: 30px; height: 30px; margin: 8px; border: 2px solid #ed2a93; border-radius: 50%; animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; border-color: #ed2a93 transparent transparent transparent; }
.lds-ring div:nth-child(1) { animation-delay: -0.45s; }
.lds-ring div:nth-child(2) { animation-delay: -0.3s; }
.lds-ring div:nth-child(3) { animation-delay: -0.15s; }
@keyframes lds-ring {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}
.page_preloader .logo img { max-width: 150px; max-height: 71px; width: auto; height: auto; object-fit: cover; }
.page_preloader .logo { display: inline-block; width: 100%; margin-bottom: 45px; }
.page_preloader.hiddens { top: -100%; visibility: hidden; }
.input-group .has-error, .form-group .has-error { color: #ff2a2a; }
.welcome_image .btn { position: absolute; top: 20px; right: 20px; }
.welcome_image .modal-body img { max-width: 100%; max-height: 100%; height: auto; width: auto; }
.welcome_image .modal-content .modal-body { padding: 15px; }
.qty_box.disabled { pointer-events: none; opacity: 0.5; }
.mini_cart li.vendor .clear_cart { padding: 0; font-size: 12px; text-transform: uppercase; color: #3BA04B !important; margin-left: 4px; text-decoration: none; height: 30px; line-height: 30px; background: #fff; min-width: 70px; position: absolute; top: 7px; right: 5px; }
.welcome_image .modal-dialog { width: 100%; max-width: 600px; }
.design-search-list { display: inline-block; width: 100%; }
.design-search-list .search_content_drops { position: relative; visibility: visible; opacity: 1; max-height: inherit; overflow: inherit; top: 0; box-shadow: none; }
.search-section .title.h2 { color: #202020 !important; font-size: 22px; display: inline-block; margin-bottom: 20px; text-decoration: none; }
.search-section .title.h2 i { margin-right: 10px; }
.search_content_drops ul li.closed { opacity: 0.8; pointer-events: none; background: rgba(227, 227, 227, 0.32); }

/*expand menu*/
.item_menu ul li ul { margin-bottom: 5px; display: none; }
.item_menu ul li ul li a { font-weight: 300; color: #808080; font-size: 13px; padding-right: 25px; }
.item_menu ul li.active ul, .item_menu ul li ul.show-open { display: block; }
.item_menu ul li.click_show_menu a.sub_menu_had { color: #333; }
.item_menu ul li.active ul li a { color: #808080; }
.item_menu ul li.active ul li.active a, .item_menu ul li ul li.active a { color: #ED2490; }
.item_listing h3.sub-catname { font-size: 18px; font-weight: 400; margin-bottom: 15px; display: inline-block; width: 100%; }
.offer_items.items li.sub-header { width: 100%; }
.offer_items.items li.sub-header h3 { font-size: 18px; font-weight: 400; }

/*.item_menu ul.ss_scroll { max-height: calc(80vh - 150px); height: 80vh !important }*/
.item_menu ul li ul { max-height: inherit; }
.item_menu ul li.active.click_show_menu a.sub_menu_had { color: #ED2490; }

/*.item_menu ul::-webkit-scrollbar { width: 0 !important }
.item_menu ul { overflow: -moz-scrollbars-none; }
.item_menu ul { -ms-overflow-style: none; }
*/
.slimScrollRail { z-index: 9 !important; background: rgba(51, 51, 51, 0.24) !important }
.slimScrollBar { background: rgb(120, 125, 134) !important; z-index: 9 !important; }
.ventor_footer .float-left img { max-width: 22px; margin-right: 5px; object-fit: cover; }
.detail .vendor_info .vendor_features img { max-width: 21px; }
.vendor_features div.img-circle { display: inline-block; width: 30px; height: 30px; line-height: 25px; background: #fff; text-align: center; border-radius: 50%; margin-left: 6px; margin-bottom: 5px; }
.vendor_features div.ratings { width: 100%; }
.offer_items.items .item_detail .mt10 { margin-top: 5px !important }
.mobile-cms-terms .links-responsive { display: none }
.mobile-cms-terms .site_footer { display: none }
.outlet-modal .cc-content { border-bottom: 1px solid #ddd; border-radius: 5px 5px 0px 0px; padding: 20px 20px; padding-right: 60px; background: #fff; }
.outlet-modal .cc-content p.sub { margin: 0; display: inline-block; width: 100%; font-size: 16px; margin-top: 5px; color: #333; }
.outlet-modal .modal-dialog { max-width: 520px; }
.outlet-modal .modal-content { background: #F3F5F9 }
.outlet-modal .cc-content h3 { font-size: 20px; font-weight: normal; }
.outlet-modal .cc-content h3 span { font-weight: 700 }
.outlet-modal .cc-content .vendor_info { padding: 0; margin-bottom: 5px; }
.outlet-modal .cc-content .vendor_info .review { font-weight: normal; padding: 0; }
.ul_outltes a { display: inline-block; width: 100%; padding: 10px 20px; border-bottom: 1px solid #ddd; color: #333; }
.ul_outltes a span { display: inline-block; width: 100%; }
.ul_outltes a span.title { font-weight: 500; font-size: 17px; margin-bottom: 5px; }
.ul_outltes a:hover { background: #fff }
.ul_outltes a span i.fi { font-size: 15px; margin-right: 5px; }

/*card*/
.address_modal.ss-card .modal-dialog.md { max-width: 480px; }
.address_modal.ss-card .form-group { margin-bottom: 25px }

/*multiple cards*/
.multi-card .img-card-type { bottom: 65px; }
.multi-card .check-check { display: inline-block; width: 100%; margin-top: 15px; }
.multi-card .modal-content { background: #F3F5F9 }
.multi-card .saved-cards .box-card { background: #fff }
.form-control.cvc-code { width: 150px; border-radius: 4px; }
.cvv { display: inline-block; width: 100%; margin-top: 20px; }
.multi-card .single-card-view .img-card-type { bottom: auto; top: 80px; }
.cvv label { text-transform: uppercase; color: #999; }
.single-card-view.saved-cards li { width: 100% }
.multi-card .modal-dialog.sm { max-width: 460px }
.side_bar_cart .mini_cart li .switch { display: inline-flex; align-items: center; width: auto; }
.side_bar_cart .mini_cart li .switch input { display: none; }
.side_bar_cart .mini_cart li .switch span { margin-right: 10px; font-weight: bold; }
.side_bar_cart ul.mini_cart li.vendor { display: flex; justify-content: space-between; }
.footer-language { display: none; }
.available-Offers-modal .modal-dialog { width: 100%; }
.footer-language .bootstrap-select i, .footer-language .bootstrap-select .dropdown-menu span:first-child { width: 20px; height: 20px; float: left; margin-right: 5px; position: relative; top: 10px; background: url(../img/lang.png) no-repeat }
.footer-language .bootstrap-select i.en, .footer-language .bootstrap-select .dropdown-menu span.en { background-position: top }
.footer-language .bootstrap-select i.ar, .footer-language .bootstrap-select .dropdown-menu span.ar { background-position: bottom }
.footer-language .bootstrap-select .dropdown-menu { width: 180px }
.footer-language .bootstrap-select .dropdown-menu li a { padding: 0px 10px; background: none; color: #202020; line-height: normal; font-size: 13px; text-transform: uppercase; height: 40px; line-height: 40px; }
.footer-language .bootstrap-select .dropdown-menu li a:hover { background: #E5E7EB }
.footer-language .bootstrap-select>.dropdown-toggle { border: none; background: none !important; }
.footer-language .bootstrap-select .dropdown-menu .inner { overflow-x: inherit; }