.toggle--nav { display: none !important; } .logo { margin-left: 10px; } :root { --app-primary-color: #666; --app-success-color: #198754; --app-info-color: #0dcaf0; --app-warning-color: #ffc107; --app-danger-color: #dc3545; --app-primary-text-color: #343a40; --app-secondary-text-color: #6c757d; --app-primary-link-color: #495057; --app-primary-link-hover-color: #343a40; } /* Global Reset & Standards ---------------------- */ *, *:before, *:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: none;} 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: 'Poppins', sans-serif; } html { scroll-behavior:smooth; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: subpixel-antialiased; image-rendering: -moz-crisp-edges;         /* Firefox */ image-rendering:   -o-crisp-edges;         /* Opera */ image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */ image-rendering: crisp-edges; -ms-interpolation-mode: nearest-neighbor;  /* IE (non-standard property) */ } 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;} /* Links ---------------------- */ a { color: #ff003c; 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:inherit;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:#888;  margin: 0 0 25px 0;line-height: 1.6;font-size: 1em;font-weight:normal;font-family: 'Open Sans', sans-serif;} /*.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="file"]{background-color: #fff;border:1px solid #dedede; border-radius: .5rem; 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:0; 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:#4ca146;  color: #fff; border:1px solid #4ca146; margin: 0 15px 0 0; border-radius: .5rem; } .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;} .-text-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: #333;  display:inline-block; vertical-align: top; font-size: 1.2em; padding:0 20px; border: 0 none; text-transform:capitalize; position: relative;  cursor: pointer; border:1px solid #333;  height:50px;  line-height:50px; color: #fff; border-radius:0; font-weight: 300; text-transform: uppercase; -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; border-radius: .5rem; } .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--xsmall{height:28px; line-height:28px;font-size: 0.83em; padding:0 10px;} .btn.btn--gray{ background:#fafafa; color: #333;border-color: #f2f2f2;} .btn.btn--primary{ background:#4ca146; color: #fff;border-color: #4ca146;} .btn.btn--secondary{ background:#ff003c; color: #fff;border-color: #ff003c;} .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;} .btn.btn--secondary:hover { background: #ff5d84; border-color: #ff5d84; } .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: #de5f61;} /* Works in Safari ---------------------- */ ::selection {background-color: #f1f1f1;color: #de5f61;} /* 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: #4ca146;} .-color-secondary{color: #ff003c;} /* 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);} .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 #4ca146; 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: #4ca146; border-radius: 50%; top:4px; left: 4px; -webkit-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } */ .success { color: var(--app-success-color) !important; } .info { color: var(--app-info-color) !important; } .warning { color: var(--app-warning-color) !important; } .danger { color: var(--app-danger-color) !important; } /* 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, .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; border-radius: 4px; } .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: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; } .checkbox input:checked + .input-helper:before { background: #4ca146; border-color: #4ca146; } .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: 10px; height: 6px; border-bottom: 2px solid #ffffff; border-left: 2px solid #ffffff; left: 3px; top: 6px; } .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: #4ca146; 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: 111;background: #fff;min-height:70px; left: 0; right: 0; top: 0;/*box-shadow: 0 0 3px 2px rgba(0,0,0,0.2);*/padding:10px 0;border-bottom: 1px solid #e6e6e6;} .header__actions{width:calc(100% - 220px); 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:60px;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:#fbfbfb;} /* 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: uppercase;} .nav--primary li{display: inline-block;vertical-align: top;margin: 0 0 0 50px;} .nav--primary li a{ color: inherit;font-weight:500;position: relative;} .nav--primary li a:before {white-space: nowrap;color: #ff003c;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:#ff003c;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:#ff003c;font-size: 0.9em;} .nav--secondary > ul > li img{width: 22px;display: none;} .nav--secondary > ul > li > a{ color:inherit;} .nav--secondary > ul > li > a:hover{color: #000; text-decoration: underline;} .nav--secondary > ul > li.nav__link--primary:before{width: 1px; height:30px; content:""; position: absolute; right: -20px; top: -4px;background: #ddd;} .nav--secondary > ul > li.nav__link--primary > a{padding: 0 2px; color:inherit;font-weight: 500;} .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:24px;height:24px; /* min-width:24px; */ font-size: 0.85em;text-align: center; padding:1px 4px 0;line-height:24px; position: absolute; right:-18px; top:-12px;background: #ff003c;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: #ffb503;border-color: #ffb503;} .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;left: 50%; top: 50%;transform: translate(0,-50%);-webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);max-width: 650px; margin: 0 0 0 -600px;} .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__form-cover h4{max-width: 90%;margin: 0 0 20px 0;} .slide__form-cover{border-radius: 0.5rem;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 10px 0;} .links--vertical li:last-child{padding-bottom: 0;} .links--vertical li a{opacity: 0.7; color: inherit;} .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:40px; overflow:hidden;height: 40px; background: #494949;border-radius: .5rem;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 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;border-radius: .5rem;} .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{text-align: center;} .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{font-weight: 500;font-size: 1.6em; margin: 0 0 15px 0;display: block;text-align: center;} /*.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: #ff003c;} .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: top; 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: #4ca146; color: #4ca146;} .tag.tag--green:before{background: #4ca146;} .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; border-radius: .5rem; overflow: hidden;} .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;} /* footer ---------------------- */ .section--subscribe{background-repeat: no-repeat; background-size: cover;background-position: center top;padding: 80px 0;} .form--subscribe li{display: inline-block;vertical-align: top;position:relative; margin: 0 -2px;} .form--subscribe li input[type="text"]{width:300px;margin-right: 5px;} .form--subscribe li input[type="submit"]{background: #ffb503;border-color: #ffb503;} .form--subscribe li input[type="submit"]:active{top: 0;} .section--footer{background: #343434; color: #fff;padding-bottom: 100px;} .section--footer h6{color: inherit;font-weight:300;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: rgba(255,255,255,0.3); 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{border-radius: .5rem; 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%;} .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: #1877F2;border-color: #1877F2;} .btn--social-google{background: #fff;border-color: #747775;} .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{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{border-radius: .5rem;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: #ff003c;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: #ff003c;} .links--square li a:hover:before, .links--square li.is--active a:before {border: 3px solid #ff003c;} 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-top: 1px solid #e6e6e6;} .nav--vertical > ul > li ul{background: #fafafa;margin: 0; padding: 10px;} .nav--vertical > ul > li ul li{padding:3px 0;} .nav--vertical > ul > li ul li a{color: #999; font-size: 0.9em;} .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 0; color: #444; display: block; font-size: 1.1em;} .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{background: #fafafa;} .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: #ff003c;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;border-radius: 0.5rem 0.5rem 0 0;} .box__head h6{padding: 0;} .box__body{width: 100%; background: #fff;position: relative;border-radius: 0 0 0.5rem 0.5rem;} .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 #4ca146;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: #4ca146;} .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: #4ca146!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;} #cartDeliveryFee.dfo-discount td span{ color: #1ea265 !important; font-weight: 500 !important; display: block; } #cartDeliveryFee.dfo-discount td s{ color: initial; font-weight: initial; } /* 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: #fff;} .map-view iframe{height: 300px; position: relative;width: 100%;} .map-view .map-content{position: absolute; left: 20px; top: 20px; padding: 20px; background: #fff; 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; display: inline-block;position: relative;} .reviews-list:first-child{margin: 20px 0 0;} .reviews-list:last-child{border-bottom: 1px solid #ddd;margin-bottom: 20px;} .reviews-list h6{padding: 0 0 5px 0;font-size: 1.1em;} .reviews-list p{font-size: 0.9em; margin: 0; word-break: break-word;} .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: #4ca146;border-width: 2px; color: #fff;font-size: 0;} .steps li.is--finished .steps__count:before{width:8px; height: 3px; background: #4ca146;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: #4ca146;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;} /*.container--narrow .col--left{padding:0 100px;}*/ .container--colums .wrap,.container--colums .box{border: 1px solid #e6e6e6; } .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;} } .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;} .selection .selection__label + p{margin: 0;} .selection .selection__label .radio, .selection .selection__label .checkbox{position: absolute; left: 0; top:0;} .selection h6{font-size: 1em;font-weight: 500;display: inline-block;} .form-wrap{border-radius: .5rem; 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{border-radius: 0.5rem;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: #ff003c;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: 25%; content: "";border-top:1px solid #ff003c;border-right: 1px solid #ff003c;transform: rotate(135deg);-webkit-transform: rotate(135deg);-ms-transform: rotate(135deg);} /* 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 { border-radius: 0.5rem; } .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;border-radius: 0.5rem;} .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: #4ca146;} .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: #4ca146;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;border-radius: .5rem;} .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: #ff003c!important;border-color: #ff003c!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: #ff003c;} .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{border-radius: 0.5rem;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 {border-radius: .5rem;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: #4ca146; 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{border-radius: .5rem;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: #ff003c;border-color: #ff003c; color: #fff;} .pagination li.selected a{background: #ff003c;color: #fff;border-color: #ff003c;} .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;border-radius: 0.5rem 0 0 0.5rem;} .selectiontabs li:last-child { border-radius: 0 0.5rem 0.5rem 0; } .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; padding: 30px;} .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: #4ca146;} .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;border-radius: 0.5rem;} .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; width:100%;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: flex;height: 100%;width: 100%;justify-content: center;align-items: center;} .popup__content{flex:1; max-height: 95%; overflow-y: auto; max-width:800px;background: #fff; padding:20px 30px; position: relative;text-align: left;border-radius: .5rem;} body.popup__show{overflow: hidden;} body.popup__show .popup--custom{display: block;overflow-y:scroll;} .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;overflow-y: unset;max-height: 100%;} .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;} .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 #4ca146;} .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;} .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:#4ca146; 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: #ff003c;border-color: #ff003c; 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: #6c9969; border-color:#6c9969; } .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;} .nav--vertical > ul > li > a:hover{color: #000;background: rgba(0,0,0,0.01);} .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;padding: 20px 10px;} .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 { width: 25px; text-align: center; float: left; height: 25px; padding: 0; margin: 0 3px; border-radius: .5rem; font-size: 1em; font-weight: 400; background: #eaeaea; color: #343a40; border: none; } .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: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;} .popup__content .checkbox-listing .countxt{float: right;} .popup__body-new .checkbox-listing .checkbox{display: block;} .popup__footer .col-last-left{width: 50%;float: left;} .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;} .popup__content .checkbox-listing li label { width: 100%; } .popup__content .checkbox-listing li.pizza-radios label { width: auto; } @media(max-width:767px){ .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:300px;overflow:auto;} /* added on 3 Sep 2019 */ .nav--search{color: #333;text-transform: uppercase;} .nav--search > ul > li{display: inline-block;vertical-align: top;} .nav--search > ul > li > a{ color: inherit;font-weight:500;position: relative;} .nav--search > ul > li > a:before {white-space: nowrap;color: #ff003c;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:#ff003c;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--search > ul > li.nav__link-search .search-icon{display: inline-block;vertical-align:middle;width:18px;position: absolute;left:-22px;top:2px; -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;} .header__location-trigger{display: block; position: relative;padding: 0 20px 0 22px;text-decoration: underline; color: #ff003c; 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,.header__search-from{position: fixed;left: 0;top:81px;right: 0;z-index: 3;;background:rgba(230,230,230,0.9);bottom: 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{width: 40px;height: 40px;position: absolute;top:12px;right:140px;} .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: 40px;} .form-page-search{max-width:70%;width:100%; margin: auto; display: block;position: relative;} .form-page-search ul{display:flex; flex-wrap: wrap; position: relative;width: 100%; box-shadow: 0 20px 30px 0 rgba(0,0,0,0.1);} .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;height: 60px;border-radius: 0 10px 10px 0;} .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{right:20px;} } @media(max-width:1023px){ .header__location{position:absolute;left: 0;right: 0;top:65px;background:#fff; text-align: left;border-top: 1px solid #ddd;} .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: 35px;height: 35px;display: block;} .nav--search li.nav__link-search .search-icon{position: absolute;left:0;top:0;width: 22px;bottom: 0; right: 0;margin: auto;} .header__location-from, .header__search-from{top: 0;padding-top: 100px;} .form-page-search li.first,.form-page-search li.second{width: 100%;} .form-page-search li{padding: 10px;} .form-page-search{max-width: 100%;} .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;} .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.last input[type="submit"]{background: #ff003c;border-radius: .5rem;} .form-page-search ul > li.first input:focus{border-color: #333;} .header__location-from, .header__search-from{background: #fff;} .trigger-close{top: -60px; right: 10px;} .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 .debit { color: #ff003c; } td.wallet_table .credit { color: #4ca146; } /*.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: #ff003c;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; border-radius: 0.5rem; overflow: hidden;} .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: #ff003c;} .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: #ff003c;border-color: #ff003c; 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: #ff003c;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: #ff003c;} @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;} } @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: #4ca146;} @media(max-width:767px){ #slider-range { width:95%;} } /* New Restaurant Page 16.05.2022 */ @media (min-width: 768px) { .site-page#menu-items { background: #ffffff !important; } } .site-page#menu-items { background: #fbfbfb; } button.toggleCartBtn { position: fixed; top: 19%; right: 25%; width: auto; height: auto; background: #fff; cursor: pointer; border: 1px solid #eaeaea; border-right: none; padding: 0; z-index: 100; padding: 3px 0 3px 3px; box-shadow: 0 5px 5px 0 rgb(0 0 0 / 3%); border-radius: 10px 0 0 10px; } button.toggleCartBtn.cart-hidden { right: 0; } button.toggleCartBtn .show_icon { display: none; } button.toggleCartBtn.cart-hidden .show_icon { display: block; } button.toggleCartBtn.cart-hidden .hide_icon { display: none; } .btn-cart-place-order { width: 95%; height: 50px; margin: 10px auto; border-radius: 10px; font-size: 16px; font-weight: bold; line-height: 50px; text-align: center; color: #ffffff; background-color: #ff003c; border: none; } .reviews-list .avatar img{ border-radius: 100%; border: 1px solid #ddd; } .menu-page-container { display: flex; flex-direction: row; width: 100%; } .menu-page-left-section { flex: 1; border-right: 1px solid #eaeaea; padding: 0 !important; } .menu-page-right-section { flex-basis: 25%; } .menu-page-right-section.hide-cart{ display: none !important; } .p-0 { padding: 0 !important; } .m-0 { margin: 0 !important; } .b-none { border: none !important; } section.restaurant_header{ background-color: #fff; } #header-background-section { height: calc((10rem + 2vw) + (80px + 1vw)/2); } #header-background { background-color: var(--app-primary-color); width: 100%; height: calc(10rem + 2vw); background-size: cover; background-position: center; } #header-logo-section{ display: flex; justify-content: center; } #header-logo { background-color: #ffffff; width: calc(80px + 1vw); height: calc(80px + 1vw); border-radius:100%; border: 1px solid #eaeaea; box-shadow: rgb(0 0 0 / 7%) 0px 4px 4px 0px; position: relative; bottom: calc((80px + 1vw)/2); overflow: hidden; } #header-logo img { width: 100%; height: 100%; padding: 5px; border-radius: 100%; } #header-title-section{ text-align: center; margin-bottom: -10px; } #header-title { font-size: 1.8em; margin-top: 0.8rem; font-weight: 600; margin-bottom: 0.5rem; padding-bottom: 0; } .header-content { /*display: flex; flex-direction: column; gap: 1.2em; align-items: center;*/ display: grid; flex-direction: column; gap: 1.2em; align-items: center; justify-content: center; justify-items: center; } #header-ratings-section { display: flex; flex-direction: row; align-items: center; color: var(--app-secondary-text-color); text-decoration: none; justify-content: center; } #header-ratings { font-size: small; text-decoration: underline; text-transform: lowercase; } .stars { position: relative; white-space: nowrap; width: fit-content; margin: 0 8px -0.2em 8px; } .stars svg { width: 1.2em; height: 1.2em; fill: #f5861f; } .star { color: #000; } .cover { background: #ffffff; height: 100%; overflow: hidden; mix-blend-mode: color; position: absolute; top: 0; right: 0; } #header-cousines { color: var(--app-secondary-text-color); } #header-contact-section { display: flex; flex-direction: column; gap: 5px; color: #666; } #header-contact-section a { display: flex; flex-direction: row; justify-content: center; align-items: center; color: var(--app-secondary-text-color); text-align: center; } #header-contact-section svg { width: 1.2em; height: 1.2em; position: relative; top: 4px; } .header-attr-items{ display: flex; flex-direction: row; gap: 2vw; justify-content: center; width: 100%; } .header-attr-item{ display: flex; flex-direction: column; align-items: center; } @media (max-width: 768px) { .header-attr-items{ gap: 4vw; } .header-attr-item { flex-grow: 1; } } .header-attr-item span{ flex:1; text-transform: uppercase; } .header-attr-item span:nth-child(1){ font-weight: 600; } .header-attr-item span:nth-child(2){ color: var(--app-secondary-text-color); text-transform: uppercase; } .timing-box{ border: 1px solid #f1f1f1; border-radius: 0.5rem; padding: 10px 0; background: #fff; display: flex; flex-direction: row; margin: 0 10px; } .timing-text { text-transform: uppercase; text-align: center; display: flex; flex-direction: column; color: var(--app-secondary-text-color); font-size: small; padding: 0 15px; border-left: 1px solid #f1f1f1; } .timing-text:nth-child(1) { margin-top: 0; border: none; } .timing-text span:nth-child(2) { font-weight: 400; color: initial; font-size: 12px; } .timing-box.timing-box-closed { background: #ca1d21; border-color: #ca1d21; box-shadow: 0 4px 10px 0 rgb(202 29 33 / 28%); padding: 10px; } .timing-text-closed { color: #fff; font-weight: bold; } #view-timings-button{ cursor: pointer; font-size: small; text-decoration: underline; color: #666; -webkit-appearance: none; box-shadow: none !important; } #search-results-section { margin-top: 20px; text-align: left; font-weight: 500; font-size: large; } #menu-type-section{ margin-top: 20px; } #menu-type-section-inner{ display: flex; flex-direction: row; justify-content: center; } .menu-type-button { cursor: pointer; outline: none; border: none; background-color: #f1f1f1; border: 1px solid #eaeaea; border-radius: 20px;padding: 0.2rem 1rem; margin:0; font-size: 1em; } .menu-type-button:nth-child(1) { border-top-right-radius: 0; border-bottom-right-radius: 0; border-right:none; } .menu-type-button:nth-child(2) { border-top-left-radius: 0; border-bottom-left-radius: 0; border-left:none; } .menu-type-button.active { cursor:unset; background: #fff; box-shadow: rgb(135 135 135 / 7%) 0px 4px 4px 0px; } .menu-type-button span { color: #adadad; } .menu-type-button.active span { color: var(--app-primary-text-color);font-weight: 600; } #deliveryPickUpSelection { margin-top: 20px; display: none; } #deliveryPickUpSelection-inner { display: flex; flex-direction: row; justify-content: center; } #deliveryPickUpSelection a { cursor: pointer; outline: none; border: none; background-color: #f1f1f1; border: 1px solid #eaeaea; border-radius: 5px; padding: 0.5rem 2rem; margin: 0; } #deliveryPickUpSelection a:nth-child(1) { border-top-right-radius: 0; border-bottom-right-radius: 0; border-right:none; } #deliveryPickUpSelection a:nth-child(2) { border-top-left-radius: 0; border-bottom-left-radius: 0; border-left:none; } #deliveryPickUpSelection a.selected { cursor:  default; background: #fff; box-shadow: rgb(135 135 135 / 7%) 0px 4px 4px 0px; } #deliveryPickUpSelection a span { user-select: none; color: #adadad; font-size: 1.1rem; display: block; text-align: center; } #deliveryPickUpSelection a.selected span { color: var(--app-primary-text-color); font-weight: 600; } #deliveryPickUpSelection a.disabled { background: #f1f1f1; } #deliveryPickUpSelection a.disabled span { font-weight: 600; color: #adadad; } #deliveryPickUpSelection a span.timing { font-weight: 400; font-size: .9rem; } #search-bar-section { background-color: #f2f2f2; margin-top: 20px; } #search-bar { display: flex; flex-direction: row; align-items: center; gap: 10px;} #search-icon { color: var(--app-secondary-text-color); width: 1.4em; height: 1.4em; } #search-input { flex: 1; background: none; border: none; padding: 15px 0; } #search-input:active, #search-input:focus { outline: none; } #search-cancel-button { display: none; color: var(--app-primary-color); cursor: pointer; } #product-groups-list-section{ width: 100%; } #product-groups-list-section{ border-bottom: 1px solid #eaeaea; } #product-groups-list-section-inner { /*display: flex; flex-direction: row; align-items: center;*/ display: grid; } #product-groups-list-section.sticky { position: fixed; top: 0; left: 0; z-index: 10; background-color: #fff; border-bottom: 1px solid #ddd; border-right: 1px solid #eaeaea; box-shadow: 0 5px 5px 0 rgba(0,0,0,0.05); } .product-groups-list-swipe { position: relative; } .product-groups-list-swipe-button { outline: none !important; border: none !important; background-color: #fff; cursor: pointer; position: absolute; top: 5px; } .product-groups-list-swipe-button.left { padding-left: 0; left: 0; } .product-groups-list-swipe-button.right { padding-right: 0; right: 0; } .product-groups-list-swipe-button svg { color: var(--app-primary-text-color); width: 1.6em; height: 1.6em; } .product-groups-list { flex:1; display: grid; grid-auto-flow: column; grid-template-columns: min-content; grid-auto-columns: min-content; flex-direction: row; gap: 15px; padding: 0; overflow-x: scroll; white-space: nowrap; scrollbar-width: 0; -ms-overflow-style: none; scrollbar-width: none; margin-bottom: 0; margin: 0 30px; align-items: center; } .product-groups-list::-webkit-scrollbar { display: none; } .product-groups-list li { list-style: none; flex-grow: 0; cursor: pointer; } .product-groups-list li.active span { font-weight: 600; color: var(--app-primary-text-color); } .product-groups-list li.active::after { content: ''; width: 100%; background-color: #ff003c; display: block; height: 3px; border-radius: 1rem; } .product-groups-list li span { color: var(--app-secondary-text-color); line-height: 2.5rem; } .menu-items, .menu-page-inner-container { padding: 20px !important; } .menu-group{ margin-top: 20px; } .menu-group-items{ display: grid; grid-template-columns: repeat(2, calc(50% - 10px)); gap: 20px; margin-top: 15px; width: 100%; -webkit-text-size-adjust: 120%; -ms-text-size-adjust: 120%; } .product-item{ border: 1px solid #eaeaea !important; padding: 20px !important; border-radius: 5px; align-items: center; gap:20px; text-align: inherit; background: #fff; cursor: pointer; width: 49%; margin-bottom: 20px; display: flex; transition: box-shadow .3s; box-shadow: 0px 0px 20px 6px rgb(0 0 0 / 0%); } .product-item:hover { box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important; } .product-item-add-to-cart-button:hover, .product-item:hover .product-item-add-to-cart-button { border-color: var(--app-success-color); background: var(--app-success-color); transition: .2s ease-in-out; } .product-item:nth-child(2n) { margin-left: 2%; } .product-item.out-of-stock{ cursor: initial; opacity: 0.6; } .out-of-stock-text { color: var(--app-danger-color); } .product-item-left-side { flex: 1; } .product-item-right-side { display: grid; align-items: center; gap: 3px; text-align: right; } .product-item-add-to-cart-button { border: 1px solid #1ea265; text-align: center; border-radius: 0.2rem; width: 25px; height: 25px; font-size: 19px; line-height: 25px; background: #1ea265; color: #ffffff; } .product-item-add-to-cart-button.mobile { display: none; } .product-item-add-to-cart-button.desktop { font-size: 13px; line-height: 23px; padding: 0 8px; width: max-content; } @media (max-width: 768px) { .product-item-add-to-cart-button.desktop { display: none; } .product-item-add-to-cart-button.mobile { display: block; } .product-item-right-side { gap: 11px; grid-auto-flow: column; } .product-item-price-section { display: inline-flex; flex-direction: row; gap: 0; align-items: center; margin-top: 5px; } .product-item-price-section .menu-price { margin-right: 10px; } } #order-section.menu-page .flex-col__sticky { padding: 10px; } .menu-page .wrap-total{ background: none; } .menu-page .block--empty a{ display: none; } #mobile-cart { display: none; } #mobile-cart .row-container--scroller { max-height: 100%; } #order-section { display: initial; } #bottom-bar { display: none; } @media (max-width: 992px) { button.toggleCartBtn { display: none !important; } #product-groups-list-section.sticky { border-right: none; } .menu-page-right-section { display: none !important; } #footer .section--footer { padding-bottom: 150px; } body.mobile_cart_show { overflow: hidden; } #mobile-cart { left: 0; top: 0; right: 0; bottom: 0; background: #fafafa; overflow: scroll; width: 100%; height: 100%; position: fixed; z-index: 1000; } body.mobile_cart_show #mobile-cart { display: initial; } #bottom-bar { position: fixed; width: 100%; bottom: 0px; background: #fff; left: 0px; right: 0px; display: flex; flex-direction: row; justify-content: center; align-items: center; z-index: 998; border-top: 1px solid #e6e6e6; box-shadow: 0 -5px 10px 0 rgb(0 0 0 / 4%); -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #bottom-bar a, #bottom-bar button { display: flex; flex-direction: row; justify-content: center; align-items: center; color: var(--app-primary-text-color); border: none; background: none; outline: none; font-weight: 500; flex: 1; padding: 10px 0; font-size: 14px; cursor: pointer; } #bottom-bar a{ border-left: 1px solid #e6e6e6; } #bottom-bar a svg, #bottom-bar button svg { margin-right: 0.3em; } #bottom-bar .js-cart-count { display: block; position: relative; height: 24px; } #bottom-bar .cart_total.count.js-cart-total { min-width: 16px; height: 16px; font-size: 0.85em; text-align: center; line-height: 16px; position: absolute; right: 1px; top: -7px; background: #ff003c; color: #fff; font-weight: 500; border-radius: 50%; } body.mobile_cart_show #bottom-bar { display: none; } #order-section.menu-page { display: none; } #header-background-section { height: calc((7rem + 2vw) + (80px + 1vw)/2); } #header-background { height: calc(7rem + 2vw); } .menu-items, .menu-page-inner-container{ padding: 5px !important; } #section--menu { padding-bottom: 20px; } .product-item:nth-child(2n) { margin-left: 0; } .menu-group-items { display: flex; gap: 10px; flex-direction: column; border-bottom: 1px solid #eaeaea; } .product-item { gap:10px; padding: 15px 10px !important; margin-bottom: 10px; width: 100%; } .product-item:nth-last-child(1) { border-bottom: 1px solid #eaeaea; } #reviews-list { display: flex; gap: 0; flex-direction: column; border-bottom: 1px solid #eaeaea; } #reviews-list li { padding: 10px 5px; border: none;border-top: 1px solid #eaeaea;border-radius: 0;} } @keyframes zoom-in-zoom-out { 0% { transform: scale(1, 1); } 50% { transform: scale(1.2, 1.2); } 100% { transform: scale(1, 1); } } #free-delivery-campaing-bar-section { display: none; box-shadow: rgb(135 135 135 / 7%) 0px -4px 4px 0px; margin: 0; padding: 1rem 0.5rem; position: fixed; bottom: 0; left: 0; z-index: 999; background: #fff; width: 100%; border-top: 1px solid #eaeaea; } @media (max-width: 992px) { #free-delivery-campaing-bar-section { bottom: 45px; } } #free-delivery-campaing-bar-section p { margin: 0.2rem; font-size: 1.1rem; text-align: center; color: #000; } #free-delivery-campaing-bar-section p b { text-transform: uppercase; } #free-delivery-campaing-bar-section .bar-group { display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 0.7rem; } #free-delivery-campaing-bar-section .bar-group span { font-weight: 600; } #free-delivery-campaing-bar-section .bar { overflow: hidden; position: relative; width: 60vw; max-width: 380px; border: 1px solid rgb(234, 234, 234); height: 1rem; background: repeating-linear-gradient(-45deg, #f6f6f6, #f6f6f6 8px, #f0f0f0 8px, #f0f0f0 16px); border-radius: 5px; box-shadow: rgba(255, 255, 255, 0.3) 0px -1px 1px inset; } #free-delivery-campaing-bar-section .bar .bar-inside { background: linear-gradient(90deg, rgb(75, 158, 104), rgb(31, 189, 86)); height: 100%; overflow: hidden; position: relative; top: 0px; left: 0px; border-radius: 5px; min-width: 5%; } /* 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 #ff003c;padding:15px;} .offers-box__title{text-transform: uppercase; color: #ff003c;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 #ff003c;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: #ff003c;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: #ff003c;  -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: #ff003c;-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:#ff003c;border-color:#ff003c;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: #4ca146; } .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: #4ca146;color: #4ca146;font-weight: 500;font-size: 0.9em;} .row-flex .row-flex__col-right .btn:hover{background: #4ca146; border-color: #4ca146; color: #fff;} .menu-row{width: 100%; display: flex; flex-wrap: wrap;} .menu-media{ width: calc(70px + 1vw); max-width: 100px; height: auto; } .menu-content{width:100%;} .menu-content h6{font-size: 1.2em;padding-bottom:3px;line-height: 1.5;} .menu-content h6 .tag{margin-top: 3px;} .menu-price{color: #ff003c;font-weight: 500;font-size: 1.1em;} .menu-content .menu-price { margin-top: 5px;display: block; } .menu-item-desc{margin: 0 0 5px 0;} .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-content h6{font-size: 1.2em;} .container-repeated{padding: 20px;} .flex-col__cart .row__repeated,.flex-col__cart .wrap-total{padding-left: 20px;} .menu-content p {margin-bottom: 0;} .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: 1.2em; 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: #ff003c; 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 { padding: 0 6px; cursor: pointer; float: left; height: 25px; line-height: 25px; background: #ffffff; color: #7a7a7a; border: 1px solid #dedede; font-size: 1.4em; border-radius: .5rem; } .cart_qty_decrease { padding: 0 6px; cursor: pointer; float: left; height: 25px; line-height: 25px; background: #e7fae6; color: #4ca146; font-size: 1.4em; border-radius: .5rem; } td span.debit_amount {color:#ff003c;} td span.credit_amount {color:#4ca146;} .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: #ff003c;} .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 #ff003c;} .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: #ff003c;} .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: #ff003c;} .tabs-inline ul li.is--active a:before{position: absolute; left: 0;right: 0; bottom: -1px; content: ""; height: 3px; background: #ff003c;} .tile{border-radius: .5rem;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 100% 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: #ff003c;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: #ff003c; color: #fff; border-color: #ff003c;} .flex-col__left .item__pic{padding: 0 0 63% 0;} .dash_box {margin-top:20px;} .load-more{margin-bottom:30px;} .btn--danger { background: #ff003c !important; border-color: #ff003c !important; color: #fff !important; } .btn--success { background: #4ca146 !important; border-color: #4ca146 !important; color: #fff !important; } @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);} } @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: #ff003c; 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;} /*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: #ff003c; 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; display: block; width: fit-content; margin: 0 auto; } .closed { color: #f35f5f; font-weight: 500; } .menu-group-description { font-size: .9em; font-weight: 300; } .d-none { display: none !important; } .header__partner-restaurant { display: flex; align-items: center; gap: 1rem; padding-left: 1rem; } .header__partner-restaurant:before { display: block; content: ""; width: 1px; background-color: var(--app-primary-text-color); height: 1.5em; } .header__partner-restaurant span { font-size: 1.2rem; font-weight: 500; color: var(--app-primary-text-color); } .address-item { display: flex; flex-direction: row; gap: 15px; } .address-item .radio-button { height: 24px; width: 24px; padding: 0; border: 0; background: none; cursor: pointer; } .address-item .address-item-label { display: flex; flex-direction: row; align-items: center; gap: 5.5px; } .address-item .address-item-icon { width: 24px; height: 24px; display: flex; justify-content: center; align-items: center; } .address-item .address-item-buttons { display: flex; flex-direction: row; gap: 10px; margin-top: 10px; } .address-item  .address-item-buttons a { height: 24px; width: 24px; } .address-label { font-size: 1.2rem; font-weight: 400; color: var(--app-primary-text-color); margin: 15px 0; } .addressMapWrapper { width:100%; height:200px; border-radius:10px; overflow:hidden; } .addressMapWrapper .mapElem { width:100%; height: 100%; pointer-events: none; } .addressMapWrapper .buttonWrapper { position: absolute; bottom: 15%; width: 100%; display: flex; justify-content: center; align-items: center; z-index: 999999; } .addressPinAdjustment .markerWrapper { position: absolute; width: 100%; left: 0; right: 0; top: 0; bottom: 0; z-index: 999; display: flex; justify-content: center; align-items: center; pointer-events: none; } .addressPinAdjustment .markerWrapper svg { height: 2.5rem; width: 2.5rem; margin-bottom: 2.5rem; } .addressPinAdjustment .mapSide { position: relative; } .addressPinAdjustment .mapSide .mapElem { width: 100%; height: 400px; } .addressPinAdjustment .addressPinAdjustmentFooter { padding: 1rem 0.5rem; } .addressPinAdjustment .addressPinAdjustmentFooter p { margin-bottom: 1rem; font-weight:500; }*{ 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: #ffbe10; } .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: 1001; 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:10px; 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_image{ height: 20px; width: 20px; } #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:1000; } @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; border-radius: .5rem; } .buttons button.isYes{background-color:#4ca146;} .message { color: #222222; font-size: 18px; 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: #4ca146/* 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;} /* .body{padding: 70px 0 0;} */ .header__actions{padding-top:8px;padding-right: 10px;} .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;} .section--steps{padding-bottom: 0;} .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{min-height:116px;} .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;} .section--steps{padding: 0;} /*.section--steps + .section{padding-top: 0;}*/ .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;} .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:15px 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;} .show--mobile{display: block!important;} .logo{height: 50px;width: 150px;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:6px;} .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%;} .slide{height: 250px;background-size: 220%;display: flex;align-items: center;flex-wrap: wrap;} .slide__content,.slide__form-cover{position: static; transform: translate(0,0);margin: 0;} .slide__content{padding: 15px;} .slide__content h1{font-size: 2em;} .slide__content p{display: none;} .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%;} .section__head{padding: 0 0 10px 0;} 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; color: #999; background:#494949 ; } footer h6.toggle--trigger:before { position: absolute; right: 15px; top: 14px; width: 10px; height: 10px; content: ""; border-left: 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.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: #4ca146;font-size: 100%;border-color: #4ca146;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 .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%; box-shadow: none; border: 1px solid #eaeaea; border-top-left-radius: 10px; border-top-right-radius: 10px;} .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:65%;float:left;} .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;} .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;} } #deliveryTimingsMobile.table tr { display: inline-flex; width: 100%; padding: 0rem; border-top: 1px solid #ddd; justify-content: space-between; font-size: 1.2em; } /** 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;border-radius: .5rem; overflow: hidden;} #mbsmessage .content{min-width:200px;max-width:250px;} .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;} .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{ top:0; left: 0; right: 0; width: auto; transform: none; -webkit-transform: none;border-radius: 0;} }