/* -- Body -- Fixed Bottom -- Nav -- Grid Card -- Menu -- Extra -- Landing Page -- List card -- Login Page -- Verification -- Filter -- Cart -- Most Popular -- Profile -- Modal -- Map Page -- Restaurant -- Footer -- Mobile Media */ /* Body */ @import url('https://fonts.googleapis.com/css2?family=Mulish:wght@200;300;400;500;600;700;800;900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700&display=swap'); body { font-family: 'Montserrat', sans-serif; font-size: 14px; color: #000000; background: #fff; } .slick-slider { margin: 0 -8px; } .slick-slide { padding: 8px; } .font-weight-bold { font-weight: 600 !important; } .small, small { font-size: 11px !important; } div, a { outline: none !important; } .dropdown-item.active, .dropdown-item:active { background-color: #FF683A; } .border-primary { border-color: #e23844 !important; } .w-300 { max-width: 300px; } .form-control, .btn, .input-group-sm > .custom-select, .input-group-sm > .form-control, .input-group-sm > .input-group-append > .btn, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-prepend > .input-group-text { font-size: 13px; } /* Fixed Bottom */ .fixed-bottom { height: 58px; border-radius: 0px; box-shadow: 10px -1px 10px rgba(0, 0, 0, .075); } .fixed-bottom .btn { border-radius: 0px; border: none; height: 58px; } /* .fixed-bottom-bar { padding-bottom: 58px; } */ .h-auto { height: auto; } .modal-footer .btn { border-radius: 0px; } /* Nav */ .brand-wrap { position: absolute; left: 0; top: -35px; z-index: 1; border-radius: 100% !important; display: block; background: #fff; overflow: hidden; padding: 5px 25px 18px 25px; box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important; } .brand-wrap img { height: auto; max-width: 115px; } .toggle-2 { right: 17px !important; left: auto !important; } .hc-nav-trigger.toggle-2 span, .hc-nav-trigger.toggle-2 span::before, .hc-nav-trigger.toggle-2 span::after { background: #000; } .hc-nav-trigger.togglew span, .hc-nav-trigger.togglew span::before, .hc-nav-trigger.togglew span::after { background: #ffffff; } .cat-slider img { width: 80px; height: 80px; margin: auto; -webkit-filter: saturate(200%); filter: saturate(200%); object-fit: cover; border-radius: 50px; } .trending-slider .slick-slide img { max-height: 250px; min-height: 250px; object-fit: cover; } /* Grid Card */ .grid-card span.float-right.text-black-50 { display: none; } .grid-card .p-3 { padding: 10px !important; } /* Menu */ .siddhi-menu-fotter { padding: 0px !important; } .siddhi-menu-fotter .row { margin: 0px; } .siddhi-menu-fotter .col { padding: 0px; } .siddhi-menu-fotter .col a { padding: 12px; display: block; } .siddhi-menu-fotter .col a p { font-size: 19px; } .siddhi-menu-fotter .col.selected a { color: #dc3545; background: #f8f9fa; } .siddhi-menu-fotter .col.selected p { color: #dc3545; } .siddhi-menu-fotter .col.bg-white.rounded-circle.mt-n4.px-3.py-2 { width: 100px; min-width: 100px; max-width: 100px; height: 100px; min-height: 100px; max-height: 100px; margin: -15px 0 0 0 !important; } .siddhi-menu-fotter .col.bg-white.rounded-circle.mt-n4.px-3.py-2 a { width: 68px; color: #fff !important; height: 68px; font-size: 27px !important; padding: 16px; } /* Extra */ .border-custom-radio .custom-control-label::before { width: 100%; height: 100%; left: 0; right: 0; bottom: 0; top: 0; border-radius: .25rem !important; background: transparent !important; box-shadow: none !important; } .border-custom-radio .custom-control-input:checked ~ .custom-control-label::before { border-color: #FF683A; border: 1px solid #FF683A; } .border-custom-radio .custom-control-label::after { display: none; } .vendor-pic { position: absolute; right: 15px; height: 148px; border-radius: 4px; margin: 9px 0; } .modal-content { border: none !important; } .slick-dots { bottom: 20px !important; } .slick-prev, .slick-prev:hover, .slick-prev:focus { background: url("data:image/png;base64,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") no-repeat 50% 50%; } .slick-next, .slick-next:hover, .slick-next:focus { background: url("data:image/png;base64,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") no-repeat 50% 50%; } .slick-arrow, .slick-arrow:hover, .slick-arrow:focus { background-size: 6px; width: 34px; border-radius: 50px; height: 34px; margin: 0 8px; background-color: #fff; box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important; border: 1px solid #e4e7ea; z-index: 9; } .slick-next:before, .slick-prev:before { display: none; } .sticky_sidebar, .c-t-order, .siddhi-account { position: sticky; top: 15px; } .c-t-order li { border: none !important; margin: 5px 4px !important; } .c-t-order li a { background: #ffffff; border-radius: 6px !important; padding: 12px 14px !important; display: flex; align-items: center; } .c-t-order li a i { background: #fff; border: 1px solid #eff2f5; padding: 5px 5px; border-radius: 50px; box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important; font-size: 18px; vertical-align: bottom; } .c-t-order li a.active, .c-t-order li a:hover { background: #eff2f5 !important; } .c-t-order li a.active i { background: #e23844; color: #fff !important; border-color: transparent; } .dropdown-menu { background: #ffffff; border-radius: .40rem !important; margin: 0; padding: 6px; border: 1px solid #ffffff; box-shadow: 0px 6px 10px rgba(0, 0, 0, .1) !important; } .dropdown:hover .dropdown-menu { display: block; visibility: visible; opacity: 1; transform: translateY(0px); transition: .5s ease all; } .dropdown-menu { display: block; visibility: hidden; opacity: 0; transform: translateY(50px); transition: .5s ease all; } .dropdown-menu.show { display: block; visibility: visible; opacity: 1; transform: translateY(0px); transition: .5s ease all; } .dropdown-item { padding: 6px 10px; } .dropdown .dropdown-menu, .dropdown-item { font-size: 13px; border-radius: 6px; margin: 1px 0; } .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto { position: relative; width: 100%; padding-right: 8px; padding-left: 8px; } .row { margin-right: -8px; margin-left: -8px; } ::-webkit-scrollbar-button { width: 0; height: 0; display: none; } ::-webkit-scrollbar-corner { background-color: transparent; } ::-webkit-scrollbar-thumb { height: 6px; border: 4px solid transparent; background-clip: padding-box; -webkit-border-radius: 7px; border-radius: 7px; background-color: rgba(0, 0, 0, .15); -webkit-box-shadow: inset -1px -1px 0 rgba(0, 0, 0, .05), inset 1px 1px 0 rgba(0, 0, 0, .05); box-shadow: inset -1px -1px 0 rgba(0, 0, 0, .05), inset 1px 1px 0 rgba(0, 0, 0, .05); } ::-webkit-scrollbar { width: 4px; background-color: #ffffff; } ::-webkit-scrollbar-thumb { height: 50px; background: hsla(0, 0%, 53.3%, 0.4); } .btn-facebook { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#FF683A+0,e23744+100 */ background: #2b4170; /* Old browsers */ background: -moz-linear-gradient(45deg, #3b5998 0%, #2b4170 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, #3b5998 0%, #2b4170 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, #3b5998 0%, #2b4170 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3b5998', endColorstr='#2b4170', GradientType=1); /* IE6-9 fallback on horizontal gradient */ border-color: #3b5998; color: #ffffff !important; } .bg-primary { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#FF683A+0,e23744+100 */ background: #FF683A !important; } .btn-primary { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#FF683A+0,e23744+100 */ background: #FF683A; /* Old browsers */ /* IE6-9 fallback on horizontal gradient */ border-color: #FF683A; } .btn-primary:hover { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#FF683A+0,e23744+100 */ background: #FF683A; /* Old browsers */ background: -moz-linear-gradient(-45deg, #FF683A 0%, #FF683A 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, #FF683A 0%, #FF683A 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, #FF683A 0%, #FF683A 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF683A', endColorstr='#FF683A', GradientType=1); /* IE6-9 fallback on horizontal gradient */ border-color: #FF683A; } .btn-outline-primary { color: #FF683A; border-color: #FF683A; } .btn-outline-primary:hover { color: #ffffff; background: #FF683A; /* Old browsers */ background: -moz-linear-gradient(-45deg, #FF683A 0%, #FF683A 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, #FF683A 0%, #FF683A 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, #FF683A 0%, #FF683A 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF683A', endColorstr='#FF683A', GradientType=1); /* IE6-9 fallback on horizontal gradient */ border-color: #FF683A; } .text-primary { color: #FF683A !important; text-decoration: none !important; } a { color: #FF683A; text-decoration: none !important; } p { color: #424242; letter-spacing: 0.2px; } .btn-link { font-weight: 400; color: #FF683A; text-decoration: none !important; } .slick-dots { bottom: 20px !important; } /* Landing Page */ .landing-page-skip .img-fluid { max-height: 290px; } .landing-page-skip p { margin: 0px; } .landing-page-skip .zindex { right: 0; z-index: 9; } .landing-page-skip .slick-dotted.slick-slider { margin: 0px; } .landing-page-skip .siddhi-slider-item { padding: 0px 20px; } .btn-lg { font-size: 16px; padding: 16px 16px; font-weight: 600; } /* List card */ .list-card .count-number { margin: 4px 0 0 0; display: inline-block; } .list-card a, .list-card h6 { overflow: hidden; white-space: nowrap; font-size: 15px; text-overflow: ellipsis; color: #333; margin-bottom: 10px !important; } .list-card a:hover { color: #FF683A; } .list-card .star { right: 8px; bottom: 8px; } .trending-slider .list-card-body .list-card .star { right: 8px; bottom: 28px; } .list-card .star .badge { font-size: 11px; padding: 5px 5px; box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important; } .list-card .member-plan { left: 8px; top: 8px; } .list-card .member-plan .badge { font-size: 11px; padding: 5px 5px; box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important; } .list-card .list-card-image { position: relative; } .list-card .favourite-heart { right: 8px; top: 8px; box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important; } .list-card .favourite-heart i { background: #fff; width: 23px; height: 23px; display: inline-block; text-align: center; font-size: 15px; line-height: 24px; border-radius: 50px; } .list-card.d-flex .list-card-image { width: 130px; height: 140px; min-width: 130px; max-width: 130px; } .list-card.d-flex .list-card-image .item-img { height: 140px; object-fit: cover; } .list-card .list-card-body p.text-gray { /*overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 12px;*/ text-overflow: ellipsis; font-size: 13px !important; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; min-height: 35px; color: #555353; position: relative; padding-left: 16px; } .list-card .list-card-body p.text-gray span.fa.fa-map-marker { position: absolute; left: 0; top: 2px; font-size: 18px; } .list-card .list-card-body .list-unstyled.rating-stars { margin-bottom: 5px; } .list-card .p-3 { overflow: hidden; } .list-card.d-flex .list-card-body span.float-right.text-black-50 { display: none; } .rating-stars .feather-star { font-size: 15px; /*background: #000000;*/ color: #d5cdcb; padding: 1px; text-shadow: 0px 0px 1px #d2b128; border-radius: 5px; } .rating-stars .feather-star.star_active, .rating-stars .feather-star.text-warning { color: #f66a21 !important; } /* Login Page */ .login-page video { width: 50%; position: absolute; bottom: 0; right: 50%; } .otp input.form-control.form-control-lg { text-align: center !important; font-size: 44px; border: 1px solid #ccc !important; border-radius: 8px; margin: auto; } .login-page { /*background: #fff;*/ } .login-page .form-control { background: no-repeat; border: none; color: #000; border-bottom: 1px solid rgb(160 160 160 / 32%); border-radius: 0px; padding: 0px; box-shadow: none !important; } .login-page .form-control:hover, .login-page .form-control:focus { color: #000; border-bottom: 1px solid #000; } .login-page label { margin: 0px; opacity: 0.8; } .login-page .form-group { margin-bottom: 30px; } .login-page::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: rgb(255 255 255 / 65%) !important; opacity: 1; /* Firefox */; } .login-page:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: rgb(255 255 255 / 65%) !important; } .login-page::-ms-input-placeholder { /* Microsoft Edge */ color: rgb(255 255 255 / 65%) !important; } .login-page .form-control#mobileNumber { padding-left: 110px; } /* Verification */ .siddhi-verification .form-control { text-align: center; font-size: 47px; border-bottom: 2px solid #ccc !important; border: none; border-radius: 0px; font-weight: 300; box-shadow: none; } /* Filter */ .filter .custom-control-label::before { right: 1rem; left: auto; margin: auto; top: 0; bottom: 0; } .filter .custom-control-label::after { left: auto; right: 1rem; margin: auto; top: 0; bottom: 0; } .custom-control-input:checked ~ .custom-control-label::before { color: #fff; border-color: #FF683A; background-color: #FF683A; } /* Cart */ .gold-members h6, .menu-list h6 { font-size: 14px; } .gold-members .badge, .menu-list .badge { font-size: 10px; font-weight: 500; padding: 4px 6px 4px 6px; } .menu-list img { width: 41px; height: 41px; object-fit: cover; } .count-number .btn { padding: 2px 5px; font-size: 12px; border-radius: 0px; } .count-number-input { width: 13px; text-align: center; margin: 0 -4px; background: #6c757d; border: none; color: #fff; height: 24px; border-radius: 0px; vertical-align: bottom; } .non_veg, .veg { width: 20px; border: 1px solid; height: 20px; border-radius: 3px; font-size: 32px; text-align: center; line-height: 0px; } /* Most Popular */ .most_popular .trending-slider img { border-radius: 10px; padding: 0px 4px; margin: 8px 0 0 0; } /* Map Page */ .siddhi-track-order-page { min-height: 676px; } .food-item { border: 1px solid; border-radius: 2px; display: inline-block; font-size: 31px; height: 12px; line-height: 5px; text-align: center; width: 12px; vertical-align: text-bottom; padding: 0 2px; margin: 0px 3px 2px 0px; } .siddhi-point { z-index: 1; width: 50%; border-radius: 50%; padding-bottom: 50%; pointer-events: none; background-color: rgba(225, 48, 8, .2); border: 1px solid #ff3008; } .siddhi-map iframe { width: 100% !important; } .siddhi-map .toggle { z-index: 9; margin: 2px 0 0 4px; } .siddhi-map .mapouter.position-absolute { width: 100%; height: 100vh; } .siddhi-map .bg-primary.border-bottom { position: absolute; z-index: 9; width: 100%; } .siddhi-map .fixed-bottom { padding: 10px 0px; } .siddhi-map .list-card.d-flex .list-card-image .item-img { width: 100px; height: 100px; } .siddhi-map .list-card.d-flex .list-card-image { width: 100px; height: 100px; min-width: 100px; max-width: 100px; } .siddhi-map .member-plan { text-align: center; background: rgb(255 255 255 / 18%); font-size: 12px; padding: 7px 5px; margin: 0 1px; border-radius: 43px; } .gold-members .mr-2 { border: 1px solid; width: 15px; height: 15px; text-align: center; border-radius: 3px; font-size: 35px; line-height: 7px; } .index-page img { height: 130px; } .spinner { width: 180px; height: 180px; margin: auto; background-color: #fff; position: absolute; left: 0; right: 0; top: 0; bottom: 0; pointer-events: none; border-radius: 100%; -webkit-animation: sk-scaleout 1.0s infinite ease-in-out; animation: sk-scaleout 1.0s infinite ease-in-out; } @-webkit-keyframes sk-scaleout { 0% { -webkit-transform: scale(0); } 100% { -webkit-transform: scale(1.0); opacity: 0; } } @keyframes sk-scaleout { 0% { -webkit-transform: scale(0); transform: scale(0); } 100% { -webkit-transform: scale(1.0); transform: scale(1.0); opacity: 0; } } /* right bounce */ @-webkit-keyframes bounceRight { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateX(0); transform: translateX(0); } 40% { -webkit-transform: translateX(-30px); transform: translateX(-30px); } 60% { -webkit-transform: translateX(-15px); transform: translateX(-15px); } } @-moz-keyframes bounceRight { 0%, 20%, 50%, 80%, 100% { transform: translateX(0); } 40% { transform: translateX(-30px); } 60% { transform: translateX(-15px); } } @keyframes bounceRight { 0%, 20%, 50%, 80%, 100% { -ms-transform: translateX(0); transform: translateX(0); } 40% { -ms-transform: translateX(-30px); transform: translateX(-30px); } 60% { -ms-transform: translateX(-15px); transform: translateX(-15px); } } /* /right bounce */ .feather-arrow-right { -webkit-animation: bounceRight 2s infinite; animation: bounceRight 2s infinite; } .location-page .img-fluid { max-width: 360px; } /* Restaurant */ .vendor-detailed-ratings-and-reviews hr { margin: 0 -16px; } .reviews-members-footer img { width: 22px; height: 22px; border: 2px solid #fff; box-shadow: 0px 0px 12px #ccc; margin: 0 -3px; } .total-like { font-size: 11px; padding: 2px 6px; } .reviews-members-body p { font-size: 12px; } .reviews-members-header h6 { font-size: 14px; } .graph-star-rating-body .progress { border-radius: 40px; height: 6px; } .rating-list { display: flex; margin: 6px 0; align-items: center; justify-content: space-between; } .rating-list-center { margin: auto; width: 70%; } .rating-list-left { width: 20%; font-size: 10px !important; font-weight: 400 !important; } .rating-list-right { width: 10%; text-align: right; font-size: 10px !important; font-weight: 400 !important; } .offer-section { background-color: #000; } /* header-user-img */ .header-user { height: 32px; width: 32px; object-fit: cover; } /* dropdown css */ .drop-loc { width: 250px; } /* footer css */ footer .text-muted { color: #bdbdbd !important; } .hov_footer a:hover { color: #fff !important; } .section-footer { background: #000000 !important; } .section-footer .border-top { border-top: 1px solid rgb(222 226 230 / 9%) !important; } .section-footer ul li { line-height: 29px; } .section-footer ul { margin: 0px; } .footer-about img { height: 75px; /*background: #fff;*/ border-radius: 0px; padding: 0; } .footer-about .btn { padding: 0px; border: 1px solid #3d3d3e; display: flex; align-items: center; justify-content: center; width: 25px; height: 25px; } .footer-about p.text-muted { line-height: 23px; } /* orders css */ .sc-siddhi-logo { height: 30px; } .custom-tabs.nav-tabs .nav-item.show .nav-link, .custom-tabs.nav-tabs .nav-link.active { border-bottom: 2px solid #FF683A !important; } .search .nav-tabs .nav-item.show .nav-link, .search .nav-tabs .nav-link.active { border-bottom: 2px solid #FF683A !important; background-color: #FF683A !important; color: #ffffff !important; } .order_img { height: 88px; max-width: 110px; object-fit: cover; } /* offers image */ .offers_img { height: 130px; } .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { border-bottom: 2px solid #dc375d !important; color: #dc375d !important; } /* side bar sticky */ .sticky_sidebar { position: sticky; top: 10px; } /* search border */ .input_search { border-radius: 50px 0px 0px 50px; } .border_search { border-radius: 0px 50px 50px 0px !important; } /* Mobile Media */ @media (max-width: 992px) { .container, .container-md, .container-sm { max-width: 100%; } .m-none { display: none !important; } .section-header { display: none; } .header-main { height: 67px; } .header-main .col-1 { width: auto !important; min-width: auto !important; max-width: unset; flex: unset !important; padding: 8px; } .header-main .row.align-items-center { height: 67px; } .header-main .col-8 { flex: unset; margin-left: auto; padding: 0px; } .header-main .col-8 .hc-nav-trigger { top: 0px; right: 8px; } .d-none { display: block !important; } .vendor-pic { display: none; } /*.fixed-bottom-bar { padding-bottom: 56px; } .h*/ c-nav-trigger { top: 18px; left: 17px; } /*footer.section-footer.border-top.bg-dark { display: none; }*/ .pb-5, .py-5 { padding-bottom: 1rem !important; } .pt-5, .py-5 { padding-top: 1rem !important; } .hc-nav-trigger span, .hc-nav-trigger span::before, .hc-nav-trigger span::after { background: #ffffff !important; } .login-page .px-5.col-10.mx-auto { margin: 0px !important; padding: 0px !important; width: 100% !important; flex: unset !important; max-width: 100%; } } @media (max-width: 576px) { .container, .container-md, .container-sm { max-width: 100%; } .m-none { display: none !important; } .section-header { display: none; } .header-main { height: 67px; } .header-main .col-1 { width: auto !important; min-width: auto !important; max-width: unset; flex: unset !important; padding: 8px; } .header-main .row.align-items-center { height: 67px; } .header-main .col-8 { flex: unset; margin-left: auto; padding: 0px; } .header-main .col-8 .hc-nav-trigger { top: 0px; right: 8px; } .d-none { display: block !important; } .vendor-pic { display: none; } /*.fixed-bottom-bar { padding-bottom: 56px; }*/ .hc-nav-trigger { top: 18px; left: 17px; } /*footer.section-footer.border-top.bg-dark { display: none; }*/ .pb-5, .py-5 { padding-bottom: 1rem !important; } .pt-5, .py-5 { padding-top: 1rem !important; } .hc-nav-trigger span, .hc-nav-trigger span::before, .hc-nav-trigger span::after { background: #ffffff !important; } .login-page video { display: none; } .login-page .px-5.col-10.mx-auto { margin: 0px !important; padding: 0px !important; width: 100% !important; flex: unset !important; max-width: 100%; } } .header-main .pac-target-input#user_locationnew { width: 100%; height: 32px; border-radius: 4px; background-color: #ffffff; border: 1px solid #a6a7ae; padding: 0 40px 0 10px; overflow: hidden; text-overflow: ellipsis; } .banner-inner { position: relative; } .banner-img img { max-width: 100%; width: 100%; } .homebanner-content { position: absolute; top: 50%; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); } .homebanner-content h1 { font-size: 34px; text-transform: none; font-weight: 600; color: #ffffff; margin-bottom: 30px; } .homebanner-content h1 span { color: #ffc222; } .homebanner-content h4 { font-size: 28px; font-weight: 700; color: #00a24a; margin-bottom: 15px; } .homebanner-content p { color: #fff; margin-bottom: 30px; } .homebanner-content .ban-btn a { background: #FF683A; color: #fff; padding: 10px 30px; border-radius: 5px; display: inline-block; font-size: 15px; font-weight: 700; text-transform: uppercase; border: 2px solid #FF683A; } .homebanner-content .ban-btn a:hover { color: #FF683A; background: none; } .homebanner-content .ban-btn span.price { font-size: 25px; font-weight: 700; color: #00a24a; margin-bottom: 15px; margin-left: 15px; } .homebanner-content .ban-btn span.price sup { color: #848286; font-size: 16px; margin-left: 10px; top: -3px; } .title { /*justify-content: center;*/ } .title h5 { position: relative; padding-bottom: 0px; margin-bottom: 10px !important; font-size: 20px; font-weight: 600; letter-spacing: 0.5px; } .title h5::after { /*content: "";*/ position: absolute; bottom: 0; left: 0; background: #FF683A; width: 80px; height: 3px; border-radius: 50px; right: 0; margin: auto; } .feather-star::before { content: "\f005"; font-family: FontAwesome; } .feather-star.star_active::before { content: "\f005"; font-family: FontAwesome; } .rounded { border-radius: 0.75rem !important; } .most_popular .list-card-image .img-fluid, .res-search-list .list-card-image .img-fluid { max-height: 200px; min-height: 200px; object-fit: cover; } .res-search-list-1 .list-card-image .img-fluid { max-height: 200px; min-height: 200px; object-fit: cover; } #order-items .photo img.order_img { max-width: 120px; object-fit: cover; } #order-items .item-detail p { font-size: 14px; } #order-items .item-detail p.name { font-size: 17px; } #order-items .item-detail p label { margin-right: 10px; font-weight: bold; } .order-list { width: 100%; } .order-list tr td, .order-list tr th { padding: 10px 2px; } .order-list tr th { font-size: 15px; border-bottom: 1px solid #dee2e6 !important; } .order-list tr td { font-size: 15px; } .order-list tr td.prod-name { padding-left: 15px; } .order-list tr td.price { font-size: 17px; color: #FF683A; font-weight: 700; } .order-list td.ord-photo { max-width: 150px; width: 150px; } .order-list td.ord-photo img { width: 100%; object-fit: cover; } #cart_list .media-body .extras > *, #cart_list .media-body .size > * { display: inline-block; margin-bottom: 0; } #cart_list .close { font-size: 1rem; } .siddhi-cart-item .siddhi-cart-item-profile { display: table !important; width: 100% !important; text-align: center; } .siddhi-cart-item .siddhi-cart-item-profile > img { max-width: 250px; display: inline-block; height: 250px; object-fit: cover; margin: 0 !important; width: 100%; } .d-flex.flex-column { text-align: left; } .delevery-partner h3, .delivery-box h3 { font-size: 14px; font-weight: 600; color: #333; } .delevery-partner > span { color: #6c757d !important; } .delevery-partner .tip-box { margin-top: 15px; margin-left: -5px; margin-right: -5px; } .delevery-partner .tip-box .custom-control.custom-radio { width: 25%; display: inline-block; margin-right: -3px; text-align: center; padding: 0px 5px !important; border: 0 !important; position: relative; cursor: pointer; } .delevery-partner .tip-box .custom-control.custom-radio input[type="radio"] { position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; cursor: pointer; } .delevery-partner .tip-box .custom-control.custom-radio .custom-control-label { position: relative; margin-bottom: 0; vertical-align: top; display: block; padding: 10px 5px; background: #fff; z-index: 2; border-radius: 5px; cursor: pointer; font-weight: 500; color: #333; font-size: 15px; border: 1px solid #dae0ef; } .delevery-partner .tip-box .custom-control.custom-radio .custom-control-label::before { left: 0; right: 0; top: 0; bottom: 0; width: auto; height: auto; z-index: -1; border: 0; border-radius: 5px; } .delevery-partner .tip-box .custom-control.custom-radio .custom-control-label::after { display: none; } .delevery-partner .tip-box .custom-control.custom-radio#add_tip_box { width: 100%; margin-top: 17px; } .delevery-partner .tip-box .custom-control.custom-radio#add_tip_box input[type="number"] { height: 35px; border: 1px solid rgba(0, 0, 0, .1); width: 100%; padding: 5px 10px; } .delevery-partner .tip-box .custom-control.custom-radio .custom-control-input:checked ~ .custom-control-label { color: #fff; } .strick_price { padding-left: 10px; } body { position: relative; } .dataTables_processing.panel-default { text-align: center; font-size: 20px; font-weight: 600; letter-spacing: 4px; padding-top: 10%; z-index: 8; } .dataTables_processing.panel-default:after { content: ""; background: url(../img/loading-loader.gif) no-repeat center; width: 110px; height: 73px; display: inline-block; position: absolute; top: 5%; left: 0; right: 0; margin: auto; background-size: 100%; } .reviews-members .media img { width: 50px; height: 50px; object-fit: cover; } .sec-title h2 { position: relative; padding-bottom: 5px; margin-bottom: 5px !important; font-size: 25px; font-weight: 700; letter-spacing: 0.5px; } .sec-title p.sub-title { font-size: 15px; } .payment-table tr th, .payment-table tr td { padding: 10px 15px; font-size: 16px; font-weight: 600; text-align: left; } .payment-table tr th { font-size: 16px; text-transform: uppercase; color: #fff; background: #F77953; font-weight: 700; } .payment-table .payment-button .razorpay-payment-button { border: 0; background: 0; padding: 0; font-size: 19px; font-weight: 700; color: #f77953; } .siddhi-checkout.siddhi-checkout-payment { min-height: 70vh; } .checkout-payment-options .custom-control { padding-left: 2.5rem; } .checkout-payment-options .custom-control-label { cursor: pointer; font-size: 15px; } .checkout-payment-options .custom-control-label::before { left: -1.5rem; } .checkout-payment-options .custom-control-label::after { left: -1.5rem; } /*.header-main .icon{color: #343a40 !important;}*/ .header-main .takeaway-btn { position: relative; padding: 8px 10px; border-radius: 5px; z-index: 1; overflow: hidden; color: #fff; white-space: nowrap; } .header-main .takeaway-div input[type="checkbox"] { border: 0; appearance: none; -webkit-appearance: none; -ms-appearance: none; position: absolute; cursor: pointer; left: 0; right: 0; top: 0; bottom: 0; } .header-main .takeaway-div input[type="checkbox"]:before { font-style: normal; font-variant: normal; text-transform: none; line-height: 1; position: absolute; top: 0; font-weight: 700; left: 0; opacity: 1; background: #FF683A; content: ""; right: 0; bottom: 0; z-index: -1; border-radius: 5px; } .header-main .takeaway-div input[type="checkbox"]:checked:before { opacity: 1; background: #FF683A; } .most_sale .list-card .list-card-body p.text-gray { text-overflow: initial !important; white-space: normal; word-break: break-word; position: relative; padding-left: 20px; overflow: visible; -webkit-box-orient: inherit; -webkit-line-clamp: inherit; } .most_sale .list-card .list-card-body p.text-gray .fa.fa-map-marker { position: absolute; left: 0; top: 2px; font-size: 18px; } .delevery-option .custom-control-label { cursor: pointer; } .offer_coupon_code { display: table; width: 100%; } .offer_coupon_code .offer_code { background: #fcf8f3; border: 2px dashed #cacfda; padding: 7px 25px; border-radius: 3px; text-transform: uppercase; color: #FF683A; font-weight: 700; letter-spacing: 0.5px; display: inline-block; margin: 0 !important; } .offer_coupon_code .offer_code p.badge { color: #FF683A; text-transform: none; } .offer_coupon_code .offer_price { font-weight: 600; color: #FF683A; font-size: 17px; float: right; padding-top: 10px; } .list-card .offer_coupon_code a { margin-left: 5px; } .offer_coupon_code .star.position-absolute { width: auto; margin-top: 0 !important; bottom: 42px; line-height: 1; } .list-card-body .offer-btm { position: relative; } .list-card-body .offer-btm h6 { padding-right: 95px; width: 100%; margin: 0 !important; } .list-card-body .offer-btm .star.position-absolute { right: 0; top: 0px; bottom: auto; margin: 0 !important; } .list-card .offer_coupon_code .star .badge, .list-card-body .offer-btm .star .badge { font-size: 15px; letter-spacing: 1.5px; background: none; color: #000; box-shadow: none !important; padding: 2px 5px; } .list-card .offer_coupon_code .star .badge .feather-star, .list-card-body .offer-btm .star .badge .feather-star { padding-right: 5px; color: #FF683A; } .list-card .offer_coupon_code .star .badge .feather-star.star_active, .list-card-body .offer-btm .star .badge .feather-star.star_active { color: #FF683A !important; } .offer-section .rating-stars .feather-star { color: #fff; } .feather-star.star_active { color: #FF683A; } .header-right > .d-flex > .mr-4 { margin-right: 15px !important; } .header-right .text-dark { font-weight: 500; } #trendingList .list-card .list-card-body p.text-gray.rating { display: none; } .list-card .member-plan .badge.open { background: #28a745; } .list-card .member-plan .badge.closed { background: #ff0404; } .gold-members .modal-body h6 { font-size: 18px; } .modal-body .recepie-body > div:last-child { margin-top: 20px; } .modal-body .recepie-body .custom-control .custom-control-label { display: block; font-size: 16px; cursor: pointer; font-weight: 600; text-transform: capitalize; color: #606060; } .modal-body .recepie-body .custom-control .custom-control-label > span.text-muted { float: right; color: #FC6C40 !important; font-weight: 700; } .modal-body .recepie-body .product-item-box > p { font-size: 18px; color: #000; font-weight: 600; } /****************homepagenew*************/ .head-loc i.feather-map-pin { border: 1px solid #dddee4; border-radius: 50px; } .head-search .dropdown-toggle { } .head-search .dropdown-toggle::after { position: absolute; right: 20px; } .cat-item a.cat-link p { font-size: 14px !important; color: #333333 !important; font-weight: 500; margin-top: 15px !important; } .cat-item a.cat-link i.fa { width: 36px; height: 36px; border-radius: 50px; box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); background-color: #ffffff; color: #a0a0a0; font-size: 23px; margin-top: 15px; line-height: 35px; text-align: center; } .cat-item a.cat-link { background-color: #fafafc; border: 1px solid #e2e4eb; } .cat-item a.cat-link:hover { box-shadow: 0 0 15px rgba(0, 0, 0, 0.05) !important; background-color: #FF683A !important; } .cat-item a.cat-link:hover i.fa { color: #FF683A !important; } .cat-item a.cat-link:hover p { color: #fff !important; } #trending-slider .list-card .star { bottom: -40px; z-index: 8; right: 18px; } #trending-slider .list-card-body { padding-right: 55px; } #most_sale1 .list-card { position: relative; } #most_sale1 .list-card:before { position: absolute; content: ""; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 9%, rgba(0, 0, 0, 0.93) 100%); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 9%, rgba(0, 0, 0, 0.93) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 9%, rgba(0, 0, 0, 0.93) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#ed000000', GradientType=0); } .position-absolute.most-pop-bottom { bottom: 10px; left: 15px; right: 15px; z-index: 4; padding-bottom: 0 !important; } #most_sale1 .list-card .list-card-image img { max-height: 370px; min-height: 370px; object-fit: cover; } .most_sale .list-card .most-pop-bottom .list-card-body p.text-gray, .most-pop-bottom .list-card-body h6 { color: #fff; } .most-pop-bottom .list-card-body h6 a { color: #fff; } .hc-offcanvas-nav h2 { background: #FF683A !important; } .hc-offcanvas-nav:not(.touch-device) li:not(.custom-content) a:hover { background: #FF683A !important; color: #fff; } .hc-offcanvas-nav li a:hover .nav-next::before, .hc-offcanvas-nav li a:hover span::before { color: #fff !important; border-color: #fff; } .list-card .star.position-relative { right: 0; bottom: 0; } .list-card-body .offer-btm { display: table; width: 100%; margin-bottom: 10px !important; } .list-card .list-card-body .offer-btm p.text-gray { min-height: inherit !important; height: auto; margin: 0; position: absolute; right: 0; top: 0; } .list-card .star.position-relative span.badge.badge-success .feather-star { color: #fff !important; } .resturant-banner .vendor-pic { width: 100%; position: static !important; height: 300px; object-fit: cover; border-radius: 12px; margin: 0; } .offer-section.resturant-banner { background: none; } .rest-basic-detail h2.h6 { font-size: 17px; color: #333; } .rest-basic-detail p#vendor_address { font-size: 14px; color: #555353 !important; font-weight: 500 !important; } .rest-basic-detail p#vendor_address > span.fa { margin-right: 10px; } .rest-basic-detail .rest-time .time { font-size: 14px; color: #555353 !important; } .rest-basic-detail .feather_icon > .row { margin-right: 0; } .rest-basic-detail .feather_icon .fu-review, .rest-basic-detail .feather_icon .fu-status { justify-content: end; } .rest-basic-detail .feather_icon .fu-time a.rest-right-btn { border: 0; padding: 5px 0 !important; margin: 0 !important } .rest-basic-detail .feather_icon .fu-status a.rest-right-btn { border: 0; padding: 0px 0 !important; margin: 0 !important; font-size: 15px; } .rest-basic-detail .feather_icon .fu-status a.rest-right-btn > span { font-size: 12px !important; color: #fff !important; padding: 5px 10px 7px 10px; border-radius: 5px; opacity: 1; } .rest-basic-detail .feather_icon .fu-status a.rest-right-btn > span.close { background: #ff0404; } .rest-basic-detail .feather_icon .fu-status a.rest-right-btn > span.open { background: #FF683A; } .rest-basic-detail .feather_icon a.rest-right-btn { border-radius: 6px; background-color: rgba(255, 255, 255, 0); border: 1px solid #FF683A; padding: 8px 10px !important; vertical-align: middle !important; } .rest-basic-detail .feather_icon a.rest-right-btn:hover { color: #FF683A; opacity: 0.8; } .rest-basic-detail .feather_icon a.btn { border-radius: 6px; background-color: rgba(255, 255, 255, 0); border: 1px solid #FF683A; padding: 7px 15px !important; vertical-align: middle !important; color: #FF683A; } .rest-basic-detail .feather_icon a.rest-right-btn .feather-star { color: #FF683A !important; } .vendor-detail-left h4.h6, .sidebar-header h3.h6 { font-weight: 700 !important; color: #333333; font-size: 20px; position: relative; padding-bottom: 10px; } .vendor-detail-left h4.h6:after, .sidebar-header h3.h6:after { position: absolute; content: ""; width: 55px; height: 2px; background-color: #FF683A; bottom: 0; left: 0; } .vendor-detail-left h6 { font-size: 16px; color: #333333; font-weight: 600; } .vendor-detail-left h6 small { color: #666666 !important; font-weight: 400; font-size: 16px !important; text-transform: none !important; } .vendor-detail-left .resitem-list-view .modal-body h6 { font-size: 14px; color: #333333; font-weight: 600; margin-top: 10px; } .vendor-detail-right #vendor_place h6#vendor_name_place { margin-bottom: 10px !important; } .vendor-detail-right #vendor_place p#vendor_location_place { font-size: 13px !important; color: #000 !important; } .vendor-detail-right #vendor_place p#vendor_location_place i.feather-map-pin { margin-right: 5px; } .feather-star { margin-right: 2px; color: #d5cdcb !important; } .feather-star.text-warning { color: #FF683A !important; } .list-card-image .badge.badge-success .feather-star { color: #fff !important; } .vendor-detail-left .reviews-members-header h6 { font-size: 16px; color: #2a2a2a; padding-bottom: 7px; } .vendor-detail-left .reviews-members-body p { font-size: 15px; color: #9091a4; font-weight: 500; } .count-number-box .count-number, .count-number { border-radius: 6px; background-color: rgba(255, 255, 255, 0); border: 1px solid #c9c8d2; display: block; } .count-number-box .count-number button.count-number-input-cart, .count-number button.btn-sm.btn { border: 0; background: none; } .count-number-box .count-number .count-number-input, .count-number .count-number-input { background: none; color: #FF683A; } .count-number-box .count-number button.count-number-input-cart:hover, .count-number button.btn-sm.btn:hover { color: #FF683A; } .count-number-box .count-number button.count-number-input-cart:focus, .count-number button.btn-sm.btn:focus { box-shadow: none; } .sidebar-item-list .product-item .media-body p { font-size: 14px; color: #333333; font-weight: 600; } .sidebar-item-list .product-item .media-body p span.sku { display: block; } .count-number-box p.text-gray { font-size: 14px !important; color: #333333 !important; font-weight: 500 !important; margin-left: 5px !important; } .variant-info { padding-top: 10px; } .variant-info ul { display: flex; padding-left: 0; list-style-type: none; margin-bottom: 0; } .variant-info ul li { margin-right: 10px; padding-right: 10px !important; border-right: 1px solid #dee2e6; font-size: 13px !important; display: flex; padding: 0px 0px; font-size: 10px; margin-bottom: 2px; } .variant-info ul li:last-child { border: 0; } .variant-info ul li span.label::after { content: ":"; padding-left: 3px; } .sidebar-item-list .product-item .variant-info ul { padding-left: 0; list-style-type: none; margin-bottom: 0; display: table; width: 100%; } .sidebar-item-list .product-item .variant-info ul li { display: flex; padding: 0px 0px !important; font-size: 10px !important; margin-bottom: 2px; border: 0; } .sidebar-item-list .product-item .variant-info ul li span.label, .variant-info ul li span.label { font-weight: 600; min-width: 45px; } .sidebar-item-list .product-item .variant-info ul li span.label::after { content: ":"; padding-left: 3px; } .sidebar-item-list .product-item .variant-info ul li span.value, .variant-info ul li span.value { font-weight: 400; } .gold-members .add-btn { position: relative; padding-bottom: 25px; } .gold-members .add-btn .menu-itemimg img { width: 107px; height: 83px; border-radius: 10px; object-fit: cover; } .gold-members .add-btn .menu-itembtn { position: absolute; bottom: 10px; left: 0; right: 0; text-align: center; } .gold-members .add-btn .menu-itembtn a.btn { border-radius: 6px; background-color: rgba(255, 255, 255, 1); border: 1px solid #FF683A; color: #FF683A; font-weight: 500; font-size: 14px; line-height: 1; padding: 8px 12px; } #cart_list .close { cursor: pointer; } .vendor-detail-left .resitem-list-view h6 { font-weight: 500; } .resitem-list-view .media-body p.text-muted { font-weight: 600; color: #333333 !important; font-size: 18px; margin-top: 10px; } .vendor-detail-right .btm-total p { font-weight: 600; color: #333; font-size: 14px; margin-bottom: 15px !important; } .open-ticket-btn, .select-sec-btn { position: fixed; top: 280px; left: -60px; transform: rotate(-90deg); z-index: 5; margin: 0 !important; width: auto !important; } .open-ticket-btn a, .select-sec-btn a { font-weight: 700; border-radius: 0px 0px 5px 5px; margin: 0 !important; transition: all ease .5s; -webkit-transition: all ease .5s; border: 2px solid transparent; color: #fff; padding: 4px 16px; font-size: 13px; background-color: #FF683A; display: inline-block; border: 2px solid #FF683A; } .open-ticket-btn a:hover, .select-sec-btn a:hover { background: none; color: #FF683A; padding: 8px 16px; } .select-sec-btn { left: auto; right: -52px; } .select-sec-btn a { border-radius: 5px 5px 0px 0px; } #select_store_model .modal-dialog .modal-header h5 { display: block; width: 100%; text-align: center; font-weight: 600; margin-bottom: 0; } #select_store_model .modal-dialog { max-height: 800px; } .section_list .section-block { border: 1px solid #e2e4eb; height: 100%; cursor: pointer; position: relative; } .section_list .section-block:hover, .section_list .section-selected .section-block { border-color: #FF683A; } .section_list .section-block .section-img img { height: 50px; object-fit: contain; } .section_list .section-block .section-name { font-weight: 500; } .section_list .section-block:before { content: ''; position: absolute; top: 0; left: 0; width: 22px; height: 22px; z-index: 0; border: 1px solid #b1b8bb; border-radius: 1px; margin-top: 2px; -webkit-transition: .2s; -o-transition: .2s; transition: .2s; z-index: 2; opacity: 0; } .section_list .section-block:after { content: ''; position: absolute; top: 0; left: 0; width: 22px; height: 22px; z-index: 0; border: 1px solid #b1b8bb; border-radius: 10px 0px 6px 0px; margin-top: 0px; -webkit-transition: .2s; -o-transition: .2s; transition: .2s; background: #b1b8bb; opacity: 0; } .section_list .section-selected .section-block:before { border-top: 2px solid transparent; border-left: 2px solid transparent; -webkit-transform: rotate(40deg); -ms-transform: rotate(40deg); transform: rotate(40deg); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; transform-origin: 100% 100%; border-right: 2px solid #fff; border-bottom: 2px solid #fff; top: 0px; left: 1px; width: 9px; height: 15px; opacity: 1; } .section_list .section-selected .section-block:after { opacity: 1; } .transactions-banner { background: #FF683A; padding-top: 50px !important; padding-bottom: 50px !important; margin-top: 15px; } .transactions-banner .traban-right a.btn.btn-primary { border-radius: 50px; background: #ffffff; color: #FF683A; font-size: 18px; text-transform: uppercase; letter-spacing: 0.5px; padding: 16px 38px; font-weight: 600; line-height: 1; } .card-icon > span { display: inline-block; width: 70px; height: 70px; border-radius: 50px; background: #fff1ed; color: #FF683A; text-align: center; font-size: 20px; padding: 18px 3px; } .res-search-list { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -8px; } .res-search-list .transactions-list-wrap { width: 50%; padding: 0 8px; } .res-search-list .transactions-list-wrap .transactions-list-view { height: 100%; align-items: center; display: flex; position: relative; } .transactions-list-view .transactions-list img { object-fit: cover; } .transactions-list .transactions-list-left { /*align-items: center;*/ } .res-search-list .transactions-list-wrap .transactions-list-view .transactions-list { width: 100%; } .transactions-list .media-body h6.date { font-size: 16px; font-weight: 600 !important; } .transactions-list .media-body p.text-muted { font-weight: 500; font-size: 16px; } .transactions-list .price { color: #27b047; font-size: 20px; font-weight: 700 !important; } .transactions-list .go-arror { font-size: 30px; color: #666 !important; } .transactions-list .media-body .offercoupan { background: #fcf8f3; border: 2px dashed #cacfda; padding: 5px 6px; border-radius: 3px; text-transform: uppercase; color: #FF683A; font-weight: 700; letter-spacing: 0.5px; display: inline-block; margin: 0 0 5px 0 !important; } .transactions-list .media-body .offercoupan p { font-weight: 700; font-size: 14px; margin-right: 10px; text-transform: none; } .transactions-list .media-body .offer-des { color: #000; margin-bottom: 5px; font-weight: 600; text-transform: uppercase; } .transactions-list .media-body .app-off-btn { position: absolute; top: 0; right: 0; } .transactions-list .media-body .app-off-btn a { background: #FF683A; border: 1px solid #FF683A; color: #fff; padding: 2px 10px; display: block; text-align: center; font-size: 14px; font-weight: 500; text-transform: uppercase; border-radius: 5px; } .transactions-list .media-body .app-off-btn a:hover { background: none; color: #FF683A !important; } .transactions-list .media-body .offer-address a { color: #000; font-weight: 500; } .dataTables_processing { position: absolute; text-align: center; left: 0; right: 0; bottom: 0; top: 0; background: rgba(0, 0, 0, 00.5); z-index: 1; color: #fff; } .transactions-list .media-body p.badge-success { line-height: 1; padding: 3px 10px 5px 10px; font-size: 12px; margin-bottom: 5px !important; } .page-link { color: #FF683A; } .page-link:hover { color: #fff; background-color: #FF683A; border-color: #FF683A; } #offers_coupons .slick-slide .list-card-body { min-height: 126px; } #offers_coupons .slick-slide img { height: 240px; object-fit: cover; } .rest-basic-detail .rating-wrap .label-rating { margin-bottom: 0; } ul.rating { padding: 0; margin: 0; list-style: none; margin: 0; padding: 0; display: flex; align-items: center; justify-content: flex-start; color: #f66a21; } ul.rating li { padding: 0 2px; } .rating__item { font-size: 15px; display: block; font-family: FontAwesome; cursor: pointer; } .rating__item::after { content: "\f006"; } .rating[data-rating="5.5"] .rating__item:nth-child(-n+5):after, .rating[data-rating="5"] .rating__item:nth-child(-n+5):after, .rating[data-rating="4.5"] .rating__item:nth-child(-n+4):after, .rating[data-rating="4"] .rating__item:nth-child(-n+4):after, .rating[data-rating="3.5"] .rating__item:nth-child(-n+3):after, .rating[data-rating="3"] .rating__item:nth-child(-n+3):after, .rating[data-rating="2.5"] .rating__item:nth-child(-n+2):after, .rating[data-rating="2"] .rating__item:nth-child(-n+2):after, .rating[data-rating="1.5"] .rating__item:nth-child(-n+1):after, .rating[data-rating="1"] .rating__item:nth-child(-n+1):after, .rating[data-rating="0.5"] .rating__item:nth-child(-n+0):after, .rating[data-rating="0"] .rating__item:nth-child(-n+0):after { content: "\f005"; } .rating[data-rating="1.5"] .rating__item:nth-child(2):after, .rating[data-rating="2.5"] .rating__item:nth-child(3):after, .rating[data-rating="3.5"] .rating__item:nth-child(4):after, .rating[data-rating="4.5"] .rating__item:nth-child(5):after { content: "\f123"; } .tab-content .data-table_paginate .pagination { display: table; width: 100%; } .tab-content .data-table_paginate .pagination > li.page-item:first-child { float: left; } .tab-content .data-table_paginate .pagination > li.page-item:last-child { float: right; } .tab-content .data-table_paginate .page-item .page-link { border-radius: .25rem; } .row.fu-loadmore-btn { width: 100%; display: table; text-align: center; margin-bottom: 15px; margin-top: 20px; } .row.fu-loadmore-btn .page-link { display: inline-block; background: #FF683A; color: #fff; border-radius: 10px; padding: 12px 20px; text-transform: uppercase; font-weight: 600; letter-spacing: 0.5px; } .error_top_pass p { color: red; text-align: center; } .error_top p { background: #fff; padding: 5px 5px 5px 10px; border-radius: 8px; border-left: 3px solid red; color: red; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2); } .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle, .btn-primary.focus, .btn-primary:focus { background: #FF683A; border-color: #FF683A; box-shadow: none; } .left.user_image img.rounded { width: 80px !important; height: 80px; object-fit: cover; border-radius: 50px !important; } a:hover { color: #FF683A; } .form-group .form-check { padding-left: 0; } .profile-details > a { cursor: pointer; } .checkout-left-inner { padding-left: 75px; } .checkout-left-inner h6 { font-weight: 700 !important; color: #333333; font-size: 18px; position: relative; padding-bottom: 10px; } .checkout-left-box { position: relative; } .checkout-left-box.siddhi-cart-item:before { content: ""; width: 0px; border: 1px dashed #b5b5b5; left: -42px; top: 0; bottom: -25px; display: inline-block; position: absolute; } .checkout-left-box.siddhi-cart-item:after { content: "\f041"; font-family: FontAwesome; background: #FF683A; width: 50px; display: inline-block; height: 50px; text-align: center; color: #fff; font-size: 28px; border-radius: 50px; line-height: 50px; position: absolute; left: -66px; top: 0; } .checkout-left-inner .add-note h3 { font-weight: 700 !important; color: #333333; font-size: 18px; position: relative; margin-bottom: 15px; } .checkout-left-inner .add-note { box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075); margin-bottom: 1rem; border-radius: 0.75rem; padding: 1rem 0; background: #fff; } .checkout-left-inner .add-note textarea { border: 1px solid #ced4da; height: 75px; width: 100%; border-radius: 5px; } .checkout-left-inner .addres-innerbox { background: #f2f4f8; border-radius: 10px; } .checkout-left-inner .addres-innerbox h6 { font-size: 16px; } .checkout-left-inner .addres-innerbox p { color: #000; font-weight: 500; font-size: 15px; } .checkout-left-box.accordion:after { content: "\f09d"; font-family: FontAwesome; background: #FF683A; width: 50px; display: inline-block; height: 50px; text-align: center; color: #fff; font-size: 28px; border-radius: 50px; line-height: 50px; position: absolute; left: -66px; top: 0; } .gendetail-row h3 { font-size: 17px; font-weight: 600 !important; padding-bottom: 8px; margin-bottom: 10px; border-bottom: 2px solid #FF683A; } .gendetail-row .form-group { margin-bottom: 8px; } .gendetail-row .form-group label { margin: 0; width: 100%; } .gendetail-row .form-group.gendetail-col label strong { padding-right: 5px; width: 35%; float: left; } .gendetail-row .form-group.gendetail-col label > span { margin-left: 35%; display: block; font-weight: 500; letter-spacing: 0.5px; } .gendetail-row .card { height: 100%; } .bill-address span { padding-bottom: 2px; font-weight: 500; } .order-secdetail .order-deta-btm-right, .order-secdetail .resturant-detail, .order-secdetail .card { height: 100%; } .order-secdetail .card-header h4.card-header-title { font-size: 17px; margin-bottom: 0; font-weight: 600 !important; } .order-secdetail .vendor-title, .order-secdetail .driver-name-title { font-size: 17px; font-weight: 700; letter-spacing: 0.5px; color: #000; } .order-secdetail .contact-info { font-size: 16px; margin-top: 15px; font-weight: 600; margin-bottom: 15px; } .order-secdetail .row.redirecttopage { margin: 0; align-items: center; } .order-secdetail .vendor-title a.redirecttopage, .order-secdetail .driver-name-title a.redirecttopage { color: #000; } .order-secdetail .card-body p > strong { padding-right: 5px; font-weight: 600; color: #000; float: left; width: 30%; } .order-secdetail .card-body p > span { display: block; margin-left: 30%; font-weight: 500; } .order-secdetail .row.redirecttopage img { object-fit: cover; } .contac-fotm-wrap { max-width: 600px; margin: 0 auto; } .contac-fotm-wrap .form-control { height: 45px; } .contac-fotm-wrap textarea.form-control { height: 100px; } .contac-fotm-wrap .btn.btn-primary { padding: 10px 25px; font-weight: 600; font-size: 16px; } .contac-fotm-wrap .form-title h4 { position: relative; padding-bottom: 0px; margin-bottom: 10px !important; font-size: 20px; font-weight: 600; letter-spacing: 0.5px; } .contact-map iframe { display: block; } .c-t-order li a#completed-tab.active i { background: green !important; } .ord-com-btn .bg-rejected { background-color: red !important; } .ord-com-btn .bg-pending { background-color: #ffc107 !important; } .siddhi-favorites .container > h2 { margin-bottom: 30px !important; font-size: 20px; } .slick-list .slick-track { margin: inherit; } .notification-main .modal-body h6 { text-align: center; font-size: 18px; color: #FF683A; } .notification-main .modal-footer .btn.btn-primary { border-radius: 5px; } .notification-main .modal-footer .btn.btn-primary a { color: #fff; } #notification_order_complete .notification-main .modal-body h6 { color: green; } /*******************Dyining Restaurant**************/ .dyn-menulist button.view_all_menu_btn { text-transform: capitalize; color: #FF6637; font-weight: 600; letter-spacing: 0.5px; } .dyn-menulist .slick-slider .image-item img { width: 100%; border-radius: 10px; } h5.list-title { font-size: 20px; color: #2a2a2a; font-weight: 600; } .dyntable-detail ul, .daytab-cousines ul { padding: 0; list-style-type: none; margin: 0; } .dyntable-detail ul li { padding-left: 40px; position: relative; } .dyntable-detail ul li > span { position: absolute; left: 0; top: 0px; font-size: 25px; color: #333; line-height: 1; } .dyntable-detail ul li h5 { color: #2a2a2a; font-size: 16px; } .dyntable-detail ul li .slick-slider { margin: 0; color: #666; font-size: 18px; } .daytab-cousines ul li { display: inline-block; margin-right: 10px; } .daytab-cousines ul li > span { display: block; color: #ff683a; font-size: 17px; font-weight: 500; padding: 10px 20px; border: 1px solid #d7d7d7; border-radius: 50px; cursor: pointer; text-align: center; } .daytab-cousines ul li > span:hover { background: #ff683a; color: #fff; border-color: #ff683a; } #book_a_table input[type="checkbox"], #book_a_table input[type="radio"] { width: 15px; height: 15px; accent-color: #ec6707; cursor: pointer; } #book_a_table .form-check { margin-bottom: 10px; } a.restaurant_direction { padding: 10px 24px; border: 1px solid #e2e5e9; border-radius: 8px; font-weight: 600; font-size: 17px; display: inline-block; } .address_restaurant { font-size: 16px; color: #666666; font-weight: 500; } .request-data { /*display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;justify-content: space-between;*/ } .request-data .sub-details { padding: 10px 5px; margin-bottom: 10px; border-radius: 5px; display: inline-block; font-size: 13px; width: auto; vertical-align: top; } .request-data .sub-details > span:first-child { min-width: 140px; color: #ff6637; display: block; } .request-data .sub-details > span:last-child { margin-left: auto !important; font-weight: 500; } .order-body .ord-com-btn { min-width: 135px; text-align: center; } /*******************Dyining Restaurant**************/ .language-options select.form-control { font-size: 13px; padding: 0; border: 0; cursor: pointer; margin-left: 5px; } .language-options select.form-control:focus { box-shadow: none; outline: none; border: 0; } .slick-dots li{width: 40px;margin: 0 6px;} .slick-dots li button{width: 40px;height: 10px;} .slick-dots li button::before {opacity: .8;color: #fff;font-size: 15px;width: 40px;height: 5px;background: #fff;border-radius: 50px; content: "";} .slick-dots li.slick-active button::before {color:#FF6C40 !important;background: #FF6C40 !important;} /*******************Parcel page**************/ .parcel-banner { padding: 50px 0; background: #f8f8f8; } .parcel-banner .homebanner-content h1 { font-style: normal; font-weight: 600; font-size: 32px; line-height: 48px; letter-spacing: 0.05em; color: #333333; } .parcel-banner .homebanner-content p { font-style: normal; font-weight: 400; font-size: 18px; line-height: 27px; letter-spacing: 0.05em; color: #333333; } .parcel-banner .homebanner-content a.btn.btn-primary { border-radius: 6px; padding: 10px 37px; font-weight: 600; font-size: 16px; line-height: 24px; letter-spacing: 0.05em; color: #FFFFFF; } .parcel-banner .homebanner-content a.btn.btn-primary:hover { opacity: 0.8; } .sction-title h2 { font-style: normal; font-weight: 500; font-size: 22px; line-height: 33px; letter-spacing: 0.05em; color: #333333; display: inline-block; margin-bottom: 35px; padding-bottom: 12px; position: relative; } .sction-title h2:before { width: 110px; content: ""; background: #D17E19; height: 2.5px; position: absolute; bottom: 0; left: 0; right: 0; margin: auto; } .eh-are-box { background: #F8F8F8; border-radius: 20px; cursor: pointer; } .eh-are-box .par-img { width: 30%; } .eh-are-box .par-img img { height: 75px; object-fit: contain; } .eh-are-box h3 { font-style: normal; font-weight: 500; font-size: 16px; line-height: 24px; letter-spacing: 0.05em; color: #333333; margin: 0; } .whtare-sending { padding: 70px; } .parcel_delivery { background: #FFFFFF; border-radius: 12px; padding: 22px 32px; } .parcel_delivery_content #nav-tab { background: #F7F7F7; border-radius: 12px; border: 0; margin-bottom: 25px; } .parcel_delivery_content #tabs .nav-tabs .nav-link { color: #888888 !important; font-size: 20px; border-radius: 12px; font-style: normal; font-weight: 500; font-size: 18px; line-height: 27px; letter-spacing: 0.03em; color: #888888; border: 2px solid transparent; padding: 14px; } .parcel_delivery_content #tabs .nav-tabs .nav-item.show .nav-link, .parcel_delivery_content #tabs .nav-tabs .nav-item.active { background: #D17E19; border: 2px solid #E7E4E4 !important; box-shadow: 0px 4px 80px rgba(0, 0, 0, 0.07); border-radius: 12px; color: #FFFFFF !important; } .parcel_delivery_content #tabs .nav-tabs .nav-item img { margin-right: 10px; } .parcel_delivery_content #tabs .nav-tabs .nav-item.active img { opacity: 1 !important; filter: brightness(0) invert(1); -webkit-filter: brightness(0) invert(1); } .parcel_delivery_content .tab-content { padding-left: 70px; position: relative; } .parcel_delivery_content .tab-content:before { width: 1px; top: 0; bottom: 90px; content: ""; left: 0; background: #BABABA; position: absolute; left: 20px; } .tab-title h3 { font-weight: 600; font-size: 22px; line-height: 33px; letter-spacing: 0.05em; color: #D17E19; position: relative; } .tab-title.rece-title h3 { color: #576FDB; } .tab-title h3 span { position: absolute; width: 40px; height: 40px; background: #D17E19; font-weight: 600; font-size: 22px; line-height: 40px; letter-spacing: 0.05em; color: #FFFFFF; left: -70px; top: -5px; border-radius: 50px; text-align: center; } .tab-title.rece-title h3 span { background: #576FDB; } .parcel_delivery .inputField { position: relative; margin-bottom: 20px; } .inputField input { padding: 40px 0px 8px 0px !important; border: 0; border-bottom: 0.8px solid #C5C5C5; border-radius: 0; width: 100%; color: #333333; height: auto !important; font-weight: 400; font-size: 18px; line-height: 27px; letter-spacing: 0.05em; } .inputField input:focus { border: 0; border-bottom: 0.8px solid #C5C5C5; outline: none; box-shadow: none; } .inputField span { pointer-events: none; opacity: 1; position: absolute; padding-left: 8px; left: 0; top: 50%; -webkit-transform: translateY(0%); transform: translateY(0%); cursor: text; font-weight: 400; font-size: 16px; line-height: 24px; letter-spacing: 0.05em; color: #888888; } .inputField input:focus + span, .inputField input:not(:placeholder-shown) + span { top: 7px; -webkit-transform: scale(1) translateY(-10%) translateX(0px); transform: scale(1) translateY(-10%) translateX(0px); opacity: 1; font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; letter-spacing: 0.05em; color: #888888; } .inputField input, .inputField span { /*-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;*/ -webkit-transition: all 0.2s; transition: all 0.2s; -webkit-transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1); transition-timing-function: ubic-bezier(0.25, 0.1, 0.25, 1); } .inputField select.form-control { border-bottom: 0.8px solid #C5C5C5; border-radius: 0; width: 100%; color: #333333; height: auto !important; font-weight: 400; font-size: 18px; line-height: 27px; letter-spacing: 0.05em; padding-left: 0; } .tab-inner { margin-bottom: 30px; } .tab-btn button.btn.btn-primary { background: #D17E19; box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.05); border-radius: 12px; width: 100%; font-weight: 600; font-size: 18px; line-height: 27px; letter-spacing: 0.03em; color: #FFFFFF; padding: 15px; border: 0; } .tab-btn button.btn.btn-primary:hover { opacity: 0.8; } .parcel_payment_left .card { background: #FFFFFF; border-radius: 20px; margin-bottom: 15px; } .parcel_payment-detail { padding: 28px 35px; } .parcel_payment-detail > div { position: relative; padding-left: 55px; } .parcel_payment-detail > div:before { content: ""; position: absolute; width: 1px; border-left: 2px dashed #7D7D7D; left: 12px; top: 0; bottom: 0; } .parcel_payment-detail > div:after { border: 2.5px solid #999999; content: ""; position: absolute; left: 0; width: 26px; height: 26px; background: #fff; top: 0; border-radius: 50px; } .parcel_payment-detail > div.receiver-det:before { display: none; } .parcel_payment-detail > div.receiver-det:after { background: url(/img/parcel_receiver.png) no-repeat center center; width: 32px; height: 32px; border: 0; border-radius: 0; } .parcel_payment-detail > div.sender-det { padding-bottom: 60px; } .parcel_payment-detail > div > h3 { font-weight: 500; font-size: 16px; line-height: 24px; letter-spacing: 0.05em; color: #333333; } .parcel_payment-detail > div > h3 strong { font-weight: 500; font-size: 16px; } .parcel_payment-detail > div.sender-det > h3 strong { color: #D17E19; } .parcel_payment-detail > div.receiver-det > h3 strong { color: #576FDB; } .parcel_payment-detail > div p { font-weight: 400; font-size: 16px; line-height: 24px; letter-spacing: 0.05em; color: #666666; margin-bottom: 6px; } .parcel_payment_total { border-top: 1.5px solid #EBEBEB; padding: 23px 45px; } .parcel_payment_total .parcel_payment-box span { display: block; font-weight: 500; font-size: 16px; line-height: 24px; letter-spacing: 0.05em; color: #888888; } .parcel_payment_total .parcel_payment-box span.total { color: #333333; padding-top: 15px; } .parcel_payment_total .parcel_payment-box span.total.price { color: #D17E19; font-weight: 600; } .parcel_payment_total .parcel_payment-box span.total.price .currency-symbol-left { display: inline-block; margin-right: 5px; } .parcel_payment_left .coupon_detail { padding: 28px 45px; } .parcel_payment_left .coupon_detail .coupon-code { margin-bottom: 15px; } .parcel_payment_left .coupon_detail .coupon-code label { font-weight: 600; font-size: 18px; line-height: 24px; letter-spacing: 0.05em; color: #333333; border-bottom: 1px solid #EBEBEB; padding-bottom: 6px; display: block; } .parcel_payment_left .coupon_detail .copupon-list ul { list-style-type: none; padding-left: 0; margin-bottom: 0; } .parcel_payment_left .coupon_detail .copupon-list ul li { display: inline-block; margin-right: 10px; } .parcel_payment_left .coupon_detail .copupon-list ul li a { display: block; text-align: center; padding: 10px 15px; color: #D17E19; border: 2px solid #D17E19; border-radius: 6px; background: #fff; font-weight: 500; } .parcel_payment_left .coupon_detail .copupon-list ul li a.active, .parcel_payment_left .coupon_detail .copupon-list ul li a:hover { background: #D17E19; color: #fff; } .parcel_payment_right .card { background: #FFFFFF; border-radius: 12px; } .parcel_payment_right .search-box { padding: 20px; border-bottom: 1.5px solid #EBEBEB; } .parcel_payment_right .search-box-inner { position: relative; } .parcel_payment_right .search-box-inner input { background: #FFFFFF; border: 1.5px solid #EBEBEB; border-radius: 6px; font-weight: 400; font-size: 14px; line-height: 21px; letter-spacing: 0.05em; color: #666666; width: 100%; padding: 8px 20px; } .parcel_payment_right .search-box-inner a { background: #D17E19; border: 1.5px solid #D17E19; border-radius: 6px; font-weight: 400; font-size: 14px; line-height: 21px; letter-spacing: 0.05em; text-transform: uppercase; padding: 5px 25px; position: absolute; right: 3px; top: 3px; bottom: 3px; color: #fff; margin: 0 auto; } .parcel_payment-way ul { margin: 0; padding: 0; list-style-type: none; } .parcel_payment-way ul li { border-bottom: 1px solid #EBEBEB; margin-bottom: 5px; padding-bottom: 5px; padding-left: 20px; padding-right: 20px; padding-top: 5px; position: relative; padding-left: 50px; } .parcel_payment-way ul li label { font-weight: 400; font-size: 15px; line-height: 22px; letter-spacing: 0.05em; color: #666666; margin: 0; } .parcel_payment-way ul li input[type="radio"] { border-radius: 50px; position: absolute; z-index: 3; opacity: 0; cursor: pointer; left: 0; right: 0; width: 100%; height: 100%; } .parcel_payment-way ul li label:before { position: absolute; width: 8px; height: 8px; border-radius: 50px; background: #D17E19; opacity: 0; content: ""; left: 25px; z-index: 1; top: 11px; } .parcel_payment-way ul li label:after { background: #FFFFFF; border: 1px solid #BDBDBD; width: 18px; height: 18px; margin-right: 14px; border-radius: 50px; content: ""; position: absolute; left: 20px; top: 6px; } .parcel_payment-way ul li input[type="radio"]:checked ~ label:before { opacity: 1; } .payment_by, .select_payment { padding: 20px; border-bottom: 1.5px solid #EBEBEB; } .parcel_payment_right h5 { font-weight: 500; font-size: 15px; line-height: 22px; letter-spacing: 0.05em; color: #333333; margin-bottom: 5px; } .parcel_payment-way .payment_by_option ul li { display: inline-block; border: 0; padding-left: 28px; width: 49%; padding-top: 2px; } .parcel_payment-way .payment_by_option ul li label::after { left: 0; } .parcel_payment-way .payment_by_option ul li label::before { left: 5px; } .select_payment-option select { background: #FFFFFF; border: 1.5px solid #EBEBEB; border-radius: 6px; font-weight: 400; font-size: 14px; line-height: 21px; letter-spacing: 0.05em; color: #666666; width: 100%; padding: 8px 15px; height: 40px; } .payment-total { padding: 12px 20px; } .payment-total label { font-weight: 500; font-size: 16px; line-height: 24px; letter-spacing: 0.05em; color: #888888; margin: 0; } .payment-total span.price { color: #333; font-weight: 600; } .pay-btn { padding: 0px 20px 20px 20px; } .pay-btn a { background: #D17E19; border: 1.5px solid #D17E19; border-radius: 6px; display: block; font-weight: 600; font-size: 16px; line-height: 24px; letter-spacing: 0.05em; color: #FFFFFF !important; text-transform: uppercase; text-align: center; padding: 12px; } .pay-btn a:hover { opacity: 0.8; } .parcelImageUploadDiv { position: relative; /*max-width: 124px;*/ padding-bottom: 25px; } .parcelImageUploadDiv input[type="file"] { position: absolute; left: 0; right: auto; top: 0; bottom: 0; margin: auto; max-width: 127px; opacity: 0; cursor: pointer; z-index: 2; } .parcelImageUploadDiv:before { background: url(../img/add_img.png) no-repeat center; background-size: auto; width: 125px; height: 125px; background-size: 100%; content: ""; display: inline-block; } .parcelImageUploadDiv:after { background: #0000ff; position: absolute; left: 86px; top: 0; width: 40px; height: 40px; content: "+"; border-radius: 50px; color: #fff; font-size: 40px; line-height: 36px; text-align: center; } .parcelImageUploadDiv .uploding_image_photos { position: absolute; bottom: 0; } .appendParcelImages { display: table; width: 100%; } .appendParcelImages #parcelPhotos { display: inline-block; padding: 5px; margin-right: -4px; width: 20%; } .appendParcelImages #parcelPhotos .image-item { position: relative; display: block; padding: 5px; border: 1px solid #eaeaea; } .appendParcelImages #parcelPhotos .image-item span.remove-btn { position: absolute; right: -5px; font-size: 12px; background: #CF7911; color: #fff; width: 18px; height: 18px; border-radius: 50px; font-weight: 700; top: -5px; cursor: pointer; line-height: 17px; text-align: center; } .appendParcelImages #parcelPhotos .image-item img { width: 100%; height: 150px; object-fit: cover; } .parcel_order-listing .parcel_payment_left .card { box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.05); border: 0; } .parcel_order-listing .order-top-right { padding-top: 20px; padding-right: 20px; } .parcel_order-listing .order-top-right .order-summery { background: #F8F8F8; border-radius: 20px; padding: 15px 25px; } .order-summery .payment-total { border-bottom: 1px solid #E5EAF1; padding-left: 0; padding-right: 0; } .order-summery .payment-total.total-price { border-bottom: 0; padding-bottom: 0; } /*******************Parcel page**************/ /*******************Car Rental page**************/ .rental-login { background: url(../img/rental-bg.png) no-repeat top right; background-size: cover; padding-top: 65px; padding-bottom: 65px; } .rental-login-form { max-width: 507px; } .rental-login-form .rental-login-form-inner { background: rgba(255, 255, 255, 0.1); box-shadow: 0px 4px 100px rgba(0, 0, 0, 0.25); border-radius: 30px; padding: 27px 32px; } .rental-login-form > h3 { font-weight: 600; font-size: 26px; line-height: 39px; letter-spacing: 0.05em; color: #FFFFFF; margin-bottom: 26px; } .rental-login-form .form-row { margin-bottom: 30px; } .form-row .form-check { position: relative; display: block; padding: 0; } .form-row .form-check.bg-dark { padding: 15px 90px 15px 20px; background: #414141 !important; box-shadow: 0px 4px 60px rgba(0, 0, 0, 0.05); border-radius: 5px; width: 100%; } .rental-login-form .form-row .form-control { border: 1px solid #CFCFCF; border-radius: 5px; height: 48px; background: none; font-style: normal; font-weight: 500; font-size: 14px; line-height: 21px; letter-spacing: 0.05em; color: #FFFFFF; } .rental-login-form .form-row input { } .rental-login-form .form-row input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #fff; opacity: 1; /* Firefox */ } .rental-login-form .form-row input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #fff; } .rental-login-form .form-row input::-ms-input-placeholder { /* Microsoft Edge */ color: #fff; } .form-row .form-check span.switch-label { font-style: normal; font-weight: 500; font-size: 16px; line-height: 24px; letter-spacing: 0.05em; color: #FFFFFF; } .form-row .form-check span.switch-label small { display: block; color: #ADADAD; font-size: 14px; } .form-check .switch { position: absolute; display: inline-block; width: 40px; height: 21px; right: 20px; cursor: pointer; margin: auto; top: 0; bottom: 0; } .drop-check .form-check .switch { right: 0; } .form-check .switch input { opacity: 0; height: 100%; z-index: 5; position: absolute; left: 0; right: 0; width: 100%; top: 0; bottom: 0; cursor: pointer; } .form-check .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; } .form-check .switch .slider.round { border-radius: 34px; } .form-check .switch input:checked + .slider { background-color: #0873FF; } .form-check .slider::before { position: absolute; content: ""; height: 19px; width: 19px; left: 1px; bottom: 1px; background-color: white; -webkit-transition: .4s; transition: .4s; } .form-check .switch .slider.round::before { border-radius: 50%; } .form-check .switch input:checked + .slider::before { -webkit-transform: translateX(19px); -ms-transform: translateX(19px); transform: translateX(19px); } .rental-login-form .form-row.form-btn { margin-bottom: 0; } .rental-login-form .form-row.form-btn .btn.btn-primary { display: block; border-radius: 5px; font-style: normal; font-weight: 500; font-size: 18px; line-height: 27px; letter-spacing: 0.05em; color: #FFFFFF; padding: 10px 15px; text-align: center; width: 100%; } /*******************Car Rental list page**************/ .rental-list-page { background: #F2F6F9; padding-top: 50px; padding-bottom: 50px; } .rental-left-box { background: #FFFFFF; } .rental-left-box > h3 { font-weight: 600; font-size: 16px; line-height: 24px; letter-spacing: 0.03em; color: #333333; padding: 13px 24px; border-bottom: 1px solid #EAEAEA; } .rental-left-box ul { list-style-type: none; padding-left: 0; } .rental-left-box .rental-nav-box { padding: 15px; } .rental-left-box .nav.nav-pills { padding: 0px 0px 0px 40px; } .rental-left-box .nav-pills .nav-link { display: flex; align-items: center; padding: 25px 10px 25px 60px; background: rgba(235, 239, 242, 0.6); border-radius: 10px; position: relative; min-height: 85px; } .rental-left-box .nav-pills ul li { padding: 0 5px 0 40px; } .rental-left-box .nav-pills .nav-link img.item-img { margin-left: -100px; max-width: 80px; margin-right: 20px; } .rental-left-box .nav-pills .nav-link > span { text-align: center; display: flex; width: 100%; justify-content: left; font-weight: 500; font-size: 16px; line-height: 1; letter-spacing: 0.03em; color: #333333; } .rental-left-box .nav-pills .nav-link.active { background: #6BABFF; opacity: 1; } .rental-left-box .nav-pills .nav-link.active > span { color: #fff; } .rental-left-box .nav-pills-custom .nav-link::before { content: ''; display: block; border-top: 8px solid transparent; border-left: 10px solid #fff; border-bottom: 8px solid transparent; position: absolute; top: 50%; right: -10px; transform: translateY(-50%); opacity: 0; } .rental-left-box .nav-pills-custom .nav-link.active::before { opacity: 1; border-left: 10px solid #6babff; } .rentalcar-list .car-detail h3 { font-weight: 600; font-size: 20px; line-height: 30px; letter-spacing: 0.03em; color: #000000; margin-bottom: 10px; } .rentalcar-list .car-detail .ratings { margin-bottom: 23px; } .rentalcar-list .car-detail .ratings ul.rating { color: #eca700 !important; display: inline-block; } .rentalcar-list .car-detail .ratings span { font-weight: 400; font-size: 16px; line-height: 24px; letter-spacing: 0.05em; color: #666666; } .rentalcar-list .car-detail .car-feture ul { list-style-type: none; padding: 0; display: flex; align-items: center; } .rentalcar-list .car-detail .car-feture ul li { font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; letter-spacing: 0.05em; color: #666666; padding-right: 10px; margin-right: 10px; position: relative; } .rentalcar-list .car-detail .car-feture ul li:after { position: absolute; right: 0; height: 15px; background: #666666; width: 1px; top: 0; bottom: 0; margin: auto; content: ""; } .rentalcar-list .car-detail .car-feture ul li:last-child:after { display: none; } .rentalcar-list .car-detail .car-feture ul li img { margin-right: 9px; } .rentalcar-list .car-price span { font-style: normal; font-weight: 600; font-size: 22px; line-height: 33px; letter-spacing: 0.03em; color: #0873FF; } .rentalcar-list .car-price { text-align: right; } .rentalcar-list .car-price span small { color: #666666; font-size: 16px !important; } .rentalcar-list .car-price span.car-price-with { display: block; font-weight: 400; font-size: 16px; line-height: 24px; letter-spacing: 0.05em; color: #666666; } .list-advance-search .form-control { border: 1px solid #CFCFCF; border-radius: 5px; height: 48px; padding: 13px 18px; font-style: normal; font-weight: 500; font-size: 14px; line-height: 21px; letter-spacing: 0.05em; color: #666666; } .list-advance-search .search-btn .btn.btn-primary { border-radius: 5px; font-style: normal; font-weight: 500; font-size: 14px; line-height: 22px; letter-spacing: 0.05em; color: #FFFFFF; padding: 12px 22px; } .list-advance-search > div.location-box { -ms-flex: 0 0 23%; flex: 0 0 23%; max-width: 23%; } .rental-list-top-btn .form-check { padding-left: 0; display: inline-block; } .rental-list-top-btn .form-check .switch-label { margin-right: 30px; font-style: normal; font-weight: 500; font-size: 15px; line-height: 22px; letter-spacing: 0.05em; color: #666666; } .rental-list-top-btn .form-check .switch { position: relative; vertical-align: middle; right: 0; } .car_order { background: #F2F6F9; } .order-rental-list-right .carbook-summary { padding: 0 8px; margin-top: 25px; background: #F2F6F9; border-radius: 7px; overflow: hidden; } /*******************Car Rental list page**************/ .rentalcar-detail-page, .carrental-book-page { background: #fff; } .car-detail-inner { background: #fff; padding: 20px; /*box-shadow: 0 4px 9px 0 rgba(0,0,0,0.09);*/ } .car-det-title h2 { font-style: normal; font-weight: 500; font-size: 20px; line-height: 30px; letter-spacing: 0.03em; color: #000000; } .car-det-title .ratings ul.rating { color: #eca700 !important; display: inline-block; } .car-det-title .ratings ul.rating .rating__item::after { content: "\f005" !important; } .car-det-title .ratings span { font-weight: 400; font-size: 16px; line-height: 24px; letter-spacing: 0.05em; color: #666666; } .car-det-head .car-det-price span.price { font-style: normal; font-weight: 600; font-size: 22px; line-height: 33px; letter-spacing: 0.03em; color: #0873FF; } .car-det-head .car-det-price span.price small { color: #666666; font-size: 16px !important; } .carrent-det-rg-inner h3 { font-style: normal; font-weight: 600; font-size: 16px; line-height: 24px; letter-spacing: 0.05em; color: #000000; margin-bottom: 10px; } .car-specs-box .car-specs-box-inner { padding: 9px 18px; background: #FFFFFF; border: 1px solid #D2DDEE; border-radius: 10px; } .car-specs-box .car-specs-box-inner label { font-style: normal; font-weight: 400; font-size: 14px; line-height: 21px; letter-spacing: 0.03em; color: #444444; display: block; margin-bottom: 0; } .car-specs-box .car-specs-box-inner span { font-style: normal; font-weight: 600; font-size: 21px; line-height: 32px; color: #333333; } .car-info-box .car-info-box-list { margin-bottom: 15px; } .car-info-box .car-info-box-list > span { width: 22px; } .car-info-box .car-info-box-list label { font-style: normal; font-weight: 400; font-size: 15px; line-height: 22px; letter-spacing: 0.03em; color: #444444; margin-bottom: 0; margin-left: 12px; } .car-renter-box { background: #FFFFFF; border: 1px solid #D2DDEE; border-radius: 10px; padding: 10px; } .photo-gallary .lightSlider > li { text-align: center; padding: 43px 20px; display: block; float: left; } .photo-gallary .lightSlider > li img { height: 350px; object-fit: contain; width: 100%; } .photo-gallary .lSSlideWrapper { background: #FFFFFF; border: 1px solid #E7E7E7; margin-bottom: 20px; } .photo-gallary .lSSlideOuter .lSPager.lSGallery li a { display: block; background: #FFFFFF; border: 1px solid #E7E7E7; padding: 13px 4px; } .photo-gallary .lSAction { display: none !important; } .photo-gallary .lSSlideOuter .lSPager.lSGallery li a img { height: 52px; object-fit: cover; width: 100%; } .carrent-book a { background: #0873FF; border-radius: 10px; font-style: normal; font-weight: 500; font-size: 16px; line-height: 24px; letter-spacing: 0.05em; color: #FFFFFF; text-align: center; padding: 10px 15px; width: 100%; } .carrent-book a:hover { color: #fff !important; opacity: 0.9; } .car-del-top-section .rent-cardet-left { padding-right: 15px; } .car-del-top-section #product-detail .rent-cardet-left .product-image img{height: 450px; object-fit: cover;} .car-del-top-section .rent-cardet-right { padding-left: 15px; } .rental-detailed-ratings-and-reviews h3 { font-style: normal; font-weight: 500; font-size: 18px; line-height: 27px; letter-spacing: 0.03em; color: #000000; margin-bottom: 11px; } .rental-review .reviews-members-header .feather-star { /*color: #eca700 !important;*/ } .rental-review .reviews-members { background: #FFFFFF; border: 1px solid #E5EAF1; border-radius: 15px; padding: 14px 17px; } .rental-review .reviews-members .media { padding-bottom: 15px; border-bottom: 1px solid #E5EAF1; margin-bottom: 10px; } .rental-review .reviews-members .reviews-members-body p { font-weight: 400; font-size: 14px; line-height: 21px; letter-spacing: 0.05em; } .review-date span { font-style: normal; font-weight: 400; font-size: 14px; line-height: 21px; letter-spacing: 0.03em; color: #666666; } .carbook-detail-left .card { background: #FFFFFF; border: 0; border-radius: 0; /*height: 100%;*/ } .rental-review .reviews-members-header h6 { font-style: normal; font-weight: 600; font-size: 16px; line-height: 24px; letter-spacing: 0.03em; color: #333333; } .carbook-detail-left .carbook-summary { padding: 16px 24px; } .carbook-detail-left .carbook-summary > h2 { font-style: normal; font-weight: 600; font-size: 17px; line-height: 26px; letter-spacing: 0.05em; color: #333333; margin-bottom: 15px; } .carbook-summary-box { background: #F2F6F9; border-radius: 7px; padding: 15px 17px; } .carbook-summary-box h3 { font-style: normal; font-weight: 600; font-size: 15px; line-height: 22px; letter-spacing: 0.05em; color: #000000; margin-bottom: 13px; } .carbook-summary-box p { margin-bottom: 10px; font-style: normal; font-weight: 400; font-size: 15px; line-height: 22px; letter-spacing: 0.05em; color: #333333; } .carbook-summary-box p img { margin-right: 10px; } .carbook-detail-left .card .coupon_detail { padding: 16px 24px; } .carbook-detail-left .card .coupon_detail .coupon-code label { font-style: normal; font-weight: 600; font-size: 15px; line-height: 22px; letter-spacing: 0.05em; color: #000000; margin-bottom: 13px; } .carbook-detail-left .card .coupon_detail .copupon-list ul { list-style-type: none; padding: 0; margin: 0 -5px; } .carbook-detail-left .card .coupon_detail .copupon-list ul li { padding: 0 5px; display: inline-block; margin-bottom: 10px; } .carbook-detail-left .card .coupon_detail .copupon-list ul li a { color: #676771; font-size: 16px; display: block; background: #f8f7fc; border-radius: 5px; border: 2px dashed #cfd3df; padding: 15px; font-weight: 600; text-align: center; } .carbook-detail-right .search-box { padding: 19px 16px; border-bottom: 1.5px solid #EBEBEB;; } .carbook-detail-right .search-box .search-box-inner { position: relative; } .carbook-detail-right .search-box .form-control { background: #FFFFFF; border: 1.5px solid #EBEBEB; border-radius: 6px; height: 40px; font-style: normal; font-weight: 300; font-size: 14px; line-height: 21px; letter-spacing: 0.05em; color: #666666; padding: 5px 20px; } .carbook-detail-right .search-box button.btn.btn-primary { position: absolute; border-radius: 6px; font-weight: 400; font-size: 14px; line-height: 21px; letter-spacing: 0.05em; text-transform: uppercase; padding: 5px 25px; position: absolute; right: 3px; top: 3px; bottom: 3px; color: #fff; margin: 0 auto; text-transform: none; font-weight: 500; z-index: 4; } .carbook-detail-right h3 { font-style: normal; font-weight: 600; font-size: 15px; line-height: 22px; letter-spacing: 0.05em; color: #333333; } .payselect-option select { background: #FFFFFF; border: 1.5px solid #EBEBEB; border-radius: 6px; padding: 9px 15px; font-style: normal; font-weight: 400; font-size: 14px; line-height: 21px; letter-spacing: 0.05em; color: #666666; width: 100%; } .carbook-rg-summary-box .btm-total p { font-style: normal; font-weight: 500; font-size: 14px; line-height: 21px; letter-spacing: 0.05em; color: #888888; } .carbook-rg-summary-box .btm-total p .text-dark { color: #333333 !important; } .carbook-rg-summary-box .btm-total p .text-total-price { color: #0873FF !important; } .carbook-rg-summary-box .btm-total p.text-total-price span { color: #0873FF !important; } .car-book-pay-btn a.btn.btn-primary { font-style: normal; font-weight: 600; font-size: 16px; line-height: 24px; letter-spacing: 0.05em; color: #FFFFFF; text-transform: uppercase; border-radius: 6px; padding: 10px 15px; } .car-book-pay-btn a.btn.btn-primary:hover { opacity: 0.8; } /*******************Car Rental page**************/ .v-boxariants label.attribute-label { font-size: 14px; color: #333333; font-weight: 600; margin-top: 10px; } .v-boxariants .variation_info #variant_price { border-bottom: 1px solid #dee2e6 !important; display: block; text-align: right; } .v-boxariants .variation_info #variant_price label { font-size: 18px; color: #333333; font-weight: 600; margin-top: 10px; } .v-boxariants .attribute_list > div.attribute-drp { border-bottom: 1px solid #dee2e6 !important; padding-bottom: 15px; } .v-boxariants .attribute_list > div .attribute-options > div.custom-control { display: inline-block; position: relative; margin-bottom: 0; vertical-align: top; padding: 0 !important;; background: #fff; z-index: 2; border-radius: 5px; cursor: pointer; font-weight: 500; color: #333; font-size: 15px; border: 1px solid #dae0ef !important; width: auto !important; margin-right: 10px; } .v-boxariants .attribute_list > div .attribute-options > div.custom-control label.custom-control-label { padding: 10px 22px; cursor: pointer; } .v-boxariants .attribute_list > div .attribute-options > div.custom-control label.custom-control-label::before { left: 0; right: 0; width: auto; max-width: inherit; bottom: 0; height: 100%; border-radius: 0; top: 0; z-index: -1; border-radius: 5px; } .v-boxariants .attribute_list > div .attribute-options > div.custom-control label.custom-control-label::after { left: 0; right: 0; width: auto; max-width: inherit; bottom: 0; height: 100%; border-radius: 0; top: 0; opacity: 0; } .v-boxariants .attribute_list > div .attribute-options > div.custom-control .custom-control-input:checked ~ .custom-control-label { color: #fff; } .modal-body #rating-wrap, .modal-body .rating-wrap { margin: 0 !important; } .modal-body #attribute_review > .review-ratings { width: 100%; padding: 0 10px; } .modal-body #attribute_review ul.rating-block { padding-left: 0; list-style-type: none; } .modal-body #attribute_review ul.rating-block > li { display: flex; width: 100%; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #f2f2f2; } .modal-body #attribute_review ul.rating-block > li > label { margin-bottom: 0; font-weight: 500; font-size: 13px; } .modal-body #attribute_review ul.rating-block > li > .rating-wrap { margin-left: auto !important; } .modal-body #uploded_image > ul { padding-left: 0; list-style-type: none; margin-top: 15px; } .modal-body #uploded_image > ul li { position: relative; display: inline-block; width: 33.33%; text-align: center; border: 1px solid #eaeaea; border-radius: 10px; padding: 10px; } .modal-body #uploded_image > ul li span.mdi-delete { position: absolute; top: -5px; right: -5px; background: #ccc; width: 20px; height: 20px; border-radius: 50px; font-size: 12px; font-weight: 700; padding: 2px; cursor: pointer; } .modal-body #uploded_image > ul li img { height: 100px; object-fit: cover; } /*******************Car Rental page end**************/ /*******************Ecommerce page start**************/ .st-home-page-main { background: #FAFAFA; font-family: 'Poppins'; } .st-home-page-main .brand-wrap { position: static; border-radius: 0 !important; background: none; padding: 12px 0; box-shadow: none !important; } .st-home-page-main header.section-header { position: absolute; left: 0; right: 0; } .st-home-banner { background: url(../img/hero_img_bg.png) no-repeat right top; background-size: 50% 100%; } .st-home-banner-right img { max-width: 100%; } .st-home-banner-left { text-align: right; padding-top: 100px; padding-bottom: 80px; } .st-home-banner-content { display: inline-block; text-align: left; max-width: 545px; padding-right: 45px; } .st-home-banner-content h1 { font-family: 'Poppins'; font-style: normal; font-weight: 600; font-size: 34px; line-height: 51px; letter-spacing: 0.03em; color: #000000; margin-bottom: 23px; } .st-home-banner-content p { font-family: 'Poppins'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; letter-spacing: 0.05em; color: #505056; margin-bottom: 35px; } .st-home-banner-content .cat-item a.cat-link { border-color: transparent; } .st-home-banner-content .cat-item a.cat-link:hover, .st-home-banner-content .cat-item.section-selected a.cat-link { border-color: #FF683A; background: none !important; } .st-home-banner-content .cat-item a.cat-link p { font-weight: 400; font-size: 13px !important; line-height: 21px; letter-spacing: 0.05em; color: #505056; overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .st-home-banner-content .cat-item a.cat-link:hover p { color: #505056 !important; } .st-home-banner-content .cat-slider img { border-radius: 0 !important; width: 60px; height: 60px; } .location-box .location-group { position: relative; } .location-box .location-group input { border: 1.2px solid #CCD1D7; padding: 16px 132px 16px 21px; font-family: 'Poppins'; font-style: normal; font-weight: 500; font-size: 16px; line-height: 24px; letter-spacing: 0.05em; color: #505056; width: 100%; } .location-box { margin-bottom: 40px; } .location-box .location-group .locate-me { position: absolute; right: 21px; top: 0; bottom: 0; line-height: 56px; font-size: 14px; letter-spacing: 0.05em; color: #505056; cursor: pointer; } .location-box .location-group .locate-me img { margin-right: 6px; } .st-home-banner-content .cont-btn a { background: #FF683A; box-shadow: 0px 4px 80px rgba(0, 0, 0, 0.05); border-radius: 4px; font-weight: 600; font-size: 16px; line-height: 24px; letter-spacing: 0.05em; color: #FFFFFF; padding: 8px 25px; border-color: #FF683A; } .st-home-banner-content .cont-btn a:hover { opacity: 0.8; } .st-home-banner-content .slick-arrow, .st-home-banner-content .slick-arrow:hover, .st-home-banner-content .slick-arrow:focus { height: 42px; width: 42px; background-size: 8px; } .st-home-service { background: #210800; padding-top: 80px; padding-bottom: 80px; } .st-service-box { padding: 0 25px; } .st-service-box h3 { font-weight: 600; font-size: 20px; line-height: 30px; text-align: center; letter-spacing: 0.05em; } .st-service-box p { font-weight: 400; font-size: 15px; line-height: 22px; text-align: center; letter-spacing: 0.03em; color: #F0E2DE; } .st-appstore { padding-top: 70px; padding-bottom: 40px; } .st-appstore-right img { max-width: 100%; } .st-appstore-left h3 { font-weight: 600; font-size: 34px; line-height: 51px; letter-spacing: 0.05em; color: #000000; margin-bottom: 14px; } .st-appstore-left p { font-weight: 400; font-size: 16px; line-height: 24px; letter-spacing: 0.05em; color: #505056; } .st-appstore-down { margin-top: 40px; } .st-appstore-down h4 { font-weight: 600; font-size: 18px; line-height: 27px; letter-spacing: 0.05em; color: #000000; margin-bottom: 21px; } .st-appstore-down a { margin-right: 10px; display: inline-block; vertical-align: middle; } .st-appstore-right { padding-left: 70px; } .ecommerce-banner { } .ecommerce-banner .banner-img img { width: 100%; height: 450px; object-fit: cover; } .ecommerce-banner .slick-slider { margin: 0; } .ecommerce-banner .slick-slide { padding: 0; } .ecommerce-banner .slick-next { right: 15px; } .ecommerce-banner .slick-prev { left: 15px; } .ecommerce-content { padding-top: 50px; background: #fff; } .ecommerce-content .title { margin-bottom: 25px; border-bottom: 1px solid #D6E3EC; padding-bottom: 15px; } .ecommerce-content .title h5 { margin-bottom: 0 !important; font-style: normal; font-weight: 600; font-size: 20px; line-height: 24px; letter-spacing: 0.05em; color: #333333; } .ecommerce-content .title .see-all { font-size: 16px; line-height: 24px; letter-spacing: 0.05em; font-weight: 500; } .ecommerce-content .title .see-all a { background: #6045C8; color: #fff; display: inline-block; padding: 5px 15px; border-radius: 5px; } .ecommerce-content .title .see-all a:hover { opacity: 0.8; } .ecommerce-content .top-categories .append_categories .row, .brands > .row { margin-left: -20px; margin-right: -20px; } .col-md-2.top-cat-list, .col-md-2.brand-list { -ms-flex: 0 0 14.286%; flex: 0 0 14.286%; max-width: 14.286%; padding: 0 20px; } .top-cat-list .cat-link span { background: #F5F3FD; border-radius: 30px; padding: 30px; display: block; } .top-cat-list .cat-link img { width: auto; height: 65px; object-fit: cover; margin: 0 !important; } .top-cat-list .cat-link h4 { font-weight: 500; font-size: 14px; line-height: 20px; letter-spacing: 0.03em; color: #333333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top: 10px !important; } .ecommerce-content > section { padding-bottom: 50px; } .ecommerce-content > section.shipping-method-system-sec { padding-bottom: 25px; } .ecommerce-content > section.home-categories { padding-bottom: 0; } .ecommerce-content .new-arrivals #most_sale1 .list-card::before { display: none; } .ecommerce-content .new-arrivals #most_sale1 .list-card .list-card-image a { display: block; text-align: center; } .ecommerce-content .new-arrivals #most_sale1 .list-card .list-card-image img { width: 195px !important; height: 195px; object-fit: cover; border-radius: 100%; min-height: inherit; display: inline-block; } .ecommerce-content .new-arrivals .most-pop-bottom { text-align: center; padding-top: 130px; margin-top: -121px; background: #FFFFFF; box-shadow: 0px 30px 60px rgba(0, 0, 0, 0.05); padding-bottom: 18px; min-height: 214px; } .ecommerce-content .new-arrivals .most-pop-bottom h6 { font-weight: 500; font-size: 16px; line-height: 24px; letter-spacing: 0.03em; color: #333333; } .ecommerce-content .new-arrivals .most-pop-bottom h6 a { color: #333333; } .ecommerce-content .new-arrivals .most-pop-bottom h6.arv-discount { font-weight: 400; font-size: 15px; line-height: 22px; letter-spacing: 0.05em; color: #666666; } .pro-list .list-card-image .img-fluid { width: 100% !important; height: 200px; min-height: inherit; object-fit: cover; max-height: inherit; } .pro-list .list-card h6.popul-title { font-weight: 500; font-size: 16px; line-height: 24px; letter-spacing: 0.03em; color: #333333; } .pro-list .list-card h6.popul-title a { color: #333333; } .pro-list .list-card h6.pr-discount { font-weight: 400; font-size: 15px; line-height: 22px; letter-spacing: 0.05em; color: #666666; } .brand-list .list-card-image > a { display: block; text-align: center; } .brand-list .list-card-image img { border-radius: 100%; width: 130px; height: 130px; object-fit: cover; display: inline-block; } .brand-list .brand-title { text-align: center; } .brand-list .brand-title h6 { font-weight: 500; font-size: 15px; line-height: 22px; letter-spacing: 0.03em; color: #333333; margin-bottom: 0 !important; } .brand-list .brand-title h6 a { margin-bottom: 0px !important; } #all-stores .pro-list { margin-bottom: 15px; } #all-stores .pro-list .list-card-body { background: #FFFFFF; box-shadow: 0px 20px 60px rgba(0, 0, 0, 0.07); text-align: center; padding: 10px; margin-top: -28px; margin-left: 15px; margin-right: 15px; min-height: 86px; align-items: center; justify-content: center; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } #all-stores .pro-list .list-card h6.popul-title { width: 100%; } .middle-banners .banner-img img { /*height: 320px;*/ object-fit: cover; } .product-list .list-card { padding: 10px; border: 1px solid #ececec; box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important; } .product-list .list-card-image img { width: 100% !important; height: 300px; min-height: inherit; object-fit: cover; max-height: inherit; object-position: center; } .product-list .list-card-body { position: relative; padding-right: 80px; padding-top: 10px; } .product-list .list-card-body .product-title { font-weight: 500; font-size: 16px; line-height: 1; letter-spacing: 0.03em; color: #333333; margin-bottom: 0 !important; } .product-list .list-card-body .pro-price { position: absolute; right: 0; bottom: 0; font-weight: 500; font-size: 16px; line-height: 1; letter-spacing: 0.02em; color: #333333; } .product-list .list-card-body .product-title a { margin-bottom: 0 !important; } .product-list .list-card-body .pro-cat { color: #666666; font-size: 14px; margin: 0 !important; margin-top: 8px !important; } .product-list .list-card-body .pro-price s { font-size: 13px; color: #666666; padding-left: 5px; } .ecommerce-content .slick-slide { padding: 0 5px; } .ecommerce-content .slick-slider { margin: 0; } .ecommerce-content > section.new-products img { width: 100%; } .brand span a, .store span a { font-weight: 500; font-size: 15px; line-height: 21px; letter-spacing: 0.04em; color: #666666; } .shipping-method-system { height: 130px; width: 70%; margin-top: 15px; } .shipping-method-system p, .our-contact-sec p { font-size: 16px; color: #000; margin-top: 15px; font-weight: 500; margin-bottom: 0; } .our-contact-sec { background: #3b71de10; padding: 20px; } /*******************Ecommerce page start**************/ /*******************Ecommerce Brand start**************/ .section-header { /*z-index: 5;*/ position: relative; } .category-listing-page { background: #fff; padding-bottom: 40px; } .st-brands-page #brandlist > .row { margin-left: -20px; margin-right: -20px; } /*.st-brands-page #brandlist .row > .col-md-3.brand-list{flex: 0 0 14.286%;max-width: 14.286%;padding: 0 20px;}*/ .category-listing-page .page-title, .st-brands-page .page-title { border-bottom: 1px solid #D6E3EC; padding-bottom: 15px; margin-bottom: 30px !important; } .page-title h3#title, .page-title h3.title { font-style: normal; font-weight: 600; font-size: 24px; line-height: 24px; letter-spacing: 0.05em; color: #333333; margin-bottom: 0; } .category-listing-page .product-list .list-card, .product-detail-page .product-list .list-card { padding: 10px; border: 1px solid #ececec; box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important; } .category-listing-page .product-list .list-card-image img, .product-detail-page .product-list .list-card-image img { height: 300px; /*object-fit: contain;*/ } .category-listing-page .col-md-2.brand-list { padding: 0 8px; } .category-listing-page .brand-list .list-card-image > a { background: #F5F3FD; border-radius: 30px; padding: 20px; display: block; cursor: pointer; } .category-listing-page .brand-list .list-card-image > a img { height: 108px; object-fit: contain; width: 108px !important; } .category-listing-page .product-list .list-card .list-card-image .member-plan { } /*******************Ecommerce Brand end**************/ /*******************Ecommerce detail start**************/ .product-detail-page .car-det-title .rating.star .badge.badge-success { padding: 6px 10px; font-size: 14px; font-weight: 500; } .product-detail-page .car-det-title .rating.star .badge.badge-success .feather-star { color: #fff !important; font-size: 11px; vertical-align: top; } .product-detail-page .car-det-title .rating.star .count { font-weight: 400; font-size: 16px; line-height: 24px; letter-spacing: 0.05em; color: #777777; margin-left: 12px; } .product-detail-page .rent-cardet-right .description p { font-weight: 400; font-size: 14px; line-height: 21px; letter-spacing: 0.04em; color: #666666; } #product-detail .slick-arrow { display: none !important; } #product-detail .nav-slider .product-image.slick-slide { padding: 5px; cursor: pointer; } #product-detail .nav-slider .product-image.slick-slide img.item-img { height: 65px; object-fit: contain; border: 1px solid #E7E7E7; padding: 2px; } .product-detail-page .v-boxariants .attribute_list > div.attribute-drp { border: 0 !important; padding-bottom: 25px; } .product-detail-page .v-boxariants .attribute_list > div .attribute-options > div.custom-control label.custom-control-label::before { border: 0; } .product-detail-page .v-boxariants .attribute_list > div .attribute-options > div.custom-control label.custom-control-label::after { background: #FCFCFC; border: 1px solid #ABBCC8; } /*.product-detail-page .v-boxariants .attribute_list > div.attribute-drp[data-atitle="Size"] .attribute-options > div.custom-control label.custom-control-label{width: 46px;height: 46px;text-align: center;color: #444444;font-size: 18px;padding: 10px 3px;} .product-detail-page .v-boxariants .attribute_list > div.attribute-drp[data-atitle="Size"] .attribute-options > div.custom-control .custom-control-input:checked ~ .custom-control-label{color: #fff;} .product-detail-page .v-boxariants .attribute_list > div.attribute-drp[data-atitle="Size"] .attribute-options > div.custom-control{border-radius: 50px;margin-right: 15px;} .product-detail-page .v-boxariants .attribute_list > div.attribute-drp[data-atitle="Size"] .attribute-options > div.custom-control label.custom-control-label::before{border-radius: 50px;}*/ .product-detail-page .addtocart { display: flex; align-items: center; justify-content: space-around; margin: 0 -8px; } .product-detail-page .addtocart .add-to-cart.btn.btn-primary { display: inline-block; width: 47%; border: 1px solid #6045C8; border-radius: 5px; background: none; color: #6045C8; letter-spacing: 0.05em; } .product-detail-page .addtocart .add-to-cart.btn.btn-primary.booknow { background: #6045C8; color: #fff; } .product-detail-page .addtocart .add-to-cart.btn.btn-primary:hover { opacity: 0.8; } .specification .prospe-info-box-list { font-weight: 400; font-size: 15px; line-height: 22px; letter-spacing: 0.05em; color: #333333; position: relative; padding-left: 15px; } .specification .prospe-info-box-list:before { content: ""; position: absolute; width: 6px; height: 6px; left: 0px; top: 0px; background: #666666; border-radius: 100%; bottom: 0; margin: auto; } .specification .prospe-info-box-list label { margin-left: auto; margin-bottom: 0; } .product-detail-page .rental-detailed-ratings-and-reviews .rental-review .overall-rating .badge.badge-success { padding: 6px 10px; font-size: 14px; font-weight: 500; } .product-detail-page .rental-detailed-ratings-and-reviews .rental-review .overall-rating .count { font-weight: 400; font-size: 16px; line-height: 24px; letter-spacing: 0.05em; color: #777777; margin-left: 12px; } .product-detail-page .rental-detailed-ratings-and-reviews .rental-review .overall-rating .feather-star { color: #fff !important; } .product-detail-page .attribute-ratings .feature-reviews-members-header { position: relative; z-index: 1; } .product-detail-page .attribute-ratings .feature-reviews-members-header:before { position: absolute; content: ""; background: #E5EAF1; height: 1px; left: 0; right: 0; bottom: 8px; z-index: -1; } .product-detail-page .attribute-ratings .feature-reviews-members-header h6 { font-weight: 400; font-size: 15px; line-height: 22px; letter-spacing: 0.05em; color: #333333; background: #fff; padding-right: 10px; min-width: 150px; } .product-detail-page .attribute-ratings .feature-reviews-members-header .rating-info { background: #fff; padding-left: 10px; } .product-detail-page .rating-info .feather-star { font-size: 17px; margin-right: 4px; } .product-detail-page .attribute-ratings .rating-info .count-rating { width: 20px; text-align: right; } .rental-review .reviews-members .reviews-members-body .photos ul { padding-left: 0; list-style-type: none; margin-bottom: 0; } .rental-review .reviews-members .reviews-members-body .photos ul li { display: inline-block; margin-right: 10px; width: 15%; vertical-align: middle; } .rental-review .reviews-members .reviews-members-body .photos ul li img { display: block; width: 100%; border-radius: 5px; background: #E7E7E7; height: 53px; object-fit: contain; } .related-products h3 { font-weight: 500; font-size: 18px; line-height: 27px; letter-spacing: 0.03em; color: #000000; margin-bottom: 18px; margin-bottom: 25px; border-bottom: 1px solid #D6E3EC; padding-bottom: 15px; } .product-detail-page .addons-option { display: inline-block; margin-bottom: 5px; } .product-detail-page .addons-option .custom-control { display: inline-block; position: relative; margin-bottom: 0; vertical-align: top; padding: 0 !important; background: #fff; z-index: 2; border-radius: 5px; cursor: pointer; font-weight: 500; color: #333; font-size: 15px; border: 1px solid #dae0ef !important; width: auto !important; margin-right: 10px; } .product-detail-page .addons-option .custom-control .custom-control-label { padding: 12px 22px; color: #444444; font-style: normal; font-weight: 400; font-size: 14px; line-height: 21px; letter-spacing: 0.05em; font-family: 'Poppins'; cursor: pointer; } .product-detail-page .addons-option .custom-control .custom-control-input:checked ~ .custom-control-label { color: #fff; } .product-detail-page .addons-option .custom-control .custom-control-input { position: absolute; left: 0; z-index: -1; width: 1rem; height: 1.25rem; opacity: 0; } .product-detail-page .addons-option .custom-control .custom-control-label:before { left: 0; right: 0; width: auto; max-width: inherit; bottom: 0; height: 100%; border-radius: 0; top: 0; z-index: -1; border-radius: 5px; border: 0; background: #FCFCFC; } .product-detail-page .addons-option .custom-control .custom-control-input:checked ~ .custom-control-label::before { background: #bc4fff; } .product-detail-page .addons-option .custom-control .custom-control-label:after { left: 0; right: 0; width: auto; max-width: inherit; bottom: 0; height: 100%; border-radius: 0; top: 0; opacity: 0; background: #FCFCFC; border: 1px solid #ABBCC8; } .car-det-head .car-det-price span#variant_qty { display: block; color: #666666; font-size: 14px; } .product-detail-page .count-number .btn { font-size: 20px; } .product-detail-page .count-number-input { height: 38px; width: 50px; font-size: 23px; } .sidebar-item-list .count-number-box.col-md-5 { padding: 0; } .sidebar-item-list .count-number-input { width: 22px; } .ecomvendor-banner .resturant-banner-inner img { width: 100%; height: 370px; object-fit: cover; } .ecomvendor-title { border-bottom: 1px solid #D6E3EC; padding-bottom: 15px; margin-bottom: 30px !important; } .ecomvendor-title h2 { font-weight: 600 !important; font-size: 22px; line-height: 33px; letter-spacing: 0.05em; color: #333333; margin: 0; } .vandor-sidebar { background: #FFFFFF; border: 1px solid #EAEAEA; } .vandor-sidebar h3 { font-weight: 600; font-size: 16px; line-height: 24px; letter-spacing: 0.03em; color: #333333; margin: 0; padding: 15px 22px; border-bottom: 1px solid #EAEAEA; } .vandor-sidebar .vandorcat-list { padding: 0; margin: 0; list-style-type: none; } .vandor-sidebar .vandorcat-list li { margin-bottom: 10px; } .vandor-sidebar .vandorcat-list li a { padding: 8px 22px; font-weight: 400; font-size: 15px; line-height: 26px; letter-spacing: 0.03em; color: #333333; display: block; transition: all ease 0.5s; -webkit-transition: all ease 0.5s; -ms-transition: all ease 0.5s; border-left: 3px solid transparent; } .vandor-sidebar .vandorcat-list li a:hover { padding-left: 30px; transition: all ease 0.5s; -webkit-transition: all ease 0.5s; -ms-transition: all ease 0.5s; } .vandor-sidebar .vandorcat-list li a span { display: inline-block; vertical-align: middle; margin-right: 10px; } .vandor-sidebar .vandorcat-list li a span img { max-width: 32px; border-radius: 100px; border: 1px solid #e8e8e8; padding: 2px;height: 32px;object-fit: cover;width: 32px; } .vendor-page .product-list .list-card-image img { height: 300px; object-position: top; object-fit: cover; } .ecom-vendor-page .rest-basic-detail { border-bottom: 1px solid #D6E3EC; padding-bottom: 15px; margin-bottom: 30px !important; } .ecom-vendor-page .rest-basic-detail h2.h6 { font-size: 20px; } .store-info .product-details-shipping-details { } .store-info .product-details-shipping-details .shipping-details-bottom-border > div { padding: 10px 0 !important; } .store-info .product-details-shipping-details .shipping-details-bottom-border > div img { height: 40px; width: 40px; } .review-box { padding: 10px; border-radius: 7px; background: #f2f2f2; } .review-box span { color: #333; font-size: 15px; } .visit-store a { display: block; text-align: center; color: #fff; font-size: 15px; } .more-from-store h3 { font-style: normal; font-weight: 500; font-size: 18px; line-height: 27px; letter-spacing: 0.03em; color: #000000; text-align: left; width: 100%; margin-bottom: 30px; } .vendor-products .flash-deals-background-image img { max-width: 150px; height: 150px; } .store-info .shipping-detail .shipping-details-bottom-border img { max-width: 40px; } .seller-info .vendor_name { font-size: 16px; font-weight: 600; margin-bottom: 10px; } .more-from-store .store-product { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #E5EAF1; } .more-from-store .store-product:last-child { border: 0; padding-bottom: 0; margin-bottom: 0; } .more-from-store .store-product .product-content { display: flex; align-items: center; cursor: pointer; } .more-from-store .store-product .product-content .store-image { width: 100px; text-align: center; padding: 10px; border: 1px solid #ececec; box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important; } .more-from-store .store-product .product-content .store-image img { height: 90px; object-fit: cover; box-sizing: border-box; max-width: 100%; } .more-from-store .store-product .product-content .product-detail { padding-left: 10px; } .more-from-store .store-product .product-detail .product-name { margin-bottom: 10px; /*font-weight: 600;font-size: 16px;*/ } .more-from-store .store-product .product-detail .product-review { margin-bottom: 10px; } .more-from-store .store-product .product-detail .product-review .badge { font-size: 11px; padding: 5px 5px; box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important; } .more-from-store .store-product .product-detail .product-review .badge .feather-star { color: #fff !important; } .more-from-store .store-product .product-detail .product-price { font-weight: 500; font-size: 16px; line-height: 1; letter-spacing: 0.02em; color: #333333; } .more-from-store .store-product .product-detail .strike-price { display: flex; align-items: center; } .more-from-store .store-product .product-detail .strike-price strike { margin-right: 5px; } /*******************Ecommerce detail end**************/ /*******************Multi Vendore Home Start**************/ .ecommerce-banner.multivendor-banner .banner-img img { height: 450px; } .ecommerce-banner .slick-slide { position: relative; } .ecommerce-banner .slick-slide .banner-text { position: absolute; max-width: 1140px; padding: 0 15px; top: 50%; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); left: 0; right: 0; margin: auto; } .ecommerce-banner .slick-slide .banner-text h3 { font-weight: 600; font-size: 34px; line-height: 41px; letter-spacing: 0.03em; color: #000000; margin-bottom: 15px; } .ecommerce-banner .slick-slide .banner-text p { font-weight: 400; font-size: 18px; line-height: 22px; letter-spacing: 0.03em; color: #333333; margin-bottom: 20px; } .ecommerce-banner .slick-slide .banner-text a.btn { padding: 14px 27px; font-weight: 600; font-size: 14px; line-height: 17px; letter-spacing: 0.03em; color: #FFFFFF; text-transform: uppercase; } .ecommerce-banner .slick-slide .banner-text a.btn:hover { opacity: 0.8; } .multi-vendore-content .pro-list .list-card { border: 1px solid rgb(232, 232, 232); transition: all ease 0.5s; padding: 10px; border-radius: 10px; } .multi-vendore-content .pro-list .list-card:hover { border-color: rgb(232, 232, 232); box-shadow: rgba(28, 28, 28, 0.12) 0px 0.4rem 1.8rem; box-sizing: border-box; transition: all ease 0.5s; } .multi-vendore-content .pro-list .list-card-image .img-fluid { border-radius: 10px; } .multi-vendore-content.ecommerce-content .top-cat-list .cat-link span { border: 1px solid #D6E3EC; border-radius: 30px; background: none; transition: all ease 0.5s; padding: 20px 20px; } .multi-vendore-content.ecommerce-content .top-cat-list .cat-link span img { border-radius: 10px; height: 80px; } .multi-vendore-content.ecommerce-content .top-cat-list .cat-link:hover span { box-shadow: 0 0px 9px 0 rgba(0, 0, 0, 0.2); transition: all ease 0.5s; } .multi-vendore-content.ecommerce-content .pro-list .list-card h6.popul-title { font-weight: 600; } .multi-vendore-content.ecommerce-content .pro-list .list-card h6.popul-title a { font-size: 16px; } .list-card h6.cat-title { color: #444444; font-weight: 400; margin-bottom: 14px !important; } .list-card h6.price { font-weight: 400; font-size: 15px; line-height: 18px; letter-spacing: 0.05em; color: #444444; } .multi-vendore-content.ecommerce-content .list-card div.location, .multi-vendore-content.ecommerce-content .list-card p.location { font-weight: 400; font-size: 13px !important; line-height: 18px; letter-spacing: 0.05em; color: #444444; } .multi-vendore-content.ecommerce-content .list-card .star.position-relative span.badge.badge-success .feather-star { margin-right: 0; margin-left: 2px; } .multi-vendore-content.ecommerce-content .list-card .try-new { margin-top: 10px; } .multi-vendore-content.ecommerce-content .list-card .try-new a { font-weight: 600; font-size: 15px; line-height: 18px; letter-spacing: 0.03em; color: #FF683A; } .multi-vendore-content .new-arrivals .list-card { background: #F8F8F8; padding: 15px; } .multi-vendore-content .new-arrivals .list-card .location { min-height: 50px; } .multi-vendore-content .new-arrivals .list-card .list-card-image { margin-top: 15px; } .multi-vendore-content #most_sale1 .list-card .list-card-image img { height: 200px; min-height: inherit; } .multi-vendore-content #most_sale1 .list-card::before { display: none; } .multi-vendore-content .all-store-section .pro-list { padding-bottom: 15px; } .foodies-detail-coupon .coupon-code label { font-family: 'Poppins'; font-style: normal; font-weight: 600; font-size: 18px; line-height: 33px; letter-spacing: 0.05em; color: #333333; margin-bottom: 15px; } .foodies-detail-coupon .copupon-list ul { margin: 0; padding: 0; border-bottom: 1px solid #D6E3EC; padding-bottom: 15px; margin-bottom: 30px !important; } .foodies-detail-coupon .copupon-list ul li { list-style-type: none; margin-right: 10px; display: inline-block; margin-bottom: 10px; border-radius: 5px; padding: 15px 20px; border: 1px dashed #ccc; background: #fff; cursor: pointer; } .foodies-detail-coupon .copupon-list ul li span { font-weight: 600; color: #6d6d77; font-size: 13px; display: block; position: relative; margin-bottom: 10px; margin-bottom: 0; } .foodies-detail-coupon .copupon-list ul li span.per-off { font-size: 17px; margin-bottom: 10px; color: #676771; } .foodies-detail-coupon .copupon-list ul li:hover { background: #f8f7fc; color: #8b8a93; } .foodies-detail-coupon .copupon-list ul li span.per-off:before { content: ""; background: url(/img/discount-icon.png) no-repeat center center; width: 22px; height: 23px; display: inline-block; margin-right: 10px; vertical-align: middle; top: -2px; position: relative; } /*******************Multi Vendore Home Start**************/ /*******************car landing Start**************/ .car-landing-banner { position: relative; } .car-landing-banner img { width: 100%; display: block; } .car-banner-content { max-width: 600px; position: absolute; left: 0; right: 0; margin: auto; transform: translate(0, -50%); top: 50%; -webkit-transform: translate(0, -50%); top: 50%; -ms-transform: translate(0, -50%); top: 50%; color: #fff; text-align: center; } .car-banner-content h1 { font-weight: 700; } .car-lan-about { padding: 50px 0; } .car-landing-page .block-title .dot-line { display: inline-block; vertical-align: middle; width: 8px; height: 8px; border-radius: 50%; background-color: #FFC000; background: #ffc000 !important; background-color: rgb(255, 192, 0); background-color: #ffc000 !important; } .car-lan-about p { font-size: 16px; color: #717171; } .car-lan-about .content-block .block-title { margin-bottom: 50px; } .car-landing-page .block-title p { color: #717171; font-weight: 600; font-size: 16px; line-height: 32px; } .car-landing-page .car-lan-about .block-title p { display: inline-block; } .car-landing-page .block-title h2 { font-size: 50px; letter-spacing: -.04em; font-weight: 700; } .car-lan-about .content-block .about-btn { display: inline-block; vertical-align: middle; cursor: pointer; border: none; outline: none; width: 100%; max-width: 250px; background-color: #FFC000; height: 65px; line-height: 65px; border-radius: 38.5px; text-align: center; font-size: 18px; font-weight: 600; color: #111111; margin-top: 20px; transition: all .4s ease; } .car-lan-about .content-block .about-btn:hover { background-color: #111111; color: #FFC000; } .hvr-float-shadow { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: transform; transition-property: transform; } .car-lan-about .image-block { margin-left: 30px; overflow: hidden; position: relative; border-radius: 10px; } .car-lan-about .image-block > img { width: 100%; } .car-lan-about .image-block .bubble-block { width: 214px; height: 214px; border-radius: 50%; text-align: center; display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; position: absolute; top: 30px; left: 30px; z-index: 10; background-color: #FFC000; } .car-lan-about .image-block .bubble-block .inner-block { width: 100%; } .car-lan-about .image-block .bubble-block .inner-block p, .car-lan-about .image-block .bubble-block .inner-block span { font-size: 16px; font-weight: 600; display: block; line-height: 1em; color: #111111; } .car-lan-about .image-block .bubble-block .inner-block span { font-size: 40px; font-weight: 700; letter-spacing: -0.04em; } .car-whychoose-sec { background: #111111 url(../img/why-choos-bg.png) no-repeat top center; background-size: cover; padding: 70px 0 100px 0; position: relative; } .car-whychoose-sec .row [class*="col-"]:nth-child(2) { border-left: 1px solid rgba(255, 255, 255, 0.1); border-right: 1px solid rgba(255, 255, 255, 0.1); } .single-feature-one h3 { font-size: 20px; font-weight: 600; color: #fff; } .single-feature-one p { color: #B5B5B5; font-size: 16px; line-height: 30px; margin-bottom: 20px; margin-top: 30px; margin: 30px auto 0 auto; max-width: 250px; } .car-whychoose-sec::after { background-image: url(../img/zigzag-box-2.png); bottom: 0; -webkit-animation: bgSlide 20s linear infinite; animation: bgSlide 20s linear infinite; content: ''; position: absolute; width: 100%; left: 0; height: 38px; background-color: #111111; background-repeat: repeat-x; } .car-our-adenture { padding: 70px 0; } .car-our-adenture .block-title h5 { color: #EACA32; font-weight: 900; font-family: 'Montserrat', sans-serif; font-size: 18px; } .car-our-adenture .block-title h2 { font-size: 48px; font-weight: 700; font-family: 'Montserrat', sans-serif; } .car-our-adenture .block-title p { color: #2E3141; font-family: 'Poppins', sans-serif; font-size: 16px; font-weight: 400; line-height: 24px; max-width: 800px; margin: 0 auto; } .our-adenture-list ul { padding: 0; margin: 0; list-style-type: none; } .our-adenture-list ul li { margin-bottom: 55px; position: relative; } .block-icon li span.icon-image { width: 60px; height: 60px; padding: 8px 10px; position: absolute; margin-top: -5px; } .block-icon li .block-right { padding-left: 80px; } .block-icon li .block-right h5 { font-weight: 900; font-family: 'Montserrat', sans-serif; margin-bottom: .6em; font-size: 18px; } .block-icon li .block-right .descr { font-size: 14px; font-weight: 400; line-height: 24px; font-family: 'Poppins', sans-serif; } .car-download-sec { padding-top: 70px; background: #111111 url(../img/get_free_bg.png) no-repeat top center; background-size: cover; } .car-landing-page .block-title p.sub-title { color: #FFC000; } .car-download-sec p { font-size: 18px; color: #ccc; } .app-mockup img { max-width: 100%; } .car-download-sec .text-lg-start { padding-top: 50px; } .download-btn-wrap { margin-top: 15px; } .download-btn-wrap a { margin-right: 15px; display: inline-block } .download-btn-wrap a:hover { opacity: 0.8; } /*******************car landing End**************/ .modal-title { font-family: 'Poppins'; font-style: normal; font-weight: 500; font-size: 18px; line-height: 27px; letter-spacing: 0.05em; color: #000000; } .modal-body { /*padding-top: 50px; padding-bottom: 50px; padding-left: 40px; padding-right: 40px;*/ padding:1em; } .modal-body h5 { font-family: 'Poppins'; font-style: normal; font-weight: 600; font-size: 20px; line-height: 30px; letter-spacing: 0.05em; color: #000000; margin-bottom: 14px; } .modal-body p { font-family: 'Poppins'; font-style: normal; font-weight: 400; font-size: 15px; line-height: 22px; text-align: center; letter-spacing: 0.05em; color: #7C848E; } .modal-header .close { position: absolute; top: 13px; right: -35px; font-size: 41px; border: 0; box-shadow: none; outline: none; color: #fff; opacity: 1 !important; } .modal-body .review-box { background: none; } .modal-body .review-box ul.rating { margin: 0 auto; justify-content: center; } .modal-body .review-box ul.rating li { padding: 0 7px; font-size: 50px; } .modal-body .review-box .form-group { margin-bottom: 35px; } .modal-body .review-box .form-group textarea { width: 100%; border: 1px solid #C8CCD4; border-radius: 10px; height: 110px; font-family: 'Poppins'; font-style: normal; font-weight: 400; font-size: 14px; line-height: 21px; letter-spacing: 0.05em; color: #666666; } .review-sub-btn { margin-top: 20px; } .review-sub-btn .btn.btn-primary { padding: 13px 53px; border-radius: 10px; font-family: 'Poppins'; font-style: normal; font-weight: 600; font-size: 15px; line-height: 22px; letter-spacing: 0.05em; } .modal-dialog { max-width: 600px; } .resturant-banner .restaurant-pic { width: 100%; position: static !important; height: 300px; object-fit: cover; border-radius: 12px; margin: 0;border: 1px solid #e8e8e8; } .resturant-banner-right-block{margin-bottom: 16px;border-radius: 10px;} .resturant-banner-right-block img{max-width: 100%;height: 142px;object-fit: cover;border-radius: 10px; width: 100%;border: 1px solid #e8e8e8;} .resturant-banner-right-block.view-all-blc {height: 100%; position: relative; cursor: pointer;border-radius: 10px; overflow: hidden;} .resturant-banner-right-block.view-all-blc:before{position: absolute; top: 0; bottom: 15px; left: 0; right: 0; background: rgba(0,0,0,0.5); content: "";border-radius: 10px;} .resturant-banner-right-block.view-all-blc img{height: calc(100% - 16px);} .resturant-banner-right-block.view-all-blc .see-gallary{position: absolute;left: 0; right: 0; height: 25px;top: 0; bottom: 0; margin: auto; text-align: center;font-size: 18px;font-weight: 600;color: #fff;} /****************Story start*************/ .siddhi-home-page .ecommerce-content{padding-top: 0;} .ecommerce-content > section.restaurant_stories{margin-bottom: 0px;background: #000000;padding-top: 10px;padding-bottom: 10px;} .ecommerce-content > section.top-categories{margin-top: 50px;} .restaurant_stories .stories.snapssenger.carousel .story{width: 44vw;max-width: 100%;/*max-height: 210px;*/ max-height: 230px;padding: 0;} .restaurant_stories .stories.snapssenger.carousel .story a{border: 2px solid transparent;border-radius: 16px;} .restaurant_stories .stories.snapssenger.carousel .story a:hover{border: 2px solid #fff;} .restaurant_stories .stories.snapssenger.carousel .story > .item-link{max-height: 210px;border-radius: 16px; overflow: hidden;transition: all ease 0.5s;} .restaurant_stories .stories.snapssenger.carousel .story > .item-link:after{position: absolute; content: ""; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.5); height: 90px;background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.38) 38%, rgba(0,0,0,0.77) 77%, rgba(0,0,0,1) 100%);background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,0.38) 38%,rgba(0,0,0,0.77) 77%,rgba(0,0,0,1) 100%);background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(0,0,0,0.38) 38%,rgba(0,0,0,0.77) 77%,rgba(0,0,0,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#000000',GradientType=0 ); } .restaurant_stories .stories.snapssenger.carousel .story > .item-link > .item-preview{height: 210px;max-height: inherit;border-radius: 16px; overflow: hidden;} .restaurant_stories .stories.snapssenger.carousel .story > .item-link > .item-preview img{border-radius: 16px;transition: all ease 0.5s;-webkit-transition: all ease 0.5s;-ms-transition: all ease 0.5s;} .restaurant_stories .stories.snapssenger.carousel .story > .item-link > .info{font-family: 'Montserrat';font-style: normal;font-weight: 700;font-size: 16px;line-height: 20px;letter-spacing: 0.02em;color: #FFFFFF;text-shadow: none;bottom: 16px;left: 5px;right: 5px; width: auto;z-index: 1;} .restaurant_stories .stories.snapssenger.carousel .story > .item-link > .info .name{font-weight: 700 !important;} .restaurant_stories .stories.snapssenger .story.seen{opacity: 1;width: 20%;} #zuck-modal-content .story-viewer .slides .item{max-width: 600px;margin: 0 auto;left: 0 !important;right: 0 !important; } #zuck-modal-content .story-viewer .head{max-width: 600px;margin: 0 auto;left: 0;right: 0;width: 100%;height: 85px !important;padding: 20px 12px !important; } #zuck-modal-content .story-viewer .slides-pointers{max-width: 600px;margin: 0 auto;left: 0;right: 0;} #zuck-modal-content .story-viewer .slides-pointers{left: 0;right: 0;width: 100%;} #zuck-modal-content .story-viewer .head .item-preview{width: 60px !important;height: 60px !important;border-radius: 10px !important;} #zuck-modal-content .story-viewer .head .left .info .name{font-family: 'Montserrat';font-style: normal;font-weight: 600 !important;font-size: 19px;line-height: 23px;letter-spacing: 0.03em;color: #FFFFFF; opacity: 1; margin-bottom: 7px;} #zuck-modal-content .story-viewer .head .right{position: fixed;right: 23px;top: 10px;color: #fff;opacity: 1;} #zuck-modal-content .story-viewer .head .right .close{color: #fff;opacity: 1;} #zuck-modal-content .story-viewer .slides .item > .media{transform: inherit !important; left: 0 !important; right: 0 !important; width: 100% !important;height: auto !important;} #zuck-modal-content .story-viewer .slides .item > video.media{height: 100% !important;} #zuck-modal-content .story-viewer .tip.muted{bottom: 80px !important; cursor: pointer;font-size: 18px; padding: 5px 15px;} .restaurant_stories .stories.snapssenger.carousel .story > .item-link:hover{/*box-shadow: 0 0px 20px 0 rgba(0,0,0,0.2) !important;*/transition: all ease 0.5s;} .restaurant_stories .stories.snapssenger.carousel .story:hover .item-link > .item-preview img{transform: scale(1.2);-webkit-transform: scale(1.2);-ms-transform: scale(1.2);transition: all ease 0.5s;-webkit-transition: all ease 0.5s;-ms-transition: all ease 0.5s;} #zuck-modal{background: rgba(0,0,0,98) !important;} .restaurant_stories .storiesWrapper.slick-slider{overflow: visible;margin: 0 -8px;} .restaurant_stories .storiesWrapper .slick-arrow.slick-prev,.middle-banners .slick-arrow.slick-prev{left: -10px;margin: 0;} .restaurant_stories .storiesWrapper .slick-arrow.slick-next,.middle-banners .slick-arrow.slick-next{right: -10px;margin: 0;} .restaurant_stories .stories.carousel .story:first-child{margin-left: 6px;} .new-acc a.btn.btn-primary{padding: 10px 20px;font-size: 17px;display: block;width: 100%; font-weight: 600;} .new-acc a.btn.btn-primary i{margin-right: 10px; font-size: 20px;} .or-line{text-align: center;position: relative;} .or-line:before{position: absolute; height: 1px; background: #ccc; left: 0; right: 0; margin: auto; top: 0; bottom: 0; content: "";} .or-line span{display: inline-block; background: #fff;font-size: 20px; color: #FF6637;z-index: 1;position: relative;padding: 5px 10px;} .social-icon > div{display: flex; justify-content: center;} .social-icon > div > a{width: 50px;height: 50px;text-align: center;display: flex;justify-content: center;align-items: center;background: #000;border-radius: 50px;} .social-icon > div > a i{ font-size: 30px; } #socialShare .modal-header i{font-size: 30px;} .checkout-left .banner-img{border-radius: 15px;overflow: hidden;} .checkout-left .banner-img img{height: 400px;object-fit: cover;} #gift_card_img .slick-arrow,#gift_card_img .slick-arrow:hover,#gift_card_img .slick-arrow:focus{margin: 0 50px;} #socialShare .modal-title{line-height: 1.5;font-size: 14px;color: #000000; font-weight: 700;} #socialShare .modal-body{padding: 1rem;} /****************Story End*************/ /*******************Cms page Start**************/ .cms-page h1.head { margin-bottom: 25px; border-bottom: 1px solid #D6E3EC; padding-bottom: 15px; margin-bottom: 30px !important; font-style: normal; font-weight: 600; font-size: 24px; line-height: 24px; letter-spacing: 0.05em; color: #333333; } /*******************Cms page End**************/ /****************responsive*************/ @media screen and (max-width: 1370px) { .car-landing-page .block-title h2, .car-our-adenture .block-title h2 { font-size: 50px; } } @media screen and (max-width: 1199px) { .homebanner-content h1 { font-size: 30px; } .homebanner-content h4 { font-size: 20px; } .homebanner-content .ban-btn a { padding: 10px 20px; font-size: 12px; } .homebanner-content .ban-btn span.price { font-size: 18px; } .homebanner-content .ban-btn span.price sup { margin-left: 0; font-size: 10px; } .login-page .px-5.col-md-6.ml-auto, .login-page .px-5.col-10.mx-auto { padding: 0 15px !important; } .header-right > .d-flex > .mr-4 { margin-right: 5px !important; } .header-main .takeaway-btn { padding: 8px 5px; } .header-right .widget-header.btn.bg-primary { padding: 8px 7px; } .header-right .text-dark { font-size: 12px; } .st-home-banner-content { max-width: 465px; padding-right: 30px; } .st-home-banner-content h1, .st-appstore-left h3 { font-size: 27px; line-height: 32px; margin-bottom: 15px; } .st-appstore-left p { font-size: 14px; } .top-cat-list .cat-link span { padding: 15px; } .brand-list .list-card-image img { height: 100px; width: 100; width: 100px !important; display: inline-block; } .parcel-content .whtare-sending { padding: 50px 0; } .car-landing-page .block-title h2, .car-our-adenture .block-title h2 { font-size: 35px; } .car-lan-about .content-block .block-title { margin-bottom: 25px; } .car-lan-about p, .car-our-adenture .block-title p { font-size: 14px; } .car-lan-about .content-block .about-btn { margin-top: 15px; height: 57px; line-height: 55px; } .car-landing-page .block-title p, .car-download-sec p { font-size: 15px; } .single-feature-one h3 { font-size: 18px; } .single-feature-one p { font-size: 13px; line-height: 23px; margin-top: 12px; } .car-our-adenture .block-title h5 { font-size: 12px; } .block-icon li .block-right h5 { font-size: 15px; } .our-adenture-img img { max-width: 100%; } .block-title.mb-5 { margin-bottom: 25px !important; } } @media screen and (max-width: 991px) { .banner-img img { height: 300px; object-fit: cover; } .homebanner-content h1 { font-size: 25px; margin-bottom: 10px; } .homebanner-content h4 { font-size: 18px; margin-bottom: 5px; } .homebanner-content .ban-btn a { padding: 6px 18px; font-size: 12px; } .homebanner-content .ban-btn span.price { font-size: 16px; } .homebanner-content .ban-btn span.price sup { margin-left: 0; font-size: 10px; } .parcel-banner .banner-img img { height: auto; } .parcel-banner .homebanner-content { position: static; transform: inherit; } .parcel-banner .homebanner-content h1 { font-size: 26px; } .slick-prev { left: 0; } .slick-next { right: 0; } .trending-slider .slick-slide img { max-height: 200px; min-height: 200px; } .login-page video { height: 100%; object-fit: cover; } .mobile-logo.brand-wrap { background: #fff; padding: 10px; border-radius: 10px; } .mobile-logo.brand-wrap img { max-width: 112px; } .hc-nav-trigger { top: 28px !important; } .order-secdetail .row > .col-6 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-bottom: 15px; } .col-md-8.vendor-detail-left, .col-md-4.vendor-detail-right { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .brand-wrap { position: static; padding: 0px 12px 3px 12px; } .tab-title h3 { font-size: 18px; } .car-specs-box .car-specs-box-inner { padding: 9px 10px; } .car-specs-box .car-specs-box-inner span { font-size: 16px; } .st-home-banner-content { max-width: 100%; padding-right: 0; } .st-home-banner-content p { font-size: 14px; } .st-home-page-main header.section-header { display: block; z-index: 2; position: static; } .st-home-banner-left { padding-top: 40px; padding-bottom: 40px; } .ecommerce-banner .banner-img img { height: 450px; } .col-md-2.top-cat-list, .col-md-2.brand-list { padding: 0 8px; } .ecommerce-content .top-categories .append_categories .row, .brands > .row { margin-left: -8px; margin-right: -8px; } .hvr-float-shadow { width: 100%; text-align: center; margin-top: 20px; } .car-lan-about .image-block .bubble-block .inner-block p { font-size: 11px; margin-bottom: 5px; } .car-lan-about .image-block { margin-left: 0; } .car-lan-about .image-block .bubble-block { width: 100px; height: 100px; } .car-lan-about .image-block .bubble-block .inner-block span { font-size: 25px; } .our-adenture-img { text-align: center; } .multi-vendore-content.ecommerce-content .top-cat-list .cat-link span { padding: 10px 10px; } } @media screen and (max-width: 767px) { .most_popular .list-card-image .img-fluid, .res-search-list .list-card-image .img-fluid, .res-search-list-1 .list-card-image .img-fluid { max-height: inherit; } .login-page video { display: none; } .title h5 { font-size: 20px; } .order-list td.ord-photo { max-width: 100px; width: 80px; } .order_img { height: 80px; } .order-list tr th, .order-list tr td { font-size: 13px; } .order-list tr td.price { font-size: 15px; } .siddhi-cart-item .siddhi-cart-item-profile > img { height: 200px; max-width: 200px; } .rest-basic-detail .d-flex.align-items-start { display: table !important; width: 100%; } .rest-basic-detail .feather_icon .fu-review, .rest-basic-detail .feather_icon .fu-status { justify-content: start; margin-left: 0; } .rest-basic-detail .feather_icon > .row { margin-left: 0; } .rest-basic-detail .feather_icon > .row.fu-time .font-weight-bold.time { padding-left: 0 !important; } #cart_list .close { position: absolute; right: 23px; width: auto; } .parcel_delivery_content .tab-content { padding-left: 25px; } .parcel_delivery_content .tab-content::before { left: -5px; } .tab-title h3 span { left: -50px; } .appendParcelImages #parcelPhotos { width: 33.33%; } .appendParcelImages #parcelPhotos .image-item img { height: 100px; } .car-specs-box { margin-bottom: 15px; } .car-del-top-section .rent-cardet-right { padding-left: 8px; padding-top: 20px; } .car-del-top-section .rent-cardet-left { padding-right: 8px; } .st-appstore-right { padding-left: 8px; padding-top: 40px; } .st-home-banner { background: none !important; } .st-home-banner .st-home-banner-right { background: url(../img/hero_img_bg.png) no-repeat center top; padding-top: 40px !important; padding-bottom: 40px !important; } .st-home-service { padding-top: 30px; padding-bottom: 30px; } .st-appstore { padding-top: 30px; padding-bottom: 30px; } .st-appstore-down { margin-top: 20px; } .st-appstore-down h4 { font-size: 16px; } .st-home-banner-content h1, .st-appstore-left h3 { font-size: 24px; line-height: 28px; } .st-service-box { padding: 0 0px 15px 0px; } .location-box .location-group input { padding: 10px 115px 10px 10px; font-size: 14px; } .location-box .location-group .locate-me { right: 10px; line-height: 47px; font-size: 12px; } .st-home-banner-content .cont-btn a { font-size: 14px; } .st-service-box h3 { font-size: 18px; } .st-service-box p { font-size: 13px; } .st-appstore-down a { margin-right: 5px; } .st-appstore-down a img { max-height: 35px; } .ecommerce-banner .banner-img img { height: 250px; } .col-md-2.top-cat-list, .col-md-2.brand-list { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; margin-bottom: 15px; } .ecommerce-content .list-card { padding-bottom: 20px; } .pro-list .list-card-image .img-fluid, .product-list .list-card-image img { height: auto; } .ecommerce-content > section { padding-bottom: 20px; } .ecommerce-content > section.shipping-method-system-sec { padding-bottom: 0; } .ecommerce-content .category-content.mb-5 { margin-bottom: 1rem !important; } .ecommerce-content > section.home-categories { padding-bottom: 0; } .middle-banners .banner-img img { height: 250px; } .ecommerce-content .title .see-all { font-size: 14px; } .parcel-content .whtare-sending { padding: 15px; } .parcel-banner .homebanner-content h1 { font-size: 22px; line-height: 35px; } .parcel-banner .homebanner-content p { font-size: 16px; line-height: 25px; } .parcel-banner .banner-img { margin-top: 25px; } .parcel_payment_left .coupon_detail { padding: 28px 18px; } .parcel_payment_total { padding: 15px 18px; } .parcel_payment-detail { padding: 15px 18px; } .parcel_payment-detail > div.sender-det { padding-bottom: 25px; } .parcel_payment_left .coupon_detail .coupon-code label { font-size: 16px; } .car-landing-banner img { height: 250px; object-fit: cover; } .car-lan-about { padding: 30px 0; } .car-whychoose-sec { padding: 40px 0 60px 0; } .car-our-adenture { padding: 30px 0 0px 0; } .car-download-sec { padding-top: 40px; } .car-banner-content h1 { font-size: 22px; } .car-lan-about .content-block .about-btn { height: 48px; line-height: 47px; max-width: 200px; } .car-landing-page .block-title h2, .car-our-adenture .block-title h2 { font-size: 25px; } .download-btn-wrap a { margin-right: 5px; } .download-btn-wrap a img { height: 40px; } .modal-header .close { right: 15px; color: #000; } .col-md-8.resturant-banner-left,.col-md-4.resturant-banner-right{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;} .col-md-4.resturant-banner-right{margin-top: 15px;} .col-md-4.resturant-banner-right .col-md-6{-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;} .restaurant_stories .storiesWrapper .slick-arrow.slick-prev,.middle-banners .slick-arrow.slick-prev{left: 0px;} .restaurant_stories .storiesWrapper .slick-arrow.slick-next,.middle-banners .slick-arrow.slick-next{right: 0px;} .res-search-list .transactions-list-wrap{width: 100%;} .card-icon > span{padding: 5px 3px;width: 50px;height: 50px;font-size: 15px;} .res-search-list .transactions-list-wrap .transactions-list-view{padding: 10px 10px !important;} .btn-lg{padding: 8px 16px} } @media screen and (max-width: 575px) { .mobile-filter .row .input-group.col-sm-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .mobile-filter .row .col-sm-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .title h5 { font-size: 18px; } .footer-top aside { text-align: center; margin-bottom: 10px; } .footer-top .footer-about .d-flex { display: table !important; width: 100%; } .footer-copyright .d-flex { display: table !important; width: 100%; text-align: center; } .footer-about .btn { display: inline-block; line-height: 1.8; } .footer-copyright .d-flex p { margin-bottom: 10px !important; } .footer-copyright .d-flex p a.d-block { display: inline-block !important; } .footer-copyright .d-flex p a.d-block img { max-width: 100px; height: auto; } .siddhi-cart-item .siddhi-cart-item-profile > img { height: 150px; max-width: 150px; } .checkout-left-inner { padding-left: 0; } .checkout-left-box.siddhi-cart-item::before, .checkout-left-box.siddhi-cart-item::after, .checkout-left-box.accordion::after { display: none; } .siddhi-trending #trendingList .col-md-3 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .gold-members .add-btn .menu-itemimg img { width: 85px; height: 72px; } .appendParcelImages #parcelPhotos { width: 50%; } .ecommerce-banner .banner-img img { height: 200px; } .col-md-2.top-cat-list, .col-md-2.brand-list { -ms-flex: 0 0 20%; flex: 0 0 25%; max-width: 25%; } .top-cat-list .cat-link img { width: auto; height: 63px; } .ecommerce-content .title h5 { font-size: 17px; } .brand-list .list-card-image img { /*height: auto;*/ } .middle-banners .banner-img img { height: 205px; } .sction-title h2 { font-size: 20px; } .eh-are-box h3 { font-size: 15px; } .eh-are-box .par-img { margin-right: 15px !important; } .tab-title h3 { font-size: 16px; } .parcel_delivery_content #tabs .nav-tabs .nav-link { font-size: 16px; } .inputField input { font-size: 16px; } .resturant-banner .restaurant-pic{height: 200px;} .resturant-banner-right-block img{height: 100px;} .mt-5, .my-5 {margin-top: 1rem !important;} } .schedule-order input#scheduleTime{ height: calc(1.5em + .5rem + 2px);font-size: 13px;line-height: 1.5;border-radius: .2rem;padding: .25rem .5rem;color: #495057;background-color: #fff;background-clip: padding-box;border: 1px solid #ced4da;font-weight: 400;display: block;transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; width: 100%;cursor: pointer;} .delevery-partner h3, .delivery-box h3,.schedule-order h3 { font-size: 14px; font-weight: 600; color: #333; } @media screen and (max-width: 480px) { .m-d-flex .order_img { height: auto; margin-bottom: 15px; } .d-flex.m-d-flex { display: table !important; width: 100%; } .d-flex.m-d-flex .text-muted.mr-3 { margin-right: 0 !important; } .m-d-flex .view-det { text-align: center !important; margin-bottom: 10px !important; } .ord-com-btn .bg-success { text-align: center; } .top-cat-list .cat-link img { width: auto; height: 63px; } .col-md-2.top-cat-list, .col-md-2.brand-list { -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; max-width: 33.33%; } #order-items{overflow-y: auto ;} table.order-list {white-space: nowrap;} .order-list tr th, .order-list tr td {font-size: 13px;white-space: nowrap;} .order-list td.ord-photo img{width: 80px;} .res-search-list .transactions-list-wrap .transactions-list-view .media-body .btn{font-size: 10px;} } /****************responsive*************/ .pac-container { z-index: 99999 !important; } #phone-box .col-xs-12 { position: relative; } .form-material .form-control#phone { padding-left: 110px; } .select2.select2-container { position: absolute; left: 0; top: 3px; width: auto !important; } .select2.select2-container .select2-selection--single { border: 0; } .select2-container--default .select2-selection--single .select2-selection__rendered { max-width: 107px; } .select2-container .select2-selection--single .select2-selection__rendered > span .img-flag { max-width: 25px; } .select2-container .select2-selection--single .select2-selection__rendered > span { font-size: 13px; padding-right: 5px; } .select2-results__option span img.img-flag { max-width: 25px; } .select2-container--open .select2-dropdown { min-width: 358px; top: 7px; border: 0; } .hide_tab { display: none !important; } @-webkit-keyframes bgSlide { 0% { background-position: 0 0; } 20% { background-position: -100px 0; } 40% { background-position: -200px 0; } 60% { background-position: -150px 0; } 80% { background-position: -100px 0; } 100% { background-position: 0px 0; } } @keyframes bgSlide { 0% { background-position: 0 0; } 20% { background-position: -100px 0; } 40% { background-position: -200px 0; } 60% { background-position: -150px 0; } 80% { background-position: -100px 0; } 100% { background-position: 0px 0; } } @-webkit-keyframes bgSlideReverse { 0% { background-position: 0 0; } 20% { background-position: 100px 0; } 40% { background-position: 200px 0; } 60% { background-position: 150px 0; } 80% { background-position: 100px 0; } 100% { background-position: 0px 0; } } @keyframes bgSlideReverse { 0% { background-position: 0 0; } 20% { background-position: 100px 0; } 40% { background-position: 200px 0; } 60% { background-position: 150px 0; } 80% { background-position: 100px 0; } 100% { background-position: 0px 0; } } /*star rating css*/ .rating { border: none; float: none; margin: 0 auto; } .rating > input { display: none; } .rating > label:before { content: '\f005'; font-family: FontAwesome; margin: 0px 5px; font-size: 3.5rem; display: inline-block; cursor: pointer; } .rating > .half:before { content: '\f089'; position: absolute; cursor: pointer; } .rating > label { color: #ccc; float: right; cursor: pointer; } .rating > input:checked ~ label, .rating:not(:checked) > label:hover ~ label { color: #eca700; } .rating > input:checked + label:hover, .rating > input:checked ~ label:hover, .rating > label:hover ~ input:checked ~ label, .rating > input:checked ~ input:hover ~ label { color: #eca700; } .rating[data-rating="0.5"] > input ~ label.half[for="star0.5"] { color: #eca700; } .rating[data-rating="1"] > input ~ label.half[for="star0.5"], .rating[data-rating="1"] > input ~ label.full[for="star1"] { color: #eca700; } .rating[data-rating="1.5"] > input ~ label.half[for="star0.5"], .rating[data-rating="1.5"] > input ~ label.full[for="star1"], .rating[data-rating="1.5"] > input ~ label.half[for="star1.5"] { color: #eca700; } .rating[data-rating="2"] > input ~ label.half[for="star0.5"], .rating[data-rating="2"] > input ~ label.full[for="star1"], .rating[data-rating="2"] > input ~ label.half[for="star1.5"], .rating[data-rating="2"] > input ~ label.full[for="star2"] { color: #eca700; } .rating[data-rating="2.5"] > input ~ label.half[for="star0.5"], .rating[data-rating="2.5"] > input ~ label.full[for="star1"], .rating[data-rating="2.5"] > input ~ label.half[for="star1.5"], .rating[data-rating="2.5"] > input ~ label.full[for="star2"], .rating[data-rating="2.5"] > input ~ label.half[for="star2.5"] { color: #eca700; } .rating[data-rating="3"] > input ~ label.half[for="star0.5"], .rating[data-rating="3"] > input ~ label.full[for="star1"], .rating[data-rating="3"] > input ~ label.half[for="star1.5"], .rating[data-rating="3"] > input ~ label.full[for="star2"], .rating[data-rating="3"] > input ~ label.half[for="star2.5"], .rating[data-rating="3"] > input ~ label.full[for="star3"] { color: #eca700; } .rating[data-rating="3.5"] > input ~ label.half[for="star0.5"], .rating[data-rating="3.5"] > input ~ label.full[for="star1"], .rating[data-rating="3.5"] > input ~ label.half[for="star1.5"], .rating[data-rating="3.5"] > input ~ label.full[for="star2"], .rating[data-rating="3.5"] > input ~ label.half[for="star2.5"], .rating[data-rating="3.5"] > input ~ label.full[for="star3"], .rating[data-rating="3.5"] > input ~ label.half[for="star3.5"] { color: #eca700; } .rating[data-rating="4"] > input ~ label.half[for="star0.5"], .rating[data-rating="4"] > input ~ label.full[for="star1"], .rating[data-rating="4"] > input ~ label.half[for="star1.5"], .rating[data-rating="4"] > input ~ label.full[for="star2"], .rating[data-rating="4"] > input ~ label.half[for="star2.5"], .rating[data-rating="4"] > input ~ label.full[for="star3"], .rating[data-rating="4"] > input ~ label.half[for="star3.5"], .rating[data-rating="4"] > input ~ label.full[for="star4"] { color: #eca700; } .rating[data-rating="4.5"] > input ~ label.half[for="star0.5"], .rating[data-rating="4.5"] > input ~ label.full[for="star1"], .rating[data-rating="4.5"] > input ~ label.half[for="star1.5"], .rating[data-rating="4.5"] > input ~ label.full[for="star2"], .rating[data-rating="4.5"] > input ~ label.half[for="star2.5"], .rating[data-rating="4.5"] > input ~ label.full[for="star3"], .rating[data-rating="4.5"] > input ~ label.half[for="star3.5"], .rating[data-rating="4.5"] > input ~ label.full[for="star4"], .rating[data-rating="4.5"] > input ~ label.half[for="star4.5"] { color: #eca700; } .rating[data-rating="5"] > input ~ label.half[for="star0.5"], .rating[data-rating="5"] > input ~ label.full[for="star1"], .rating[data-rating="5"] > input ~ label.half[for="star1.5"], .rating[data-rating="5"] > input ~ label.full[for="star2"], .rating[data-rating="5"] > input ~ label.half[for="star2.5"], .rating[data-rating="5"] > input ~ label.full[for="star3"], .rating[data-rating="5"] > input ~ label.half[for="star3.5"], .rating[data-rating="5"] > input ~ label.full[for="star4"], .rating[data-rating="5"] > input ~ label.half[for="star4.5"], .rating[data-rating="5"] > input ~ label.full[for="star5"] { color: #eca700; } .rating[data-rating="0.5"] > input ~ label.half[for="attr_star0.5"] { color: #eca700; } .rating[data-rating="1"] > input ~ label.half[for="attr_star0.5"], .rating[data-rating="1"] > input ~ label.full[for="attr_star1"] { color: #eca700; } .rating[data-rating="1.5"] > input ~ label.half[for="attr_star0.5"], .rating[data-rating="1.5"] > input ~ label.full[for="attr_star1"], .rating[data-rating="1.5"] > input ~ label.half[for="attr_star1.5"] { color: #eca700; } .rating[data-rating="2"] > input ~ label.half[for="attr_star0.5"], .rating[data-rating="2"] > input ~ label.full[for="attr_star1"], .rating[data-rating="2"] > input ~ label.half[for="attr_star1.5"], .rating[data-rating="2"] > input ~ label.full[for="attr_star2"] { color: #eca700; } .rating[data-rating="2.5"] > input ~ label.half[for="attr_star0.5"], .rating[data-rating="2.5"] > input ~ label.full[for="attr_star1"], .rating[data-rating="2.5"] > input ~ label.half[for="attr_star1.5"], .rating[data-rating="2.5"] > input ~ label.full[for="attr_star2"], .rating[data-rating="2.5"] > input ~ label.half[for="attr_star2.5"] { color: #eca700; } .rating[data-rating="3"] > input ~ label.half[for="attr_star0.5"], .rating[data-rating="3"] > input ~ label.full[for="attr_star1"], .rating[data-rating="3"] > input ~ label.half[for="attr_star1.5"], .rating[data-rating="3"] > input ~ label.full[for="attr_star2"], .rating[data-rating="3"] > input ~ label.half[for="attr_star2.5"], .rating[data-rating="3"] > input ~ label.full[for="attr_star3"] { color: #eca700; } .rating[data-rating="3.5"] > input ~ label.half[for="attr_star0.5"], .rating[data-rating="3.5"] > input ~ label.full[for="attr_star1"], .rating[data-rating="3.5"] > input ~ label.half[for="attr_star1.5"], .rating[data-rating="3.5"] > input ~ label.full[for="attr_star2"], .rating[data-rating="3.5"] > input ~ label.half[for="attr_star2.5"], .rating[data-rating="3.5"] > input ~ label.full[for="attr_star3"], .rating[data-rating="3.5"] > input ~ label.half[for="attr_star3.5"] { color: #eca700; } .rating[data-rating="4"] > input ~ label.half[for="attr_star0.5"], .rating[data-rating="4"] > input ~ label.full[for="attr_star1"], .rating[data-rating="4"] > input ~ label.half[for="attr_star1.5"], .rating[data-rating="4"] > input ~ label.full[for="attr_star2"], .rating[data-rating="4"] > input ~ label.half[for="attr_star2.5"], .rating[data-rating="4"] > input ~ label.full[for="attr_star3"], .rating[data-rating="4"] > input ~ label.half[for="attr_star3.5"], .rating[data-rating="4"] > input ~ label.full[for="attr_star4"] { color: #eca700; } .rating[data-rating="4.5"] > input ~ label.half[for="attr_star0.5"], .rating[data-rating="4.5"] > input ~ label.full[for="attr_star1"], .rating[data-rating="4.5"] > input ~ label.half[for="attr_star1.5"], .rating[data-rating="4.5"] > input ~ label.full[for="attr_star2"], .rating[data-rating="4.5"] > input ~ label.half[for="attr_star2.5"], .rating[data-rating="4.5"] > input ~ label.full[for="attr_star3"], .rating[data-rating="4.5"] > input ~ label.half[for="attr_star3.5"], .rating[data-rating="4.5"] > input ~ label.full[for="attr_star4"], .rating[data-rating="4.5"] > input ~ label.half[for="attr_star4.5"] { color: #eca700; } .rating[data-rating="5"] > input ~ label.half[for="attr_star0.5"], .rating[data-rating="5"] > input ~ label.full[for="attr_star1"], .rating[data-rating="5"] > input ~ label.half[for="attr_star1.5"], .rating[data-rating="5"] > input ~ label.full[for="attr_star2"], .rating[data-rating="5"] > input ~ label.half[for="attr_star2.5"], .rating[data-rating="5"] > input ~ label.full[for="attr_star3"], .rating[data-rating="5"] > input ~ label.half[for="attr_star3.5"], .rating[data-rating="5"] > input ~ label.full[for="attr_star4"], .rating[data-rating="5"] > input ~ label.half[for="attr_star4.5"], .rating[data-rating="5"] > input ~ label.full[for="attr_star5"] { color: #eca700; } /*attribute star rating css*/ .attribute { border: none; float: none; margin: 0 auto; } .attribute > input { display: none; } .attribute > label:before { content: '\f005'; font-family: FontAwesome; margin: 0px 5px; font-size: 1.5rem; display: inline-block; cursor: pointer; } .attribute > .half:before { content: '\f089'; position: absolute; cursor: pointer; } .attribute > label { color: #ccc; float: right; cursor: pointer; } /*.attribute > input:checked ~ label,*/ /*.attribute:not(:checked) > label:hover ~ label {*/ /* color: #eca700;*/ /*}*/ /*.attribute > input:checked + label:hover,*/ /*.attribute > input:checked ~ label:hover,*/ /*.attribute > label:hover ~ input:checked ~ label,*/ /*.attribute > input:checked ~ input:hover ~ label {*/ /* color: #eca700;*/ /*}*/ .web_version { text-align: center; font-weight: 700; padding: 14px 17px; font-size: 13px; color: #343a40; z-index: 1; background: rgba(0, 0, 0, 0); } .or-line{ text-align: center; position: relative; } .or-line:before{ position: absolute; height: 1px; background: #ccc; left: 0; right: 0; margin: auto; top: 0; bottom: 0; content: ""; } .or-line span{ display: inline-block; background: #fff; font-size: 20px; color: #cc3838; z-index: 1; position: relative; padding: 5px 10px;} .mb-4, .my-4{ margin-bottom: 1.5rem!important; } .new-acc a.btn.btn-primary{ padding: 10px 20px; font-size: 17px; display: block; width: 100%; font-weight: 600; } .new-acc a.btn.btn-primary i{ margin-right: 10px; font-size: 20px; } #overlay {position: fixed;display: none;width: 100%;height: 100%;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0,0,0,0.5); z-index: 5;cursor: pointer;} #overlay img{position: absolute; top: 50%; left: 50%; font-size: 50px; color: white; width:40px; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%);} .delevery-partner .tip-box .custom-control.custom-radio#add_gift_amount_box{width: 100%; margin-top: 17px;} .delevery-partner .tip-box .custom-control.custom-radio#add_gift_amount_box input[type="number"] { height: 35px; border: 1px solid rgba(0, 0, 0, .1); width: 100%; padding: 5px 10px; } .provider-info #provider_image{text-align: left;} .provider-info .author-img { width: 100px; height: 100px; object-fit: cover; border-radius: 100px;display: inline-block; } .search .select2.select2-container{width: 100% !important; position: static;} .search .select2-container .select2-selection--single{border-radius: 10px;height: 40px;background-color: #f2f2f2;} .search .select2-container--default .select2-selection--single .select2-selection__rendered{max-width: 100%;line-height: 40px;padding-left: 20px;} .search .select2-container--default .select2-selection--single .select2-selection__arrow{top: 0;right: 17px;height: 40px;} .select2-container--open .select2-dropdown{min-width: inherit;} .search .input-group .form-control{height: 40px;background-color: #f2f2f2;border-radius: 10px;border-color: #f2f2f2;} .search .input-group .input-group-prepend .btn{background-color: #f2f2f2 !important;border-radius: 0px 10px 10px 0px !important;border-color: #f2f2f2 !important; left: -7px;} .profile-box .list-card-body .d-flex{align-items: center;margin-bottom: 10px;} .profile-box.list-card h6 a{font-size: 20px;} .profile-box.list-card .list-card-body p.text-gray{min-height: inherit;font-size: 15px !important;margin: 0 !important;} .profile-box.list-card .list-card-body span.fa {font-size: 18px;} .order_ongoing{ background: #3498db; color: #fff; padding: 3px 10px; border-radius: 5px; } .order_assigned{ background: #9b59b6; color: #fff; padding: 3px 10px; border-radius: 5px; } .order_placed{ background: orange; color: #fff; padding: 3px 10px; border-radius: 5px; } .order_accepted{ background: #008080; color: #fff; padding: 3px 10px; border-radius: 5px; } .order_rejected{ background: red; color: #fff; padding: 3px 10px; border-radius: 5px; } .order_completed{ background: green; color: #fff; padding: 3px 10px; border-radius: 5px; }