@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800&family=Oswald:wght@300;400;500;600;700&family=Poppins:wght@300;400;500;600;700;800;900&family=Signika+Negative:wght@600&family=Ubuntu:wght@300;400;500;700&display=swap'); /* Global Reset & Standards ---------------------- */ *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: none; } *{ scrollbar-width: thin; } *::-webkit-scrollbar { width: 8px; } *::-webkit-scrollbar-track { background-color: rgba(0, 0, 0, 0.06); border-radius: 0; } *::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.2); border-radius: 0; } html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figure, figcaption, hgroup, menu, footer, header, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-family: 'Ubuntu', sans-serif; } :root { --first-color: #55d400; --second-color: #94ec00ff; --border-color: #dbdbdb; } html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: subpixel-antialiased; } article, aside, canvas, figure, figure img, figcaption, hgroup, footer, header, nav, section, audio, video { display: block; } fieldset, img { border: 0; } html, body { background: #f2f2f2; font-size: 14px; line-height: 20px; font-weight: 300; } a.continue-hide { display: none; } .slides--single-js { max-height: 700px; } .js-testimonial-slider{ max-height: 500px; } .js-meal-recipe-slider-details-page{ max-height: 503px; } /* Links ---------------------- */ a { color: #d11e23; text-decoration: none; line-height: inherit; -webkit-transition: 0.3s all ease-in-out; -moz-transition: 0.3s all ease-in-out; -o-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out; } p a, p a:visited { line-height: inherit; } /* Reset for strange margins by default on <figure> elements */ figure { margin: 0; } /* Lists ---------------------- */ ul, ol, dl { margin: 0; padding: 0; list-style: none; } ul li ul, ul li ol { margin-left: 20px; margin-bottom: 0; } ol li ul, ol li ol { margin-left: 20px; margin-bottom: 0; } /* Headings & paragraphs ---------------------- */ h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: 500; font-style: normal; text-transform: none; padding: 0 0 10px 0; color: #212121; font-family: 'Signika Negative', sans-serif; line-height: 1.2; } h1 { font-size: 5em; font-weight: 300; } h2 { font-size: 2.2em; } h3 { font-size: 2em; } h4 { font-size: 1.8em; } h5 { font-size: 1.5em; } h6 { font-size: 1.3em; line-height: 1; } strong { font-weight: 500; } p { color: #000; margin: 0 0 25px 0; line-height: 1.6; font-size: 1em; font-weight: normal; } /*.checkbox input:focus + .input-helper:before, .radio input:focus + .input-helper:before {outline:1px dotted;}*/ input[type="submit"]:focus, input[type="button"]:focus, .button:focus { box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.05) inset; outline: none; } textarea { resize: vertical; } /* form elements ---------------------- */ input::-moz-focus-inner { border: 0; padding: 0; } input, select, textarea { outline: none; font-family: inherit; -webkit-transition: 0.3s all ease-in-out; -moz-transition: 0.3s all ease-in-out; -o-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out; } input[type="submit"], input[type="button"] { -webkit-appearance: none; } input[type="text"], input[type="password"], textarea, select { -webkit-appearance: none; -moz-appearance: none; appearance: none; } input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { background: transparent !important; } select::-ms-expand { display: none; } input[type="text"], input[type="email"], input[type="phone"], input[type="search"], input[type="password"], textarea, select, input[type="number"], input[type="date"], input[type="file"] { background-color: #fff; border: 1px solid #dedede; border-radius: 0; height: 50px; padding: 0 10px; width: 100%; color: #000; font-family: inherit; font-size: 1.1em; font-weight: 300; line-height: 100%; } input[type="text"]:focus, input[type="email"]:focus, input[type="phone"]:focus, input[type="search"]:focus, input[type="password"]:focus, textarea:focus, select:focus, input[type="number"]:focus, input[type="file"]:focus { border-color: #333; } textarea { height: 100px; padding: 10px; } select { padding-right: 30px; background-color: #fff; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAFCAYAAAB8ZH1oAAAAI0lEQVQImWOYMmXKf2IwAwMDAwNRimCAKEW4FGNVhK4YXRwAe5JR6xMYuYgAAAAASUVORK5CYII=); background-repeat: no-repeat; background-position: calc(100% - 15px) center; font-size: 1em; line-height: 18px; } .form input[type="submit"], .form input[type="button"] { display: inline-block; font-size: 1.2em; padding: 0 20px; text-transform: capitalize; position: relative; cursor: pointer; height: 50px; line-height: 50px; color: #fff; border-radius: 4px; font-weight: 300; -webkit-transition: 0.3s all ease-in-out; text-transform: uppercase; -moz-transition: 0.3s all ease-in-out; -o-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out; background: var(--first-color); color: #fff; border: 1px solid var(--first-color); margin: 0 15px 0 0; } .form input[type="button"] { background: #333; border-color: #333; margin: 0; } .form input[type="submit"]:active, .form input[type="button"]:active { top: 2px; } .form input[type="file"] { height: auto; padding: 11px; } /* Misc ---------------------- */ .-float-left { float: left !important; } .-float-right { float: right !important; } .-align-left { text-align: left !important; } .-align-right { text-align: right !important; } .-align-center { text-align: center !important; } .-gap { height: 15px; display: block; clear: both; } .-clearfix:after { clear: both; display: block; content: ""; } img { max-width: 100%; display: block; } /* placeholders ---------------------- */ ::-webkit-input-placeholder { color: #000; opacity: 1; } :-moz-placeholder { color: #000; opacity: 1; } ::-moz-placeholder { color: #000; opacity: 1; } :-ms-input-placeholder { color: #000; opacity: 1; } /* button ---------------------- */ .btn { background: var(--first-color); display: inline-block; vertical-align: top; font-size: 1.5rem; padding: 0 30px; border: 0 none; position: relative; cursor: pointer; border: 1px solid var(--first-color); height: 50px; line-height: 48px; color: #fff; border-radius: 4px; font-weight: 400; transition: 0.3s all ease-in-out; } .btn:active { outline: 0 none; top: 2px; } .btn.btn--block { display: block; width: 100%; text-align: center; } .btn.btn--small { height: 30px; line-height: 30px; font-size: 0.85em; padding: 0 10px; } .btn.btn--large { height: 60px; line-height: 60px; padding: 0 40px; font-size: 1.3em; } .btn.btn--gray { background: #fafafa; color: #333; border-color: #f2f2f2; } .btn.btn--primary { background: var(--first-color); color: #fff; border-color: var(--first-color); } .btn.btn--secondary { background: #cf0f14; color: #fff; border-color: #cf0f14; } .btn.btn--tertiary { background: #2e5bbc; color: #fff; border-color: #2e5bbc; } .btn.btn--white { border-color: #ddd; background: #fff; color: #333; } .btn.btn--black { border-color: #494949; background: #494949; color: #fff; } .btn.btn--bordered { border-color: #e6e6e6; background: #fff; color: #333; } .group--btns { display: inline-block; vertical-align: top; margin: 0 0 0 5px; } .group--btns .button { margin: 0 0 0 5px; } /* Works in Mozilla ---------------------- */ ::-moz-selection { background-color: #f1f1f1; color: var(--first-color); } /* Works in Safari ---------------------- */ ::selection { background-color: #f1f1f1; color: var(--first-color); } /* normal text ---------------------- */ .txt--uppercase { text-transform: uppercase; } .txt--small { font-size: 0.85em; display: block; margin-top: 0; } .second .txt--small { margin-top: -8px; } .txt--italic { font-style: italic; } .txt--light { opacity: 0.85; } .txt--nos { font-weight: 500; } .txt--nos a { color: inherit; } .-color-primary { color: var(--first-color); } .-color-secondary { color: #cc585c; } /* links ---------------------- */ .link--underline { text-decoration: underline; } /* links ---------------------- */ .link__close { z-index: 10; width: 35px; height: 35px; position: absolute; right: 10px; top: 10px; text-align: center; line-height: 18px; -ms-transform: rotate(45deg); /* IE 9 */ -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */ transform: rotate(45deg); } .link__close:before { width: 2px; height: 20px; left: 50%; margin: 0 0 0 -1px; position: absolute; top: 8px; content: ""; background: #333; } .link__close:after { width: 20px; height: 2px; left: 8px; top: 50%; margin: -1px 0 0 0; position: absolute; content: ""; background: #333; } .link__close.white:before, .link__close.white:after { background: #fff; } .order-timings { display: block; margin-top: -10px; padding-left: 25px; } /* container ---------------------- */ .container, .container--fluid { margin-right: auto; margin-left: auto; /* position: relative; */ padding: 0 10px; } .container--fixed { max-width: 1260px; } .row { margin-left: -10px; margin-right: -10px; } .row:after, .container--fixed:after { clear: both; content: ""; display: block; height: 0; visibility: hidden; } /* grids ---------------------- */ .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-left: 10px; padding-right: 10px; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .col-xs-12 { width: 100%; } .col-xs-11 { width: 91.66666667%; } .col-xs-10 { width: 83.33333333%; } .col-xs-9 { width: 75%; } .col-xs-8 { width: 66.66666667%; } .col-xs-7 { width: 58.33333333%; } .col-xs-6 { width: 50%; } .col-xs-5 { width: 41.66666667%; } .col-xs-4 { width: 33.33333333%; } .col-xs-3 { width: 25%; } .col-xs-2 { width: 16.66666667%; } .col-xs-1 { width: 8.33333333%; } .hide_promo_save { display: none; } .remove_coupon { height: 50px; position: absolute; right: 0; top: 20px; } .estimated-delivery-time { margin: 0 0 25px 30px; } @media (min-width: 768px) { .col-sm-1, .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-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-12 { width: 100%; } .col-sm-11 { width: 91.66666667%; } .col-sm-10 { width: 83.33333333%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.66666667%; } .col-sm-7 { width: 58.33333333%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.66666667%; } .col-sm-4 { width: 33.33333333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.66666667%; } .col-sm-1 { width: 8.33333333%; } } @media (min-width: 992px) { .col-md-1, .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-10, .col-md-11, .col-md-12 { float: left; } .col-md-12 { width: 100%; } .col-md-11 { width: 91.66666667%; } .col-md-10 { width: 83.33333333%; } .col-md-9 { width: 75%; } .col-md-8 { width: 66.66666667%; } .col-md-7 { width: 58.33333333%; } .col-md-6 { width: 50%; } .col-md-5 { width: 41.66666667%; } .col-md-4 { width: 33.33333333%; } .col-md-3 { width: 25%; } .col-md-2 { width: 16.66666667%; } .col-md-1 { width: 8.33333333%; } } @media (min-width: 1200px) { .col-lg-1, .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-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-12 { width: 100%; } .col-lg-11 { width: 91.66666667%; } .col-lg-10 { width: 83.33333333%; } .col-lg-9 { width: 75%; } .col-lg-8 { width: 66.66666667%; } .col-lg-7 { width: 58.33333333%; } .col-lg-6 { width: 50%; } .col-lg-5 { width: 41.66666667%; } .col-lg-4 { width: 33.33333333%; } .col-lg-3 { width: 25%; } .col-lg-2 { width: 16.66666667%; } .col-lg-1 { width: 8.33333333%; } } /* Slider */ .slick-slider { position: relative; display: block; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); margin: 0 auto;; } .recipe-header .week-slider .slick-list{ height: 20px; overflow: hidden; } .week-slider { opacity: 0; visibility: hidden; transition: opacity 1s ease; -webkit-transition: opacity 1s ease; } .week-slider.slick-initialized { visibility: visible; opacity: 1; } .slick-track { position: relative; top: 0; left: 0; display: block; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /* radio and checkbox */ /* .checkbox, .radio {display: inline-block; color: #4c4c4c;  position: relative; vertical-align:top; padding: 0 0 0 25px;  } .checkbox input,.radio input {top: 0;left: 0;margin: 0 !important;z-index: 1;cursor: pointer;opacity: 0;filter: alpha(opacity=0);} .radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { position: absolute; margin-left: -20px; margin-top: 4px \9; } .checkbox a, .radio a{color:#da251d; text-decoration: underline;} .radio.disabled, .checkbox.disabled{cursor: not-allowed;} input[type="radio"][disabled], input[type="checkbox"][disabled], input[type="text"][disabled], input[type="submit"][disabled], input[type="password"][disabled] {cursor: not-allowed;} input[type="submit"][disabled]{background: #c8c8c8;border-color: #c8c8c8;} input[type="submit"][disabled]:active{top: auto;} .inline.radio, .inline.checkbox{padding-right: 20px;} .checkbox .input-helper:before, .radio .input-helper:before, .checkbox .input-helper:after, .radio .input-helper:after { -webkit-transition: all; -o-transition: all; transition: all; -webkit-transition-duration: 250ms; transition-duration: 250ms; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; position: absolute; content: ""; } .checkbox .input-helper:before, .radio .input-helper:before { left: 0; border: 1px solid #ccc;background: #fff; } .checkbox.disabled, .radio.disabled { opacity: 0.6; filter: alpha(opacity=60); } .checkbox input { width: 17px; height: 17px; } .checkbox input:checked + .input-helper:before { border: 4px solid var(--first-color); opacity: 1; filter: alpha(opacity=100); } .checkbox .input-helper:before { top:0; width: 17px; height: 17px; } .radio input { width: 19px; height: 19px; } .radio input:checked + .input-helper:after { -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .radio .input-helper:before { top: 0; width: 19px; height: 19px; border-radius: 50%; } .radio .input-helper:after { width: 11px; height: 11px; background: var(--first-color); border-radius: 50%; top:4px; left: 4px; -webkit-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } */ /* radio and checkbox */ .checkbox, .radio { font-size: 1.1em; display: inline-block; position: relative; vertical-align: top; padding: 0 0 0 30px; } .checkbox input, .radio input { top: 0; left: 0; margin: 0 !important; z-index: 1; cursor: pointer; opacity: 0; filter: alpha(opacity=0); } .radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { position: absolute; margin-left: -20px; margin-top: 4px \9; } .radio.disabled, .checkbox.disabled { cursor: not-allowed; } input[type="radio"][disabled], input[type="checkbox"][disabled], input[type="text"][disabled], input[type="password"][disabled] { cursor: not-allowed; background: rgba(0, 0, 0, 0.03); } .inline.radio, .inline.checkbox { padding-right: 20px; } .checkbox .input-helper:before, .radio .input-helper:before { left: 0; border: 1px solid #ccc; background: #fff; } .checkbox.disabled, .radio.disabled { opacity: 0.6; filter: alpha(opacity=60); } .checkbox input { width: 17px; height: 17px; } /*.checkbox input:checked + .input-helper:before { -webkit-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); }*/ .checkbox .input-helper:after { opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(0) rotate(80deg); -ms-transform: scale(0) rotate(80deg); -o-transform: scale(0) rotate(80deg); transform: scale(0) rotate(80deg); width: 8px; height: 5px; border-bottom: 2px solid var(--first-color); border-left: 2px solid var(--first-color); left: 4px; top: 5px; } .checkbox input:checked+.input-helper:after { -webkit-transform: scale(1) rotate(-50deg); -ms-transform: scale(1) rotate(-50deg); -o-transform: scale(1) rotate(-50deg); transform: scale(1) rotate(-50deg); opacity: 1; filter: alpha(opacity=100); } .checkbox .input-helper:before { top: 2px; width: 17px; height: 17px; } .radio input { width: 19px; height: 19px; } .radio input:checked+.input-helper:after { -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .radio .input-helper:before { top: 0; width: 19px; height: 19px; border-radius: 50%; } .radio .input-helper:after { width: 11px; height: 11px; background: var(--first-color); border-radius: 50%; top: 4px; left: 4px; -webkit-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } /* header ---------------------- */ .header { position: -webkit-sticky; position: sticky; top: 0; z-index: 10; background: #fff; min-height: 70px; left: 0; right: 0; top: 0; box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.05); padding: 5px 0; /* border-bottom: 1px solid #e6e6e6; */ } .header__actions { width: calc(100% - 180px); margin-left: auto; text-align: right; } .header .container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } /* logo ---------------------- */ .logo { width: 160px; height: 90px; overflow: hidden; position: relative; } .logo img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; max-height: 100%; } /* section ---------------------- */ .section { padding: 50px 0; position: relative; } .section.section-bg--white { background: #fff; } /* body ---------------------- */ .body { min-height: 600px; } body.is--home { background: #fff; } /* section title ---------------------- */ .section__title { position: relative; padding: 30px 0; } .section__title h2 { font-size: 2.5em; text-transform: uppercase; color: #2b2b2b; font-family: 'Oswald'; font-weight: 500; line-height: 1; letter-spacing: 10px; } .section__title h5 { text-transform: uppercase; color: #625e5e; font-family: 'Oswald'; font-weight: 500; line-height: 1; } /* navs ---------------------- */ .nav { display: inline-block; vertical-align: top; } .nav--primary { color: #333; text-transform: lowercase; } .nav--primary li { display: inline-block; vertical-align: top; margin: 0 0 0 30px; } .nav--primary li a { font-size: 16px; color: inherit; font-weight: 500; position: relative; padding: 7px 0; display: block; } /* .nav--primary li a:before { white-space: nowrap; color: #d11e23; content: attr(data-hover); left: 0; max-width: 0; overflow: hidden; position: absolute; transition: max-width 0.5s ease 0s; -webkit-transition: max-width 0.5s ease 0s; -ms-transition: max-width 0.5s ease 0s; } */ .nav--primary li a:after { background: var(--first-color); content: ""; height: 3px; left: 110%; position: absolute; bottom: -5px; transition: width 500ms ease 0s, left 500ms ease 0s; -webkit-transition: width 500ms ease 0s, left 500ms ease 0s; -ms-transition: width 500ms ease 0s, left 500ms ease 0s; width: 0; } .nav--secondary>ul>li { position: relative; float: left; margin: 0 0 0 40px; color: #d11e23; } .nav--secondary>ul>li img { width: 30px; display: none; } .nav--secondary>ul>li>a { color: inherit; } .nav--secondary>ul>li>a:hover { color: #000; text-decoration: underline; } .nav__link { height: 34px; width: 34px; display: flex; justify-content: center; align-items: center; } .nav--secondary>ul>li.nav__link--primary:before { width: 1px; height: 30px; content: ""; position: absolute; right: -20px; background: #ddd; } .nav--secondary>ul>li.nav__link--primary>a { padding: 7px 15px 7px 0!important; color: inherit; display: block; } .nav--secondary>ul>li.nav__link--cart img, .nav--secondary>ul>li.nav__link--notifications img { display: block; } .nav--secondary>ul>li .count { min-width: 20px; height: 20px; font-size: 0.8em; text-align: center; padding: 1px 4px 0; line-height: 19px; position: absolute; right: -6px; top: -6px; background: #2d2d2d; color: #fff; font-weight: 500; border-radius: 50%; } /* banner ---------------------- */ .banner { position: relative; } .slider { overflow: hidden; } .slider .slick-dots { position: absolute; left: 50%; margin: 0 0 0 -600px; bottom: 50px; } .slider .slick-dots li { display: inline-block; vertical-align: top; margin: 0 10px 0 0; } .slider .slick-dots li button { font-size: 0; width: 18px; height: 18px; background: none; border: 2px solid #fff; border-radius: 100%; cursor: pointer; } .slider .slick-dots li.slick-active button { background: var(--first-color); border-color: var(--first-color); } .slide { position: relative; height: 700px; background: #f2f2f2; background-repeat: no-repeat; background-position: center top; background-size: cover; color: #fff; } .slide:before { position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: ""; background: rgba(0, 0, 0, 0.3); pointer-events: none; } .slide__content { position: absolute; right: 50%; top: 50%; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); max-width: 500px; text-align: center; background-color: #f5bb41bf; padding: 5rem; margin-right: -615px; } .slide__content_custom { right: 0; left:0; max-width: 1000px; background-color:unset; font-family: monospace; margin:auto; } .slide__content h1, .slide__content p { color: inherit; text-shadow: 0 0 5px rgba(0, 0, 0, 0.5); } .slide__content p { font-size: 1.3em; } .slide__content h1 { font-size: 3rem; } .slide__content_custom h1 { font-size: clamp(2.5rem,5.5vw,5.5rem); } .slide__content_custom p { font-size: 1.6em; } .slide__form-cover h4 { max-width: 90%; margin: 0 0 20px 0; } .slide__form-cover { background: url(images/plate.jpg) no-repeat 120% -50px #fff; padding: 30px 30px 50px 30px; width: 400px; position: absolute; right: 50%; top: 0%; transform: translate(0, -50%); -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); margin: 0 -600px 0 0; } /* search form ---------------------- */ .form--search ul>li { position: relative; } .form--search ul>li.first:before { position: absolute; right: 20px; top: 26px; pointer-events: none; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #999; content: ""; margin-top: -3px; } .form--search ul>li.first input { background: #f7f7f7; padding-right: 50px; } .form--search ul>li.first input.error { border-bottom: 1px solid #f25454; } .form--search ul>li input[type="text"]:focus { border-color: #d7d7d7; box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.05) inset; } .form--search ul>li.last { margin: 15px 0 0; } .form--search ul>li input[type="submit"] { display: block; width: 100%; } /* list ---------------------- */ .links--inline { margin: 0; color: #333; width: 100%; display: inline-block; font-weight: 300; } .links--inline li { float: left; margin: 0 5px 0 0; line-height: 1; } .links--inline li a { color: inherit; } .links--inline li a:hover { text-decoration: underline; } .links--inline.links--inline-small li a { font-size: 0.85em; opacity: 0.8; } .links--vertical-half li { width: 50%; float: left; } .links--vertical li { display: block; padding: 0 0 6px 0; font-weight: 400; } .links--vertical li:last-child { padding-bottom: 0; } .links--vertical li a { opacity: 0.8; color: #fff; font-size: 1.125rem; } .links--vertical li a:hover { opacity: 1; text-decoration: underline; } .links--socials { margin: 0; padding: 0; } .links--socials li { display: inline-block; line-height: 30px; text-transform: uppercase; vertical-align: top; margin: 0 4px; } .links--socials li a { display: block; width: 60px; overflow: hidden; height: 60px; background: #494949; border-radius: 100%; text-align: center; padding: 5px; position: relative; } .links--socials li a svg { width: 22px; height: 22px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } .links--socials li.fb a:active, .links--socials li.fb a:focus { background: #4c66a4; } .links--socials li.insta a:active, .links--socials li.insta a:focus { background: #7b4399; } .links--socials li.yt a:active, .links--socials li.yt a:focus { background: #c8312b; } .links--socials li.tw a:active, .links--socials li.tw a:focus { background: #36abdf; } .links--socials li.pint a:active, .links--socials li.pint a:focus { background: #d00713; } .links--socials li.gl a:active, .links--socials li.gl a:focus { background: #d95232; } /* toggles ---------------------- */ .toggle--nav, .toggle--links { width: 35px; height: 30px; float: left; margin: 0px 10px 0 0; padding: 3px 5px; display: none; } .toggle--nav::after { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 1); } .toggle--nav span, .toggle--links span { width: 100%; height: 2px; background: #333; display: block; margin: 12px 0 0; position: relative; } .toggle--nav span:before, .toggle--links span:before { width: 100%; height: 2px; background: #333; content: ""; position: absolute; top: -8px; left: 0; } .toggle--nav span:after, .toggle--links span:after { width: 100%; height: 2px; background: #333; content: ""; position: absolute; bottom: -8px; left: 0; } /* overlays ---------------------- */ /* .overlay { display: none; z-index: 110; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.8); } */ /* Home page ---------------------- */ .media--link { padding: 20px 10px; } .media--link a { padding: 20px; color: inherit; display: block; } .media--link a:hover { box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.08); background: #fff; } .media--link .media__icon { width: 60px; height: 60px; margin: 0 auto 10px; position: relative; } .media--link .media__icon img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; max-height: 100%; max-width: 100%; } .media--info .media__desc p { text-align: center; color: #000; font-weight: 400; } .media--info .media__icon { display: table; margin: 0 auto 15px; width: 120px; height: 120px; position: relative; } .media--info .media__icon img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } .media--info .media__title { color: #2e2e2e; font-weight: 600; font-size: 1.15em; margin: 10px auto; display: block; } /*.media__desc{min-height: 120px;}*/ .slides__seven { padding: 10px 70px 0; } .slides__seven li.slick-current .media--link a { box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.08); background: #fff; } .slides__seven .slick-arrow, .slides--six .slick-arrow { position: absolute; width: 40px; height: 40px; top: 50%; margin: -20px 0 0; cursor: pointer; z-index: 1; } .slides__seven .slick-arrow.slick-disabled, .slides__seven .slick-arrow.slick-disabled { opacity: 0; } .slides__seven .slick-arrow.slick-prev, .slides--six .slick-arrow.slick-prev { left: 10px; } .slides__seven .slick-arrow.slick-next, .slides--six .slick-arrow.slick-next { right: 10px; } .slides__seven .slick-arrow.slick-prev:before, .slides--six .slick-arrow.slick-prev:before { width: 20px; height: 20px; content: ""; position: absolute; border-left: 1px solid #333; border-bottom: 1px solid #333; transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); top: 10px; left: 15px; pointer-events: none; } .slides__seven .slick-arrow.slick-next:after, .slides--six .slick-arrow.slick-next:after { width: 20px; height: 20px; content: ""; position: absolute; border-right: 1px solid #333; border-bottom: 1px solid #333; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); top: 10px; left: 5px; pointer-events: none; } .sign:before { border: 2px solid #dadada; border-radius: 100%; color: #dadada; content: "Y"; font-size: 30px; height: 60px; left: 50%; line-height: 58px; margin: -30px 0 0 -30px; pointer-events: none; position: absolute; text-align: center; top: 50%; width: 60px; } .card-cover { padding: 10px; } .card { width: 100%; position: relative; color: #333333; background: #fff; overflow: hidden; border: 1px solid #e6e6e6; } .card__pic { width: 100%; position: relative; padding: 0 0 100% 0; } .card__pic img { position: absolute; left: 0; right: 0; bottom: 0; top: 0; margin: auto; -webkit-transition: 0.6s all ease-in-out; -moz-transition: 0.6s all ease-in-out; -o-transition: 0.6s all ease-in-out; transition: 0.6s all ease-in-out; } .card__content { position: absolute; left: 0; right: 0; background: rgba(255, 255, 255, 0.9); bottom: 0; -webkit-transition: 0.6s all ease-in-out; -moz-transition: 0.6s all ease-in-out; -o-transition: 0.6s all ease-in-out; transition: 0.6s all ease-in-out; } .card__title { font-size: 1.1em; font-weight: 600; color: inherit; line-height: 1; margin: 0 10px 0 0; display: inline-block; vertical-align: top; } .card__price { font-size: 1em; color: #333; display: inline-block; line-height: 1; vertical-align: top; } .card__price--old { text-decoration: line-through; line-height: 1.3; vertical-align: top; display: inline-block; font-size: 85%; opacity: 0.5; } .card__body { padding: 15px 15px 10px; } .card__footer { padding: 15px; background: #f7f7f7; width: 100%; } .card__footer .card__title a { font-weight: normal; color: #333; } .card__footer .card__title a:hover { color: #cf0f14; } .card .links--inline li { float: left!important; margin-bottom: 10px; } @media(min-width:1200px) { /* .card__content{bottom: auto;} */ /*.card.card--medium{width: 350px;} .card.card--large{width: 400px;} .card.card--small{width: 300px;} .card.card--xsmall{width: 250px;} */ /* .card.card--xsmall .card__title,.card.card--small .card__title{font-size:0.85em;} */ .card .links--inline { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; } /* .card__content{transform: translate(0,100%);-webkit-transform: translate(0,100%);-ms-transform: translate(0,100%);}   */ /*.card__pic img{-webkit-filter: grayscale(100%);filter: grayscale(100%);}    */ /* .card__pic:after{position: absolute;pointer-events: none;left: 0; right: 0; top: 0; bottom: 0; content: ""; background: rgba(255,255,255,0.8);z-index: 1;}    */ /* .card:hover .card__content{transform: translate(0,-100%);-webkit-transform: translate(0,-100%);-ms-transform: translate(0,-100%);} .card:hover .card__pic img{-webkit-filter: grayscale(0);filter: grayscale(0);opacity: 1;} .card:hover .card__pic:after{opacity: 0;}  */ .slides--six li { float: none; display: inline-block!important; vertical-align: bottom; } /* .slides--six li .card-cover .card{width:330px;} .slides--six li:nth-child(even) .card-cover .card{width:290px;} .slides--six li:nth-child(3n) .card-cover .card{width:250px;} .slides--six li:nth-child(4n) .card-cover .card{width:220px;} */ } .slides--six.slides--six-even { direction: rtl; } .slides--six.slides--six-even .card { direction: ltr; text-align: left; } .slides--six.slides--six-even li { float: none; display: inline-block!important; vertical-align: top; } .tag { width: 12px; height: 12px; border: 1px solid #ddd; position: relative; display: inline-block; vertical-align: middle; margin: 0 0 0 5px; } .tag:before { content: ""; position: absolute; left: 50%; top: 50%; width: 6px; height: 6px; background: #ddd; margin: -3px 0 0 -3px; border-radius: 100%; } .tag--red { border-color: #ff0000; color: #ff0000; } .tag.tag--red:before { background: #ff0000; } .tag--green { border-color: var(--first-color); color: var(--first-color); } .tag.tag--green:before { background: var(--first-color); } .tag--large { width: 18px; height: 18px; } .tag--large:before { width: 10px; height: 10px; margin: -5px 0 0 -5px; } .rating__star { display: inline-block!important; vertical-align: middle; position: relative; top: -2px; } .rating__link { font-size: 1em; color: #333; } .rating__link:hover .span { text-decoration: underline; } .rating__link .span { opacity: 0.8; font-size: 0.85em; } /* item ---------------------- */ .item { border: 1px solid #e6e6e6; display: table; table-layout: fixed; width: 100%; margin: 20px 0 0; -webkit-transition: 0.4s all ease-in-out; -moz-transition: 0.4s all ease-in-out; -o-transition: 0.4s all ease-in-out; transition: 0.4s all ease-in-out; position: relative; } .item__head { width: 30%; display: table-cell; vertical-align: top; } .item__content { width: 70%; display: table-cell; vertical-align: top; } .item.item--small .item__head { width: 26%; } .item.item--small .item__content { width: 74%; } .item__pic { width: 100%; position: relative; padding: 0 0 100% 0; background: #fff; overflow: hidden; } .item__pic img { position: absolute; left: 0; right: 0; bottom: 0; top: 0; margin: auto; } .item__title { font-size: 1.1em; font-weight: 500; color: #333; line-height: 1; display: inline-block; vertical-align: top; } .item__title--large { font-size: 1.8em; font-weight: 500; vertical-align: middle; } /* .item__title--large +.tag,.item__title--large +.tag +.tag{vertical-align: middle;} */ .item__title a { color: inherit; line-height: 18px; } .item__title a:hover { color: #e24014; } .details-content .item__title a:hover { color: #333; } .restaurant_detail.item__title a:hover { color: inherit; } .item__content { background: #f7f7f7; } .item__body { padding: 15px 20px 5px; background: #fff; /*min-height:80px*/ ; } .item__footer { width: 100%; padding: 15px 20px 10px 20px; } .item__footer:after { display: block; content: ""; height: 0; clear: both; } .item__footer>ul { display: table; table-layout: fixed; width: 100%; min-height: 47px; } .item__footer>ul>li { display: table-cell; vertical-align: top; padding: 0 10px 0 0; width: 37%; } /* .item__footer > ul > li.second{text-align: center;} */ .item__footer>ul>li.last { float: right; padding-right: 0; width: auto; } .location { background: url(images/icon_location.svg) no-repeat left 0; display: inline-block; position: relative; padding: 0 0 0 25px; color: #666666; font-size: 0.85em; min-height: 20px; } .location a { color: inherit; } .location a:hover { text-decoration: underline; } .item__footer>ul>li.second .txt--small { margin-top: 0; } .item__footer>ul>li.second .txt--small span { display: block; } .item .location { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; } .item.item--small .item__body { /*min-height:95px;*/ padding-bottom: 5px; } .item__price { font-size: 1.2em; color: #444; } .item__price strong { font-weight: 600; } /* footer ---------------------- */ .section--subscribe { padding: 50px 0 30px 0; background: #fff; } .section--subscribe h2 { font-weight: 600; } .form--subscribe li { display: inline-block; vertical-align: top; position: relative; margin: 0 -2px; } .form--subscribe li input[type="text"] { width: 300px; } .form--subscribe li input[type="submit"] { background: var(--first-color); border-color: var(--first-color); border-radius: 0; } .form--subscribe li input[type="submit"]:active { top: 0; } .section--footer { padding: 0; background-color: #fff; background-position: center bottom; background-repeat: no-repeat; } .section--footer h6 { font-size: 1.6em; color: currentColor; font-weight: 600; padding: 0 0 20px 0; } /* .section--footer .container--fixed{max-width: 900px;} */ .section--footer-lower { border-top: 1px solid rgba(255, 255, 255, 0.1); padding: 20px 0 0; margin: 30px 0 0; } .btn.btn--dropdown { padding: 0 50px 0 25px; position: relative; text-transform: capitalize; color: rgba(255, 255, 255, 0.7); font-size: 1.2em; } .btn.btn--dropdown:after { position: absolute; right: 15px; top: 22px; content: ""; width: 10px; height: 10px; border-right: 2px solid rgba(255, 255, 255, 0.2); border-bottom: 2px solid rgba(255, 255, 255, 0.2); transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transition: 0.4s all ease-in-out; -moz-transition: 0.4s all ease-in-out; -o-transition: 0.4s all ease-in-out; transition: 0.4s all ease-in-out; } .row--last { margin-top: 60px; } .row--last p { color: rgb(73 73 73); font-size: 1em; } .btn.btn--dropdown:active { top: 0; } .btn.btn--dropdown.is-active { background: #000; border-color: #000; } .btn.btn--dropdown.is-active:after { border-color: #fff; transform: rotate(-135deg); -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); top: 24px; } .dropdown { position: relative; display: inline-block; } .dropdown__target { position: absolute; left: 0; bottom: 100%; background: #000; width: 100%; text-align: left; padding: 20px 10px 10px 25px; } .dropdown__target--white { background: #fff; position: absolute; right: 1px; top: 33px; width: 100%; text-align: left; padding: 20px; min-width: 200px; border: 1px solid #e6e6e6; box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.08); z-index: 2; } .dropdown__target--white:before { position: absolute; right: 15px; top: -10px; content: ""; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #e6e6e6; } .dropdown__target--white:after { position: absolute; right: 15px; top: -8px; content: ""; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #fff; } .link--close { z-index: 10; width: 35px; height: 35px; position: absolute; right: 5px; top: 5px; text-align: center; line-height: 18px; -ms-transform: rotate(45deg); /* IE 9 */ -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */ transform: rotate(45deg); } .link--close:before { width: 2px; height: 20px; left: 50%; margin: 0 0 0 -1px; position: absolute; top: 8px; content: ""; background: #333; } .link--close:after { width: 20px; height: 2px; left: 8px; top: 50%; margin: -1px 0 0 0; position: absolute; content: ""; background: #333; } .link--close.white:before, .link--close.white:after { background: #fff; } .page--bg { background-size: cover; background-position: center top; background-repeat: no-repeat; background-attachment: fixed; } .form-cover { background: url(images/plate.jpg) no-repeat 120% -50px #fff; padding: 30px 30px 10px; width: 100%; } .form-cover input[type="submit"] { display: block; width: 100%; } .form--small p { margin: 0 0 5px 0; } .wrap--small { max-width: 400px; margin: auto; } .wrap--normal { max-width: 700px; margin: auto; } .form__heading { margin: 10px -30px 20px; background: #f5f5f5; padding: 20px 30px 15px; text-align: left; } .form-cover--odd { background: #fff; } .field-set { display: inline-block; margin: 0 0 20px; width: 100%; } .field_label { color: #777; display: block; margin: 0 0 5px; text-align: left; font-size: 0.9em; } .form--horizontal .field-set { display: table; table-layout: fixed; } .form--horizontal .caption-wraper { display: table-cell; padding: 15px 20px 0 0; vertical-align: top; width: 34%; } .form--horizontal .field-wraper { display: table-cell; vertical-align: top; width: 66%; } .form--horizontal .radio-yn { margin: 14px 0 0; } .group--social { /*display: inline-block;*/ display: -webkit-box; display: -ms-flexbox; display: flex; margin: 10px 0 20px; width: 100%; display: none; } .group--social .btn { margin: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .group--social .btn .svg-icon { width: 20px; height: 20px; display: block; margin: 0 auto; } .group--social .btn .svg-icon svg { width: 100%; height: 100%; display: block; } .group--social-onehalf .btn { /*float: left;width: 49%;*/ margin: 10px 0 0; } .btn--social-fb { background: #3a5795; border-color: #3a5795; } .btn--social-gp { background: #df4a32; border-color: #df4a32; } .btn--social-ap { background: #000; color: #fff; } /* .group--social-onehalf .btn:last-child {float: right;} */ .form-cover--even { background: #f7f7f7; padding: 30px; } .form-cover--even .btn { border: 1px solid #ddd; padding: 0 20px; } .spn_must_field { color: red; } .captchapic { height: 50px; display: inline-block; vertical-align: middle; float: left; } .reloadlink { display: inline-block; margin: 10px 0 0 10px; position: relative; vertical-align: middle; float: left; } .reloadlink img { width: 25px; } .slt-absolute { max-width: 80px; position: absolute; border: none; left: 1px; top: 1px; bottom: 1px; height: 48px; border-right: 1px solid #ddd; } .slt-absolute:focus { border-color: #d7d7d7; } .input-absolute { padding-left: 95px !important; } .field_cover { position: relative; } .field_cover .links--inline { margin: 15px 0 0; } .field_cover .links--inline li { padding: 0 10px 0 0; line-height: 1.4; } .section--form { background: #fafafa; padding: 20px 0 10px; border-bottom: 1px solid #e6e6e6; } .sort__title { display: inline-block; vertical-align: middle; text-transform: uppercase; font-size: 1em; padding: 6px 10px 4px 0; } .form--search-inline { max-width: 70%; margin: auto; display: block; } .form--search-inline ul { display: inline-block; position: relative; width: 100%; } .form--search-inline li { float: left; width: 64%; } .form--search-inline li.first { width: 36%; } .form--search-inline.form--search ul>li.last { margin: 0; position: absolute; right: 4px; top: 4px; width: 50px; background: #ddd; font-size: 0; } .form--search-inline.form--search ul>li.last input[type="submit"] { width: 100%; background: url(images/icon_search.svg) no-repeat 15px 12px #fff; border: none; height: 42px; } .form--search-inline.form--search ul>li.last input[type="submit"]:active { top: 0; } .form--search-inline.form--search ul>li.first input { border-bottom: 1px solid #d7d7d7; border-right: none; background: url(images/icon_location.svg) no-repeat 15px 15px #f2f2f2; padding: 0 10px 0 45px; } /*.form--search-inline.form--search ul > li.first:before{display: none;}*/ .drop-down { display: inline-block; vertical-align: top; margin: 0 0 0 5px; } .drop-down.drop-down--small { position: relative; } .drop-down.drop-down--small .drop-down__body { padding: 10px 15px 0; } .drop-down.drop-down--small .drop-down__target { top: 40px; border: 1px solid #ddd; padding: 10px 0; min-width: 240px; left: auto; right: 0; } .drop-down.drop-down--small .drop-down__link.is--active:after { bottom: -10px; height: 12px; border-left: 1px solid #ddd; border-right: 1px solid #ddd; left: -1px; right: -1px; } .drop-down__link { display: inline-block; background: #fff; border: 1px solid #ddd; position: relative; padding: 6px 40px 4px 15px; font-size: 0.85em; color: #666; } .drop-down__link:before { width: 6px; height: 6px; content: ""; border-left: 1px solid #666; border-bottom: 1px solid #666; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); position: absolute; right: 15px; top: 10px; } .drop-down__link.is--active:after { bottom: 0; left: 0; right: 0; height: 2px; background: #fff; content: ""; position: absolute; z-index: 2; } .drop-down__target { position: absolute; left: 0; right: 0; top: 60px; background: #fff; z-index: 1; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 30px 0 10px; } .drop-down__target .overlay.overlay--filters { display: block; z-index: 1; } .drop-down__footer { width: 100%; display: inline-block; border-top: 1px solid #ddd; padding: 20px 0 5px; } .drop-down__footer .link--underline { margin: 8px 0 0; display: inline-block; } .drop-down__body { width: 100%; display: inline-block; max-height: 300px; overflow: auto; text-align: left; } .drop-down__body .links--vertical li a { color: #414042; font-size: 0.9em; opacity: 1; } .section--sort, .section--form { position: relative; z-index: 2; } .section--sort { /*padding:30px 0 0;*/ -webkit-transition: 0.4s all ease-in-out; -moz-transition: 0.4s all ease-in-out; -o-transition: 0.4s all ease-in-out; transition: 0.4s all ease-in-out; } .section--sort [class*="col-"], .section--sort .container { position: static; } .section--fiter-result { width: 100%; display: inline-block; padding: 20px 0; border-bottom: 1px solid #ddd; } .tags__filter li { display: inline-block; vertical-align: top; color: #999; padding: 0 0 0 6px; font-size: 0.85em; line-height: 30px; } .tags__filter li:first-child { padding-left: 0; } .tags__filter li a { display: inline-block; height: 30px; line-height: 30px; padding: 0 30px 0 10px; background: #fff url(images/icon_close.svg) no-repeat right 9px; background-size: 10px; border-radius: 30px; border: 1px solid #ddd; position: relative; color: inherit; background-position: calc(100% - 10px) center; } .tags__filter li.clear a { background: none; border-color: transparent; color: #d11e23; text-decoration: underline; } .tags__filter li.clear a:after { display: none; } .section--listing { padding: 10px 0; } .section--listing .section__head h5 { padding: 0; } .item__tags { padding: 15px 0 0 20px; } .item__tags+.item__footer { padding-top: 8px; padding-bottom: 5px; } .links--inline-icons li { font-size: 0.85em; padding: 0 6px 0 0; } .links--inline-icons li img { display: inline-block; vertical-align: middle; height: 16px; margin: -2px 5px 0 0; } .links--square.links--square-onefifth li { float: left; width: 25%; } .links--square li { padding: 0 10px 10px 0; } .links--square li a { color: #333; display: block; padding: 0 30px 0 25px; position: relative; } /*.links--square li a:before {border: 1px solid #414042;border-radius: 0;content: "";height: 14px;left: 0;position: absolute;top:2px;width: 14px;}*/ .links--square li a:hover, .links--square li.is--active a { color: #d11e23; } .links--square li a:hover:before, .links--square li.is--active a:before { border: 3px solid #d11e23; } html.filters-fixed .section--filters { position: fixed; left: 0; right: 0; z-index: 10; top: 74px; background: #f2f2f2; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); } html.filters-fixed .section--filters .section--sort { padding: 10px 0; } html.filters-fixed .section--filters .drop-down .drop-down__target { top: 50px; } html.filters-fixed .section--filters .drop-down.drop-down--small .drop-down__target { top: 40px; } .section--details { background: #f2f2f2; } .section--details .location { font-size: 1em; display: block; margin: 10px 0 0; } .section--details .col--last { padding-left: 40px; } .section--details .item__tags { padding: 0; } .boxes--white { width: 100%; margin: 15px 0 15px; } .boxes--white li { background: #fff; border: 1px solid #ddd; min-height: 65px; margin: 0 5px 5px 0; padding: 14px 20px 10px 10px; display: inline-block; vertical-align: top; } .boxes--white li .box--icon { float: left; margin: 0 15px 0 0; } .boxes--white li .spantxt { font-size: 0.95em; line-height: 1; } .boxes--white li .spantxt span { display: block; opacity: 0.6; font-size: 92%; } .boxes--white li .rating__link .span { display: block; } .list--info { display: inline-block; margin: 10px 0 0; background: #f6f6f6; border: 1px solid #e6e6e6; font-size: 0.85em; text-transform: uppercase; line-height: 1; } .list--info ul { display: table; table-layout: fixed; width: 100%; white-space: nowrap; } .list--info li { display: table-cell; vertical-align: top; font-size: 0.97em; } .list--info li .head { border-bottom: 1px solid #e6e6e6; padding: 10px; display: block; } .list--info li .txt { display: block; text-transform: uppercase; padding: 12px 10px; } .list--info li .txt--light { padding-top: 0; opacity: 0.4; } .links--icon { width: 100%; border: 1px solid #ddd; } .links--icon .link { color: #333; background: #fff; font-weight: 500; padding: 12px 45px 12px 15px; position: relative; border-bottom: 1px solid #ddd; display: block; } .links--icon .link.last { border-bottom: none; } .links--icon .link.is--selected { color: red; } .links--icon .link.is--selected .icon svg { fill: red; } .links--icon .icon { position: absolute; right: 20px; top: 12px; overflow: hidden; } .links--icon .link__target { background: #fff; padding: 15px; border-bottom: 1px solid #ddd; width: 100%; } .links--icon .link__target h6 { padding: 0 0 5px 0; } .links--icon .link__target p { line-height: 1.4; display: block; font-size: 0.84em; margin: 0 0 5px 0; font-weight: normal; } .link__target.link__target--even { background: #faf2c6; } .social--share li { float: left; margin: 0 5px 0 0; } .social--share li a, .social--share li span { width: 35px; height: 35px; border-radius: 100%; display: block; padding: 5px; background: rgba(0, 0, 0, 0.04); overflow: hidden; position: relative; } .social--share li a img, .social--share li span img { width: 16px; display: block; margin: 5px auto 0; opacity: 0.6; pointer-events: none; } .social--share li .stButton { position: absolute; opacity: 0; z-index: 1; left: 0; right: 0; top: 0; bottom: 0; } .social--share.social--share--shop li span { background: #fff; } body.is--page-details { background: #fff; } .section--tabs { background: #fff; border-bottom: 1px solid #e6e6e6; padding: 0; display: none; } .section--content { padding: 30px 0; background: #fff; } .tabs li { float: left; position: relative; } .tabs--flat li a { display: block; font-size: 1.1em; color: #333; position: relative; padding: 22px 20px 20px; margin: 0 30px 0 0; } .tabs--flat li a:before { position: absolute; left: 0; right: 0; bottom: 0; height: 3px; content: ""; background: #9c1519; display: none; } .tabs--flat li.is--active a:before { display: block; } .tabs--centered { display: table; margin: auto; } .tabs--centered { display: table; margin: auto; } .popup--custom .nav--vertical>ul>li>a { font-size: 1.1em; font-weight: 500; background: none; } .popup--custom .nav--vertical ul, .popup--custom .nav--vertical ul li ul { background: none; } .popup--custom .nav--vertical>ul>li>a.is--current { background: none; } .nav--vertical>ul>li { border: 1px solid #e6e6e6; margin-bottom: 0.5rem; } .nav--vertical>ul>li ul { /* background: #fafafa; */ margin: 0; padding: 10px; } .nav--vertical>ul>li ul li { padding: 5px 0; } .nav--vertical>ul>li ul li label { display: flex; align-items: center; font-size: 1rem; font-weight: 400; } .nav--vertical .countxt { margin-left: auto } .nav--vertical .srvs-num { margin-left: 5px; font-size: 10px; font-weight: 500; } .nav--vertical>ul>li ul li a:hover { color: #333; } .nav--vertical>ul>li ul li.is--active a { color: #333; font-weight: 500; } .nav--vertical>ul>li:last-child { border-bottom: 1px solid #e6e6e6; /* margin-bottom: 15px; */ } .nav--vertical>ul>li>a { position: relative; padding: 10px; color: #444; display: block; font-size: 1.1em; background-color: #f7f7f7; font-weight: 400; } .nav--vertical>ul>li.is--active>a, .nav--vertical>ul>li>a.is--active { color: #000; font-weight: 600; } .nav--vertical>ul>li>a:before { width: 6px; height: 6px; margin: -3px 0 0; position: absolute; right: 20px; top: 50%; content: ""; border-top: 1px solid #444; border-right: 1px solid #444; transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transition: 0.4s all ease-in-out; -moz-transition: 0.4s all ease-in-out; -o-transition: 0.4s all ease-in-out; transition: 0.4s all ease-in-out; } .nav--vertical>ul>li>a.is--current { font-weight: 600; border-bottom: 1px solid #ddd; background-color: #fff; } .nav--vertical>ul>li>a.is--current:before { transform: rotate(135deg); -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); } .nav--vertical>ul>li .notification-count { background: #cf0f14; padding: 1px 5px 0; color: #fff; font-size: 0.8em; border-radius: 3px; } .nav--toggled { width: 100%; } .nav--toggled>ul>li { border-top: 1px solid #e6e6e6; position: relative; } .nav--toggled>ul>li .link--toggle { position: absolute; right: 0; top: 5px; height: 30px; width: 30px; cursor: pointer; } .nav--toggled>ul>li>a { position: relative; padding: 10px 40px 10px 20px; color: #444; display: block; font-size: 0.9em; } .nav--toggled>ul>li>ul { /*background: #fafafa;*/ margin: 0; padding: 0 10px 10px; } .nav--toggled>ul>li ul li .link--toggle { right: -10px; } .nav--toggled>ul>li ul li { padding: 0; position: relative; } .nav--toggled>ul>li ul li a { color: #999; font-size: 0.9em; padding: 6px 40px 6px 10px; display: block; } .nav--toggled>ul>li ul li a:hover { color: #333; } .nav--toggled>ul>li ul li.is--active a { color: #333; font-weight: 500; } .nav--toggled>ul>li.is-active>a, .nav--vertical>ul>li>a.is-active { color: #000; font-weight: 600; } .nav--toggled>ul>li .link--toggle:before { width: 6px; height: 6px; margin: 0; position: absolute; right: 15px; top: 12px; content: ""; border-top: 1px solid #444; border-right: 1px solid #444; transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transition: 0.4s all ease-in-out; pointer-events: none; -moz-transition: 0.4s all ease-in-out; -o-transition: 0.4s all ease-in-out; transition: 0.4s all ease-in-out; } .nav--toggled>ul>li .link--toggle.is-active:before { transform: rotate(135deg); -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); } .nav--toggled>ul>li .link--toggle.is-active:hover { background: none; } .panel { width: 100%; display: inline-block; } .panel__head { width: 100%; display: inline-block; padding: 0 0 0; } .panel__head h5 { display: inline-block; } .panel__left { float: left; width: 25%; display: inline-block; } .panel__left .nav { width: 100%; } .panel__right { width: 75%; float: right; } .wrap--bordered { background: #fff; border: 1px solid #e6e6e6; width: 100%; position: relative; } .wrap--bordered-list .dropdown { display: block; } .dropdown__link { color: #444; position: relative; padding: 0 15px 0 0; } .dropdown .location { display: block; margin-top: 10px; font-weight: normal; } .dropdown__link:before { width: 7px; height: 7px; margin: -5px 0 0; position: absolute; right: 0; top: 50%; content: ""; border-top: 1px solid #444; border-right: 1px solid #444; transform: rotate(135deg); -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); } .icon--info { margin: 5px 0; position: relative; padding: 0 0 0 20px; color: #666666; font-size: 0.9em; } .icon--info img { position: absolute; left: 0; top: 3px; width: 14px; } .space { padding: 20px; } .box__head { padding: 20px; background: #fafafa; border-top: 1px solid #e6e6e6; } .box__head h6 { padding: 0; } .gift-pay-wrapper .box__body.space { padding: 15px 0 0 0; } .gift-pay-wrapper .box__body { background-color: transparent; } .box__body { width: 100%; background-color: #fff; position: relative; } .box__body:after { clear: both; content: ""; display: block; height: 0; visibility: hidden; } .list-repeated { width: 100%; border-top: 1px solid #e6e6e6; /*min-height: 100px;*/ } .list-repeated:after { content: ""; display: block; clear: both; height: 0; } /*@media(min-width:1200px){ .counter--group .counter--qty{display: none;} .list-repeated:hover .counter--group .counter--qty{display: inline-block;} }*/ .list-repeated .cell.counter_grp_active .counter--qty { display: inline-block; } .list-repeated.list-repeated--even .counter--qty { display: inline-block; } .list-repeated:first-child { border-top: none; } .list-repeated p { margin: 0; /*display: inline-block; width: 100%;*/ } .list-repeated .item__title { font-size: 1em; } @media(min-width:767px) { .list-repeated .item__title { max-width: 70%; line-height: 1.5; } } .list-repeated .item__price { font-size: 0.9em; } .list-repeated .cell { float: left; padding: 20px; } .list-repeated .cell.cell--first { width: 75%; } .list-repeated .cell.cell--second { width: 16%; padding-right: 0; } .list-repeated .cell.cell--last { width: 25%; float: right; text-align: right; } .counter--group { margin: 0 0 10px 0; min-height: 26px; line-height: 26px; } .counter--group:last-child { margin: 0; } .counter--qty { border: 1px solid var(--first-color); display: inline-block; vertical-align: middle; } .counter__link { display: block; padding: 5px; float: left; width: 24px; height: 22px; text-align: center; line-height: 1; text-decoration: none; font-size: 1em; color: #fff; background: var(--first-color); } .counter__link:first-child { border-right: 1px solid rgba(0, 0, 0, 0.1); } .counter__value { display: block; padding: 2px!important; float: left; width: 32px!important; height: 22px!important; border: none!important; text-align: center; line-height: 1!important; border-right: 1px solid rgba(0, 0, 0, 0.1); font-size: 0.85em!important; color: var(--first-color)!important; } .row__repeated { width: 100%; padding: 15px 10px 15px 15px; /*border-bottom: 1px solid #e6e6e6;*/ display: inline-block; } .row__repeated .item__title { display: block; font-size: 1em; margin: 0 0 5px 0; line-height: 1.2em; } .row__repeated .item__price { font-size: 1em; margin: 3px 0 0; display: block; } .row__repeated:last-child { border-bottom: none; } .row__repeated:first-child { padding-top: 0; } .wrap-total { background: #fafafa; width: 100%; padding: 10px 0 0; -webkit-transition: 0.4s all ease-in-out; -moz-transition: 0.4s all ease-in-out; -o-transition: 0.4s all ease-in-out; transition: 0.4s all ease-in-out; } .wrap--bordered.wrap--bordered-even h6.space { padding: 20px 15px; } .wrap-total table { width: 100%; } .wrap-total td { padding: 5px 15px; color: #1a1a1a; text-align: right; } .wrap-total td:first-child { width: 70%; text-align: left; } .wrap-total tr.last td { font-weight: 600; border-top: 1px solid #ddd; padding: 10px 15px; } .row-container--scroller { max-height: 500px; overflow: auto; } /* sticky sections */ .panel__fixed .panel__fixed-inner.stick { position: fixed; width: 295px; z-index: 2; } .panel__fixed .panel__fixed-inner.stick { height: 90%; } /*.panel__fixed .panel__fixed-inner.stick .wrap--bordered{height:100%;}*/ .panel__left .panel__fixed .panel__fixed-inner.stick { width: 231px; } /*.panel__fixed .panel__fixed-inner.stick .wrap-total{position: absolute; bottom: 0;}*/ .panel__left .panel__fixed .panel__fixed-inner.stick .link--nav-first { display: block; margin: 20px 0 0; border-bottom: none; } .link--nav { border-bottom: 1px solid #e6e6e6; margin: 0 0 10px 0; } .link--nav a { color: #444; display: block; } .link--nav a.is--active { font-weight: 600; color: #cc1b20; } .noborder--top { border-top: none; } .cols-group { border-top: 1px solid #e6e6e6; padding: 20px 0; } .cols-group p { margin: 0; } .cols-group p a { color: inherit; font-weight: 300; } .cols-group p a:hover { text-decoration: underline; } .cols-group [class*="col-lg-6"] { min-height: 120px; } .cols-group .links--inline-icons li { padding-bottom: 15px; padding-top: 5px; } .map-view { position: relative; width: 100%; background: #eee; } .map-view iframe { height: 300px; position: relative; width: 100%; } .map-view .map-content { position: absolute; left: 20px; top: 20px; padding: 20px; background: #f7f4e0; max-width: 220px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); z-index: 1; } .map-view .map-content p { margin: 0; } .map-view .map-content h6 { color: #cc1b20; font-weight: 600; } .wrap-counter { width: 100%; display: inline-block; } .wrap-counter .txt--larger { float: left; color: #f5861f; font-weight: 900; font-size: 3em; margin: 0 15px 0 0; line-height: 1; } .wrap-counter h6 { padding: 0; } .avtar { width: 55px; height: 55px; position: relative; border-radius: 100%; } .avtar img { position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto; border-radius: 100%; } .avtar--large { width: 150px; height: 150px; } .reviews-list { width: 100%; min-height: 90px; border-top: 1px solid #ddd; padding: 20px 0 20px 80px; display: inline-block; position: relative; } .reviews-list:last-child { border-bottom: 1px solid #ddd; margin-bottom: 20px; } .reviews-list h6 { padding-bottom: 0.75rem; font-size: clamp(1rem,1.35vw,1.35rem); } .reviews-list p { font-size: 0.9em; margin: 0; } .reviews-list .avtar { position: absolute; left: 0; top: 15px; } .reviews-list .avtar img { border: 1px solid #ddd; } .reviews-list [class*="col-"] { position: static; } .steps { display: table; margin: 0 auto 40px; } .steps li { padding: 0 50px; position: relative; text-align: center; display: inline-block; vertical-align: top; } .steps.steps--tabled { table-layout: fixed; width: 100%; } .steps.steps--tabled li { padding: 0 10px; display: table-cell; vertical-align: top; } .steps li:first-child:before, .steps li:last-child:after { display: none; } .steps li:before { width: 35%; height: 1px; background: #e6e6e6; content: ""; content: ""; position: absolute; left: -9px; top: 16px; } .steps li:after { width: 35%; height: 1px; background: #e6e6e6; content: ""; content: ""; position: absolute; right: -9px; top: 16px; } .steps li .steps__count { width: 34px; line-height: 34px; font-weight: 500; height: 34px; border: 1px solid #ddd; border-radius: 100%; margin: 0 auto 15px; display: block; background: #fff; color: #999; position: relative; } .steps li .steps__value { color: #999999; display: block; font-size: 1.1em; font-weight: 300; } .steps li.is--current .steps__count { background: #cf1b21; border-color: #cf1b21; color: #fff; } .steps li.is--current .steps__value, .steps li.is--finished .steps__value { color: #333; } .steps li.is--finished .steps__count { background: #fff; border-color: var(--first-color); border-width: 2px; color: #fff; font-size: 0; } .steps li.is--finished .steps__count:before { width: 8px; height: 3px; background: var(--first-color); content: ""; position: absolute; left: 6px; top: 16px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); } .steps li.is--finished .steps__count:after { width: 15px; height: 3px; background: var(--first-color); content: ""; position: absolute; left: 10px; top: 15px; transform: rotate(-40deg); -ms-transform: rotate(-40deg); -webkit-transform: rotate(-40deg); } .container--small { max-width: 800px; } .container--small .col--left { width: 60%; } .container--small .col-lg-4 { width: 40%; } .container--narrow { max-width: 1100px; } .container--narrow .panel__fixed .panel__fixed-inner.stick { width: 313px; } .container--narrow .panel__fixed .panel__fixed-inner.stick .row-container--scroller { height: 500px; max-height: 500px; } /*.hide-scroll{*/ /*    max-height:auto !important;*/ /*}*/ /*.container--narrow .col--left{padding:0 100px;}*/ .container--colums .wrap, .container--colums .box { border: 1px solid #e6e6e6; /*display:none;*/ } .left-box{ background: #fff; border: 1px solid #e6e6e6; padding: 20px 20px; } .left-box .heading{ padding: 20px 20px; } .user-section{ padding: 20px; align-items: center; } .user-profile{ width: 3%; margin-right: 12px; } .user-name{ padding: 0px; font-size: 16px; } .right-date-time{ border-bottom: 1px solid #e6e6e6; padding: 20px 15px; padding-top: 0px; } .container--colums .wrap, .container--colums .box:first-child { border-top: 1px solid #e6e6e6; border-bottom: none; } .container--colums .box .box__head { border-top: none; } .container--colums .row-container--scroller { max-height: 250px; height: 250px; min-height: 1%; } .wrap--bordered-list .dropdown__link { padding: 15px 40px 15px 20px; font-weight: 500; position: relative; display: block; background: #fafafa; color: #444; font-size: 1em; } .wrap--bordered-list .dropdown__link:before { right: 16px; top: 24px; } .wrap--bordered-list .dropdown__link .location { margin: 5px 0 0; } .wrap--bordered-list .dropdown__target--white { top: 100%; } .links--vertical-multlevel>li>a { font-weight: 500; color: #444; opacity: 1; } .links--vertical-multlevel ul { margin: 5px 0 0 20px; } .links--vertical-multlevel ul li { padding: 2px 0; } .row-container--scroller { overflow: auto; width: 100% !important; } .scroll__track { width: 10px; position: relative; } .scroll__handle { width: 5px; margin: 0 0 0 2px; background: #eee; border-radius: 30px; -webkit-transition: width 250ms; transition: width 250ms; } @media(min-width:1401px) and (max-width:1700px) { .row-container--scroller { max-height: 350px; min-height: 1%; } .container--narrow .panel__fixed .panel__fixed-inner.stick .row-container--scroller { height: 400px; max-height: 400px; } } @media(min-width:1201px) and (max-width:1400px) { .row-container--scroller { max-height: 230px; min-height: 1%; } .container--narrow .panel__fixed .panel__fixed-inner.stick .row-container--scroller { height: 250px; max-height: 250px; } } .gift-pay-wrapper .selection { position: relative; padding: 0; } .selection { padding: 0 0 20px 35px; position: relative; } .selection.selection--default { padding-left: 0; } .selection p { margin-bottom: 0; } .selection:last-child { padding-bottom: 0; } .selection .selection__label { display: block; } .gift-pay-wrapper .selection .selection__label { display: block; padding: 10px 10px 10px 40px; background-color: #fff; margin-bottom: 10px; position: relative; } .selection .selection__label+p { margin: 0; } .selection .selection__label .radio, .selection .selection__label .checkbox { position: absolute; left: 0; top: 0; } .gift-pay-wrapper .selection .selection__label .radio, .gift-pay-wrapper .selection .selection__label .checkbox { position: absolute; left: 8px; top: 10px; } .gift-pay-wrapper .selection h6 { font-size: 0.85em; font-weight: 500; display: inline-block; padding-bottom: 0; } .selection h6 { font-size: 1em; font-weight: 500; display: inline-block; } .form-wrap { background: #fafafa; border: 1px solid #e6e6e6; padding: 20px 20px 0; width: 100%; display: inline-block; } .popup__body .form-wrap { overflow-y: auto; max-height: 80vh; } .cover-wrap { background: #fff; /*border: 1px solid #e6e6e6;*/ padding: 0; width: 100%; display: inline-block; margin: 15px 0 0; } .listing--grids { width: 100%; margin: 10px 0 0; display: inline-block; } .listing--grids ul { display: table; table-layout: fixed; width: 100%; } .listing--grids ul li { padding: 0 10px 0 0; display: table-cell; vertical-align: top; } .listing--grids ul li:last-child { padding-right: 0; } .listing--grids ul li .boxwhite { display: block; background: #f6f6f6; padding: 10px; } .listing--grids ul li p { margin: 0 0 5px 0; font-size: 0.9em; opacity: 1; } .listing--grids ul li p i { font-size: 0.8em; } .listing--grids ul li h5 { padding: 0; font-size: 1em; font-weight: 500; } .icon--paypal { width: 100px; } .block--empty { padding: 30px; } .block--empty .block__img { display: block; margin: 0 auto 30px; opacity: 0.15; } .success .block--empty .block__img { opacity: 1; } .block--empty h1 { padding: 0 0 20px 0; font-size: 4em; } .block--empty h2 { padding: 0 0 10px 0; font-size: 2.2em; } .block--empty h6 { font-weight: 300; } .block--empty .error__img { width: 449px; display: block; margin: 20px auto 0; } .block--empty p.txt--small.txt--light { width: 100%; } .drop-menu__target { background: #fff; position: absolute; right: 1px; top: 48px; width: 100%; text-align: left; min-width: 200px; border: 1px solid #e6e6e6; box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.08); z-index: 1; opacity: 0; visibility: hidden; -webkit-transition: 0.4s all ease-in-out; -moz-transition: 0.4s all ease-in-out; -o-transition: 0.4s all ease-in-out; transition: 0.4s all ease-in-out; } .drop-menu__target ul { margin: 0; padding: 10px 0; } .drop-menu__target ul li { padding: 0; } .drop-menu__target ul li a { opacity: 1; color: #444; padding: 5px 15px; display: block; } .drop-menu__target ul li.last { border-top: 1px solid #eee; padding-top: 5px; } .drop-menu.is--active .drop-menu__target { opacity: 1; visibility: visible; } .drop-menu__target:before { position: absolute; right: 15px; top: -10px; content: ""; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #e6e6e6; } .drop-menu__target:after { position: absolute; right: 15px; top: -8px; content: ""; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #fff; } .drop-menu__trigger { color: #d11e23; position: relative; padding: 0 15px 0 0!important; } .drop-menu__trigger:before { width: 7px; height: 7px; margin: -5px 0 0; position: absolute; right: 0; top: 50%; content: ""; border-top: 1px solid #d11e23; border-right: 1px solid #d11e23; transform: translateY(-50%) rotate(135deg); } .nav--secondary>ul>li.nav__link--primary>a.drop-menu-no-padd-top{padding-top:0px !important;} /* dashboard css ---------------------- */ .section--profile { padding: 0; background: #ebebeb; } .section--profile .toggle--collapseable { z-index: 2; position: absolute; width: 30px; height: 30px; background: #f2f2f2; top: -30px; right: 10px; } .section--profile .toggle--collapseable.is--active { background: #ebebeb; } .section--profile .toggle--collapseable.is--active:before { margin-top: -5px; transform: rotate(135deg); -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); } .section--profile .toggle--collapseable:before { width: 10px; height: 10px; position: absolute; left: 50%; top: 50%; margin: -8px 0 0 -5px; content: ""; border-left: 2px solid #999; border-bottom: 2px solid #999; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transition: 0.4s all ease-in-out; -moz-transition: 0.4s all ease-in-out; -o-transition: 0.4s all ease-in-out; transition: 0.4s all ease-in-out; } .section--profile .row--collapseable { padding-top: 30px; padding-bottom: 30px; } .box--tabled { width: 100%; display: table; table-layout: fixed; background: #fff; border: 1px solid #ddd; position: relative; } .box--tabled .box__left { display: table-cell; vertical-align: top; width: 34%; padding: 20px; } .box--tabled .avtar { display: block; margin: auto; } .box--tabled .tags-group { position: absolute; right: 10px; top: 15px; } .box--tabled .item__title { margin: 0 10px 6px 0; font-size: 1.2em; max-width: 72%; } .box--tabled .btn.btn--white { border-color: #ddd; padding: 0 15px; font-weight: 300; color: #999999; font-size: 0.85em; margin: 15px 0 0; } .box--tabled .tag { margin: 0 5px 5px 0; } .box--tabled .box__right { display: table-cell; vertical-align: top; width: 66%; background: #fafafa; padding: 20px; } .box--white { background: #fff; padding: 20px; border: 1px solid #e6e6e6; position: relative; } .stats { min-height: 150px; position: relative; overflow: hidden; padding: 15px; } .stats__link { position: absolute; left: 0; right: 0; bottom: 0; top: 0; display: block; } .stats__icon { position: absolute; bottom: 10px; opacity: 0.2; left: 0; } .stats.stats--first { background: #e7fae6; color: var(--first-color); } .stats.stats--second { background: #faf4e6; color: #f7a500; } .stats.stats--third { background: #fae6e7; color: #cf1b21; } .stats.stats--common { background: #e6f2fa; color: #009cff; } .stats p { color: inherit; } .stats h2 { color: inherit; font-size: 3em; line-height: 1; font-weight: 600; text-align: right; position: absolute; right: 10px; bottom: 0; } .row--grids .box--white { margin-bottom: 20px; } .row--grids .box--tabled .box__left { padding: 15px; width: 28%; } .row--grids .box--tabled .box__right { width: 72%; } /*.row--grids .box--tabled .item__title{width:85%;}*/ .box--bordered { border: 1px solid #e6e6e6; background: #fff; } .box--bordered .dropdown__link { color: #444; display: block; font-size: 1em; font-weight: 500; padding: 15px 40px 15px 20px; position: relative; } .box--bordered .dropdown__link:before { right: 16px; top: 24px; } .box--bordered .dropdown__target--white { top: 100%; } .box--bordered h3 { padding: 0; } .box--bordered .box__head { border-top: none; } .box--bordered .box__head .link { color: var(--first-color); float: right; text-decoration: underline; } /*.box--bordered .box__head h6{display: inline-block;}*/ .box__content { padding: 15px 0; } .box__content:first-child { padding-top: 0; } .box__content:last-child { padding-bottom: 0; } .box__content p { margin: 0 0 10px 0; } .status { display: inline-block; vertical-align: top; margin: 0 0 0; } .item--xsmall { margin: 0 0 20px 0; } .item--xsmall .item__footer.item__footer--even li { width: 70%; padding: 0; float: left; } .item--xsmall .item__footer.item__footer--even li.last { width: auto; float: right; margin: 0; } .item--xsmall .item__head { width: 32%; } .item--xsmall .item__content { width: 68%; } .item--xsmall .location { display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .item--xsmall .item__title { width: 85%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 1em; } .item--xsmall .tag { float: right; } .item--xsmall .item__footer { padding: 7px 15px; min-height: 56px; } .item--xsmall .item__body { padding: 15px; } .scroll-box { max-height: 260px; overflow-y: auto; display: block; width: 100%!important; } .scroll-box .links--vertical li { border-bottom: 1px dashed rgba(0, 0, 0, 0.1); padding: 15px 0 12px; } .scroll-box .links--vertical li:first-child { padding-top: 0; } .scroll-box .links--vertical li:last-child { border-bottom: none; padding-bottom: 0; } .scroll-box .links--vertical>li.active { background: rgba(0, 0, 0, 0.03); padding: 15px 10px; } .box--bordered-first { margin-bottom: 20px; } .box--bordered-first .dropdown { width: 100%; } .box--bordered .nav--vertical ul li>a { padding: 10px 20px; } .box--bordered .nav--vertical ul li:first-child { border-top: none; } .box--bordered .nav--vertical ul li:last-child { margin-bottom: 0; border-bottom: none; } .nav--vertical { width: 100%; } .cols-list { border-bottom: 1px solid #e6e6e6; padding: 20px; } .cols-list .actions { margin: 5px 0 0; } .cols-list--reply { padding-bottom: 0; } .cols-list--reply .row--reply { margin: 0 -20px; padding-top: 20px; padding-bottom: 20px; } .cols-list p { margin: 0; } .cols-list .link--underline { color: #999; } .cols-list .link--underline:hover { color: #000; } .cols-list h6 { padding-bottom: 5px; font-weight: 500; font-size: 1em; } .cols-list .info--user h6 { padding-top: 5px; } .info--user .avtar { float: left; margin: 0 20px 0 0; } .info--user h6 { padding: 0; font-weight: 500; } .radio-yn.radio-yn-even { margin: 14px 0 0; } .radio-yn>li { display: inline-block; padding: 0 10px 10px 0; vertical-align: middle; color: #777; } .radio-yn>li .checkbox, .radio-yn>li .radio { vertical-align: top; } .two-col>li { display: inline-block; padding: 0 10px 10px 0; width: 50%; margin: 0 -4px 0 0; color: #777; } .three-col>li { display: inline-block; padding: 0 10px 10px 0; width: 33.3%; margin: 0 -4px 0 0; color: #777; } .three-col>li .checkbox, .two-col>li .checkbox { vertical-align: top; } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 { float: left; min-height: 1px; padding-left: 10px; padding-right: 10px; position: relative; } .col-12 { width: 100%; } .col-11 { width: 91.6667%; } .col-10 { width: 83.3333%; } .col-9 { width: 75%; } .col-8 { width: 66.6667%; } .col-7 { width: 58.3333%; } .col-6 { width: 50%; } .col-5 { width: 41.6667%; } .col-4 { width: 33.3333%; } .col-3 { width: 25%; } .col-2 { width: 16.6667%; } .col-1 { width: 8.33333%; } .img-uploader { left: 35.4%; max-width: 150px; position: relative; text-align: center; margin: 0 0 20px 0; } .preview { background: #f6f6f6; padding: 20px; } .preview--profile .btngroup--fix { display: table; margin: 10px auto 0; text-align: center; } .btngroup--fix .btn { min-width: 110px; text-align: center; margin: 2px; padding: 0; } .btn--fileupload { overflow: hidden; position: relative; cursor: pointer; } .btn--fileupload label { display: block; cursor: pointer; } .btn--fileupload input { opacity: 0; position: absolute; left: 0; right: 0; top: 0; bottom: 0; cursor: pointer; height: auto !important; } .form__title { background: #fafafa; padding: 15px 20px; margin: 0 -20px 25px -20px; color: #333; font-size: 1em; font-weight: 700; } .col-title { font-weight: 500; color: #666; font-size: 0.9em; margin: 0 0 15px 0; } .row--head { padding: 20px 20px 0; background: #fafafa; margin: 0 0 20px 0; } .hide--desktop { display: none; } input.btn--secondary { background: #cf0f14!important; border-color: #cf0f14!important; } .panel__top { width: 100%; display: inline-block; margin: 0 0 15px 0; padding: 0; } .panel__top h6 { display: inline-block; } .panel__top .link { float: right; text-decoration: underline; color: #cf0f14; } .panel__title { font-size: 1.2em; color: #333; font-weight: 500; padding: 0; } .col-caption { color: #999; } /* table css ---------------------- */ .caption--td { display: none; } .table { width: 100%; border-spacing: 0; border-collapse: collapse; } .table td, .table th { font-size: 0.9em; padding: 8px; vertical-align: top; color: #333; text-align: left; font-weight: 300; border-bottom: 1px solid #eaeaea; } .table th { color: #4c4c4c; font-weight: 500; border-top: 1px solid #eaeaea; border-bottom: 2px solid #eaeaea; } .table td:first-child, .table th:first-child { padding-left: 0; } .table--form td { padding: 15px 10px; } .table tr.disabled { opacity: 0.4; } .table .mergedcell { text-align: right } .table .trLast td { font-size: 1.2em; font-weight: 500; } .actions li { display: inline-block; vertical-align: top; margin: 0 2px 2px 0; } .actions li a { background: #fff; display: block; border: 1px solid #d7d7d7; width: 30px; height: 30px; padding: 2px; text-align: center; line-height: 28px; font-size: 1.2em; font-weight: 600; color: #333; } .actions li a img { width: 14px; margin: 5px auto 0; } .actions li a:hover { border-color: #333; } .actions.actions--large li a { width: 40px; height: 40px; line-height: 1.5; font-size: 1.5em; color: #333; } .actions.actions--large li a img { width: 12px; margin: 10px auto 0; } .map { position: relative; min-height: 400px; background: #fafafa; width: 100%; padding: 10px; border: 1px solid #eee; } .field--small { width: 60px!important; height: 35px!important; } /* labels */ .label { color: #fff; display: inline; font-size: 0.85em; padding: 0 10px 0; text-align: center; color: #fff; vertical-align: baseline; white-space: nowrap; display: inline-block; min-width: 70px; height: 30px; line-height: 31px; margin: 0 5px 5px 0; } .label.label--default { color: #666; background: #e3e3e3 url(images/icon_inactive.svg) no-repeat 6px 7px; padding-left: 26px; background-size: 11px; } .label.label--success { color: var(--first-color); background: #e7fae6 url(images/icon_success.svg) no-repeat 6px 7px; padding-left: 26px; background-size: 14px; } .label.label--primary { color: #7a6fbe; background: #d1cee7 url(images/icon_active.svg) no-repeat 5px 5px; padding-left: 26px; background-size: 16px; } .label.label--info { color: #009cff; background: #e6f2fa url(images/icon_info.svg) no-repeat 6px 7px; padding-left: 26px; background-size: 14px; } .label.label--danger { color: #cf1b21; background: #fae6e7 url(images/icon_danger.svg) no-repeat 6px 8px; padding-left: 26px; background-size: 14px; } .label.label--warning { color: #e79500; background: #faf4e6 url(images/icon_warning.svg) no-repeat 6px 7px; padding-left: 26px; background-size: 14px; } .label.label--process { color: #666; background: #e3e3e3 url(images/icon_process.svg) no-repeat 6px 7px; padding-left: 26px; background-size: 14px; } /* paginations */ .pagination.center { display: table; margin: 0 auto; } .pagination li { float: left; padding: 0 2px; } .pagination li a { text-transform: uppercase; width: 35px; line-height: 35px; text-align: center; height: 35px; display: block; font-size: 1.1em; color: #333; font-weight: 500; position: relative; overflow: hidden; border: 1px solid #eee; } .pagination li a:hover { background: #cf0f14; border-color: #cf0f14; color: #fff; } .pagination li.selected a { background: #cf0f14; color: #fff; border-color: #cf0f14; } .pagination li.selected:hover a { color: #fff; } .pagination li.disabled { opacity: 0.7; } .pagination li.disabled a { cursor: not-allowed; } .pagination li.prev a, .pagination li.next a { background: #f1f1f1; border-color: #f1f1f1; } .pagination li.prev a:before { width: 10px; height: 10px; border-left: 2px solid #333; border-bottom: 2px solid #333; position: absolute; left: 14px; top: 11px; content: ""; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .pagination li.next a:before { width: 10px; height: 10px; border-right: 2px solid #333; border-top: 2px solid #333; position: absolute; left: 10px; top: 11px; content: ""; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .grid-layout { background: #fafafa; border-bottom: 1px solid #eee; border-top: 1px solid #eee; padding: 20px; margin: 0 -20px; } .grid-layout p { margin: 0 0 2px 0; } .grid-layout .info--order { text-align: right; } .grids--colum { margin: 20px 0; } .grids--colum .grid { min-height: 200px; width: 100%; } .grids--colum .grid h6 { font-size: 1em; } .row--reply { background: #fafafa; padding: 15px; } .form-wrap .preview { background: #fff; } .selectionbar { background: #fafafa; padding: 15px; width: 100%; } .selectionbar .grid_1 { width: 60%; float: left; } .selectionbar .grid_2 { float: right; width: 40%; } .selectionbar .selectiontabs { float: left; } .selectiontabs { display: inline-block; } .selectiontabs li { float: left; line-height: 40px; font-size: 15px; color: #666; text-align: center; } .selectiontabs li:first-child { padding: 0 10px; } .selectiontabs li { position: relative; height: 40px; line-height: 40px; border: 1px solid #dedede; width: 45px; display: block; background: #ffffff; } .selectiontabs li:first-child { border-right: none; } .selectiontabs li .imgdelete { width: 14px; margin: 12px auto 0; display: block; } .selectiontabs li .checkbox { position: relative; top: 10px; margin: 0 auto; left: 5px; vertical-align: top; } .selectionbar .form--search { width: 250px; display: inline-block; margin: 0 0 0 10px; vertical-align: middle; } .selectionbar .form--search input { height: 40px; } .selectionbar .directions { float: right; margin: 10px 0 0; } .medialist { width: 100%; list-style: none; margin: 0; } .medialist>li { display: table; width: 100%; table-layout: fixed; position: relative; padding: 10px 15px; border-bottom: 1px solid #ededed; cursor: pointer; } .medialist>li a { display: block; position: relative; overflow: hidden; color: inherit; } .medialist>li .grid { display: table-cell; vertical-align: middle; } .medialist>li .grid.first { width: 75px; padding-right: 0; height: 45px; } .medialist>li .grid.first.check { width: 35px; vertical-align: top; padding-top: 2px; } .medialist>li .grid.second { width: 70%; } .medialist>li .name { display: block; font-size: 1em; font-weight: 300; color: #999; padding: 0 0 0 0; width: 80%; } .medialist>li .name a { color: #333; } .medialist>li .name a:hover { text-decoration: underline; } .medialist>li .desc { font-size: 1em; color: #999; font-weight: 300; } .medialist>li .date { font-size: 0.9em; color: #b3b3b3; font-weight: 300; float: right; } .medialist>li.un-read { background: rgba(0, 0, 0, 0.01); } .medialist>li.un-read a { color: #000; } .medialist>li.un-read .name { font-weight: 600; color: #000; } .medialist>li.un-read .descbody { color: #000; } .medialist>li .avtar { margin-top: 5px; width: 45px; height: 45px; } .descbody { display: block; color: inherit; } .medialist>li.bodycollapsed .lightxt, .medialist>li.lastbox .lightxt { display: inline-block; } .grids-wrap { width: 100%; } .grids-wrap .wrap { min-height: 300px; padding: 30px 30px 10px; width: 100%; } .grids-wrap .wrap--yellow { background: #faf4e6; } .grids-wrap .wrap--yellow .icon__wallet { float: left; width: 60px; margin: 0 20px 0 0; } .grids-wrap .wrap--yellow h2 { font-weight: 600; padding: 0; } .grids-wrap .wrap--yellow p { margin: 0; } .grids-wrap .wrap--gray { background: #fafafa; border: 1px solid #e6e6e6; } .box__title--responsive { display: none; } .preview .avtar { margin: 0 auto 25px; } .itembordred { width: 100%; border: 1px solid #e9e9e9; margin: 0 0 30px; position: relative; } .itembordred:first-child { margin-top: 20px; } .itembordred__head { width: 100%; padding: 15px 5px 5px; display: inline-block; } .itembordred__head [class*="col-md-"]:last-child { text-align: right; } .itembordred__head h6 { font-size: 1em; font-weight: 600; padding: 0 0 0 0; display: inline-block; vertical-align: middle; } .itembordred__head .label { position: relative; top: 2px; } .itembordred__head h4 a { color: inherit; } .itembordred__body { width: 100%; background: #f2f2f2; } .tabular--grids { display: inline-block; width: 100%; border-top: 1px solid #eee; padding: 20px 0; position: relative; } .tabular--grids:first-child { border-top: none; padding-top: 0; } .tabular--grids:last-child { border-bottom: 1px solid #eee; } .tabular--grids:first-child .grid { padding-top: 0; } .tabular--grids .grid { float: left; padding: 0 20px; } .tabular--grids .grid.first { width: 50%; padding-left: 0; padding-bottom: 30px; } .tabular--grids .grid.second { width: 25%; text-align: center; } .tabular--grids .grid.last { width: 25%; text-align: right; padding-left: 0; padding-right: 0; } .tabular--grids .grid .btn { margin: 10px 0 0; text-align: center; } .tabular--grids .txt--price span { display: block; font-weight: 500; } .no_more_records { display: inline-block; font-size: 1.5em; margin: 30px 0 0; text-align: center; width: 100%; } @media(min-width:767px) { .tabular--grids .btn--group { position: absolute; left: 0; bottom: 20px; } } .lists--inline dl { padding: 2px 0 7px 0; line-height: 20px; width: 100%; font-size: 1em; color: #666; } .lists--inline dt { font-weight: 500; position: relative; display: inline-block; vertical-align: top; color: #333; } .lists--inline dd { display: inline-block; vertical-align: top; } .lists--inline dd a { color: inherit; color: #333; text-decoration: underline; } .lists--inline dt:after { content: ":"; } .lists--inline-block dl { padding-bottom: 12px; } .lists--inline-block dl:last-child { padding-bottom: 0; } .lists--inline-block dt { padding: 0 0 2px 0; } .lists--inline-block dt, .lists--inline-block dd { display: block; text-align: left; } .lists--inline-block select { height: 35px; margin: 4px 0 0; line-height: 20px; } .listing--bullet li { position: relative; color: #555555; opacity: 0.6; padding: 0 0 1px 15px; } .listing--bullet li:before { width: 5px; height: 5px; background: #555555; opacity: 0.6; border-radius: 100%; position: absolute; left: 0; top: 7px; content: ""; } .listing--bullet li a { color: inherit; } .listing--bullet.listing--bullet-small li { font-size: 0.85em; opacity: 0.5; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .block--empty .links--inline li { float: none; display: inline-block; vertical-align: top; } .layout--rtl { direction: rtl !important; } .layout--rtl .field_label { text-align: right; } .layout--rtl.form input[type="submit"], .layout--rtl.form input[type="button"] { margin: 0 0 0 10px; } .info--icon { display: inline-block; vertical-align: top; margin: 7px 0 0; } .info--icon img { width: 14px; display: inline-block; vertical-align: top; position: relative; top: 4px; margin: 0 6px 0 0; } .welcome_msg { display: none; } .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } .section--map { height: 400px; background: #eee; padding: 0; position: relative; } .section--map:before { position: absolute; left: 0; right: 0; bottom: 0; top: 0; content: ""; z-index: 1; width: 100%; } .section--map iframe { -webkit-filter: grayscale(100%); filter: grayscale(100%); } body.page--cms { background: #fff; } .cols-wrap { width: 100%; display: inline-block; margin: 30px 0; } .cols-wrap .col { width: 50%; float: left; border-left: 1px solid #ddd; min-height: 180px; padding: 0 0 0 60px; } .cols-wrap .col h6 { color: var(--first-color); } .cols-wrap .col:first-child { border-left: none; padding-left: 0; } .cols-wrap .col:first-child h6 { color: #cf1b21; } .wrap--bordered-offset { margin: -150px 0 0 0; z-index: 2; } .wrap--bordered-offset input[type="submit"] { width: 100%; display: block; } .wrap--bordered-offset h4 { padding: 0 0 20px 0; } .section--content-cols:before { pointer-events: none; position: absolute; left: 0; right: 0; top: 0; content: ""; background: rgba(0, 0, 0, 0.03); height: 170px; } .nav--vertical.nav--vertical-even>ul>li:first-child { border-top: 1px solid #e6e6e6; } .nav--vertical.nav--vertical-even>ul>li>a { padding: 15px 20px; font-size: 1em; } .nav--vertical.nav--vertical-even>ul>li>a:before { display: none; } .nav--vertical.nav--vertical-even>ul>li:last-child { margin-bottom: 0; } .group-qts { padding: 20px; border-bottom: 1px solid #e6e6e6; } .group-qts h6 { font-size: 1.1em; font-weight: 500; } .group-qts p { margin: 0; } .box__head h5 { padding: 0; } .container--cms ul, .container--cms ol { margin: 15px 0; } .container--cms ul li { position: relative; padding: 0 0 10px 20px; color: inherit; } .container--cms ul li:before { position: absolute; left: 0; top: 6px; content: ""; width: 6px; height: 6px; background: #999; border-radius: 100%; } .container--cms ol { list-style: decimal; } .container--cms ol li { position: relative; padding: 0 0 15px 0; color: inherit; margin: 0 0 0 15px; } .container--cms ol li a { color: inherit; } .cols-container .box { border-bottom: none; border-top: none; } .cols-container .box:first-child { border-top: 1px solid #e6e6e6; } .wrap__fixed-inner.stick { position: fixed; width: 400px; } .wrap__fixed-inner-even.stick { position: fixed; width: 286px; } .wrap__fixed-inner-even.stick .box--bordered-offset { margin: 0; } .section--banner { height: 450px; background-size: cover; background-position: center top; background-repeat: no-repeat; } .media--team .media__pic { margin: 0 0 15px 0; } .media--team .media__title { font-size: 1.2em; font-weight: 500; } .media--team .media__desc { font-size: 0.9em; color: #999; min-height: 1%; } .box--bordered-offset { margin: -100px 0 0; } .box--bordered-offset .nav--vertical.nav--vertical-even>ul>li>a { padding: 10px 20px; } .-col-right { float: right; } /* blog page */ .pagebar.center { text-align: center; } .pagebar.center h3 { font-size: 2.2em; } .search__blog { width: 100%; border: 1px solid #e6e6e6; padding: 20px; margin: 40px 0 20px; background: #fff; } .search__blog .searchbar { width: 100%; position: relative; } .search__blog .searchbar input[type="submit"] { width: 50px; height: 48px; top: 1px; position: absolute; right: 1px; margin: 0; font-size: 0; background: url(images/icon_search.svg) no-repeat center center #fff; border: none; } .search__blog .searchbar input[type="submit"]:hover { background: url(images/icon_search.svg) no-repeat center center #fff; } .search__blog .searchbar input[type="text"] { padding-right: 60px; } .block__bordered { width: 100%; border: 1px solid #ebebeb; background: #fff; } .block__bordered h6 { padding: 20px; } .block__bordered .block { margin: 2px 0; } .post { padding: 30px 20px 20px; border-bottom: 1px solid #ebebeb; color: #1a1a1a; background: #fff; color: #000; border: 1px solid #ebebeb; margin: 0 0 20px 0; -webkit-transition: all 250ms ease 0s; -o-transition: all 250ms ease 0s; transition: all 1s ease 0s; } .post__title { font-size: 1.5em; line-height: 1.2; color: inherit; padding: 0 0 10px 0; display: block; font-weight: 500; } .post__title a { color: inherit; } .post__date { text-transform: uppercase; font-weight: 300; color: #666666; margin: 0 0 20px 0; display: block; } .post__img { width: 100%; display: block; margin: 0 0 20px 0; } .post__img img { max-width: 100%; max-height: 100%; display: block; margin: 0px auto; text-aligncenter; } .post__by { margin: 0 0 20px 0; display: inline-block; width: 100%; } .post__by li { float: left; margin: 0 20px 0 0; line-height: 35px; position: relative; } .post__by li:after { content: "|"; position: absolute; right: -12px; top: 1px; } .post__by li:last-child:after { display: none; } .post__by li a { color: #333; } .post__by .avtar { vertical-align: middle; margin-right: 10px; display: inline-block; background: #eee; text-align: center; width: 35px; line-height: 35px; height: 35px; font-size: 1.2em; } .post__by .name { font-size: inherit; display: inline-block; vertical-align: middle; } .post__footer .themebtn { margin: 0 10px 0 0; } .txt__caps { text-transform: uppercase; display: inline-block; vertical-align: middle; } .post__description { margin: 0 0 25px 0; } .post__footer { font-size: 1.1em; width: 100%; display: inline-block; } .post__details .post__by { display: inline-block; text-transform: uppercase; vertical-align: middle; } .post__details .post__footer { padding: 0 0 20px 0; } .post__details .reviewsdescription { margin: 10px 0 15px 0; } .post__details .post__by { margin: 0 0 10px 0; } .post__details .cover__grey { margin: 30px 0 10px 0; } .cover__grey h4 { display: inline-block; } .post__details .listrepeated .grid_2 { padding: 5px 0 0; } .post__details .sectiontop__row h4 { display: inline-block; } body.page--blog .box--bordered { margin-bottom: 20px; } .overlay.overlay--blog { z-index: 111; } .links__vertical { margin: 10px 0; } .links__vertical li { padding: 10px 20px 10px; font-size: 1em; border-bottom: 1px solid #e6e6e6; } .links__vertical li:last-child { border-bottom: none; } .links__vertical li a { color: #666; display: block; } .links__vertical li.is--active>a { color: #000; font-weight: 500; } .links__vertical li ul { margin: 5px 0 0 10px; } .links__vertical li ul li { font-size: 0.9em; } .links__vertical small { padding: 5px 0 0; display: block; font-size: 0.85em; text-transform: uppercase; } .grids__half li .btn { display: block; text-align: center; } .grids__half li.second { display: none; } .post__comments .cols-list { padding: 20px 0; } .post__comments .cols-list.cols-list--reply { padding-bottom: 0; } .post__comments .cols-list.cols-list--reply .row.row--reply { margin: 0; padding-left: 62px; } .post__comments .cols-list:last-child { border-bottom: none; } .post__comments .post__head { width: 100%; display: inline-block; padding: 15px; background: #fafafa; } .post__comments .post__head h5 { display: inline-block; padding: 0; } .post__comments .post__head .link--underline { margin: 5px 0 0; } .post__comments .avtar img { border: 1px solid #ddd; } .post__comments .cols-list.cols-list--reply .row.row--reply .avtar { float: left; margin: 0 15px 0 0; } .post__comments .cols-list .avtar+h6 { margin: 10px 0 0 0; padding: 0; } .slider--single .slick-arrow { position: absolute; cursor: pointer; text-align: center; top: 50%; height: 100px; width: 40px; background: white; z-index: 1; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); } .slider--single .slick-disabled { opacity: 0; } .slider--single .slick-arrow.slick-prev { left: 0; box-shadow: 5px 0px 5px 0px rgba(0, 0, 0, 0.1); } .slider--single .slick-arrow.slick-prev:before { opacity: 0.2; position: absolute; width: 16px; height: 16px; border-left: 3px solid #000; border-bottom: 3px solid #000; content: ""; transform: rotate(45deg) translate(0, -50%); -webkit-transform: rotate(45deg) translate(0, -50%); -ms-transform: rotate(45deg) translate(0, -50%); top: 46%; left: 30%; } .slider--single .slick-arrow.slick-next { right: 0; box-shadow: -5px 0px 5px 0px rgba(0, 0, 0, 0.1); } .slider--single .slick-arrow.slick-next:before { opacity: 0.2; position: absolute; width: 16px; height: 16px; border-right: 3px solid #000; border-top: 3px solid #000; content: ""; transform: rotate(45deg) translate(0, -50%); -webkit-transform: rotate(45deg) translate(0, -50%); -ms-transform: rotate(45deg) translate(0, -50%); top: 46%; right: 55%; } .slider--single .slick-arrow.slick-prev:hover:before, .slider--single .slick-arrow.slick-next:hover:before { opacity: 1; } .form-cover.box { padding: 0; } .ui-menu { position: absolute; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); padding: 10px; background: #fff; max-height: 200px; overflow: auto; z-index: 10; } .ui-menu li { padding: 5px 0; } .group--data { padding: 20px 0 0; } .group--data:first-child { padding-top: 0; } .group--data h6 { font-size: 0.85em; padding-bottom: 2px!important; } /* popup css ---------------------- */ .dialog_box { left: 50%; position: absolute; top: 50%; transform: translate(-50%, 0%); -webkit-transform: translate(-50%, 0%); transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out; } .dialog_overlay { background-color: rgba(0, 0, 0, 0.8); bottom: 0; left: 0; position: fixed; right: 0; top: 0; transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out; } .dialog_box_wrap { bottom: 0; left: 0; opacity: 0; position: fixed; right: 0; top: 0; z-index: -1; } .dialog_box_wrap.active { opacity: 1; z-index: 99999; } .dialog_box_wrap.active .dialog_box { transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); } .dialog_box_content { background-color: #ffffff; border-radius: 5px; max-width: 800px; min-width: 500px; padding: 20px; position: relative; text-align: center; transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out; } .dialog_box .closeicn.loginpopupLink2 { padding: 5px 8px; position: relative; z-index: 9; } .msg-container { max-height: 600px; overflow: hidden; overflow-y: auto; } .forgot-password { float: right; font-size: 14px; } .forgot-password:hover { text-decoration: underline; color: #be292d; } .top-space { margin-top: 10px; } .overflow-hide { overflow-y: hidden; position: fixed; left: 0; right: 0; top: 0; bottom: 0; } .img-uploader { left: 40%; max-width: 200px; position: relative; text-align: center; } .img-uploader img { display: inline-block; vertical-align: middle; } .img-uploader label { background-color: rgba(76, 161, 70, 0.9); bottom: 0; color: #ffffff; cursor: pointer; display: block; font-size: 12px; left: 0; padding: 5px; position: absolute; right: 0; text-align: center; text-transform: uppercase; } .dataTable select { border: 1px solid #ccc; padding: 2px; } .order-menu-selection { padding: 30px 10px; text-align: center; } .btn--list a { margin: 0 10px; } /*Code added on 2-august-2016 to style the popup*/ .order-menu-selection .btn--list .siteForm ul li { text-align: center; margin-bottom: 10px; width: 48%; float: left; border: 1px solid #ababab; padding: 10px; margin: 1%; min-height: 100px; } .order-menu-selection .btn--list .siteForm ul li label { font-weight: 600; text-transform: uppercase; font-size: 18px; } .order-menu-selection .btn--list .item-alert { display: block; float: none; } .order-menu-selection.dialog_box .dialog_box_content { max-width: 510px; min-width: 510px; } .order-menu-selection .btn--list input[type="submit"], .order-menu-selection .btn--list button, .order-menu-selection .btn--list input[type="button"] { margin-top: 15px; } /* popup css */ .popup--custom { width: 100%; height: 100%; text-align: center; position: fixed; z-index: 1000; left: 0; top: 0; bottom: 0; right: 0; background: rgba(0, 0, 0, 0.85); display: none; } .popup__head { padding: 0 0 15px 0; } .popup__overlay { display: table-cell; height: 100%; vertical-align: middle; width: 100%; } .popup__content { width:97%; max-width: 800px; background: #fff; padding: 20px 30px; border-radius: 6px; margin: auto; position: relative; text-align: left; } body.popup__show { overflow: hidden; } body.popup__show .popup--custom { display: table; } .popup--custom .nav--vertical>ul>li ul { background: none; padding: 10px 0; border-top: 1px solid #e6e6e6; } .popup--custom .nav--vertical>ul>li>a { font-weight: 500; font-size: 1.1em; } .popup--custom .nav--vertical>ul>li>a.is--current { background: none; } .popup__footer .-float-right input { margin: 0; } @media(max-width:767px) { .popup--custom { /*display: block;*/ background: #fff; overflow: scroll; } .popup__overlay { display: block; } .popup__content { padding: 50px 15px 15px; } .popup__content .nav--vertical>ul>li:last-child { border-bottom: 1px solid #e6e6e6; } .popup__footer .-float-left { float: left!important; } .popup__footer .-float-right { float: right!important; } body.popup__show .popup--custom { display: block; } .links--inline li { float: none; display: inline-block; } } .grids--selection { width: 100%; display: inline-block; padding: 10px 0; } .grids--selection li { display: inline-block; width: 33.3%; padding: 0 10px 10px 0; margin: 0 -2px; vertical-align: top; float: left; } .grids--selection li .label-box { border: 1px solid #ddd; padding: 10px; width: 100%; display: block; text-align: left; } .grids--selection li .label-box .radio, .grids--selection li .label-box .checkbox { margin: 0 0 12px 0; } #facebox .close:before, #facebox .close:after { display: none; } #facebox .close { position: static; transform: rotate(0deg); -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); } .aligncenter .btn img { margin: 10px auto 0!important; display: block; } .img-container { margin: 0 0 15px 0; max-height: 70vh; } .row__repeated-group { width: 100%; display: inline-block; line-height: 1; margin: 0 0 5px 0; } .row__repeated-group:first-child { margin: 0; } .row__repeated-group .cell__left { width: 70%; float: left; padding: 0; line-height: 1.4; } .row__repeated-group .cell__right { width: 30%; float: right; text-align: right; } .row__repeated-group.-txt-small { font-size: 0.85em; } .row__repeated-group.-txt-small { font-size: 0.85em; } .box--bordered .box__head h6 { display: inline-block; } .box--bordered .box__head .sorting { position: relative; top: -5px; } .sorting { float: right; min-width: 120px; } .sorting select { height: 32px; } /*21/04/2017*/ .rest_shortcuts { display: inline-block; vertical-align: middle; } .form.rest-wallet-search { display: inline-block; vertical-align: middle; } .rest_shortcuts .btn.btn--xsmall { height: 31px; line-height: 31px; margin-left: 5px; } .rest_shortcuts .btn.btn--xsmall:first-child { margin-left: 0px; } /*Jan 7 2016------------*/ .media__list { display: block; margin-left: -10px; margin-right: -10px; } .media__list .media { display: block; float: left; padding-left: 10px; padding-right: 10px; margin-bottom: 20px; } .media__list.-list--4 .media { width: 25% } .media__list.-list--4 .media:nth-child(4n+1) { clear: left; } .media__preview { background: #f6f6f6; padding: 15px; } .media__thumb {} .media__detail .media__heading { padding: 10px 5px; text-align: center; background-color: rgba(0, 0, 0, 0.075); } .nav--primary ul { display: inline-block; vertical-align: middle; } /*subscription plans (added on 24 jan2017) ------------*/ .form-cover.box { border: 1px solid #e7e7e7; } .form-cover.box .box__head { border-top: none; } .container--centered { max-width: 70%; margin: auto; position: relative; display: block; text-align: center; } .container--centered [class*="col-"] { float: none; display: inline-block; vertical-align: top; margin: 0 -2px; } .box--plan { width: 100%; border: 1px solid #e7e7e7; margin: 20px 0; background: #fff; text-align: center; } .box--plan h4, .box--plan p { margin: 0; padding: 0; } .box--plan .box__head { border-top: none; background: none; min-height: 120px; padding: 30px 20px; border-bottom: 1px solid var(--first-color); } .box--plan .box__footer { padding: 40px 30px; background: rgba(0, 0, 0, 0.02); } .section--content-cols { padding-top: 50px; } .listing--features li { padding: 15px 20px; text-transform: uppercase; color: #333; border-bottom: 1px dashed rgba(0, 0, 0, 0.09); } .listing--features li select { color: #333; } /*.listing--features li:last-child{padding:30px 100px;border-bottom: 1px dashed rgba(0,0,0,0.09);}*/ .listing--features select.prc-selct { margin-top: 10px; width: 80%; } .listing--features li:nth-child(odd) { background: rgba(0, 0, 0, 0.02); } .section--content-grids { padding-top: 50px; } .section--content-grids:before { pointer-events: none; position: absolute; left: 0; right: 0; top: 0; content: ""; background: #fafafa; height: 253px; border-bottom: 1px solid #e7e7e7; } .table--large td, .table--large th { padding: 20px; border-bottom: none; } .table--large th { border-bottom: 1px solid #e6e6e6; border-top: none; } .table.table--large td:first-child, .table.table--large th:first-child { padding-left: 20px; } .icon--loader { margin: 0 auto 20px; display: block; } .form-cover--even h6 { font-weight: 300; } .cover-wrap--even { background: none; border: none; padding: 0; margin: 20px 0 0; } .order-timings { display: block; margin-top: -10px; padding-left: 25px; } .bannr_lstng img { width: 100%; display: block; } .bannr_lstng>li { padding-top: 10px; } .bannr_lstng { margin-bottom: 20px; } .ordr_itms { display: inline-block; /* line-height: 20px */ ; vertical-align: top; } .popup--custom .location-search { display: inline-block; width: 100%; } .cupn label { color: #444; display: block; font-size: 1em; font-weight: 500; } .cupn { background: #fafafa; padding: 15px 20px 15px 20px; cursor: pointer; border: 1px solid #e6e6e6; } .apply-code-input { position: relative; } .apply-code-input input[type="button"] { height: 50px; position: absolute; right: 0; top: 0px; } .apply-code-input>input[type="text"] { padding-right: 98px; } .cupn label { position: relative; cursor: pointer; } .apply-code-input>input { margin-top: 20px; } .cupn label:before { border-right: 1px solid #444; border-top: 1px solid #444; content: ""; height: 7px; margin: -5px 0 0; position: absolute; right: 0; top: 50%; transform: rotate(135deg); width: 7px; } .threecols { margin-left: -20px; margin-top: 20px; } .themebutton { background: rgba(0, 0, 0, 0.2); border-radius: 3px; color: #fff; line-height: 100%; padding: 2px 10px; } .themebutton:hover { color: #000; background: #fff; } .threecols>li { display: inline-block; margin: 0 -2px; padding-left: 20px; vertical-align: top; width: 33.3%; } .threecols>li:nth-child(2) .sharesection { background: #1cb7eb; } .threecols>li:nth-child(3) .sharesection { background: #dd4f41; } .threecols>li .sharesection img { bottom: 15px; opacity: 0.2; position: absolute; right: 15px; z-index: 1; } .threecols>li .sharesection h3 { color: #fff; font-size: 1.5em; position: relative; z-index: 4; } .threecols>li .sharesection { padding: 15px; background: #4e71a8; position: relative; min-height: 163px; padding: 15px; position: relative; border-radius: 3px; } .threecols>li .sharesection .txtwrap>p { color: #fff; } /* .location-search .form--search ul { margin: 0 0 0 -20px; } .location-search .form--search ul li { float: left; padding: 0 0 0 20px; width: 40%; } .location-search .form--search ul li.last { margin: 0; width: 20%; } .location-search .form--search ul > li.first input { border-bottom:1px solid #dedede; } */ .form--sorting { background: #faf4e6; padding: 20px; } #email-form-wrapper { margin-top: 20px; } .fld-rating { margin: 16px 0 0; text-align: left; } .rtng-str { display: inline-block; padding-right: 10px; vertical-align: middle; cursor: pointer; } .form.reviewfrm input[type="submit"] { margin-right: 0px; float: right; } .rating_box { display: inline-block; height: 19px; position: relative; width: 103px; } .rating_box .layergrey { background-color: #eaeaea; height: 19px; left: 0; position: absolute; top: 0; width: 103px; } .rating_box .layeryellow { background-color: #f7a500; height: 19px; left: 0; position: absolute; top: 0; } .rating_strip { background: url("images/rating_strip.png"); } .rating_strip { background: url("images/rating_strip.png"); height: 19px; left: 0; position: absolute; top: 0; width: 103px; } .filters--blog .box.box--bordered { margin: 20px 0 0; } .filters--blog .box.box--bordered:first-child { margin: 0; } #delivery-timing, #delivery-timing, #delivery-timing, #pickup-timing { padding: 15px; background: rgba(0, 0, 0, 0.05); } #delivery-timing .date-time select, #pickup-timing .date-time select { float: left; width: 49%; } #delivery-timing .date-time #delivery_time_wrap, #pickup-timing .date-time #pickup_time_wrap { float: right; width: 49%; } #delivery-timing .date-time #delivery_time_wrap select, #pickup-timing .date-time #pickup_time_wrap select { width: 100%; } .fom-row { width: 100%; display: inline-block; margin: 0 0 10px 0; padding:20px 20px; } .info-titl { font-size: 1.3em; } .form .button-row .btn--back { margin-right: 10px; } #frmRestaurant .button-row .btn--back { margin-right: 10px; } #listing.pagination-space .pagination { margin: 20px auto; } .selection-list--container { margin: 0 -10px; } .selection-list--container .selection { padding: 0; display: inline-block; vertical-align: top; margin: 0 -2px; padding: 10px; width: 50%; } .selection-list--container .hide-for-myaccount { display: none; } .selection-list--container .selection__col { padding: 15px; border: 1px solid #e6e6e6; } .btn-groups--three { margin: 10px 0 0; } .selection-list--container .selection.is-active .selection__col { background: #fafafa; } .selection-list--container .selection__content { min-height: 150px; } .fld-rating .rating-lbl { display: block; } #billing.visibleForm, #add_addrss_form.visibleForm { margin: 20px 0 0; } .field_cover>label+.checkbox .input-helper:before { top: -9px; } .menu_img { float: left; width: 100px; border: 1px solid #ddd; padding: 3px; margin: 0 10px 0 0; } .link.last.is--selected svg { fill: red; } .medialist>li .grid .checkbox { vertical-align: middle; } .response { border-radius: 3px; color: #fff; font-size: 14px; margin-top: 10px; max-width: 742px; padding: 10px; margin: 10px auto } .tabular--grids .grid.last .lists--inline-block dt, .tabular--grids .grid.last .lists--inline-block dd { text-align: right; } /* added on june 30 2017 ---------------------- */ .tabs--floated { border: 1px solid #e6e6e6; border-bottom: none; border-right: none; display: table; background: #fff; } .tabs--floated:after { display: block; content: ""; height: 0; clear: both; } .tabs--floated li { float: left; } /*.tabs--floated li:last-child{border-right:none;} .tabs--floated li:last-child.is--active{ border-right: 1px solid #e6e6e6;}*/ .tabs--floated li a { display: block; height: 45px; line-height: 45px; display: block; padding: 0 20px; color: inherit; position: relative; border-right: 1px solid #e6e6e6; background: #f5f5f5; } .tabs--floated li.is--active a { background: #fff; } .tabs--floated li.is--active a:before { pointer-events: none; position: absolute; left: 0; right: 0; bottom: -4px; content: ""; height: 5px; background: #fff; z-index: 1; } .section--content-even { padding: 50px 0 30px; } /*.section--content-even .panel__fixed-inner{margin-top:20px;}*/ @media(min-width:1200px) { /*.section--content-even .panel__fixed--right{margin-top:46px;}*/ /* .section--content-even .panel__left .panel__fixed{margin-top:46px;} */ .section--content-even .panel__fixed .panel__fixed-inner.stick { margin-top: 0; } .section--content-even .panel__right .stick.panel__fixed-inner { width: 694px; height: auto; margin: 0; } .section--content-even .panel__right .stick.panel__fixed-inner .tabs--floated, .section--content-even .panel__right .panel__fixed.is_stuck .tabs--floated { width: 100%; left: 0; right: 0; box-shadow: 0 5px 10px 1px rgba(0, 0, 0, 0.1); } .section--content-even .panel__right .stick.panel__fixed-inner .tabs--floated li.is--active a:before, .section--content-even .panel__right .panel__fixed.is_stuck .tabs--floated li.is--active a:before { display: none; } .link--nav.link--nav-first { border-bottom: none; border-top: 1px solid #e6e6e6; padding: 10px 0; margin: 0 0 0; } } .slides--six .slick-arrow { background: #fff; } .slides--six .slick-arrow.slick-next { box-shadow: -5px 0 15px 5px rgba(0, 0, 0, 0.1); } .slides--six .slick-arrow.slick-prev { box-shadow: 5px 0 15px 5px rgba(0, 0, 0, 0.1); } .slides--six .slick-arrow.slick-next:after, .slides--six .slick-arrow.slick-next:before { width: 12px; height: 12px; border-width: 2px; left: 10px; top: 12px; } .slides--six .slick-arrow.slick-prev:after, .slides--six .slick-arrow.slick-prev:before { width: 12px; height: 12px; border-width: 2px; left: 15px; top: 14px; } .slides--six .slick-arrow.slick-disabled { opacity: 0; } .list--info li.active_day .head { background: var(--first-color); color: #fff; } .list--info li.active_day .txt { background: #fff; } .list--info li.active_day .txt.txt--light { opacity: 1; } .frm-agree-chkbox { margin: 10px 0px 20px; text-align: left; } .panel__fixed.is_stuck { z-index: 1; } /* ------------------------------------------------- media queries -------------------------------------------------------------------- */ /* hover css ---------------------- */ @media(min-width:1200px) { .btn:hover { background: #333; border-color: #333; color: #fff; } .btn.btn--white:hover { background: #cf0f14; border-color: #cf0f14; color: #fff; } .btn.btn--black:hover { background: #000; border-color: #000; color: #fff; } .btn.btn--dropdown:hover:after { border-color: #fff; } .btn.btn--gray:hover { background: #ddd; border-color: #ddd; color: #000; } input.btn--secondary:hover { background: #a90000!important; border-color: #a90000!important; } .nav--primary li a:hover:after, .nav--primary li.is--active a:after { left: 0; transition: width 500ms ease 0s; -webkit-transition: width 500ms ease 0s; -ms-transition: width 500ms ease 0s; width: 100%; } .nav--primary li a:hover:before, .nav--primary li a:focus:before { max-width: 100%; } .form input[type="submit"]:hover, .form input[type="button"]:hover { background: #333; border-color: #333; } .links--socials li.fb a:hover { background: #4c66a4; } .links--socials li.insta a:hover { background: #7b4399; } .links--socials li.yt a:hover { background: #c8312b; } .links--socials li.gl a:hover { background: #d95232; } .links--socials li.tw a:hover { background: #36abdf; } .links--socials li.pint a:hover { background: #d00713; } .item--hovered:hover { box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.08); } html.is-filter-active { /*overflow: hidden; position: fixed;left: 0; right: 0; bottom: 0; top: 0;*/ } html.is-filter-active .section--listing:before { /*position: absolute;left: 0; right: 0; bottom: 0;top: 0; background: rgba(0,0,0,0.5);content: "";z-index: 1;*/ } .social--share li a:hover { background: rgba(0, 0, 0, 0.1); } .social--share li a:hover img { opacity: 1; } .medialist>li:hover, .medialist>li.selected { background: #fafafa; } .links__vertical li a:hover { color: #333; } .slide__form-cover { margin: 190px -600px 0 0; transform: translate(0px, 0%); -webkit-transform: translate(0px, 0%); } } .error-wrap { display: table; margin: 0 auto; max-width: 650px; text-align: center; } .error-img { display: block; padding-bottom: 40px; } .error-content h3 { font-size: 32px; line-height: 40px; } .error-content>p { font-size: 16px; line-height: 24px; } .error-wrap { border: 1px solid #eaeaea; border-radius: 40px; box-shadow: 10px 10px 1px rgba(0, 0, 0, 0.05); display: table; margin: 0 auto; max-width: 850px; padding: 50px; text-align: center; background: #fff; } @media(max-width:500px) { .popup__content h2 { font-size: 17px; } } @media(max-width:500px) { .popup__content h2 { font-size: 17px; } } .table-twocols { border-spacing: 0; } .table-twocols td:first-child { font-weight: 500; } .table-twocols td { padding: 8px 10px!important; border-bottom: 1px solid rgba(0, 0, 0, 0.06)!important; vertical-align: top; } .table-twocols tr:nth-child(even) td { background: rgba(0, 0, 0, 0.04); } .cols-list .label { margin-right: -5px; } .medium-size { font-size: 2em!important; } .small-size { font-size: 1em!important; } /*.active_day{background:#faf2c6 none repeat scroll 0 0;}*/ .reviews-list.review-list--reply { margin: 15px 0 0; background: #fafafa; border: none; min-height: 95px; } .reviews-list.review-list--reply .avtar { left: 15px; } #payment-option+.paynow { margin-top: 20px; } .js-menu-item-container .box--bordered-first { margin-bottom: 0; } #code_msg.error { color: red!important; } .container--colums.container--narrow .selection-list--container { margin: 0; } .container--colums.container--narrow .selection-list--container .selection { padding: 0 10px 30px 35px; } .disable--place-order { background: #c0c0c0!important; border-color: #c0c0c0!important; cursor: default; } .rest-open-close { float: right; text-transform: uppercase; font-size: 0.83em; position: relative; top: -6px; } .field--disabled { background: rgba(0, 0, 0, 0.03)!important; cursor: not-allowed; pointer-events: none; } .ui-autocomplete.ui-widget-content.ui-front { z-index: 999; } /* added on 13oct 2017 */ .counter--group .counter__link--add.counter__link { float: none; display: inline-block; vertical-align: middle; position: relative; top: -2px; margin-left: 6px; } .qty-action { width: 100%; display: inline-block; } .qty-action .qty__input { font-size: 0.85em; width: 40px; text-align: center; float: left; height: 35px; padding: 0; } .qty-action .qty__link { width: 40px; height: 35px; float: left; background: #ebebeb url(images/icon_reload.svg) no-repeat center center; background-size: 12px 12px; } .row__repeated-group .cell__right .qty__remove { float: right; margin: 12px 5px 0 0; } .row__repeated-group.row__repeated-group-last .col-side-right { text-align: right; padding-top: 20px; } .row__repeated-group.row__repeated-group-last .col-side-middle { padding-top: 10px; } .row__repeated-group.row__repeated-group-last .col-side-middle .txt-qty { display: inline-block; vertical-align: middle; } .popup__qty .radio { font-size: 1em; font-weight: 300; vertical-align: middle; } .popup__qty .radio .input-helper:before { top: -3px; } .popup__qty .radio .input-helper:after { top: 1px; } .popup__qty .row__repeated-group:first-child, .popup__qty .row__repeated-group { margin-top: 10px; margin-bottom: 0; } .row__repeated-group-last .qty-action { width: auto; vertical-align: middle; padding-left: 10px; } .padding-left-10{ padding-left: 10px; } .popup__content .checkbox-listing .countxt { float: right; } /* .popup__body-new .checkbox-listing .checkbox { display: block; } */ .popup__footer .col-last-left { width: 100%; float: left; } @media (min-width: 1199px) { .popup__footer .col-last-left { width: 40%; } } .popup__footer .col-last-right { float: right; } .popup__footer .col-last-right input[type="submit"] { margin-right: 0; margin-left: 10px; height: 40px; line-height: 40px; } .popup__footer .col-last-left .qty-action .qty__input { height: 35px; line-height: 35px; padding: 0; } .popup__footer .col-last-left .qty-action .qty__link { height: 40px; } @media(max-width: 1199px) { .popup__footer .col-last-left { width: 100%; text-align: center; padding-bottom: 20px; } .popup__footer .col-last-right { width: 100%; text-align: center; padding-bottom: 20px; } .popup__footer .col-last-left .txt-qty { float: left; margin-top: 10px; } .popup__footer .col-last-left .qty-action { float: right; } .popup__content .checkbox-listing .countxt { float: none; } .popup__footer .col-last-right .item__price { float: left; padding-top: 14px; } .popup__footer .col-last-right input[type="submit"] { float: right; } } .section.section--details .closed-time { display: inherit; margin: 10px 0 0; } .panel__right .panel__fixed.is_stuck { z-index: 2; } body.popup__show .ui-autocomplete.ui-widget-content.ui-front { z-index: 1001!important; } .checkbox-listing--scrollable { max-height: 250px; overflow: auto; } /* added on 3 Sep 2019 */ .nav--search { color: #333; text-transform: lowercase; } .nav--search>ul>li { display: inline-block; vertical-align: top; } .nav--search>ul>li>a { color: inherit; font-weight: 500; position: relative; display: block; font-size: 16px; padding: 7px 0; } .nav--search>ul>li>a:before { white-space: nowrap; color: var(--first-color); content: attr(data-hover); left: 0; max-width: 0; overflow: hidden; position: absolute; transition: max-width 0.5s ease 0s; -webkit-transition: max-width 0.5s ease 0s; -ms-transition: max-width 0.5s ease 0s; } .nav--search>ul>li a:after { background: var(--first-color); content: ""; height: 3px; left: 110%; position: absolute; bottom: -5px; transition: width 500ms ease 0s, left 500ms ease 0s; -webkit-transition: width 500ms ease 0s, left 500ms ease 0s; -ms-transition: width 500ms ease 0s, left 500ms ease 0s; width: 0; } .lcoation-field { position: relative; display: inline-block; min-width: 350px; padding: 10px 0; } .lcoation-fieldd { position: relative; display: inline-block; min-width: 114px; padding: 10px 0; } .lcoation-field h4 { font-size: clamp(1rem,1.25vw,1.25rem); display: block; } a.available-now{ color:#fff; } .lcoation-field>span { padding: 0.5rem 1rem; background-color: var(--first-color); border-radius: 8px; color: #fff; display: inline-block; cursor: pointer; } .lcoation-fieldd>a { padding: 0.5rem 1rem; background-color: var(--first-color); border-radius: 8px; color: #fff; display: inline-block; cursor: pointer; } .lcoation-fieldd>span { padding: 0.5rem 1rem; background-color: var(--first-color); border-radius: 8px; color: #fff; display: inline-block; cursor: pointer; } .lcoation-field svg { position: relative; top: 3px; } .location--field { position: relative; } .location--field::before { content: ""; position: absolute; right: 0; border-right: 2px solid #fff; border-bottom: 2px solid #fff; height: 6px; width: 6px; top: 50%; transform: translateY(-50%) rotate(45deg); } .cursor-pointer{cursor: pointer;} .pac-container { min-width: 300px!important; } .lcoation-field input { background-color: transparent; border: none; width: 170px; height: 40px; color: white; font-size: 13px; padding-left: 20px; /* background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAHCAYAAAA8sqwkAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkJCNjZDMEI4NDIwRTExRThBRkYwRDM5MkJDRkNFQTYyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkJCNjZDMEI5NDIwRTExRThBRkYwRDM5MkJDRkNFQTYyIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QkI2NkMwQjY0MjBFMTFFOEFGRjBEMzkyQkNGQ0VBNjIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QkI2NkMwQjc0MjBFMTFFOEFGRjBEMzkyQkNGQ0VBNjIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5kMAyEAAAAYklEQVR42mL4////tP/Eg2kMQIIZiDcSoRikhhmkAYS5gfgSHsUgOS6QWpgGEJYB4sdYFD+GyjGgawBhXSD+iqQYxNZDVoOuAYT9gPgPFPuhyzOCdWGCTCBmBOJp6BIAAQYAuWMEPN5T2W4AAAAASUVORK5CYII=); background-position: calc(100% - 3px) 17px; background-repeat: no-repeat; background-size: 8px 5px; */ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .nav--search>ul>li.nav__link-search .search-icon { display: inline-block; vertical-align: middle; width: 18px; position: absolute; left: -22px; top: 8px; -webkit-filter: grayscale(100%); filter: grayscale(100%); } .nav--search>ul>li a:hover:after { left: 0; transition: width 500ms ease 0s; -webkit-transition: width 500ms ease 0s; -ms-transition: width 500ms ease 0s; width: 100%; } .nav--search>ul>li a:hover:before { max-width: 100%; } .nav--search>ul>li.nav__link-search a:hover .search-icon { -webkit-filter: grayscale(0); filter: grayscale(0); } .header__location { position: relative; text-align: center; } .header__location-trigger { display: block; position: relative; padding: 0 20px 0 22px; text-decoration: underline; color: #d11e23; cursor: pointer; background: url(images/icon_locations.svg) no-repeat 0 2px; } .header__location-trigger:before { position: absolute; right: 5px; top: 6px; content: ""; width: 7px; height: 7px; content: ""; border-left: 1px solid #333; border-bottom: 1px solid #333; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); } .header__location-from { position: fixed; left: 0; top: 40px; right: 0; z-index: 3; background: rgba(230, 230, 230, 0.9); bottom: 0; } .location-box { min-width: 100%; padding: 30px; position: absolute; top: 100%; right: 1; background: #fff; color: #000; box-shadow: 0 6px 9px 0 rgba(0,0,0,0.1); transition: all 300ms; opacity: 0; visibility: hidden; z-index: 999; } .location-box h6 { font-size: 1.125rem; font-weight: 400; } .address-form > div { padding-bottom: 15px; } .address-form strong { margin: 10px 0px; display: block; text-align: center; } .address-form input { width: 100%; margin: 0; border-radius: 4px; } .display-location .location-box { opacity: 1; visibility: visible; } .display-location body { overflow: hidden; } .display-location .location-appear-js::before { content: ""; position: fixed; left: 0; right: 0; bottom: 0; top: 40px; background-color: rgba(240, 240, 240, 0.8); z-index: 1; overflow: hidden; } .header__search-from { position: fixed; left: 0; top: 140px; right: 0; z-index: 3; background: rgba(230, 230, 230, 0.9); bottom: 0; } .table-head { display: table; width: 100%; vertical-align: top; margin-bottom: 10px; padding-bottom: 10px; display: flex; justify-content: space-between; align-items: center; } .head-left { margin-right: 15px; display: inline-block; } .table-heading { color: #000; font-weight: 500; font-size: 1.375em; } .banner-text { background: #f5bb41bf; padding: 15px; } @media(min-width: 1199px) { .header__search-from { position: absolute; top: 90px; } .banner-text { position: absolute; top: 50%; transform: translateY(-50%); right: 50%; margin-right: -680px; z-index: 2; color: #fff; width: 456px; height: 456px; display: block; text-align: center; padding: 122px 0 0; } } @media(max-width: 1024px) { .header__search-from { top: 85px; } .banner-mid .container { padding: 0; } } .header__location-from input, .header__search-from input { border: none; padding-left: 20px; height: 60px; } .header__location-from input:focus { box-shadow: none!important; } .trigger-close { height: 61px; width: 60px; position: absolute; top: -1px; border-top: 1px solid #ddd; right: -60px; background-color: #fff; } .trigger-close:after { position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: "+"; font-size: 2.5em; transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); color: #333; text-align: center; line-height: 60px; } @media (min-width: 1199px) { .trigger-close:before { content: ""; position: fixed; left: 0; right: 0; top: 180px; bottom: 0; background-color: rgba(0,0,0,0.5); z-index: -1; } .fixed-header .trigger-close:before { top: 90px; } } .form-page-search { max-width: 70%; width: 100%; margin: auto; display: block; position: relative; border-top: 1px solid #ddd; } .form-page-search ul { display: flex; flex-wrap: wrap; position: relative; width: 100%; border-right: 1px dashed #ddd; } .form-page-search li { float: left; } .form-page-search li.first { width: 100%; } .form-page-search li.second { width: 65%; } .form-page-search li.full { width: 105%; } .form-page-search ul>li.last { margin: 0; position: absolute; right: 0; top: 0; width: 50px; background: #ddd; font-size: 0; } .form-page-search ul>li.last input[type="submit"] { width: 100%; background: url(images/icon_search.svg) no-repeat center center #fff; border: none; border-radius: 0; height: 60px; } .form-page-search ul>li.last input[type="submit"]:active { top: 0; } .form-page-search ul>li.first input { border-right: 1px solid #d7d7d7; background: url(images/icon_location.svg) no-repeat 20px 20px #fff; padding: 0 10px 0 45px; } .header__location .location-primary { max-width: 200px; overflow: hidden; display: inline-block; vertical-align: top; white-space: nowrap; text-overflow: ellipsis; text-decoration: underline; } /*.header__location-trigger.is-active:after,.header__form-trigger.is-active:after{position: fixed;left: 0;right: 0;top: 73px; bottom: 0;content: "";background:rgba(230,230,230,0.9);cursor: pointer;}*/ .page-head { padding: 30px 0; background: #e7e7e7; border-bottom: 1px solid #ddd; } .page-head h1 { font-size: 1.6em; padding: 0; } @media(max-width:1199px) { .header__location-from .link__close, .header__search-from .link__close { right: 20px; } .form-page-search { max-width: 80%; } .header__location-trigger.is-active:after, .header__form-trigger.is-active:after { top: 60px; } .trigger-close { top: -60px; right: 10px; } .trigger-close { border-top: none; } .header__location-from, .header__search-from { top: 0; padding-top: 70px; } .header__location-from .link__close, .header__search-from .link__close { top: -40px; } .header__location-from input, .header__search-from input { border: 1px solid #ddd; padding-left: 20px; height: 60px; line-height: 18px; } .header__location-from, .header__search-from { background: #fff; } .form-page-search ul>li.last input[type="submit"] { background: var(--first-color); } .form-page-search { border-top: none; } .form-page-search li.first, .form-page-search li.second { width: 100%; } .form-page-search li { padding: 10px; } .form-page-search { max-width: 100%; border-top: none; } .form-page-search ul { box-shadow: none; } .form-page-search ul>li.last { position: relative; right: auto; top: auto; width: 100%; background: none; font-size: 1.1em; } .form-page-search ul>li.first input:focus { border-color: #333; } .form-page-search ul { border-right: none; } } /* @media(max-width:1023px) { .header__location { position: absolute; left: 0; right: 0; top: 65px; background: #fff; text-align: left; border-top: 1px solid #ddd; box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.05); } .header__location .header__location-trigger { font-size: 0.9em; min-height: 40px; padding: 10px 40px 10px 40px; background-position: 15px 12px; display: block; width: 100%; } .header__location-trigger:before { right: 20px; top: 14px; } } */ @media(max-width:767px) { /* .header__location { top: 64px; } */ .nav--search ul>li.nav__link-search>a { font-size: 0; width: 40px; height: 40px; display: block; } .nav--search li.nav__link-search .search-icon { position: absolute; left: 0; top: 0; width: 22px; bottom: 0; right: 0; margin: auto; } .page-head { padding: 15px; background: none; } .page-head h1 { font-size: 1.2em; padding: 0; } } /* added on 6 sept 2019 */ .tabular--grids.tabular-grid-media .grid { min-height: 150px; } .tabular--grids.tabular-grid-media .grid.first { padding-left: 150px; padding-bottom: 0; width: 60%; } .tabular--grids.tabular-grid-media .grid.last { width: 15%; } .tabular--grids.tabular-grid-media .btn--group { position: relative; bottom: auto; left: auto; width: 100%; display: inline-block; padding: 10px 0 0; } .grid-media { width: 130px; } .tabular--grids.tabular-grid-media .grid-media { position: absolute; } .tabular--grids.tabular-grid-media .info--icon { margin-top: 0; } .tabular--grids.tabular-grid-media { padding: 20px; } .tabular--grids.tabular-grid-media:nth-child(even) { padding: 20px; } @media(max-width:1023px) { .tabular--grids.tabular-grid-media .grid { min-height: 1%; } .tabular--grids.tabular-grid-media .grid.second { width: 70%; padding-left: 0; padding-top: 10px; } .tabular--grids.tabular-grid-media .grid.second .lists--inline { display: flex; } .tabular--grids.tabular-grid-media .grid.second .lists--inline dl { width: 50%; padding-left: 0; } .tabular--grids.tabular-grid-media .grid.last { width: 30%; padding-top: 10px; } .tabular--grids.tabular-grid-media .grid.first { width: 100%; padding-bottom: 20px; border-bottom: 1px solid #eee; } } @media(max-width:767px) { .tabular--grids.tabular-grid-media .grid.first, .tabular--grids.tabular-grid-media .grid.last { width: 100%; padding: 0; } .tabular--grids.tabular-grid-media .grid-media { position: relative; margin-bottom: 10px; } .tabular--grids.tabular-grid-media .grid { min-height: 1%; } .grid-media { width: 100px; } .tabular--grids.tabular-grid-media .grid { min-height: 1%; } .tabular--grids.tabular-grid-media .grid.second { width: 100%; padding-left: 0; padding-top: 0; } .tabular--grids.tabular-grid-media .grid.second .lists--inline { display: block; } .tabular--grids.tabular-grid-media .grid.second .lists--inline dl { width: 100%; padding-left: 0; } .tabular--grids.tabular-grid-media .grid.last { width: 100%; padding-top: 0; } .tabular--grids.tabular-grid-media .grid.first { width: 100%; padding-bottom: 20px; border-bottom: none; } .tabular--grids.tabular-grid-media .grid.first { padding-bottom: 0; } } /* added on 7 Sep2019 */ td.wallet_table:nth-child(4n) { color: #d11e23; } td.wallet_table:nth-child(5n) { color: var(--first-color); } /*.new_tabs{ background: green}*/ .new_tab_item { width: 49%; } /* added on 7 sept 2019 */ .page-title { margin: 10px 0 0; padding: 0; } .stats.stats--wallet { background: #fafafa; color: #333; text-align: center; min-height: 1%; } .stats.stats--wallet p { margin: 0 0 5px; } .stats.stats--wallet h2 { position: relative; right: auto; bottom: auto; text-align: inherit; color: #d11e23; font-size: 2em; margin: 10px 0 0; } .stats.stats--wallet .link { text-decoration: underline; color: #000; } .order-box { border: 1px solid #e6e6e6; margin: 20px 0 0; -webkit-transition: 0.3s all ease-in-out; -moz-transition: 0.3s all ease-in-out; -o-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out; position: relative; } .order-box { border: 1px solid #e6e6e6; margin: 30px 0 0; } .order-box p { color: #666; margin-bottom: 15px; } .order-box .order-title { color: #666; margin: 0 0 5px; } .order-box .label { background-color: #fff; margin-left: 10px; margin-top: 2px; margin-bottom: 0; height: 22px; line-height: 22px; background-position: 6px 4px; } /*.order-box p a { text-decoration: underline; color: inherit; font-weight: 500; font-size: 0.9em; }*/ .order-box h6 { font-size: 1.1em; padding: 0; } .order-box h6 a { color: inherit; } .order-box h6 a:hover { color: #d11e23; } .order-box .info--icon { margin-top: 2px; } .order-box__head { padding: 20px; min-height: 100px; } .order-box__footer { background: #fafafa; padding: 20px; min-height: 50px; } .order-box__footer .btn--bordered { padding: 0 20px; margin: 2px 0; } .order-box__footer .btn--bordered.is-active { background: #d11e23; border-color: #d11e23; color: #fff; } .order-box__footer p { margin: 3px 0 0; } .-display-inline { display: inline-block; } .order-box__left { width: 70%; float: left; } .order-box__right { width: 30%; float: right; text-align: right; } .order-media { width: 100px; float: left; } .order-content { width: calc(100% - 100px); padding: 0 0 0 20px; float: left; } .order-box .Fr-star { display: inline-block; margin: 0 5px; position: relative; top: 3px; } .order-box .txt-span { display: inline-block; color: #666; } .order-box .txt-link { display: inline-block; color: #d11e23; text-decoration: underline; } .order-box .Fr-star .Fr-star-bg { position: absolute; height: 100%; width: 100%; background: url(images/Fr-star2.svg) repeat; background-size: contain; } .avtar--normal { width: 100px; height: 100px; } .page-heading h6 { padding: 10px 0 0; } .tabs-flexed ul { display: flex; width: 100%; } .tabs-flexed ul li { flex-grow: 1; } .tabs-flexed ul li a { display: block; padding: 15px 30px; position: relative; border-right: 1px solid #e6e6e6; background: #f5f5f5; color: #333; } .tabs-flexed ul li.is-active a { background: #fff; font-weight: 500; color: #d11e23; } @media(min-width:1199px) { .order-box:hover { box-shadow: 0 15px 15px 0 rgba(0, 0, 0, 0.08); } .box--tabled .box__right .btn--positioned { position: absolute; top: 0; right: 15px; } } @media(max-width:1199px) { .row--collapseable .box--white { margin-top: 15px; } .stats.stats--wallet { min-height: 180px; padding-top: 50px; } } @media(max-width:1023px) { .stats.stats--wallet { min-height: 1%; padding-top: 20px; } .box__body #payment-option .selection { margin-right: 20px; } .box__body #payment-option .selection label { min-width: 150px; } } @media(max-width:767px) { .order-box .label { margin-left: -5px; } .order-box .order-title h6 { display: block; } .order-box p { font-size: 1em; } .order-box p { margin-bottom: 5px; } .order-box__right { color: #666; padding: 15px 0 0; } .order-box__right p { margin-bottom: 15px; } .order-box__head, .order-box__footer { padding: 15px; } .order-box__footer .order-box__right { padding: 0; } .order-box__footer .btn.btn--small { padding: 0 15px; } } @media(max-width:575px) { .order-box__left, .order-box__right, .order-content { width: 100%; } .order-content { padding: 10px 0 0 0; } .order-box__right p { margin-bottom: 5px; } .order-box__right { text-align: left; color: #666; padding: 8px 0 0; } } /* 17 Sep 2019 By Maneesh */ input[type="text"].slide_range { background: transparent; border: 0; width: 50%; } #slider-range { z-index: 0; padding: 9px; margin: 7px; width: 500px; } .ui-slider-horizontal .ui-slider-handle { top: 0 !important; } .ui-slider .ui-slider-handle { cursor: e-resize !important; top: 0; } .ui-slider .ui-slider-range { background: var(--first-color); } @media(max-width:767px) { #slider-range { width: 95%; } } /* restaurant details css 19 Sept 2019 */ .site-details { background: #f9f9f9; padding: 40px 0; border-bottom: 1px solid #ebebeb; } .flex-container, .flex-inline { display: flex; flex-wrap: wrap; width: 100%; } .flex-col__left { width: 300px; } .flex-col__middle { width: calc(100% - 600px); } .flex-col__right { width: 300px; } .site-page { background: #fff; } .details-content { padding-left: 30px; padding-right: 50px; } .details-content p { color: #888; margin: 5px 0 10px 0 } .details-content .location { font-size: 100%; background-size: 11px; padding-left: 20px; background-position: left 1px; margin-bottom: 20px; } .details-content .timings { text-transform: uppercase; font-size: 85%; color: #222; } .details-content .tag--large { margin-top: 3px; } .flex-inline { margin-top: 34px; } .flex-inline .flex-inline__col { padding: 10px 10px 0 0; flex-grow: 1; } .flex-inline .txt-lg, .flex-inline .rating__link { font-weight: 500; font-size: 1.03em; color: inherit; text-transform: uppercase; } .flex-inline .rating__link .span { opacity: 1; } .flex-inline .txt-sm { font-weight: 300; text-transform: uppercase; font-size: 0.85em; color: rgba(0, 0, 0, 0.6); } .offers-box { position: relative; } .offers-box__container { position: relative; width: 100%; border: 1px dashed #d11e23; padding: 15px; } .offers-box__title { text-transform: uppercase; color: #d11e23; font-weight: 500; font-size: 1em; position: absolute; left: 10px; top: -20px; padding: 10px; background: #f9f9f9; } /*.offer-list__more{background: #fff; position: absolute;left: 0;right: 0;top:-10px; min-height: 100px; padding:25px; border: 1px dashed #d11e23;z-index: 1;display: none;}*/ .offer-list__more { max-width: 500px; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 113; background: #fff; border-radius: 3px; padding: 25px; display: none; min-width: 450px; } .offer-list__more.-show { display: block; } .offer-list__more .overflow-box { max-height: 160px; overflow-y: auto; overflow-x: hidden; } .offer-close {} .popbox { max-width: 500px; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 113; background: #fff; border-radius: 3px; padding: 25px; display: none; min-width: 450px; } .popbox.-show { display: block; } .popclose { position: absolute; z-index: 1; width: 40px; height: 40px; top: -45px; right: -10px; color: #fff; pointer-events: none; } .popclose:before { position: absolute; right: 0; top: 0; left: 0; bottom: 0; content: "+"; font-size: 2em; text-align: center; line-height: 40px; transform: rotate(45deg); } .offerbox-trigger-js.is-active:after, .sharebox-trigger-js.is-active:after { position: fixed; left: 0; right: 0; top: 0; bottom: 0; content: ""; background: rgba(0, 0, 0, 0.7); z-index: 112; } .popbox .social--share li { float: none; display: inline-block; vertical-align: top; } .popbox .social--share li a, .popbox .social--share li span { background: rgba(0, 0, 0, 0.07); } .round-star-label { width: 26px; height: 26px; position: relative; background: #d11e23; border-radius: 3px; color: #fff; font-size: 1.1em; text-align: center; line-height: 26px; display: inline-block; } .round-star-label span { position: relative; z-index: 1; font-weight: 600; } .round-star-label::before { width: 100%; height: 100%; position: absolute; content: ""; top: 0; left: 0; background: #d11e23; -webkit-transform: rotateZ(30deg); transform: rotateZ(30deg); border-radius: 3px; } .round-star-label::after { width: 100%; height: 100%; position: absolute; content: ""; top: 0; left: 0; background: #d11e23; -webkit-transform: rotateZ(60deg); transform: rotateZ(60deg); border-radius: 3px; } .offer-list { display: flex; flex-wrap: wrap; width: 100%; margin: 0 0 20px; align-items: center; } .offer-list:last-child { margin-bottom: 5px; } .offer-list .link-underline { text-decoration: underline; font-weight: 400; } .offer-list.offer-list__last { margin-bottom: 0; } .offer-list .round-star-label { margin-top: 5px; } .offer-list .offer-list__col { width: 40px; padding-left: 10px; } .offer-list .offer-list__content { width: calc(100% - 40px); padding-left: 10px; } .btn-collection { position: relative; display: flex; flex-wrap: wrap; margin: 0 -10px; } .btn-collection .link__target { position: absolute; left: 10px; right: 10px; background: #fff; padding: 15px; box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.06); z-index: 3; text-align: center; } .btn-collection .link__target p { margin-bottom: 10px; } .btn-collection .link__target .social--share li { float: none; display: inline-block; vertical-align: top; } .btn-collection__col { flex-grow: 1; padding: 10px 10px 0; } .btn-collection .btn { height: 40px; line-height: 40px; font-size: 1.1em; text-align: center; } .btn-collection .btn .svg-icon { height: 24px; width: 24px; display: inline-block; vertical-align: middle; margin-right: 5px; position: relative; top: -1px; } .btn-collection .btn .svg-icon svg { fill: #999; } .btn-collection .btn:hover .svg-icon svg { fill: #fff; } .flex-col__height { width: 100%; display: flex; flex-direction: column; justify-content: space-between; height: 100%; } .btn-collection .btn.btn--fav.is-active { background: #cf0f14; border-color: #cf0f14; color: #fff; } .btn-collection .btn.btn--fav.is-active .svg-icon svg { fill: #fff; } .container-middle { border-left: 1px solid #ebebeb; border-right: 1px solid #ebebeb; min-height: 1000px; } .flex-col__content .link--nav-first { border-top: none; } .flex-col__content .link--nav { border-bottom: none; } .flex-col__content .link--nav a.is--active { font-weight: 500; } .flex-col__content { text-align: right; padding-right: 30px; padding-top: 10px; padding-bottom: 30px; } .flex-col__content .nav--vertical>ul>li { border: none; } .flex-col__content .nav--vertical { margin: 5px 0; } .flex-col__content .nav--vertical>ul>li>a:before { display: none; } .flex-col__content .nav--vertical>ul>li>a:hover { background: transparent; } .container-middle__head { border-bottom: 1px solid #ebebeb; background: #fff; position: relative; z-index: 2; } .container-middle__head .form-page-search { margin: 0; } .container-middle__head .form-page-search ul { box-shadow: none; } .container-middle__head .form-page-search ul>li input { border: none; } .container-middle__head .form-page-search ul>li.last input[type="submit"] { height: 50px; } .single-field-form { position: relative; } .single-field-form .search-field { height: 55px; padding-left: 60px; border: none; background: url(images/icon-search-black.svg) no-repeat 30px center; background-size: 18px; } .row__repeated-group { margin-bottom: 0; } .flex-col__cart .row__repeated { padding: 0 0 30px 30px; border: none; } .flex-col__cart .wrap-total { padding: 0 0 30px 30px; border: none; background: none; } .flex-col__cart .wrap-total table td { padding-left: 0; padding-right: 0; } .flex-col__cart .space { padding: 30px; } ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #999; opacity: 1; } ::-moz-placeholder { /* Firefox 19+ */ color: #999; opacity: 1; } :-ms-input-placeholder { /* IE 10+ */ color: #999; opacity: 1; } :-moz-placeholder { /* Firefox 18- */ color: #999; opacity: 1; } .switch-box { margin: 18px 35px 0 0; display: inline-block; } .switch-box .toggle-value { font-size: 0.9em; color: #999; display: inline-block; vertical-align: middle; } .toggle-switch { position: relative; display: inline-block; width: 36px; height: 20px; vertical-align: middle; } .toggle-switch input { opacity: 0; width: 0; height: 0; } .toggle-slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; border-radius: 30px; } .toggle-slider:before { position: absolute; content: ""; height: 13px; width: 13px; left: 4px; bottom: 4px; background-color: white; -webkit-transition: .4s; transition: .4s; border-radius: 30px; } .toggle-switch input:checked+.toggle-slider { background-color: var(--first-color); } .toggle-switch input:checked+.toggle-slider:before { -webkit-transform: translateX(16px); -ms-transform: translateX(16px); transform: translateX(16px)); } .container-repeated { padding: 30px; border-bottom: 1px solid #ebebeb; } .container-repeated .reviews-list h6 { font-size: 0.9em; } .container-repeated__head .tag { vertical-align: middle; } .-style-small { font-size: 12px; text-transform: uppercase; font-weight: normal; color: #646464; margin-left: 10px; } .row-flex { width: 100%; display: flex; flex-wrap: wrap; padding: 20px 0; border-bottom: 1px solid #ebebeb; } .row-flex:last-child { border-bottom: none; padding-bottom: 0; } .row-flex .row-flex__col-left { width: calc(100% - 120px); } .row-flex .row-flex__col-right { width: 120px; text-align: right; } .row-flex .row-flex__col-right .btn { height: 36px; line-height: 38px; border-radius: 3px; border-color: var(--first-color); color: var(--first-color); font-weight: 500; font-size: 0.9em; } .row-flex .row-flex__col-right .btn:hover { background: var(--first-color); border-color: var(--first-color); color: #fff; } .menu-row { width: 100%; display: flex; flex-wrap: wrap; } .menu-media { width: 100px; height: 100px; position: relative; } .menu-media:before { padding-bottom: 100%; content: ""; display: block; } .menu-media img { position: absolute; left: 0; right: 0; bottom: 0; top: 0; margin: auto; } .menu-content { width: calc(100% - 100px); padding-left: 20px; } .menu-content h6 { font-size: 1em; padding-bottom: 3px; line-height: 1.5; } .menu-content h6 .tag { margin-top: 3px; } .menu-content .menu-price { color: #d11e23; font-weight: normal; } .cols-group-overview { padding-bottom: 0; } .cols-group-overview>.row { display: flex; flex-wrap: wrap; } .cols-group-overview>.row [class*="col-"] { min-height: 1%; padding-bottom: 20px; } .overview-container h6 { font-size: 0.9em; } .flex-col__sticky { position: sticky; position: -webkit-sticky; top: 74px; } .container-repeated__head h6, .flex-col__cart h6 { display: inline-block; } @media(max-width:1199px) { .flex-col__sticky { top: 62px; } .site-details { padding: 20px 10px; } .round-star-label { width: 20px; height: 20px; line-height: 20px; } .offers-box__container { padding: 20px; } .menu-media { width: 70px; height: 70px; } .menu-content { width: calc(100% - 70px); } .menu-content h6 { font-size: 0.9em; } .container-repeated { padding: 20px; } .flex-col__cart .row__repeated, .flex-col__cart .wrap-total { padding-left: 20px; } .menu-content p { margin-bottom: 10px; } .row--listings .item .item__footer { min-height: 94px; } .row--listings .item__footer>ul>li.second .txt--small span { display: inline-block; vertical-align: middle; } } @media(max-width:1023px) { .row--listings .item .item__footer { min-height: 74px; } .flex-col__right { width: 100%; } .flex-col__middle { width: calc(100% - 200px); } .flex-col__sticky { top: 100px; } .flex-col__height { flex-direction: row; padding: 30px 0 0; } .offer-list .offer-list__content { padding-top: 5px; } .offer-list__more { padding: 20px; } .flex-col__cart .row__repeated, .flex-col__cart .space, .flex-col__cart .wrap-total { padding-left: 5px; } .flex-col__cart { padding: 20px; background: #fafafa; margin: 20px 0; } .flex-col__height .offers-box { width: 60%; } .flex-col__height .btn-collection { width: 40%; flex-direction: column; justify-content: space-between; padding-left: 20px; } .btn-collection__col { padding: 0; flex-grow: 0; position: relative; } .btn-collection .btn { display: block; width: 100%; } .offers-box__container { min-height: 90px; display: flex; flex-direction: column; justify-content: space-around; } .offers-box__container .offer-list:not(:only-child) { margin-bottom: 0; } .btn-collection .link__target { left: 0; right: 0; } } @media(max-width:767px) { .site-details { padding: 30px 10px; } .details-content .item__title { margin-right: 10px; } .details-content .tag { margin-bottom: 0!important; vertical-align: top; } .flex-inline { margin-top: 15px; } .details-content { padding-top: 10px; } .flex-inline .txt-sm { font-size: 0.83em; } .popbox { min-width: 1%; left: 20px; right: 20px; transform: translate(0, -50%); -wekit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); margin: auto; } .flex-col__sticky { position: relative; top: auto; } .flex-col__content { text-align: inherit; padding: 0; } .container-middle__head .-align-right { text-align: right!important; } .switch-box { margin-right: 14px; } .single-field-form .search-field { background-position: 15px center; padding-left: 40px; font-size: 0.85em; } .flex-col__middle { width: 100%; } .flex-col__left { width: 100%; } .site-details .flex-col__left { width: 180px; } .site-details .flex-col__middle { width: calc(100% - 200px); } .details-content { padding: 0 15px 15px; } .container-repeated { padding: 15px; } .menu-content h6 { font-size: 0.85em; font-weight: 500; } .flex-col__cart { padding: 10px; } .tabs--scroll ul { padding-right: 0!important; text-align: center; } .tabs--scroll ul li a { font-size: 1.2em; margin: 0; padding: 15px; } .switch-box .toggle-value { font-size: 0.83em; } .single-field-form .search-field { line-height: 55px; } .item__footer.item__footer--even>ul { justify-content: space-between; } .item__footer.item__footer--even>ul>li.last .btn { min-width: 80px; } } @media(max-width:576px) { .flex-container { display: block; } .site-details .flex-col__middle { width: 100%; } .site-details .flex-col__left { margin: 0 auto 10px; } .details-content { padding: 15px 0 0; } .flex-inline .flex-inline__col { width: 50%; } .flex-col__height { flex-direction: column; } .flex-col__height .offers-box, .flex-col__height .btn-collection { width: 100%; } .flex-col__height .btn-collection { margin: 0; padding: 10px 0 0; } .btn-collection__col { padding: 5px 0; } .offers-box__title { left: 50%; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); } .container-middle { border-top: 1px solid #ebebeb; } .row-flex { display: block; } .row-flex .row-flex__col-left, .row-flex .row-flex__col-right { width: 100%; text-align: left; } .row-flex .row-flex__col-right { padding-top: 15px; } .row-flex .row-flex__col-right .btn { display: block; width: 100%; text-align: center; } } /* 30 Sep 2019 By Maneesh */ .apply_coupon { cursor: pointer; } .view_offer { color: #d11e23; cursor: pointer; text-decoration: underline; font-weight: 400; } .-is-relative { position: relative; } .qty_btn { letter-spacing: 2px; } @media(min-width:1199px) { .item--card.item--small { background-color: #fff; } .item--card.item--small .item__head { width: 25%; float: left; } .item--card.item--small .item__body { width: 75%; float: left; } .item--card.item--small .item__content { width: 100%; display: block; background-color: #fff; } .item--card.item--small .item__footer { float: left; background: #f7f7f7; } .item--card.item--small .item__footer>ul>li.second { text-align: left; line-height: 2; } .item--card.item--small .item__footer>ul>li.second .-color-primary { display: block; } .item--card.item--small .item__footer>ul { display: flex; ; flex-wrap: wrap; table-layout: auto; align-items: center; } } .display_qty { border: 1px solid #dedede; padding: 5px 15px; display: inline-block; } .cart_qty_increase, .cart_qty_decrease { padding: 0 12px; cursor: pointer; float: left; height: 35px; line-height: 35px; background: var(--first-color); color: #fff; font-size: 18px; } td span.debit_amount { color: #d11e23; } td span.credit_amount { color: var(--first-color); } .no_result { padding: 20px; border-bottom: 1px solid rgb(222, 222, 222); display: none; } .closed-time .alert--danger { font-size: 14px !important; font-weight: 500; } #listing .row--listings h4 { padding-left: 10px; } .autocomplete_result { background: #fff; max-height: 400px; overflow-y: auto; padding: 10px; text-align: left; position: absolute; left: 0; right: 0; top: 100%; border-top: 1px solid rgba(0, 0, 0, 0.1); } .result_list { box-shadow: none!important; } .result_list li { display: block; width: 100%; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .result_list li a { display: inline-block; padding: 10px; width: 100%; color: inherit; } .result_list li:hover a { background: rgba(0, 0, 0, 0.03); color: #d11e23; } .result_list li img { float: left; margin: 0 10px 0 0; } .result_type { font-size: 12px; text-transform: capitalize; font-weight: normal; } @media(max-width:767px) { .autocomplete_result { top: 90px; } .result_list li { padding: 0; } } .page-h1 { font-size: 1.6em; /*margin:10px 0 15px;*/ padding: 0; line-height: 2; } .tabs--floated.search_tabs { border: none; background: none; } .tabs--floated.search_tabs li a { border: none; background: none; font-size: 20px; font-weight: 500; } #popular_restaurants .tabs--floated.search_tabs li a { font-size: 16px; font-weight: 400; } .tabs--floated.search_tabs li.is--active a { border-bottom: 2px solid #d11e23; } .tabs--floated.search_tabs li.is--active a:before { background: none; } .search_result .dish_items { border-top: 1px solid #eee; padding: 20px; background: #fff; } /* restaurant listing */ .align-items-center { -ms-flex-align: center !important; -webkit-box-align: center !important; align-items: center !important; } .d-flex { display: -ms-flexbox !important; display: -webkit-box !important; display: flex !important; flex-wrap: wrap; } .justify-content-between { -ms-flex-pack: justify !important; -webkit-box-pack: justify !important; justify-content: space-between !important; } .page-header { width: 100%; padding: 40px 0 15px; } .container.container--normal { max-width: 950px; } .page-header .tabs-row { border-bottom: 1px solid #ddd; } .page-header .drop-down__link { background: none; border: none; font-size: 15px; padding: 15px; padding-inline-end: 30px; -webkit-padding-end: 30px; -moz-padding-end: 30px; font-size: 15px; color: #333; } .page-header .drop-down__link:before { top: 16px; width: 10px; height: 10px; right: 8px; border-color: #d11e23; } .page-header .drop-down.drop-down--small .drop-down__target { box-shadow: 0 2px 20px 0 rgba(40, 44, 63, .3); border: none; } .page-header .drop-down.drop-down--small .drop-down__target .links--square li a { padding: 0; } .page-header .drop-down.drop-down--small .drop-down__target .links--square li a:before { display: none; } .page-header .drop-down.drop-down--small .drop-down__link.is--active:after { display: none; } .tabs-inline ul { display: flex; align-items: center; } .tabs-inline ul li { -webkit-margin-end: 30px; -moz-margin-end: 30px; margin-inline-end: 30px; } .tabs-inline ul li a { display: block; padding: 15px 0; font-size: 16px; font-weight: 500; position: relative; color: #666; } .tabs-inline ul li.is--active a { color: #d11e23; } .tabs-inline ul li.is--active a:before { position: absolute; left: 0; right: 0; bottom: -1px; content: ""; height: 3px; background: #d11e23; } .tile { position: relative; -webkit-transition: 0.3s all ease-in-out; -moz-transition: 0.3s all ease-in-out; -o-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out; height: 100%; background: #fff; } .tile .location { background-size: 14px 14px; background-position: left 3px; padding-inline-start: 20px; -webkit-padding-start: 20px; -moz-padding-start: 20px; color: #666; text-decoration: underline; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tile .links--inline { margin: 5px 0; } .tile .links--inline li a { opacity: 1; } .tile .tile__title { max-width: 240px; width: calc(100% - 34px); display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .tile__body { padding: 15px 0; } .tile__title-bar .tag { margin-left: 0; -webkit-margin-end: 7px; -moz-margin-end: 7px; margin-inline-end: 7px; margin-top: 4px; } .tile__media { width: 100%; position: relative; padding: 0 0 63% 0; background: #fff; overflow: hidden; } .tile__media img { position: absolute; left: 0; right: 0; bottom: 0; top: 0; margin: auto; } .tile__title { font-size: 1em; font-weight: 500; color: #333; line-height: 1.4; display: inline-block; vertical-align: top; } .tile__title a { color: inherit; } .tile__title a:hover { color: #d11e23; text-decoration: underline; } .tile__title-bar { display: flex; align-items: flex-start; } .tile__items ul { display: flex; align-items: center; padding: 10px 0 0; border-top: 1px solid #ddd; margin: 15px 0 0; } .tile__items ul li { flex-grow: 1; text-align: center; text-transform: uppercase; font-size: 12px; color: #000; } .tile__items ul li:first-child { text-align: start; } .tile__items ul li:last-child { text-align: end; } .tile__items .rating__link { color: inherit; } .tile__items .rating__star { width: 17px; } .tile__items .rating__link .span { opacity: 1; font-size: 100%; } .inline__items ul { display: flex; align-items: center; padding: 10px 0 0; } .inline__items ul li { text-align: center; text-transform: uppercase; font-size: 12px; color: #000; -webkit-margin-end: 30px; -moz-margin-end: 30px; margin-inline-end: 30px; } .inline__items ul li:first-child { text-align: start; } .inline__items ul li:last-child { text-align: end; } .inline__items .rating__link { color: inherit; } .inline__items .rating__star { width: 17px; } .inline__items .rating__link .span { opacity: 1; font-size: 100%; } .tile__tag { padding: 1px 10px; background: red; color: #fff; font-size: 0.8em; text-transform: uppercase; font-weight: 500; } .tile .tile__tag { position: absolute; right: 15px; top: 15px; display: none; } .tile--disabled.tile__tag { display: block; } .tile--disabled.tile .tile__media:after { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(255, 255, 255, 0.7); content: ""; } .list-container .tile_block { padding-bottom: 40px; } .tile-horizontal { background: #fff; margin-bottom: 30px; -webkit-transition: 0.3s all ease-in-out; -moz-transition: 0.3s all ease-in-out; -o-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out; } .tile-horizontal .container-repeated { padding: 0; } .tile-horizontal .container-repeated:last-child { border-bottom: none; } .tile-horizontal__head { padding: 20px; border-bottom: 1px solid #ddd; } .tile-horizontal__head .row:after { display: none; } .tile-horizontal__head .btn { padding: 0 13px; } .tile-horizontal__body { padding: 0 20px 20px; } .tile-horizontal__head .tile__title { font-size: 1.2em; -webkit-margin-end: 10px; -moz-margin-end: 10px; margin-inline-end: 10px; } .tile-horizontal__head .links--inline { margin-top: 5px; color: #666; } .tile-horizontal__head .links--inline.links--inline-small li a { opacity: 1; } .tile-horizontal .menu-media { width: 80px; height: 80px; } .tile-horizontal .menu-content { width: calc(100% - 80px); } .tile-horizontal .menu-content p { margin-bottom: 10px; } .btn--disabled { pointer-events: none; opacity: 0.3; } .container-repeated .btn.btn--disabled { text-transform: none; font-weight: normal; font-size: 12px; border-color: #999; color: #000; } .tabs-rounded ul { display: flex; align-items: center; justify-content: center; margin: 30px 0 30px; overflow: auto; flex-wrap: nowrap; white-space: nowrap; } .tabs-rounded ul li { margin: 0 5px; } .tabs-rounded ul li a { display: block; padding: 6px 25px; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 30px; color: #666; } .tabs-rounded ul li.is-active a { background: #d11e23; color: #fff; border-color: #d11e23; } .flex-col__left .item__pic { padding: 0 0 63% 0; } .dash_box { margin-top: 20px; } .load-more { margin-bottom: 30px; } @media(min-width:1199px) { .page-header .drop-down.drop-down--small .drop-down__target { top: 50px; } .tile:hover, .tile-horizontal:hover { box-shadow: 0 30px 50px 0 rgba(0, 0, 0, 0.15); background: #fff; } .tile { padding: 15px; } /*.list-container{margin: 0 0 30px;}*/ } @media(max-width:1199px) { .tile { background: #fff; } .container.container--normal { max-width: 1000px; } .tile__body { padding: 15px; } .flex-col__left, .flex-col__right { width: 250px; } .flex-col__middle { width: calc(100% - 500px); } .site-page .flex-col__left { width: 200px; } .site-page .flex-col__middle { width: calc(100% - 500px); } .listing-page .product-content .product-name .veg, .listing-page .product-content .product-name .non-veg{ top: 5px; } } @media(max-width:1023px) { .flex-col__right { width: 100%; } .flex-col__middle { width: calc(100% - 250px); } .site-page .flex-col__middle { width: calc(100% - 200px); } } @media(max-width:767px) { .page-header { padding-bottom: 0!important; padding-top: 20px!important; } .container.container--normal { max-width: 500px; } .tabs-row [class*="col-"] { width: 100%; } .tabs-row .tabs-inline ul { border-radius: 5px; overflow: hidden; } .tabs-row .tabs-inline ul li { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-margin-end: 0; -moz-margin-end: 0; margin-inline-end: 0; } .tabs-row .tabs-inline ul li a { text-align: center; background: #fff; font-size: 14px; padding: 10px 0; } .tabs-row .tabs-inline ul li.is--active a { background: #d11e23; color: #fff; } .page-header .drop-down__link { background: #fff; border-radius: 5px; margin-top: 10px; padding: 10px 15px; font-size: 14px; } .page-header .drop-down__link:before { right: 20px; top: 12px; } .page-header .tabs-row { border-bottom: none; } .tabs-inline { width: 100%; } .list-container [class*="col-"] { padding-bottom: 20px; width: 100%; } .tabs-rounded { display: flex; } .tabs-rounded ul { margin: 10px auto; justify-content: flex-start; } .links--square li { padding: 10px; } .section--sort { padding-bottom: 0!important; } .site-page .flex-col__middle, .site-page .flex-col__left { width: 100%; } .form--search ul>li.first input { border-bottom: 1px solid #ddd; } #popular_restaurants .list-container { max-width: 500px; margin: 0 auto; } } @media(max-width:576px) { .tile-horizontal__head [class*="col-"] { width: 100%; } .tile-horizontal__head .btn { display: block; margin-top: 10px; width: 100%; text-align: center; height: 40px; line-height: 40px; } } .dish_listing .tag { margin-top: 5px; } .sub_header_user_name { overflow: hidden; max-width: 150px; white-space: nowrap; text-overflow: ellipsis; display: inline-block; } .review_listing .item__title { padding-top: 5px; } /* [ added on 10/2/2121 */ .header-top { background-color: #fff; position: relative; z-index: 11; } .toggled-left .header-top { z-index: 1; } .location-selector { position: relative; display: inline-block; float: left; margin: 2px 0 0; } .location-selector>a { font-size: 12px; color: #fff; padding: 0 15px 0 20px; position: relative; display: block; } .location-selector>a:after { position: absolute; right: 0; top: 8px; content: ""; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 5px solid #fff; } .lang-selector { position: relative; margin: 0; display: inline-block; float: right; color: var(--first-color); } .lang-selector .lang-selector__trigger .svg-icon { position: absolute; left: 0; top: 2px; width: 14px; height: 14px; } .lang-selector .lang-selector__trigger .svg-icon svg { fill: currentColor; } .lang-selector .lang-selector__trigger { position: relative; display: inline-block; padding-left: 20px; font-size: 18px; text-align: left; font-weight: 400; color: currentColor; height: 40px; line-height: 40px; } /* .lang-selector .lang-selector__trigger:after { position: absolute; right: 0; top: 18px; content: ""; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 5px solid currentColor; } */ .accounts-link { margin: 0; margin-left: 30px; float: right; } .accounts-link>ul>li { display: inline-block; position: relative; vertical-align: top; width: auto; } .accounts-link>ul>li:not(:first-child) { margin-left: 30px; } .accounts-link ul>li>a { font-size: 16px; color: inherit; font-weight: 500; position: relative; padding: 7px 0; display: block; } .accounts-link ul>li>a::after { background: var(--first-color); content: ""; height: 3px; left: 110%; position: absolute; bottom: -5px; transition: width 500ms ease 0s, left 500ms ease 0s; width: 0; } .accounts-link ul>li>a:hover::after { left: 0; transition: width 500ms ease 0s; -webkit-transition: width 500ms ease 0s; -ms-transition: width 500ms ease 0s; width: 100%; } .section-headings { margin: 0 auto; text-align: center; margin-bottom: 25px; } .section-headings h2 { color: #000; font-size: clamp(1.5rem,3vw,3rem); line-height: 1.2; position: relative; font-weight: 600; } .media .count { width: 45px; height: 45px; display: block; text-align: center; font-size: 2rem; color: #fff; border-radius: 50%; margin: 0 auto 20px; font-weight: 600; line-height: 3.15rem; background-color: #000; font-family: 'Signika Negative', sans-serif; } .product-grid-item { transition: all 300ms ease 0s; background: #fff; padding: 10px; box-shadow: 0 0 10px 0 rgb(0, 0, 0, 0.1); } .readymeals-wrapper { margin-bottom: 20px; } .product-wrapper { position: relative; } .product-grid-item .product-head { position: relative; } .product-grid-item .product-image { display: block; margin: 0 0 10px; padding: 0 0 56%; position: relative; width: 100%; overflow: hidden; } .product-grid-item .product-image:before { color: #dadada; content: "Y"; font-size: 100px; height: 50px; left: 50%; line-height: 46px; margin: -25px 0 0 -25px; position: absolute; text-align: center; top: 50%; width: 50px; } a.favourite { position: absolute; right: 10px; z-index: 2; top: 10px !important; } a.like_st { position: absolute; right: 10px; z-index: 2; top: 79px !important; } .like-icon-section.over.like_st { position: absolute; right: 10px; z-index: 2; top: 79px !important; } a.share_st { position: absolute; right: 10px; z-index: 2; top: 10px !important; } span.likes { position: absolute; right: 10px; z-index: 2; top: 50px !important; }  .product-grid-item .product-image img { max-width: 100%; bottom: 0; left: 0; margin: auto; position: absolute; right: 0; top: 0; -webkit-transition: all .5s linear; transition: all .5s linear; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); -webkit-filter: blur(0px); -webkit-animation: fadein linear 1.5s; } .link { color: #ff3a59; font-size: 15px; display: inline-block; } .product-content .product-name .veg { background-color: green; width: 8px; height: 8px; display: block; outline: 1px solid green; outline-offset: 2px; } .product-content .product-name .non-veg { background-color: red; width: 8px; height: 8px; display: block; outline: 1px solid red; outline-offset: 2px; } .favourite .svg-icn svg { width: 100%; height: 100%; opacity: 0.4; } .favourite .svg-icn { position: absolute; left: 0; top: 0; right: 0; margin: auto; width: 16px; height: 16px; bottom: 0; } .favourite { right: 20px; width: 36px; height: 36px; border-radius: 100%; /* background: rgba(255, 255, 255, 0.7);*/ box-shadow: 0 0 5px 5px rgb(0 0 0 / 5%); } .like_st { right: 20px; width: 36px; height: 36px; border-radius: 100%; /* background: rgba(255, 255, 255, 0.7);*/ box-shadow: 0 0 5px 5px rgb(0 0 0 / 5%); } .share_st { right: 20px; width: 36px; height: 36px; border-radius: 100%; /* background: rgba(255, 255, 255, 0.7);*/ box-shadow: 0 0 5px 5px rgb(0 0 0 / 5%); } .likes { right: 20px; width: 36px; height: 36px; border-radius: 100%; /* background: rgba(255, 255, 255, 0.7);*/ box-shadow: 0 0 5px 5px rgb(0 0 0 / 5%); } .product-price { float: right; color: #000; font-size: 1.25em; font-weight: 600; line-height: 1; } .product-content .product-name { padding-left: 24px; position: relative; } .product-name a { color: inherit; line-height: inherit; font-weight: 400; } .product-content .product-name .non-veg, .product-content .product-name .veg { position: absolute; left: 5px; } .product-categories { padding: 0 24px; font-size: .8125em; } .product-categories a { color: inherit; } .align--center { text-align: center !important; } .coloumn { margin-bottom: 20px; } .food-system { background: #fff; } .circle-image-wrapper { margin: 0 auto; position: relative; width: 423px; height: 423px; border-radius: 50%; } /* .circle-image-wrapper:before { background: url(images/y-shape.png); width: 326px; height: 452px; display: block; position: absolute; content: ""; left: -230px; top: -41px; z-index: 1; } */ /* .circle-image-wrapper:after { border: solid 3px #fff; left: 22px; top: 22px; right: 22px; bottom: 22px; display: block; position: absolute; content: ""; z-index: 1; border-radius: 50%; } */ .circle-image-wrapper .circle-image { border-radius: 50%; overflow: hidden; margin: 0; } .side-txt { padding: 50px 0 0; } .food-system .section-headings.white-theme h2 { line-height: 1.4; } .food-system .section-headings.white-theme h5 { text-align: left; } .side-txt .section-headings h2 { text-align: left; } .side-txt .section-headings h2:after { left: 0; margin: 0; } .white-theme h2:after { background: #fff; } .white-theme h2:after { background: #fff; } .side-txt li { display: inline-block; vertical-align: top; } .side-txt .icn { display: block; vertical-align: top; text-align: center; /* border-radius: 50%; border: solid 2px #fff; width: 59px; height: 59px; */ margin: 0 auto; } .side-txt p { display: block; vertical-align: top; font-size: clamp(1rem,1.125vw.1.125rem); margin: 0; padding-top: 10px; line-height: 1.4; text-align: center; } .side-txt .icn img { display: inline-block; padding: 10px 0; } .side-txt ul { margin: 25px 0 50px; display: flex; justify-content: space-between; } .btn--bordered-white { border-color: #fff; color: #fff; background: none; } .testimonial-box { border-radius: 2px; border: solid 1px #d4d4d4; margin: 0 12px; padding: 35px; } .testimonial-box .testimonial-txt { color: #575757; font-style: italic; font-size: 1.125rem; line-height: 1.7; font-weight: 300; margin: 0; padding: 80px 0 0; position: relative; display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 30px; min-height: 300px; } .testimonial-box .testimonial-txt:before { content: url(images/quotes.png); position: absolute; top: 0; } .testimonial-box .from .img { float: left; border-radius: 50%; overflow: hidden; margin-right: 10px; } .testimonial-box .from p { color: var(--first-color); font-size: 1.3em; padding: 5px 0 0; font-weight: 600; } .testimonial-box .from p span { font-size: 1rem; color: #989797; display: block; } .section--footer-upper { padding-top: 270px; position: relative; } @media (min-width: 1199px){ .section--footer-upper { top: -50px; } } .app-adds { max-width: 400px; text-align: center; margin: 0 auto; position: absolute; left: 0; right: 0; bottom: 0; } .social-media { margin: 0 auto; text-align: center; display: block; padding-top: 15px; padding-bottom: 30px; } .social-media li { display: inline-block; padding-left: 15px; vertical-align: middle; } .social-media li a { width: 46px; height: 46px; display: flex; align-items: center; justify-content: center; border-radius: 50px; background-color: rgba(0, 0, 0, 0.1); } .section--testimonials { background: #fff; padding-bottom:  65px; } @media(min-width:1199px) { .side-txt p { white-space: nowrap; } .links--vertical.links--vertical-half li:nth-child(even) { padding-left: 30px; } .home-header.header { padding: 0; } .home-header .logo { width: 160px; height: 90px; position: relative; overflow: hidden; } .home-header .logo img { position: relative; } .product-grid-item:hover .product-image img { -webkit-transform: scale3d(1.1, 1.1, 1); transform: scale3d(1.1, 1.1, 1); } .btn.btn--bordered-white:hover { background: #333; color: #fff; border-color: #333; } } .footer { color: #fff; } .copy-right { color: currentColor; margin-bottom: 0; font-size: 0.85rem; } .copy-right a { text-decoration: underline; } .f-logo { width: 160px; height: 160px; position: relative; border-radius: 100px; overflow: hidden; background: #fff; padding: 12px; margin: 0 auto 30px; box-shadow: 0 3px 0px 1px rgb(0 0 0 / 4%); } .f-logo { display: flex; align-items:center; justify-content: center; } .testimonial-slider .slick-track { margin: 0 auto; } .testimonial-slider .slick-dots { margin: 30px auto; text-align: center; } .testimonial-slider .slick-dots { margin: 30px auto; text-align: center; } .testimonial-slider .slick-dots li { border: 1px solid transparent; border-radius: 50%; display: inline-block; margin: 0 2px; padding: 3px; } .testimonial-slider .slick-dots li.slick-active { border: 1px solid var(--first-color); } .testimonial-slider .slick-dots li button { background: #c9c8c8; border: medium none; border-radius: 50%; display: block; height: 12px; position: relative; text-indent: -9999px; width: 12px; } .testimonial-slider .slick-dots li.slick-active button { background: var(--first-color); border-color: #fff; } /*cookies*/ .cc-window { background-color: rgba(0, 0, 0, 0.75); bottom: 0; left: 0; opacity: 1; position: fixed; right: 0; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; width: 100%; z-index: 999; } .cc-window .box-cookies { color: #dbe0df; font-size: 13px; font-weight: 400; line-height: 30px; padding: 15px; text-align: center; } .cc-window .box-cookies a { color: #fff; text-decoration: underline; } .cc-window .cc-close { background-color: #d11e23; cursor: pointer; display: inline-block; font-weight: bold; height: 25px; line-height: 25px; margin-inline-start: 10px; padding: 0 10px; -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; border-radius: 4px; } .location-selector>a .ion-ios-location { font-size: 18px; position: absolute; left: 0; top: 1px; line-height: 1; } .lang-selector .lang-selector__target { position: absolute; right: 0; top: 100%; background: #fff; box-shadow: 0 10px 5px 5px rgb(0 0 0 / 10%); border-radius: 0 0 3px 3px; z-index: 2; min-width: 200px; text-align: left; z-index: 199; padding: 10px; } .lang-selector .lang-selector__target ul li:last-child { border-bottom: none; } .lang-selector .lang-selector__target ul li a { display: block; padding: 8px 10px; font-size: 12px; color: #000; text-transform: uppercase; } /* RECIPE MODULE SATRT */ .meals-pattern2 { border-top: solid 1px #ccccca; border-bottom: solid 1px #ccccca; background: url(images/meal-pattern-light.png) repeat 0 0; } .mealkit-featured-slider .item a.favourite { position: absolute; right: 15px; z-index: 2; } .mealkit-featured-slider .over-slip { background: rgba(0, 0, 0, 0.55); padding: 0; position: absolute; bottom: 0; left: 0; right: 0; z-index: 1; padding: 10px 0; display: flex; justify-content: space-between; align-items: center; } .mealkit-featured-slider .over-slip h3 { color: #fff; line-height: 1.2; font-size: 1.1em; padding: 0 10px; width: 198px; overflow: hidden; display: inline-block; vertical-align: middle; } .size18 { width: 18px; height: 18px; } .mealkit-featured-slider .over-slip h3 a { color: inherit; line-height: inherit; } .mealkit-featured-slider .over-slip .recipe-features { float: none; display: inline-block; vertical-align: middle; } .recipe-features ul { display: table; table-layout: fixed; } .recipe-features li:first-child { border-left: none; } .recipe-features-w-bordered ul li { border: none; padding: 5px 10px; } .recipe-features li i img { max-width: 32px; height: auto; } .recipe-features img { display: inline-block !important; } .post-media .recipe-features li { border-left: solid 2px var(--first-color); } .post-media .recipe-features li p { color: var(--first-color); } .btn.btn--xsmall { height: auto; line-height: initial; font-size: 0.975em; padding: 8px 10px; } .post-media .recipe-features li:first-child { border-left: none; } .recipe-features li { text-align: center; display: table-cell; vertical-align: top; color: #000; border-left: solid 2px var(--first-color); padding: 10px; } .slide-img { background-repeat: no-repeat; background-position: center top; position: relative; background-size: 100%; } .recipe-features-w-bordered p { font-size: .775em; line-height: 1; margin-bottom: 0; } .recipe-features-white p { color: #fff; margin-bottom: 0; } .recipe-features-w-bordered { border: none!important; } .product-name .non-veg, .non-veg, .product-name .veg, .veg { background: red; background-size: 100% auto; width: 8px; height: 8px; display: block; outline: 1px solid red; outline-offset: 2px; vertical-align: middle; float: left; margin-right: 8px; margin-top: 5px; } .product-name .veg, .veg { background: green; background-size: 100% auto; outline: 1px solid green; } .slide-img::before { padding-bottom: 32.8%; content: ""; display: block; } .weekly-slider .slick-prev { background: var(--first-color) url(images/retina/left-arrow.svg) no-repeat center; background-size: 30px; left: 0; margin-left: 10px; } .weekly-slider .slick-arrow { position: absolute; z-index: 5; top: 50%; transform: translateY(-50%); border-radius: 50%; width: 50px; height: 50px; padding: 0; cursor: pointer; text-indent: -9999px; border: none; } .over-detail { position: absolute; left: 50%; right: 0; top: 50%; text-align: center; display: block; transform: translate(-50%, -50%); opacity: 0; visibility: hidden; z-index: 2; } .over-detail .favourites { background-image: url(images/retina/favorite.svg); background-position: center; background-repeat: no-repeat; width: 32px; height: 32px; margin: 0 auto; background-size: 32px; } .mealkit-slider .over-detail h3 { margin: 10px 0; font-size: 1.188em; line-height: 1.2; display: inline-block; min-width: 55px; } .mealkit-slider .over-detail h3 a { color: #fff; line-height: inherit; } .weekly-slider .slick-slide:hover { border-color: var(--first-color); } .mealkit-slider .slick-slide { margin: 0 10px; } .weekly-slider .slick-slide { margin: 0 25px; position: relative; border: solid 3px transparent; } .weekly-slider .slick-slide:hover .over-detail { opacity: 1; visibility: visible; } .recipe-features-white { border-color: #fff; } .recipe-features { float: right; border: solid 2px var(--first-color); } .post-media .recipe-features { float: right; border: solid 2px var(--first-color); } .weekly-slider .slick-slide:hover:after { position: absolute; height: 100%; width: 100%; top: 0; bottom: 0; left: 0; right: 0; content: ""; background: rgba(72, 71, 75, 0.75); display: block; z-index: 1; } .link .icn { color: inherit !important; } .week-slider { margin: 20px auto; max-width: 640px; background: #fff; border-radius: 2px; font-size: 1em; position: relative; padding: 15px 10px; color: #000; } .week-slider .slick-prev { background: var(--first-color) url(images/retina/left-arrow.svg) no-repeat center; background-size: 20px; left: -30px; } .week-slider .slick-arrow { position: absolute; z-index: 5; top: 50%; transform: translateY(-50%); border-radius: 50%; width: 40px; height: 40px; padding: 0; cursor: pointer; text-indent: -9999px; border: none; border: solid 2px #fff; } .week-slider .slick-next { background: var(--first-color) url(images/retina/right-arrow.svg) no-repeat center; background-size: 20px; right: -30px; } .weekly-slider .slick-next { background: var(--first-color) url(images/retina/right-arrow.svg) no-repeat center; background-size: 30px; right: 0; margin-right: 10px; } @media screen and (max-width: 1441px) and (min-width: 1025px) { .weekly-slider .slick-prev { left: 5%; margin-left: 5px; } .weekly-slider .slick-next { right: 5%; margin-right: 5px; } } .gap { height: 15px; clear: both; display: table; } .mealkit-slider .recipe-features { margin-bottom: 15px; float: none; display: inline-block; } .link.link-white { color: #fff; } /* RECIPE MODULE END */ /* Recipe Search */ .small-header-d { height: 300px!important; } .small-header { height: 146px; background-position: center; background-repeat: no-repeat; text-align: center; position: relative; } .small-header .container { position: initial; } .small-header:after { background: rgba(0, 0, 0, 0.5); content: ""; position: absolute; width: 100%; height: 100%; left: 0; right: 0; top: 0; bottom: 0; } .page-title { transform: translateY(-50%); top: 50%; position: absolute; left: 0; right: 0; margin: 0 auto; color: #fff; z-index: 1; } .link.link--white { color: #fff; } .page-title h1 { padding: 0; position: relative; z-index: 1; text-transform: uppercase; color: #fff; font-size: 2.5em; line-height: 1.2; font-weight: 600; text-align: center; } .recipe-header { margin: 0 auto; max-width: 550px; } .recipe-header .item { margin-top: 0; border: none; font-size: 1.2rem; } .recipe-data { display: none; } .link-reset { float: left; } .link-keywords { float: right; } .search-meal-main { overflow: hidden; } .left-filters .search-chef { margin: 10px auto; border: solid 1px var(--border-color); } .search-meal { margin: 25px auto; background: #fff; border-radius: 2px; position: relative; /* overflow: hidden; */ display: block; } .search-meal input[type="text"], .search-meal input[type="submit"] { background: none; border: none; height: 48px; } .container--1200 { max-width: 1200px; } .listing-left { padding: 15px; background-color: #73de183d; border: 1px solid rgba(0, 0, 0, 0.06); } .listing-left h3 { color: #000; font-size: 1.3em; border-bottom: solid 2px rgba(0, 0, 0, 0.06); margin-bottom: 20px; } .filter-scroll { max-height: 300px; width:100% !important; } .listing-ul li { display: block; margin: 10px 0; } .checkbox, .radio { display: inline-block; color: #333; position: relative; vertical-align: top; padding: 0 0 0 24px; min-height: 15px; font-size: 0.85em; cursor: pointer; } .checkbox input { width: 15px; height: 15px; } .checkbox input, .radio input { top: 0; left: 0; margin: 0 !important; z-index: 1; cursor: pointer; opacity: 0; filter: alpha(opacity=0); } .checkbox .input-helper:before { top: 2px; width: 15px; height: 15px; } .checkbox .input-helper:before, .radio .input-helper:before { left: 0; border: 1px solid #ccc; background: #fff; } .checkbox .input-helper:before, .radio .input-helper:before, .checkbox .input-helper:after, .radio .input-helper:after { -webkit-transition: all; -o-transition: all; transition: all; -webkit-transition-duration: 250ms; transition-duration: 250ms; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; position: absolute; content: ""; } .filter-benefits li { display: table; margin: 15px 0; } .filter-benefits a { color: #494a4a; display: flex; align-items: center; justify-content: center; } .filter-benefits .icn { width: 28px; height: 28px; text-align: center; background: #a1a0a0; display: inline-block; border-radius: 50%; margin-right: 10px; vertical-align: middle; line-height: 28px; position: relative; display: flex; align-items: center; justify-content: center; } .recipe-filter-trigger { display: none; } .recipe-filter-trigger a { padding-top: 10px; padding-bottom: 10px; } .recipe-filter-trigger a span { font-size: 14px; font-weight: 600; color: var(--first-color); padding-left: 10px; } .blog-type-content { max-width: 850px; padding-left: 20px; } .recipe-filter-trigger .icn { display: inline-block; vertical-align: middle; } .post-media { border: 1px solid rgba(0, 0, 0, 0.08); padding: 30px; } .blog-type-content .post-media { margin-bottom: 40px; } .blog-type-content .media { margin-bottom: 20px; position: relative; } .column { margin-bottom: 15px; } .blog-type-content .post-title { color: #000; font-size: 1.5em; font-weight: 500; line-height: 1.2; position: relative; margin-bottom: 34px; } #srch-recipe .size18 { margin: 9px 8px 0px 0; } .blog-type-content .post-title a { color: #000; } .btn.btn--bordered { background-color: transparent; } /* .btn:before { content: ""; display: block; width: 50%; height: 100%; background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .3) 100%); position: absolute; top: 0; left: -75%; z-index: 2; -ms-transform: skewX(-25deg); transform: skewX( -25deg); } */ .recipe-features li p { margin-bottom: 0; } .btn--bordered { border: solid 2px var(--first-color)!important; color: var(--first-color)!important; } .vertical-track { width: 1px; background-color: var(--border-color); } .vertical-handle { width: 10px; border-radius: 10px; margin-left: -4px; background-color: var(--first-color); } .top { display: inline-block; width: 100%; vertical-align: top; } .filter-benefits a:hover, .filter-benefits li.is-active a { color: var(--first-color); } .filter-benefits a:hover .icn, .filter-benefits li.is-active a .icn { background: var(--first-color); } /* Recipe Detial */ .meal-recipe-slider .slick-prev { background: #f5bb41 url(images/retina/left-arrow.svg) no-repeat center; background-size: 30px 30px; left: 50%; margin-left: -486px; } .meal-recipe-slider .slick-next { background: #f5bb41 url(images/retina/right-arrow.svg) no-repeat center; background-size: 30px 30px; right: 50%; margin-right: -486px; } .meal-recipe-slider .slick-arrow { position: absolute; z-index: 5; top: 50%; transform: translateY(-50%); border-radius: 50%; width: 60px; height: 60px; padding: 0; cursor: pointer; text-indent: -9999px; border: none; } .meal-recipe-slider .slick-slide { margin: 0 1px; position: relative; } .slick-slide .slide-img { width: 100%; } .slide-img::before { padding-bottom: 32.8%; content: ""; display: block; } .first-fold { position: relative; } .banner-text h2, .banner-text p { color: #fff; } .section-headings.left-theme { text-align: left; } .section-headings.section-headings--new h2 { display: inline-block; vertical-align: middle; margin-right: 10px; } .favourite.favourite--static { position: relative; right: auto; display: inline-block; } .section-headings p { color: #393e4a; font-size: 1em; margin-bottom: 20px; line-height: 1.7; padding: 0; } .deal-price { text-align: center; color: #000; font-size: 1.5em; font-weight: 600; margin-bottom: 30px; } .bg-gray { background: #f4f4f3; } .section-headings--new h2 .size28 { margin-top: 15px; } .ingredients-listing ul { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 30px 10px; } .ingredients-listing li { color: #000; display: flex; align-items: center; } .ingredients-listing .icn { flex: 0 0 70px; max-width: 70px; } .ingredients-listing .icn img { border-radius: 50%; } .ingredients-listing span { flex: 0 0 calc(100% - 70px); max-width: calc(100% - 70px); padding-left: 10px; } .need-ingredients-list { margin-top: 50px; padding: 15px 25px; border-radius: 2px; border: solid 1px var(--border-color); background: #fff; } .need-ingredients-list li { display: block; margin: 8px 0; } .need-ingredients-list .left-cell { font-weight: 600; color: #000; width: 30%; } .need-ingredients-list .left-cell, .need-ingredients-list .right-cell { display: inline-block; vertical-align: top; font-size: .825em; } .need-ingredients-list .right-cell { width: 64%; } .instructions-tbl { direction: ltr; text-align: left; display: table; table-layout: fixed; width: 100%; overflow: hidden; position: relative; padding: 40px 0; } .instructions-tbl .image-cell { vertical-align: top; padding: 0 0 50%; background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; border: solid 4px var(--first-color); position: relative; } .instructions-tbl .txt-cell { display: table-cell; vertical-align: top; padding: 0 50px; padding-left: 80px; } .instructions-tbl.instructions-tbl-odd .image-cell:before { left: 0; right: auto; margin-left: -45px; margin-right: auto; } .instructions-tbl .image-cell:before { font-family: 'trend_hm_sansone'; content: attr(data-count); position: absolute; right: 0; top: 30px; background: var(--first-color); color: #49484d; text-align: center; width: 70px; height: 70px; display: block; font-size: 2.75em; line-height: 70px; border-radius: 50%; margin-right: -45px; margin-left: auto; } .instructions-tbl.instructions-tbl-odd .txt-cell { padding-left: 0; } .instructions-tbl .txt-cell h2 { position: relative; margin-bottom: 20px; color: #000; } .instructions-tbl .txt-cell p { font-size: 1.125em; } .instructions-tbl.instructions-tbl-odd { direction: rtl; } .instructions-tbl .txt-cell h2:after { background-color: #a1a0a0; width: 70px; height: 3px; position: absolute; left: 0; margin: 0 auto; bottom: -5px; content: ""; display: block; } .divider { height: 1px; background: var(--border-color); margin: 15px 0; } .bg--white { background-color: #fff; padding-bottom: 5px; } .flat-tabs { display: table; margin: 0 auto; background-color: #fff; } .flat-tabs li { display: inline-block; vertical-align: top; margin: 0 -3px; } .flat-tabs li.is-active a { background: var(--first-color); border-color: var(--first-color); color: #fff; z-index: 1; } .flat-tabs li a { display: block; padding: 20px 50px; border: 1px solid var(--border-color); color: #333; font-size: 1.3em; position: relative; } .size28 { width: 10px; height: 10px; } .addtocart-trigger i { color: inherit; font-size: 1.5em; line-height: 60px; } .overlay.overlay--nav { background-color: rgba(0, 0, 0, 0.6); bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: 100; display: none; } .target-div { background: #000; height: 60px; width: 0; border-radius: 60px; position: absolute; right: 75px; overflow: hidden; display: none; min-width: 180px; -webkit-transition: width 0.5s, height 1s; -moz-transition: width 0.5s, height 1s; -ms-transition: width 0.5s, height 1s; -o-transition: width 0.5s, height 1s; transition: width 0.5s, height 1s; } .target-div .qnty-wrapper { padding: 0 25px; padding-right: 10px; } .target-div .qty-control { display: inline-flex; line-height: 60px; vertical-align: middle; cursor: pointer; } .target-div input.qty { background: none; border: none; width: 45px; display: inline-block; color: #fff; text-align: center; vertical-align: middle; font-weight: 600; } .target-div .qnty-submit { display: inline-block; vertical-align: middle; color: #fff; border-radius: 20px; height: 30px; line-height: 30px; background: var(--first-color); text-align: center; padding: 0 12px; margin: 15px 0 15px 20px; } .container--narrow .discuss-area { background: rgba(0, 0, 0, 0.04); margin-bottom: 30px; } .container--narrow .discuss-area .add-comnt { max-width: 100%; } .discuss-area { margin: 0 auto; } .add-review { background: #fff; border: 1px solid #eaeaea; border-radius: 3px; margin-top: 10px; padding: 30px; } .form fieldset { margin-bottom: 15px; } .form label { display: block; margin-bottom: 10px; font-size: 0.875em; font-weight: 400; color: #000; } .mandatory, .spn_must_field { color: red; } .add-review input[type="text"] { background-color: #fff; border: 1px solid var(--border-color); height: 40px; line-height: 40px; padding: 0 10px; width: 100%; color: #999; font-family: inherit; font-size: 0.875em; font-weight: normal; } input[type="text"]:focus, input[type="email"]:focus, input[type="phone"]:focus, input[type="search"]:focus, input[type="password"]:focus, textarea:focus, select:focus, input[type="number"]:focus, input[type="file"]:focus { border-color: var(--first-color); outline: 0; outline: thin dotted \9; } .form input[type="submit"] { margin: 0 5px 0 0; } .form input[type="submit"], .form input[type="button"] { border: solid 1px transparent; } /* input[type="submit"].btn--primary, .btn--primary { background: var(--first-color); color: #fff; } */ .comment-section { background: #fff; border: 1px solid #eaeaea; border-radius: 5px; margin-bottom: 20px; padding: 20px; position: relative; } .container--narrow .review-item:nth-child(odd) { background: rgba(0, 0, 0, 0.03); } .profile-dv { display: flex; margin: 10px 0; text-align: left; box-shadow: 1px 1px 7px #cecece; padding: 2rem; } @media (max-width: 767px) { .profile-dv { flex-direction: column; } .profile-dv .avatar { margin-bottom: 1rem; margin-right: 0; } } .container--narrow .profile-dv .avatar { border: 1px solid var(--border-color); margin-right: 30px; position: relative; overflow: hidden; } .container--narrow .profile-dv .avatar img { position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto; } .avatar-info { display: inline-block; vertical-align: top; } .avatar-info-custom { width: 70%; } .rating-wrapper .ratings, .rating-wrapper p { display: inline-block; vertical-align: top; font-weight: 600; font-size: .9em; } .ratings { margin-bottom: 0.5rem; } .ratings li { display: inline-block; padding: 0 2px; } .container--narrow .avatar-info h3 { font-size: 1.2em; font-weight: 500; } .container--narrow .avatar-info .review-txt { margin: 5px 0; font-size: .8em; line-height: 1.8; color: #888; font-weight: 300; } .container--narrow .review-item { padding: 20px; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; } .add-cart-icon span { font-size: 0; } .divide-white { padding: 30px; background-color: #fff; } /* ] * /* GIFT CARD START */ .gift-pay-wrapper { padding: 20px; border: 1px solid #ddd; background-color: rgba(0, 0, 0, 0.05); } .gift-pay-wrapper .space { border-top: 1px solid #ddd; } .giftcard-mini-cart { padding-bottom: 6px; } .giftcard-mini-cart h5 { font-size: 1.375rem; margin-bottom: 0.7rem; border-bottom: 1px solid #ddd; } .giftcard-mini-cart h6 { font-weight: 400; font-size: 1.085rem; } .wrapp-gift-form { border: 1px solid #ddd; padding: 20px 10px; } /* .login-form-front { padding: 0; margin-left: 20px; } */ .empty_heading { text-align: center; padding: 10px; margin-bottom: 0; } .empty_headline { font-size: 14px; padding: 12px; text-align: center; margin-bottom: 0; } .item-group-title { font-size: 15px; color: #fff; } .item-group { font-size: 12px; color: #fff; } .gift-item { margin-bottom: 0.5rem; color: #666; } .giftcard-checkout-btn { text-align: center; padding-top: 10px; clear: both; } .gift_card-wrapper { display: flex; justify-content: space-between; } .card-image { position: relative; font-size: 0.875em; font-weight: 600; background-color: var(--first-color); height: 300px; width: 100%; color: white; text-align: center; } .card-image:after { position: absolute; left: 15px; right: 15px; top: 15px; bottom: 15px; content: ""; border: 3px dashed #fff; pointer-events: none; } .card-image .gift-amount-large { font-family: "Chronicle Ssm"; font-weight: 600; font-size: 46px; position: absolute; left: 0; right: 0; text-align: center; top: 50px; } .card-image .plan-text { position: absolute; color: #fff; left: 0; right: 0; top: 90px; text-transform: uppercase; } .card-image .brand-logo { bottom: 35px; position: absolute; margin: 0 auto; left: 0; right: 0; text-align: center; padding: 10px; height: 120px; width: 120px; background-color: #fff; border-radius: 50%; overflow: hidden; } .card-image .brand-logo img { display: inline-block; padding: 5px; } /* GIFT CARD END */ /* MEAL MODULE SATRT */ .filter-bar { background: #fff; border-bottom: solid 1px #dcdcdc; } .filter-bar ul.filter-ul { display: table; width: 100%; } .filter-bar ul.filter-ul li { display: table-cell; vertical-align: middle; } .filter-switch { padding: 15px 0; } .filter-switch a { font-size: 1.05em; color: #454545; text-transform: uppercase; } .filter-switch .icn { display: inline-block; vertical-align: middle; margin-right: 5px; width: 28px; } .product-actions { text-align: right; float: right; } .product-actions * { display: inline-block; vertical-align: middle; } .sort-by .sort-txt { border-right: solid 1px var(--border-color); padding: 17px 15px; font-size: 1.05em; color: #454545; text-transform: uppercase; margin-right: -6px; } .sort-toggle { position: relative; } .sort-toggle>a { color: #454545; position: relative; padding: 15px 10px; margin-right: 20px; } .sort-toggle>a:after { border-color: #f17b23; border-style: solid; border-width: 1px 1px 0 0; content: ''; display: inline-block; height: 10px; right: -12px; transform: rotate(135deg) translateY(-50%); position: absolute; top: 46%; vertical-align: top; width: 10px; padding: 0; cursor: pointer; -webkit-transition: all ease .3s; -moz-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s; transform-origin: top; } .sort-toggle ul { position: absolute; top: 100%; /* left: 0; */ right: 0; background: #fff; border: solid 1px #dcdcdc; z-index: 3; border-top: none; margin: 0; min-width: 130px } .sort-toggle ul li a { display: block; margin: 2px 0; padding: 5px; font-size: .875em; } .product-listing-wrpper { padding-top: 50px; background-color: #fff; } @media (min-width: 1400px)  { .product-listing-wrpper .container--fixed { width: 1300px; max-width: 1300px; }     } .product-listing-wrpper .overlay { z-index: 11; position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.8); visibility: hidden; opacity: 0; -webkit-transition: .3s all ease-in-out; -moz-transition: .3s all ease-in-out; -o-transition: .3s all ease-in-out; transition: .3s all ease-in-out; } .left-filters { padding-right: 10px; width: 20%; float: left; opacity: 1; visibility: visible; transition: all 300ms ease 0; } .divider { height: 1px; background: var(--border-color); margin: 15px 0; } .left-filters .heading { color: #000; font-size: 1.75em; margin-bottom: 5px; } .widgets .heading4 { font-weight: 500; color: var(--first-color); padding: 10px 0; position: relative; } .widgets .heading4:after, .with-arrows:after { border-color: #f17b23; border-style: solid; border-width: 1px 1px 0 0; content: ''; display: inline-block; height: 10px; right: 10px; transform: rotate( 45deg) translateY(-50%); position: absolute; top: 50%; vertical-align: top; width: 10px; padding: 0; cursor: pointer; -webkit-transition: all ease .3s; -moz-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s; transform-origin: top; } .toggle-target { position: relative; } .magicsearch-wrapper { position: relative; } .magicsearch-wrapper .magicsearch-box { display: none; position: absolute; width: 100%; overflow: hidden; background-color: #fff; z-index: 100; border: 1px solid var(--first-color); padding: 5px 0; margin-bottom: 20px; border-radius: 2px; left: 0; box-shadow: 0 5px 10px rgb(0 0 0 / 10%); } .magicsearch-wrapper .magicsearch-arrow { display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 24px; cursor: pointer; } .magicsearch-wrapper .multi-items { cursor: text; } .magicsearch-wrapper *:not(input) { margin: 0; padding: 0; font-size: 14px; box-sizing: border-box; } .magicsearch-wrapper *:not(input) { margin: 0; padding: 0; font-size: 14px; box-sizing: border-box; } .magicsearch-wrapper .magicsearch-arrow i { position: relative; height: 6px; width: 12px; cursor: pointer; display: block; } .magicsearch-wrapper .magicsearch-arrow i:before { content: ''; height: 0; width: 0; display: block; border: 6px transparent solid; border-bottom-width: 0; border-top-color: #a0a0a0; position: absolute; top: 0; right: 0; } .filter-content { margin: 0; margin-bottom: 15px; overflow: hidden; transition: height .3s ease 0; } .prices { padding-bottom: 10px; } .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .irs { position: relative; display: block; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .irs-line { position: relative; display: block; overflow: hidden; outline: none !important; } .irs-line-left, .irs-line-mid, .irs-line-right { position: absolute; display: block; top: 0; } .irs-line-left { right: 0; width: 11%; } .irs-line-mid { right: 9%; width: 82%; } .irs-line-right { left: 0; width: 11%; } .irs-bar { position: absolute; display: block; right: 0; width: 0; } .irs-bar-edge { position: absolute; display: block; top: 0; right: 0; } .irs-shadow { position: absolute; display: none; right: 0; width: 0; } .irs-slider { position: absolute; display: block; cursor: default; z-index: 1; } .irs-slider.type_last { z-index: 2; } .irs-min { position: absolute; display: block; right: 0; cursor: default; } .irs-max { position: absolute; display: block; left: 0; cursor: default; } .irs-from, .irs-to, .irs-single { position: absolute; display: block; top: 0; right: 0; cursor: default; white-space: nowrap; } .irs-grid { position: absolute; display: none; bottom: 0; right: 0; width: 100%; height: 20px; } .irs-with-grid .irs-grid { display: block; } .irs-grid-pol { position: absolute; top: 0; right: 0; width: 1px; height: 8px; background: #000; } .irs-grid-pol.small { height: 4px; } .irs-grid-text { position: absolute; bottom: 0; right: 0; white-space: nowrap; text-align: center; font-size: 9px; line-height: 9px; padding: 0 0px; color: #000; } .irs-disable-mask { position: absolute; display: block; top: 0; right: -1%; width: 102%; height: 100%; cursor: default; background: rgba(0, 0, 0, 0); z-index: 2; } .irs-disabled { opacity: 0.4; } .lt-ie9 .irs-disabled { filter: alpha(opacity=40); } .irs-hidden-input { position: absolute !important; display: block !important; top: 0 !important; right: 0 !important; width: 0 !important; height: 0 !important; font-size: 0 !important; line-height: 0 !important; padding: 0 !important; margin: 0 !important; outline: none !important; z-index: -9999 !important; background: none !important; border-style: solid !important; border-color: transparent !important; } .irs { height: 55px; margin: -30px 0 0; } .irs-with-grid { height: 75px; } .irs-line { height: 6px; top: 35px; background: #e1e1e1; border-radius: 16px; -moz-border-radius: 16px; } .irs-line-left { height: 8px; } .irs-line-mid { height: 8px; } .irs-line-right { height: 8px; } .irs-bar { height: 6px; top: 35px; background: var(--brand-color); color: var(--brand-color-inverse); } .irs-bar-edge { height: 10px; top: 33px; width: 14px; border: 1px solid #428bca; border-left: 0; background: #428bca; background: linear-gradient(to top, #428bca 0%, #7fc3e8 100%); border-radius: 16px 0 0 16px; -moz-border-radius: 16px 0 0 16px; } .irs-shadow { height: 2px; top: 38px; background: #000; opacity: 0.3; border-radius: 5px; -moz-border-radius: 5px; } .lt-ie9 .irs-shadow { filter: alpha(opacity=30); } .irs-slider { top: 30px; width: 18px; height: 18px; background: #DDD; border-radius: 27px; -moz-border-radius: 27px; cursor: pointer; } .irs-min, .irs-max { color: #333; font-size: 12px; line-height: 1.333; text-shadow: none; top: 0; padding: 1px 5px; background: rgba(0, 0, 0, 0.1); border-radius: 3px; -moz-border-radius: 3px; } .lt-ie9 .irs-min, .lt-ie9 .irs-max { background: #ccc; } .irs-from, .irs-to, .irs-single { color: #fff; font-size: 12px; line-height: 1.333; text-shadow: none; padding: 1px 5px; background: #0064ca; border-radius: 3px; -moz-border-radius: 3px; } .lt-ie9 .irs-from, .lt-ie9 .irs-to, .lt-ie9 .irs-single { background: #999; } .irs-grid { height: 27px; } .irs-grid-pol { opacity: 0.5; background: #428bca; } .irs-grid-pol.small { background: #999; } .irs-grid-text { bottom: 5px; color: #99a4ac; } .price-input { float: left; padding: 0; text-align: center; width: 45%; } .filter-content .dash { display: inline-block; float: left; padding: 6px; } .rsText { color: #9e9e9e; font-size: 13px; left: 5px; margin-right: 3px; padding-left: 3px; position: absolute; top: 9px; } .price-text-box { position: relative; } .price-text-box .input-filter { height: auto; margin: 0; padding: 9px 5px 9px 30px; display: inline-block; line-height: normal; vertical-align: top; } .link .icn { color: inherit !important; } .checkbox img, .radio img { display: inline-block; vertical-align: middle; } .sort-toggle .drop-down__link:before { content: none; } .sort-toggle .drop-down__link { border: none; font-size: 1.05em; } .sort-toggle.is-active a:after { transform: rotate( 133deg) translateY(-50%); } .product-list { float: left; width: 80%; padding-left: 20px; } .product-list .product-grid-item { position: relative; float: left; width: 33.3333333%; padding: 10px; margin-bottom: 10px; } .product-name { line-height: 21px; color: #000; font-size: 1.0625em; } .product-listing-wrpper.hide--filterss .product-list { float: none; width: 100%; padding-left: 0; } .product-listing-wrpper.hide--filterss .left-filters { opacity: 0; visibility: hidden; width: 0; height: 0; float: none; z-index: 15; display: none; } .product-listing-wrpper.hide--filters .product-list .product-grid-item { float: left; width: 25%; } .widgets .heading4.is-active:after, .with-arrows.is-active:after { transform: rotate( 133deg) translateY(-50%); } .listing-page .product-grid-item { box-shadow: none; } /* .listing-page .product-content .product-name { padding-left: 0; } */ .pagination { display: inline-block; } .pagination li { float: left; margin: 0 4px; } .pagination li.selected a { background: var(--first-color); color: #fff; font-weight: 600; } .pagination li a { background: #777; width: 30px; line-height: 31px; text-align: center; height: 30px; display: block; font-size: 1em; color: #fff; border: none; position: relative; overflow: hidden; border-radius: 50%; } .pagination li.next a:before, .pagination li.next--double a:before, .pagination li.next--double a:after { width: 7px; height: 7px; border-right: 2px solid #333; border-top: 2px solid #333; position: absolute; left: 12px; top: 12px; content: ""; -webkit-transform: rotate( 45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate( 45deg); } .sort-toggle select { border: none; outline: none; } /* ] * /* MEAL DETAIL SATRT */ .product-detail-image { border: solid 1px var(--border-color); } .product-detail-image .favourite { right: 30px; } .product-detail-image .likes { right: 30px; } .product-description .pro-name { position: relative; } .product-description .pro-name .icon-heading { position: absolute; left: -20px; } .social-ui { margin: 10px 0 0; } .social-ui li { text-align: center; display: inline-block; margin-right: 10px; margin-bottom: 10px; } .social-ui li a { padding: 0; display: block; } .product-description { padding-left: 50px; } .pro-name { margin: 0 0 1rem; position: relative; font-weight: 600; position: relative; } .pro-name span.txt { color: #000; font-size: clamp(1rem,1.75vw,1.75rem); line-height: 1; vertical-align: top; display: table; } .product-description .timings { color: #626262; font-size: .9em; } .product-description .timings span { font-weight: 500; font-size: 1rem; } .description { font-size: 1.125rem; margin-bottom: 1.25rem; line-height: 1.5; } .morecontent span { display: none; } .morecontent .js_fatbit_more_link { text-decoration: underline; color: var(--first-color); } .product-description .icon--meal-type { display: inline-block; vertical-align: middle; opacity: 0.6; } .meal-type-wrapper ul li h3 { padding: 0.375rem 0; } .meal-type-wrapper ul li:last-child h3 { padding-bottom: 0; } h3.meal-type span.lbl { font-weight: 600; display: inline-block; margin-right: 5px; font-size: 1rem; } h3.meal-type .tags, h3.meal-type { color: #626262; font-size: 1em; display: inline-block; margin: 0; } h3.meal-type svg { height: 22px; width: 22px; margin-right: 6px; } .product-description .price-fetures { margin: 5px 0 10px; display: block; } .price-fetures ul li:first-child { padding-left: 0; } .price-fetures ul li { display: table-cell; vertical-align: middle; border-right: solid 1px var(--border-color); padding: 0 20px; white-space: nowrap; margin-right: 12px; } .price-fetures .main-price { display: block; color: var(--first-color); font-weight: 500; font-size: 1.5rem; } .product-description .chef-profile { display: flex; align-items: center; } .chef-box { padding: 15px; background: #f7f7f7; border-radius: 3px; border: solid 1px var(--border-color); display: block; } .chef-profile { display: flex; margin: 2rem 0; text-align: left; flex-wrap: wrap; } @media (min-width: 768px) and (max-width: 1199px) { .chef-profile { align-items: center; justify-content: center; text-align: center; } } .product-description .chef-box .avatar { margin: 0; margin-right: 10px; width: 60px; height: 60px; } .chef-profile .avatar { width: 110px; height: 110px; border-radius: 50%; overflow: hidden; display: inline-block; margin-right: 20px; border: solid 4px #fff; position: relative; } @media (max-width: 576px) { .chef-profile { flex-wrap: nowrap; } .chef-profile .avatar { height: 80px; width: 80px; flex: 0 0 80px; max-width: 80px; margin-right: 10px; } .chef--meal-type { margin-bottom: 0.5rem!important; } } .avatar-info { display: flex; flex-direction: column; } .avatar-info .name { color: #000; font-size: clamp(1rem,1.5vw,1.5rem); font-weight: 500; line-height: initial; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .product-description span.ratings { margin-left: 5px; margin-top: 4px; } .ratings li { display: inline-block; } .ratings li svg { fill: #55D400; } .product-description .rating-wrapper { display: flex; align-items: center; } .product-description .rating-wrapper p { margin-bottom: 0; } .meal-detail--page .section-headings, .chef-detail--page .section-headings { margin-bottom: 20px; } .section-headings.left-theme { text-align: left; } .section-headings.left-theme h2 { text-align: left; } .reviews-list .review-item { border-bottom: solid 1px #dcdcdc; padding-bottom: 10px; margin-bottom: 30px; } .reviews-list .review-item:last-child { border-bottom: none; } .profile-dv { display: flex; margin: 10px 0; text-align: left; } .profile-dv .avatar { width: 120px; height: 120px; border-radius: 50%; overflow: hidden; margin-right: 20px; border: 1px solid #ddd; position: relative; flex: none; } .review-txt { font-size: 0.9rem; line-height: 1.8; color: #333; margin-bottom: 1rem; font-weight: 400; } .daterename { font-size: .875em; color: #626262; } .meal-review .reviews-list:last-child { border-bottom: none; } .meal-review .reviews-list { border-top: none; padding: 0; } .row__repeated-group .checkbox { padding: 5px 0 5px 30px; } .other_meals-wrapper { display: flex; flex-wrap: wrap; } .other_meals-column { flex: 0 0 25%; max-width: 25%; padding: 0 10px; } /* ] * /* -- -- -- -- -- -- */ .favourite.active { background: var(--first-color); } .likes.active { background: var(--first-color); } .favourite.active svg { fill: #fff; opacity: 0.9; } .likes.active svg { fill: #fff; opacity: 0.9; } .over-detail .favourites.active { background-image: url(images/retina/favorite-active.svg); } .search__submit { border: none; bottom: 0; display: inline-block; height: 48px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 60px; z-index: 3; background: #fff; } .search__submit::before { background: rgba(0, 0, 0, 0); border: 2px solid #636262; border-radius: 100%; content: ""; height: 20px; left: 20px; pointer-events: none; position: absolute; top: 12px; width: 20px; } .search__submit:after { background: #636262; content: ""; height: 3px; left: 34px; pointer-events: none; position: absolute; top: 30px; transform: rotate(45deg); width: 12px; } .search-meal input[type="submit"] { margin: 0; } .addtocart-trigger { background: #000; border-radius: 50%; width: 60px; height: 60px; color: #fff; display: block; text-align: center; float: right; margin-right: 10px; margin-bottom: 10px; padding: 18px; } .addtocart-trigger.opened { /* box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.333); */ } .addtocart-trigger i { color: inherit; font-size: 1.5em; line-height: 60px; } .target-div.opened { display: block; } .target-div .qty-control i { color: #fff; } .target-div .qnty-submit i { color: inherit; font-size: 1.5em; } .ion-minus-round { position: relative; } .ion-minus-round::before { content: ""; position: absolute; height: 2px; width: 10px; background-color: #fff; } .ion-plus-round { position: relative; } .ion-plus-round::before { content: ""; position: absolute; height: 2px; width: 10px; background-color: #fff; } .ion-plus-round::after { content: ""; position: absolute; height: 2px; width: 10px; background-color: #fff; transform: rotate(90deg); } /* CHEF DETAIL */ .small-header-c { height: 267px; } .small-header-c:after { background: rgba(1, 69, 82, 0.75); } .chef-detail--page .small-header .container { position: relative; z-index: 1; height: 100%; } .aligner { display: flex; align-items: center; justify-content: center; } .chef-profile.white-theme *, .chef-profile.white-theme .avatar-info .name { color: #fff; } .avatar-contact { font-size: 1.2rem; } .avatar-contact .phone { display: block; } .chef-detail--page .rating-wrapper p { margin-bottom: 10px; } .chef-profile .phone { padding-bottom: 2px; } .chef-detail--page .reviews-list { border: none; padding: 0; } .chef-detail--page .review-for .tag { border: none; border-radius: 0; padding: 0; width: initial; height: initial; } .chef-detail--page .review-for .tag::before { content: none; } .chef-detail--page.body { min-height: initial; } /* RESPONSIVE */ .show-sm { display: none!important; } .hide-sm { display: block!important; } @media (min-width: 768px) and (max-width:  1199px) { .side-txt { padding-left: 30px; padding-top: 30px; } } @media screen and (max-width: 1200px) { .media--info .media__title { font-size: 1rem; } .section-headings h2 { font-size: 2rem; } .f-logo { width: 120px; height: 120px; } .testimonial-box { padding: 15px; } } @media screen and (max-width:1199px) { .section--footer h6 { font-size: 15px; } .food-system .section-headings.white-theme h2 { max-width: 100%; } .side-txt li { margin-bottom: 10px; display: block; flex: 0 0 30%; max-width: 30%; padding: 0 0.5rem; } .side-txt p { max-width: 100%; } .side-txt ul { margin: 0 0 20px; } .circle-image-wrapper { width: auto; height: auto; max-width: 400px; margin: 0 auto; } .slide__content h1 { font-size: 2rem; } .slide__content { padding: 0; text-align: left; background-color: transparent; padding: 0 1rem; } .slide__content p { font-size: 1rem; } .recipe-filter-trigger.is-active a:after { content: ""; position: fixed; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.8); z-index: 5; } .media .count { width: 30px; height: 30px; line-height: 2rem; font-size: 1.5rem; } } @media only screen and (max-width: 1025px) { .meal-recipe-slider .slick-arrow, .featured-slider .slick-arrow, .weekly-slider .slick-arrow { width: 40px; height: 40px; background-size: 24px; } .meal-recipe-slider .slick-prev, .featured-slider .slick-prev, .weekly-slider .slick-prev { left: 10px; margin: 0; } .meal-recipe-slider .slick-next, .featured-slider .slick-next, .weekly-slider .slick-next { right: 10px; margin: 0; } .page-title { position: relative; transform: none; padding: 50px 0; } .page-title h1 { font-size: 2.2em; } .weekly-slider .slick-slide { margin: 0 5px; } .weekly-slider .slick-slide:hover .over-detail { display: flex; flex-direction: column; } .over-detail .recipe-features ul { display: flex; } .over-detail .recipe-features ul li { flex: 1; } .product-name .non-veg, .non-veg, .product-name .veg, .veg { display: inline-block; float: none; margin-top: 0; } .left-filters { padding-left: 10px; width: 30%; } .product-list { width: 100%; } .product-list .product-grid-item { width: 25%; } .product-listing-wrpper.hide--filters .product-list .product-grid-item { width: 25%; } .product-listing-wrpper.hide--filters .left-filters { opacity: 1; transform: translate(0px, 0px); height: 100%; width: 260px; visibility: visible; overflow-y: auto; display: block; } .product-listing-wrpper.hide--filters .overlay { opacity: 1; visibility: visible; } .left-filters { position: fixed; top: 0; bottom: 0; left: 0; height: 100%; width: 260px; background: #fff; z-index: 15; transform: translate(-125%, 0px); opacity: 0; } .listing-page .product-content .product-name { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 13px; } .recipe-filter-trigger { display: block; } .recipe-filters-panel { background: #fff; bottom: 0; box-shadow: 0 0 10px rgb(51 51 51 / 38%); left: 0; margin: 0; overflow: auto; position: fixed; text-align: left; top: 0; transform: translate3d(-350px, 0px, 0px); -webkit-transform: translate3d(-350px, 0px, 0px); -ms-transform: translate3d(-350px, 0px, 0px); transition: all 300ms ease 0s; -webkit-transition: all 300ms ease 0s; -ms-transition: all 300ms ease 0s; width: 270px; opacity: 0; visibility: hidden; z-index: 111; padding: 0; } body.toggled-filtered .recipe-filters-panel { opacity: 1; transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -ms-transform: translate3d(0px, 0px, 0px); visibility: visible; } .blog-type-content { margin: 0 auto; padding-left: 0; } .filter-switch { padding: 15px 15px; border: 1px solid #ddd; } .filter-bar ul.filter-ul { display: inline-block; float: right; width: auto; } .filter-bar ul.filter-ul li { width: 50%; padding: 20px 5px 0; } .product-actions * { display: flex; vertical-align: middle; width: 100%; } .product-actions { border: 1px solid #ddd; width: 100%; } .sort-by .sort-txt { display: none; } .filter-bar { border-bottom: none; } .recipe-filter-trigger { margin-bottom: 10px; } .recipe-filter-trigger a { border: 1px solid #ddd; padding: 15px 30px; position: relative; float: right; } .product-description { padding-left: 0; } .section { padding: 40px 0; } .product-description .pro-name .icon-heading { left: 0; top: 3px; } .pro-name span.txt { padding-left: 20px; } .pro-name { margin-bottom: 20px; } .product-name a { font-size: 0.875rem; } .product-detail-image img { display: block; margin: auto; } .other_meals-column { flex: inherit; max-width: inherit; } .small-header, .small-header-b { height: auto; } } @media(max-width: 992px) { .ingredients-listing li { width: 45%; } .product-list .product-grid-item { width: 33.333333%; } .product-listing-wrpper.hide--filters .product-list .product-grid-item { width: 33.333333%; } .card-image { margin-bottom: 20px; } .profile-dv .avatar { width: 70px; height: 70px; } } @media screen and (max-width: 767px) { .accounts-link ul>li { display: none; } .accounts-link { margin-left: 0; } .product-content .product-name .non-veg, .product-content .product-name .veg { top: 7px; } .filter-bar ul.filter-ul { display: table; width: 100%; float: none; } .accounts-link ul>li>a { width: 40px; height: 40px; display: inline-flex; justify-content: center; align-items: center; padding: 0; border: none; } .accounts-link ul>li>a .svg-icon { width: 20px; height: 20px; display: block; } .accounts-link ul>li>a .svg-icon svg { width: 100%; height: 100%; fill: gray; display: block; } .accounts-link ul>li.filled { display: block; } .section-headings h2 { font-size: 1.4rem; margin-bottom: 1rem; } .section-headings { margin-bottom: 0; } .section--steps .media--info .media__title { margin-top: 20px; } .section--steps .media--info .media__desc { padding: 0 30px; } .media--info { border-bottom: 1px dashed #ddd; margin-bottom: 25px; } .food-system .section-headings.white-theme h2 { font-size: 1.4rem; } .mb-sm-1 { margin-bottom: 1rem!important; } .section--footer { background-color: var(--first-color); background-image: none!important; } .app-adds { top: 0; position: relative; } .f-logo { margin-bottom: 15px; margin-top: 15px; } .testimonial-slider .slick-dots { margin-bottom: 0; } .section--footer-upper { padding-top: 0; } .social-media { padding-bottom: 0; } .links--vertical li a { opacity: 1; } .section--footer h6 { font-weight: 500; } .logo img { margin: 0; } .show-sm { display: block!important; } .hide-sm { display: none!important; } .lcoation-field input { max-width: 120px; } .lang-selector .lang-selector__target { padding: 0; } .week-slider { padding: 15px 40px; z-index: 1; } .week-slider .slick-next { right: 0; } .week-slider .slick-prev { left: 0; } .blog-type-content { padding-left: 0; } .recipe-features { float: none!important; display: inline-block; } .recipe-header .item { font-size: 0.8rem; } .over-detail .favourites { position: absolute; top: 0; right: -18%; } .over-detail { left: 0; transform: translate(0, -50%); margin: 0 50px; } .mealkit-slider .over-detail h3 { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } /* .product-name .non-veg, .non-veg, .product-name .veg, .veg { margin-left: 5px; } */ .ingredients-listing li { width: 46%; text-align: center; } .ingredients-listing .icn { display: block; } .ingredients-listing .icn img { display: inline-block; } .instructions-tbl { padding: 0; } .instructions-tbl .image-cell { display: block; padding: 0 0 100% 0; } .instructions-tbl.instructions-tbl-odd .image-cell:before { margin-left: 10px; } .instructions-tbl .txt-cell { display: block; padding: 0; } .instructions-tbl .txt-cell p { font-size: 1em; } .instructions-tbl .image-cell:before { margin-right: 10px; top: 10px; } .flat-tabs { padding: 10px; margin: 0 auto; } .flat-tabs li a { padding: 10px; font-size: 1em; } .block-on-mobile { display: block; width: 100%; } .container--narrow .review-item { padding: 10px; } .avatar-info { display: block; } .addtocart--floated { position: fixed; bottom: 0; top: inherit; } .nav--secondary>ul>li.nav__link--primary>a { padding: 0!important; } .section.section--footer { padding-bottom: 60px; } .add-cart-icon { display: flex; align-items: center; justify-content: center; } .add-cart-icon span { margin-left: 10px; font-size: initial; } .product-list { float: none; width: auto; padding-left: 0; } .product-price { float: none; margin: 5px 0; } .readymeals-wrapper .coloumn { width: 100%; } .product-list .product-grid-item { float: none; display: inline-block; vertical-align: top; margin: 0 -2px; } .post-media { padding: 15px; } .blog-type-content .post-title { font-size: 1rem; } #srch-recipe .size18 { margin: 0; margin-right: 8px; } .section-headings--new h2 .size28 { margin-top: 0; } .addtocart-trigger { position: fixed; left: 0; right: 0; bottom: 0; width: 100%; margin: 0; border-radius: 0; height: inherit; padding: 10px; display: block; } .target-div.opened { width: 100%; } .target-div { bottom: 42px; position: fixed; left: 0; border-radius: 0; border-bottom: 1px solid #ddd; text-align: center; } .product-list .product-grid-item { width: 50%; } .product-listing-wrpper.hide--filters .product-list .product-grid-item { width: 50%; } .recipe-filter-trigger a { float: none; } .form input[type="submit"] { height: 40px; line-height: 40px; font-size: 1em; padding: 0 15px; } .card-image { width: 100%; } .box__body #payment-option { display: block; } .box__body #payment-option .selection { margin-right: 0; } .ingredients-listing ul { grid-template-columns: repeat(2, 1fr); } .sort-toggle .drop-down__link { text-align: left; } } @media screen and (max-device-width: 767px) and (orientation: landscape) { .readymeals-wrapper .coloumn { width: 50%; } } .favourite.active { background: var(--first-color); } .favourite.active svg { fill: #fff; opacity: 0.9; } .over-detail .favourites.active { background-image: url(images/retina/favorite-active.svg); } .search__submit { border: none; bottom: 0; display: inline-block; height: 48px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 60px; z-index: 3; background: #fff; } .search__submit::before { background: rgba(0, 0, 0, 0); border: 2px solid #636262; border-radius: 100%; content: ""; height: 20px; left: 20px; pointer-events: none; position: absolute; top: 12px; width: 20px; } .search__submit:after { background: #636262; content: ""; height: 3px; left: 34px; pointer-events: none; position: absolute; top: 30px; transform: rotate(45deg); width: 12px; } .search-meal input[type="submit"] { margin: 0; } .addtocart--floated { position: fixed; right: 0; top: 50%; z-index: 6; } .ion-minus-round { position: relative; } .ion-minus-round::before { content: ""; position: absolute; height: 2px; width: 10px; background-color: #fff; } .ion-plus-round { position: relative; } .ion-plus-round::before { content: ""; position: absolute; height: 2px; width: 10px; background-color: #fff; } .ion-plus-round::after { content: ""; position: absolute; height: 2px; width: 10px; background-color: #fff; transform: rotate(90deg); } .not-logged>ul>li { margin-left: 20px; } .zero-margin { margin: 0 !important; } .slider-btn .switch { position: relative; display: inline-block; width: 60px; height: 34px; } .slider-btn .switch.wallet-table { position: relative; display: inline-block; width: 48px; height: 20px; } .slider-btn .switch .slider:before{ height: 13px; width: 13px; right: 18px; } .slider-btn .switch input { opacity: 0; width: 0; height: 0; } .slider-btn .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; } .slider-btn .slider:before { position: absolute; content: ""; height: 26px; width: 26px; left: 10px; bottom: 10px; background-color: white; -webkit-transition: .4s; transition: .4s; } .slide-toggle-btn .slider:before {    height: 26px !important; width: 26px !important; left: 0px; bottom: 0px; right:0; } .slider-btn input:checked+.slider { background-color: var(--first-color); } .slider-btn input:focus+.slider { box-shadow: 0 0 1px var(--first-color); } .slider-btn input:checked+.slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); } /* Rounded sliders */ .slider-btn .slider.round { border-radius: 34px; } .slider-btn .slider.round:before { border-radius: 50%; } #pre_delivery_date, #pre_pickup_date { width: 100%; } .chef-detail--page-banner{ background-image: url(/images/chef-details-page.jpg); } /* .magicsearch-wrapper { min-width: 220px!important; } .magicsearch-wrapper input.dropdown{ min-width: 220px!important; } */ .sort-toggle ul li { display: block !important; border-top: solid 1px #dcdcdc; text-align: left; } /* Detail offer */ .flex-col__left { width: calc(100% - 250px); } .flex-col__right { width: 250px; } .offers-box__container{ border: 1px dashed var(--first-color); } .offers-box__title{ color: var(--first-color); } .round-star-label{ background: var(--first-color); } .round-star-label::before{ background: var(--first-color); } .round-star-label::after{ background: var(--first-color); } .offer-list .link-underline{ color: var(--first-color); } @media screen and (max-width: 1024px){ .flex-col__height .offers-box{ width: 100%; } } @media screen and (max-width: 576px){ .flex-col__left { width: 100%; } .flex-col__right{ width: 100%; margin-bottom: 2rem; } } .mergin-left-20{ margin-left: 60px; } .prc-selct-package-price{ text-align-last: center; font-weight: 700; } @media (max-width: 1023px){ .box__body .selection{ padding-left: 30px !important; } } .filter-benefits-details{ column-count: 4; break-inside: avoid; margin:3px 0; } .filter-benefits-details li{ break-inside: avoid; margin:unset; padding: 10px 0px; } .filter-benefits-details .benefit-div{ color: #494a4a; display: flex; align-items: center; justify-content: center; } .table--set{ display: table !important; } .table--set > li{ display: table-cell !important; float:unset !important; } .table--set > li > a{ padding: 16px 14px 18px 0px !important; } .chef-taking-delivery{ padding: 0 !important; margin-top: 6px !important; } .social-media ul li svg{ width: 30px; height:25px; } .social-media li a { width: 46px; height: 46px; display: flex; align-items: center; justify-content: center; border-radius: 50px; background-color: rgba(0, 0, 0, 0.1); } .social-media li a svg { max-width: 100%; display: block; } .container .itemfav{ cursor: pointer; } @media (max-width: 767px ){ .filter-benefits-details li{ break-inside: avoid; margin:unset; padding: 10px 0px; } .filter-benefits-details { column-count: 1; break-inside: avoid; margin: 3px 0; } .accounts-link>ul>li:not(:first-child) { margin-left: 0; } .nav--secondary>ul>li img { width: 25px; } } @media (min-width: 767px ) and ( max-width: 1026px){ .copy-right { width:85%; } } /* ----------  17-11-2021 ---------- */ @media (max-width: 991px) { .filter-benefits-details{ column-count: 2; } .side-txt .icn img { max-width: 60px; } .js-sort-init { flex-wrap: wrap; } .js-sort-init li { flex: 0 0 100%; max-width: 100%; width: 100%; } .lcoation-field { text-align: left; display: block; } } .search-meal .magicsearch-wrapper input.dropdown { padding-left: 10px!important; padding-right: 10px!important; min-width: initial!important; max-width: 97%; margin: 3px auto!important; display: block; background: #f7f7f7; font-size: 1rem; height: 48px!important; line-height: 48px; padding-top: 0!important; } .search-meal .magicsearch-wrapper .multi-item span { text-align: left; padding-left: 10px; } .search-meal .magicsearch-wrapper .multi-items { position: relative; } .search-meal .magicsearch-wrapper { min-width: initial!important; } .search-meal .magicsearch-wrapper .magicsearch-arrow { top: 24px!important; bottom: initial!important; } .search-meal .multi-item>span { line-height: inherit; } /**/ .product-quantity { display: flex; } .product-quantity-price.radio { padding: 0; } .product-quantity-price:not(:first-child) { margin-left: 1rem; } .product-quantity__block { padding: 1rem 2rem 1rem 4rem; border: 1px solid #ddd; border-radius: 2px; } .product-quantity-price input[type="radio"] { height: 100%; width: 100%; } .product-quantity-price input[type="radio"]:checked + .product-quantity__block { border-color: var(--first-color); } .product-quantity-price input[type="radio"]:checked + .product-quantity__block .radio-custom { border-color: var(--first-color); } .product-quantity-price input[type="radio"]:checked + .product-quantity__block .radio-custom::before { background-color: var(--first-color); } .radio-custom { position: absolute; top: 1rem; left: 1rem; height: 1.75rem; width: 1.75rem; background-color: #fff; border-radius: 100%; border: 1px solid #ddd; } .radio-custom::before { content: ""; height: 12px; width: 12px; background-color: #ddd; border-radius: 100%; top: 50%; left: 50%; position: absolute; transform: translate(-50%, -50%); } .product-quantity .main-quantity { font-size: clamp(1rem,1.25vw,1.25rem); font-weight: 400; } .main-quantity-price { font-size: clamp(1rem,1.25vw,1.25rem); font-weight: 600; } .chef--meal-type { margin-bottom: 1rem; display: block; } .btn.btn--review { height: auto; line-height: normal; font-size: 0.875rem; padding: 4px 1rem; border-radius: 50px; background-color: transparent; border: 1px solid rgb(217, 58, 74); color: rgb(217, 58, 74); font-weight: 500; } .btn.btn--review:hover { background-color: rgba(217, 58, 74,0.1); } .row-pro-detail { display: flex; flex-wrap: wrap; } .justif-content-center { justify-content: center; } /**/ @media (min-width: 576px) { .reviews-list-modify .reviews-list { flex: 0 0 50%; max-width: 50%; padding: 0 10px; } .reviews-list-modify { display: flex; flex-wrap: wrap; margin: 0 -10px; } } @media (max-width: 576px) { .lcoation-field h4 { display: none; } } .text--center { text-align: center; } .p-large { font-size: clamp(1rem,1.25vw,1.25rem); color: #000; font-weight: 400; line-height: 2; } .section-apps { display: flex; flex-direction: column; align-items: center; } .section-apps a.btn, .section-apps p { margin-bottom: 0.75rem; } .apps-media { display: flex; } .apps-media a { margin: 0 1rem; } /**/ .show-header-search-js .header { z-index: 9; } /* ------- BECOME A CHEF ------- */ .cms-banner { position: relative; } .cms-banner::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; right: 0; background-color: rgba(0, 0, 0, 0.4); } .cms-banner-content { top: 0; position: absolute; top: 50%; transform: translateY(-50%); } .cms-banner-content h1 {  color: #fff; } .cms-banner-content p { font-size: clamp(1.25rem,2.5vw,2.5rem); color: var(--first-color); margin: 0; } .flow-wrapper { display: flex; flex-wrap: wrap; } .flow-card { flex: 0 0 20%; max-width: 20%; padding: 0 1rem; position: relative; } .flow-card p { margin-bottom: 0; } .flow-card .count { position: relative; } .sell-flow { display: flex; } .sell-flow__card { flex: 0 0 25%; max-width: 25%; text-align: center; } .sell-flow-media { margin: 0 auto 1.5rem; width: 130px; height: 130px; position: relative; } .sell-flow-content p { color: #000; margin: 0; } .sell-flow-content img { max-width: 60px; margin: 0 auto; display: inline-block; position: relative; top: 30px; } @media (min-width: 1199px) { .sell-flow-content { background-color: #cbf2b3; padding: 2rem 2rem 0 2rem; } .sell-flow .sell-flow__card:first-child .sell-flow-content { border-radius: 10px 0 0 10px; } .sell-flow .sell-flow__card:last-child .sell-flow-content { border-radius: 0 10px 10px 0; } .cms-banner-content { max-width: 60%; } } .flow-wrapper .flow-card:not(:last-child):before { content: ""; position: absolute; height: 10px; background-color: var(--first-color); width: 100%; top: 18px; } @media (min-width: 768px) { .sell-flow-content p { font-size: 1.125rem; font-weight: 400; line-height: 1.5; }    } @media (max-width: 1199px) { .cms-banner-content { text-align: center; left: 50%; transform: translate(-50%,-50%); width: 100%; padding: 0 1rem; } .sell-flow__card { padding: 0 1rem; } .sell-flow-content img { display: none; } .sell-flow-media { width: 100px; height: 100px; } .flow-wrapper .flow-card:not(:last-child):before { top: 10px; } } @media (max-width: 991px) { .sell-flow { overflow-x: auto; } .sell-flow__card { flex: 0 0 40%; max-width: 40%; } } @media (max-width: 767px) { .sell-flow-media { width: 70px; height: 70px; } .flow-wrapper { flex-direction: column; } .flow-card { flex: 0 0 100%; max-width: 100%; } .flow-card .count { margin: 0; } .flow-card .media--info { border: none; margin: 0; display: flex; } .flow-card .media--info .count { flex: 0 0 30px; max-width: 30px; } .flow-card:not(:last-child) .media--info { margin-bottom: 1.5rem; } .flow-card .media--info p { text-align: left; font-size: 1rem; } .section-become-chef .col-custom-6 { width: 33.3333%; float: left; } .card-chef { display: flex; flex-direction: column; align-items: center; justify-content: center; border-bottom: none; } .flow-wrapper .flow-card:not(:last-child):before { height: 100%; background-color: var(--first-color); width: 5px; top: 18px; left: 26px; } } @media (max-width: 576px) { .sell-flow__card { flex: 0 0 60%; max-width: 60%; } .section-become-chef .col-custom-6 { width: 50%; float: left; } } /**/ .pt-0 { padding-top: 0!important; } .magicsearch-wrapper , .multiple_chefs.dropdown.multi{width:100% !important;} .like-share a { float: left; } .like-share { float: left; /*width: 12%;*/ overflow: overlay; } .product_social { position: fixed; top: 30%; } .product_social ul { list-style-type: none; padding: 0; transform: translatex(-350px); } .product_social ul li { display: table-caption; margin: 5px; background-color: rgba(0, 0, 0, 0.5); width: 300px; text-align: right; padding: 10px; border-radius: 0 30px 30px 0; transition: all 1s; } .product_social ul li:hover { transform: translatex(110px); } .product_social ul li.twitter:hover { background-color: #55acee; } .product_social ul li.facebook:hover { background-color: #3b5999; } .product_social ul li.google-plus:hover { background-color: #dd4b39; } .product_social ul li.instagram:hover { background-color: #e4405f; } .product_social ul li a { color: white; text-decoration: none; } .product_social ul li img { text-align: center; float: right; margin-left: 14px; color: black; border-radius: 50%; width: 20px; height: 20px; font-size: 20px; transform: rotate(0deg); } .product_social ul li:hover img { transform: rotate(360deg); transition: all 1s; } .like-icon-section{ float: left; } .product-grid-item .product-image .likeicn{ position: absolute !important; right: 10px; z-index: 2; margin: 0 !important; top: 10px !important; } .likeicn { right: 20px; width: 36px; height: 36px; border-radius: 100%; } .product_icons { position: absolute; top: 0; right: 25px; display: grid; } .product-detail-image .product_icons .favourite { position: revert; } .product_icons a { margin-top: 20px; margin-bottom: 40px; }.product_icons a:nth-child(2) {    margin-bottom: 0px !important;}.like-count-section {    margin-bottom: 30px;    width: 54px;} /*add css start*/ .product-listing-wrpper {  padding-top: 17px;  background-color: #fff;} .lcoation-fieldd {  position: relative;  display: inline-block;  min-width: 91px;  padding: 10px 0;} .lcoation-fieldd>span{background: #484646;} .lcoation-fieldd .add-bg-one {background: #55d400;} .lcoation-fieldd .add-bg-two {background: #444444;} /*add css 17 jan by a*/ .product_icons{ vertical-align: middle; display: inline-grid;place-items: center;position: absolute;top: 0;right: 25px;} .product_icons a {margin-top: 0;margin-bottom: 0;} .product_icons a:nth-child(2){margin-top:60px;} .like-count-section { margin-bottom: 60px;} .product_icons{top:20px;} /*add css 17 jan by a*/    /*add css 19 jan by a start*/ .filter-bar ul.filter-ul { display: flex; width: 100%; justify-content: space-between;} .row__repeated-group-last.form .col-last-left span .btn{font-size: 1.1rem;    padding: 0 14px; width: 174px !important;} /*add css 19 jan by a end*/ @media screen and (max-width: 1024px) {  /*    .product_icons {position: absolute; top: 0; right: 12px;display: grid;}*/ /*    .product_icons a {  margin-top: 23px;  margin-bottom: 4px;}*/ /*.product_icons a { margin-top: 23px;margin-bottom: 4px;}*/ /*.like-count-section { margin-bottom: 10px; width: 54px;}*/ /*.product_icons a { margin-top: 23px;margin-bottom: 4px;}*/ .product_icons a:nth-child(2){margin-top:30px;} .like-count-section { margin-bottom: 30px;} } @media screen and (max-width: 768px) {  /*    .product_icons a {  margin-top: 5px;margin-bottom: 0;}*/ /*.product_icons {position: absolute;   top: 10px;}*/ /*.product_icons {position: absolute;   top: 10px;   right: 5px;}*/ /*.product_icons a {  margin-top: 5px;margin-bottom: 6px;}*/ /*.product_icons {position: absolute;    top: 4px;}*/ .product_icons a:nth-child(2){margin-top:12px;} .like-count-section { margin-bottom: 12px;} .product_icons {top: 10px; right: 9px;} } @media screen and (max-width: 767px) {  /*.product_icons {position: absolute;top: 0px; right: 18px;display: grid;}*/ /*.product_icons a {margin-top: 60px;margin-bottom: 17px;}*/ /*.product_icons a:nth-child(2) {margin-bottom: 0px !important;}*/ /*.like-count-section{margin-bottom: 20px;width: 54px;margin-top: 10px;}*/ /*.product_icons a {margin-top: 56px; margin-bottom: 0;}*/ /*.like-count-section {margin-bottom: 4px;width: 54px;margin-top: 10px;}*/ /*     .product_icons a:nth-child(2){margin-top:30px;}*/ /*.like-count-section { margin-bottom: 30px;}*/ .product_icons a:nth-child(2){margin-top:60px;} .like-count-section { margin-bottom: 60px;} .product_icons {top: 20px; right: 16px;} } @media (max-width: 575px) { /*.product-listing-wrpper.hide--filters{display:none;}*/ /*.product_icons { position: absolute; top: 0px; right: 9px; display: grid;top: 6px;}*/ /* .product_icons a {margin-top: 13px; margin-bottom: 15px;}*/ /* .product_icons a { margin-top: 13px;}*/ /* .product_icons a:nth-child(2) {margin-bottom: 0px !important;}*/ /* .like-count-section {margin-bottom: 9px;width: 54px;margin-top: 0;}*/ /* .product_icons a { margin-top: 15px;margin-bottom: 17px;}*/ /*.listing-page .mobile-style{width: 226px !important;}*/ /*.filter-bar ul.filter-ul{align-items: center;}*/ .product_icons a:nth-child(2){margin-top:60px;} .like-count-section { margin-bottom: 60px;} .product_icons {top: 31px; right: 22px;} } @media (max-width: 425px){ .filter-bar .filter-ul .mobile-style{position: absolute; width: 100%; top: 58px; z-index: 99;    left: 0;} .filter-ul{position: relative;} /*.product-list{margin-top: 40px;}*/ /*inner pages btn css*/ .btn.btn--primary.mobile-shop-btn{width: 245px; position: absolute; top: 117px;  left: 0;} .form .col-last-left{position: relative;} .row__repeated-group-last.form .col-last-left span .btn {font-size: 1.1rem; padding: 0 14px;width: 165px !important;} .product_icons a:nth-child(2){margin-top:35px;} .like-count-section { margin-bottom: 35px;} .product_icons {top: 11px; right: 16px;} } @media (max-width: 375px){ /*.product_icons {position: absolute;   top: 0px;  right: 9px;display: grid;  top: 0;}*/ /*.product_icons a { margin-top: 18px;margin-bottom: 0;}*/ /*.like-count-section {  margin-bottom: 0;width: 54px; margin-top: 0px;}*/ .product_icons a:nth-child(2){margin-top:20px;} .like-count-section { margin-bottom: 20px;} .product_icons {top: 14px; right: 13px;} } @media (max-width: 320px){ /*.product_icons{right: 0;}*/ /*.like-count-section{margin-top: 0; font-size: 12px;}*/ /*.product_icons a {margin-top: 9px;}*/ .product_icons a:nth-child(2){margin-top:10px;} .like-count-section { margin-bottom: 10px;} .product_icons {top: 9px; right: 9px;} .product-listing-wrpper.hide--filterss .product-list{margin-top: 30px !important;} .mobile-style{z-index: 0 !important;} } .hide{display:none;} #mbsmessagenew{ display: block; position: absolute; top: 40%; transform: translate(-5%,0); -webkit-transform: translate(-5%,0); -ms-transform: translate(-5%,0); width: auto; box-shadow: 0 0 3410px 3005px rgb(0 0 0 / 69%); margin: 0px 38.5% !important; background: white; border-radius: 7px; width: 25%; color: black; z-index: 99; } .close.add-alert    {    background: black; border-radius: 60px; padding: 0px;} .Alert-popup .btn { padding: 0px 27px; margin-bottom: 2rem; border: none; border-radius: 3px; background-color: #55d400; font-family: inherit; color: var(--clr-light); transition: filter .15s ease-in-out; cursor: pointer; text-decoration: none; color: #fff !important; } .Alert-popup .btn { padding: 0px 27px; margin-bottom: 2rem; border: none; border-radius: 3px; background-color: #55d400; font-family: inherit; color: var(--clr-light); /*    transition: filter .15s ease-in-out;*/ cursor: pointer; text-decoration: none; } .Alert-popup .content{font-size: 19px; margin-top: 22px;} .Alert-popup .btn.btn-danger.cancel { background-color: #f44336 !important; font-size: 18px; color: #fff; } .Alert-popup .content p { margin-bottom: 17px !important; text-align: center; } .Alert-popup .btn{height: 40px; line-height: 40px;} .main-button{    text-align: center;} .container--colums #order_review_cart .hide-scroll { max-height:none !important; height: auto; min-height: 1%; overflow-x: hidden; } @media (max-width: 1024px){ #mbsmessagenew{ width: 33% !important;} } @media (max-width: 768px){ #mbsmessagenew{ width: 43% !important;} #mbsmessagenew{margin: 0px 29.5% !important;} } @media (max-width: 525px){ #mbsmessagenew{ width: 74% ;} #mbsmessagenew{margin: 0px 15.5% !important;} } @media (max-width: 425px){ #mbsmessagenew{ width: 74%  !important;} #mbsmessagenew{margin: 0px 15.5% !important;} } @media (max-width: 375px){ #mbsmessagenew{ width: 84%  !important;} #mbsmessagenew{margin: 0px 11% !important;} } @media (max-width: 320px){ #mbsmessagenew{ width: 94%  !important;} #mbsmessagenew{margin: 0px 7.7% !important;} } .product-listing-wrpper { padding-top: 52px; background-color: #fff; }    .filter-bar .filter-ul .mobile-style{z-index: 1;} .location-box{z-index: 999;} /*add css end*/ .close-button{     position: absolute; top: 0; right: 0; background: #696868; padding: 3px 10PX; font-size: 12px; border-radius: 50px; margin-top: 10px; margin-right: 10px; COLOR: #FFF; CURSOR: POINTER; } /* The Modal (background) */ .otpmodal { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 1; /* Sit on top */ padding-top: 100px; /* Location of the box */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ } /* Modal Content */ .otpmodal-content.otp  { position: relative; background-color: #fefefe; margin: auto; padding: 24px; border: 1px solid #888; width: 25%; box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19); -webkit-animation-name: animatetop; -webkit-animation-duration: 0.4s; animation-name: animatetop; animation-duration: 0.4s; border-radius: 17px; } .otp .otpmodal-body h2{text-align: center; line-height: 37px;} /* Add Animation */ @-webkit-keyframes animatetop { from {top:-300px; opacity:0}  to {top:0; opacity:1} } @keyframes animatetop { from {top:-300px; opacity:0} to {top:0; opacity:1} } /* The Close Button */ .otp .closed { color: white; float: right; font-size: 26px; font-weight: bold; background: #626262; padding: 5px 8px; border-radius: 180px; cursor: pointer; } .otp .close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; } .otp .otpmodal-body {padding: 2px 16px;} .otp .btn-one { padding: 13px 27px; /*    margin-bottom: 20px;*/ border: none; border-radius: 4px; background-color: #55d400; font-family: inherit; color: #fff; transition: filter .15s ease-in-out; cursor: pointer; text-decoration: none; } .otp .center-btn{margin: 37px 0px;} /*.modal-footer { padding: 2px 16px; background-color: #5cb85c; color: white; }*/ .otp .center-btn{text-align: center;} .input-form input{width: 80%; height: 50px;} .input-form{text-align: center;} .otp .btn-one:hover {filter: brightness(0.9);} .otp .closed:hover, .closed:focus { color: #cbcbcb;} .link-button{text-align: center;} .otp .otpmodal-body h2 { text-align: center; /* line-height: 37px; */ font-size: 26px; margin-top: 33px; } #review-hide { margin-top: 20px; } .before-login { position: absolute; right: 20px; width: 68%; } .login-form { position: absolute; left: -199px; } .login-form-cover{ padding: 20px 18px 1px; } .login-form-cover--even{ padding: 12px; } .otpmodal-content.otp{z-index: 99999999 !important;} @media screen and (max-width: 912px) { .otpmodal-content.otp{width: 84%;} .user-profile { width: 7%; margin-right: 12px; } .before-login { position: inherit; right: 20px; width: 100%; } .login-form { position: inherit; width: 100vw !important; } .login-form-cover{ padding: 20px 18px 1px; } .login-form-cover--even { padding: 26px !important; } } @media screen and (max-width: 320px) { .otp .btn-one {padding: 21px 38px;} } .table-alignment tbody tr th{text-align: center;} .table-alignment tbody tr th:nth-child(1){text-align: left !important;} .table-alignment  tr td:nth-child(2){text-align: center;} .table-alignment  tr td:nth-child(3){text-align: center;} .table-alignment  tr td:nth-child(4){text-align: right !important;} .table-alignment  tr td:nth-child(5){text-align: right !important;} .table-alignment .trLast td:nth-child(2){text-align: right !important;} @media (max-width: 767px){ .table-alignment tr td span:nth-child(1){text-align: left !important;} .table-alignment tr td span:nth-child(2){text-align: right !important;} .table .trLast td {width: 50% !important;} .item-validation{float: right;} } .pimg{ display: flex; align-items: center; } .element-one{padding-top: 12px;} *{ box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .Fr-star { width: 225px; height: 40px; position: relative; background-color: #ccc; } .Fr-star[data-title]:hover:after { content: attr(data-title); padding: 4px 8px; color: #333; position: absolute; left: 0; top: 100%; z-index: 20; white-space: nowrap; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0px 0px 4px #222; -webkit-box-shadow: 0px 0px 4px #222; box-shadow: 0px 0px 4px #222; background-image: -moz-linear-gradient(top, #eeeeee, #cccccc); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #eeeeee),color-stop(1, #cccccc)); background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc); background-image: -moz-linear-gradient(top, #eeeeee, #cccccc); background-image: -ms-linear-gradient(top, #eeeeee, #cccccc); background-image: -o-linear-gradient(top, #eeeeee, #cccccc); } .Fr-star .Fr-star-bg{ position: absolute; height: 100%; width: 100%; background: url(images/Fr-star.svg) repeat; background-size: contain; } .Fr-star .Fr-star-value{ height: 100%; position: absolute; background-color: #55d400; } .Fr-star.size-2{ width: 170px; height: 30px; } .Fr-star.size-3{ width: 90px; height: 16px; } .Fr-star.size-4{ width: 55px; height: 10px; } .boxes--white li  .Fr-star .Fr-star-bg{ position: absolute; height: 100%; width: 100%; background: url(images/Fr-star2.svg) repeat; background-size: contain; } /*! * Cropper v4.0.0 * https://github.com/fengyuanchen/cropper * * Copyright (c) 2014-2018 Chen Fengyuan * Released under the MIT license * * Date: 2018-04-01T06:26:32.417Z */ .cropper-container { direction: ltr; font-size: 0; line-height: 0; position: relative; -ms-touch-action: none; touch-action: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .cropper-container img {/*Avoid margin top issue (Occur only when margin-top <= -height) */ display: block; height: 100%; image-orientation: 0deg; max-height: none !important; max-width: none !important; min-height: 0 !important; min-width: 0 !important; width: 100%; } .cropper-wrap-box, .cropper-canvas, .cropper-drag-box, .cropper-crop-box, .cropper-modal { bottom: 0; left: 0; position: absolute; right: 0; top: 0; } .cropper-wrap-box, .cropper-canvas { overflow: hidden; } .cropper-drag-box { background-color: #fff; opacity: 0; } .cropper-modal { background-color: #000; opacity: .5; } .cropper-view-box { display: block; height: 100%; outline-color: rgba(51, 153, 255, 0.75); outline: 1px solid #39f; overflow: hidden; width: 100%; } .cropper-dashed { border: 0 dashed #eee; display: block; opacity: .5; position: absolute; } .cropper-dashed.dashed-h { border-bottom-width: 1px; border-top-width: 1px; height: 33.33333%; left: 0; top: 33.33333%; width: 100%; } .cropper-dashed.dashed-v { border-left-width: 1px; border-right-width: 1px; height: 100%; left: 33.33333%; top: 0; width: 33.33333%; } .cropper-center { display: block; height: 0; left: 50%; opacity: .75; position: absolute; top: 50%; width: 0; } .cropper-center:before, .cropper-center:after { background-color: #eee; content: ' '; display: block; position: absolute; } .cropper-center:before { height: 1px; left: -3px; top: 0; width: 7px; } .cropper-center:after { height: 7px; left: 0; top: -3px; width: 1px; } .cropper-face, .cropper-line, .cropper-point { display: block; height: 100%; opacity: .1; position: absolute; width: 100%; } .cropper-face { background-color: #fff; left: 0; top: 0; } .cropper-line { background-color: #39f; } .cropper-line.line-e { cursor: ew-resize; right: -3px; top: 0; width: 5px; } .cropper-line.line-n { cursor: ns-resize; height: 5px; left: 0; top: -3px; } .cropper-line.line-w { cursor: ew-resize; left: -3px; top: 0; width: 5px; } .cropper-line.line-s { bottom: -3px; cursor: ns-resize; height: 5px; left: 0; } .cropper-point { background-color: #39f; height: 5px; opacity: .75; width: 5px; } .cropper-point.point-e { cursor: ew-resize; margin-top: -3px; right: -3px; top: 50%; } .cropper-point.point-n { cursor: ns-resize; left: 50%; margin-left: -3px; top: -3px; } .cropper-point.point-w { cursor: ew-resize; left: -3px; margin-top: -3px; top: 50%; } .cropper-point.point-s { bottom: -3px; cursor: s-resize; left: 50%; margin-left: -3px; } .cropper-point.point-ne { cursor: nesw-resize; right: -3px; top: -3px; } .cropper-point.point-nw { cursor: nwse-resize; left: -3px; top: -3px; } .cropper-point.point-sw { bottom: -3px; cursor: nesw-resize; left: -3px; } .cropper-point.point-se { bottom: -3px; cursor: nwse-resize; height: 20px; opacity: 1; right: -3px; width: 20px; } @media (min-width: 768px) { .cropper-point.point-se { height: 15px; width: 15px; } } @media (min-width: 992px) { .cropper-point.point-se { height: 10px; width: 10px; } } @media (min-width: 1200px) { .cropper-point.point-se { height: 5px; opacity: .75; width: 5px; } } .cropper-point.point-se:before { background-color: #39f; bottom: -50%; content: ' '; display: block; height: 200%; opacity: 0; position: absolute; right: -50%; width: 200%; } .cropper-invisible { opacity: 0; } .cropper-bg { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC'); } .cropper-hide { display: block; height: 0; position: absolute; width: 0; } .cropper-hidden { display: none !important; } .cropper-move { cursor: move; } .cropper-crop { cursor: crosshair; } .cropper-disabled .cropper-drag-box, .cropper-disabled .cropper-face, .cropper-disabled .cropper-line, .cropper-disabled .cropper-point { cursor: not-allowed; } .img-container > img { max-width: 100%; } .aligncenter .btn { cursor: pointer; display: inline-block; padding: 3px 10px; vertical-align: top; }#facebox { position: absolute; top: 0; left: 0; z-index: 1000; text-align: left; } #facebox .popup{ position:relative; /* border:3px solid rgba(0,0,0,0); */ -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-box-shadow:0 0 18px rgba(0,0,0,0.4); -moz-box-shadow:0 0 18px rgba(0,0,0,0.4); box-shadow:0 0 18px rgba(0,0,0,0.4); } #facebox .content { display:block; max-width:650px;min-width: 600px; padding:15px; background: #fff; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; } #facebox .content > p:first-child{ margin-top:0; } #facebox .content > p:last-child{ margin-bottom:0; } #facebox .close{ position:absolute; top:5px; right:5px; padding:2px; background:#fff; } #facebox .close img{ opacity:0.3; } #facebox .close:hover img{ opacity:1.0; } #facebox .loading { text-align: center; } #facebox .image { text-align: center; } #facebox img { border: 0; margin: 0; } #facebox_overlay { position: fixed; top: 0px; left: 0px; height:100%; width:100%; } .facebox_hide { z-index:-100; } .facebox_overlayBG { background-color: #000; z-index:120; } @media(max-width:1023px){ #facebox .content{width: 100%; max-width: 100%;min-width: 100%;} #facebox {left: 10px !important;right: 10px !important;} .form-container{padding: 5px;} } .confirm-box{text-align: center;padding:20px 0;} .buttons button{ background: #be292d; border: medium none; border-radius: 2px; color: #ffffff; cursor: pointer; font-family: "Open Sans"; font-size: 15px; font-weight: 700; height: 35px; line-height: 35px; padding: 0 30px; text-transform: uppercase; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; margin:10px; } .buttons button.isYes{background-color:var(--first-color);} .message { color: #222222; font-size: 20px; padding-bottom: 15px; line-height: 100%; } /*! jQuery UI - v1.11.4 - 2015-03-11 * http://jqueryui.com * Includes: core.css, accordion.css, autocomplete.css, button.css, datepicker.css, dialog.css, draggable.css, menu.css, progressbar.css, resizable.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px * Copyright 2015 jQuery Foundation and other contributors; Licensed MIT */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix:after { clear: both; } .ui-helper-clearfix { min-height: 0; /* support: IE7 */ } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); /* support: IE8 */ } .ui-front { z-index: 100; } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin: 2px 0 0 0; padding: .5em .5em .5em .7em; min-height: 0; /* support: IE7 */ font-size: 100%; } .ui-accordion .ui-accordion-icons { padding-left: 2.2em; } .ui-accordion .ui-accordion-icons .ui-accordion-icons { padding-left: 2.2em; } .ui-accordion .ui-accordion-header .ui-accordion-header-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto; } .ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; } .ui-button { display: inline-block; position: relative; padding: 0; line-height: normal; margin-right: .1em; cursor: pointer; vertical-align: middle; text-align: center; overflow: visible; /* removes extra width in IE */ } .ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none; } /* to make room for the icon, a width needs to be set here */ .ui-button-icon-only { width: 2.2em; } /* button elements seem to need a little more width */ button.ui-button-icon-only { width: 2.4em; } .ui-button-icons-only { width: 3.4em; } button.ui-button-icons-only { width: 3.7em; } /* button text element */ .ui-button .ui-button-text { display: block; line-height: normal; } .ui-button-text-only .ui-button-text { padding: .4em 1em; } .ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; } .ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; } .ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; } .ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; } /* no icon support for input elements, provide padding by default */ input.ui-button { padding: .4em 1em; } /* button icon element(s) */ .ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; } .ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; } .ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; } .ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } /* button sets */ .ui-buttonset { margin-right: 7px; } .ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; } /* workarounds */ /* reset extra padding in Firefox, see h5bp.com/l */ input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner { border: 0; padding: 0; } .ui-datepicker { width: 17em; padding:10px; display: none; } .ui-datepicker-header.ui-widget-header{border: none;} .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 6px; width: 1.8em; height: 1.8em; } /*.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 2px; }*/ .ui-datepicker .ui-datepicker-prev { left: 0; } .ui-datepicker .ui-datepicker-next { right: 0; } /*.ui-datepicker .ui-datepicker-prev-hover { left: 1px; } .ui-datepicker .ui-datepicker-next-hover { right: 1px; }*/ .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 50%;font-size: 0.9em;height: 30px; } .ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: 500; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane {box-shadow: none; background-image: none; margin: .7em 0 0 0; padding: 0; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button {font-weight: normal; float: right; margin:0; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; } .ui-autocomplete.ui-menu{padding: 10px;} .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width: auto; } .ui-datepicker-multi .ui-datepicker-group { float: left; } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; } .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { float: right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; } .ui-dialog { overflow: hidden; position: absolute; top: 0; left: 0; padding: .2em; outline: 0; } .ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 0; white-space: nowrap; width: 90%; overflow: hidden; text-overflow: ellipsis; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 20px; margin: -10px 0 0 0; padding: 1px; height: 20px; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin-top: .5em; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } .ui-dialog .ui-resizable-se { width: 12px; height: 12px; right: -5px; bottom: -5px; background-position: 16px 16px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } .ui-draggable-handle { -ms-touch-action: none; touch-action: none; } .ui-menu { list-style: none; padding: 0; margin: 0; display: block; outline: none; } .ui-menu .ui-menu { position: absolute; } .ui-menu .ui-menu-item { position: relative; margin: 0; font-size:14px; border-bottom: 1px solid #fff; padding: 3px 1em 3px .4em; cursor: pointer; min-height: 0;  } .ui-menu .ui-menu-divider { margin: 5px 0; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; } /** * .ui-menu .ui-state-focus, * .ui-menu .ui-state-active { * 	margin: -1px; * } */ /* icon support */ .ui-menu-icons { position: relative; } .ui-menu-icons .ui-menu-item { padding-left: 2em; } /* left-aligned */ .ui-menu .ui-icon { position: absolute; top: 0; bottom: 0; left: .2em; margin: auto 0; } /* right-aligned */ .ui-menu .ui-menu-icon { left: auto; right: 0; } .ui-progressbar { height: 2em; text-align: left; overflow: hidden; } .ui-progressbar .ui-progressbar-value { margin: -1px; height: 100%; } .ui-progressbar .ui-progressbar-overlay { background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw=="); height: 100%; filter: alpha(opacity=25); /* support: IE8 */ opacity: 0.25; } .ui-progressbar-indeterminate .ui-progressbar-value { background-image: none; } .ui-resizable { position: relative; } .ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; -ms-touch-action: none; touch-action: none; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; } .ui-selectable { -ms-touch-action: none; touch-action: none; } .ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted black; } .ui-selectmenu-menu { padding: 0; margin: 0; position: absolute; top: 0; left: 0; display: none; } .ui-selectmenu-menu .ui-menu { overflow: auto; /* Support: IE7 */ overflow-x: hidden; padding-bottom: 1px; } .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup { font-size: 1em; font-weight: bold; line-height: 1.5; padding: 2px 0.4em; margin: 0.5em 0 0 0; height: auto; border: 0; } .ui-selectmenu-open { display: block; } .ui-selectmenu-button { display: inline-block; overflow: hidden; position: relative; text-decoration: none; cursor: pointer; } .ui-selectmenu-button span.ui-icon { right: 0.5em; left: auto; margin-top: -8px; position: absolute; top: 50%; } .ui-selectmenu-button span.ui-selectmenu-text { text-align: left; padding: 0.4em 2.1em 0.4em 1em; display: block; line-height: 1.4; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle {border-radius:20px; position: absolute; z-index: 2; width: 18px; height: 18px; cursor: move; -ms-touch-action: none; touch-action: none; background: none repeat scroll 0 0 #fff!important; border: 1px solid #cccccc!important; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } /* support: IE8 - See #6727 */ .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; } .ui-slider-horizontal { height: 11px; } .ui-slider-horizontal .ui-slider-handle { top: -5px; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } .ui-sortable-handle { -ms-touch-action: none; touch-action: none; } .ui-spinner { position: relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; } .ui-spinner-input { border: none; background: none; color: inherit; padding: 0; margin: .2em 0; vertical-align: middle; margin-left: .4em; margin-right: 22px; } .ui-spinner-button { width: 16px; height: 50%; font-size: .5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0; } /* more specificity required here to override default borders */ .ui-spinner a.ui-spinner-button { border-top: none; border-bottom: none; border-right: none; } /* vertically center icon */ .ui-spinner .ui-icon { position: absolute; margin-top: -8px; top: 50%; left: 0; } .ui-spinner-up { top: 0; } .ui-spinner-down { bottom: 0; } /* TR overrides */ .ui-spinner .ui-icon-triangle-1-s { /* need to fix icons sprite */ background-position: -65px -16px; } .ui-tabs { position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ padding: .2em; } .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom-width: 0; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav .ui-tabs-anchor { float: left; padding: .5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor { cursor: text; } .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor { cursor: pointer; } .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } .ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px; -webkit-box-shadow: 0 0 5px #aaa; box-shadow: 0 0 5px #aaa; } body .ui-tooltip { border-width: 2px; } .rangewrap p{padding:0 0 15px 0; color:#009348;} .rangewrap input[type="text"]{color:#009348!important;font-weight:700!important;} /* Component containers ----------------------------------*/ .ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 1.1em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; } .ui-slider-horizontal{border-radius:20px!important;} .ui-widget-content { z-index:99999; /*border: 1px solid #fff;*/ background: #fff ;box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1); color: #222222; max-height: 255px; overflow: auto; } .ui-widget-content.ui-datepicker {max-height:100%;} .ui-widget-content a { color: #222222; } .ui-widget-header { border: 1px solid #ddd; background: #eee; color: #222222; font-weight: bold; } .ui-widget-header select{height:auto;} .ui-widget-header a { color: #222222; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid transparent; /*background: #e6e6e6 url("images/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x;*/ background:rgba(0,0,0,0.05); font-weight: normal; color: #555555; } /*@media(min-width:1200px){ .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { font-weight: normal; } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited { color: #212121; text-decoration: none; } }*/ .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { /*border: 1px solid #aaaaaa;*/ background: var(--first-color)/* url("images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x*/; font-weight: normal; color: #fff; } /*.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #fff; text-decoration: none; }*/ /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #fcefa1; background: #fbf9ee url("images/ui-bg_glass_55_fbf9ee_1x400.png") 50% 50% repeat-x; color: #363636; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #363636; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #cd0a0a; background: #fef1ec url("images/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x; color: #cd0a0a; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); /* support: IE8 */ font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); /* support: IE8 */ background-image: none; } .ui-state-disabled .ui-icon { filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */ } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; } .ui-icon, .ui-widget-content .ui-icon { background-image: url("images/ui-icons_222222_256x240.png"); } .ui-widget-header .ui-icon { background-image: url("images/ui-icons_222222_256x240.png"); } .ui-state-default .ui-icon { background-image: url("images/ui-icons_888888_256x240.png"); } /*.ui-state-hover .ui-icon, .ui-state-focus .ui-icon { background-image: url("images/ui-icons_454545_256x240.png"); }*/ /*.ui-state-active .ui-icon { background-image: url("images/ui-icons_454545_256x240.png"); }*/ .ui-state-highlight .ui-icon { background-image: url("images/ui-icons_2e83ff_256x240.png"); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url("images/ui-icons_cd0a0a_256x240.png"); } /* positioning */ .ui-icon-blank { background-position: 16px 16px; } .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-on { background-position: -96px -144px; } .ui-icon-radio-off { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 4px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 4px; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa url("images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x; opacity: .3; filter: Alpha(Opacity=30); /* support: IE8 */ } .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url("images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x; opacity: .3; filter: Alpha(Opacity=30); /* support: IE8 */ border-radius: 8px; } .ui-slider-handle{cursor:move;} .ui-slider-handle:before { background: none repeat scroll 0 0 #009348; border-radius: 100%; content: ""; height: 6px; left: 50%; margin: -3px 0 0 -3px; position: absolute; top: 50%; width: 6px; } @media(max-width:1400px) { .slide { height: 550px; } /* .slides--six li .card-cover .card{width:260px;} .slides--six li:nth-child(even) .card-cover .card{width:250px;} .slides--six li:nth-child(3n) .card-cover .card{width:230px;} .slides--six li:nth-child(4n) .card-cover .card{width:220px;}   */ .header__actions { padding-right: 20px; } } @media(max-width:1200px) { .header__actions { padding-right: 0; } .box--bordered.box--responsive { display: none; } .box--bordered.box--responsive.restaurant_quick { display: block; } h1 { font-size: 2.8em; font-weight: 300; } h2 { font-size: 2.2em; } h3 { font-size: 2em; } h4 { font-size: 1.6em; } h5 { font-size: 1.1em; line-height: 1.2; } h6 { line-height: 1.4; } .nav--primary, .box--bordered.box--responsive, .drop-menu__responsive { background: #fff; bottom: 0; box-shadow: 0 0 10px rgba(51, 51, 51, 0.38); left: 0; margin: 0; overflow: auto; position: fixed; text-align: left; top: 0; transform: translate3d(-100%, 0px, 0px); -webkit-transform: translate3d(-100%, 0px, 0px); -ms-transform: translate3d(-100%, 0px, 0px); transition: all 300ms ease 0s; -webkit-transition: all 300ms ease 0s; -ms-transition: all 300ms ease 0s; width: 350px; opacity: 0; visibility: hidden; z-index: 111; padding: 0; } html.is-nav-active .nav--primary, html.is-box-active .box--bordered.box--responsive, html.menu-responsive-show .drop-menu__responsive { opacity: 1; transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -ms-transform: translate3d(0px, 0px, 0px); visibility: visible; } html.is-nav-active .overlay--nav, html.is-box-active .overlay--box, html.menu-responsive-show .overlay--box { display: block; } html.is-nav-active, html.is-box-active, html.menu-responsive-show { overflow: hidden; position: fixed; left: 0; right: 0; top: 0; bottom: 0; } .toggle--nav { display: block; } .nav--primary li { margin: 0; display: block; border-bottom: 1px dashed rgba(0, 0, 0, 0.15); } .nav--primary li a { padding: 15px 10px; display: block; } .nav--primary li a:active { background: rgba(0, 0, 0, 0.07); } .row--last p { margin: 0; } .slide__content { margin: 0; left: 10px; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); max-width: 500px; } .slide__form-cover { position: relative; left: 0; margin: 0; top: auto; right: 0; transform: translate(0, 0); -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); } .slide { height: 500px; } .slide__form-cover h4 { text-align: center; max-width: 100%; margin: 0; } .slide__form-cover { width: 100%; padding: 20px; background: #f3f3f3; display: inline-block; } .form--search ul li input { font-size: 1em; } .form--search ul li { width: 40%; float: left; padding: 0 0 0; } .form--search ul li input[type="submit"] { margin: 0; } .form--search ul li.last { margin: 0; width: 20%; padding-left: 0; } /* .form--search ul{margin: 0 0 0 -20px;} */ .form--search ul.errorlist { margin: 0; display: table; width: 100%; } .form--search ul li .errorlist li { width: 100%; padding-left: 0px; } .slider .slick-dots { margin: 0; left: 20px; right: 20px; bottom: 20px; } .item.item--small .item__head, .item.item--small .item__content, .item .item__head, .item .item__content { display: block; width: 100%; } .item .item__pic { padding: 0 0 100% 0; } .item__footer>ul { display: block; table-layout: auto; position: relative; } .item__footer>ul>li { width: 100%; display: block; text-align: left; line-height: normal; } .item__footer>ul>li.second { text-align: left; padding-top: 5px; } .item__footer>ul>li.last { float: none; margin: 0 0 0; position: absolute; right: 0; top: 0; } .item .links--inline { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: block; } .item .links--inline li { display: inline-block; vertical-align: top; float: none; } .item .location { display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin: 5px 0; } .location, .section--details .location { font-size: 0.85em; } .item { display: block; table-layout: auto; } .item .item__title+.tag, .item .item__title+.tag+.tag { float: right; } .item .item__title { font-size: 1em; width: 70%; display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding-right: 10px; margin: 0 0 10px 0; float: left; } .item__title { font-size: 1em; } .item__body, .item__footer { padding: 10px; } .rest-open-close { top: -4px; } .item .links--inline.links--inline-icons { height: 50px; overflow: visible; text-overflow: clip; white-space: normal; } .item .links--inline.links--inline-icons li { padding: 5px 0; } /* .form--search-inline{max-width: 100%;} */ .form--search-inline.form--search ul li:first-child { padding-left: 20px; } .form--search-inline.form--search ul li { padding: 0; width: 64%; } .form--search-inline.form--search ul li.first { width: 36%; } .form--search-inline.form--search ul { width: auto; display: block; } .section--sort { padding: 20px 0; } .drop-down__target { top: 50px; } .section--details .col--last { padding-left: 10px; } .item__title--large { font-size: 1.5em; font-weight: 500; padding: 0 0 0; vertical-align: top; } .section--details .location { display: table; } .col--middle { width: 100%; float: none; display: block; } .list--info { margin: 15px 0 10px; } .links--icon .link__target { display: none; } .links--icon { margin: 20px 0 0 -10px; width: auto; border: none; } .links--icon .link__group { padding: 0 0 0 10px; float: left; width: 33.3%; } .links--icon .link__target { left: 0; right: 0; top: 100%; position: absolute; z-index: 1; box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.1); } /*.links--icon .link.last{float: right; width: 32%;}*/ .links--icon .link { border: 1px solid #e6e6e6; } .item__pic img { width: 100%; } .links--icon .link.last { border: 1px solid #e6e6e6; } .list-repeated .tag { margin: 5px 5px 5px 0; } .list-repeated .item__title { /*display: block;*/ vertical-align: middle; font-weight: 500; } .row__repeated, .list-repeated .cell, .space, .box__head { padding: 15px; } .cols-group [class*="col-lg-6"] { min-height: 140px; } .container--narrow .row-container--scroller { max-height: 236px; min-height: 236px; } .container--small .col--left { width: 55%; } .container--small .col-lg-4 { width: 45%; } .container--colums .row-container--scroller { max-height: 272px; min-height: 272px; } .panel__left { width: 30%; } .panel__right { width: 70%; } .item--xsmall .item__footer { padding: 15px; } .box--white { margin: 15px 0 0; } .stats { min-height: 80px; } .stats h2 { position: static; padding: 0; } .stats p { margin: 0 0 0 0; } .box--tabled .box__left { width: 30%; } .box--tabled .box__right { width: 70%; } .hide--ipad { display: none!important; } .box--bordered .box__head { position: relative; } .box--bordered .box__head .toggle--links, .box--tabled .box__left .toggle--links { display: block; position: absolute; right: 0; top: 8px; opacity: 0.4; } .box--bordered-first.box--bordered .dropdown { width: 100%; } .row--grids .box--white { margin: 20px 0 0 0; } .row--grids .box--tabled .box__left { width: 20%; } .row--grids .box--tabled .box__right { width: 80%; } .box--bordered.box--bordered-even { margin: 20px 0 0; } /*.section--details .col--left{width:32%;}*/ .form__title { font-size: 1.1em; margin: 0 -15px 15px -15px; padding: 10px 15px; } .grid-layout { margin: 0 -15px; } .drop-menu__target { display: none; } .drop-menu.is--active .drop-menu__target { opacity: 1; visibility: visible; } .drop-menu__responsive ul { margin: 0; } .drop-menu__target ul li a, .drop-menu__responsive ul li a { font-size: 14px!important; opacity: 1; color: #333; } .drop-menu__responsive ul li a { padding: 10px 15px; } .drop-menu__responsive.hide--desktop, .box__title--responsive { display: block!important; } .box__title--responsive { font-size: 16px!important; padding: 15px 15px; font-weight: 600; background: #fafafa; } .box--white { padding: 5px; } .group-qts h6 { font-size: 1em; } .section--content-cols .box--bordered h5 { font-weight: 500; font-size: 1.2em; } .nav--vertical.nav--vertical-even>ul>li>a { padding: 15px; } .group-qts { padding: 15px; } .wrap__fixed-inner.stick { width: 235px; } .nav--primary ul { width: 100%; } /* .item__tags + .item__footer{min-height: 130px;} */ /*subscription plans (added on 24 jan2017) ------------*/ .container--centered { max-width: 100%; padding: 0 10px; } .item__body, .item__footer { min-height: 1%; } /* added on 1july 2017 */ .link--nav { margin: 0 0 15px; padding: 0 0 15px; } .link--nav.link--nav-first { margin: 10px 0 0; border-bottom: 0; } .tabs--floated li a { height: 40px; line-height: 40px; padding: 0 15px; font-size: 0.9em; } .card__content { position: relative; left: auto; right: auto; bottom: auto; } /* .slides--six li .card-cover .card{width:240px;} .slides--six li:nth-child(even) .card-cover .card{width:240px;} .slides--six li:nth-child(3n) .card-cover .card{width:240px;} .slides--six li:nth-child(4n) .card-cover .card{width:240px;}   */ .txt--small { display: inline-block; } } @media (max-width:1200px) and (min-width:768px) { .section--details .item__tags { display: inline-block; } } @media(max-width:1023px) { .header.home-header { min-height: 1%; } /* .body {padding-top: 100px;} */ .sort__title { display: block; padding-right: 0; } .drop-down { margin: 0 5px 0 0; } .-align-right .drop-down { padding-right: 0; } .drop-down__target { top: 80px; } .links--square.links--square-onefifth li { width: 33.3%; } .list--info { width: 100%; } .list--info ul { display: table; table-layout: fixed; width: 100%; } .links--icon { margin-top: 0; } .wrap--bordered-even { margin: 20px 0 0; } .cols-group [class*="col-lg-6"] { min-height: 1%; } .cols-group p { margin-bottom: 20px; } .cols-group h6 { margin-bottom: 6px; } .wrap--bordered-list~.wrap--bordered-even { margin: 0 0 0; } .selection .selection__label { margin: 0 0 6px 0; } .selection { padding-left: 0; } .selection .selection__label .radio, .selection .selection__label .checkbox { /* position: relative; */ vertical-align: top; width: 30px; } .form-wrap { padding: 15px 15px 0; } .box--bordered-even { margin: 20px 0 0; } .info--user { display: inline-block; margin: 0 0; width: 100%; text-align: center; } .info--user .avtar { margin: 0 auto 10px; float: none; display: block; } .row--grids .box--tabled .box__left { width: 25%; } .row--grids .box--tabled .box__right { width: 75%; } /*.section--details .col--left{width: 28%;}*/ .box.box--bordered.box--bordered-scroll { margin-top: 20px; } .wrap--bordered-offset { margin: 0; } .media--team .media__title { font-size: 1em; } .grids__half { display: table; margin: auto; } .grids__half ul { display: table; table-layout: fixed; } .grids__half li { display: table-cell; vertical-align: top; padding: 0 5px; } .grids__half li.second { display: table-cell; } .grids__half li .btn { font-size: 1.1em; height: 40px; line-height: 40px; padding: 0 40px; display: block; } .filters--blog { padding: 20px; background: #fff; } .search__blog { margin: 20px 0; } .filters--blog { background: #fff; bottom: 0; box-shadow: 0 0 10px rgba(51, 51, 51, 0.38); left: 0; margin: 0; overflow: auto; position: fixed; text-align: left; top: 0; transform: translate3d(-100%, 0px, 0px); -webkit-transform: translate3d(-100%, 0px, 0px); -ms-transform: translate3d(-100%, 0px, 0px); transition: all 300ms ease 0s; -webkit-transition: all 300ms ease 0s; -ms-transition: all 300ms ease 0s; width: 350px; opacity: 0; visibility: hidden; z-index: 111; padding: 0; } html.is-filter--blog .filters--blog { opacity: 1; transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -ms-transform: translate3d(0px, 0px, 0px); visibility: visible; } html.is-filter--blog .overlay--blog { display: block; } html.is-filter--blog { overflow: hidden; position: fixed; left: 0; right: 0; top: 0; bottom: 0; } .post__comments .cols-list .info--user { text-align: left; } .post__comments .cols-list .info--user .avtar { float: left; margin-right: 15px; } .wrap.wrap--normal .form-cover.box { padding: 10px; background: none; } .wrap--normal { padding: 0 10px; } .box__content { float: left; width: 33.3%; padding: 0; } .wrap-total td:last-child { text-align: right; } /*Jan 7 2016----*/ .media__list.-list--4 .media { width: 33.33% } .media__list.-list--4 .media:nth-child(4n + 1) { clear: none; } .media__list.-list--4 .media:nth-child(3n + 1) { clear: left; } .item__tags+.item__footer { min-height: 100px; } .threecols>li .sharesection h3 { font-size: 1.3em; } /* .menu-responsive-show  .box--bordered.box--responsive{transform:translate3d(0%, 0px, 0px);-webkit-transform:translate3d(0%, 0px, 0px);visibility:visible;opacity:1;} .menu-responsive-show  .box--bordered.box--responsive{visibility:visible;opacity:1;right:auto;left:0;} .box--bordered.box--responsive {right: 0;  text-align: left; transform: translate3d(-100%, 0px, 0px);-webkit-transform: translate3d(-100%, 0px, 0px);}*/ .table td, .table th { font-size: 0.83em; } .container--colums.container--narrow .selection-list--container .selection { width: 100%; padding-left: 0; } .js-menu-item-container+.-gap+.-gap+.wrap--bordered.wrap--bordered-even { margin: 0; } } @media(max-width:767px) { .nav--search>ul>li.nav__link-search .search-icon { width: 24px; left: 0; top: 2px; } .show-mobile { display: block; } .nav__link--notifications { display: none; } .post__comments .cols-list.cols-list--reply .row.row--reply { padding-left: 0; } .post__comments .cols-list.cols-list--reply .row.row--reply p { margin: 0; } .btn.btn--small { padding: 0 6px; } .form.reviewfrm input[type="submit"] { float: left; margin-right: 0; margin-top: 10px; } .threecols>li { display: block; margin: 0; padding-left: 20px; vertical-align: top; width: 100%; } .threecols>li { margin: 10px 0 0; } .cols-list--reply .row--reply { margin: 0 -15px -15px; } .section--footer-lower [class*="col-"] { width: 100%; } .section--listing .section__head { padding: 0; } .section--listing .section__head h5 { padding: 0 0 10px 0; } /* .body{padding: 105px 0 0;min-height: 1%;} */ .body { min-height: 1%; } /* .body.home-page{padding: 65px 0 0;} */ #wrap-verification .form .row:last-child .field-set { margin-bottom: 0; } h1, h2, h3, h4, h5, h6 { padding: 0 0 5px 0; } p { font-size: 0.9em; } .section { padding: 25px 0; } .btn, .btn.btn--large { height: 40px; line-height: 40px; font-size: 1em; padding: 0 15px; } h1 { font-size: 2em; font-weight: 300; } h2 { font-size: 1.6em; } h3 { font-size: 1.4em; } h4 { font-size: 1.3em; } h5 { font-size: 1.2em; } h6 { font-size: 1.1em; font-weight: 600; padding: 0; } .header .container { padding: 0 5px; } .hide--mobile { display: none!important; } .logo { height: 50px; width: 120px; margin-bottom: 5px; } .nav--secondary>ul>li.nav__link--primary:before { display: none; } .nav--secondary>ul>li img { display: block; margin: auto; position: relative; top: 10px; } .nav--secondary>ul>li { margin: 0 0 0 3px; height: 35px; font-size: 0; } .nav--secondary>ul>li>a { width: 35px; height: 35px; display: block; position: relative; } .nav--secondary>ul>li>a:active { background: rgba(0, 0, 0, 0.07); } .header__actions { padding-top: 0; } .nav--secondary>ul>li.nav__link--cart .count { top: -6px; right: -8px; } .nav--secondary>ul>li.nav__link--cart { font-size: 100%; margin-right: 8px; } .slide { min-height: 350px; display: flex; align-items: center; flex-wrap: wrap; height: auto; } .slide__content, .slide__form-cover { position: static; transform: translate(0, 0); margin: 0; } .slide__content { padding: 0 1rem; background-color: transparent; text-align: left; } .slide__content h1 { font-size: 1.8em; } .slide__content p { font-size: 14px; } .slide__content .btn { background-color: var(--first-color); } .slide:before { background: rgba(0, 0, 0, 0.6); } .slider .slick-dots { margin: 0; left: 15px; right: 15px; margin: 0; bottom: 10px; } .slide__form-cover { padding: 15px 15px 0 15px; width: 100%; } .slide__form-cover h4 { text-align: center; max-width: 100%; margin: 0 auto 0; } .section__head p { margin: 0; } .slides__seven .slick-arrow.slick-next { right: 0; } .slides__seven .slick-arrow.slick-prev { left: 0; } .slides__seven { padding: 0 40px; } .card-cover { padding: 10px 5px; } .form--search>ul { margin: 0; } .form--search>ul>li, .form--search>ul>li.last { width: 100%; margin: 10px 0 0; padding: 0; } .row--scroller { white-space: nowrap; overflow: auto; } .row--scroller .item { white-space: normal; overflow: visible; } .row--scroller [class*="col-"] { float: none; display: inline-block; vertical-align: top; width: 300px; padding: 0 0 0 15px; } .item__body { padding: 15px; } .row.row--scroller+.-gap { display: none; } .form--subscribe li { width: 100%; display: block; margin: 0; } .form--subscribe li input[type="text"], .form--subscribe li input[type="submit"] { margin: 0; width: 100%; } footer h6.toggle--trigger { width: 100%; display: inline-block; position: relative; text-align: left; position: relative; margin: 1px 0 0 0; cursor: pointer; font-size: 14px; text-transform: uppercase; padding: 15px 10px 15px 15px; background: rgba(0, 0, 0, 0.2); } footer h6.toggle--trigger:before { position: absolute; right: 15px; top: 14px; width: 10px; height: 10px; content: ""; border-left: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transition: 0.3s all ease-in-out; -moz-transition: 0.3s all ease-in-out; -o-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out; } footer h6.toggle--trigger.is--active:before { top: 16px; transform: rotate(135deg); -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); } .toggle__target { display: none; padding: 10px; } .links--socials { display: table; margin: auto; } footer .dropdown { display: block; max-width: 300px; margin: 0 auto 15px; } footer .txt--nos { text-align: center; margin: 0 0 10px 0; } .btn.btn--dropdown { display: block; width: 100%; text-align: left; text-transform: uppercase; color: #999; } .btn.btn--dropdown:after { top: 12px; } .btn.btn--dropdown.is-active:after { top: 15px; } .row--last { margin: 20px 0 0; text-align: center; } .row--last img.-float-right { display: table; margin: auto; float: none!important; } .row--last p { margin: 0 0 10px 0; } .links--socials li a { width: 40px; height: 40px; } .links--socials li a svg { width: 16px; height: 16px; } .section--footer-lower { padding-top: 0; margin-top: 15px; border: none; } /* .item__footer > ul > li.last{float: none;margin: 5px 0 0;position: relative; right:auto; top:auto;} */ .page--bg, .form-cover { background: none!important; } .form-cover--odd { background: #fff!important; } .form__heading { margin: 10px -15px 20px; padding: 15px 10px 10px; font-size: 1em; } .form-cover { padding: 15px; } .form--search-inline.form--search>ul>li.first, .form--search-inline.form--search>ul>li { padding: 0; width: 100%; } .form--search-inline.form--search>ul>li.last { position: static; width: 100%; font-size: 100%; margin: 10px 0 0; } .form--search-inline.form--search>ul>li.last input[type="submit"] { height: 100%; background: var(--first-color); font-size: 100%; border-color: var(--first-color); color: #fff; } .form--search-inline.form--search>ul>li.first input { background-color: #fff; } .form--search-inline.form--search>ul { width: 100%; display: inline-block; margin: 0; } .form--search-inline.form--search input[type="text"] { padding-right: 50px; } .form--search>ul>li input { font-size: 0.9em; } .form--search-inline.form--search>ul>li.first input { border-right: 1px solid #d7d7d7; } .form--search-inline.form--search>ul>li.first { margin: 5px 0 0; } .drop-down, .drop-down__link { display: block; } .section--btns .btn:active { top: 0; } .section--btns .col--left { padding-right: 5px; } .section--btns .col--right { padding-left: 5px; } .section--form-mobile, .section--filters-mobile { display: none; position: fixed; padding: 50px 0; left: 0; top: 0; bottom: 0; right: 0; background: #fff; z-index: 112; overflow: auto; } .drop-down__target { position: relative; top: 100%; padding: 10px 0; } .drop-down__target .container { padding: 0; } .links--square.links--square-onefifth li { width: 50%; } .-align-right { text-align: left !important; } .drop-down { padding: 5px 0; margin: 0; } .sort__title { padding: 15px 0 0; font-size: 1.2em; } .drop-down.drop-down--small .drop-down__link.is--active:after, .drop-down__link.is--active:after { display: none; } .drop-down.drop-down--small .drop-down__target { top: 100%; border: none; } .drop-down.drop-down--small .drop-down__body { padding: 0; } .drop-down__link { font-size: 0.9em; padding: 8px 40px 8px 15px; } .drop-down__link:before { top: 12px; } .tags__filter li { line-height: 30px; padding: 0 5px 5px 0; } .tags__filter li:first-child { display: block; } .tags__filter li.clear a { padding-left: 0; } html.search--mobile-js, .filters--mobile-js { position: fixed; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; } .section--sort { padding-top: 0; } .item__pic--centerd { display: table; margin: auto; } .col--left { width: 200px; float: none; display: block; margin: 0 auto 20px; } .item__title--large { font-size: 1.2em; } .item__title--large+.tag, .item__title--large+.tag+.tag { margin: 0 5px 10px 0; } .boxes--white li .spantxt { font-size: 0.85em; } .boxes--white li .box--icon { width: 35px; } .section--details .links--inline-icons li { margin-bottom: 10px; } .section--details .item__title--large { display: block; margin: 0 0 10px 0; } .list--info { margin-top: 0; overflow: auto; white-space: nowrap; } .list--info ul { table-layout: auto; } .links--icon .link__target { top: 100%; } .links--icon .link { font-size: 0.85em; } .links--icon .link__target { top: 45px; } .tabs--flat li a { padding: 12px 0 10px; margin: 0 15px 0 0; } .section--tabs { padding: 0; } .panel__left .nav { position: relative; } .tabs--scroll ul, .nav--scrollable ul { overflow-x: scroll; overflow-y: hidden; padding-right: 30px; white-space: nowrap; } .tabs--scroll:after, .nav--scrollable:after { position: absolute; right: 0; bottom: 0; top: 0; content: ""; width: 80px; pointer-events: none; background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.99) 72%, white 73%); background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.99) 72%, white 73%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.99) 72%, #ffffff 73%); } .tabs--scroll li { display: inline-block; float: none; vertical-align: top; } .dropdown.-float-right { float: right!important; } .panel__left { width: 100%; } .panel__right { width: 100%; } .nav--scrollable li a:before { display: none; } .nav--scrollable li { display: inline-block; vertical-align: top; padding: 0 10px 0 0; border: none; } .panel__head h5 { font-size: 1.5em; } /*.list-repeated .cell .counter--group .item__price{display: block;}*/ .tabs--scroll li:last-child, .panel__left .nav ul li:last-child { margin-right: 40px; } .section--tabs { display: block; } .link--nav { display: none; } .reviews-list { padding-left: 50px; } .reviews-list .avtar { width: 40px; height: 40px; top: 15px; } .reviews-list p { margin-bottom: 15px; } .cols-group .links--inline { margin: 6px 0; } .wrap-counter .txt--larger { font-size: 2em; } .map-view .map-content { position: relative; left: 0; top: 0; max-width: 100%; } .list-repeated p { font-size: 0.9em; } /*.steps li:after,.steps li:before{display: none;}   */ .steps li { padding: 0 15px; } .steps li .steps__value { font-size: 1em; } .container--small .form-cover { padding: 0; } .steps { width: 100%; text-align: center; } .wrap--bordered-list { margin: 15px 0 0; } .container--colums .col--left, .container--colums .col-lg-4 { width: 100%; } .container--colums .wrap, .container--colums .box { border: none; } .selection select { margin: 5px 0; } .field_label { font-size: 0.9em; } .field-set { margin-bottom: 15px; } .listing--grids ul li { display: block; width: 100%; padding: 5px 0; } .listing--grids ul { display: block; table-layout: auto; } .listing--grids ul li .boxwhite { border: 1px solid #eee; } .cover-wrap { padding: 15px; } .selection h6 { padding: 0 0 6px 0; color: #333; font-size: 0.9em; } .selection p { line-height: 1.6; } .selection p small { font-size: 1em; } .list-repeated .item__price, .row__repeated .item__price, .wrap-total, .row__repeated .item__title { font-size: 0.9em; } .box--tabled { width: 100%; display: block; table-layout: auto; } .box--tabled .box__left { width: 100%; display: block; } .box--tabled .box__right { width: 100%; display: block; } .drop-menu__target ul li { font-size: 1em!important; } .drop-menu__trigger { padding-right: 0!important; } .drop-menu__trigger:before { display: none; } .nav--secondary>ul>li.nav__link--primary { position: static; } .drop-menu__target:before { right: 58px; } .drop-menu__target:after { right: 58px; } .section--profile .row--collapseable { padding-bottom: 5px; padding-top: 5px; } .row--grids .box--tabled .box__left { width: 260px; margin: auto; } .row--grids .box--tabled .box__right { width: 100%; background: none; padding: 0 10px 10px; } .box--tabled .tags-group { position: static; margin: 0 0 5px 0; } .row--grids .box--tabled .item__title { /*width: 100%;*/ margin: 0 5px 6px 0; width: auto; } .row--grids .box--tabled .item__title+.status~.location { margin: 1.row--grids .box--tabled .item__title5px 0 0; } .row--grids .box--white { margin: 15px 0 0; } .info--user { text-align: left; } .info--user .avtar { float: left; margin: 0 15px 15px 0; } .info--user h6 { padding-top: 10px; } .cols-list p { margin-bottom: 20px; } .cols-list { padding: 15px; } .box--bordered .dropdown__link { padding: 15px 35px 15px 15px; } .steps.steps--tabled li .steps__value { display: none; } .steps.steps--tabled { margin-bottom: 20px; } .preview { margin: 10px 0 20px 0; } .preview__thumb { max-width: 200px; display: table; margin: auto; } .panel__title { font-size: 0.9em; } .three-col>li { width: 50%; font-size: 0.85em; } .radio-yn>li { font-size: 0.85em; } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 { width: 100%; } .col-caption { font-weight: 500; margin: 0 0 10px 0; font-size: 1em; padding-left: 0; color: #333; } .row--head { background: none; padding: 0; margin: 0; } .caption--td { display: block; font-weight: 500; } .table td, .table th { display: block; padding: 5px 0; border: none; font-size: 0.85em; } .table tr { display: inline-block; width: 100%; padding: 10px 0; border-top: 1px solid #ddd; } .table.table--horizontal .caption--td { width: 150px; float: left; color: #666; } .table.table--horizontal .caption--td.caption--td-block { width: 100%; float: none; } .steps li:before { left: -9px; } .steps li:after { right: -10px; } .pagination li a { width: 30px; height: 30px; line-height: 30px; } .pagination li.next a:before { left: 7px; top: 8px; } .pagination li.prev a:before { left: 12px; top: 8px; } .grid-layout .info--order { text-align: left; margin: 0; } .grid-layout { margin: 0 -15px; padding: 15px; } .grids--colum .grid { min-height: 1%; } .table .mergedcell { text-align: left; } .row--reply { padding: 15px 5px; margin: 0 -15px; } .selectionbar { padding: 10px 10px 5px; } .selectionbar .grid_1 { width: 100%; padding: 0 0 10px 0; } .selectionbar .grid_2 { text-align: center; width: 100%; } .selectionbar .form--search { width: 100%; margin: 0; padding: 10px 0 0; } .selectionbar .selectiontabs { float: none; display: table; margin: auto; } .selectionbar .directions { float: none; } .medialist>li { padding: 10px; } .medialist>li .grid.first { width: 60px; } .medialist>li .grid, .medialist>li { display: inline-block; width: 100%; } .medialist>li .grid.first { float: left; } .medialist>li .grid.second { display: inline-block; width: calc(100% - 40px); margin: 10px 0 0; } .medialist>li .desc { font-size: 0.95em; } /* .medialist > li .grid.third{position: absolute; right: 0; top:15px;} */ .medialist>li .date { font-size: 0.8em; float: none; } .medialist>li .grid.third { float: left; margin-left: 36px; width: auto; } .grids-wrap .wrap { min-height: 1%; padding: 15px; width: 100%; } .grids-wrap .wrap--gray { margin: 15px 0 0; } .box--bordered-scroll.box { border: none; } .box--bordered-scroll .box__head { padding: 0 0 10px 0; background: none; border: none; } .box--bordered-scroll .box__body { padding: 0; background: none; border: none; } .box--bordered-scroll .row--scroller { margin: 0 -10px 0 -5px; } /*.hide--desktop{display:block!important;}*/ .box--white { padding: 1px; } .tabular--grids .grid { display: block; padding: 5px 0; } .tabular--grids { padding: 15px 0; text-align: center; } .tabular--grids .grid.first, .tabular--grids .grid.second, .tabular--grids .grid.last { text-align: left; width: 100%; padding: 5px 0; float: none; } .tabular--grids .grid.second { max-width: 70%; margin: auto; display: block; } .lists--inline-block dt, .lists--inline-block dd { text-align: left; } .lists--inline dl { width: 100%; display: inline-block; padding: 2px 0; font-size: 0.85em; } .tabular--grids .grid.last .txt--price { width: 100%; display: inline-block; } .tabular--grids .grid.last .txt--price>.span1 { width: 40%; float: left; padding: 0; } .tabular--grids .grid.last .txt--price>.span2 { width: 60%; float: left; padding: 0 10px 0 0; } .tabular--grids .grid.last .lists--inline-block dt, .tabular--grids .grid.last .lists--inline-block dd { text-align: left; } .tabular--grids .grid.second { max-width: 100%; padding: 0; } .tabular--grids { text-align: left; } .lists--inline dt { width: 40%; padding: 0 0 0; float: left; } .lists--inline dd { width: 60%; padding: 0 0 0 10px; float: left; } .tabular--grids:first-child { padding-top: 0; } .row--scroller { margin: 0 -10px; } .cols-list .location { margin-bottom: 20px; } .section--map { height: 280px; } .cols-wrap .col { width: 100%; padding: 0; border: none; } .cols-wrap { margin: 10px 0; } .group-qts h6 { padding: 0 0 6px 0; } .nav--vertical>ul>li:last-child { border-bottom: none; } .section--banner { height: 200px; } .nav--vertical-toggled { display: none; } .box--bordered-offset { margin: -40px 0 20px; } .-col-right { float: none; } .box--bordered-offset h6 { position: relative; } .box--bordered-offset h6 .toggle--links { display: block; position: absolute; right: 5px; top: 10px; } .grids__half li:first-child { padding-left: 0; } .grids__half li:last-child { padding-right: 0; } .box--bordered .nav--vertical ul li>a, .links__vertical li { padding: 10px 15px; } .grids__half li .btn { padding: 0 10px; } .post { padding: 15px; } .post__title { font-size: 1em; } .post__by { margin: 0; } .post__by li:first-child { display: block; width: 100%; } .post__by li { font-size: 0.9em; } .post__footer .social--share { margin: 15px 0 0; float: none!important; clear: left; } .post__by li:first-child:after { display: none; } .post__date { font-size: 0.85em; margin-bottom: 10px; } .post__img { margin-bottom: 10px; } .slider--single .slick-arrow { height: 50px; } .group--social { margin-bottom: 0; } .reviews-list [class*="col-"] { width: 100%; } .button-row.form--horizontal .field-set { width: 100%; display: block; } .button-row.form--horizontal .field-wraper { width: 100%; display: block; } .table .trLast td.mergedcell { width: 150px; } .table .trLast td { width: 40%; display: inline-block; padding: 10px 0 0; } .table tr.trLast { width: 100%; display: table; } .tabular--grids .btn--group { width: 100%; display: block; } .block--empty { padding: 10px; } .row--centerd { display: table; margin: auto; } .media--info .media__icon { display: block; float: left; height: 70px; margin: 0 10px 15px 0; width: 70px; } .media--info .media__title+.media__desc { display: block; width: 100%; min-height: 1%; } .media--info .media__icon img { max-width: 70%; position: static; } .media--info .media__title { margin: 0; text-align: left; font-size: 1.1em; } .media--info .media__desc { text-align: left; } .tabular--grids .btn--group .btn { margin: 2px; } .section--steps .media--info .media__title, .section--steps .media--info .media__desc { text-align: center; } .section--steps .media--info .media__icon { float: none; margin: auto; } .grids--selection li { display: inline-block; width: 100%; padding: 0 0 10px 0; } .item .location { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; } .location-search .form--search ul { margin: 0px; } .location-search .form--search ul li { float: left; padding: 0px 0px 0px 0; width: 35%; } .location-search .form--search ul li.last { margin: 10px 0 0px 0px; width: 30%; } .location-search .form--search>ul>li, .location-search .form--search>ul>li.last { margin-top: 10px; } .form-cover.box { border: none; } .selection-list--container .selection { margin: 0; width: 100%; } .selection-list--container .selection__content { min-height: 1%; } .table-twocols td { font-size: 0.85em; } .container--colums.container--narrow .box__head .link--underline.-float-right { float: right!important; } /* added on 1july 2017 */ .panel__left .nav { display: none; } .section--content-even .list-repeated .item__title { font-size: 0.85em; } .tabs--floated { position: relative; display: block; background: #f5f5f5; border-right: 1px solid #ddd; } .tabs--floated li:last-child { margin-right: 30px; } .tabs--floated li:last-child a { border-right: 0; } .tabs--floated li a { height: auto; line-height: normal; padding: 10px 15px; font-size: 0.85em; } .tabs--floated ul { overflow-x: scroll; overflow-y: hidden; padding-right: 30px; white-space: nowrap; display: flex; } .tabs--floated:before { position: absolute; right: 0; bottom: 0; top: 0; content: ""; width: 80px; pointer-events: none; background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.99) 72%, white 73%); background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.99) 72%, white 73%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.99) 72%, #ffffff 73%); } .tabs--floated li { float: none; display: inline-block; vertical-align: top; margin: 0 -4px 0 0; } .tabs--floated li a { background: none; } /* .item__tags + .item__footer{min-height:130px;} */ .card__title { font-size: 1em; } /* .box--bordered .box__head .sorting{float:none;} */ .slides--six { padding: 0 15px; } .menu_img { width: 60px; margin-bottom: 10px; } .menu_img+.item__title { margin-bottom: 10px; line-height: 1.4; } .menu_img+.item__title+.tag { margin-top: 2px; } .form.form--subscribe ul { width: 100%; display: inline-block; } .form.form--subscribe ul>li.first-child { width: 62%; float: left; margin-right: 10px; } .form.form--subscribe ul>li.first-child input[type=text] { height: 40px; } .form.form--subscribe ul>li.last-child { width: 35%; float: left; } .form.form--subscribe ul>li.last-child input { font-size: 1em; } .table.table--horizontal .caption--td { width: 150px; float: left; color: #666; } .table.table--horizontal .desc--td { width: calc(100% - 150px); display: inline-block; } .list-repeated .cell.cell--first { width: 100%; padding-bottom: 0; } .list-repeated .cell.cell--second, .list-repeated .cell.cell--last { width: auto; float: left; } .medialist>li .grid.first.check { height: auto; } .item__footer>ul { display: flex; flex-wrap: wrap; width: 100%; } .item__footer>ul>li { width: 50%; } .item__footer>ul>li.second { text-align: right; width: 50%; display: inline-block; padding-top: 0; } .item__footer>ul>li.last { width: 100%; position: relative; right: auto; top: auto; padding-top: 10px; } .item__footer>ul>li.last .btn { width: 100%; display: block; height: 40px; line-height: 40px; text-align: center; } .item__footer>ul>li.second .txt--small span, .row.row--scroller .item.item--small .item__footer>ul>li .txt--small span { display: inline-block; ; } .item__tags+.item__footer { padding: 0 10px 10px; } .row.row--scroller .item.item--small .item__body { min-height: 95px; } .row.row--scroller .item.item--small .item__footer { min-height: 110px; } .media-flex { display: flex; flex-wrap: wrap; width: 100%; } .media-flex.media--info .media__desc { width: calc(100% - 80px); } .media-flex.media--info .media__icon { margin: 0; width: 80px; } .media-flex.media--info .media__icon img { max-width: 60%!important; } .details-content .links--inline.links--inline-small { margin-bottom: 10px; } } @media(width:640px) { .item__tags+.item__footer { min-height: 99px; } .item .location { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; } } @media(max-width:600px) { .links--icon .link__group { width: 100%; padding: 5px 0; } .links--icon .link.last { width: 100%; margin: 5px 0 0; } .links--icon { margin-left: 0; } .links--icon .link__target { left: 0; right: 0; top: 100%; position: relative; z-index: 1; box-shadow: none; border: 1px solid #e6e6e6; } .row--listings [class*="col-"] { width: 100%; } .box__content { float: none; width: 100%; padding: 10px 0; } .form--horizontal .field-set { display: block; table-layout: auto; } .form--horizontal .caption-wraper, .form--horizontal .field-wraper { width: 100%; display: block; padding: 0; } .grids__half, .grids__half ul { width: 100%; } /*Jan 7 2016----*/ .media__list.-list--4 .media { width: 50% } .media__list.-list--4 .media:nth-child(3n + 1) { clear: none; } .media__list.-list--4 .media:nth-child(2n + 1) { clear: left; } /*subscription plans (added on 24 jan2017) ------------*/ .box--plan { margin: 0 0 20px 0; } .box--plan .box__head { padding: 15px; min-height: 1%; } .listing--features li { padding: 10px; font-size: 0.85em; } .listing--features li:last-child, .box--plan .box__footer { padding: 20px; } .table.table--large td:first-child, .table--large td { padding: 10px; } .location-search .form--search ul { margin: 0px; } .location-search .form--search ul li { float: none; padding: 0px; width: 100%; } .location-search .form--search ul li.last { margin: 0; width: 100%; } .location-search .form--search>ul>li, .location-search .form--search>ul>li.last { margin-top: 10px; } .reviews-list.review-list--reply p { margin: 0; } .reviews-list.review-list--reply { padding-left: 65px; } .sorting { float: none; min-width: 100%; } .rest_shortcuts .btn { width: 49%; text-align: center; } .form.rest-wallet-search { display: block; padding-top: 10px; } .rest_shortcuts { margin-top: 10px; display: block; } } @media(max-width:400px) { .boxes--white li { width: 100%; margin: 5px 0; } .nav--primary, .box--bordered.box--responsive, .drop-menu__responsive { width: 280px; } .card-cover { padding: 10px 2px; } .row--scroller [class*="col-"] { width: 290px; } .-float-right, .-float-left { float: none !important; } .row__repeated .-float-right { float: right !important; } .row__repeated .-float-left { float: left !important; } .section--footer-lower [class*="col-"] { width: 100%; } .links--square.links--square-onefifth li { width: 100%; } .list-repeated .cell, .list-repeated .cell.cell--first { width: 100%; float: none; display: inline-block; text-align: left; } .row--grids .box--tabled .box__left { width: 100%; } .steps li { padding: 0 5px; } .steps li .steps__value { font-size: 0.86em; } .item--xsmall .item__footer.item__footer--even li { width: 100%; margin: 0 0 5px 0; } .item--xsmall .item__footer.item__footer--even li.last { float: none; } .form .button-row input, .button-row input { display: block; margin: 5px 0; width: 100%; } .filters--blog { width: 280px; } .wrap.wrap--normal .form-cover.box .box__head { text-align: center; } .row--grids .box--tabled .item__title .status { margin: 6px 0; } .tabular--grids .grid.second { max-width: 100%; } .row--full [class*="col-"] { width: 100%; } #delivery-timing .date-time select, #pickup-timing .date-time select { float: none; width: 100%; } #delivery-timing .date-time #delivery_time_wrap, #pickup-timing .date-time #pickup_time_wrap { float: none; width: 100%; margin: 10px 0 0; } /*Jan 7 2016----*/ .media__list.-list--4 .media { width: 100% } .media__list.-list--4 .media:nth-child(n) { clear: left; } .selection p small { font-weight: 300; } .links--vertical-multlevel ul { margin: 0; } .form .button-row .btn--back { margin-right: 0px; } #frmRestaurant .button-row .btn--back { margin-right: 0px; } .table-twocols tr { display: inline-block; width: 100%; padding: 10px 0; border-bottom: 1px solid #ddd; } .table-twocols td { display: block; border: none!important; padding: 0!important; } .table-twocols tr:nth-child(even) td { background: #fff; } .reviews-list { padding-left: 0; } .reviews-list .avtar { position: relative; left: auto; top: auto; float: left; margin: 0 15px 0 0; border: 1px solid #ddd; } .reviews-list.review-list--reply { padding: 15px 10px; min-height: 1%; } .reviews-list.review-list--reply .avtar { left: auto; } .reviews-list h6 { font-size: 1em; } .form--search ul li.first input { border-bottom: 1px solid #d7d7d7; } } @media(max-width:600px) { .box--bordered .box__head .sorting { top: 0; margin-top: 5px; } } /** system message **/ #mbsmessage, .system_message{position:fixed; /*bottom:25px; left: 50%;*/ top: 20%; right:0; /*transform:translate(-50%,0);*/ transform:translate(-5%,0); -webkit-transform:translate(-5%,0); -ms-transform:translate(-5%,0); width: auto;margin: 0;box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.07);z-index: 1001;} #mbsmessage .content{min-width:200px;max-width:300px;} .div_error{text-align:left;padding:20px 40px 20px 60px;position:relative; color: #fff; line-height: normal; background: url(images/icon--attention.svg) no-repeat 15px 15px #f35f5f; background-size:30px;} .div_error li{font-weight: 300;font-size: 14px; color:inherit; position: relative; padding:0 0 5px 0;} .div_info{font-weight: normal;padding:20px 40px 20px 60px;position:relative; color: #fff; background: url(images/icon--info.svg) no-repeat 15px 15px #02b4d1; background-size:30px;} .div_info li{font-weight: 300; font-size: 1em; position: relative;padding:0 0 5px 0;color: inherit; } .div_info li a{font-weight: normal;text-decoration: none; color: #fff; cursor: default;} .div_msg{font-weight: normal;padding:20px 40px 20px 60px;position:relative;color: #fff; background: url(images/icon--success.svg) no-repeat 15px 15px #00b6ad; background-size:30px; min-width:300px;max-width:350px;} .div_msg li{font-weight: 300; font-size: 1em; position: relative;padding:0 0 5px 0;color: inherit; } .div_msg li a{font-weight: normal; font-size: 13px; text-decoration: none; color: #fff; cursor: default;} .div_info li:last-child, .div_error li:last-child, .div_msg li:last-child{padding-bottom:0;} /* validation error messages */ .error{border-color: #f25454!important;} .errorlist{margin: 0; list-style: none; padding:2px 10px 4px; position: relative; background: #fdf7f6;} .errorlist li a{color: #f44336;font-size:11px; text-transform:uppercase; text-decoration: none;} .errorlist li:last-child{padding-bottom:0;} .errorlist li{font-size:12px;position:relative;text-align: left;} /* alerts */ .alert {font-size: 1em; color:#fff; width: 100%; position: relative;padding:20px 40px 20px 60px;margin-bottom: 18px;border: 1px solid transparent;} .alert.alert--positioned-bottom {left: 20px; bottom:25px;} .alert.alert--positioned-top {right: 20px; top:25px; left: auto!important; bottom:auto!important;} .alert p{color: inherit;} .alert h5{font-size: 18px;font-weight: 500;  padding: 0;color: inherit;} .alert .close, .system_message .close{opacity: 0.3;} .alert .close:hover,.system_message .close:hover{opacity:1;} .close{ z-index: 1; width:20px; height: 20px; position:absolute; right: 10px; top: 10px; text-align: center; line-height: 18px; -ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg);} .close:before{width:3px; height: 15px; left: 50%; margin: 0 0 0 -2px; position: absolute; top:2px; content: ""; background: #fff;} .close:after{width:15px; height:3px; left:2px; top: 50%; margin:-2px 0 0 0; position: absolute; content: ""; background: #fff;} .alert h4, .alert p {margin: 0;color: inherit;} .alert > p,.alert > ul {margin-bottom: 0;} .alert > p + p {margin-top: 5px;} .alert--success {background: url(images/icon--success.svg) no-repeat 15px 16px #00b6ad; background-size:30px;} .alert--info {background: url(images/icon--info.svg) no-repeat 15px 16px #02b4d1; background-size:30px;} .alert--warning {background: url(images/icon--warning.svg) no-repeat 15px 16px #f3c532; background-size:30px;} .alert--danger {background: url(images/icon--attention.svg) no-repeat 15px 16px #f35f5f; background-size:30px;} .alert--process{background:#333;} .alert--process:before {content:"";  border-radius: 50%; width:32px; height: 32px;display: inline-block; position: absolute; left:15px;top:14px; border-top:3px solid rgba(255, 255, 255, 0.2); border-right:3px solid rgba(255, 255, 255, 0.2); border-bottom:3px solid rgba(255, 255, 255, 0.2); border-left:3px solid #ffffff; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation: load8 1.1s infinite linear; animation: load8 1.1s infinite linear; } @-webkit-keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .alert--small.alert--info{background: url(images/icon--info-colored.svg) no-repeat 0 2px; background-size:14px; color: #02b4d1; padding: 0 0 0 20px;display: block;font-size:85%;margin: 0 0 5px 0;} .alert--small.alert--danger{background: url(images/icon--attention-colored.svg) no-repeat 0 2px; background-size:14px; color: #f35f5f; padding: 0 0 0 20px;display: block;font-size:85%;margin: 0 0 5px 0;} .alert--small.alert--warning{background: url(images/icon--warning-colored.svg) no-repeat 0 2px; background-size:14px; color: #f3c532; padding: 0 0 0 20px;display: block;font-size:85%;margin: 0 0 5px 0;} .alert--small.alert--success{background: url(images/icon--success-colored.svg) no-repeat 0 2px; background-size:14px; color: #00b6ad; padding: 0 0 0 20px;display: block;font-size:85%;margin: 0 0 5px 0;} @media(max-width:767px){ #mbsmessage, .system_message{ left: 10px; right: 10px; width: auto; transform: none; -webkit-transform: none;} }