/* 
	Table of Contents

	     01. Icons ------------------------------------
	I.   Generic --------------------------------------
	     01. Reset ------------------------------------
	     02. Base -------------------------------------
	     03. Fonts ------------------------------------
	     04. Helpers ----------------------------------
	         Clear ------------------------------------
	         Notext -----------------------------------
	         Hidden -----------------------------------
	         Alignleft --------------------------------
	         Alignright -------------------------------
	         Disabled ---------------------------------
	         Grid -------------------------------------
	     05. Links ------------------------------------
	         Link-to-top ------------------------------
	         Link-cancel ------------------------------
	         Link-back --------------------------------
	         Link-send --------------------------------
	     06. Caret ------------------------------------
	     07. Promo-code -------------------------------
	     08. Image Placeholder ------------------------
	         Responsive Helpers -----------------------
	     09. Animations -------------------------------
	II.  Regions --------------------------------------
	     01. Container --------------------------------
	     02. Content ----------------------------------
	     03. Footer -----------------------------------
	     04. Header -----------------------------------
	     05. Header-home ------------------------------
	     06. Header-logout ----------------------------
	     07. Main -------------------------------------
	     08. Shell ------------------------------------
	     09. Sidebar ----------------------------------
	     10. Wrapper ----------------------------------
	III. Modules --------------------------------------
	     01. Bar-notice -------------------------------
	     02. Box --------------------------------------
	     03. Box-primary ------------------------------
	     04. Box-white --------------------------------
	     05. Box-transparent --------------------------
	     06. Button -----------------------------------
	         Button Block -----------------------------
	     07. Btn-download -----------------------------
	     08. Btn-orange -------------------------------
	     09. Btn Md -----------------------------------
	     10. Btn Blue ---------------------------------
	     11. Btn-expand-map ---------------------------
	     12. Btn-transparent --------------------------
	     13. Btn-yellow -------------------------------
	     14. Btn-green --------------------------------
	     15. Btn-show-more ----------------------------
	     16. Btn-socials ------------------------------
	         Btn-facebook -----------------------------
	         Btn-twitter ------------------------------
	         Btn-instagram ----------------------------
	     17. Callout ----------------------------------
	         Small Desktop ----------------------------
	     18. Cart -------------------------------------
	     19. Checkout ---------------------------------
	     20. Checkout-item ----------------------------
	     21. Checkout-item-secondary ------------------
	     22. Checkout-total ---------------------------
	     23. Form Elements ----------------------------
	         Spreedly styles
	     24. Select -----------------------------------
	     25. Field ------------------------------------
	     26. Field Alt --------------------------------
	     27. Field-cvv --------------------------------
	     28. Radio ------------------------------------
	     29. Textarea ---------------------------------
	     30. Checkbox ---------------------------------
	     31. Checkbox-secondary -----------------------
	     32. Form-radio-checkbox ----------------------
	     33. Form-radio-checkbox-secodnary ------------
	     34. Radio-payment ----------------------------
	     35. Radio-default ----------------------------
	     36. Form-btn ---------------------------------
	     37. Form-row-amount --------------------------
	     38. Form-alert-error -------------------------
	     39. Form-hint --------------------------------
	     40. Form-asterisk ----------------------------
	     41. Form-label -------------------------------
	     42. Form-order -------------------------------
	         Form error states ------------------------
	         Form section-success ---------------------
	     43. Form-add-code ----------------------------
	     44. Form-login -------------------------------
	     45. Form-payment -----------------------------
	     46. Form-payment-card ------------------------
	     47. Form-payment-add -------------------------
	     48. Form-review ------------------------------
	     49. Form-edit --------------------------------
	         Form password protection -----------------
	     50. Form Login Account -----------------------
	     51. Form Sign Up -----------------------------
	     52. Intro ------------------------------------
	     53. Intro-location ---------------------------
	     54. Intro-location-search --------------------
	     55. Intro-completed --------------------------
	     56. Intro landing ----------------------------
	     57. List -------------------------------------
	     58. List-filters -----------------------------
	         List-filters-alt -------------------------
	     59. List-details -----------------------------
	         List-details-alt -------------------------
	     60. List-overview-details --------------------
	         List-overvew-details-large ---------------
	     61. List-rates -------------------------------
	         List-rates-large -------------------------
	     62. List-rates-orders ------------------------
	     63. List-review-rates ------------------------
	     64. List-selected-items ----------------------
	     65. List-values ------------------------------
	     66. List-hours -------------------------------
	     67. List-form-items --------------------------
	     68. List-summary-items -----------------------
	     69. List-radios ------------------------------
	     70. List-steps -------------------------------
	     71. List-payment-details ---------------------
	     72. Lists works ------------------------------
	     73. List locations ---------------------------
	     74. List sign up -----------------------------
	     75. Loader -----------------------------------
	     76. Location ---------------------------------
	     77. Location-overview ------------------------
	     78. Location-small ---------------------------
	     79. Location-details -------------------------
	     80. Logo -------------------------------------
	     81. Map --------------------------------------
	     82. Method -----------------------------------
	         Method-add -------------------------------
	     83. Modal ------------------------------------
	     84. Modal-callout ----------------------------
	     85. Modal-eula -------------------------------
	     86. Navbar -----------------------------------
	     87. Nav-language -----------------------------
	     88. Nav-access -------------------------------
	     89. Nav-tabs ---------------------------------
	         Nav-tabs-alt -----------------------------
	     90. Nav-tabs-primary -------------------------
	     91. Nav-tabs-secondary -----------------------
	     92. Nav-secondary ----------------------------
	     93. Order ------------------------------------
	     94. Order-primary ----------------------------
	     95. Order-secondary --------------------------
	     96. Order summary ----------------------------
	     97. Paging -----------------------------------
	     98. Password Holder --------------------------
	     99. Payment ----------------------------------
	     100. Payment-alt -----------------------------
	     101. Popup -----------------------------------
	         Mobile -----------------------------------
	     102. Popup MObile Login ----------------------
	     103. Product ---------------------------------
	     104. Product-overview ------------------------
	     105. Search ----------------------------------
	     106. Search-secondary ------------------------
	     107. Section-head ----------------------------
	     108. Section-meta ----------------------------
	     109. Section-primary -------------------------
	     110. Section-download ------------------------
	     111. Section-results -------------------------
	     112. Section-orders --------------------------
	     113. Section-filters -------------------------
	     114. Section-overview ------------------------
	     115. Section-overview-alt --------------------
	     116. Section-overview-primary ----------------
	     117. Section-restaurants ---------------------
	         Section-group-primary --------------------
	         Section-group-secondary ------------------
	         Section-group-tertiary -------------------
	     118. Section-order ---------------------------
	     119. Section-cart ----------------------------
	         Section cart new -------------------------
	         Small Desktop ----------------------------
	     120. Section-complete ------------------------
	     121. Section-suggested -----------------------
	     122. Section-account -------------------------
	         Section-group-details --------------------
	         Section-group-details --------------------
	     123. Slider ----------------------------------
	         Small Desktop ----------------------------
	     124. Slider-orders ---------------------------
	     125. Slider-fluid ----------------------------
	     126. slider default --------------------------
	     127. Socials ---------------------------------
	     128. Spinner ---------------------------------
	     129. Strenght Status -------------------------
	         Mobile -----------------------------------
	     130. Summary ---------------------------------
	         Summary-entry ----------------------------
	     131. Tab -------------------------------------
	     132. Tabs-orders -----------------------------
	     133. Tabs-nav --------------------------------
	         Tabs-nav-alt -----------------------------
	     134. Tabs-payments ---------------------------
	     135. Tab-pane --------------------------------
	     136. Tabs Login Register ---------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	         Mobile -----------------------------------
	     137. Table -----------------------------------
	     138. Tooltip ---------------------------------
	     139. Tooltip-location ------------------------
	     140. Widget ----------------------------------
	     141. Widget-nav ------------------------------
 */

/* ------------------------------------------------------------ *\
	Icons
\* ------------------------------------------------------------ */

[class^="ico-"] {
    font-size: 0;
    line-height: 0;
    text-indent: -4004px;
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
}

.ico-dot-green {
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: #93bd20;
}

.ico-star-empty {
    display: inline-block;
    vertical-align: middle;
    background: url(images/ico-star-empty-grey@2x.png) no-repeat 0 0;
    width: 20px;
    height: 18px;
    background-size: cover;
}

.ico-clock {
    display: inline-block;
    vertical-align: middle;
    background: url(images/ico-clock-grey@2x.png) no-repeat 0 0;
    width: 18px;
    height: 18px;
    background-size: cover;
}

.ico-info-green {
    display: inline-block;
    vertical-align: middle;
    background: url(images/ico-info-green@2x.png) no-repeat 0 0;
    width: 17px;
    height: 17px;
    background-size: cover;
}

.ico-card {
    display: inline-block;
    vertical-align: middle;
    background: url(images/ico-card@2x.png) no-repeat 0 0;
    width: 22px;
    height: 15px;
    background-size: cover;
}

.ico-wrench {
    display: inline-block;
    vertical-align: middle;
    background: url(images/ico-wrench@2x.png) no-repeat 0 0;
    width: 22px;
    height: 22px;
    background-size: cover;
}

.ico-lifebelt {
    display: inline-block;
    vertical-align: middle;
    background: url(images/ico-lifebelt@2x.png) no-repeat 0 0;
    width: 26px;
    height: 26px;
    background-size: cover;
}

.ico-share {
    display: inline-block;
    vertical-align: middle;
    background: url(images/ico-share@2x.png) no-repeat 0 0;
    width: 22px;
    height: 22px;
    background-size: cover;
}

.at-your-gate {
    background-image: url(images/sprite.png);
    background-position: 0% 13.622291021671826%;
    background-size: 257.2413793103448% 1109.375%;
    width: 145px;
    height: 32px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.footer-logo-secondary {
    background-image: url(images/sprite.png);
    background-position: 0% 25.723472668810288%;
    background-size: 355.23809523809524% 806.8181818181819%;
    width: 105px;
    height: 44px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-applepay {
    background-image: url(images/sprite.png);
    background-position: 34.13173652694611% 75.82089552238806%;
    background-size: 956.4102564102564% 1775%;
    width: 39px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-arrow-right-green-border {
    background-image: url(images/sprite.png);
    background-position: 0% 100%;
    background-size: 3390.9090909090905% 2218.75%;
    width: 11px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-arrow-right-red {
    background-image: url(images/sprite.png);
    background-position: 64.64088397790056% 9.221902017291066%;
    background-size: 3390.9090909090905% 4437.5%;
    width: 11px;
    height: 8px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-arrow-right-white {
    background-image: url(images/sprite.png);
    background-position: 68.78453038674033% 9.221902017291066%;
    background-size: 3390.9090909090905% 4437.5%;
    width: 11px;
    height: 8px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-attention-grey {
    background-image: url(images/sprite.png);
    background-position: 99.44289693593315% 71.05263157894737%;
    background-size: 2664.285714285714% 2730.7692307692305%;
    width: 14px;
    height: 13px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-attention {
    background-image: url(images/sprite.png);
    background-position: 99.44289693593315% 76.0233918128655%;
    background-size: 2664.285714285714% 2730.7692307692305%;
    width: 14px;
    height: 13px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-badge {
    background-image: url(images/sprite.png);
    background-position: 69.5266272189349% 74.48680351906158%;
    background-size: 1065.7142857142856% 2535.714285714286%;
    width: 35px;
    height: 14px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-british {
    background-image: url(images/sprite.png);
    background-position: 80.3921568627451% 83.48082595870207%;
    background-size: 2331.25% 2218.75%;
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-burger {
    background-image: url(images/sprite.png);
    background-position: 50.42016806722689% 93.80530973451327%;
    background-size: 2331.25% 2218.75%;
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-cancel-logo-footer {
    background-image: url(images/sprite.png);
    background-position: 75.86206896551724% 0%;
    background-size: 219.41176470588238% 1267.857142857143%;
    width: 170px;
    height: 28px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-cancel-logo-header {
    background-image: url(images/sprite.png);
    background-position: 0% 0%;
    background-size: 248.66666666666669% 887.5%;
    width: 150px;
    height: 40px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

/*.ico-cart-green { background-image: url(images/sprite.png); background-position: 18.20809248554913% 84.22619047619048%; background-size: 1381.4814814814815% 1868.4210526315792%; width: 27px; height: 19px; display: inline-block; vertical-align: middle; font-size: 0; }*/
.ico-cart-green {
    width: 30px;
    height: 30px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-cart {
    background-image: url(images/sprite.png);
    background-position: 27.167630057803464% 84.22619047619048%;
    background-size: 1381.4814814814815% 1868.4210526315792%;
    width: 27px;
    height: 19px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-check-green {
    background-image: url(images/sprite.png);
    background-position: 99.44289693593315% 80.99415204678363%;
    background-size: 2664.285714285714% 2730.7692307692305%;
    width: 14px;
    height: 13px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-check-grey {
    background-image: url(images/sprite.png);
    background-position: 99.44289693593315% 90.93567251461988%;
    background-size: 2664.285714285714% 2730.7692307692305%;
    width: 14px;
    height: 13px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-check-round-green {
    background-image: url(images/sprite.png);
    background-position: 99.44289693593315% 85.96491228070175%;
    background-size: 2664.285714285714% 2730.7692307692305%;
    width: 14px;
    height: 13px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-check-round-grey {
    background-image: url(images/sprite.png);
    background-position: 99.44289693593315% 66.08187134502924%;
    background-size: 2664.285714285714% 2730.7692307692305%;
    width: 14px;
    height: 13px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-circle-question {
    background-image: url(images/sprite.png);
    background-position: 60.06006006006006% 25.396825396825395%;
    background-size: 932.4999999999999% 887.5%;
    width: 40px;
    height: 40px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-close {
    background-image: url(images/sprite.png);
    background-position: 94.18282548476455% 92.71137026239067%;
    background-size: 3108.333333333333% 2958.333333333333%;
    width: 12px;
    height: 12px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-complete-green {
    background-image: url(images/sprite.png);
    background-position: 91.36490250696379% 73.35329341317365%;
    background-size: 2664.285714285714% 1690.4761904761906%;
    width: 14px;
    height: 21px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

/*.ico-counter { background-image: url(images/sprite.png); background-position: 56.022408963585434% 93.80530973451327%; background-size: 2331.25% 2218.75%; width: 16px; height: 16px; display: inline-block; vertical-align: middle; font-size: 0; }*/
.ico-counter {
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: text-top;
    font-size: 0;
}

.ico-dutyfree {
    background-image: url(images/sprite.png);
    background-position: 28.011204481792717% 93.80530973451327%;
    background-size: 2331.25% 2218.75%;
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-flag-usa {
    background-image: url(images/sprite.png);
    background-position: 8.985507246376812% 84.73053892215569%;
    background-size: 1332.142857142857% 1690.4761904761906%;
    width: 28px;
    height: 21px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-flag {
    width: 28px;
    height: 21px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-gift {
    background-image: url(images/sprite.png);
    background-position: 85.5907780979827% 13.37386018237082%;
    background-size: 1434.6153846153848% 1365.3846153846152%;
    width: 26px;
    height: 26px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-global {
    background-image: url(images/sprite.png);
    background-position: 61.62464985994398% 93.80530973451327%;
    background-size: 2331.25% 2218.75%;
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-googleplay {
    background-image: url(images/sprite.png);
    background-position: 11.504424778761061% 66.8769716088328%;
    background-size: 1097.0588235294117% 934.2105263157896%;
    width: 34px;
    height: 38px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-green-asian-meal-small {
    background-image: url(images/sprite.png);
    background-position: 72.82913165266106% 93.80530973451327%;
    background-size: 2331.25% 2218.75%;
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-green-asian-meal {
    background-image: url(images/sprite.png);
    background-position: 85.37313432835822% 25.236593059936908%;
    background-size: 981.578947368421% 934.2105263157896%;
    width: 38px;
    height: 38px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-green-bakery-small {
    background-image: url(images/sprite.png);
    background-position: 78.43137254901961% 93.80530973451327%;
    background-size: 2331.25% 2218.75%;
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-green-bakery {
    background-image: url(images/sprite.png);
    background-position: 48.80952380952381% 53.459119496855344%;
    background-size: 1008.1081081081081% 959.4594594594595%;
    width: 37px;
    height: 37px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-green-bbq-small {
    background-image: url(images/sprite.png);
    background-position: 52.38095238095239% 83.48082595870207%;
    background-size: 2331.25% 2218.75%;
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-green-bbq {
    background-image: url(images/sprite.png);
    background-position: 24.404761904761905% 53.459119496855344%;
    background-size: 1008.1081081081081% 959.4594594594595%;
    width: 37px;
    height: 37px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-green-book-small {
    background-image: url(images/sprite.png);
    background-position: 100% 5.588235294117648%;
    background-size: 2331.25% 2366.666666666667%;
    width: 16px;
    height: 15px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-green-book {
    background-image: url(images/sprite.png);
    background-position: 74.48680351906158% 65.23076923076923%;
    background-size: 1165.625% 1183.3333333333335%;
    width: 32px;
    height: 30px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-green-burger-small {
    background-image: url(images/sprite.png);
    background-position: 11.204481792717088% 93.80530973451327%;
    background-size: 2331.25% 2218.75%;
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-green-burger {
    background-image: url(images/sprite.png);
    background-position: 61.30952380952381% 40.25157232704403%;
    background-size: 1008.1081081081081% 959.4594594594595%;
    width: 37px;
    height: 37px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-green-cajun-small {
    background-image: url(images/sprite.png);
    background-position: 63.58543417366946% 83.48082595870207%;
    background-size: 2331.25% 2218.75%;
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-green-cajun {
    background-image: url(images/sprite.png);
    background-position: 12.202380952380953% 40.37854889589905%;
    background-size: 1008.1081081081081% 934.2105263157896%;
    width: 37px;
    height: 38px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-green-camera-small {
    background-image: url(images/sprite.png);
    background-position: 100% 44.15204678362573%;
    background-size: 2331.25% 2730.7692307692305%;
    width: 16px;
    height: 13px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-green-camera {
    background-image: url(images/sprite.png);
    background-position: 22.87390029325513% 76.96969696969697%;
    background-size: 1165.625% 1420%;
    width: 32px;
    height: 25px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-green-candy-small {
    background-image: url(images/sprite.png);
    background-position: 84.03361344537815% 93.80530973451327%;
    background-size: 2331.25% 2218.75%;
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-green-candy {
    background-image: url(images/sprite.png);
    background-position: 73.51190476190477% 40.25157232704403%;
    background-size: 1008.1081081081081% 959.4594594594595%;
    width: 37px;
    height: 37px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-green-caribbean-meal-small {
    background-image: url(images/sprite.png);
    background-position: 91.87675070028011% 66.07142857142857%;
    background-size: 2331.25% 1868.4210526315792%;
    width: 16px;
    height: 19px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-green-caribbean-meal {
    background-image: url(images/sprite.png);
    background-position: 22.58064516129032% 66.8769716088328%;
    background-size: 1165.625% 934.2105263157896%;
    width: 32px;
    height: 38px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-green-cuban-flag-small {
    background-image: url(images/sprite.png);
    background-position: 67.22689075630252% 93.80530973451327%;
    background-size: 2331.25% 2218.75%;
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-green-cuban-flag {
    background-image: url(images/sprite.png);
    background-position: 84.41176470588235% 52.63157894736842%;
    background-size: 1130.3030303030303% 1109.375%;
    width: 33px;
    height: 32px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-green-currency-small {
    background-image: url(images/sprite.png);
    background-position: 100% 27.941176470588236%;
    background-size: 2331.25% 2366.666666666667%;
    width: 16px;
    height: 15px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-green-currency {
    background-image: url(images/sprite.png);
    background-position: 73.21428571428571% 53.125%;
    background-size: 1008.1081081081081% 1014.2857142857142%;
    width: 37px;
    height: 35px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-green-deli-small {
    background-image: url(images/sprite.png);
    background-position: 76.75070028011206% 73.83720930232558%;
    background-size: 2331.25% 3227.2727272727275%;
    width: 16px;
    height: 11px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-green-deli {
    background-image: url(images/sprite.png);
    background-position: 0% 76.96969696969697%;
    background-size: 1008.1081081081081% 1420%;
    width: 37px;
    height: 25px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-green-desert-small {
    background-image: url(images/sprite.png);
    background-position: 39.21568627450981% 93.80530973451327%;
    background-size: 2331.25% 2218.75%;
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-green-desert {
    background-image: url(images/sprite.png);
    background-position: 12.202380952380953% 53.62776025236593%;
    background-size: 1008.1081081081081% 934.2105263157896%;
    width: 37px;
    height: 38px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-green-dots-empty {
    background-image: url(images/sprite.png);
    background-position: 57.566765578635014% 9.221902017291066%;
    background-size: 1036.111111111111% 4437.5%;
    width: 36px;
    height: 8px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-green-dots {
    background-image: url(images/sprite.png);
    background-position: 45.6973293768546% 9.221902017291066%;
    background-size: 1036.111111111111% 4437.5%;
    width: 36px;
    height: 8px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-green-drink-bar-small {
    background-image: url(images/sprite.png);
    background-position: 91.87675070028011% 59.1044776119403%;
    background-size: 2331.25% 1775%;
    width: 14px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-green-drink-bar {
    background-image: url(images/sprite.png);
    background-position: 32.848837209302324% 66.66666666666666%;
    background-size: 1286.2068965517242% 959.4594594594595%;
    width: 29px;
    height: 37px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-green-drink-small {
    background-image: url(images/sprite.png);
    background-position: 16.80672268907563% 93.80530973451327%;
    background-size: 2331.25% 2218.75%;
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-green-drink {
    background-image: url(images/sprite.png);
    background-position: 72.83582089552239% 25.236593059936908%;
    background-size: 981.578947368421% 934.2105263157896%;
    width: 38px;
    height: 38px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-green-dutyfree-small {
    background-image: url(images/sprite.png);
    background-position: 100% 22.35294117647059%;
    background-size: 2331.25% 2366.666666666667%;
    width: 16px;
    height: 15px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-green-dutyfree {
    background-image: url(images/sprite.png);
    background-position: 65.98240469208211% 13.538461538461538%;
    background-size: 1165.625% 1183.3333333333335%;
    width: 32px;
    height: 30px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-green-eye-small {
    background-image: url(images/sprite.png);
    background-position: 82.35294117647058% 73.62318840579711%;
    background-size: 2331.25% 3550%;
    width: 16px;
    height: 10px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-green-eye {
    background-image: url(images/sprite.png);
    background-position: 46.04105571847507% 75.59523809523809%;
    background-size: 1165.625% 1868.4210526315792%;
    width: 32px;
    height: 19px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-green-french-meal-small {
    background-image: url(images/sprite.png);
    background-position: 46.778711484593835% 83.48082595870207%;
    background-size: 2331.25% 2218.75%;
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-green-french-meal {
    background-image: url(images/sprite.png);
    background-position: 61.011904761904766% 53.29153605015674%;
    background-size: 1008.1081081081081% 986.1111111111111%;
    width: 37px;
    height: 36px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-green-gift-small {
    background-image: url(images/sprite.png);
    background-position: 41.17647058823529% 83.48082595870207%;
    background-size: 2331.25% 2218.75%;
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-green-gift {
    background-image: url(images/sprite.png);
    background-position: 63.929618768328446% 65.63467492260062%;
    background-size: 1165.625% 1109.375%;
    width: 32px;
    height: 32px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-green-globe-small {
    background-image: url(images/sprite.png);
    background-position: 91.87675070028011% 51.796407185628745%;
    background-size: 2331.25% 1690.4761904761906%;
    width: 16px;
    height: 21px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-green-globe {
    background-image: url(images/sprite.png);
    background-position: 94.25287356321839% 0%;
    background-size: 1492% 1075.7575757575758%;
    width: 25px;
    height: 33px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-green-greece-flag-small {
    background-image: url(images/sprite.png);
    background-position: 57.98319327731093% 83.48082595870207%;
    background-size: 2331.25% 2218.75%;
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-green-greece-flag {
    background-image: url(images/sprite.png);
    background-position: 42.81524926686217% 65.63467492260062%;
    background-size: 1165.625% 1109.375%;
    width: 32px;
    height: 32px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-green-italian-meal-small {
    background-image: url(images/sprite.png);
    background-position: 69.187675070028% 83.48082595870207%;
    background-size: 2331.25% 2218.75%;
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-green-italian-meal {
    background-image: url(images/sprite.png);
    background-position: 0% 53.62776025236593%;
    background-size: 1008.1081081081081% 934.2105263157896%;
    width: 37px;
    height: 38px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-green-kosher-small {
    background-image: url(images/sprite.png);
    background-position: 74.78991596638656% 83.48082595870207%;
    background-size: 2331.25% 2218.75%;
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-green-kosher {
    background-image: url(images/sprite.png);
    background-position: 36.904761904761905% 40.25157232704403%;
    background-size: 1008.1081081081081% 959.4594594594595%;
    width: 37px;
    height: 37px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-green-lounge-small {
    background-image: url(images/sprite.png);
    background-position: 100% 11.176470588235295%;
    background-size: 2331.25% 2366.666666666667%;
    width: 16px;
    height: 15px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-green-lounge {
    background-image: url(images/sprite.png);
    background-position: 85.45994065281899% 39.75155279503105%;
    background-size: 1036.111111111111% 1075.7575757575758%;
    width: 36px;
    height: 33px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-green-mediterranean-meal-small {
    background-image: url(images/sprite.png);
    background-position: 5.602240896358544% 93.80530973451327%;
    background-size: 2331.25% 2218.75%;
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-green-mediterranean-meal {
    background-image: url(images/sprite.png);
    background-position: 24.47761194029851% 40.25157232704403%;
    background-size: 981.578947368421% 959.4594594594595%;
    width: 38px;
    height: 37px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-green-mexican-meal-small {
    background-image: url(images/sprite.png);
    background-position: 0% 94.0828402366864%;
    background-size: 2331.25% 2088.2352941176473%;
    width: 16px;
    height: 17px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-green-mexican-meal {
    background-image: url(images/sprite.png);
    background-position: 0% 66.8769716088328%;
    background-size: 1065.7142857142856% 934.2105263157896%;
    width: 35px;
    height: 38px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-green-middle-meal-small {
    background-image: url(images/sprite.png);
    background-position: 22.408963585434176% 93.80530973451327%;
    background-size: 2331.25% 2218.75%;
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-green-middle-meal {
    background-image: url(images/sprite.png);
    background-position: 0% 40.37854889589905%;
    background-size: 1008.1081081081081% 934.2105263157896%;
    width: 37px;
    height: 38px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-green-pizza-small {
    background-image: url(images/sprite.png);
    background-position: 33.61344537815126% 93.80530973451327%;
    background-size: 2331.25% 2218.75%;
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-green-pizza {
    background-image: url(images/sprite.png);
    background-position: 49.107142857142854% 40.25157232704403%;
    background-size: 1008.1081081081081% 959.4594594594595%;
    width: 37px;
    height: 37px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-green-seafood-small {
    background-image: url(images/sprite.png);
    background-position: 44.81792717086835% 93.80530973451327%;
    background-size: 2331.25% 2218.75%;
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-green-seafood {
    background-image: url(images/sprite.png);
    background-position: 36.607142857142854% 53.459119496855344%;
    background-size: 1008.1081081081081% 959.4594594594595%;
    width: 37px;
    height: 37px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-green-shirt-small {
    background-image: url(images/sprite.png);
    background-position: 100% 33.43108504398827%;
    background-size: 2331.25% 2535.714285714286%;
    width: 16px;
    height: 14px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-green-shirt {
    background-image: url(images/sprite.png);
    background-position: 85.04398826979472% 64.63414634146342%;
    background-size: 1165.625% 1314.8148148148148%;
    width: 32px;
    height: 27px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-green-shoe-small {
    background-image: url(images/sprite.png);
    background-position: 100% 93.98280802292264%;
    background-size: 2331.25% 5916.666666666666%;
    width: 16px;
    height: 6px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-green-shoe {
    background-image: url(images/sprite.png);
    background-position: 57.611940298507456% 74.70588235294117%;
    background-size: 981.578947368421% 2366.666666666667%;
    width: 38px;
    height: 15px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-green-spa-small {
    background-image: url(images/sprite.png);
    background-position: 91.87675070028011% 80.1186943620178%;
    background-size: 2331.25% 1972.2222222222222%;
    width: 16px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-green-spa {
    background-image: url(images/sprite.png);
    background-position: 0% 87.34567901234568%;
    background-size: 1381.4814814814815% 1145.1612903225805%;
    width: 27px;
    height: 31px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-green-suitcase-small {
    background-image: url(images/sprite.png);
    background-position: 100% 0%;
    background-size: 2331.25% 2366.666666666667%;
    width: 16px;
    height: 15px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-green-suitcase {
    background-image: url(images/sprite.png);
    background-position: 76.53958944281524% 13.538461538461538%;
    background-size: 1165.625% 1183.3333333333335%;
    width: 32px;
    height: 30px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-green-sunglasses-small {
    background-image: url(images/sprite.png);
    background-position: 85.99439775910365% 83.48082595870207%;
    background-size: 2331.25% 2218.75%;
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-green-sunglasses {
    background-image: url(images/sprite.png);
    background-position: 53.3724340175953% 65.63467492260062%;
    background-size: 1165.625% 1109.375%;
    width: 32px;
    height: 32px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-heart {
    background-image: url(images/sprite.png);
    background-position: 93.98280802292264% 19.637462235649547%;
    background-size: 1554.1666666666665% 1479.1666666666665%;
    width: 24px;
    height: 24px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-lightbulb {
    background-image: url(images/sprite.png);
    background-position: 46.846846846846844% 25.396825396825395%;
    background-size: 932.4999999999999% 887.5%;
    width: 40px;
    height: 40px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-map {
    background-image: url(images/sprite.png);
    background-position: 89.6358543417367% 93.52941176470588%;
    background-size: 2331.25% 2366.666666666667%;
    width: 16px;
    height: 15px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-map-hover, a:hover .ico-map, button:hover .ico-map, a.hover .ico-map, button.hover .ico-map, .ico-map.hover {
    background-image: url(images/sprite.png);
    background-position: 100% 16.76470588235294%;
    background-size: 2331.25% 2366.666666666667%;
    width: 16px;
    height: 15px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

/*.ico-mobile-phone { background-image: url(images/sprite.png); background-position: 98.61878453038673% 49.85163204747774%; background-size: 3390.9090909090905% 1972.2222222222222%; width: 11px; height: 18px; display: inline-block; vertical-align: middle; font-size: 0; }*/
.ico-mobile-phone {
    width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-pen-green {
    background-image: url(images/sprite.png);
    background-position: 99.44289693593315% 38.82352941176471%;
    background-size: 2664.285714285714% 2366.666666666667%;
    width: 14px;
    height: 15px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-plus-large {
    background-image: url(images/sprite.png);
    background-position: 33.03030303030303% 25.64102564102564%;
    background-size: 867.4418604651162% 825.5813953488373%;
    width: 43px;
    height: 43px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-remove-red {
    background-image: url(images/sprite.png);
    background-position: 99.44289693593315% 55.718475073313776%;
    background-size: 2664.285714285714% 2535.714285714286%;
    width: 14px;
    height: 14px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-running-man {
    background-image: url(images/sprite.png);
    background-position: 99.44289693593315% 60.997067448680355%;
    background-size: 2664.285714285714% 2535.714285714286%;
    width: 14px;
    height: 14px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-running-man-available {
    background-image: url(images/delivery_on@2x.png);
    width: 14px;
    height: 14px;
    background-size: 100%;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-running-man-unavailable {
    background-image: url(images/delivery_off@2x.png);
    width: 14px;
    height: 14px;
    background-size: 100%;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-star-full-small {
    background-image: url(images/sprite.png);
    background-position: 35.2112676056338% 83.48082595870207%;
    background-size: 2072.222222222222% 2218.75%;
    width: 18px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-star-full {
    background-image: url(images/sprite.png);
    background-position: 93.98280802292264% 28.09667673716012%;
    background-size: 1554.1666666666665% 1479.1666666666665%;
    width: 24px;
    height: 24px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-star-transparent-small {
    background-image: url(images/sprite.png);
    background-position: 92.3943661971831% 86.13569321533923%;
    background-size: 2072.222222222222% 2218.75%;
    width: 18px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-star-transparent {
    background-image: url(images/sprite.png);
    background-position: 93.98280802292264% 11.178247734138973%;
    background-size: 1554.1666666666665% 1479.1666666666665%;
    width: 24px;
    height: 24px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-star-transparent-hover, a:hover .ico-star-transparent, button:hover .ico-star-transparent, a.hover .ico-star-transparent, button.hover .ico-star-transparent, .ico-star-transparent.hover {
    background-image: url(images/sprite.png);
    background-position: 93.98280802292264% 36.5558912386707%;
    background-size: 1554.1666666666665% 1479.1666666666665%;
    width: 24px;
    height: 24px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-target {
    background-image: url(images/sprite.png);
    background-position: 92.91784702549575% 44.47761194029851%;
    background-size: 1864.9999999999998% 1775%;
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-tip-money {
    background-image: url(images/sprite.png);
    background-position: 12.058823529411764% 76.96969696969697%;
    background-size: 1130.3030303030303% 1420%;
    width: 33px;
    height: 25px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-trashbin {
    background-image: url(images/sprite.png);
    background-position: 8.264462809917356% 98.83381924198251%;
    background-size: 3729.9999999999995% 2958.333333333333%;
    width: 10px;
    height: 12px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-trashbin-hover, a:hover .ico-trashbin, button:hover .ico-trashbin, a.hover .ico-trashbin, button.hover .ico-trashbin, .ico-trashbin.hover {
    background-image: url(images/sprite.png);
    background-position: 12.121212121212121% 98.83381924198251%;
    background-size: 3729.9999999999995% 2958.333333333333%;
    width: 10px;
    height: 12px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-user {
    background-image: url(images/sprite.png);
    background-position: 4.143646408839778% 98.83381924198251%;
    background-size: 3390.9090909090905% 2958.333333333333%;
    width: 11px;
    height: 12px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-smoothie {
    background-image: url(images/sprite/smoothie_black.png);
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.logo {
    background-image: url(images/sprite.png);
    background-position: 49.501661129568106% 13.538461538461538%;
    background-size: 518.0555555555555% 1183.3333333333335%;
    width: 72px;
    height: 30px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-japanese-small {
    background-image: url(images/categories/food_japanese_dark.png);
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-japanese {
    background-image: url(images/categories/food_japanese_dark@2x.png);
    width: 37px;
    height: 37px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-hawaiian-small {
    background-image: url(images/categories/food_hawaiian_dark.png);
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-hawaiian {
    background-image: url(images/categories/food_hawaiian_dark@2x.png);
    width: 37px;
    height: 37px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-news-small {
    background-image: url(images/categories/retail_news.png);
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-news {
    background-image: url(images/categories/retail_news@2x.png);
    width: 37px;
    height: 37px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-lounge-small {
    background-image: url(images/sprite/ico-green-lounge-small.png);
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-lounge {
    background-image: url(images/sprite/ico-green-lounge-small@2x.png);
    width: 37px;
    height: 37px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-beauty-small {
    background-image: url(images/categories/retail_beauty.png);
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-beauty {
    background-image: url(images/categories/retail_beauty@2x.png);
    width: 37px;
    height: 37px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-healthy-small {
    background-image: url(images/sprite.png);
    background-position: 16.80672268907563% 93.80530973451327%;
    background-size: 2331.25% 2218.75%;
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-healthy {
    background-image: url(images/categories/food_coffeedrinks@2x.png);
    width: 37px;
    height: 37px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-accessories-small {
    background-image: url(images/categories/retail_accessories_dark.png);
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-accessories {
    background-image: url(images/categories/retail_accessories_dark@2x.png);
    width: 37px;
    height: 37px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-eletronics-small {
    background-image: url(images/categories/retail_electronics.png);
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-eletronics {
    background-image: url(images/categories/retail_electronics@2x.png);
    width: 37px;
    height: 37px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-clothing-small {
    background-image: url(images/categories/retail_clothing.png);
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-clothing {
    background-image: url(images/categories/retail_clothing@2x.png);
    width: 37px;
    height: 37px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-wine-bar-small {
    background-image: url(images/categories/food_wine_bar.png);
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-wine-bar {
    background-image: url(images/categories/food_wine_bar@2x.png);
    width: 37px;
    height: 37px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-cuban-small {
    background-image: url(images/categories/food_cuban.png);
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-cuban {
    background-image: url(images/categories/food_cuban@2x.png);
    width: 37px;
    height: 37px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-gifts-small {
    background-image: url(images/categories/retail_gifts.png);
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-gifts {
    background-image: url(images/categories/retail_gifts@2x.png);
    width: 37px;
    height: 37px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-books-small {
    background-image: url(images/categories/retail_books.png);
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-books {
    background-image: url(images/categories/retail_books@2x.png);
    width: 37px;
    height: 37px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-currencyex-small {
    background-image: url(images/categories/services_currency.png);
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-currencyex {
    background-image: url(images/categories/services_currency@2x.png);
    width: 37px;
    height: 37px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-luggage-small {
    background-image: url(images/categories/retail_luggage.png);
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-luggage {
    background-image: url(images/categories/retail_luggage@2x.png);
    width: 37px;
    height: 37px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-spa-small {
    background-image: url(images/categories/services_spa.png);
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-spa {
    background-image: url(images/categories/services_spa@2x.png);
    width: 37px;
    height: 37px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}





@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .ico-applepay {
        background-image: url(images/sprite.@2x.png);
        background-position: 69.84375% 13.924050632911392%;
        background-size: 920.5128205128204% 1680%;
        width: 39px;
        height: 20px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-arrow-right-green-border {
        background-image: url(images/sprite.@2x.png);
        background-position: 100% 0%;
        background-size: 3263.6363636363635% 2100%;
        width: 11px;
        height: 16px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-arrow-right-red {
        background-image: url(images/sprite.@2x.png);
        background-position: 100% 19.51219512195122%;
        background-size: 3263.6363636363635% 4200%;
        width: 11px;
        height: 8px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-arrow-right-white {
        background-image: url(images/sprite.@2x.png);
        background-position: 100% 15.853658536585366%;
        background-size: 3263.6363636363635% 4200%;
        width: 11px;
        height: 8px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-attention-grey {
        background-image: url(images/sprite.@2x.png);
        background-position: 66.66666666666666% 99.22600619195046%;
        background-size: 2564.285714285714% 2584.6153846153848%;
        width: 14px;
        height: 13px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-attention {
        background-image: url(images/sprite.@2x.png);
        background-position: 56.231884057971016% 99.22600619195046%;
        background-size: 2564.285714285714% 2584.6153846153848%;
        width: 14px;
        height: 13px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-badge {
        background-image: url(images/sprite.@2x.png);
        background-position: 63.73456790123457% 77.63975155279503%;
        background-size: 1025.7142857142858% 2400%;
        width: 35px;
        height: 14px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-british {
        background-image: url(images/sprite.@2x.png);
        background-position: 68.22157434402332% 88.90625%;
        background-size: 2243.75% 2100%;
        width: 16px;
        height: 16px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-cancel-logo-footer {
        background-image: url(images/sprite.@2x.png);
        background-position: 81.48148148148148% 0%;
        background-size: 211.1764705882353% 1200%;
        width: 170px;
        height: 28px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-cancel-logo-header {
        background-image: url(images/sprite.@2x.png);
        background-position: 0% 0%;
        background-size: 239.33333333333334% 840%;
        width: 150px;
        height: 40px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-cart-green {
        width: 30px;
        height: 30px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-cart {
        background-image: url(images/sprite.@2x.png);
        background-position: 52.86144578313253% 78.86435331230284%;
        background-size: 1329.6296296296296% 1768.4210526315792%;
        width: 27px;
        height: 19px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-check-green {
        background-image: url(images/sprite.@2x.png);
        background-position: 71.8840579710145% 99.22600619195046%;
        background-size: 2564.285714285714% 2584.6153846153848%;
        width: 14px;
        height: 13px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-check-grey {
        background-image: url(images/sprite.@2x.png);
        background-position: 61.44927536231884% 99.22600619195046%;
        background-size: 2564.285714285714% 2584.6153846153848%;
        width: 14px;
        height: 13px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-check-round-green {
        background-image: url(images/sprite.@2x.png);
        background-position: 76.98986975397975% 99.22600619195046%;
        background-size: 2659.259259259259% 2584.6153846153848%;
        width: 13.5px;
        height: 13px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-check-round-grey {
        background-image: url(images/sprite.@2x.png);
        background-position: 82.05499276411% 99.22600619195046%;
        background-size: 2659.259259259259% 2584.6153846153848%;
        width: 13.5px;
        height: 13px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-circle-question {
        background-image: url(images/sprite.@2x.png);
        background-position: 28.526645768025077% 26.351351351351347%;
        background-size: 897.5% 840%;
        width: 40px;
        height: 40px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-close {
        background-image: url(images/sprite.@2x.png);
        background-position: 86.74351585014409% 98.91975308641975%;
        background-size: 2991.666666666667% 2800%;
        width: 12px;
        height: 12px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-complete-green {
        background-image: url(images/sprite.@2x.png);
        background-position: 95.07246376811594% 23.015873015873016%;
        background-size: 2564.285714285714% 1600%;
        width: 14px;
        height: 21px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-dutyfree {
        background-image: url(images/sprite.@2x.png);
        background-position: 79.88338192419825% 88.90625%;
        background-size: 2243.75% 2100%;
        width: 16px;
        height: 16px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-gift {
        background-image: url(images/sprite.@2x.png);
        background-position: 9.15915915915916% 80.64516129032258%;
        background-size: 1380.769230769231% 1292.3076923076924%;
        width: 26px;
        height: 26px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-global {
        background-image: url(images/sprite.@2x.png);
        background-position: 95.6268221574344% 82.1875%;
        background-size: 2243.75% 2100%;
        width: 16px;
        height: 16px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-green-asian-meal-small {
        background-image: url(images/sprite.@2x.png);
        background-position: 39.067055393586% 88.90625%;
        background-size: 2243.75% 2100%;
        width: 16px;
        height: 16px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-green-asian-meal {
        background-image: url(images/sprite.@2x.png);
        background-position: 54.898911353032666% 26.13065326633166%;
        background-size: 957.3333333333334% 896.0000000000001%;
        width: 37.5px;
        height: 37.5px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-green-bakery-small {
        background-image: url(images/sprite.@2x.png);
        background-position: 21.574344023323615% 88.90625%;
        background-size: 2243.75% 2100%;
        width: 16px;
        height: 16px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-green-bakery {
        background-image: url(images/sprite.@2x.png);
        background-position: 38.19875776397515% 41.80602006688963%;
        background-size: 970.2702702702703% 908.1081081081081%;
        width: 37px;
        height: 37px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-green-bbq-small {
        background-image: url(images/sprite.@2x.png);
        background-position: 95.6268221574344% 69.6875%;
        background-size: 2243.75% 2100%;
        width: 16px;
        height: 16px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-green-bbq {
        background-image: url(images/sprite.@2x.png);
        background-position: 76.5527950310559% 41.736227045075125%;
        background-size: 970.2702702702703% 920.5479452054794%;
        width: 37px;
        height: 36.5px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-green-book-small {
        background-image: url(images/sprite.@2x.png);
        background-position: 11.661807580174926% 99.84423676012462%;
        background-size: 2243.75% 2240%;
        width: 16px;
        height: 15px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-green-book {
        background-image: url(images/sprite.@2x.png);
        background-position: 34.045801526717554% 14.37908496732026%;
        background-size: 1139.6825396825398% 1120%;
        width: 31.5px;
        height: 30px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-green-burger-small {
        background-image: url(images/sprite.@2x.png);
        background-position: 33.23615160349854% 88.90625%;
        background-size: 2243.75% 2100%;
        width: 16px;
        height: 16px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-green-burger {
        background-image: url(images/sprite.@2x.png);
        background-position: 12.732919254658384% 41.80602006688963%;
        background-size: 970.2702702702703% 908.1081081081081%;
        width: 37px;
        height: 37px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-green-cajun-small {
        background-image: url(images/sprite.@2x.png);
        background-position: 27.405247813411076% 88.90625%;
        background-size: 2243.75% 2100%;
        width: 16px;
        height: 16px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-green-cajun {
        background-image: url(images/sprite.@2x.png);
        background-position: 80.43478260869566% 26.13065326633166%;
        background-size: 970.2702702702703% 896.0000000000001%;
        width: 37px;
        height: 37.5px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-green-camera-small {
        background-image: url(images/sprite.@2x.png);
        background-position: 71.5743440233236% 77.27975270479135%;
        background-size: 2243.75% 2688%;
        width: 16px;
        height: 12.5px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-green-camera {
        background-image: url(images/sprite.@2x.png);
        background-position: 65.90214067278288% 67.04180064308682%;
        background-size: 1121.875% 1344%;
        width: 32px;
        height: 25px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-green-candy-small {
        background-image: url(images/sprite.@2x.png);
        background-position: 44.89795918367347% 88.90625%;
        background-size: 2243.75% 2100%;
        width: 16px;
        height: 16px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-green-candy {
        background-image: url(images/sprite.@2x.png);
        background-position: 12.558139534883722% 55.852842809364546%;
        background-size: 983.5616438356163% 908.1081081081081%;
        width: 36.5px;
        height: 37px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-green-caribbean-meal-small {
        background-image: url(images/sprite.@2x.png);
        background-position: 95.6268221574344% 15.615141955835963%;
        background-size: 2243.75% 1768.4210526315792%;
        width: 16px;
        height: 19px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-green-caribbean-meal {
        background-image: url(images/sprite.@2x.png);
        background-position: 11.773700305810397% 69.84924623115577%;
        background-size: 1121.875% 896.0000000000001%;
        width: 32px;
        height: 37.5px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-green-cuban-flag-small {
        background-image: url(images/sprite.@2x.png);
        background-position: 95.6268221574344% 75.9375%;
        background-size: 2243.75% 2100%;
        width: 16px;
        height: 16px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-green-cuban-flag {
        background-image: url(images/sprite.@2x.png);
        background-position: 62.17457886676876% 54.93421052631579%;
        background-size: 1104.6153846153845% 1050%;
        width: 32.5px;
        height: 32px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-green-currency-small {
        background-image: url(images/sprite.@2x.png);
        background-position: 23.323615160349853% 99.84423676012462%;
        background-size: 2243.75% 2240%;
        width: 16px;
        height: 15px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-green-currency {
        background-image: url(images/sprite.@2x.png);
        background-position: 89.14728682170544% 41.459369817578775%;
        background-size: 983.5616438356163% 973.913043478261%;
        width: 36.5px;
        height: 34.5px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-green-deli-small {
        background-image: url(images/sprite.@2x.png);
        background-position: 77.40524781341108% 76.80491551459293%;
        background-size: 2243.75% 3200%;
        width: 16px;
        height: 10.5px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-green-deli {
        background-image: url(images/sprite.@2x.png);
        background-position: 56.67701863354038% 14.125200642054574%;
        background-size: 970.2702702702703% 1371.4285714285713%;
        width: 37px;
        height: 24.5px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-green-desert-small {
        background-image: url(images/sprite.@2x.png);
        background-position: 95.6268221574344% 57.12050078247262%;
        background-size: 2243.75% 2036.3636363636363%;
        width: 16px;
        height: 16.5px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-green-desert {
        background-image: url(images/sprite.@2x.png);
        background-position: 0% 55.9463986599665%;
        background-size: 983.5616438356163% 896.0000000000001%;
        width: 36.5px;
        height: 37.5px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-green-dots-empty {
        background-image: url(images/sprite.@2x.png);
        background-position: 60.06191950464397% 9.75609756097561%;
        background-size: 997.2222222222222% 4200%;
        width: 36px;
        height: 8px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-green-dots {
        background-image: url(images/sprite.@2x.png);
        background-position: 47.6780185758514% 9.75609756097561%;
        background-size: 997.2222222222222% 4200%;
        width: 36px;
        height: 8px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-green-drink-bar-small {
        background-image: url(images/sprite.@2x.png);
        background-position: 95.6268221574344% 7.923930269413629%;
        background-size: 2243.75% 1639.0243902439024%;
        width: 14px;
        height: 18px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-green-drink-bar {
        background-image: url(images/sprite.@2x.png);
        background-position: 22.575757575757578% 69.7324414715719%;
        background-size: 1237.9310344827586% 908.1081081081081%;
        width: 29px;
        height: 37px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-green-drink-small {
        background-image: url(images/sprite.@2x.png);
        background-position: 56.559766763848394% 88.90625%;
        background-size: 2243.75% 2100%;
        width: 16px;
        height: 16px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-green-drink {
        background-image: url(images/sprite.@2x.png);
        background-position: 41.99066874027994% 26.13065326633166%;
        background-size: 957.3333333333334% 896.0000000000001%;
        width: 37.5px;
        height: 37.5px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-green-dutyfree-small {
        background-image: url(images/sprite.@2x.png);
        background-position: 85.42274052478133% 64.95327102803739%;
        background-size: 2243.75% 2240%;
        width: 16px;
        height: 15px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-green-dutyfree {
        background-image: url(images/sprite.@2x.png);
        background-position: 23.206106870229007% 14.37908496732026%;
        background-size: 1139.6825396825398% 1120%;
        width: 31.5px;
        height: 30px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-green-eye-small {
        background-image: url(images/sprite.@2x.png);
        background-position: 87.46355685131195% 32.465543644716696%;
        background-size: 2243.75% 3536.8421052631584%;
        width: 16px;
        height: 9.5px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-green-eye {
        background-image: url(images/sprite.@2x.png);
        background-position: 81.37404580152672% 13.880126182965299%;
        background-size: 1139.6825396825398% 1768.4210526315792%;
        width: 31.5px;
        height: 19px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-green-french-meal-small {
        background-image: url(images/sprite.@2x.png);
        background-position: 5.830903790087463% 100%;
        background-size: 2243.75% 2167.7419354838707%;
        width: 16px;
        height: 15.5px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-green-french-meal {
        background-image: url(images/sprite.@2x.png);
        background-position: 37.88819875776397% 55.666666666666664%;
        background-size: 970.2702702702703% 933.3333333333334%;
        width: 37px;
        height: 36px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-green-gift-small {
        background-image: url(images/sprite.@2x.png);
        background-position: 95.6268221574344% 44.28794992175274%;
        background-size: 2243.75% 2036.3636363636363%;
        width: 16px;
        height: 16.5px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-green-gift {
        background-image: url(images/sprite.@2x.png);
        background-position: 84.12213740458016% 54.93421052631579%;
        background-size: 1139.6825396825398% 1050%;
        width: 31.5px;
        height: 32px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-green-globe-small {
        background-image: url(images/sprite.@2x.png);
        background-position: 95.6268221574344% 0%;
        background-size: 2243.75% 1600%;
        width: 16px;
        height: 21px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-green-globe {
        background-image: url(images/sprite.@2x.png);
        background-position: 0% 93.58552631578947%;
        background-size: 1465.3061224489797% 1050%;
        width: 24.5px;
        height: 32px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-green-greece-flag-small {
        background-image: url(images/sprite.@2x.png);
        background-position: 95.6268221574344% 63.4375%;
        background-size: 2243.75% 2100%;
        width: 16px;
        height: 16px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-green-greece-flag {
        background-image: url(images/sprite.@2x.png);
        background-position: 73.24159021406727% 54.93421052631579%;
        background-size: 1121.875% 1050%;
        width: 32px;
        height: 32px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-green-italian-meal-small {
        background-image: url(images/sprite.@2x.png);
        background-position: 95.6268221574344% 50.70422535211267%;
        background-size: 2243.75% 2036.3636363636363%;
        width: 16px;
        height: 16.5px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-green-italian-meal {
        background-image: url(images/sprite.@2x.png);
        background-position: 0% 41.946308724832214%;
        background-size: 970.2702702702703% 884.2105263157896%;
        width: 37px;
        height: 38px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-green-kosher-small {
        background-image: url(images/sprite.@2x.png);
        background-position: 95.6268221574344% 88.4375%;
        background-size: 2243.75% 2100%;
        width: 16px;
        height: 16px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-green-kosher {
        background-image: url(images/sprite.@2x.png);
        background-position: 50.931677018633536% 41.80602006688963%;
        background-size: 970.2702702702703% 908.1081081081081%;
        width: 37px;
        height: 37px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-green-lounge-small {
        background-image: url(images/sprite.@2x.png);
        background-position: 29.154518950437318% 99.68895800933126%;
        background-size: 2243.75% 2317.2413793103447%;
        width: 16px;
        height: 14.5px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-green-lounge {
        background-image: url(images/sprite.@2x.png);
        background-position: 50.464396284829725% 55.115511551155116%;
        background-size: 997.2222222222222% 1018.1818181818181%;
        width: 36px;
        height: 33px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-green-mediterranean-meal-small {
        background-image: url(images/sprite.@2x.png);
        background-position: 0% 100%;
        background-size: 2243.75% 2167.7419354838707%;
        width: 16px;
        height: 15.5px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-green-mediterranean-meal {
        background-image: url(images/sprite.@2x.png);
        background-position: 63.76360808709176% 41.736227045075125%;
        background-size: 957.3333333333334% 920.5479452054794%;
        width: 37.5px;
        height: 36.5px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-green-mexican-meal-small {
        background-image: url(images/sprite.@2x.png);
        background-position: 95.6268221574344% 37.67660910518054%;
        background-size: 2243.75% 1920%;
        width: 16px;
        height: 17.5px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-green-mexican-meal {
        background-image: url(images/sprite.@2x.png);
        background-position: 0% 69.84924623115577%;
        background-size: 1040.5797101449275% 896.0000000000001%;
        width: 34.5px;
        height: 37.5px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-green-middle-meal-small {
        background-image: url(images/sprite.@2x.png);
        background-position: 62.390670553935855% 88.90625%;
        background-size: 2243.75% 2100%;
        width: 16px;
        height: 16px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-green-middle-meal {
        background-image: url(images/sprite.@2x.png);
        background-position: 67.70186335403726% 26.13065326633166%;
        background-size: 970.2702702702703% 896.0000000000001%;
        width: 37px;
        height: 37.5px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-green-pizza-small {
        background-image: url(images/sprite.@2x.png);
        background-position: 74.05247813411079% 88.90625%;
        background-size: 2243.75% 2100%;
        width: 16px;
        height: 16px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-green-pizza {
        background-image: url(images/sprite.@2x.png);
        background-position: 25.15527950310559% 55.75959933222037%;
        background-size: 970.2702702702703% 920.5479452054794%;
        width: 37px;
        height: 36.5px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-green-seafood-small {
        background-image: url(images/sprite.@2x.png);
        background-position: 85.71428571428571% 88.90625%;
        background-size: 2243.75% 2100%;
        width: 16px;
        height: 16px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-green-seafood {
        background-image: url(images/sprite.@2x.png);
        background-position: 25.465838509316768% 41.80602006688963%;
        background-size: 970.2702702702703% 908.1081081081081%;
        width: 37px;
        height: 37px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-green-shirt-small {
        background-image: url(images/sprite.@2x.png);
        background-position: 95.6268221574344% 93.95348837209302%;
        background-size: 2243.75% 2488.888888888889%;
        width: 16px;
        height: 13.5px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-green-shirt {
        background-image: url(images/sprite.@2x.png);
        background-position: 43.66412213740458% 67.47572815533981%;
        background-size: 1139.6825396825398% 1244.4444444444446%;
        width: 31.5px;
        height: 27px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-green-shoe-small {
        background-image: url(images/sprite.@2x.png);
        background-position: 68.22157434402332% 9.711684370257966%;
        background-size: 2243.75% 5169.2307692307695%;
        width: 16px;
        height: 6.5px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-green-shoe {
        background-image: url(images/sprite.@2x.png);
        background-position: 78.22706065318819% 64.95327102803739%;
        background-size: 957.3333333333334% 2240%;
        width: 37.5px;
        height: 15px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-green-spa-small {
        background-image: url(images/sprite.@2x.png);
        background-position: 95.6268221574344% 30.708661417322837%;
        background-size: 2243.75% 1816.2162162162163%;
        width: 16px;
        height: 18.5px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-green-spa {
        background-image: url(images/sprite.@2x.png);
        background-position: 0% 81.83306055646482%;
        background-size: 1354.7169811320755% 1101.639344262295%;
        width: 26.5px;
        height: 30.5px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-green-suitcase-small {
        background-image: url(images/sprite.@2x.png);
        background-position: 17.49271137026239% 99.84423676012462%;
        background-size: 2243.75% 2240%;
        width: 16px;
        height: 15px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-green-suitcase {
        background-image: url(images/sprite.@2x.png);
        background-position: 44.88549618320611% 14.355628058727568%;
        background-size: 1139.6825396825398% 1138.9830508474577%;
        width: 31.5px;
        height: 29.5px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-green-sunglasses-small {
        background-image: url(images/sprite.@2x.png);
        background-position: 50.72886297376093% 88.90625%;
        background-size: 2243.75% 2100%;
        width: 16px;
        height: 16px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-green-sunglasses {
        background-image: url(images/sprite.@2x.png);
        background-position: 32.82442748091603% 68.4729064039409%;
        background-size: 1139.6825396825398% 1066.6666666666665%;
        width: 31.5px;
        height: 31.5px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-heart {
        background-image: url(images/sprite.@2x.png);
        background-position: 34.776119402985074% 80.12820512820514%;
        background-size: 1495.8333333333335% 1400%;
        width: 24px;
        height: 24px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-lightbulb {
        background-image: url(images/sprite.@2x.png);
        background-position: 14.733542319749215% 26.351351351351347%;
        background-size: 897.5% 840%;
        width: 40px;
        height: 40px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-map-hover, a:hover .ico-map, button:hover .ico-map, a.hover .ico-map, button.hover .ico-map, .ico-map.hover {
        background-image: url(images/sprite.@2x.png);
        background-position: 34.98542274052478% 99.68895800933126%;
        background-size: 2243.75% 2317.2413793103447%;
        width: 16px;
        height: 14.5px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-mobile-phone {
        width: 18px;
        height: 18px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-pen-green {
        background-image: url(images/sprite.@2x.png);
        background-position: 40.57971014492754% 99.68895800933126%;
        background-size: 2564.285714285714% 2317.2413793103447%;
        width: 14px;
        height: 14.5px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-plus-large {
        background-image: url(images/sprite.@2x.png);
        background-position: 0% 26.621160409556317%;
        background-size: 834.8837209302326% 781.3953488372092%;
        width: 43px;
        height: 43px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-remove-red {
        background-image: url(images/sprite.@2x.png);
        background-position: 51.01449275362319% 99.53416149068323%;
        background-size: 2564.285714285714% 2400%;
        width: 14px;
        height: 14px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-running-man {
        background-image: url(images/sprite.@2x.png);
        background-position: 45.79710144927536% 99.53416149068323%;
        background-size: 2564.285714285714% 2400%;
        width: 14px;
        height: 14px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-star-full-small {
        background-image: url(images/sprite.@2x.png);
        background-position: 88.43338213762812% 13.750000000000002%;
        background-size: 2051.4285714285716% 2100%;
        width: 17.5px;
        height: 16px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-star-full {
        background-image: url(images/sprite.@2x.png);
        background-position: 18.059701492537314% 80.12820512820514%;
        background-size: 1495.8333333333335% 1400%;
        width: 24px;
        height: 24px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-star-transparent-small {
        background-image: url(images/sprite.@2x.png);
        background-position: 15.373352855051245% 88.90625%;
        background-size: 2051.4285714285716% 2100%;
        width: 17.5px;
        height: 16px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-star-transparent {
        background-image: url(images/sprite.@2x.png);
        background-position: 89.55223880597015% 25%;
        background-size: 1495.8333333333335% 1400%;
        width: 24px;
        height: 24px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-star-transparent-hover, a:hover .ico-star-transparent, button:hover .ico-star-transparent, a.hover .ico-star-transparent, button.hover .ico-star-transparent, .ico-star-transparent.hover {
        background-image: url(images/sprite.@2x.png);
        background-position: 26.417910447761194% 80.12820512820514%;
        background-size: 1495.8333333333335% 1400%;
        width: 24px;
        height: 24px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-target {
        background-image: url(images/sprite.@2x.png);
        background-position: 8.4070796460177% 90.03164556962025%;
        background-size: 1795% 1680%;
        width: 20px;
        height: 20px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-tip-money {
        background-image: url(images/sprite.@2x.png);
        background-position: 54.75460122699386% 67.04180064308682%;
        background-size: 1087.878787878788% 1344%;
        width: 33px;
        height: 25px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-trashbin {
        background-image: url(images/sprite.@2x.png);
        background-position: 99.7134670487106% 6.172839506172839%;
        background-size: 3590% 2800%;
        width: 10px;
        height: 12px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-trashbin-hover, a:hover .ico-trashbin, button:hover .ico-trashbin, a.hover .ico-trashbin, button.hover .ico-trashbin, .ico-trashbin.hover {
        background-image: url(images/sprite.@2x.png);
        background-position: 99.7134670487106% 11.11111111111111%;
        background-size: 3590% 2800%;
        width: 10px;
        height: 12px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-smoothie {
        background-image: url(images/sprite/smoothie_black@2x.png);
        width: 16px;
        height: 16px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .logo {
        background-image: url(images/sprite.@2x.png);
        background-position: 0% 14.37908496732026%;
        background-size: 498.6111111111111% 1120%;
        width: 72px;
        height: 30px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-japanese-small {
        background-image: url(images/categories/food_japanese_dark.png);
        width: 16px;
        height: 16px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-japanese {
        background-image: url(images/categories/food_japanese_dark@2x.png);
        width: 37px;
        height: 37px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-hawaiian-small {
        background-image: url(images/categories/food_hawaiian_dark.png);
        width: 16px;
        height: 16px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-hawaiian {
        background-image: url(images/categories/food_hawaiian_dark@2x.png);
        width: 37px;
        height: 37px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-news-small {
        background-image: url(images/categories/retail_news.png);
        width: 16px;
        height: 16px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-news {
        background-image: url(images/categories/retail_news@2x.png);
        width: 37px;
        height: 37px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-lounge-small {
        background-image: url(images/sprite/ico-green-lounge-small.png);
        width: 16px;
        height: 16px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-lounge {
        background-image: url(images/sprite/ico-green-lounge-small@2x.png);
        width: 37px;
        height: 37px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-beauty-small {
        background-image: url(images/categories/retail_beauty.png);
        width: 16px;
        height: 16px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-beauty {
        background-image: url(images/categories/retail_beauty@2x.png);
        width: 37px;
        height: 37px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-healthy-small {
        background-image: url(images/sprite.png);
        background-position: 16.80672268907563% 93.80530973451327%;
        background-size: 2331.25% 2218.75%;
        width: 16px;
        height: 16px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-healthy {
        background-image: url(images/categories/food_coffeedrinks@2x.png);
        width: 37px;
        height: 37px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-accessories-small {
        background-image: url(images/categories/retail_accessories_dark.png);
        width: 16px;
        height: 16px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-accessories {
        background-image: url(images/categories/retail_accessories_dark@2x.png);
        width: 37px;
        height: 37px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-eletronics-small {
        background-image: url(images/categories/retail_electronics.png);
        width: 16px;
        height: 16px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-eletronics {
        background-image: url(images/categories/retail_electronics@2x.png);
        width: 37px;
        height: 37px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-clothing-small {
        background-image: url(images/categories/retail_clothing.png);
        width: 16px;
        height: 16px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-clothing {
        background-image: url(images/categories/retail_clothing@2x.png);
        width: 37px;
        height: 37px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-wine-bar-small {
        background-image: url(images/categories/food_wine_bar.png);
        width: 16px;
        height: 16px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-wine-bar {
        background-image: url(images/categories/food_wine_bar@2x.png);
        width: 37px;
        height: 37px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-cuban-small {
        background-image: url(images/categories/food_cuban.png);
        width: 16px;
        height: 16px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-cuban {
        background-image: url(images/categories/food_cuban@2x.png);
        width: 37px;
        height: 37px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-gifts-small {
        background-image: url(images/categories/retail_gifts.png);
        width: 16px;
        height: 16px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-gifts {
        background-image: url(images/categories/retail_gifts@2x.png);
        width: 37px;
        height: 37px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-books-small {
        background-image: url(images/categories/retail_books.png);
        width: 16px;
        height: 16px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-books {
        background-image: url(images/categories/retail_books@2x.png);
        width: 37px;
        height: 37px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-currencyex-small {
        background-image: url(images/categories/services_currency.png);
        width: 16px;
        height: 16px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-currencyex {
        background-image: url(images/categories/services_currency@2x.png);
        width: 37px;
        height: 37px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-luggage-small {
        background-image: url(images/categories/retail_luggage.png);
        width: 16px;
        height: 16px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-luggage {
        background-image: url(images/categories/retail_luggage@2x.png);
        width: 37px;
        height: 37px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-spa-small {
        background-image: url(images/categories/services_spa.png);
        width: 16px;
        height: 16px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-spa {
        background-image: url(images/categories/services_spa@2x.png);
        width: 37px;
        height: 37px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
}

.main:after,
.checkout-item .checkout-item-body:after,
.form-add-code:after,
.form-add-tip:after,
.form-payment-card .form-section:after,
.form-sign-up .field-holder:after,
.list-values li:after,
.list-form-items:after,
.location-body:after,
.location-details:after,
.order-secondary:after,
.order-secondary .order-total:after,
.paging:after,
.product:after,
.product-meta:after,
.section-order .section-head:after,
.section-cart .section-body:after,
.section-completed .section-body:after,
.section-group-details .section-group-foot:after,
.tabs-payment:after {
    content: '';
    line-height: 0;
    display: table;
    clear: both;
}

/* ------------------------------------------------------------ *\
	I.   Generic
\* ------------------------------------------------------------ */

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

*,
*:before,
*:after {
    padding: 0;
    margin: 0;
    outline: 0;
    box-sizing: border-box;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
main {
    display: block;
}

html {
    tap-highlight-color: rgba(0,0,0,0);
}

body {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
    text-size-adjust: none;
}

img,
iframe,
video,
audio,
object {
    max-width: 100%;
}

img,
iframe {
    border: 0 none;
}

img {
    height: auto;
    display: inline-block;
    vertical-align: middle;
    max-height: 91px;
}

b,
strong {
    font-weight: bold;
}

address {
    font-style: normal;
}

svg:not(:root) {
    overflow: hidden;
}

a,
button,
input[type="submit"],
input[type="button"],
input[type="reset"],
input[type="file"],
input[type="image"],
label[for] {
    cursor: pointer;
}

    a[href^="tel"],
    button[disabled],
    input[disabled],
    textarea[disabled],
    select[disabled] {
        cursor: default;
    }

    button::-moz-focus-inner,
    input::-moz-focus-inner {
        padding: 0;
        border: 0;
    }

    input[type="text"],
    input[type="password"],
    input[type="date"],
    input[type="datetime"],
    input[type="datetime-local"],
    input[type="month"],
    input[type="week"],
    input[type="email"],
    input[type="number"],
    input[type="search"],
    input[type="tel"],
    input[type="time"],
    input[type="url"],
    input[type="color"],
    textarea,
    a[href^="tel"] {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }

        input[type="search"]::-webkit-search-cancel-button,
        input[type="search"]::-webkit-search-decoration {
            -webkit-appearance: none;
        }

textarea {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
}

button,
select {
    text-transform: none;
}

table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

nav ul,
nav ol {
    list-style: none outside none;
}

/* ------------------------------------------------------------ *\
	Base
\* ------------------------------------------------------------ */

body {
    min-width: 320px;
    background: #fff;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    line-height: 1.5;
    color: #555;
}

@media (max-width: 767px) {
    body {
        background: #f2f2f2;
    }
}

a {
    color: inherit;
    text-decoration: underline;
    outline: 0 !important;
}

    a:hover {
        text-decoration: none;
    }

    a[href^="tel"] {
        text-decoration: none;
    }

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: 0.75em;
}

h1 {
    font-size: 28px;
}

h2 {
    font-size: 24px;
}

h3 {
    font-size: 20px;
}

h4 {
    font-size: 18px;
}

h5 {
    font-size: 16px;
}

h6 {
    font-size: 12px;
}

@media (max-width: 767px) {
    h1 {
        font-size: 28px;
    }

    h2 {
        font-size: 16px;
    }

    h3 {
        font-size: 20px;
    }

    h4 {
        font-size: 18px;
    }

    h5 {
        font-size: 16px;
    }

    h6 {
        font-size: 12px;
    }
}

p,
ul,
ol,
dl,
table,
blockquote {
    margin-bottom: 1.5em;
}

    h1[class],
    h2[class],
    h3[class],
    h4[class],
    h5[class],
    h6[class],
    h1:last-child,
    h2:last-child,
    h3:last-child,
    h4:last-child,
    h5:last-child,
    h6:last-child,
    p:last-child,
    ul:last-child,
    ol:last-child,
    dl:last-child,
    table:last-child,
    blockquote:last-child {
        margin-bottom: 0;
    }

/* ------------------------------------------------------------ *\
	Fonts
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Helpers
\* ------------------------------------------------------------ */

/*  Clear  */

.clear:after {
    content: '';
    line-height: 0;
    display: table;
    clear: both;
}

/*  Notext  */

.notext {
    white-space: nowrap;
    text-indent: 100%;
    text-shadow: none;
    overflow: hidden;
}

.notext-old {
    font-size: 0;
    line-height: 0;
    text-indent: -4000px;
}

/*  Hidden  */

[hidden],
.hidden {
    display: none;
}

/*  Alignleft  */

.alignleft {
    float: left;
}

[dir="rtl"] .alignleft {
    float: right;
}

/*  Alignright  */

.alignright {
    float: right;
}

[dir="rtl"] .alignright {
    float: left;
}

/*  Disabled  */

[disabled],
.disabled {
    cursor: default;
}

/*  Grid  */

.col-sm-1of5 {
    width: 20%;
}

/* ------------------------------------------------------------ *\
	Links
\* ------------------------------------------------------------ */

.link-cart {
    text-decoration: none;
}

    .link-cart .cart-icon {
        position: relative;
        display: block;
    }

    .link-cart .cart-number {
        font-weight: 700;
        position: absolute;
        top: -6px;
        left: 11px;
        font-size: 15px;
    }

    .link-cart:hover .cart-number,
    .link-cart:focus .cart-number {
        color: #000;
    }

.partner_svg_path {
    fill: #72980a;
}

.no-items .partner_svg_path {
    fill: #cdcdcd;
}

.no-items span {
    color: #cdcdcd;
}

/* Link-to-top*/

.link-to-top {
    color: #72980a;
    text-align: center;
    display: inline-block;
    text-decoration: none;
    transition: color .3s;
}

    .link-to-top:hover,
    .link-to-top:focus {
        color: #000;
    }

    .link-to-top span {
        display: block;
    }

/* Link-cancel */

.link-cancel {
    color: #dc0000;
    text-decoration: none;
    border: none;
    border-radius: 0;
    background: none;
}

    .link-cancel:hover {
        color: #000;
    }

/* Link-back */

.link-back {
    color: #72980a;
    text-decoration: none;
    font-weight: 700;
}

    .link-back i:before {
        margin-right: 13px;
        content: "\f053";
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
    }

[dir="rtl"] .link-back i:before {
    margin-left: 13px;
    margin-right: initial;
    content: "\f054";
}

/* Link-send*/

.link-send {
    text-decoration: none;
    color: #72980a;
    font-size: 16px;
    display: inline-block;
}

    .link-send i {
        margin-right: 3px;
        margin-top: -2px;
    }

    .link-send:hover,
    .link-send:active {
        color: #000;
    }

/* ------------------------------------------------------------ *\
	Caret
\* ------------------------------------------------------------ */

.caret {
    border-top-width: 5px;
    border-right-width: 5px;
    border-left-width: 5px;
}

.caret-reversed {
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

/* ------------------------------------------------------------ *\
	Promo-code
\* ------------------------------------------------------------ */

.promo-code {
    color: #72980a;
}

/* ------------------------------------------------------------ *\
	Image Placeholder
\* ------------------------------------------------------------ */

.image-placeholder-darkpink {
    background: #df597d;
}

.image-placeholder-beige {
    background: #7b7a6a;
}

.image-placeholder-yellow {
    background: #d8b200;
}

.image-placeholder-orange {
    background: #dd6b2e;
}

.image-placeholder-darkblue {
    background: #3a5f90;
}

.image-placeholder-green {
    background: #4d8715;
}

.image-placeholder-lightblue {
    background: #59c0e1;
}

.image-placeholder-pink {
    background: #e3acde;
}

.imagecenter {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.storeimage {
    /*max-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto;*/
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    min-height: 40px;
    max-height: 144px;
}

/*  Responsive Helpers  */

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
    display: none !important;
}

@media (max-width: 767px) {
    .hidden-xs {
        display: none !important;
    }

    .visible-xs-block {
        display: block !important;
    }

    .visible-xs-inline {
        display: inline !important;
    }

    .visible-xs-inline-block {
        display: inline-block !important;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .hidden-sm {
        display: none !important;
    }

    .visible-sm-block {
        display: block !important;
    }

    .visible-sm-inline {
        display: inline !important;
    }

    .visible-sm-inline-block {
        display: inline-block !important;
    }
}

@media (min-width: 1024px) and (max-width: 1200px) {
    .hidden-md {
        display: none !important;
    }

    .visible-md-block {
        display: block !important;
    }

    .visible-md-inline {
        display: inline !important;
    }

    .visible-md-inline-block {
        display: inline-block !important;
    }
}

@media (min-width: 1201px) {
    .hidden-lg {
        display: none !important;
    }

    .visible-lg-block {
        display: block !important;
    }

    .visible-lg-inline {
        display: inline !important;
    }

    .visible-lg-inline-block {
        display: inline-block !important;
    }
}

/* ------------------------------------------------------------ *\
	Animations
\* ------------------------------------------------------------ */

@keyframes rotate-circle {
    0 {
        stroke-dasharray: 0 246;
    }

    100% {
        stroke-dasharray: 247 246;
    }
}

/* ------------------------------------------------------------ *\
	II.  Regions
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Container
\* ------------------------------------------------------------ */

.container-secondary {
    width: 100%;
    max-width: 1036px;
}

@media (max-width: 1023px) {
    .container {
        width: 100%;
        max-width: 980px;
    }
}

/* ------------------------------------------------------------ *\
	Content
\* ------------------------------------------------------------ */

.content {
    float: left;
    width: 100%;
    min-height: 100px;
}

[dir="rtl"] .content {
    float: right;
}

/* ------------------------------------------------------------ *\
	Footer
\* ------------------------------------------------------------ */

.footer {
    border-top: 7px solid #e4e4e4;
    background-color: #f2f2f2;
    padding: 78px 42px 90px 51px;
    text-align: center;
}

    .footer .socials {
        float: right;
        margin-top: -4px;
    }

.footer-nav {
    display: -ms-flexbox;
    display: flex;
    list-style: none;
}

    .footer-nav li + li {
        padding-left: 30px;
    }

[dir="rtl"] .footer-nav li + li {
    padding-left: initial;
    padding-right: 30px;
}

.footer-nav a {
    text-decoration: none;
}

    .footer-nav a:hover {
        text-decoration: underline;
    }

.footer-landing {
    position: relative;
}

    .footer-landing .footer-nav {
        float: left;
        margin-top: 14px;
    }

    .footer-landing a.footer-logo-secondary {
        position: absolute;
        top: 45%;
        left: 50%;
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

@media (min-width: 1024px) {
    .footer {
        margin-top: 78px;
        padding-top: 0;
    }
}

@media (max-width: 1023px) {
    .footer-nav li + li {
        padding-left: 20px;
    }

    [dir="rtl"] .footer-nav li + li {
        padding-right: 20px;
        padding-left: initial;
    }
}

@media (max-width: 767px) {
    .footer {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
        align-items: center;
        padding: 30px 20px;
    }

        .footer .footer-logo {
            margin-bottom: 30px;
        }

    .footer-landing {
        padding-bottom: 20px;
        clear: both;
        height: 132px;
        padding-top: 45px;
    }

        .footer-landing a.footer-logo-secondary {
            position: static;
            float: left;
            -ms-transform: translate(0);
            transform: translate(0);
            width: 77px;
            height: 32px;
        }

    .footer-extended {
        min-height: 200px;
    }

    .footer .socials {
        margin-bottom: 20px;
    }

    .grab-logo {
        margin-top: 20px;
        margin-bottom: 20px;
    }
}

/* ------------------------------------------------------------ *\
	Header
\* ------------------------------------------------------------ */

.header {
    box-shadow: 0 2px 5px #e3e3e3;
    padding: 23px 26px 21px 43px;
    position: relative;
    z-index: 400;
}

    .header .header-left {
        float: left;
        display: table;
        height: 60px;
    }

    .header .header-back-link {
        display: table-cell;
        vertical-align: middle;
        height: inherit;
        font-size: 1em;
    }

    .header .header-back-link-a {
        text-decoration: none;
        color: #72980a;
    }

    .header .header-content {
        margin: 0 auto;
        font-size: 0;
        width: 320px;
        text-align: center;
    }

    .header .header-aside {
        float: right;
    }

[dir="rtl"] .header .header-aside {
    float: left;
}

.header .header-location {
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
    height: 50px;
    padding: 1px 0 0 26px;
}

    .header .header-location small {
        font-size: 10px;
        color: #bcbcbc;
        text-transform: uppercase;
    }

    .header .header-location a {
        color: #72980a;
        text-decoration: none;
        margin-left: 8px;
    }

        .header .header-location a:hover {
            color: #555;
        }

    .header .header-location p {
        margin-bottom: 0;
    }

        .header .header-location p + p {
            padding-left: 2px;
        }

    .header .header-location i {
        font-size: 16px;
        margin-right: 5px;
    }

.header.header-landing .header-content {
    padding: 27px 32px;
}

.header.header-landing .link-user {
    margin-right: 30px;
}

    .header.header-landing .link-user i {
        position: relative;
        top: -2px;
        margin-right: 3px;
    }

.header .link-partner {
    width: 260px;
    padding: 6px 10px 8px 10px; /*border-right: 2px solid #f3f3f3;*/
    font-size: 16px;
    display: inline-block;
    vertical-align: middle;
}

.header-mobile-text {
    display: none;
    text-align: center;
    position: fixed;
    top: 14px;
    left: 0;
    right: 0;
    z-index: 500;
    font-size: 14px;
    font-weight: 700;
}

@media (max-width: 1023px) {
    .header {
        padding: 5px;
    }

        .header .header-back-link-a-text {
            display: none;
        }

        .header .link-partner { /*padding-left: 10px;*/
            padding-right: 10px;
            border-right: 0;
        }

        .header .header-location {
            float: none;
            display: block;
            clear: both;
            padding-left: 0;
            margin-top: 5px;
        }
}

@media (max-width: 767px) {
    .header {
        position: fixed;
        z-index: 400;
        top: 0;
        left: 0;
        right: 0;
        background: #fff;
        height: 50px;
    }

    .header-landing {
        background: none;
    }

    .header-fixed .header-content {
        opacity: 0;
        visibility: hidden;
    }

    .header-fixed + .header-mobile-text {
        display: block;
    }

    .header .header-location {
        display: none;
    }

    .header .logo {
        background: url(../css/images/temp/logo-mobile.png) no-repeat 0 0;
        background-size: 24px 24px;
        width: 24px;
        height: 24px;
    }

    .header .link-partner { /*padding-left: 7px;*/
        padding-top: 0;
        padding-bottom: 0;
        width: auto;
    }

        .header .link-partner img { /*width: 112px;*/
            height: 24px;
        }

    .header .logo-holder {
        padding-top: 0;
        padding-bottom: 0;
        height: auto;
        padding-right: 11px;
    }

    .header .header-left {
        height: 24px;
    }

    .header .header-content {
        float: none;
        text-align: center;
        max-width: 320px;
    }

    .header .header-aside {
        position: absolute;
        top: 2px;
        right: 32px;
    }

    [dir="rtl"] .header .header-aside {
        left: initial;
        right: 5px;
    }

    .header .header-aside .link-cart {
        display: none;
    }

    .header .navbar-toggle {
        margin: 0;
        border: 0;
        padding: 0;
        border-radius: 0;
    }

    .header .navbar-collapse {
        position: absolute;
        margin-top: 14px;
        left: -10px;
        background: #fff;
        z-index: 100;
        min-width: 200px;
        box-shadow: 0 3px 3px rgba(0,0,0,.2);
    }

    .header .link-cart-mobile {
        position: absolute;
        top: 0;
        right: 0;
    }

    [dir="rtl"] .header .link-cart-mobile {
        left: 0;
        right: initial;
    }

    .header .navbar-default .navbar-nav > li:first-child > a {
        padding-top: 0;
    }

    .header.header-landing .header-content {
        padding: 9px 14px;
    }
}

/* ------------------------------------------------------------ *\
	Header-home
\* ------------------------------------------------------------ */

.header-home {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 10;
    color: #fff;
    text-align: right;
    box-shadow: none;
    padding: 0;
}

    .header-home .header-content {
        padding: 36px 57px;
        float: none;
    }

/* ------------------------------------------------------------ *\
	Header-logout
\* ------------------------------------------------------------ */

.header-logout {
    padding-right: 26px;
}

[dir="rtl"] .header-logout {
    padding-left: 26px;
    padding-right: initial;
}

/* ------------------------------------------------------------ *\
	Main
\* ------------------------------------------------------------ */

.main:after {
}

.main.active-sidebar .sidebar {
    display: block;
    position: fixed;
    top: 120px;
    bottom: 0px;
    right: 0;
    z-index: 301;
    overflow-y: scroll;
}

[dir="rtl"] .main.active-sidebar .sidebar {
    left: 0;
    right: initial
}

.main.active-sidebar .content {
    width: 100%;
    max-width: calc(100% - 406px);
    border-right: 1px solid #e8e8e8;
}

@media(max-width:1440px) {
    .main.active-sidebar .sidebar {
        position: fixed;
        top: 120px;
        bottom: 0px;
        right: 0;
        z-index: 301;
        overflow-y: scroll;
    }

    .main.active-sidebar .content {
        max-width: 100%;
    }
}

@media (max-width: 767px) {
    .main {
        margin-top: 5px;
    }

    .sidebar {
        max-width: 303px;
    }
}

/* ------------------------------------------------------------ *\
	Shell
\* ------------------------------------------------------------ */

.shell {
    max-width: 986px;
    padding-left: 10px;
    padding-right: 10px;
    margin: auto;
}

.shell-fluid {
    max-width: none;
}

/* ------------------------------------------------------------ *\
	Sidebar
\* ------------------------------------------------------------ */

.sidebar {
    width: 406px;
    background: #fff;
    float: right;
    padding: 0 21px;
    display: none;
}

    .sidebar .cart {
        min-height: 100vh;
    }

/* ------------------------------------------------------------ *\
	Wrapper
\* ------------------------------------------------------------ */

.wrapper {
    padding-bottom: 211px;
    position: relative;
    background: #fff;
}

    .wrapper .footer {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 300;
    }

@media (max-width: 767px) {
    .wrapper {
        padding: 44px 0 0;
    }

    .wrapper-landing {
        padding-top: 0;
    }

    .wrapper .footer {
        position: relative;
    }
}

/* ------------------------------------------------------------ *\
	III. Modules
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Bar-notice
\* ------------------------------------------------------------ */

.bar-notice {
    text-align: center;
    color: #fff;
    background-color: #93bd20;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    text-align: center;
    padding: 15px 0 10px;
}

    .bar-notice p {
        margin: 0;
    }

        .bar-notice p i {
            position: relative;
            left: -3px;
        }

    .bar-notice .link-close {
        color: #fff;
        position: absolute;
        top: 50%;
        right: 82px;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        font-size: 18px;
    }

        .bar-notice .link-close:hover {
            color: #000;
        }

.bar-notice-error {
    background-color: #ff0000;
    display: none;
}

    .bar-notice-error.visible {
        display: block;
    }

/* ------------------------------------------------------------ *\
	Box
\* ------------------------------------------------------------ */

.boxes .expanded-visible {
    display: none;
}

.boxes.expand .expanded-visible {
    display: block;
}

.box {
    text-align: center;
    margin-bottom: 14px;
}

    .box h2 {
        font-weight: 300;
        margin: 0px;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    }

    .box h5 {
        font-weight: 700;
        margin: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    }

    .box a {
        text-decoration: none;
        height: 124px;
        width: 100%;
        display: block;
        transition: color .3s;
    }

        .box a:hover {
            color: #93bd20;
        }

    .box .box-icon {
        height: 88px;
        vertical-align: middle;
        display: table-cell;
        width: 230px;
    }

    .box .btn-more h5 {
        margin-bottom: -6px;
    }

    .box .btn-more .active-icon,
    .box .btn-more .active-text {
        display: none;
    }

    .box .btn-more.active i,
    .box .btn-more.active h5 {
        display: none;
        margin-bottom: 0;
    }

    .box .btn-more.active .active-icon,
    .box .btn-more.active .active-text {
        display: block;
        margin: 0 auto;
    }

@media (max-width: 767px) {
    .box .box-icon {
        width: 100%;
        display: block;
    }

        .box .box-icon img {
            position: relative;
            top: 50%;
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
        }

        .box .box-icon a {
            text-align: center;
        }

    .boxes {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: center;
        justify-content: center;
    }

        .boxes > .col-sm-1of5 {
            width: 130px;
        }

        .boxes .box-primary .box-icon {
            width: auto;
        }

            .boxes .box-primary .box-icon i {
                top: 50% !important;
                position: relative;
                -ms-transform: translateY(-50%);
                transform: translateY(-50%);
            }

            .boxes .box-primary .box-icon .ico-green-dots-empty,
            .boxes .box-primary .box-icon .ico-green-dots {
                position: relative;
            }

    .box h5 {
        font-size: 14px;
    }
}

/* ------------------------------------------------------------ *\
	Box-primary
\* ------------------------------------------------------------ */

.box-primary .box-icon {
    width: 196px;
}

/* ------------------------------------------------------------ *\
	Box-white
\* ------------------------------------------------------------ */

.box-white {
    background: #fff;
    border-radius: 4px;
    border: 1px solid #e3e3e3;
}

/* ------------------------------------------------------------ *\
	Box-transparent
\* ------------------------------------------------------------ */

.box-transparent {
    background-color: rgba(0, 0, 0, 0.2);
    color: #fff;
    border-radius: 2px;
}

/* ------------------------------------------------------------ *\
	Button
\* ------------------------------------------------------------ */

.btn {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    outline: 0;
    font-weight: 700;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

    .btn:focus,
    .btn:active:focus,
    .btn.active:focus,
    .btn.focus,
    .btn:active.focus,
    .btn.active.focus {
        outline: none;
    }

/*  Button Block  */

.btn-block {
    display: block;
    padding-left: 0;
    padding-right: 0;
}

/* ------------------------------------------------------------ *\
	Btn-download
\* ------------------------------------------------------------ */

.btn-download {
    border-radius: 7px;
    border: 2px solid #ffffff;
    color: #fff;
    text-decoration: none;
    font-size: 24px;
    padding: 16px 0 12px;
    width: 210px;
    transition: background .3s;
}

    .btn-download .fa {
        font-size: 37px;
        vertical-align: middle;
        margin-right: 12px;
        margin-left: -3px;
    }

    .btn-download:hover {
        color: #fff;
        background: #769900;
    }

/* ------------------------------------------------------------ *\
	Btn-orange
\* ------------------------------------------------------------ */

.btn-orange {
    width: 100%;
    max-width: 210px;
    text-align: center;
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1), inset 0 2px 0 rgba(255, 255, 255, 0.4), inset 0 1px 0 #93bd20, inset 1px 0 0 #93bd20, inset 0 -2px 0 rgba(116, 154, 12, 0.5);
    border-radius: 4px;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
    text-decoration: none;
    padding: 13px 13px 12px;
    background-color: #93bd20;
    background: linear-gradient(#93bd20, #abcd23);
}

    .btn-orange:hover {
        background: #93bd20;
        color: #fff;
    }

/* ------------------------------------------------------------ *\
	Btn Md
\* ------------------------------------------------------------ */

.btn-md {
    max-width: 280px;
    margin: 0 auto;
}

@media(max-width: 1024px) {
    .btn-md {
        max-width: 242px;
    }
}

/* ------------------------------------------------------------ *\
	Btn Blue
\* ------------------------------------------------------------ */

.btn-blue {
    background-color: #3b5998;
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1), inset 0 2px 0 rgba(255, 255, 255, 0.3);
    color: #fff;
    padding: 13px 13px 12px;
    border-radius: 4px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 16px;
    text-decoration: none;
    font-weight: 700;
}

    .btn-blue:hover {
        color: #fff;
    }

    .btn-blue i {
        margin-right: 8px;
    }

/* ------------------------------------------------------------ *\
	Btn-expand-map
\* ------------------------------------------------------------ */

.btn-expand-map {
    display: inline-block;
    font-size: 10px;
    color: #72980a;
    text-decoration: none;
    font-weight: 500;
    padding: 5px 7px 4px 12px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
    border-radius: 2px;
    background: #fff;
    position: absolute;
    top: 5px;
    right: 5px;
    line-height: 1;
}

    .btn-expand-map i {
        margin-left: 4px;
    }

    .btn-expand-map .active-text,
    .btn-expand-map .active-icon {
        display: none;
    }

    .btn-expand-map:hover,
    .btn-expand-map:focus {
        color: #000;
        text-decoration: none;
    }

    .btn-expand-map.active span,
    .btn-expand-map.active i {
        display: none;
    }

    .btn-expand-map.active .active-text,
    .btn-expand-map.active .active-icon {
        display: inline;
    }

/* ------------------------------------------------------------ *\
	Btn-transparent
\* ------------------------------------------------------------ */

.btn-transparent {
    border: 1px solid #93bd20;
    border-radius: 4px;
    font-weight: 400;
    padding: 8px 10px 5px;
    color: #72980a;
    background: none;
}

    .btn-transparent:hover {
        color: #000;
        border-color: #000;
    }

/* ------------------------------------------------------------ *\
	Btn-yellow
\* ------------------------------------------------------------ */

.btn-yellow {
    border-radius: 4px;
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.15), inset 0 2px 0 rgba(255, 255, 255, 0.35), inset 0 -2px 0 rgba(230, 165, 4, 0.55), inset 0 1px 0 #e6a504, inset 1px 0 0 #e6a504, inset -1px 0 0 #e6a504;
    background-color: #ffcc00;
    background-image: linear-gradient(180deg, rgba(230, 165, 4, 0) 0%, rgba(230, 165, 4, 0.7) 100%);
    text-decoration: none;
    font-size: 16px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    padding: 13px 13px 12px;
}

/* ------------------------------------------------------------ *\
	Btn-green
\* ------------------------------------------------------------ */

.btn-green {
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1), inset 0 2px 0 rgba(255, 255, 255, 0.4), inset 0 1px 0 #93bd20, inset 1px 0 0 #93bd20, inset 0 -2px 0 rgba(116, 154, 12, 0.5);
    background-color: #93bd20;
    background-image: linear-gradient(180deg, rgba(114, 152, 10, 0) 0%, rgba(114, 152, 10, 0.5) 100%);
    color: #fff;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
    text-decoration: none;
    padding: 13px 13px 12px;
    border-radius: 4px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.btn-share {
    min-width: 344px;
    display: inline-block;
    text-align: center;
    box-shadow: inset 0 1px 0 #93bd20, inset 1px 0 0 #93bd20, inset 0 -2px 0 rgba(116, 154, 12, 0.5);
    border-radius: 4px;
    background-color: #93bd20;
    padding: 10px 26px;
    color: #fff;
    text-decoration: none;
    font-size: 18px;
}

    .btn-share:hover {
        background: #4d6802;
        color: #fff;
    }

/* ------------------------------------------------------------ *\
	Btn-show-more
\* ------------------------------------------------------------ */

.btn-show-more {
    font-weight: 400;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    color: #555555;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    border: 1px solid #e5e5e5;
    background: #fff;
    padding: 10px;
    line-height: 1;
}

    .btn-show-more:hover {
        color: #72980a;
    }

/* ------------------------------------------------------------ *\
	Btn-socials
\* ------------------------------------------------------------ */

.btn-social {
    display: inline-block;
    border-radius: 40px;
    color: #fff;
    text-decoration: none;
    position: relative;
    padding: 10px 19px 9px 48px;
}

    .btn-social:hover {
        opacity: .9;
        color: #fff;
    }

    .btn-social .btn-icon {
        display: inline-block;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        line-height: 40px;
        font-size: 20px;
        position: absolute;
        top: 0;
        left: 0;
    }

/* Btn-facebook */

.btn-facebook {
    background-color: #6e86b8;
    padding-right: 16px;
}

    .btn-facebook .btn-icon {
        background-color: #3b5998;
    }

/* Btn-twitter */

.btn-twitter {
    background-color: #3c92d3;
}

    .btn-twitter .btn-icon {
        background-color: #55acee;
    }

/* Btn-instagram */

.btn-instagram {
    background-color: #794290;
}

    .btn-instagram .btn-icon {
        background: url(images/instagram-bg.png) no-repeat center center;
        background-size: cover;
    }

.btn-app-store {
    background: url(../css/images/temp/btn-app-store.png) no-repeat 0 0;
    width: 200px;
    height: 65px;
    display: inline-block;
}

.btn-google-play {
    background: url(../css/images/temp/btn-google-play.png) no-repeat 0 0;
    width: 200px;
    height: 65px;
    display: inline-block;
}

/* ------------------------------------------------------------ *\
	Btn Filter
\* ------------------------------------------------------------ */

.btn-filter {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #cecece;
    background-color: transparent;
    font-size: 14px;
    font-weight: 700;
    color: #72980a;
    height: 32px;
    padding: 4px 10px;
    border-radius: 2px;
}

.btn-filter-alt {
    font-weight: 400;
}

.btn-filter.active {
    background-color: rgba(147, 189, 32, 0.3);
    border: 1px solid #93bd20;
}

/* ------------------------------------------------------------ *\
	Preorder Button in cart-main-update
\* ------------------------------------------------------------ */

.btn-preorder {
    position: relative;
    display: block;
    padding: 20px 45px 20px 20px;
    border: 1px solid #e3e3e3;
    color: #000;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    text-decoration: none;
    letter-spacing: 0.007em;
}

    .btn-preorder:hover {
        color: #000;
        border-color: #000;
    }

    .btn-preorder .btn__icon {
        position: absolute;
        top: 50%;
        right: 26px;
        margin-top: -1px;
        color: #93bd20;
        font-size: 27px;
        line-height: 23px;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

@media (max-width: 767px) {
    .btn-preorder {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

/* ------------------------------------------------------------ *\
	Summary button in cart main-update
\* ------------------------------------------------------------ */

.btn-summary {
    display: block;
    padding: 23px;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    text-decoration: none;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
}

/* ------------------------------------------------------------ *\
	Button for the preorder popup
\* ------------------------------------------------------------ */

.btn-popup-preorder {
    display: inline-block;
    min-width: 280px;
    padding: 12px;
    border: none;
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1), inset 0 2px 0 rgba(255, 255, 255, 0.4), inset 0 1px 0 transparent, inset 1px 0 0 transparent, inset 0 -2px 0 rgba(116, 154, 12, 0);
    border-radius: 4px;
    background-color: #ccc;
    ;
    background-image: linear-gradient(180deg, rgba(114, 152, 10, 0) 0%, rgba(114, 152, 10, 0) 100%), linear-gradient(180deg, rgba(131, 131, 131, 0) 0%, rgba(131, 131, 131, 0.4) 100%);
    color: #969696;
    font-size: 16px;
    text-transform: uppercase;
    text-decoration: none;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
    pointer-events: none;
}

    .btn-popup-preorder.active {
        pointer-events: all;
        background-color: #93bd20;
        color: #fff;
        box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1), inset 0 2px 0 rgba(255, 255, 255, 0.4), inset 0 1px 0 #93bd20, inset 1px 0 0 #93bd20, inset 0 -2px 0 rgba(116, 154, 12, 0.5);
        background-image: linear-gradient(180deg, rgba(114, 152, 10, 0) 0%, rgba(114, 152, 10, 0.5) 100%);
    }

    .btn-popup-preorder:hover {
        border: none;
        background: #93bd20;
    }

/* ------------------------------------------------------------ *\
	Button for order cancel
\* ------------------------------------------------------------ */

.btn-cancel {
    padding: 14px 67px;
    border-radius: 4px;
    border: 1px solid transparent;
    background-color: #ffe600;
    color: #55565a;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
    font-family: 'Roboto', sans-serif;
    text-decoration: none;
    white-space: nowrap;
}

    .btn-cancel:hover {
        color: #000;
        border-color: rgba(0,0,0,0.2);
        text-decoration: none;
    }

/*Button cancel in popup*/

.btn-cancel--popup {
    padding: 11px 50px;
}

/* ------------------------------------------------------------ *\
	Callout
\* ------------------------------------------------------------ */

.callout {
    position: relative;
    padding: 13px 0;
}

    .callout h1 {
        font-size: 56px;
        font-weight: 700;
        color: #93bd20;
        margin: 0 0 10px;
    }

    .callout .callout-image {
        position: absolute;
        top: 0;
        left: 0;
    }

    .callout .callout-content {
        text-align: center;
        max-width: 620px;
        margin: 0 auto;
    }

        .callout .callout-content p {
            margin-bottom: 14px;
            text-transform: uppercase;
        }

        .callout .callout-content h3 {
            margin: 0;
            line-height: 1.4;
        }

    .callout .callout-body {
        margin-bottom: 23px;
    }

    .callout .callout-actions {
        text-align: center;
        font-size: 0;
    }

        .callout .callout-actions p span {
            background: #fafafa;
            padding: 0 5px;
            position: relative;
            z-index: 5;
        }

        .callout .callout-actions a {
            margin: 0 10px;
            font-size: 14px;
        }

        .callout .callout-actions p {
            position: relative;
            margin-bottom: 19px;
            font-size: 14px;
        }

            .callout .callout-actions p:before,
            .callout .callout-actions p:after {
                content: '';
                height: 1px;
                background: #e4e4e4;
                position: absolute;
                top: 50%;
                -ms-transform: translateY(-50%);
                transform: translateY(-50%);
                width: 100%;
                max-width: 364px;
            }

            .callout .callout-actions p:before {
                left: 0;
            }

            .callout .callout-actions p:after {
                right: 0;
            }

/* Small Desktop */

@media (max-width: 1200px) {
    .callout .callout-content {
        max-width: 500px;
    }
}

@media (max-width: 1023px) {
    .callout-actions span {
        background: #fafafa;
        z-index: 50;
        position: relative;
        padding-left: 5px;
        padding-right: 5px;
    }

    .callout .callout-image {
        top: -20px;
        left: -10px;
    }

    .callout .callout-content {
        max-width: 320px;
    }
}

@media (max-width: 767px) {
    .callout .callout-image {
        position: static;
        text-align: center;
        padding-bottom: 20px;
    }

    .callout h1 {
        font-size: 32px;
    }

    .callout .callout-content h3 {
        font-size: 16px;
    }

    .callout .callout-actions a {
        margin-bottom: 15px;
    }
}

@media (max-width: 479px) {
    .callout .callout-actions p:after,
    .callout .callout-actions p:before {
        display: none;
    }
}

/* ------------------------------------------------------------ *\
	Cart
\* ------------------------------------------------------------ */

.cart {
    padding: 20px 0 20px;
}

    .cart h5 {
        margin: 0 0 18px;
        text-align: center;
    }

    .cart .cart-body {
        border-bottom: 1px solid #e3e3e3;
        padding-bottom: 4px;
    }

    .cart .cart-total {
        font-size: 20px;
        font-weight: 700;
    }

    .cart .cart-price {
        color: #93bd20;
    }

    .cart .cart-actions {
        text-align: center;
    }

.cart-item .cart-item-head {
    background-color: #fafaf5;
    border-top: 1px solid #dfdfd9;
    border-bottom: 1px solid #dfdfd9;
    font-size: 12px;
    color: #000000;
    padding: 6px 7px 5px;
}

[dir="rtl"] .cart-item .cart-item-head {
    text-align: left
}

.cart-message {
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.8);
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 3250;
}

.cart-message-inner {
    width: 295px;
    margin: 177px auto 0;
    background: #fff;
    position: relative;
    z-index: 50;
    color: #000;
    opacity: 1;
    box-shadow: 0 3px 53px rgba(0,0,0,0.5);
}

.cart-message-content {
    font-size: 16px;
    padding: 14px 15px 17px;
    border-bottom: 1px solid #e3e3e3;
}

.cart-message ul {
    list-style: none;
    text-align: center;
}

.cart-message li + li {
    border-top: 1px solid #e3e3e3;
}

.cart-message a {
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
    color: #96bd00;
    padding: 8px 0;
    display: block;
}

/* ------------------------------------------------------------ *\
	Checkout
\* ------------------------------------------------------------ */

.checkout {
    border: 1px solid #e3e3e3;
    background: #fff;
    padding-bottom: 8px;
}

.checkout-head {
    padding: 23px 27px;
    border-bottom: 1px solid #a9a9a9;
}

    .checkout-head h3 {
        margin: 0;
        color: #000;
        font-weight: 700;
        display: inline-block;
    }

    .checkout-head .list-details {
        float: right;
        padding-top: 2px;
    }

.checkout-body {
    padding: 6px 27px;
}

@media (max-width: 1023px) {
    .checkout-total h2 {
        font-size: 18px;
    }
}

@media (max-width: 767px) {
    .checkout-head {
        padding: 10px 12px 32px;
    }

        .checkout-head h3 {
            font-size: 14px;
            display: block;
            padding-bottom: 5px;
        }

    .checkout-body {
        padding: 6px 12px;
    }

    .checkout-head .list-details {
        float: left;
    }

    .checkout .list-overview-details li {
        font-size: 14px;
    }

    .checkout .checkout-item .checkout-item-content .quantity {
        border: 0;
        padding-left: 3px;
    }

    .checkout .checkout-item h5 {
        font-size: 14px;
    }

    .checkout .checkout-item .checkout-item-actions,
    .checkout .checkout-item .checkout-item-content p {
        margin-left: 31px;
    }

    .checkout-item .checkout-item-content {
        width: 74%;
    }

    .checkout-total h2 {
        font-size: 14px;
    }
}

/* ------------------------------------------------------------ *\
	Checkout-item
\* ------------------------------------------------------------ */

.checkout-item {
    padding: 11px 0 8px;
}

    .checkout-item p {
        font-size: 12px;
    }

    .checkout-item + .checkout-item {
        border-top: 1px solid #e3e3e3;
    }

    .checkout-item h5 {
        display: inline-block;
        vertical-align: middle;
        margin: 0;
        line-height: 1;
        padding-top: 1px;
    }

    .checkout-item .checkout-item-body:after {
    }

    .checkout-item .checkout-item-aside {
        float: right;
        padding-right: 14px;
    }

[dir="rtl"] .checkout-item .checkout-item-aside {
    float: left;
    padding-left: 14px;
    padding-right: initial;
}

.checkout-item .checkout-item-aside p {
    margin-top: 12px;
    text-align: right;
}

.checkout-item .checkout-item-content {
    float: left;
}

[dir="rtl"] .checkout-item .checkout-item-content {
    float: right;
}

.checkout-item .checkout-item-content p {
    margin: 12px 0 0 35px;
    max-width: 224px;
}

.checkout-item .checkout-item-content .quantity {
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #d0d0d0;
    border-radius: 3px;
    font-size: 12px;
    padding: 1px 5px;
    line-height: 1;
    margin-right: 7px;
}

.checkout-item .checkout-item-actions {
    margin: 8px 0 0 35px;
}

    .checkout-item .checkout-item-actions a {
        text-decoration: none;
        font-size: 12px;
        text-transform: uppercase;
    }

        .checkout-item .checkout-item-actions a:hover {
            color: #d50000;
        }

/* ------------------------------------------------------------ *\
	Checkout-item-secondary
\* ------------------------------------------------------------ */

.checkout-item-secondary {
    padding-bottom: 36px;
}

    .checkout-item-secondary + .checkout-item-secondary {
        padding-bottom: 27px;
    }

    .checkout-item-secondary .checkout-item-aside {
        padding-right: 7px;
        text-align: right;
    }

        .checkout-item-secondary .checkout-item-aside p {
            margin-top: 11px;
        }

    .checkout-item-secondary .checkout-item-content p {
        margin-left: 42px;
        max-width: none;
    }

    .checkout-item-secondary .checkout-item-content .quantity {
        margin-right: 13px;
    }

/* ------------------------------------------------------------ *\
	Checkout-total
\* ------------------------------------------------------------ */

.checkout-total {
    text-align: right;
    font-size: 16px;
    line-height: 1.19;
}

    .checkout-total h2 {
        color: #000000;
        font-weight: 700;
        margin-top: 23px;
    }

        .checkout-total h2 span {
            display: inline-block;
            margin-left: 25px;
        }

    .checkout-total p {
        margin-bottom: 3px;
    }

        .checkout-total p span {
            display: inline-block;
            width: 88px;
        }

.cookie-notification {
    display: none;
    position: relative;
    z-index: 2000;
    width: 100%;
    padding: 20px;
    background-color: #666666;
    color: #fff;
    cursor: pointer;
}

    .cookie-notification .shell:before {
        content: "";
        display: inline-block;
        vertical-align: middle;
        height: 100%;
    }

    .cookie-notification.active {
        display: block;
    }

    .cookie-notification a {
        color: #93bd20;
        text-decoration: none;
    }

.cookie-notification__content {
    display: inline-block;
    width: 80%;
    vertical-align: middle;
    padding-right: 20px;
}

.cookie-notification__right {
    display: inline-block;
    width: calc(20% - 20px);
    vertical-align: middle;
    padding: 0;
    text-align: right;
}

.cookie-notification__close {
    margin: 0;
    padding: 10px 40px;
    border-radius: 7px;
    background-color: #93bd20;
    text-transform: uppercase;
}

@media (max-width: 1023px) {

    .cookie-notification .shell:before {
        display: block;
    }

    .cookie-notification__content {
        width: 100%;
        text-align: center;
        margin-bottom: 15px;
    }

    .cookie-notification__right {
        width: 100%;
        text-align: center;
    }
}

/* ------------------------------------------------------------ *\
	Filters Menu
\* ------------------------------------------------------------ */

.filters-menu h4 {
    margin: 0;
}

.filters-menu .search {
    width: 227px;
}

.filters-menu .filters-inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    padding: 9px 0;
    border-bottom: 1px solid #e3e3e3;
    margin-bottom: 15px;
}


/* ------------------------------------------------------------ *\
	Form Elements
\* ------------------------------------------------------------ */

input::-webkit-input-placeholder {
    color: inherit;
    opacity: 1;
}

input:-ms-input-placeholder {
    color: inherit;
    opacity: 1;
}

input::placeholder {
    color: inherit;
    opacity: 1;
}

textarea::-webkit-input-placeholder {
    color: inherit;
    opacity: 1;
}

textarea:-ms-input-placeholder {
    color: inherit;
    opacity: 1;
}

textarea::placeholder {
    color: inherit;
    opacity: 1;
}

input:-webkit-autofill {
    -webkit-text-fill-color: inherit;
    -webkit-box-shadow: 0 0 0 1000px #fff inset;
}

/* ------------------------------------------------------------ *\
	Spreedly styles
\* ------------------------------------------------------------ */

.spreedly-sheet {
    background-color: #fff;
    border: 1px solid #b5b5b5;
    border-radius: 4px;
    display: block;
    margin: 0 auto;
    max-height: 500px;
    transition: transform .3s,opacity .3s,max-height .3s ease;
    width: 100%;
}

.spreedly-sheet__header {
    align-items: center;
    border-bottom: 1px solid #b5b5b5;
    display: flex;
    flex-wrap: wrap;
    padding: 12px 15px 0 12px;
    position: relative;
}

.spreedly-form__label {
    color: #000;
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
    margin: 0;
    padding: 0;
    text-align: left;
}

[data-spreedly-id=wrapper] {
    display: block !important;
    position: relative
}

.spreedly-sheet__header {
    align-items: center;
    border-bottom: 1px solid #b5b5b5;
    display: flex;
    flex-wrap: wrap;
    padding: 12px 15px 0 12px;
    position: relative
}

    .spreedly-sheet__header .spreedly-sheet__header-label {
        align-items: center;
        display: flex;
        flex-grow: 1;
        padding-bottom: 12px
    }

    .spreedly-sheet__header .spreedly-sheet__label {
        font-size: 16px
    }

    .spreedly-sheet__header .spreedly-sheet__logo--header {
        align-items: center;
        display: flex;
        text-align: center;
        width: 50px
    }

.spreedly-icon--bordered {
    background: #fff;
    border: 1px solid #bbb;
    border-radius: 3px;
    box-sizing: content-box;
}

.spreedly-sheet__header .spreedly-sheet__card-icon {
    display: inline-block;
    padding-left: 5px
}

    .spreedly-sheet__header .spreedly-sheet__card-icon.spreedly-hidden {
        display: none
    }

.spreedly-sheet__header .spreedly-sheet__text {
    color: #000;
    font-size: 16px;
    margin-left: 20px
}

.spreedly-sheet__header .spreedly-sheet__icons {
    padding-bottom: 10px
}

.spreedly-sheet__content--button {
    min-height: 84px;
    padding: 20px;
    text-align: center
}

.spreedly-form__field-group--has-error .spreedly-form__icon-container {
    margin-top: -12px
}

.spreedly-form__hosted-field {
    transition: border-color .1s
}

    .spreedly-form__hosted-field iframe {
        margin: auto
    }

.spreedly-sheet__content--form {
    padding: 10px 15px 10px 10px
}

    .spreedly-sheet__content--form .spreedly-form__field-group {
        margin-bottom: 10px;
        padding-left: 5px
    }

        .spreedly-sheet__content--form .spreedly-form__field-group.spreedly-form__field-group--has-error {
            margin-bottom: 3px
        }

            .spreedly-sheet__content--form .spreedly-form__field-group.spreedly-form__field-group--has-error .spreedly-form__field .spreedly-form__hosted-field {
                border-color: #ca2a2a
            }

                .spreedly-sheet__content--form .spreedly-form__field-group.spreedly-form__field-group--has-error .spreedly-form__field .spreedly-form__hosted-field:hover {
                    border-color: #ca2a2a
                }

        .spreedly-sheet__content--form .spreedly-form__field-group .spreedly-form__label {
            color: #000;
            display: block;
            font-size: 14px;
            font-weight: 400;
            line-height: 1.4;
            margin: 0;
            padding: 0;
            text-align: left
        }

        .spreedly-sheet__content--form .spreedly-form__field-group .spreedly-form__descriptor {
            color: #b5b5b5;
            font-size: 13px;
            margin-left: 6px
        }

        .spreedly-sheet__content--form .spreedly-form__field-group .spreedly-form__field {
            position: relative
        }

            .spreedly-sheet__content--form .spreedly-form__field-group .spreedly-form__field label {
                cursor: text;
                display: block;
                margin: 0
            }

            .spreedly-sheet__content--form .spreedly-form__field-group .spreedly-form__field .spreedly-form__icon-container {
                margin-top: -14px;
                position: absolute;
                right: 11px;
                top: 50%
            }

            .spreedly-sheet__content--form .spreedly-form__field-group .spreedly-form__field .spreedly-form__hosted-field {
                border: 1px solid #bfbfbf;
                height: 44px;
                margin: 4px 0 0;
                padding: 0 8px;
                color: black;
                font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
                font-weight: 400;
            }

                .spreedly-sheet__content--form .spreedly-form__field-group .spreedly-form__field .spreedly-form__hosted-field.card-number {
                    width: 100%;
                    padding: 0px;
                }

                .spreedly-sheet__content--form .spreedly-form__field-group .spreedly-form__field .spreedly-form__hosted-field.card-detail {
                    width: 100px;
                }

                .spreedly-sheet__content--form .spreedly-form__field-group .spreedly-form__field .spreedly-form__hosted-field:hover {
                    border-color: #7d7d7d
                }

                .spreedly-sheet__content--form .spreedly-form__field-group .spreedly-form__field .spreedly-form__hosted-field.spreedly-form__field--valid {
                    border-color: #666
                }

                .spreedly-sheet__content--form .spreedly-form__field-group .spreedly-form__field .spreedly-form__hosted-field input.spreedly-form__raw-input {
                    border: none;
                    background-image: none;
                    background-color: transparent;
                    -webkit-box-shadow: none;
                    -moz-box-shadow: none;
                    box-shadow: none;
                    width: 100%;
                    height: 100%;
                    font-size: 16px;
                    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
                    color: #000
                }

                    .spreedly-sheet__content--form .spreedly-form__field-group .spreedly-form__field .spreedly-form__hosted-field input.spreedly-form__raw-input:focus {
                        outline: 0
                    }

            .spreedly-sheet__content--form .spreedly-form__field-group .spreedly-form__field.spreedly-form__checkbox {
                float: left
            }

                .spreedly-sheet__content--form .spreedly-form__field-group .spreedly-form__field.spreedly-form__checkbox input {
                    margin: -5px 5px 0 0;
                    padding: 0;
                    line-height: 0;
                    box-sizing: border-box
                }

        .spreedly-sheet__content--form .spreedly-form__field-group .spreedly-form__field-error-icon, .spreedly-sheet__content--form .spreedly-form__field-group .spreedly-form__field-secondary-icon, .spreedly-sheet__content--form .spreedly-form__field-group.spreedly-form__field-group--has-error .spreedly-form__field-secondary-icon, .spreedly-sheet__content--form .spreedly-form__field-group.spreedly-form__field-group--has-error.spreedly-form__field-group--card-type-known .spreedly-form__field-secondary-icon, .spreedly-sheet__content--form .spreedly-form__field-group.spreedly-form__field-group--has-error.spreedly-form__field-group--is-focused .spreedly-form__field-secondary-icon {
            display: none;
            transform: scale(0)
        }

        .spreedly-sheet__content--form .spreedly-form__field-group.spreedly-form__field-group--card-type-known .spreedly-form__field-secondary-icon, .spreedly-sheet__content--form .spreedly-form__field-group.spreedly-form__field-group--has-error .spreedly-form__field-error-icon, .spreedly-sheet__content--form .spreedly-form__field-group.spreedly-form__field-group--is-focused .spreedly-form__field-secondary-icon {
            display: block;
            transform: scale(1)
        }

        .spreedly-sheet__content--form .spreedly-form__field-group .spreedly-form__field-error {
            color: #ca2a2a;
            display: none;
            font-size: 13px;
            line-height: 1.4;
            margin: 3px 0;
            padding: 0
        }

        .spreedly-sheet__content--form .spreedly-form__field-group .spreedly-form__field-error-icon {
            margin-top: 2px
        }

            .spreedly-sheet__content--form .spreedly-form__field-group .spreedly-form__field-error-icon use {
                fill: #ca2a2a
            }

        .spreedly-sheet__content--form .spreedly-form__field-group.spreedly-form__field-group--has-error .spreedly-form__field-error {
            display: block
        }

    .spreedly-sheet__content--form .spreedly-form__flexible-fields {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }

        .spreedly-sheet__content--form .spreedly-form__flexible-fields .spreedly-form__field-group {
            flex-basis: 190px;
            flex-grow: 1
        }

.spreedly-form-expiration {
    /*width: 25%;*/
}

    .spreedly-form-expiration .spreedly-exp-slash {
        font-size: 14px;
        line-height: 1.4;
        float: left;
        width: 34%;
        text-align: center;
        height: 44px;
        padding-top: 11px;
    }

    .spreedly-form-expiration input[type=number], .spreedly-form-expiration input[type=text] {
        width: 33%;
        font-size: 14px;
        border: none;
        padding: 0;
        margin: 0;
        background: transparent;
        box-shadow: none;
        height: 44px;
        float: left;
        text-align: center;
    }

#spreedly-expiration-year {
    float: right;
}

.spreedly-input-height {
    height: 44px;
}

.spreedly-error {
    border: 1px solid #ff0000 !important;
}

.spreedly-error-message {
    color: #ff0000 !important;
    display: block !important;
}

/* ------------------------------------------------------------ *\
	Select
\* ------------------------------------------------------------ */
.select {
    border: 1px solid #e5e5e5;
    color: #ccc;
    position: relative;
}

    .select.active {
        color: #000;
    }

    .select select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        width: 100%;
        display: block;
        border: 0;
        padding: 10px 14px 9px;
    }

    .select.field-error select {
        border: 1px solid #ff0000;
    }

    .select i {
        position: absolute;
        top: 50%;
        right: 4px;
        color: #000;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

select::-ms-expand {
    display: none;
}

/* ------------------------------------------------------------ *\
	Field
\* ------------------------------------------------------------ */

.field {
    border: 1px solid #e3e3e3;
    display: block;
    width: 100%;
    font-size: 14px;
    color: #000;
    padding: 9px 13px 8px;
    border-radius: 0;
}

    .field::-webkit-input-placeholder {
        color: #9c9c9c;
    }

    .field:-ms-input-placeholder {
        color: #9c9c9c;
    }

    .field::placeholder {
        color: #9c9c9c;
    }

/* ------------------------------------------------------------ *\
	Field Alt
\* ------------------------------------------------------------ */

.field-alt {
    border: none;
    border-bottom: 2px solid #ccc;
    padding: 2px 0 1px;
    font-size: 18px;
    color: #4a4a4a;
}

.field-holder {
    position: relative;
}

    .field-holder .form-label {
        color: #898989;
        position: absolute;
        top: 2px;
        left: 0;
        margin-bottom: 0;
        font-size: 18px;
        transition: all .3s;
    }

    .field-holder.has-value .form-label,
    .field-holder .field-alt:focus ~ .form-label {
        font-size: 14px;
        color: #b8b8b8;
        top: -21px;
    }

/* ------------------------------------------------------------ *\
	Field-cvv
\* ------------------------------------------------------------ */

.field-cvv {
    text-align: left;
}

    .field-cvv::-webkit-input-placeholder {
        text-align: left;
    }

    .field-cvv:-ms-input-placeholder {
        text-align: left;
    }

    .field-cvv::placeholder {
        text-align: left;
    }

/* ------------------------------------------------------------ *\
	Radio
\* ------------------------------------------------------------ */

.radio {
    margin: 0;
}

    .radio input[type="radio"] {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        margin: 0;
        display: none;
    }

/* ------------------------------------------------------------ *\
	Textarea
\* ------------------------------------------------------------ */

.textarea {
    display: block;
    border: 1px solid #e5e5e5;
    border-radius: 1px;
    resize: none;
    width: 100%;
    height: 132px;
    color: #000;
    padding: 12px 21px;
    margin-bottom: 15px;
}

    .textarea::-webkit-input-placeholder {
        color: #cccccc;
    }

    .textarea:-ms-input-placeholder {
        color: #cccccc;
    }

    .textarea::placeholder {
        color: #cccccc;
    }

/* ------------------------------------------------------------ *\
	Checkbox
\* ------------------------------------------------------------ */

.checkbox {
    margin: 7px 0;
    text-align: left;
}

    .checkbox input[type="checkbox"],
    .checkbox-inline input[type="checkbox"] {
        margin: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none; /* for IE -> */
        opacity: 0;
        position: absolute; /* <- for IE */
    }

    .checkbox input {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }

    .checkbox label {
        font-size: 14px;
        text-transform: capitalize;
        position: relative;
        padding-left: 0;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .checkbox.mobile-opt-in label {
        text-transform: none !important;
    }

    .checkbox label:before {
        content: '';
        display: inline-block;
        width: 12px;
        height: 12px;
        border: 1px solid #e5e5e5;
        margin-right: 26px;
    }

    .checkbox input:checked + label:before {
        background: url(images/check.png) no-repeat 0 0;
        border: none;
        background-size: cover;
    }

@media (max-width: 767px) {
    .checkbox label:before {
        margin-right: 11px;
    }
}

/* ------------------------------------------------------------ *\
	Checkbox-secondary
\* ------------------------------------------------------------ */

.checkbox-secondary label {
    font-size: 12px;
    text-transform: capitalize;
    line-height: 1;
    text-align: center;
    display: block;
}

    .checkbox-secondary label:before {
        content: none;
    }

/* ------------------------------------------------------------ *\
	Checkbox Rate
\* ------------------------------------------------------------ */

.checkbox-rate {
    position: relative;
}

    .checkbox-rate i {
        text-indent: 0;
    }

    .checkbox-rate input {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        width: 1px;
        height: 1px;
        overflow: hidden;
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        visibility: hidden;
    }

    .checkbox-rate .checkbox-label svg path {
        stroke: #E69110;
    }

    .checkbox-rate input:checked ~ .checkbox-label svg path {
        fill: #E69110;
    }

/* ------------------------------------------------------------ *\
	Checkbox Filter
\* ------------------------------------------------------------ */

.checkbox-filter {
    position: relative;
}

    .checkbox-filter input {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        width: 1px;
        height: 1px;
        overflow: hidden;
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        visibility: hidden;
    }

    .checkbox-filter label {
        font-size: 14px;
        font-weight: 700;
        color: #969696;
        border: 1px solid #eaeaea;
        text-transform: capitalize;
        padding: 2px 7px;
        border-radius: 2px;
        margin-bottom: 0;
        margin: 3px;
    }

    .checkbox-filter input:checked ~ label {
        background-color: #93bd20;
        border-color: #93bd20;
        color: #fff;
    }

/* ------------------------------------------------------------ *\
	Form-radio-checkbox
\* ------------------------------------------------------------ */

.form-radio-checkbox {
    height: 56px;
    margin: 0;
}

    .form-radio-checkbox input[type="checkbox"],
    .form-radio-checkbox input[type="radio"] {
        margin: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none; /* for IE -> */
        opacity: 0;
        position: absolute; /* <- for IE */
    }

    .form-radio-checkbox label {
        line-height: 54px;
        font-size: 12px;
        display: block;
        text-align: center;
        padding: 0;
        border: 1px solid #e5e5e5;
        border-radius: 4px;
        background: #fff;
    }

        .form-radio-checkbox label span {
            line-height: 1.3;
        }

    .form-radio-checkbox input:checked + label {
        border: 1px solid #729809;
        background-color: rgba(147, 189, 32, 0.25);
        color: #5d7f00;
        font-weight: 700;
    }

@media (max-width: 767px) {
    .form-radio-checkbox label {
        line-height: 39px;
        font-size: 10px;
    }

    .form-radio-checkbox {
        height: auto;
        margin-bottom: 10px;
        white-space: nowrap;
        overflow: hidden;
    }
}

/* ------------------------------------------------------------ *\
	Form-radio-checkbox-secodnary
\* ------------------------------------------------------------ */

.form-radio-checkbox-secondary label {
    border: 1px solid #d0d3d8;
    color: #5e747d;
    font-size: 12px;
    line-height: 40px;
    background-color: #f1f2f4;
    background: linear-gradient(#f1f2f4, #e8eaed);
}

.form-radio-checkbox-secondary input:checked + label {
    border-color: #93bd20;
    color: #72980a;
    background: #fff;
    font-weight: 400;
}

/* ------------------------------------------------------------ *\
	Radio-payment
\* ------------------------------------------------------------ */

.radio-payment {
    margin: 0;
}

    .radio-payment input[type="radio"] {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        margin: 0;
        display: none;
    }

    .radio-payment label {
        padding-left: 0;
        width: 94%;
        display: block;
        padding: 13px 0 10px;
        border: 1px solid #ececec;
        color: #000000;
    }

        .radio-payment label span {
            display: block;
            font-size: 12px;
            line-height: 1.3;
        }

        .radio-payment label small {
            font-size: 10px;
            display: block;
        }

    .radio-payment .radio-icon {
        width: 64px;
        height: 42px;
        background-color: #288dcb;
        border-radius: 4px;
        margin: 0 auto 11px;
    }

    .radio-payment input:checked + label {
        border-color: #93bd20;
    }

    .radio-payment.checkout-radio input:checked + label {
        border-color: #ececec !important;
    }

/* ------------------------------------------------------------ *\
	Radio-default
\* ------------------------------------------------------------ */

.radio-default label {
    padding-left: 47px;
    position: relative;
    font-size: 14px;
    color: #000;
    line-height: 1;
    min-height: 0;
}

[dir="rtl"] .radio-default label {
    padding-right: 47px;
    padding-left: initial
}

.radio-default label span + span {
    margin-left: 18px;
}

.radio-default label:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 20px;
    margin-top: -10px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 1px solid #bfbfbf;
    border-radius: 50%;
}

[dir="rtl"] .radio-default label:before {
    right: 20px;
    left: initial;
}

.radio-default label:after {
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #000;
    position: absolute;
    top: 50%;
    left: 24px;
    margin-top: -6px;
    opacity: 0;
}

.radio-default input:checked + label:before {
    border-color: #000;
}

.radio-default input:checked + label:after {
    opacity: 1;
}

.radio-default label .delivery-unavailable {
    color: gray;
}
/* ------------------------------------------------------------ *\
	Form-btn
\* ------------------------------------------------------------ */
.form-btn {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    border-radius: 0;
    background: none;
}

    .form-btn:disabled {
        background-color: #ccc !important;
    }

/* ------------------------------------------------------------ *\
	Form-row-amount
\* ------------------------------------------------------------ */

.form-row-amount {
    position: relative;
}

    .form-row-amount .field {
        padding: 6px 13px;
    }

    .form-row-amount i {
        position: absolute;
        top: 10px;
        right: 13px;
    }

    .form-row-amount .ico-check-grey:hover {
        background-image: url(images/sprite.png);
        background-position: 100% 54.18060200668896%;
        background-size: 2457.1428571428573% 2400%;
        width: 14px;
        height: 13px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
        cursor: pointer;
    }

/* ------------------------------------------------------------ *\
	Form-alert-error
\* ------------------------------------------------------------ */

.form-alert-error {
    border: 1px solid #ff0000;
    font-size: 12px;
    color: #ff0000;
    max-width: 263px;
    text-align: center;
    padding: 4px 0;
}

    .form-alert-error p {
        position: relative;
        left: -13px;
    }

    .form-alert-error i {
        margin-right: 17px;
    }

/* ------------------------------------------------------------ *\
	Form-hint
\* ------------------------------------------------------------ */

.form-hint {
    color: #ff0000;
    font-size: 12px;
    line-height: 1;
}

/* ------------------------------------------------------------ *\
	Form-asterisk
\* ------------------------------------------------------------ */

.form-asterisk {
    color: #ff0000;
    margin-left: 4px;
}

/* ------------------------------------------------------------ *\
	Form-label
\* ------------------------------------------------------------ */

.form-label {
    color: #555555;
    font-weight: 400;
    font-size: 16px;
}

    .form-label span {
        display: inline-block;
        vertical-align: middle;
    }

@media (max-width: 767px) {
    .form-label {
        font-size: 12px;
    }
}

/* ------------------------------------------------------------ *\
	Form-order
\* ------------------------------------------------------------ */

.form-order .form-hint {
    margin-top: -3px;
}

.form-order .form-actions {
    text-align: right;
}

[dir="rtl"] .form-order .form-actions {
    text-align: left;
}

.form-order .form-actions .link-cancel {
    float: left;
    text-transform: uppercase;
    font-size: 16px;
    margin-top: 14px;
}

.form-order .form-actions p {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    font-size: 16px;
    color: #555555;
    margin-right: 16px;
}

.form-order .form-body {
    padding-top: 11px;
    margin-bottom: 25px;
}

.form-order .form-row {
    padding: 0 16px;
}

.form-order .form-alert {
    margin-bottom: 3px;
    display: none;
}

.form-order .form-icon {
    display: none;
}

.form-order .form-section {
    border: 1px solid #e5e5e5;
    background: #fff;
    margin-bottom: 14px;
    padding: 9px 18px 13px;
}

    .form-order .form-section:last-child {
        margin-bottom: 0;
    }

    .form-order .form-section > .form-label {
        margin-bottom: 21px;
    }

.form-order .spinner {
    margin-bottom: 14px;
}

.form-order .textarea {
    max-width: 651px;
}

@media (max-width: 767px) {
    .form-order .form-row {
        padding-left: 0;
        padding-right: 0;
    }
}

@media (max-width: 767px) {
    .form-order .form-section {
        padding-bottom: 10px;
    }

        .form-order .form-section > .form-label {
            margin-bottom: 10px;
        }
}

/* Form error states*/

.form-order.not-validated .form-hint {
    display: none;
}

.form-order.not-validated .form-alert {
    display: block;
}

.form-section.has-error {
    border-color: #ff0000;
}

    .form-section.has-error .form-label i {
        display: none;
    }

    .form-section.has-error .form-label .form-icon-error {
        display: inline-block;
    }

/* Form section-success*/

.form-section.success {
    border-color: #93bd20;
}

    .form-section.success .form-label i {
        display: none;
    }

    .form-section.success .form-label .form-icon-success {
        display: inline-block;
    }

.form-order .form-btn {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    max-width: 180px;
    border: 0;
    border-radius: 4px;
    background: none;
    padding: 13px 0 12px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
    box-shadow: inset 0 1px 0 #b3b3b3, inset 1px 0 0 #b4b4b4, inset -1px 0 0 #b3b3b3, inset 0 -2px 0 rgba(118, 118, 118, 0.25);
    background-color: #cccccc;
    background-image: linear-gradient(180deg, rgba(131, 131, 131, 0) 0%, rgba(131, 131, 131, 0.4) 100%);
    font-size: 16px;
    color: #969696;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

    .form-order .form-btn:hover {
        color: #fff;
    }

.form-order.success .form-btn {
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1), inset 0 2px 0 rgba(255, 255, 255, 0.4), inset 0 1px 0 #93bd20, inset 1px 0 0 #93bd20, inset 0 -2px 0 rgba(116, 154, 12, 0.5);
    background-color: #93bd20;
    background-image: linear-gradient(180deg, rgba(114, 152, 10, 0) 0%, rgba(114, 152, 10, 0.5) 100%);
    color: #fff;
}



@media (max-width: 767px) {
    .form-order .form-actions:first-child {
        display: none;
    }

    .form-order .form-actions {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 500;
        background: #f8f8f8;
        box-shadow: inset 0 1px 0 #e3e3e3;
        padding: 16px;
    }

        .form-order .form-actions p,
        .form-order .form-btn,
        .form-order .form-actions .link-cancel {
            font-size: 14px;
        }

    .form-order .form-btn {
        padding: 8px;
        max-width: 160px;
    }
}

/* 
/*@media (max-width: 767px) {
	.form-order .form-actions:first-child { display: none; }
	.form-order .form-actions { position: relative; bottom:0; left:0; width: 100%; z-index: 500; background: #f8f8f8; box-shadow: inset 0 1px 0 #e3e3e3; padding:16px; }
	.form-order .form-actions p,
	.form-order .form-btn,
	.form-order .form-actions .link-cancel { font-size: 14px; }

	.form-order .form-btn { padding:8px; max-width: 128px; }
}*/

/* ------------------------------------------------------------ *\
	Form-add-code
\* ------------------------------------------------------------ */

.form-add-code {
    padding: 14px 0 12px;
}

    .form-add-code .form-row {
        display: -ms-flexbox;
        display: flex;
    }

    .form-add-code:after {
    }

    .form-add-code .field {
        max-width: 203px;
        padding: 6px 13px;
    }

    .form-add-code .form-section.has-error .field {
        border-color: #ff0000;
    }

    .form-add-code .form-btn {
        max-width: 70px;
        width: 100%;
        padding: 8px 0 7px;
        background-color: #e7e9ec;
        background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%);
        border: 1px solid #d0d3d8;
        border-radius: 4px;
        font-size: 12px;
        font-weight: 400;
        color: #5e747d;
        box-shadow: none;
        transition: all .3s;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        margin-left: 10px;
    }

[dir="rtl"] .form-add-code .form-btn {
    margin-right: 10px;
    margin-left: initial;
}

.form-add-code .form-btn:hover {
    color: #000;
    border-color: #000;
}

/* ------------------------------------------------------------ *\
	Form-add-tip
\* ------------------------------------------------------------ */

.form-add-tip {
    padding: 14px 0 12px;
}

    .form-add-tip .form-row {

    }

    .form-add-tip:after {
    }

    .form-add-tip .field {
        max-width: 203px;
        padding: 6px 13px;
    }

    .form-add-tip .form-section.has-error .field {
        border-color: #ff0000;
    }

    .form-add-tip .form-btn {
        max-width: 70px;
        width: 100%;
        padding: 8px 0 7px;
        background-color: #e7e9ec;
        background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%);
        border: 1px solid #d0d3d8;
        border-radius: 4px;
        font-size: 12px;
        font-weight: 400;
        color: #5e747d;
        box-shadow: none;
        transition: all .3s;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        margin-left: 10px;
    }

    .form-add-tip .form-btn.selected {
        background-color: #A1BB39;
    }

[dir="rtl"] .form-add-tip .form-btn {
    margin-right: 10px;
    margin-left: initial;
}

.form-add-tip .form-btn:hover {
    color: #000;
    border-color: #000;
}

/* ------------------------------------------------------------ *\
	Form-login
\* ------------------------------------------------------------ */

.form-login {
    max-width: 307px;
    margin: 0 auto;
    text-align: center;
}

    .form-login form {
        margin-bottom: 19px;
    }

    .form-login a {
        text-decoration: none;
        color: #72980a;
        font-size: 16px;
    }

    .form-login .form-row {
        margin-bottom: 10px;
    }

    .form-login .form-head {
        text-align: center;
        margin-bottom: 31px;
    }

    .form-login .form-body {
        padding: 0 13px;
        margin-bottom: 29px;
    }

@media (max-width: 767px) {
    .form-login {
        width: 280px;
    }

        .form-login .form-body {
            padding: 0;
        }

        .form-login .form-head {
            text-align: left;
            margin-bottom: 20px;
        }

            .form-login .form-head h5 {
                font-size: 14px
            }

        .form-login a {
            font-size: 14px;
        }

        .form-login .form-body {
            margin-bottom: 17px;
        }
}

/* ------------------------------------------------------------ *\
	Form-payment
\* ------------------------------------------------------------ */

.form-payment {
    text-align: center;
    max-width: 462px;
    margin: 0 auto;
}

    .form-payment a {
        color: #72980a;
        text-decoration: none;
        font-size: 12px;
    }

        .form-payment a .caret {
            color: #000;
        }

        .form-payment a:hover {
            color: #000;
        }

    .form-payment .form-notice {
        line-height: 1;
    }

    .form-payment .form-head {
        text-align: center;
        margin-bottom: 25px;
    }

    .form-payment .field {
        color: #000;
    }

        .form-payment .field::-webkit-input-placeholder {
            color: #cccccc;
        }

        .form-payment .field:-ms-input-placeholder {
            color: #cccccc;
        }

        .form-payment .field::placeholder {
            color: #cccccc;
        }

    .form-payment .form-body {
        margin-bottom: 85px;
        padding: 0 6px;
    }

    .form-payment .form-actions > p {
        font-size: 16px;
        margin-bottom: 17px;
    }

    .form-payment .form-actions p span {
        color: #e6a504;
    }

    .form-payment .list-radios {
        margin-bottom: 6px;
    }

    .form-payment .form-btn {
        max-width: 307px;
        margin: 0 auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        padding: 14px 0;
        text-align: center;
        text-transform: uppercase;
        font-weight: 700;
        color: #fff;
        box-shadow: inset 0 1px 0 #b3b3b3, inset 1px 0 0 #b4b4b4, inset -1px 0 0 #b3b3b3, inset 0 -2px 0 rgba(118, 118, 118, 0.25);
        background-color: #cccccc;
        background-image: linear-gradient(180deg, rgba(131, 131, 131, 0) 0%, rgba(131, 131, 131, 0.4) 100%);
        font-size: 16px;
        color: #969696;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border-radius: 4px;
    }

    .form-payment.success .form-btn {
        pointer-events: auto;
        border-radius: 4px;
        box-shadow: 0 2px 0 rgba(0, 0, 0, 0.15), inset 0 2px 0 rgba(255, 255, 255, 0.35), inset 0 -2px 0 rgba(230, 165, 4, 0.55), inset 0 1px 0 #e6a504, inset 1px 0 0 #e6a504, inset -1px 0 0 #e6a504;
        background-color: #ffcc00;
        background-image: linear-gradient(180deg, rgba(230, 165, 4, 0) 0%, rgba(230, 165, 4, 0.7) 100%);
        color: #fff;
    }

    .form-payment .form-section.has-error .field {
        border-color: #ff0000;
    }

    .form-payment .form-notice {
        padding-left: 5px;
        margin-bottom: 24px;
    }

        .form-payment .form-notice p {
            font-size: 12px;
            text-align: left;
            line-height: 1.3;
        }

    .form-payment .form-controls > .card-image {
        position: absolute;
        top: 50%;
        right: 14px;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        color: #769900;
        opacity: 0;
        visibility: hidden;
    }

    .form-payment .form-section .field.visa ~ .card-visa {
        opacity: 1;
        visibility: visible;
    }

    .form-payment .form-section .field.mastercard ~ .card-mastercard {
        opacity: 1;
        visibility: visible;
    }

    .form-payment .form-section .field.amex ~ .card-amex {
        opacity: 1;
        visibility: visible;
    }

@media (max-width: 767px) {
    .form-payment h5 {
        font-size: 14px;
        text-align: left;
        padding-right: 40px;
    }

    .form-payment .list-radios {
        display: -ms-flexbox;
        display: flex;
        padding-top: 15px;
    }

        .form-payment .list-radios li {
            float: none;
        }

        .form-payment .list-radios .radio-payment {
            display: -ms-flexbox;
            display: flex;
            height: 126px;
        }

    .form-payment-add .form-label {
        display: block;
        padding-bottom: 10px;
    }

    .form-payment.form-payment-add .field,
    .form-payment.form-payment-add .field-size-1 {
        width: 100%;
    }

    .form-payment-add .form-controls {
        display: block;
        width: 100%;
    }

    .form-payment.form-payment-add .form-section {
        max-width: 100%;
    }

    .form-payment.form-payment-add .select + .select {
        margin-left: 0;
        margin-top: 10px;
    }
}

/* ------------------------------------------------------------ *\
	Form-payment-card
\* ------------------------------------------------------------ */

.form-payment-card {
    max-width: 612px;
}

    .form-payment-card h5 {
        margin: 0;
    }

    .form-payment-card .form-head {
        padding: 6px 0 0;
    }

    .form-payment-card .form-body {
        margin-bottom: 90px;
    }

    .form-payment-card .form-controls {
        position: relative;
    }

        .form-payment-card .form-controls > i,
        .form-payment-card .form-controls > .card-image {
            position: absolute;
            top: 50%;
            right: 14px;
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            color: #769900;
            opacity: 0;
            visibility: hidden;
        }

    .form-payment-card .row {
        margin: 0 -21px;
    }

    .form-payment-card [class^="col-"] {
        padding: 0 21px;
    }

    .form-payment-card .form-section {
        margin-bottom: 9px;
    }

        .form-payment-card .form-section.opt-in {
            margin-bottom: 9px;
            margin-top: 9px;
        }

        .form-payment-card .form-section:after {
        }

        .form-payment-card .form-section.success .form-controls > i {
            opacity: 1;
            visibility: visible;
        }

    .form-payment-card .form-col {
        float: left;
    }

    .form-payment-card .form-col-size1 {
        width: 84px;
        margin-right: 9px;
    }

    .form-payment-card .form-col-size2 {
        width: 70px;
        float: right;
    }

    .form-payment-card .form-col-size3 {
        width: 154px;
    }

    .form-payment-card .checkbox {
        margin: 0;
    }

        .form-payment-card .checkbox label {
            line-height: 1;
            font-size: 12px;
        }

@media (max-width: 1200px) {
    .form-payment-card .form-col-size2 {
        display: block;
        clear: both;
        float: left;
        margin-top: 8px;
    }

    .form-payment-card .form-col-size1 {
        margin-right: 0;
    }

        .form-payment-card .form-col-size1 + .form-col-size1 {
            margin-left: 9px;
        }
}

@media (max-width: 767px) {
    .form-payment-card .form-col-size2 {
        clear: none;
        float: right;
        padding-top: 0;
        margin-top: 0;
    }
}

/* ------------------------------------------------------------ *\
	Form-payment-add
\* ------------------------------------------------------------ */

.form-payment-add {
    max-width: 100%;
    margin: 0 auto;
    font-size: 0;
}

    .form-payment-add .form-hint {
        text-align: left;
        font-size: 10px;
    }

    .form-payment-add .form-row {
        margin-bottom: 8px;
        text-align: left;
    }

    .form-payment-add .field {
        line-height: 1;
        padding: 8px 14px 7px;
        display: inline-block;
        width: 252px;
    }

    .form-payment-add .field-size-1 {
        width: 122px;
    }

    .form-payment-add .select {
        display: inline-block;
        vertical-align: middle;
    }

        .form-payment-add .select + .select {
            margin-left: 8px;
        }

        .form-payment-add .select select {
            font-size: 16px;
            padding: 8px 14px 8px;
            color: #000;
            line-height: 1;
        }

        .form-payment-add .select i {
            right: 9px;
            margin-top: -2px;
        }

    .form-payment-add .form-actions {
        border-top: 2px solid #e4e4e4;
        padding: 20px 0;
    }

    .form-payment-add .form-body {
        padding: 0 0 18px;
        max-width: 381px;
        margin: 0 auto;
    }

    .form-payment-add .form-label {
        font-size: 10px;
        text-transform: uppercase;
        display: inline-block;
        vertical-align: middle;
        margin: 0;
        width: 98px;
        margin-top: 5px;
        text-align: left;
    }

        .form-payment-add .form-label span {
            vertical-align: top;
            color: #ff0000;
        }

    .form-payment-add .form-section {
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        max-width: 252px;
    }

    .form-payment-add .form-controls {
        position: relative;
        display: inline-block;
    }

        .form-payment-add .form-controls > i {
            position: absolute;
            top: 50%;
            right: -20px;
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            color: #769900;
            opacity: 0;
            visibility: hidden;
            font-size: 15px;
        }

    .form-payment-add .form-section.success .form-controls > i {
        opacity: 1;
        visibility: visible;
    }

    .form-payment-add .form-row + .form-hint {
        margin: 22px 0 0 5px;
    }

    .form-payment-add .form-btn {
        max-width: 294px;
        padding: 13px 0;
    }

@media (max-width: 767px) {
    .form-payment-add .form-controls > i {
        right: -17px;
    }
}

/* ------------------------------------------------------------ *\
	Form-review
\* ------------------------------------------------------------ */

.form-review {
    padding-bottom: 7px;
}

    .form-review h3 {
        margin: 9px 0 0;
    }

    .form-review .form-head {
        margin-bottom: 22px;
    }

    .form-review .form-body {
        max-width: 658px;
        margin: 0 auto;
        text-align: center;
    }

        .form-review .form-body .list-rates {
            margin-bottom: 27px;
        }

    .form-review .form-actions {
        text-align: center;
        padding-top: 7px;
    }

    .form-review .btn {
        font-size: 12px;
        padding: 5px 32px 4px;
    }

/* ------------------------------------------------------------ *\
	Form-edit
\* ------------------------------------------------------------ */

.form-edit .form-actions {
    float: right;
}

    .form-edit .form-actions button + button {
        border-left: 2px solid #e4e4e4;
        margin-left: 18px;
    }

.form-edit .form-btn {
    border: 0;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: #a7a7a7;
    text-transform: uppercase;
    padding-left: 18px;
}

    .form-edit .form-btn span {
        display: inline-block;
        vertical-align: middle;
        margin-right: 10px;
    }

    .form-edit .form-btn.color-grey:hover {
        color: #ff0000;
    }

        .form-edit .form-btn.color-grey:hover .ico-close {
            background: url(images/ico-close@2x.png) no-repeat 0 0;
            width: 12px;
            height: 12px;
            background-size: cover;
        }

    .form-edit .form-btn:hover {
        color: #72980a;
    }

        .form-edit .form-btn:hover .ico-check-grey {
            background-image: url(images/sprite.png);
            background-position: 100% 54.18060200668896%;
            background-size: 2457.1428571428573% 2400%;
            width: 14px;
            height: 13px;
            display: inline-block;
            vertical-align: middle;
            font-size: 0;
        }

.form-edit .form-row {
    display: inline-block;
    vertical-align: middle;
}

.form-edit .select {
    display: inline-block;
    vertical-align: middle;
    width: 122px;
    color: #000;
    line-height: 1;
}

    .form-edit .select select {
        padding: 9px 14px;
    }

.form-edit .field {
    color: #000;
}

.form-edit .list-payment-details li {
    margin-bottom: 16px;
}

.form-edit .tooltip {
    margin-left: 20px;
}

@media (max-width: 767px) {
    .form-edit .form-row,
    .form-edit .select {
        width: 100%;
    }

        .form-edit .select + .select {
            margin-top: 5px;
        }

    .form-edit .tooltip {
        margin-left: 0px;
    }

        .form-edit .tooltip .tooltip-content {
            max-width: 115px;
        }
}

.form-payment-secondary .form-controls-secondary {
    display: -ms-flexbox;
    display: flex;
}

.form-payment-secondary .nav-language {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 100px;
    height: 40px;
    border: 1px solid #d6d6d6;
    background-color: #f6f6f6;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 9px;
    border-radius: 2px;
}

[dir="rtl"] .form-payment-secondary .nav-language {
    margin-left: 9px;
    margin-right: initial;
}

.form-payment-secondary .nav-language i {
    margin-right: 0;
}

.form-payment-secondary .nav-language .caret {
    border-top-width: 4px;
    border-right-width: 4px;
    border-left-width: 4px;
    opacity: .5;
    margin-left: 5px;
}

.form-payment-secondary .form-body {
    margin-bottom: 15px;
}

.form-payment-secondary .checkbox label:before {
    margin-right: 11px;
    margin-left: 7px;
    margin-bottom: -1px;
}

.form-payment-secondary .btn-large-green {
    min-width: 307px;
    font-size: 16px;
    padding: 13px 0;
}

.form-payment-secondary .dropdown-menu {
    min-width: 250px;
    padding-top: 40px;
    margin-top: -40px;
    z-index: 49;
}

    .form-payment-secondary .dropdown-menu li:first-child {
        border-top: 2px solid rgba(206, 206, 206, 0.3);
        padding-top: 5px;
    }

    .form-payment-secondary .dropdown-menu li a {
        font-size: 16px;
    }

.form-payment-secondary .dropdown-toggle {
    position: relative;
    z-index: 50;
    font-size: 16px;
}

.form-payment-secondary.mobile-opt-in {
    border-top: 1px solid #e3e3e3;
    padding-top: 20px;
}

/* Form password protection */

.form-password-protection {
    width: 340px;
    padding: 11px 0 26px;
}

    .form-password-protection ul {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        list-style: none;
    }

    .form-password-protection li {
        min-width: 161px;
        text-align: left;
        font-size: 11px;
        line-height: 1.45;
        color: #bebebe;
        padding-bottom: 5px;
    }

@media (max-width: 767px) {
    .form-payment-secondary .btn-large-green {
        min-width: 100%;
    }
}

/* ------------------------------------------------------------ *\
	Form Login Account
\* ------------------------------------------------------------ */

.form-login-account {
    width: 382px;
    max-width: 382px;
    margin: 0 auto;
    padding: 0 6px;
}

    .form-login-account h1 {
        font-weight: 300;
        margin-bottom: 58px;
    }

    .form-login-account .form-row ~ .form-row {
        margin-top: 44px;
    }

    .form-login-account .form-body {
        text-align: left;
        margin-bottom: 51px;
    }

        .form-login-account .form-body a {
            text-decoration: none;
            color: #72980a;
            margin-top: 16px;
            display: inline-block;
        }

            .form-login-account .form-body a:hover {
                color: #000;
            }

    .form-login-account .form-label {
        cursor: auto;
    }

    .form-login-account .form-section {
        position: relative;
    }

        .form-login-account .form-section.has-error .field {
            border-bottom-color: #f00;
            color: #f00;
        }

        .form-login-account .form-section.has-error:before {
            content: '\f00d';
            color: #f00;
            font-family: 'FontAwesome';
            position: absolute;
            top: 4px;
            right: 0;
            z-index: 1;
        }

        .form-login-account .form-section.has-error .form-label {
            color: #f00;
        }

        .form-login-account .form-section.success:before {
            content: '\f00c';
            color: #72980a;
            font-family: 'FontAwesome';
            position: absolute;
            top: 4px;
            right: 0;
            z-index: 1;
        }

/* ------------------------------------------------------------ *\
	Form Sign Up
\* ------------------------------------------------------------ */

.form-sign-up {
    width: 370px;
    max-width: 370px;
    padding-top: 20px;
}

    .form-sign-up .form-label {
        cursor: auto;
    }

    .form-sign-up .form-row ~ .form-row {
        margin-top: 40px;
    }

    .form-sign-up .form-step ~ .form-step {
        margin-top: 40px;
    }

    .form-sign-up .form-step-head {
        display: none;
    }

    .form-sign-up .form-step-actions {
        display: none;
    }

        .form-sign-up .form-step-actions .link-step {
            text-transform: uppercase;
            text-decoration: none;
            color: #72980a;
            margin: 15px 0 0 8px;
        }

    .form-sign-up .form-btn {
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        max-width: 280px;
        border: 0;
        border-radius: 4px;
        background: none;
        padding: 13px 0 12px;
        text-align: center;
        text-transform: uppercase;
        font-weight: 700;
        color: #fff;
        box-shadow: inset 0 1px 0 #b3b3b3, inset 1px 0 0 #b4b4b4, inset -1px 0 0 #b3b3b3, inset 0 -2px 0 rgba(118, 118, 118, 0.25);
        background-color: #cccccc;
        background-image: linear-gradient(180deg, rgba(131, 131, 131, 0) 0%, rgba(131, 131, 131, 0.4) 100%);
        font-size: 16px;
        color: #969696;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        pointer-events: none;
    }

    .form-sign-up .checkbox {
        text-align: center;
        font-weight: 400;
        color: #555555;
        margin-bottom: 13px;
    }

        .form-sign-up .checkbox label {
            text-transform: none;
        }

            .form-sign-up .checkbox label:before {
                margin-right: 13px;
            }

        .form-sign-up .checkbox a {
            color: #60890b;
            text-decoration: none;
        }

    .form-sign-up .dropdown {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding-left: 10px;
        min-width: 57px;
        height: 32px;
        border: 1px solid #d6d6d6;
        background-color: #f6f6f6;
        -ms-flex-align: center;
        align-items: center;
        margin-right: 15px;
        border-radius: 2px;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 10;
    }

    .form-sign-up .dropdown-search {
        -ms-flex-positive: 1;
        flex-grow: 1;
        padding-left: 10px;
    }

    .form-sign-up .dropdown.open {
        min-width: 280px;
        background: #fff;
        border-bottom-color: transparent;
    }

        .form-sign-up .dropdown.open .dropdown-field {
            display: block;
            width: 100%;
        }

    .form-sign-up .dropdown ~ .field {
        float: left;
    }

    .form-sign-up .dropdown ~ .form-label {
        left: 72px;
    }

    .form-sign-up .field-holder:after {
    }

    .form-sign-up .field-holder-with-dropdown {
        margin-top: 4px;
        padding-left: 73px;
    }

    .form-sign-up .has-value .form-label,
    .form-sign-up .field-holder .field:focus ~ .form-label {
        left: 0;
    }

    .form-sign-up .dropdown i {
        margin-right: 0;
    }

    .form-sign-up .dropdown .dropdown-field {
        border: 0;
        border-radius: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background: transparent;
        padding: 0 10px;
        display: none;
    }

    .form-sign-up .dropdown .caret {
        border-top-width: 4px;
        border-right-width: 4px;
        border-left-width: 4px;
        opacity: .5;
        margin-left: 5px;
    }

    .form-sign-up .dropdown-menu {
        min-width: 280px;
        padding-top: 0;
        margin: 0px 0 0 -1px;
        z-index: 49;
        border-top: none;
        border-radius: 0;
        max-height: 194px;
        overflow-y: auto;
    }

        .form-sign-up .dropdown-menu:before {
            content: '';
            background: #cecece;
            height: 1px;
            position: absolute;
            top: 0;
            left: 10px;
            right: 10px;
        }

        .form-sign-up .dropdown-menu li a {
            font-size: 16px;
            text-decoration: none;
            padding: 0 11px;
            line-height: 1.19;
        }

        .form-sign-up .dropdown-menu li {
            margin-top: 15px;
        }

    .form-sign-up .dropdown-toggle {
        position: relative;
        z-index: 50;
        font-size: 16px;
        text-decoration: none;
    }

        .form-sign-up .dropdown-toggle:hover,
        .form-sign-up .dropdown-toggle:focus {
            color: #333;
        }

    .form-sign-up .loader {
        position: absolute;
        top: 50%;
        left: 50%;
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        opacity: 0;
        visibility: hidden;
    }

    .form-sign-up .form-notice {
        font-size: 11px;
        text-align: left;
        line-height: 1.45;
        display: none;
    }

    .form-sign-up.success .form-btn {
        box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1), inset 0 2px 0 rgba(255, 255, 255, 0.4), inset 0 1px 0 #93bd20, inset 1px 0 0 #93bd20, inset 0 -2px 0 rgba(116, 154, 12, 0.5);
        background-color: #93bd20;
        background-image: linear-gradient(180deg, rgba(114, 152, 10, 0) 0%, rgba(114, 152, 10, 0.5) 100%);
        color: #fff;
        pointer-events: auto;
    }

    .form-sign-up .form-section {
        position: relative;
    }

        .form-sign-up .form-section.has-error .field {
            border-bottom-color: #f00;
            color: #f00;
        }

        .form-sign-up .form-section.has-error:before {
            content: '\f00d';
            color: #f00;
            font-family: 'FontAwesome';
            position: absolute;
            top: 4px;
            right: 0;
            z-index: 1;
        }

        .form-sign-up .form-section.has-error .form-label {
            color: #f00;
        }

        .form-sign-up .form-section.success:before {
            content: '\f00c';
            color: #72980a;
            font-family: 'FontAwesome';
            position: absolute;
            top: 4px;
            right: 0;
            z-index: 1;
        }

    .form-sign-up .form-section-pass.success:before {
        content: none;
    }

    .form-sign-up .form-message {
        height: 0;
        overflow: hidden;
        max-width: 248px;
        margin: 0 auto;
        font-weight: 300;
        opacity: 0;
        visibility: hidden;
        transition: opacity .5s 5s, visibility .5s 5s;
    }

        .form-sign-up .form-message h3 {
            font-weight: 300;
            margin: 30px 0;
            line-height: 1.2;
        }

        .form-sign-up .form-message h5 {
            font-weight: 300;
            line-height: 1.44;
        }

    .form-sign-up.sent form {
        display: none;
    }

    .form-sign-up.sent .form-message {
        height: auto;
        opacity: 1;
        visibility: visible;
    }

    .form-sign-up.sent .loader.is-active {
        opacity: 1;
        visibility: visible;
    }

@media (max-width: 767px) {
    .form-sign-up {
        width: 100%;
        max-width: 100%;
        padding: 0;
    }

        .form-sign-up .form-actions {
            display: none;
        }

        .form-sign-up .form-row ~ .form-row {
            margin-top: 36px;
        }

        .form-sign-up .mobile-row ~ .mobile-row {
            margin-top: 36px;
        }

        .form-sign-up .form-body {
            height: 472px;
            padding-bottom: 15px;
        }

        .form-sign-up .form-step-actions {
            position: absolute;
            bottom: 15px;
            left: 0;
            right: 0;
            padding: 0 24px;
            z-index: 10;
            display: block;
        }

            .form-sign-up .form-step-actions .link-step {
                opacity: 0;
                visibility: hidden;
                transition: opacity .3s .5s;
                background: none;
                box-shadow: none;
            }

        .form-sign-up .form-step {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            z-index: 5;
            -ms-transform: translateX(100%);
            transform: translateX(100%);
            transition: transform .3s .5s;
        }

            .form-sign-up .form-step.active {
                -ms-transform: translateX(0);
                transform: translateX(0);
            }

            .form-sign-up .form-step.completed {
                -ms-transform: translateX(-100%);
                transform: translateX(-100%);
            }

                .form-sign-up .form-step.completed ~ .form-step-actions .link-step {
                    opacity: 1;
                    visibility: visible;
                }

            .form-sign-up .form-step ~ .form-step {
                margin-top: 0;
            }

        .form-sign-up .form-step-head {
            display: block;
            height: 98px;
            background-color: #4c4c4c;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-pack: center;
            justify-content: center;
            padding: 0 16px;
        }

            .form-sign-up .form-step-head img {
                width: 58px;
                height: 58px;
                margin-right: 15px;
            }

                .form-sign-up .form-step-head img ~ h3 {
                    display: inline-block;
                    vertical-align: middle;
                    text-align: left;
                }

            .form-sign-up .form-step-head h3 {
                font-weight: 300;
                color: #fff;
                line-height: 1.3;
                margin-top: 0;
                text-align: center;
                max-width: 184px;
            }

        .form-sign-up .form-step-body {
            padding: 35px 24px 0;
        }

        .form-sign-up .form-step-actions input {
            display: none;
            pointer-events: none;
        }

        .form-sign-up .form-step-btn {
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            border: none;
            box-shadow: inset 0 1px 0 #b3b3b3, inset 1px 0 0 #b4b4b4, inset -1px 0 0 #b3b3b3, inset 0 -2px 0 rgba(118, 118, 118, 0.25);
            background-color: #cccccc;
            background-image: linear-gradient(180deg, rgba(131, 131, 131, 0) 0%, rgba(131, 131, 131, 0.4) 100%);
            font-size: 16px;
            color: #969696;
            appearance: none;
            pointer-events: none;
        }

        .form-sign-up .form-step-btn-left {
            float: left;
        }

        .form-sign-up .form-step-btn-right {
            float: right;
            width: 136px;
        }

        .form-sign-up .form-notice {
            display: block;
            margin-top: 20px;
        }

        .form-sign-up .form-step-btn.active {
            box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1), inset 0 2px 0 rgba(255, 255, 255, 0.4), inset 0 1px 0 #93bd20, inset 1px 0 0 #93bd20, inset 0 -2px 0 rgba(116, 154, 12, 0.5);
            background-color: #93bd20;
            background-image: linear-gradient(180deg, rgba(114, 152, 10, 0) 0%, rgba(114, 152, 10, 0.5) 100%);
            color: #fff;
            pointer-events: auto;
        }

        .form-sign-up .form-step.last ~ .form-step-actions button {
            display: none;
        }

        .form-sign-up .form-step.last ~ .form-step-actions input {
            display: block;
        }

        .form-sign-up .form-step.last.success + .form-step-actions input {
            box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1), inset 0 2px 0 rgba(255, 255, 255, 0.4), inset 0 1px 0 #93bd20, inset 1px 0 0 #93bd20, inset 0 -2px 0 rgba(116, 154, 12, 0.5);
            background-color: #93bd20;
            background-image: linear-gradient(180deg, rgba(114, 152, 10, 0) 0%, rgba(114, 152, 10, 0.5) 100%);
            color: #fff;
            pointer-events: auto;
        }

        .form-sign-up .form-message {
            margin-top: 20px;
            font-size: 11px;
        }

            .form-sign-up .form-message .btn {
                margin-top: 60px;
            }

            .form-sign-up .form-message img {
                width: 58px;
                height: 58px;
            }

            .form-sign-up .form-message h3 {
                margin: 40px 0 23px;
            }

            .form-sign-up .form-message h5 {
                padding: 0 10px;
            }

        .form-sign-up.sent {
            height: 447px;
        }
}

/* ------------------------------------------------------------ *\
	Form Send Email
\* ------------------------------------------------------------ */

.form-send-email .form-controls {
    position: relative;
}

.form-send-email .field {
    border: none;
    border-bottom: 2px solid #979797;
    font-size: 18px;
    color: #4a4a4a;
    line-height: 1.78;
    padding: 0;
}

.form-send-email .form-label {
    font-size: 18px;
    position: absolute;
    top: 3px;
    left: 0;
    color: #9b9b9b;
    transition: top .3s, font-size .3s;
}

.form-send-email .field:focus + .form-label,
.form-send-email .field.has-value + .form-label {
    font-size: 14px;
    color: #b8b8b8;
    top: -20px;
}

.form-send-email .form-message {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #fff;
    padding: 70px 0 0;
    opacity: 0;
    visibility: hidden;
}

    .form-send-email .form-message h2 {
        font-weight: 300;
        text-align: center;
        line-height: 1.33;
        margin-bottom: 66px;
    }

    .form-send-email .form-message span {
        display: block;
    }

.form-send-email .form-body {
    margin-bottom: 75px;
}

.form-send-email .form-actions {
    text-align: center;
}

.form-send-email .form-status {
    font-size: 16px;
    position: absolute;
    top: 50%;
    right: 0;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

    .form-send-email .form-status i {
        position: absolute;
        top: 50%;
        right: 0;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        opacity: 0;
        visibility: hidden;
    }

.form-send-email .form-btn {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    box-shadow: inset 0 1px 0 #b3b3b3, inset 1px 0 0 #b4b4b4, inset -1px 0 0 #b3b3b3, inset 0 -2px 0 rgba(118, 118, 118, 0.25);
    background-color: #93bd20;
    background-image: linear-gradient(180deg, rgba(131, 131, 131, 0) 0%, rgba(131, 131, 131, 0.4) 100%);
    color: #ffffff; /*pointer-events: none;*/
    border-radius: 4px;
    padding: 13px 0;
    display: block;
    width: 100%;
    max-width: 280px;
    margin: 0 auto 20px;
}

.form-send-email button {
    color: #93bd20;
}

.form-send-email.success .form-btn {
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1), inset 0 2px 0 rgba(255, 255, 255, 0.4), inset 0 1px 0 #93bd20, inset 1px 0 0 #93bd20, inset 0 -2px 0 rgba(116, 154, 12, 0.5);
    background-color: #93bd20;
    background-image: linear-gradient(180deg, rgba(114, 152, 10, 0) 0%, rgba(114, 152, 10, 0.5) 100%);
    color: #fff;
    pointer-events: auto;
}

.form-send-email.error .form-status {
    color: #ff0000;
}

    .form-send-email.error .form-status .fa-times {
        opacity: 1;
        visibility: visible;
    }

.form-send-email.error .field {
    color: #ff0000;
    border-color: #ff0000;
}

.form-send-email.success .form-status {
    color: #72980a;
}

    .form-send-email.success .form-status .fa-check {
        opacity: 1;
        visibility: visible;
    }

.form-send-email.form-is-sent .form-message {
    opacity: 1;
    visibility: visible;
}

/* Mobile */

@media (max-width: 767px) {
    .form-send-email .form-label {
        font-size: 16px;
    }

    .form-send-email .field {
        font-size: 16px;
    }

        .form-send-email .field:focus + .form-label,
        .form-send-email .field.has-value + .form-label {
            font-size: 12px;
        }

    .form-send-email .form-body {
        margin-bottom: 50px;
    }
}

/* ------------------------------------------------------------ *\
	Form Menu Filters
\* ------------------------------------------------------------ */

.form-menu-filters {
    padding-bottom: 5px;
}

    .form-menu-filters form {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .form-menu-filters .form-body {
        max-width: 700px;
    }

    .form-menu-filters .form-btn {
        font-size: 12px;
        text-transform: uppercase;
        color: #72980a;
        margin-top: 4px;
    }

        .form-menu-filters .form-btn:hover {
            color: #000;
        }

/* Mobile */

@media (max-width: 767px) {
    .form-menu-filters form {
        -ms-flex-align: center;
        -ms-grid-row-align: center;
        align-items: center;
    }

    .form-menu-filters .form-body {
        max-width: 100%;
    }

    .form-menu-filters .form-btn {
        margin-top: 0;
        font-size: 14px;
    }

    .form-menu-filters .form-actions {
        text-align: center;
        width: 100%;
    }
}


/* ------------------------------------------------------------ *\
	Form Filters
\* ------------------------------------------------------------ */

.form-filters {
    margin-bottom: 7px;
}

    .form-filters form {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .form-filters h6 {
        font-size: 13px;
        margin: 0;
        font-weight: 300;
        width: 67px;
        display: inline-block;
    }

    .form-filters .form-btn {
        font-size: 12px;
        text-transform: uppercase;
        color: #72980a;
        margin-top: 4px;
        display: none;
        border: none;
        border-radius: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-color: transparent;
    }

    .form-filters .form-btn-green {
        box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1), inset 0 2px 0 rgba(255, 255, 255, 0.4), inset 0 1px 0 #93bd20, inset 1px 0 0 #93bd20, inset 0 -2px 0 rgba(116, 154, 12, 0.5);
        background-color: #93bd20;
        background-image: linear-gradient(180deg, rgba(114, 152, 10, 0) 0%, rgba(114, 152, 10, 0.5) 100%);
        color: #fff;
        color: #fff;
        font-size: 16px;
        text-transform: uppercase;
        text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
        text-decoration: none;
        padding: 5px 13px 6px;
        border-radius: 4px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        width: 128px;
    }

    .form-filters .form-btn-reset {
        display: block;
    }

    .form-filters .form-section {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-inline-box;
    }

    .form-filters .checkbox-filter label {
        font-size: 13px;
        font-weight: 400;
        padding: 2px 6px 1px;
    }

    .form-filters .form-body {
        padding: 5px 0;
        width: 90%;
    }

    .form-filters .list-checkboxes-flex li {
        margin-bottom: 12px;
    }

    .form-filters .form-actions {
        padding-top: 10px;
    }

/* Mobile */

@media (max-width: 767px) {
    /*.form-filters { position: fixed; top: 0; bottom: 0; right: 0; z-index: 9999; border-bottom: none; margin-bottom: 0; width: 100%; -ms-transform: translateX(100%); transform: translateX(100%); transition: transform .3s; }*/
    .form-filters h6 {
        font-size: 16px;
        text-align: center;
        width: 100%;
        font-weight: 400;
        margin-bottom: 15px;
    }

    .form-filters .form-section {
        display: block;
    }

        .form-filters .form-section ~ .form-section {
            margin-top: 24px;
        }

    .form-filters .form-body {
        padding: 10px 0;
        width: 100%;
    }

    .form-filters .form-filters-bg {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        width: 56px;
        background-color: rgba(0, 0, 0, 0.1);
    }

    .form-filters .form-filters-inner {
        background: #fff;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        width: calc(100% - 56px);
        padding: 16px;
        box-shadow: -4px 0 8px rgba(0, 0, 0, 0.1);
        overflow-y: auto;
    }

    .form-filters .form-btn {
        display: block;
        font-size: 14px;
        width: 128px;
    }

    .form-filters .form-actions {
        position: absolute;
        bottom: 16px;
        left: 0;
        right: 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 0 16px;
    }

    .form-filters .list-checkboxes-flex {
        margin: 0 -4px;
    }

        .form-filters .list-checkboxes-flex li {
            margin: 0 4px 8px;
        }

    .form-filters.active {
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    .mobile-hidden {
        display: none;
    }
}

/* ------------------------------------------------------------ *\
	Intro
\* ------------------------------------------------------------ */

.intro {
    background-size: cover;
    background-position: center center;
    position: relative;
    min-height: 574px;
    color: #fff;
}

    .intro p {
        font-size: 31px;
        margin-bottom: 42px;
    }

    .intro:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(255, 255, 255, 0.5);
    }

    .intro:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0.6);
    }

    .intro .intro-content {
        position: relative;
        z-index: 1;
        padding: 151px 0;
        text-align: center;
    }

        .intro .intro-content > img {
            margin-bottom: 30px;
        }

@media (max-width: 767px) {
    .intro .intro-content {
        padding-left: 20px;
        padding-right: 20px;
    }

    .intro p {
        font-size: 22px;
    }
}

/* ------------------------------------------------------------ *\
	Intro-location
\* ------------------------------------------------------------ */

.intro-location {
    min-height: 396px;
}

    .intro-location .intro-content {
        padding: 80px 0 75px;
    }

    .intro-location .search + .row {
        margin-top: 35px;
    }

@media (max-width: 767px) {
    .intro-location {
        min-height: 0;
    }

        .intro-location .intro-content {
            padding: 30px 0;
        }

        .intro-location .search + .row {
            display: none;
        }
}

/* ------------------------------------------------------------ *\
	Intro-location-search
\* ------------------------------------------------------------ */

.intro-location-search:before,
.intro-location-search:after {
    content: none;
}

.intro-location-search .intro-content {
    padding: 308px 0 24px;
}

/* ------------------------------------------------------------ *\
	Intro-completed
\* ------------------------------------------------------------ */

.intro-complete {
    color: #fff;
    box-shadow: inset 0 -1px 0 #e3e3e3;
    background-color: #93bd20;
    padding: 43px 0;
    min-height: 240px;
}

    .intro-complete h1 {
        font-weight: 300;
        font-size: 42px;
        margin: 0;
    }

        .intro-complete h1 i {
            margin-right: 9px;
        }

@media (max-width: 767px) {
    .intro-complete {
        padding: 21px 0 35px;
        min-height: 108px;
    }

        .intro-complete .intro-content {
            text-align: center;
        }

        .intro-complete h1 {
            font-size: 28px;
        }

            .intro-complete h1 i {
                margin-right: 0;
            }

            .intro-complete h1 span {
                display: block;
                font-size: 16px;
                font-weight: 300;
                margin-top: 5px;
            }
}

/* ------------------------------------------------------------ *\
	Intro landing
\* ------------------------------------------------------------ */

.intro-landing {
    min-height: 440px;
}

    .intro-landing .intro-content {
        padding-top: 153px;
        padding-bottom: 0;
    }

        .intro-landing .intro-content p {
            max-width: 720px;
            margin: 0 auto 45px;
            font-size: 42px;
            font-weight: 300;
            line-height: 1.3;
        }

    .intro-landing + .section-grab-orders-secondary {
        background: #fff;
        padding-bottom: 66px;
    }

        .intro-landing + .section-grab-orders-secondary ~ .section-grab-orders-secondary .section-head {
            padding-top: 35px;
        }

@media (max-width: 1023px) {
    .intro-landing .intro-content p {
        font-size: 22px;
        padding-left: 100px;
        padding-right: 100px;
    }
}

@media (max-width: 767px) {
    .intro-landing .intro-content {
        padding-top: 60px;
    }

        .intro-landing .intro-content img {
            position: absolute;
            top: 16px;
            left: 10px;
            width: 55px;
            height: auto;
        }

        .intro-landing .intro-content p {
            font-size: 14px;
            margin-bottom: 10px;
            padding-left: 0;
            padding-right: 0;
        }

            .intro-landing .intro-content p span {
                display: none;
            }

    .intro-landing {
        min-height: 1px;
        padding-bottom: 14px;
    }
}

/* ------------------------------------------------------------ *\
	List
\* ------------------------------------------------------------ */

[class^="list-"] {
    list-style: none outside none;
}

/* ------------------------------------------------------------ *\
	List-filters
\* ------------------------------------------------------------ */

.list-filters {
    font-size: 0;
    padding: 18px 0;
}

    .list-filters span {
        color: #000;
    }

    .list-filters li {
        font-size: 12px;
        font-weight: 400;
        display: inline-block;
        vertical-align: middle;
    }

        .list-filters li + li {
            margin-left: 31px;
        }

        .list-filters li a {
            color: #000;
            text-decoration: none;
        }

    .list-filters .current a {
        color: #72980a;
    }

    .list-filters .color-grey {
        color: #434343;
    }

    .list-filters .color-lightgrey {
        color: #b4b4b4;
    }

    .list-filters li a:hover span.color-grey,
    .list-filters li a:hover {
        color: #72980a;
    }

/*List-filters-alt */

.list-filters-alt a {
    color: #555;
}

.list-filters-alt li + li {
    margin-left: 40px;
}

@media (max-width: 767px) {
    .list-filters {
        padding: 10px 0;
    }

        .list-filters li a {
            padding: 0 5px;
        }
}

/* ------------------------------------------------------------ *\
	List-details
\* ------------------------------------------------------------ */

.list-details {
    position: relative;
}

    .list-details:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        background: #d8d8d8;
        bottom: 0;
        width: 1px;
    }

[dir="rtl"] .list-details:before {
    right: 0;
    left: initial;
}

.list-details li {
    text-align: right;
    padding-left: 6px;
    margin-bottom: 1px;
    position: relative;
}

[dir="rtl"] .list-details li {
    text-align: left;
    padding-right: 6px;
    padding-left: initial
}

.list-details .icon-holder {
    width: 16px;
    height: 16px;
    text-align: center;
    color: #72980a;
    font-size: 14px;
}

@media (max-width: 479px) {
    .list-details li {
        text-overflow: ellipsis;
        white-space: normal;
    }
}

/* List-details-alt */

.list-details-alt:before {
    content: none;
}

.list-details-alt li {
    margin-bottom: 3px;
}

@media (max-width: 767px) {
    .list-details .date,
    .list-details .time {
        display: none;
    }
}

/* ------------------------------------------------------------ *\
	List-overview-details
\* ------------------------------------------------------------ */

.list-overview-details {
    margin-bottom: 9px;
}

    .list-overview-details:before {
        content: none;
    }

    .list-overview-details li {
        display: inline-block;
        font-size: 16px;
        padding-left: 0;
    }

        .list-overview-details li + li {
            padding-left: 19px;
        }

@media (max-width: 767px) {
    .list-overview-details li + li {
        padding-left: 5px;
    }
}

.list-overview-details .icon-holder {
    margin-left: 0;
    text-align: center;
}

    .list-overview-details .icon-holder .fa {
        top: -1px;
    }

    .list-overview-details .icon-holder i {
        max-width: 20px;
    }

    .list-overview-details .icon-holder svg {
        width: 16px;
    }

/* List-overvew-details-large*/

.list-overview-details-large li {
    font-size: 20px;
}

.list-overview-details-large .icon-holder {
    font-size: 14px;
    margin-right: 5px;
}

    .list-overview-details-large .icon-holder .fa {
        top: 1px;
    }

/* ------------------------------------------------------------ *\
	List-rates
\* ------------------------------------------------------------ */

.list-rates {
    font-size: 0;
}

    .list-rates li {
        font-size: 15px;
        display: inline-block;
        color: #ffb500;
        padding: 0 3px 0 4px;
    }

    .list-rates:not(.list-rates-static) li:hover .fa-star-o:before {
        content: "\f005";
        color: #ffb500;
    }

    .list-rates:not(.list-rates-static) li:hover ~ li .fa-star-o:before {
        content: "\f005";
        color: #ffb500;
    }

/* List-rates-large */

.list-rates-large li {
    font-size: 21px;
    margin: 0 1px;
}

/* ------------------------------------------------------------ *\
	List-rates-orders
\* ------------------------------------------------------------ */

.list-rates-orders {
    direction: rtl;
    unicode-bidi: bidi-override;
}

    .list-rates-orders a {
        display: block;
    }


/* ------------------------------------------------------------ *\
	List Checkboxes flex
\* ------------------------------------------------------------ */

.list-checkboxes-flex {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .list-checkboxes-flex li {
        margin: 0 10px 10px 0;
    }

/* Mobile */

@media (max-width: 767px) {
    .list-checkboxes-flex li {
        margin: 0 8px 8px 0;
    }
}

/* ------------------------------------------------------------ *\
	List-review-rates
\* ------------------------------------------------------------ */

.list-review-rates {
    font-size: 0;
}

    .list-review-rates li {
        display: inline-block;
        vertical-align: middle;
        padding: 0 1px;
    }

/* ------------------------------------------------------------ *\
	List-selected-items
\* ------------------------------------------------------------ */

.list-selected-items li {
    padding: 11px 0;
}

    .list-selected-items li p {
        margin-bottom: 0;
    }

        .list-selected-items li p + p {
            margin-top: 13px;
        }

        .list-selected-items li p a {
            font-size: 12px;
            text-transform: uppercase;
            color: #959595;
            text-decoration: none;
            margin-left: 20px;
        }

            .list-selected-items li p a:hover {
                color: #000;
            }

    .list-selected-items li span {
        font-size: 16px;
    }

    .list-selected-items li .mod-p {
        margin-top: 0px;
    }

    .list-selected-items li .mod-names {
        font-size: 12px;
        padding-left: 20px;
    }

    .list-selected-items li .mod-prices {
        float: right;
        font-size: 12px;
        padding-right: 8px;
    }

    .list-selected-items li span + span {
        float: right;
        padding-right: 8px;
    }

[dir="rtl"] .list-selected-items li span + span {
    float: left;
    padding-left: 8px;
    padding-right: initial;
}

.list-selected-items li .selected-quantity {
    font-size: 12px;
    margin-right: 3px;
}

/* ------------------------------------------------------------ *\
	List-values
\* ------------------------------------------------------------ */

.list-values {
    padding: 14px 7px;
}

    .list-values li {
        font-size: 12px;
        margin-bottom: 3px;
    }

    .list-values .cart-total {
        padding-top: 4px;
        margin-bottom: 0;
    }

    .list-values li:after {
    }

/* ------------------------------------------------------------ *\
	List-hours
\* ------------------------------------------------------------ */

.list-hours li + li {
    margin-top: 3px;
}

.list-hours span {
    text-align: left;
    width: 100%;
    max-width: 130px;
    direction: ltr;
}

.list-hours .current {
    color: #72980a;
    font-weight: 700;
}

/* ------------------------------------------------------------ *\
	List-form-items
\* ------------------------------------------------------------ */

.list-form-items {
    margin: 0 -10px;
}

    .list-form-items:after {
    }

    .list-form-items li {
        float: left;
        width: calc(25% - 20px);
        margin: 0 10px 14px;
    }

    .list-form-items span {
        white-space: normal;
    }

@media (max-width: 767px) {
    .list-form-items {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .list-form-items li {
            width: calc(33% - 10px);
            margin: 0 10px 0 0;
        }

            .list-form-items li + li {
                margin-left: 0;
            }
}

/* ------------------------------------------------------------ *\
	List-summary-items
\* ------------------------------------------------------------ */

.list-summary-items {
    padding-bottom: 12px;
    border-bottom: 2px solid #dedede;
    margin-bottom: 0;
}

    .list-summary-items li {
        padding: 2px 0 1px;
        position: relative;
    }

        .list-summary-items li:first-child {
            padding: 10px 0 11px;
            margin-bottom: 8px;
        }

            .list-summary-items li:first-child:before {
                content: '';
                width: 70px;
                height: 2px;
                background: #dedede;
                position: absolute;
                bottom: 0;
                right: 0;
            }

    .list-summary-items span {
        float: right;
        width: 80px;
        text-align: right;
    }

[dir="rtl"] .list-summary-items span {
    float: left;
    text-align: left;
}

.list-summary-items span a {
    text-decoration: none;
    float: left;
}

/* ------------------------------------------------------------ *\
	List-radios
\* ------------------------------------------------------------ */

.list-radios {
    font-size: 0;
    margin: 0 -7px;
}

    .list-radios li {
        display: inline-block;
        width: 33.33%;
        padding: 0 7px;
    }

/* ------------------------------------------------------------ *\
	List-steps
\* ------------------------------------------------------------ */

.list-steps {
    counter-reset: steps;
}

    .list-steps li {
        position: relative;
        padding-left: 42px;
        font-size: 16px;
        font-weight: 300;
        line-height: 1.31;
        margin-bottom: 22px;
    }

[dir="rtl"] .list-steps li {
    padding-left: initial;
    padding-right: 42px;
}

.list-steps li:before {
    counter-increment: steps;
    content: counter(steps);
    display: inline-block;
    width: 20px;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    height: 20px;
    background-color: #e6a504;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
}

[dir="rtl"] .list-steps li:before {
    display: none;
}

[dir="rtl"] .list-steps li:after {
    counter-increment: steps;
    content: counter(steps);
    display: inline-block;
    width: 20px;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    height: 20px;
    background-color: #e6a504;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
}

@media (max-width: 767px) {
    .list-steps li {
        font-size: 14px;
        line-height: 1.29;
        margin-bottom: 10px;
    }
}

/* ------------------------------------------------------------ *\
	List-payment-details
\* ------------------------------------------------------------ */

.list-payment-details {
    color: #7e7e7e;
    font-size: 16px;
}

    .list-payment-details li {
        margin-bottom: 4px;
    }

    .list-payment-details span {
        font-size: 10px;
        display: inline-block;
        vertical-align: middle;
        width: 108px;
    }

@media (max-width: 767px) {
    .list-payment-details li {
        font-size: 14px;
    }

    .list-payment-details span {
        width: 90px;
    }
}

/* ------------------------------------------------------------ *\
	Lists works
\* ------------------------------------------------------------ */

.list-works {
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 1260px;
    margin: auto;
}

    .list-works img {
        margin-bottom: 23px;
    }

    .list-works li {
        max-width: 262px;
        width: 100%;
        position: relative;
    }

    .list-works strong {
        display: inline-block;
        position: relative;
    }

        .list-works strong:after {
            content: '';
            width: 136px;
            height: 7px;
            display: inline-block;
            position: absolute;
            top: 50%;
            left: 100%;
            margin-top: -15px;
            margin-left: 5px;
        }

    .list-works li:first-child strong:after {
        background: url(../css/images/temp/work-1-sep.png) no-repeat 0 0;
        width: 137px;
        height: 7px;
    }

    .list-works li:nth-child(2) strong:after {
        background: url(../css/images/temp/work-2-sep.png) no-repeat 0 0;
    }

    .list-works li:nth-child(3) strong:after {
        background: url(../css/images/temp/work-3-sep.png) no-repeat 0 0;
    }

    .list-works li:last-child strong:after {
        display: none;
    }

    .list-works span {
        display: block;
    }

@media (max-width: 767px) {
    .list-works {
        -ms-flex-direction: column;
        flex-direction: column;
        width: 340px;
        margin: auto;
        -ms-flex-align: center;
        -ms-grid-row-align: center;
        align-items: center;
    }

        .list-works li {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: center;
            justify-content: center;
            -ms-flex-align: center;
            align-items: center;
            text-align: left;
            margin-bottom: 67px;
        }

        .list-works img {
            min-width: 100px;
            margin-bottom: 0;
        }

        .list-works li span {
            font-size: 18px !important;
            min-width: 177px;
            margin-left: 43px;
        }

        .list-works strong:after {
            position: absolute;
            top: 100%;
            left: 50%;
            margin-top: 0;
            margin-left: -3px;
        }

        .list-works li:first-child strong:after {
            background: url(../css/images/temp/work-1-sep-mob.png) no-repeat 0 0;
            width: 10px;
            height: 69px;
        }

        .list-works li:nth-child(2) strong:after {
            background: url(../css/images/temp/work-2-sep-mob.png) no-repeat 0 0;
            width: 10px;
            height: 69px;
        }

        .list-works li:nth-child(3) strong:after {
            background: url(../css/images/temp/work-3-sep-mob.png) no-repeat 0 0;
            width: 10px;
            height: 67px;
        }

        .list-works li:nth-child(2) {
            margin-bottom: 62px;
        }

        .list-works li:nth-child(3) {
            margin-bottom: 62px;
        }
}

/* ------------------------------------------------------------ *\
	List locations
\* ------------------------------------------------------------ */

.lists-locations {
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 1244px;
    margin: auto;
}

    .lists-locations .slick-track > li {
        min-width: 238px;
        border: 1px solid #e5e5e5;
        display: -ms-flexbox;
        display: flex;
        padding: 14px 14px 11px 14px;
        padding-right: 0;
        background: #fff;
        margin-left: 13px;
    }

    .lists-locations .list-image {
        margin-right: 14px;
    }

    .lists-locations h6 {
        margin: 0 0 6px 0;
        font-size: 12px;
        color: #cccccc;
    }

    .lists-locations h3 {
        font-size: 18px;
        margin-top: 0;
        font-weight: 400;
    }

    .lists-locations .list-details {
        border-left: 0;
        padding-bottom: 10px
    }

        .lists-locations .list-details:before {
            display: none;
        }

        .lists-locations .list-details li {
            padding-left: 0;
            border-left: 0;
            font-size: 12px;
            color: #555;
        }

            .lists-locations .list-details li a {
                color: #72980a;
                text-decoration: none;
            }

    .lists-locations .link-order {
        border-top: 1px solid #f0f0f0;
        font-size: 12px;
        color: #72980a;
        text-decoration: none;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding-top: 10px;
    }

@media (max-width: 767px) {
    .lists-locations .slick-track > li {
        min-width: calc(100vw - 25px);
        margin-left: 20px;
        position: relative;
    }

    .lists-locations .list-details {
        position: absolute;
        top: 20px;
        right: 0;
        border-left: 1px solid #e7e7e7;
        padding-bottom: 0 !important;
        padding-left: 15px;
    }
}

/* ------------------------------------------------------------ *\
	List sign up
\* ------------------------------------------------------------ */

.list-sign-up {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 980px;
    text-align: center;
    margin: auto;
}

    .list-sign-up li {
        width: 33%;
    }

    .list-sign-up span {
        display: block;
        font-size: 18px;
        font-weight: 300;
        margin-top: 16px;
    }

@media (max-width: 1023px) {
    .list-works li {
        padding-left: 20px;
        padding-right: 20px;
    }

        .list-works li span {
            font-size: 12px;
        }
}

@media (max-width: 767px) {
    .list-sign-up {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
        -ms-grid-row-align: center;
        align-items: center;
    }

        .list-sign-up li {
            display: -ms-flexbox;
            display: flex;
            width: 100%;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-pack: center;
            justify-content: center;
        }

        .list-sign-up li {
            padding-bottom: 43px;
        }

            .list-sign-up li:last-child {
                margin-bottom: 0;
                padding-bottom: 0;
            }

            .list-sign-up li img {
                min-width: 80px;
                min-height: 80px;
                max-width: 80px;
                max-height: 80px;
                margin-right: 46px;
            }

            .list-sign-up li span {
                text-align: left;
                width: 179px;
                padding-top: 0;
                margin-top: 0;
            }
}

/* ------------------------------------------------------------ *\
	Loader
\* ------------------------------------------------------------ */

.loader {
    width: 54px;
    margin: 0 auto;
}

    .loader svg {
        fill: none;
        border-radius: 50%;
        background-color: #ccc;
    }

    .loader circle {
        stroke-dasharray: 0 246;
        fill: #fff;
        stroke-width: 4px;
    }

    .loader.is-active circle {
        animation: rotate-circle 5s infinite;
    }


/* ------------------------------------------------------------ *\
	List Step Details
\* ------------------------------------------------------------ */

.list-step-details {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 18px;
    line-height: 1;
}

    .list-step-details li {
        margin: 0 14px;
    }

    .list-step-details span {
        display: inline-block;
        vertical-align: middle;
    }

    .list-step-details .icon-holder {
        color: #93bd20;
        display: inline-block;
        vertical-align: middle;
    }

        .list-step-details .icon-holder .fa-plane {
            font-size: 22px;
        }

        .list-step-details .icon-holder .fa-map-marker {
            font-size: 18px;
        }

/* Small Desktop */

@media (max-width: 1200px) {
    .list-step-details {
        font-size: 12px;
    }

        .list-step-details li {
            margin: 0 10px;
        }

        .list-step-details .icon-holder .fa-plane {
            font-size: 12px;
        }
}


/* ------------------------------------------------------------ *\
	List Steps Overview
\* ------------------------------------------------------------ */

.list-steps-overview {
    counter-reset: ordered-list;
    font-size: 18px;
    line-height: 1.22;
    font-weight: 300;
    text-align: left;
}

    .list-steps-overview li {
        counter-increment: ordered-list;
        position: relative;
        color: #b1b1b1;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
    }

[dir="rtl"] .list-steps-overview li {
    text-align: right;
}

.list-steps-overview li p {
    width: calc(100% - 30px);
    padding-left: 18px;
}

[dir="rtl"].list-steps-overview li p {
    padding-right: 18px;
    padding-left: initial;
}

.list-steps-overview li ~ li {
    margin-top: 11px;
}

.list-steps-overview li:before {
    content: counter(ordered-list);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 30px;
    height: 30px;
    min-width: 30px;
    min-height: 30px;
    border: 2px solid #e3e3e3;
    border-radius: 50%;
    color: #cdcdcd;
    font-weight: 700;
}

.list-steps-overview li .delivery-span {
    padding-right: 20px;
    padding-left: 20px;
}

.list-steps-overview li:nth-child(1) {
    color: #000;
}

    .list-steps-overview li:nth-child(1):before {
        background-color: #fffcdf;
        color: #555555;
        border-color: #eadc40;
    }

/* Mobile */

@media (max-width: 767px) {
    .list-steps-overview {
        font-size: 12px;
        line-height: 1.33;
    }

        .list-steps-overview li:before {
            width: 17px;
            height: 17px;
            min-width: 17px;
            min-height: 17px;
            font-size: 10px;
        }

        .list-steps-overview li p {
            width: calc(100% - 17px);
            padding-left: 10px;
        }

        .list-steps-overview li ~ li {
            margin-top: 14px;
        }
}

/* ------------------------------------------------------------ *\
	Location
\* ------------------------------------------------------------ */

.location {
    border: 1px solid #e5e5e5;
    border-radius: 2px;
    padding: 13px 13px 12px;
    position: relative;
    font-size: 12px;
    max-height: 200px;
}

    .location:hover {
        border: 1px solid #93bd20;
        box-shadow: 0 0 0 1px #93bd20;
    }

        .location:hover .link-on-map {
            background-color: #ff4949;
            border: 1px solid #d50000;
            color: #fff;
        }

.location-body:after {
}

.location p {
    margin: 0;
}

.location a {
    text-decoration: none;
    color: #72980a;
}

    .location a:hover,
    .location a:hover i {
        color: #72980a;
    }

.location span {
    color: #444444;
}

    .location span.icon-holder {
        color: #72980a;
    }

.location .color-green {
    color: #72980a;
}

.location .color-red {
    color: #ff0000;
}

.location h4 {
    margin: 2px 0 4px;
    color: #000;
    font-weight: 400;
}

    .location h4 a {
        color: #000;
    }

        .location h4 a:hover {
            color: #72980a;
        }

.location li {
    color: #555;
}

.location .link-on-map {
    display: inline-block;
    border: 1px solid #929292;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    font-size: 14px;
    text-align: center;
    font-weight: 700;
    text-decoration: none;
    line-height: 20px;
    color: #929292;
    position: absolute;
    top: 9px;
    right: 9px;
}

.location .location-image {
    float: left;
    width: 104px;
    min-height: 72px;
    background-color: #fff;
    position: relative;
    max-height: 144px;
    height: 72px;
}

[dir="rtl"] .location .location-image {
    float: right;
}

.location .location-content {
    float: right;
    width: calc(100% - 119px);
    margin: 0 0 0 15px;
    margin-top: -2px;
    border-bottom: 2px solid #f0f0f0;
}

[dir="rtl"] .location .location-content {
    float: left;
    margin: 0 15px 0px 0px;
    text-align: right;
}

.location .ico-badge {
    margin-bottom: 8px;
}

.location .list-details {
    float: right;
}

[dir="rtl"] .location .list-details {
    float: left;
}

.location .list-details .store-near-by-gate {
    color: #555;
}

.location .location-inner {
    display: inline-block;
    color: #555;
}

    .location .location-inner span {
        color: #555;
    }

    .location .location-inner p + p {
        margin-top: 7px;
    }

.location .location-foot { /*padding: 7px 0 0;*/
}

    .location .location-foot .list-rates {
        display: inline-block;
    }

    .location .location-foot .link-order {
        float: right;
        margin-top: 5px;
    }

[dir="rtl"] .location .location-foot .link-order {
    float: left;
}

.location .location-foot .link-order-grey {
    color: #969696;
    float: right;
    margin-top: 5px;
}

.location .location-foot .link-order i {
    margin: -2px 0 0 7px;
}

.location-image-placeholder {
    height: 144px;
    background-color: #9264d3;
}

.location.location-overview p:first-child {
    display: none;
}

@media (max-width: 992px) {
    .location .location-body {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .location .location-image {
        min-width: 52px;
        max-width: 52px;
        margin-right: 12px;
        overflow: hidden;
        float: none;
    }

    .location .location-content {
        float: none;
        width: 100%;
        margin-left: 0;
    }

    .location-image-placeholder {
        height: 70px;
    }

    .location.location-overview .location-content {
        padding-left: 9px;
    }

    .location.location-overview .location-foot {
        position: absolute;
        top: 0;
        right: 0;
    }

    .location.location-overview .location-body {
        width: 100%;
    }

    .location.location-overview .location-foot {
        display: -ms-flexbox;
        display: flex;
        position: static;
        width: 100%;
        padding-left: 70px;
        max-width: 100%;
    }

        .location.location-overview .location-foot .list-review-rates {
            display: -ms-flexbox;
            display: flex;
        }

        .location.location-overview .location-foot p {
            margin-top: 0;
            padding-left: 10px;
        }

    .location .location-content {
        min-height: 1px;
    }

    .location-overview h2 {
        font-size: 18px;
    }
}

@media (max-width: 767px) {
    .location {
        padding: 5px;
    }

        .location .link-on-map {
            display: none;
        }

        .location.location-overview,
        .location.location-overview .location-body {
            position: static;
        }

        .location .list-details {
            position: relative;
            bottom: 10px;
            border-left: 1px solid #d8d8d8;
        }

    [dir="rtl"] .location .list-details {
        border-left: none;
        border-right: 1px solid #d8d8d8;
    }

    .location.location-overview .list-details li {
        font-size: 12px;
    }

        .location.location-overview .list-details li span {
            margin-left: 5px;
        }

    .location h4 {
        margin-bottom: 10px;
        word-wrap: break-word;
        overflow-wrap: break-word;
        width: 60%;
        max-height: 38px;
        overflow: hidden;
    }

    .location p:first-child {
        display: none;
    }

    .location .location-content {
        min-height: 1px;
        border-bottom: 0;
    }

    /*.location .location-body { padding-right: 96px;  }*/

    .location .link-order,
    .location .location-foot .list-rates {
        display: none;
    }

    .location h4 {
        margin-bottom: 7px;
        display: block;
    }

        .location h4 a {
            display: block;
        }

    .location .location-foot {
        display: none;
    }

    .location-content {
        display: inline-block;
    }

    .location .location-inner {
        width: 60%;
    }

        /*.location .location-inner { display: inline-flex; }*/

        .location .location-inner span {
            word-wrap: break-word;
            overflow-wrap: break-word;
        }
}

@media (max-width: 479px) {
    .location .list-details {
        border-left: 0;
    }

    [dir="rtl"] .location .list-details {
        border-right: 0;
    }

    .location h4 a {
        font-size: 15px;
        white-space: normal;
        width: 50%;
        overflow: visible;
        text-overflow: ellipsis;
        display: block;
    }
}

@media(max-width:360px) {
    .location h4 {
        max-width: 100%;
    }
}

/* ------------------------------------------------------------ *\
	Location-overview
\* ------------------------------------------------------------ */

.location-overview,
.location-overview:hover {
    border: none;
    box-shadow: none;
}

.location-overview {
    padding: 1px 0 0;
}

    .location-overview h2 {
        margin: 7px 0 13px;
        font-weight: 400;
    }

        .location-overview h2 a {
            color: #000;
        }

            .location-overview h2 a:hover {
                color: #72980a;
            }

    .location-overview .location-content {
        margin: -4px 0 0;
        float: left;
        padding-left: 36px;
        border-bottom: none;
    }

[dir="rtl"] .location-overview .location-content {
    float: right;
}

.location-overview .location-foot {
    max-width: 104px;
    text-align: center;
    padding-top: 13px;
}

    .location-overview .location-foot p {
        font-size: 13px;
        color: #dfb200;
        margin-top: 5px;
    }

.location-overview .list-details {
    float: none;
}

[dir="rtl"] .location-overview .list-details {
    float: right;
}

.location-overview .list-details:before {
    content: none;
}

.location-overview .list-details li {
    display: inline-block;
}

/* ------------------------------------------------------------ *\
	Location-small
\* ------------------------------------------------------------ */

.location-small h3 {
    margin: 0 0 9px;
}

.location-small .location-image {
    width: 52px;
}

.location-small .location-content {
    padding: 12px 0 0 18px;
    min-height: 0;
}

    .location-small .location-content a {
        color: #000;
    }

        .location-small .location-content a:hover {
            color: #72980a;
        }

/* ------------------------------------------------------------ *\
	Location-details
\* ------------------------------------------------------------ */

.location-details,
.location-details:hover {
    border: none;
    box-shadow: none;
    padding: 0;
}

    .location-details:after {
    }

    .location-details h3 {
        font-weight: 700;
        margin: 12px 0 0;
    }

    .location-details a {
        color: #000;
    }

    .location-details .list-details {
        margin: 15px 1px 0 0;
    }

    .location-details .location-body {
        float: left;
    }

    .location-details .location-image {
        width: 81px;
    }

    .location-details .location-content {
        float: left;
        margin-left: 30px;
        width: auto;
        border: none;
        min-height: 0;
    }

/* ------------------------------------------------------------ *\
	Logo
\* ------------------------------------------------------------ */

.logo-holder {
    display: inline-block;
    vertical-align: middle;
    padding: 8px 20px 10px 0;
}

@media (max-width: 767px) {
    .logo-holder {
        height: 50px;
    }
}

.logo:hover {
    text-decoration: none;
}

/* ------------------------------------------------------------ *\
	Map
\* ------------------------------------------------------------ */

.map img {
    width: 100%;
    height: auto;
}

.map-expandable {
    height: 414px;
}

.map-placeholder {
    background: #dededd;
    position: relative;
    height: 100%;
}

.map-expandable .link-expand-map {
    position: absolute;
    top: 5px;
    right: 5px;
}

.map-expandable.expand {
    width: 100%;
}

.map-expandable.expand {
    height: 525px;
}

@media (max-width: 1023px) {
    .map-expandable {
        height: 372px;
    }
}

@media (max-width: 767px) {
    .map-expandable {
        display: none;
    }
}

/* ------------------------------------------------------------ *\
	Method
\* ------------------------------------------------------------ */

.methods {
    list-style: none;
    font-size: 0;
    margin: 0 -16px;
}

    .methods .method {
        margin: 0 16px 33px;
    }

.method {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    max-width: 224px;
    font-size: 12px;
    color: #000;
    text-align: center;
}

    .method p {
        margin-bottom: 15px;
    }

    .method h4 {
        font-weight: 300;
        margin: 0;
    }

    .method a {
        text-decoration: none;
        display: block;
        background-image: linear-gradient(150deg, rgba(234, 234, 234, 0.5) 0%, rgba(180, 180, 180, 0.5) 58%, rgba(175, 175, 175, 0.5) 83%, rgba(179, 179, 179, 0.5) 100%);
        position: relative;
        border-radius: 7px;
        padding: 15px 5px 10px;
        height: 140px;
    }

        .method a:before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            z-index: 1;
            border: 4px solid rgba(224, 224, 224, 0.75);
            border-radius: 7px;
        }

        .method a:hover {
            color: #000;
        }

            .method a:hover:before {
                border: 4px solid #93bd20;
            }

.method-content {
    position: relative;
    z-index: 1;
}

.method-foot {
    text-align: left;
    padding: 0 13px 0 28px;
    position: absolute;
    bottom: 23px;
    left: 0;
    right: 0px;
    z-index: 2;
    min-height: 20px;
}

    .method-foot .method-image {
        position: absolute;
        top: 50%;
        right: 0;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 88px;
        text-align: center;
    }

/* Method-add*/

.method-add a {
    background: #fff;
}

    .method-add a:before {
        border: 4px solid #e7e7e7;
    }

.method-add .method-icon {
    padding-top: 5px;
}

@media (max-width: 1200px) {
    .methods {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .methods .method {
            width: calc(33% - 33px);
            float: none;
        }
}

@media (max-width: 1023px) {
    .methods .method {
        width: calc(50% - 33px);
        max-width: 100%;
    }
}

@media (max-width: 479px) {
    .methods .method {
        width: calc(100% - 33px);
        margin-bottom: 17px;
    }
}

/* ------------------------------------------------------------ *\
	Modal
\* ------------------------------------------------------------ */

.modals {
    padding: 20px 0;
}

    .modals .modal {
        z-index: 8000;
    }

    .modals a {
        text-decoration: none;
        color: #72980a;
    }

.modal .close {
    font-size: 28px;
    font-weight: 400;
    opacity: .4;
}

.modal .btn {
    width: 100%;
    max-width: 210px;
}

.modal-dialog {
    width: 100%;
    max-width: 686px;
    margin: 168px auto;
}

.modal-header {
    padding: 16px 28px;
    border-bottom: 0px;
}

.modal-title {
    float: left;
    color: #555555;
    font-weight: 700;
    width: 100%;
}

    .modal-title i {
        margin-right: 9px;
        margin-top: -3px;
    }

.modal-content {
    box-shadow: 0 3px 14px rgba(0, 0, 0, 0.25);
    border: 1px solid #cfcfcf;
}

.modal-entry {
    color: #000000;
    border-bottom: 1px solid #e4e4e4;
    padding: 17px 28px 22px;
}

    .modal-entry .radio {
        display: inline-block;
    }

    .modal-entry > a {
        float: right;
    }

    .modal-entry p span {
        float: right;
    }

.modal-body {
    min-height: 310px;
    padding: 0;
    position: unset
}

.modal-footer {
    padding: 13px 28px 17px;
}

    .modal-footer h5 {
        display: inline-block;
        color: #555555;
        float: left;
        margin: 15px 0 0;
    }

/* ------------------------------------------------------------ *\
	Modal - Grab Addition
\* ------------------------------------------------------------ */
.modal {
    text-align: center;
    padding: 0 !important;
}
    /*.modal.fade .modal-dialog { -webkit-transform: translateY(-50px); -ms-transform: translateY(-50px); transform: translateY(-50px); }*/
    .modal.in .modal-dialog {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
/*.modal-dialog { display: table; width: 100%; height: 100%; margin: 0; text-align: left; vertical-align: middle; }*/
/*.modal-content { display: table-cell; vertical-align: middle; max-width: 100vw; padding: 20px 0; background: none; box-shadow: none; border-radius: 0; border: 0; }*/

/*  Modal Open  */
.modal-open .wrapper {
    -webkit-filter: blur(15px);
    filter: blur(15px);
}

/* ------------------------------------------------------------ *\
	Modal-callout
\* ------------------------------------------------------------ */

.modal-callout {
    padding: 29px 26px;
    color: #000;
}

    .modal-callout h3 {
        font-size: 21px;
        font-weight: 300;
        text-align: center;
        margin: 0 0 31px;
    }

.modal-callout-body {
    display: -ms-flexbox;
    display: flex;
}

.modal-callout-image {
    width: 100%;
    max-width: 246px;
}

.modal-callout-content {
    padding-left: 20px;
}

    .modal-callout-content h5 {
        margin: 0 0 4px;
    }

.modal-callout-price {
    color: #72980a;
}

.modal-callout-actions {
    padding-top: 6px;
}

    .modal-callout-actions span {
        display: inline-block;
        padding-top: 8px;
    }

    .modal-callout-actions a {
        float: right;
    }

@media (max-width: 767px) {
    .modal-callout-body {
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .modal-callout-image,
    .modal-callout-image img {
        width: 100%;
        max-width: 100%;
    }

    .modal-callout-image {
        margin-bottom: 20px;
    }

    .modal-callout-content {
        padding-left: 0;
    }

    .modal-footer h5 {
        display: block;
        text-align: center;
        float: none;
    }

    .modal .modal-footer .btn {
        margin: 10px auto 20px;
        display: block;
    }

    .modal h4.modal-title {
        font-size: 14px;
    }
}

@media (max-width: 479px) {
    .modal-callout-actions span {
        display: block;
        text-align: center;
    }

    .modal-callout-actions a {
        display: block;
        float: none;
        margin: 19px auto 0;
    }
}

/* ------------------------------------------------------------ *\
	Modal-eula
\* ------------------------------------------------------------ */

.modal-eula .modal-dialog {
    margin-top: 140px;
}

.modal-eula .modal-header {
    border: none;
}

.modal-eula .modal-body {
    text-align: center;
    overflow: hidden;
    padding-bottom: 8px;
}

    .modal-eula .modal-body h1 {
        margin: 0 0 12px;
        font-weight: 300;
    }

    .modal-eula .modal-body .modal-entry {
        text-align: left;
        max-height: 466px;
        overflow-y: auto;
        margin-right: -17px;
        padding-bottom: 0;
        border-bottom: none;
    }

/* ------------------------------------------------------------ *\
	Alert - Grab Addition
\* ------------------------------------------------------------ */
.alert {
    padding: 48px 24px;
    border-radius: 0;
    border: 0;
    background: #fff;
    text-align: center;
    color: #3a3a3a;
}

    .alert .alert-icon {
        margin-bottom: 12px;
        font-size: 54px;
        color: #fb0000;
    }

    .alert .processing-icon {
        margin-bottom: 12px;
        font-size: 54px;
        color: #93bd20;
    }

    .alert .alert-title {
        margin-bottom: 12px;
        font-size: 38px;
        font-weight: normal;
    }

    .alert .alert-entry {
        margin-bottom: 40px;
        font-size: 29px;
    }

    .alert .alert-btn {
        display: inline-block;
        vertical-align: top;
        width: 264px;
        padding: 18px 12px;
        margin: 0 8px;
        border: 2px solid #3a3a3a;
        border-radius: 6px;
        font-size: 24px;
        font-weight: bold;
        text-transform: uppercase;
        text-decoration: none;
        text-transform: uppercase;
        color: #3a3a3a;
        transition: all .2s ease-out;
    }

    .alert .alert-btn-timeout {
        display: inline-block;
        vertical-align: top;
        width: 400px;
        padding: 18px 12px;
        margin: 20px 8px;
        border: 2px solid #3a3a3a;
        border-radius: 6px;
        font-size: 24px;
        font-weight: bold;
        text-transform: uppercase;
        text-decoration: none;
        text-transform: uppercase;
        color: #3a3a3a;
        transition: all .2s ease-out;
    }

    .alert .alert-btn:hover {
        background: #3a3a3a;
        color: #fff;
    }

    .alert .alert-btn-danger {
        background: #fb0000;
        border-color: #fb0000;
        color: #fff;
    }

        .alert .alert-btn-danger:hover {
            background: #d90000;
        }

/* Mobile */
@media (max-width: 767px) {
    .alert {
        padding: 24px 10px;
    }

        .alert .alert-icon {
            margin-bottom: 8px;
            font-size: 24px;
        }

        .alert .alert-title {
            margin-bottom: 8px;
            font-size: 20px;
        }

        .alert .alert-entry {
            margin-bottom: 24px;
            font-size: 14px;
        }

        .alert .alert-btn {
            width: 100px;
            padding: 8px 8px;
            margin: 0;
            font-size: 13px;
        }
}
/* ------------------------------------------------------------ *\
	Alert Warning - Grab Addition
\* ------------------------------------------------------------ */
.alert-warning {
    background-color: #fffac1;
    color: #574100;
}

    .alert-warning .alert-btn {
        color: #574100;
        border-color: #574100;
    }

        .alert-warning .alert-btn:hover {
            background: #574100;
        }

/* ------------------------------------------------------------ *\
	Navbar
\* ------------------------------------------------------------ */

.navbar {
    margin-bottom: 0;
}

.navbar-default .navbar-nav a {
    text-decoration: none;
}

.navbar-default .navbar-nav > li .has-items {
    color: #72980a;
}

.navbar-default .navbar-nav > li .no-items {
    color: #cdcdcd;
}

.navbar-default {
    border: none;
    border-radius: 0;
    background: none;
}

    .navbar-default .navbar-collapse,
    .navbar-default .navbar-form {
        border: none;
    }

    .navbar-default .navbar-nav > li > a:hover,
    .navbar-default .navbar-nav > li > a:focus {
        color: #72980a;
    }

    .navbar-default .navbar-nav > li > a {
        font-size: 16px;
    }

    .navbar-default .navbar-nav > li + li {
        border-left: 2px solid #f3f3f3;
    }

    .navbar-default .navbar-nav > li > .cart-number {
        font-size: 15px;
    }

    .navbar-default .dropdown-menu {
        left: auto;
        right: 0;
    }

    .navbar-default .navbar-nav > .open > a,
    .navbar-default .navbar-nav > .open > a:hover,
    .navbar-default .navbar-nav > .open > a:focus {
        background: none;
    }

.nav > li > a {
    padding: 15px 24px;
}

.nav > li > .link-user {
    padding: 17px 31px 13px 24px;
}

    .nav > li > .link-user i {
        font-size: 14px;
        margin-right: 5px;
        position: relative;
        top: -1px;
    }

@media (max-width: 1200px) {
    .nav > li:last-child > a {
        padding: 15px 14px;
    }

    .nav > li:last-child > a {
        padding-right: 0;
    }
}

@media (max-width: 767px) {
    .navbar-default .navbar-toggle:hover,
    .navbar-default .navbar-toggle:focus {
        background: none;
    }

        .navbar-default .navbar-toggle:hover .icon-bar,
        .navbar-default .navbar-toggle:focus .icon-bar {
            background: #72980a;
        }
}

/* ------------------------------------------------------------ *\
	Nav-language
\* ------------------------------------------------------------ */
@media (min-width: 767px) {
    .header-aside .nav-language {
        margin-top: 20px;
    }
}

.nav-language > a i {
    margin-right: 12px;
}

/* ------------------------------------------------------------ *\
	Nav-access
\* ------------------------------------------------------------ */

.nav-access {
    font-size: 0;
}

    .nav-access li {
        display: inline-block;
        vertical-align: middle;
        font-size: 16px;
        padding-top: 2px;
    }

        .nav-access li + li {
            margin-left: 51px;
        }

        .nav-access li:last-child {
            padding-top: 0;
        }

    .nav-access a {
        text-decoration: none;
        color: #fff;
        transition: color .3s;
    }

        .nav-access a:hover {
            color: #93bd20;
        }

    .nav-access .fa {
        font-size: 13px;
        margin-right: 11px;
        margin-left: 3px;
        position: relative;
        top: -3px;
    }

.nav-access-secondary a {
    font-size: 14px;
    font-weight: 400;
    display: inline-block;
    text-align: center;
    padding: 8px 0 7px;
}

.nav-access-secondary .link-green a {
    box-shadow: inset 0 1px 0 #93bd20, inset 1px 0 0 #93bd20, inset 0 -2px 0 rgba(116, 154, 12, 0.5);
    border-radius: 4px 0 0 4px;
    background-color: #93bd20;
    width: 75px;
}

    .nav-access-secondary .link-green a:hover {
        background: #6a8c0c;
        color: #fff;
    }

.nav-access-secondary .link-gray {
    margin-left: 0;
}

    .nav-access-secondary .link-gray a {
        width: 75px;
        border-radius: 0 4px 4px 0;
        border: 1px solid #b3b3b3;
        background-color: rgba(255, 255, 255, 0.2);
        padding: 6px 0 7px;
    }

        .nav-access-secondary .link-gray a:hover {
            background: #3d3938;
        }

.nav-access-secondary li + li {
    margin-left: 25px;
}

@media (max-width: 767px) {
    .nav-access ul {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .nav-access li + li {
        margin-left: 0;
    }

    .nav-access-secondary ul {
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .nav-access-secondary li:first-child {
        display: none;
    }

    .nav-access-secondary a {
        margin-left: 26px;
    }

    .nav-access-secondary .link-gray a {
        box-shadow: inset 0 1px 0 #93bd20, inset 0 0 0 #93bd20, inset 1px -1px 2px rgba(116, 154, 12, 0.5);
        border-radius: 2px;
        font-size: 11px;
        background-color: #93bd20;
        margin-top: 2px;
        padding-bottom: 5px;
    }
}

/* ------------------------------------------------------------ *\
	Nav-tabs
\* ------------------------------------------------------------ */

.nav-tabs {
    border-bottom: 1px solid #e4e4e4;
    padding-top: 4px;
    text-align: left;
    width: 100%;
    max-width: 992px;
    margin: 0 auto;
    position: relative;
}

    .nav-tabs .search {
        position: absolute;
        top: 4px;
        right: 7px;
        width: 227px;
        margin-top: 10px;
        z-index: 50;
    }

    .nav-tabs h5 {
        display: inline-block;
        font-weight: 300;
        margin: 17px 0px;
    }

    .nav-tabs ul {
        margin-bottom: 0;
    }

    .nav-tabs a {
        display: block;
        text-decoration: none;
    }

        .nav-tabs .active .ico-star-empty,
        .nav-tabs a:hover .ico-star-empty {
            display: inline-block;
            background: url(images/ico-star-empty@2x.png) no-repeat 0 0;
            width: 20px;
            height: 18px;
            background-size: cover;
        }

        .nav-tabs .active .ico-clock,
        .nav-tabs a:hover .ico-clock {
            display: inline-block;
            background: url(images/ico-clock@2x.png) no-repeat 0 0;
            width: 18px;
            height: 18px;
            background-size: cover;
        }

    .nav-tabs li {
        display: inline-block;
        vertical-align: middle;
        font-size: 16px;
    }

/*Nav-tabs-alt*/

.nav-tabs-alt {
    border-bottom: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media (max-width: 767px) {
    .nav-tabs .search {
        display: none;
    }
}

/* ------------------------------------------------------------ *\
	Nav-tabs-primary
\* ------------------------------------------------------------ */

.nav-tabs-primary {
    padding: 8px 0 0;
}

/* ------------------------------------------------------------ *\
	Nav-tabs-secondary
\* ------------------------------------------------------------ */

.nav-tabs-secondary {
    background-color: #f9f9f9;
    min-height: 490px;
}

    .nav-tabs-secondary a {
        display: block;
        padding: 28px 0 28px 42px;
        position: relative;
        font-size: 16px;
        text-decoration: none;
    }

        .nav-tabs-secondary a span {
            display: inline-block;
            vertical-align: middle;
        }

        .nav-tabs-secondary a:hover,
        .nav-tabs-secondary a:focus {
            color: #555;
        }

        .nav-tabs-secondary a:before {
            content: '';
            background: #93bd20;
            position: absolute;
            position: absolute;
            top: -1px;
            left: -1px;
            bottom: 0;
            width: 4px;
            opacity: 0;
        }

    .nav-tabs-secondary .active a {
        background: #fff;
        box-shadow: 0 2px 0 rgba(0, 0, 0, 0.04), inset 0 -1px 0 #e3e3e3;
    }

        .nav-tabs-secondary .active a:before {
            opacity: 1;
        }

    .nav-tabs-secondary .image-holder {
        margin-right: 17px
    }

/* ------------------------------------------------------------ *\
	Nav-secondary
\* ------------------------------------------------------------ */

.nav-secondary a {
    display: block;
    padding: 25px 31px 24px;
    text-decoration: none;
    position: relative;
}

    .nav-secondary a:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        width: 5px;
        background: #93bd20;
        opacity: 0;
    }

    .nav-secondary a span {
        display: inline-block;
        margin-left: 15px;
    }

    .nav-secondary a .nav-icon {
        width: 26px;
        text-align: center;
        margin-left: 0;
    }

    .nav-secondary .current a,
    .nav-secondary a:hover,
    .nav-secondary a:focus {
        color: #72980a;
    }

        .nav-secondary .current a:after {
            opacity: 1;
        }

        .nav-secondary .current .ico-clock,
        .nav-secondary a:hover .ico-clock {
            background: url(images/ico-clock-green@2x.png) no-repeat 0 0;
            background-size: cover;
        }

        .nav-secondary .current .ico-star-empty,
        .nav-secondary a:hover .ico-star-empty {
            background: url(images/ico-star-empty@2x.png) no-repeat 0 0;
            background-size: cover;
        }

        .nav-secondary .current .ico-card,
        .nav-secondary a:hover .ico-card {
            background: url(images/ico-card-color@2x.png) no-repeat 0 0;
            background-size: cover;
        }

        .nav-secondary .current .ico-share,
        .nav-secondary a:hover .ico-share {
            background: url(images/ico-share-color@2x.png) no-repeat 0 0;
            background-size: cover;
        }

        .nav-secondary .current .ico-wrench,
        .nav-secondary a:hover .ico-wrench {
            background: url(images/ico-wrench-color@2x.png) no-repeat 0 0;
            background-size: cover;
        }

        .nav-secondary .current .ico-lifebelt,
        .nav-secondary a:hover .ico-lifebelt {
            background: url(images/ico-lifebelt-color@2x.png) no-repeat 0 0;
            background-size: cover;
        }

/* ------------------------------------------------------------ *\
	Order
\* ------------------------------------------------------------ */

.order {
    border: 1px solid #e5e5e5;
    background: #fff;
    font-size: 12px;
}

    .order a {
        text-decoration: none;
    }

        .order a:hover {
            color: #93bd20;
        }

    .order h5 {
        margin: 0 0 5px;
        display: inline-block;
        font-weight: 400;
    }

        .order h5 + i {
            float: right;
            margin-top: -7px;
        }

    .order p i {
        margin: 0 3px;
    }

    .order p span {
        color: rgba(119, 119, 119, 0.9);
    }

    .order .order-body {
        padding-bottom: 17px;
    }

    .order .order-total {
        border-top: 2px solid #f2f2f2;
        font-size: 12px;
        padding: 7px 0 1px;
    }

        .order .order-total p {
            font-weight: 500;
            color: #555;
        }

@media (max-width: 767px) {
    .order .order-total {
        display: none;
    }

    .order h5 {
        font-size: 12px;
        margin-bottom: 12px;
    }

    .order.order-primary {
        padding: 13px 11px;
    }

        .order.order-primary .order-body {
            padding-bottom: 0;
        }
}

/* ------------------------------------------------------------ *\
	Order-primary
\* ------------------------------------------------------------ */

.order-primary {
    padding: 13px 20px 6px;
}

    .order-primary p {
        margin: 0;
    }

        .order-primary p + p {
            margin-top: 2px;
        }

    .order-primary .order-total p {
        text-align: right;
    }

/* ------------------------------------------------------------ *\
	Order-secondary
\* ------------------------------------------------------------ */

.order-secondary {
    padding: 6px 21px 6px 6px;
}

    .order-secondary:after {
    }

    .order-secondary p {
        font-size: 12px;
        margin-bottom: 0;
    }

    .order-secondary h5 {
        margin: 10px 0 3px;
    }

    .order-secondary .order-image {
        float: left;
        width: 81px;
        height: 112px;
        overflow: hidden;
    }

    .order-secondary .order-content {
        float: right;
        width: calc(100% - 81px);
        padding-left: 10px;
    }

    .order-secondary .order-body {
        padding-top: 1px;
    }

    .order-secondary .order-total {
        padding-bottom: 1px;
    }

        .order-secondary .order-total:after {
        }

        .order-secondary .order-total p {
            float: left;
        }

            .order-secondary .order-total p + p {
                float: right;
            }

@media (max-width: 767px) {
    .order-secondary .order-image {
        width: 52px;
        height: auto;
    }

    .order-secondary .order-content {
        float: left;
    }
}

/* ------------------------------------------------------------ *\
	Order summary
\* ------------------------------------------------------------ */

.order-summary {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

    .order-summary .order-summary-content {
        max-width: 380px;
        width: 100%;
    }

    .order-summary .order-summary-aside {
        max-width: 308px;
        width: 100%;
        background: #f9f9f9;
        border: 1px solid #e3e3e3;
    }

    .order-summary .order-summary-content-inner {
        border: 2px solid #f8e71c;
        background-color: #fffcdd;
        padding: 16px 20px;
        text-align: center;
        font-size: 20px;
        font-weight: 400;
        line-height: 1.44;
    }

        .order-summary .order-summary-content-inner sup {
            color: red;
            font-size: 15px;
            line-height: 1;
        }

        .order-summary .order-summary-content-inner p {
            margin-bottom: 22px;
        }

        .order-summary .order-summary-content-inner strong {
            color: #de950a;
        }

        .order-summary .order-summary-content-inner p:last-child {
            font-size: 15px;
            line-height: 1.2;
            margin-top: -5px;
        }

    .order-summary .summary {
        padding: 20px 19px 13px;
    }

        .order-summary .summary .summary-body {
            padding: 2px 0;
        }

/* ------------------------------------------------------------ *\
	Order Overview
\* ------------------------------------------------------------ */

.order-overview {
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    margin-bottom: 32px;
}

    .order-overview p {
        margin: 0;
    }

    .order-overview .error-text {
        color: #d0021b;
    }

    .order-overview .order-overview-head {
        padding: 20px 20px 13px;
        font-size: 16px;
        line-height: 1.2;
        border-bottom: 2px solid #d5d5d5;
    }

        .order-overview .order-overview-head h5 {
            margin: 0;
            font-weight: 700;
            color: #000;
            line-height: 1.2;
        }

    .order-overview .order-overview-body {
        border-bottom: 2px solid #d5d5d5;
        padding: 0 10px;
    }

    .order-overview .order-overview-foot {
        padding: 20px 20px;
        font-size: 16px;
    }

    .order-overview .order-overview-summary {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin: 0;
    }

        .order-overview .order-overview-summary dt {
            font-weight: 400;
        }

    .order-overview .order-overview-actions {
        text-align: center;
        border-top: 2px solid #d5d5d5;
    }

        .order-overview .order-overview-actions a {
            display: block;
            text-decoration: none;
            color: #72980a;
            font-size: 16px;
            padding: 12px 10px;
        }

            .order-overview .order-overview-actions a:hover {
                color: #000;
            }

            .order-overview .order-overview-actions a ~ a {
                border-top: 2px solid #e3e3e3;
            }

/* Mobile */

@media (max-width: 767px) {
    .order-overview {
        margin-bottom: 0;
    }

        .order-overview .order-overview-head {
            font-size: 14px;
            padding: 12px 16px 11px;
        }

            .order-overview .order-overview-head h5 {
                font-size: 14px;
            }

        .order-overview .order-overview-body {
            padding: 0 8px;
        }

        .order-overview .order-overview-foot {
            font-size: 14px;
            padding: 10px 16px;
        }

        .order-overview .order-overview-actions a {
            font-size: 12px;
            padding: 8px 10px;
        }
}

/* ------------------------------------------------------------ *\
	Paging
\* ------------------------------------------------------------ */

.paging {
    padding: 20px 0 16px;
}

    .paging:after {
    }

    .paging > a {
        text-decoration: none;
        font-size: 12px;
        color: #72980a;
        text-transform: uppercase;
        float: left;
    }

        .paging > a i {
            margin-right: 7px;
            font-size: 10px;
        }

        .paging > a + a {
            float: right;
        }

            .paging > a + a i {
                margin-right: 0;
                margin-left: 7px;
            }

        .paging > a:hover,
        .paging > a:active {
            color: #000;
        }

/* ------------------------------------------------------------ *\
	Password Holder
\* ------------------------------------------------------------ */

.password-holder {
    position: relative;
}

    .password-holder .form-label {
        z-index: 5;
    }

    .password-holder a {
        font-size: 10px;
        color: #72980a;
        text-transform: uppercase;
        text-decoration: none;
        position: absolute;
        top: 7px;
        right: 0;
        z-index: 5;
    }

        .password-holder a i {
            margin-right: 4px;
        }

        .password-holder a .active-text {
            display: none;
        }

    .password-holder .field-show-pass {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 1;
        opacity: 0;
        visibility: hidden;
    }

    .password-holder.visible .field-show-pass {
        opacity: 1;
        visibility: visible;
    }

    .password-holder.visible a span {
        display: none;
    }

    .password-holder.visible a .active-text {
        display: block;
    }

/* ------------------------------------------------------------ *\
	Payment
\* ------------------------------------------------------------ */

.payment h5 {
    font-weight: 300;
    margin: 0;
}

.payment .payment-head {
    border-bottom: 2px solid #e4e4e4;
    padding-bottom: 6px;
}

    .payment .payment-head h5 {
        display: inline-block;
    }

    .payment .payment-head a {
        float: right;
        text-transform: uppercase;
        text-decoration: none;
        color: #72980a;
        margin-top: -2px;
    }

        .payment .payment-head a span {
            display: inline-block;
            vertical-align: middle;
            margin-right: 8px;
        }

    .payment .payment-head .color-grey {
        color: #a7a7a7;
    }

.payment .payment-body {
    padding: 28px 0 27px;
    border-bottom: 2px solid #e4e4e4;
}

.payment .payment-content {
    display: inline-block;
    vertical-align: middle;
    padding-top: 12px;
}

.payment .method {
    margin-right: 67px;
}

.payment .payment-actions {
    padding: 12px 0;
}

    .payment .payment-actions a {
        text-decoration: none;
        color: #a7a7a7;
    }

        .payment .payment-actions a:hover {
            color: #ff0000;
        }

        .payment .payment-actions a span {
            display: inline-block;
            vertical-align: middle;
            margin-left: 6px;
        }

@media (max-width: 767px) {
    .payment-alt .payment-body {
        padding-top: 10px;
    }

    .payment .method {
        margin-right: 30px;
    }

    .payment .payment-head h5 {
        display: block;
        clear: both;
    }

    .payment .payment-head .method {
        margin-bottom: 40px;
        display: block;
    }

    .payment .payment-head .form-actions {
        float: none;
        clear: both;
        padding-top: 10px;
        display: -ms-flexbox;
        display: flex;
    }

        .payment .payment-head .form-actions button:first-child {
            margin-top: 0;
        }

        .payment .payment-head .form-actions .form-btn:first-child {
            padding-left: 0;
        }

    .payment .payment-head .color-grey,
    .payment .payment-head a.link-edit {
        clear: both;
        float: none;
        margin-top: 10px;
        display: block;
    }
}

/* ------------------------------------------------------------ *\
	Payment-alt
\* ------------------------------------------------------------ */

.payment-alt .payment-head {
    padding-bottom: 14px;
}

.payment-alt .payment-body {
    padding-top: 25px;
    border-bottom: none;
}

/* ------------------------------------------------------------ *\
	Popup
\* ------------------------------------------------------------ */

.popup {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 3250;
    text-align: center;
    opacity: 0;
    visibility: hidden;
}

    .popup .popup-bg {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background: rgba(255,255,255,0.8);
    }

    .popup .link-close {
        position: absolute;
        top: 27px;
        right: 20px;
        z-index: 50;
    }

    .popup .popup-inner {
        position: relative;
        z-index: 50;
        max-width: 850px;
        margin: 100px auto 0;
    }

    .popup.visible {
        opacity: 1;
        visibility: visible;
    }

/* Mobile */

@media (max-width: 767px) {
    .popup-login .link-close {
        display: none;
    }
}

/* ------------------------------------------------------------ *\
	Popup MObile Login
\* ------------------------------------------------------------ */

.popup-mobile-login {
    display: none;
}

    .popup-mobile-login.visible {
        display: none;
        opacity: 0;
        visibility: hidden;
    }

@media(max-width: 767px) {
    .popup-mobile-login.visible {
        display: block;
        opacity: 1;
        visibility: visible;
    }

    .popup-mobile-login .link-close {
        display: block;
        top: 10px;
        right: 10px;
    }

    .popup-mobile-login .popup-inner {
        display: inline-block;
        vertical-align: middle;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.25);
        border-radius: 10px;
        background: #fff;
        padding: 20px 20px 40px;
    }
}

/* ------------------------------------------------------------ *\
	Popup for preorder
\* ------------------------------------------------------------ */

.popup-preorder {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(255,255,255,.5);
    overflow-y: auto;
    z-index: 1000;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    opacity: 0;
    transition: .2s ease-in-out;
    pointer-events: none;
}

    .popup-preorder.active {
        opacity: 1;
        pointer-events: all;
    }

    .popup-preorder .popup__inner {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

    .popup-preorder .popup__body {
        max-width: 574px;
        border-radius: 7px;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.25);
        background-color: #fff;
        text-align: center;
        color: #000;
        z-index: 1;
    }

    .popup-preorder .popup__zone {
        padding: 3px 20px 6px;
        box-shadow: inset 0 -1px 0 #e3e3e3;
        opacity: .5;
        pointer-events: none;
    }

    .popup-preorder.active .popup__zone.active {
        opacity: 1;
        pointer-events: all;
    }

    .popup-preorder .popup__head {
        position: relative;
        margin-top: 0;
        padding-top: 27px;
        padding-bottom: 27px;
        font-size: 28px;
        font-weight: 300;
    }

    .popup-preorder .popup__notification {
        margin-bottom: 0;
        padding: 25px 20px 26px;
        font-size: 14px;
        font-weight: 700;
        line-height: 1.4;
        letter-spacing: 0.005em;
    }

    .popup-preorder .popup__back {
        position: absolute;
        left: 20px;
        top: 50%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        padding: 0 5px;
        color: rgba(147, 189, 32, 0.5);
        text-decoration: none;
    }

        .popup-preorder .popup__back:hover {
            text-decoration: none;
            color: rgba(147, 189, 32, 1);
        }

    .popup-preorder .popup__title {
        margin-top: 10px;
        font-size: 12px;
    }

        .popup-preorder .popup__title h6 {
            margin-top: 0;
            margin-bottom: -1px;
            text-transform: uppercase;
            font-size: 14px;
            font-weight: 700;
        }

    .popup-preorder .tiles-days {
        margin: 19px -4px 19px;
    }

        .popup-preorder .tiles-days br {
            display: none;
        }

    .popup-preorder .form-controls-select {
        margin: 19px auto 24px;
        max-width: 340px;
    }

    .popup-preorder .select select {
        padding: 3px 9px 1px;
        font-size: 18px;
        color: #000;
    }

    .popup-preorder .select i {
        right: 10px;
        margin-top: -1px;
        pointer-events: none;
    }

[dir="rtl"] .popup-preorder .select i {
    left: 10px;
    right: initial;
}

.popup-preorder .popup__actions {
    padding-top: 24px;
    padding-bottom: 25px;
}

@media (max-width: 767px) {
    .popup-preorder {
        padding-top: 80px;
        -ms-flex-align: start;
        -ms-grid-row-align: flex-start;
        align-items: flex-start;
    }

        .popup-preorder .popup__head {
            font-size: 20px;
            padding-top: 10px;
            padding-bottom: 10px;
        }

        .popup-preorder .tiles-days {
            margin-top: 10px;
            margin-bottom: 10px;
        }

            .popup-preorder .tiles-days br {
                display: block;
            }

        .popup-preorder .form-controls-select {
            margin-top: 10px;
            margin-bottom: 10px;
        }

        .popup-preorder .popup__notification {
            padding-top: 10px;
            padding-bottom: 10px;
        }

        .popup-preorder .popup__actions {
            padding-top: 10px;
            padding-bottom: 10px;
        }

        .popup-preorder .select select {
            font-size: 14px;
        }
}

/* ------------------------------------------------------------ *\
	Popup for preorrder cancel page
\* ------------------------------------------------------------ */

.popup-preorder-cancel {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-top: 237px;
    background-color: rgba(255,255,255,.5);
    overflow-y: auto;
    z-index: 1000;
    font-family: 'Roboto', sans-serif;
    opacity: 0;
    transition: .2s ease-in-out;
    pointer-events: none;
}

    .popup-preorder-cancel.active {
        opacity: 1;
        pointer-events: all;
    }

    .popup-preorder-cancel .popup__inner {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

    .popup-preorder-cancel .popup__body {
        width: 100%;
        max-width: 574px;
        padding: 26px 41px 24px;
        border-radius: 7px;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.25);
        background-color: #fff;
        text-align: center;
        color: #000;
        z-index: 1;
    }

    .popup-preorder-cancel .popup__head {
        margin: auto auto 50px;
        width: 100%;
        max-width: 310px;
        font-weight: 300;
        font-size: 28px;
        letter-spacing: 0em;
        line-height: 1.1;
    }

    .popup-preorder-cancel .popup__actions {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: center;
        align-items: center;
        padding-left: 34px;
    }

    .popup-preorder-cancel .popup__back {
        color: #06183d;
        font-size: 16px;
        text-transform: uppercase;
        font-weight: 700;
        font-family: 'Roboto', sans-serif;
        text-decoration: none;
    }

        .popup-preorder-cancel .popup__back:hover {
            color: #000;
            opacity: .5;
            text-decoration: none;
        }

@media (max-width: 767px) {
    .popup-preorder-cancel {
        padding-top: 138px;
    }

        .popup-preorder-cancel .popup__body {
            padding-left: 10px;
            padding-right: 10px;
        }

        .popup-preorder-cancel .popup__head {
            font-size: 18px;
            max-width: none;
            margin-bottom: 30px;
        }

        .popup-preorder-cancel .popup__actions {
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -ms-flex-pack: center;
            justify-content: center;
            padding-left: 0;
        }

            .popup-preorder-cancel .popup__actions a {
                display: block;
                width: 100%;
            }

                .popup-preorder-cancel .popup__actions a + a {
                    margin-top: 10px;
                }
}
/* ------------------------------------------------------------ *\
	Popup for preorder
\* ------------------------------------------------------------ */

.popup-preorder {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(255,255,255,.5);
    overflow-y: auto;
    z-index: 1000;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    opacity: 0;
    transition: .2s ease-in-out;
    pointer-events: none;
}

    .popup-preorder.active {
        opacity: 1;
        pointer-events: all;
    }

    .popup-preorder .popup__inner {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

    .popup-preorder .popup__body {
        max-width: 574px;
        border-radius: 7px;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.25);
        background-color: #fff;
        text-align: center;
        color: #000;
        z-index: 1;
    }

    .popup-preorder .popup__zone {
        padding: 3px 20px 6px;
        box-shadow: inset 0 -1px 0 #e3e3e3;
        opacity: .5;
        pointer-events: none;
    }

    .popup-preorder.active .popup__zone.active {
        opacity: 1;
        pointer-events: all;
    }

    .popup-preorder .popup__head {
        position: relative;
        margin-top: 0;
        padding-top: 27px;
        padding-bottom: 27px;
        font-size: 28px;
        font-weight: 300;
    }

    .popup-preorder .popup__notification {
        margin-bottom: 0;
        padding: 25px 20px 26px;
        font-size: 14px;
        font-weight: 700;
        line-height: 1.4;
        letter-spacing: 0.005em;
    }

    .popup-preorder .popup__back {
        position: absolute;
        left: 20px;
        top: 50%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        padding: 0 5px;
        color: rgba(147, 189, 32, 0.5);
        text-decoration: none;
    }

[dir="rtl"] .popup-preorder .popup__back {
    right: 20px;
    left: initial
}

.popup-preorder .popup__back:hover {
    text-decoration: none;
    color: rgba(147, 189, 32, 1);
}

.popup-preorder .popup__title {
    margin-top: 10px;
    font-size: 12px;
}

    .popup-preorder .popup__title h6 {
        margin-top: 0;
        margin-bottom: -1px;
        text-transform: uppercase;
        font-size: 14px;
        font-weight: 700;
    }

.popup-preorder .tiles-days {
    margin: 19px -4px 19px;
}

    .popup-preorder .tiles-days br {
        display: none;
    }

.popup-preorder .form-controls-select {
    margin: 19px auto 24px;
    max-width: 340px;
}

.popup-preorder .select select {
    padding: 3px 9px 1px;
    font-size: 18px;
    color: #000;
}

.popup-preorder .select i {
    right: 10px;
    margin-top: -1px;
    pointer-events: none;
}

.popup-preorder .popup__actions {
    padding-top: 24px;
    padding-bottom: 25px;
}

@media (max-width: 767px) {
    .popup-preorder {
        padding-top: 80px;
        -ms-flex-align: start;
        -ms-grid-row-align: flex-start;
        align-items: flex-start;
    }

        .popup-preorder .popup__head {
            font-size: 20px;
            padding-top: 10px;
            padding-bottom: 10px;
        }

        .popup-preorder .tiles-days {
            margin-top: 10px;
            margin-bottom: 10px;
        }

            .popup-preorder .tiles-days br {
                display: block;
            }

        .popup-preorder .form-controls-select {
            margin-top: 10px;
            margin-bottom: 10px;
        }

        .popup-preorder .popup__notification {
            padding-top: 10px;
            padding-bottom: 10px;
        }

        .popup-preorder .popup__actions {
            padding-top: 10px;
            padding-bottom: 10px;
        }

        .popup-preorder .select select {
            font-size: 14px;
        }
}

/* ------------------------------------------------------------ *\
	Popup for preorrder cancel page
\* ------------------------------------------------------------ */

.popup-preorder-cancel {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-top: 237px;
    background-color: rgba(255,255,255,.5);
    overflow-y: auto;
    z-index: 1000;
    font-family: 'Roboto', sans-serif;
    opacity: 0;
    transition: .2s ease-in-out;
    pointer-events: none;
}

    .popup-preorder-cancel.active {
        opacity: 1;
        pointer-events: all;
    }

    .popup-preorder-cancel .popup__inner {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

    .popup-preorder-cancel .popup__body {
        width: 100%;
        max-width: 574px;
        padding: 26px 41px 24px;
        border-radius: 7px;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.25);
        background-color: #fff;
        text-align: center;
        color: #000;
        z-index: 1;
    }

    .popup-preorder-cancel .popup__head {
        margin: auto auto 50px;
        width: 100%;
        max-width: 310px;
        font-weight: 300;
        font-size: 28px;
        letter-spacing: 0em;
        line-height: 1.1;
    }

    .popup-preorder-cancel .popup__actions {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: center;
        align-items: center;
        padding-left: 34px;
    }

    .popup-preorder-cancel .popup__back {
        color: #06183d;
        font-size: 16px;
        text-transform: uppercase;
        font-weight: 700;
        font-family: 'Roboto', sans-serif;
        text-decoration: none;
    }

        .popup-preorder-cancel .popup__back:hover {
            color: #000;
            opacity: .5;
            text-decoration: none;
        }

@media (max-width: 767px) {
    .popup-preorder-cancel {
        padding-top: 138px;
    }

        .popup-preorder-cancel .popup__body {
            padding-left: 10px;
            padding-right: 10px;
        }

        .popup-preorder-cancel .popup__head {
            font-size: 18px;
            max-width: none;
            margin-bottom: 30px;
        }

        .popup-preorder-cancel .popup__actions {
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -ms-flex-pack: center;
            justify-content: center;
            padding-left: 0;
        }

            .popup-preorder-cancel .popup__actions a {
                display: block;
                width: 100%;
            }

                .popup-preorder-cancel .popup__actions a + a {
                    margin-top: 10px;
                }
}

/* ------------------------------------------------------------ *\
	Popup for alcohol modal
\* ------------------------------------------------------------ */

.popup-alcohol {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(255,255,255,.5);
    overflow-y: auto;
    z-index: 1000;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    opacity: 0;
    transition: .2s ease-in-out;
    pointer-events: none;
}

    .popup-alcohol.active {
        opacity: 1;
        pointer-events: all;
        color: black !important;
    }

    .popup-alcohol .modal-header {
        color: black;
    }

    .popup-alcohol .modal-dialog {
        width: 560px;
        padding: 16px;
    }

    .popup-alcohol .modal-body {
        min-height: 200px;
    }

    .popup-alcohol .popup-actions {
        padding-top: 20px;
    }

    .popup-alcohol .btn.btn-large-green {
        width: 45%;
        height: 50px;
        font-weight: normal;
        text-decoration: none;
    }

        .popup-alcohol .btn.btn-large-green.cancel {
            background-color: transparent;
            border-color: #6a8a4b;
            border-width: 1px;
            border-radius: 5px;
            color: #6a8a4b;
            line-height: 35px;
        }

        .popup-alcohol .btn.btn-large-green.yes {
            background-color: #6a8a4b;
            border-color: #6a8a4b;
            border: 2px;
            border-radius: 5px;
            color: white;
        }

        .popup-alcohol .btn.btn-large-green p {
            font-size: .8em;
        }

    .popup-alcohol .modal-title {
        margin-bottom: 12px !important;
    }

    .popup-alcohol .modal-content {
        padding: 10px 16px;
    }

    .popup-alcohol .popup__actions {
        padding-top: 24px;
        padding-bottom: 25px;
    }

@media (max-width: 767px) {
    .popup-alcohol {
        padding-top: 80px;
        -ms-flex-align: start;
        -ms-grid-row-align: flex-start;
        align-items: flex-start;
    }

        .popup-alcohol .popup__head {
            font-size: 20px;
            padding-top: 10px;
            padding-bottom: 10px;
        }

        .popup-alcohol .popup__actions {
            padding-bottom: 10px;
        }
}

/* ------------------------------------------------------------ *\
	Popup for delivery
\* ------------------------------------------------------------ */

.popup-delivery {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(255,255,255,.5);
    overflow-y: auto;
    z-index: 1000;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    opacity: 0;
    transition: .2s ease-in-out;
    pointer-events: none;
}

    .popup-delivery.active {
        opacity: 1;
        pointer-events: all;
    }

    .popup-delivery .popup__inner {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

    .popup-delivery .popup__body {
        max-width: 574px;
        border-radius: 7px;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.25);
        background-color: #fff;
        text-align: center;
        color: #000;
        z-index: 1;
    }

        .popup-delivery .popup__body.tiered {
            width: 680px !important;
            position: absolute;
        }

/* For small screens like mobile web browsers modal needs to fit the screen */
@media screen and (max-device-width: 800px) {
    .popup-delivery .popup__body.tiered {
        width: 100% !important;
    }
}

.popup-delivery .popup__body .tiered {
    color: #000 !important;
}

    .popup-delivery .popup__body .tiered h2 {
        box-shadow: unset;
        padding-bottom: 12px;
        padding-top: 33px;
    }

.popup-delivery .popup__zone {
    padding: 3px 20px 6px;
    box-shadow: inset 0 -1px 0 #e3e3e3;
    opacity: .5;
    pointer-events: none;
}

.popup-delivery.active .popup__zone.active {
    opacity: 1;
    pointer-events: all;
}

.popup__head.popup__zone.active.tiered h2 {
    color: #000 !important;
}

.popup-delivery .popup__head {
    position: relative;
    margin-top: 0;
    padding-top: 27px;
    padding-bottom: 27px;
    font-size: 28px;
    font-weight: 300;
}

.popup-delivery .popup__notification {
    margin-bottom: 0;
    padding: 25px 20px 26px;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0.005em;
}

.popup-delivery .popup__back {
    position: absolute;
    left: 20px;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0 5px;
    color: rgba(147, 189, 32, 0.5);
    text-decoration: none;
}

    .popup-delivery .popup__back:hover {
        text-decoration: none;
        color: rgba(147, 189, 32, 1);
    }

.popup-delivery .tiered .popup__back {
    right: 15px;
    left: unset;
    top: 25px;
    color: #e00 !important;
    font-size: 16px;
}

.popup-delivery .popup__title {
    margin-top: 10px;
    font-size: 12px;
}

.popup__title.tiered {
    margin-top: 0px !important;
    padding-bottom: 16px;
    box-shadow: inset 0 -1px 0 #e3e3e3;
}

.popup-delivery .popup__title h6 {
    margin-top: 0;
    margin-bottom: -1px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
}

.popup-delivery .tiles-days {
    margin: 19px -4px 19px;
}

    .popup-delivery .tiles-days br {
        display: none;
    }

.popup-delivery .form-controls-select {
    margin: 19px auto 24px;
    max-width: 500px;
}

.popup-delivery .select select {
    padding: 3px 9px 1px;
    font-size: 18px;
    color: #000;
}

.popup-delivery .select i {
    right: 10px;
    margin-top: -1px;
    pointer-events: none;
}

[dir="rtl"] .popup-delivery .select i {
    left: 10px;
    right: initial;
    margin-top: -1px;
    pointer-events: none;
}


.popup-delivery .popup__actions {
    padding-top: 24px;
    padding-bottom: 25px;
}

@media (max-width: 767px) {
    .popup-delivery {
        padding-top: 80px;
        -ms-flex-align: start;
        -ms-grid-row-align: flex-start;
        align-items: flex-start;
    }

        .popup-delivery .popup__head {
            font-size: 20px;
            padding-top: 10px;
            padding-bottom: 10px;
        }

        .popup-delivery .tiles-days {
            margin-top: 10px;
            margin-bottom: 10px;
        }

            .popup-delivery .tiles-days br {
                display: block;
            }

        .popup-delivery .form-controls-select {
            margin-top: 10px;
            margin-bottom: 10px;
        }

        .popup-delivery .popup__notification {
            padding-top: 10px;
            padding-bottom: 10px;
        }

        .popup-delivery .popup__actions {
            padding-top: 10px;
            padding-bottom: 10px;
        }

        .popup-delivery .select select {
            font-size: 14px;
        }
}

/* ------------------------------------------------------------ *\
	Popup for tip
\* ------------------------------------------------------------ */

.popup-tip {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(255,255,255,.5);
    overflow-y: auto;
    z-index: 1000;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    opacity: 0;
    transition: .2s ease-in-out;
    pointer-events: none;
}

    .popup-tip.active {
        opacity: 1;
        pointer-events: all;
    }

    .popup-tip .popup__inner {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

    .popup-tip .popup__body {
        max-width: 574px;
        width: 90%;
        border-radius: 7px;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.25);
        background-color: #fff;
        text-align: center;
        color: #000;
        z-index: 1;
    }

        .popup-tip .popup__body.tiered {
            width: 680px !important;
            position: absolute;
        }

/* For small screens like mobile web browsers modal needs to fit the screen */
@media screen and (max-device-width: 800px) {
    .popup-tip .popup__body.tiered {
        width: 100% !important;
    }
}

.popup-tip .popup__body .tiered {
    color: #000 !important;
}

    .popup-tip .popup__body .tiered h2 {
        box-shadow: unset;
        padding-bottom: 12px;
        padding-top: 33px;
    }

.popup-tip .popup__zone {
    padding: 3px 20px 6px;
    box-shadow: inset 0 -1px 0 #e3e3e3;
    opacity: .5;
    pointer-events: none;
}

.popup-tip.active .popup__zone.active {
    opacity: 1;
    pointer-events: all;
}

.popup__head.popup__zone.active.tiered h2 {
    color: #000 !important;
}

.popup-tip .popup__head {
    position: relative;
    margin-top: 0;
    padding-top: 27px;
    padding-bottom: 27px;
    font-size: 28px;
    font-weight: 300;
}

.popup-tip .popup__notification {
    margin-bottom: 0;
    padding: 25px 20px 26px;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0.005em;
}

.popup-tip .popup__back {
    position: absolute;
    left: 20px;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0 5px;
    color: rgba(147, 189, 32, 0.5);
    text-decoration: none;
}

    .popup-tip .popup__back:hover {
        text-decoration: none;
        color: rgba(147, 189, 32, 1);
    }

.popup-tip .popup__back {
    right: 15px;
    left: unset;
    top: 25px;
    color: #e00 !important;
    font-size: 16px;
}

.popup-tip .popup__title {
    margin-top: 10px;
    font-size: 12px;
}

.popup__title.tiered {
    margin-top: 0px !important;
    padding-bottom: 16px;
    box-shadow: inset 0 -1px 0 #e3e3e3;
}

.popup-tip .popup__title h6 {
    margin-top: 0;
    margin-bottom: -1px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
}

.popup-tip .tiles-days {
    margin: 19px -4px 19px;
}

    .popup-tip .tiles-days br {
        display: none;
    }

.popup-tip .form-controls-select {
    margin: 19px auto 24px;
    max-width: 500px;
}

.popup-tip .select select {
    padding: 3px 9px 1px;
    font-size: 18px;
    color: #000;
}

.popup-tip .select i {
    right: 10px;
    margin-top: -1px;
    pointer-events: none;
}

[dir="rtl"] .popup-tip .select i {
    left: 10px;
    right: initial;
    margin-top: -1px;
    pointer-events: none;
}


.popup-tip .popup__actions {
    padding-top: 24px;
    padding-bottom: 25px;
}

@media (max-width: 767px) {
    .popup-tip {
        padding-top: 80px;
        -ms-flex-align: start;
        -ms-grid-row-align: flex-start;
        align-items: flex-start;
    }

        .popup-tip .popup__head {
            font-size: 20px;
            padding-top: 10px;
            padding-bottom: 10px;
        }

        .popup-tip .tiles-days {
            margin-top: 10px;
            margin-bottom: 10px;
        }

            .popup-tip .tiles-days br {
                display: block;
            }

        .popup-tip .form-controls-select {
            margin-top: 10px;
            margin-bottom: 10px;
        }

        .popup-tip .popup__notification {
            padding-top: 10px;
            padding-bottom: 10px;
        }

        .popup-tip .popup__actions {
            padding-top: 10px;
            padding-bottom: 10px;
        }

        .popup-tip .select select {
            font-size: 14px;
        }
}

/* ------------------------------------------------------------ *\
	Popup for preorrder cancel page
\* ------------------------------------------------------------ */

.popup-delivery-cancel {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-top: 237px;
    background-color: rgba(255,255,255,.5);
    overflow-y: auto;
    z-index: 1000;
    font-family: 'Roboto', sans-serif;
    opacity: 0;
    transition: .2s ease-in-out;
    pointer-events: none;
}

    .popup-delivery-cancel.active {
        opacity: 1;
        pointer-events: all;
    }

    .popup-delivery-cancel .popup__inner {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

    .popup-delivery-cancel .popup__body {
        width: 100%;
        max-width: 574px;
        padding: 26px 41px 24px;
        border-radius: 7px;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.25);
        background-color: #fff;
        text-align: center;
        color: #000;
        z-index: 1;
    }

    .popup-delivery-cancel .popup__head {
        margin: auto auto 50px;
        width: 100%;
        max-width: 310px;
        font-weight: 300;
        font-size: 28px;
        letter-spacing: 0em;
        line-height: 1.1;
    }

    .popup-delivery-cancel .popup__actions {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: center;
        align-items: center;
        padding-left: 34px;
    }

    .popup-delivery-cancel .popup__back {
        color: #06183d;
        font-size: 16px;
        text-transform: uppercase;
        font-weight: 700;
        font-family: 'Roboto', sans-serif;
        text-decoration: none;
    }

        .popup-delivery-cancel .popup__back:hover {
            color: #000;
            opacity: .5;
            text-decoration: none;
        }

@media (max-width: 767px) {
    .popup-delivery-cancel {
        padding-top: 138px;
    }

        .popup-delivery-cancel .popup__body {
            padding-left: 10px;
            padding-right: 10px;
        }

        .popup-delivery-cancel .popup__head {
            font-size: 18px;
            max-width: none;
            margin-bottom: 30px;
        }

        .popup-delivery-cancel .popup__actions {
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -ms-flex-pack: center;
            justify-content: center;
            padding-left: 0;
        }

            .popup-delivery-cancel .popup__actions a {
                display: block;
                width: 100%;
            }

                .popup-delivery-cancel .popup__actions a + a {
                    margin-top: 10px;
                }
}

/* ------------------------------------------------------------ *\
	Popup for Ordering Unavailable
\* ------------------------------------------------------------ */

.ordering-unavailable {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(255,255,255,.5);
    overflow-y: auto;
    z-index: 1000;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    opacity: 0;
    transition: .2s ease-in-out;
    pointer-events: none;
}

    .ordering-unavailable.active {
        opacity: 1;
        pointer-events: all;
    }

    .ordering-unavailable .popup__inner {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

    .ordering-unavailable .popup__body {
        max-width: 574px;
        border-radius: 7px;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.25);
        background-color: #fff;
        text-align: center;
        color: #000;
        z-index: 1;
    }

    .ordering-unavailable .popup__zone {
        padding: 3px 20px 6px;
        opacity: .5;
        pointer-events: none;
    }

    .ordering-unavailable.active .popup__zone.active {
        opacity: 1;
        pointer-events: all;
    }

    .ordering-unavailable .popup__head {
        position: relative;
        margin-top: 0;
        padding-top: 27px;
        padding-bottom: 27px;
        font-size: 28px;
        font-weight: 300;
    }

    .ordering-unavailable .popup__notification {
        margin-bottom: 0;
        padding: 25px 20px 26px;
        font-size: 14px;
        font-weight: 700;
        line-height: 1.4;
        letter-spacing: 0.005em;
    }

    .ordering-unavailable .popup__back {
        position: absolute;
        left: 20px;
        top: 50%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        padding: 0 5px;
        color: rgba(147, 189, 32, 0.5);
        text-decoration: none;
    }

        .ordering-unavailable .popup__back:hover {
            text-decoration: none;
            color: rgba(147, 189, 32, 1);
        }

    .ordering-unavailable .popup__title {
        margin-top: 10px;
        font-size: 16px;
    }

        .ordering-unavailable .popup__title h6 {
            margin-top: 0;
            margin-bottom: -1px;
            text-transform: uppercase;
            font-size: 14px;
            font-weight: 700;
        }

    .ordering-unavailable .tiles-days {
        margin: 19px -4px 19px;
    }

        .ordering-unavailable .tiles-days br {
            display: none;
        }

    .ordering-unavailable .form-controls-select {
        margin: 19px auto 24px;
        max-width: 500px;
    }

    .ordering-unavailable .select select {
        padding: 3px 9px 1px;
        font-size: 18px;
        color: #000;
    }

    .ordering-unavailable .select i {
        right: 10px;
        margin-top: -1px;
        pointer-events: none;
    }

    .ordering-unavailable .popup__actions {
        padding-top: 24px;
        padding-bottom: 25px;
    }

@media (max-width: 767px) {
    .ordering-unavailable {
        padding-top: 80px;
        -ms-flex-align: start;
        -ms-grid-row-align: flex-start;
        align-items: flex-start;
    }

        .ordering-unavailable .popup__head {
            font-size: 20px;
            padding-top: 10px;
            padding-bottom: 10px;
        }

        .ordering-unavailable .tiles-days {
            margin-top: 10px;
            margin-bottom: 10px;
        }

            .ordering-unavailable .tiles-days br {
                display: block;
            }

        .ordering-unavailable .form-controls-select {
            margin-top: 10px;
            margin-bottom: 10px;
        }

        .ordering-unavailable .popup__notification {
            padding-top: 10px;
            padding-bottom: 10px;
        }

        .ordering-unavailable .popup__actions {
            padding-top: 10px;
            padding-bottom: 10px;
        }

        .ordering-unavailable .select select {
            font-size: 14px;
        }
}

/* ------------------------------------------------------------ *\
	Product
\* ------------------------------------------------------------ */

.product {
    border: 1px solid #e5e5e5;
    background: #fff;
    position: relative;
    padding: 13px 13px 7px;
    font-size: 12px;
    margin-bottom: 14px;
}

    .product p {
        color: rgba(119, 119, 119, 0.9);
        line-height: 1.33;
        margin-bottom: 0;
    }

    .product h5 {
        margin: 0 0 7px;
    }

    .product a,
    .product a:hover {
        text-decoration: none;
    }

    .product:after {
    }

    .product .product-content {
        margin-left: 6px;
        position: relative;
    }

        .product .product-content p {
            width: 70%;
        }

        .product .product-content .link-favorite {
            position: absolute;
            top: 0;
            right: 0;
            z-index: 1;
        }

    .product .product-body {
        padding-bottom: 40px;
        min-height: 90px;
        position: relative;
    }

    .product .product-image {
        float: left;
        width: 112px;
        margin-right: 8px;
    }

[dir="rtl"] .product .product-image {
    float: right;
    margin-left: 8px;
    margin-right: 0px;
}

.product .product-image + .product-content {
    float: left;
    width: 100%;
    max-width: calc(100% - 126px);
}

[dir="rtl"] .product .product-image + .product-content {
}

.product .product-image + .product-content p {
    width: 80%;
}

.product .product-actions {
    text-align: right;
    border-top: 2px solid #e3e3e3;
    padding-top: 7px;
}

[dir="rtl"] .product .product-actions {
    text-align: left;
}

.product .product-actions a {
    color: #72980a;
    text-decoration: none;
    font-weight: 700;
    font-size: 12px;
    text-transform: uppercase;
}

    .product .product-actions a:hover {
        color: #000;
    }

.product .product-meta {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding-bottom: 7px;
}

.product .calories {
    padding-top: 8px;
}

.product-meta:after {
}

.product-meta .product-price {
    float: right;
    font-weight: 500;
    padding-top: 3px;
}

/* product-border-blue */

.product-border-blue {
    border-left: 4px solid #369093;
}

[dir="rtl"] .product-border-blue {
    border-right: 4px solid #369093;
    border-left: none;
}

.product-border-blue h5 a:hover {
    color: #369093;
}

/* product-border-green */

.product-border-green {
    border-left: 4px solid #769700;
}

[dir="rtl"] .product-border-green {
    border-right: 4px solid #769700;
    border-left: none;
}

.product-border-green h5 a:hover {
    color: #769700;
}

/* product-border-orange */

.product-border-orange {
    border-left: 4px solid #db8a00;
}

[dir="rtl"] .product-border-orange {
    border-right: 4px solid #db8a00;
    border-left: none;
}

.product-border-orange h5 a:hover {
    color: #db8a00;
}

/* ------------------------------------------------------------ *\
	Product-overview
\* ------------------------------------------------------------ */

.product-overview {
    border: none;
    background: none;
    padding: 25px 0 0;
    font-size: 16px;
    margin-bottom: 34px;
}

    .product-overview p {
        color: #555;
    }

    .product-overview h2 {
        color: #000000;
        font-weight: 400;
        margin: 0 0 13px;
    }

    .product-overview .product-image {
        width: 190px;
        margin-right: 0;
    }

        .product-overview .product-image + .product-content {
            max-width: calc(100% - 203px);
            margin: 0 0 0 13px;
            padding: 0 0 0 34px;
        }

    .product-overview .product-content {
        padding-left: 40px;
        position: relative;
        margin: 0;
    }

        .product-overview .product-content:before {
            content: none;
        }

        .product-overview .product-content p + i {
            margin-top: 20px;
        }

        .product-overview .product-content .link-favorite {
            position: absolute;
            top: 3px;
            left: 0px;
        }

@media (max-width: 767px) {
    .product-overview {
        font-size: 12px;
        margin-bottom: 20px;
    }

        .product-overview .product-content {
            padding-left: 0;
        }

            .product-overview .product-content .link-favorite {
                left: auto;
                right: 10px;
            }

        .product-overview h2 {
            font-size: 16px;
        }

    .product .product-content p {
        width: 86%;
    }

    .product-overview .product-content p + i {
        margin-top: 10px;
    }
}

/* ------------------------------------------------------------ *\
	Rating Icon
\* ------------------------------------------------------------ */

.rating-icon {
    display: inline-block;
    background: #eea000;
    border-radius: 5px;
    padding: 3px 8px;
    color: #fff;
    font-size: 14px;
    position: relative;
    line-height: 1;
    margin-bottom: 9px;
}

    .rating-icon:before {
        content: '';
        border-style: solid;
        border-width: 5px 7px 0 0;
        border-color: #eea000 transparent transparent transparent;
        position: absolute;
        top: 100%;
        left: 4px;
    }

/* ------------------------------------------------------------ *\
	Rating Trigger
\* ------------------------------------------------------------ */

.rating-trigger {
    display: block;
    text-decoration: none;
    font-size: 18px;
    text-align: center;
    padding: 2px 0;
}

    .rating-trigger:hover,
    .rating-trigger:focus,
    .rating-trigger:active {
        color: #eea000;
        text-decoration: none;
    }

    .rating-trigger span {
        display: inline-block;
        vertical-align: middle;
        margin: 0 9px
    }

/* Mobile */

@media (max-width: 767px) {
    .rating-trigger {
        font-size: 12px;
    }

        .rating-trigger span {
            margin: 0 3px;
        }
}

/* ------------------------------------------------------------ *\
	Rating Review
\* ------------------------------------------------------------ */

.rating-review {
    border: 1px solid #f2ea9d;
    background-color: #fffef0;
    border-radius: 4px;
    padding: 21px;
    margin-bottom: 10px;
}

    .rating-review .rating-review-head {
        text-align: center;
        max-width: 540px;
        margin: 0 auto;
        padding-bottom: 12px;
        border-bottom: 2px solid #f3ecaa;
    }

    .rating-review .rating-review-body {
        font-style: italic;
        max-width: 540px;
        margin: 0 auto;
        font-size: 12px;
        line-height: 1.33;
        color: #000000;
        padding: 15px 0 4px;
    }

        .rating-review .rating-review-body p {
            margin-bottom: 0;
        }

/* Mobile */

@media (max-width: 767px) {
    .rating-review {
        padding: 19px 8px;
        margin-bottom: 8px;
    }

        .rating-review .rating-review-body {
            padding: 17px 6px 0;
        }
}


/* ------------------------------------------------------------ *\
	Search
\* ------------------------------------------------------------ */

.search {
    border-radius: 4px;
    overflow: hidden;
    position: relative;
}

    .search .link-locate {
        font-size: 14px;
        color: #6b6b6b;
        text-transform: uppercase;
        text-decoration: none;
        position: absolute;
        top: 7px;
        bottom: 7px;
        right: 77px;
        padding: 16px 20px 15px 16px;
        border-left: 1px solid #e4e4e4;
    }

        .search .link-locate:hover {
            color: #93bd20;
        }

        .search .link-locate i {
            margin: -2px 7px 0 0;
        }

    .search .search-field {
        width: 100%;
        font-size: 20px;
        line-height: 1.2;
        font-weight: 700;
        color: #000;
        border: 0;
        border-radius: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        padding: 20px 200px 19px 25px;
    }

        .search .search-field::-webkit-input-placeholder {
            color: #b5b5b5;
        }

        .search .search-field:-ms-input-placeholder {
            color: #b5b5b5;
        }

        .search .search-field::placeholder {
            color: #b5b5b5;
        }

    .search .search-btn {
        border: 0;
        border-radius: 0;
        background-color: #93bd20;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        width: 77px;
        text-align: center;
        font-size: 18px;
        transition: background .3s;
        border-radius: 0 4px 4px 0;
        color: #fff;
    }

        .search .search-btn:hover {
            background: #6b6b6b;
        }

.search-landing {
    background: #fff;
    max-width: 990px;
}

    .search-landing label {
        font-size: 18px;
        line-height: 1.33;
        color: #5e5d5d;
        min-width: 72px;
        padding-left: 20px;
        padding-top: 16px;
    }

    .search-landing form {
        display: -ms-flexbox;
        display: flex;
    }

    .search-landing .form-controls {
        display: -ms-flexbox;
        display: flex;
        border-left: 1px solid #d7d7d7;
    }

        .search-landing .form-controls input {
            font-size: 18px;
            font-weight: 400;
            -ms-flex-positive: 10;
            flex-grow: 10;
            width: 100%;
            width: 356px;
        }

        .search-landing .form-controls + .form-controls label {
            padding-left: 19px;
            text-align: left;
        }

    .search-landing .search-field {
        padding: 17px 0 11px 16px;
    }

    .search-landing .search-btn {
        width: 60px;
    }

    .search-landing .fa {
        font-size: 24px;
    }

@media (max-width: 1023px) {
    .search-landing label {
        font-size: 16px;
    }

    .search-landing label {
        width: 50px;
    }

    .search-landing .form-controls input {
        width: 256px;
        font-size: 16px;
    }
}

@media (max-width: 767px) {
    .search-landing {
        background: none;
    }

        .search-landing form {
            -ms-flex-direction: column;
            flex-direction: column;
        }

        .search-landing .form-controls {
            margin-bottom: 9px;
            background: #fff;
            border-radius: 5px;
            overflow: hidden;
        }

        .search-landing .search-btn {
            display: block;
            position: static;
            width: calc(100% - 24px);
            border-radius: 5px;
            height: 38px;
            text-align: left;
            padding: 0 15px;
            position: relative;
            margin-left: 12px;
            margin-right: 12px;
        }

            .search-landing .search-btn:after {
                content: 'Search';
                font-size: 16px;
                position: absolute;
                top: 52%;
                left: 50%;
                -ms-transform: translate(-50%,-50%);
                transform: translate(-50%,-50%);
            }

        .search-landing .form-controls input {
            font-size: 14px;
            padding: 10px 0;
        }

        .search-landing .form-controls label {
            font-size: 14px;
            padding-top: 9px;
        }

        .search-landing label {
            padding-left: 0;
        }
}

/* ------------------------------------------------------------ *\
	Search-secondary
\* ------------------------------------------------------------ */

.search-secondary {
    border-radius: 0;
}

    .search-secondary .search-field {
        border: 1px solid #ebebeb;
        border-radius: 6px;
        background-color: #f8f8f8;
        padding: 0;
        padding: 9px 46px 8px 10px;
        font-size: 14px;
        font-weight: 400;
    }

    .search-secondary .search-btn {
        border-radius: 0 6px 6px 0;
        width: 45px;
    }

@media (max-width: 767px) {
    .search .search-field {
        font-size: 16px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .search .link-locate {
        padding-top: 13px;
    }
}

@media (max-width: 479px) {
    .search .link-locate {
        display: none;
    }

    .search .search-field {
        padding-right: 82px;
    }
}

/* ------------------------------------------------------------ *\
	Section-head
\* ------------------------------------------------------------ */

.section-head {
    text-align: center;
    padding: 55px 0 52px;
}

    .section-head h2 {
        color: #72980a;
        font-weight: 700;
        margin: 0;
    }

/* ------------------------------------------------------------ *\
	Section-meta
\* ------------------------------------------------------------ */

.section-meta h4 {
    color: #000;
    margin: 0;
    font-weight: 700;
}

    .section-meta h4 span {
        color: #e6a504;
    }

/* ------------------------------------------------------------ *\
	Section-primary
\* ------------------------------------------------------------ */

.section-primary {
    background: #f8f8f8;
    padding-bottom: 63px;
}

@media (max-width: 767px) {
    .section-primary {
        padding-bottom: 20px;
    }

        .section-primary .section-head {
            padding: 30px 0;
        }

    .section-head {
        padding: 30px 0;
    }
}

/* section-primary-alt */

.section-primary-alt {
    padding-bottom: 94px;
}

@media (max-width: 767px) {
    .section-primary-alt {
        padding-bottom: 40px;
    }
}

/* ------------------------------------------------------------ *\
	Section-download
\* ------------------------------------------------------------ */

.section-download {
    background: #93bd20;
    padding-bottom: 97px;
}

    .section-download h2 {
        color: #fff;
    }

    .section-download .section-head {
        margin-bottom: 19px;
    }

    .section-download .section-actions {
        text-align: center;
    }

        .section-download .section-actions a {
            margin: 0 19px;
        }

@media (max-width: 767px) {
    .section-download {
        padding-bottom: 56px;
    }

        .section-download .section-actions a + a {
            margin-top: 10px;
        }
}

/* ------------------------------------------------------------ *\
	Section-results
\* ------------------------------------------------------------ */

.section-results {
    padding: 42px 0 120px;
}

    .section-results .section-aside {
        max-width: 196px;
    }

    .section-results .section-content {
        width: calc(100% - 196px);
        padding: 0 0 0 28px;
    }

    .section-results .section-actions {
        padding: 21px 0 0 7px;
    }

        .section-results .section-actions a {
            font-weight: 700;
            text-decoration: none;
            color: #72980a;
        }

            .section-results .section-actions a:hover {
                color: #000;
            }

@media (max-width: 767px) {
    .section-results {
        padding-top: 10px;
    }

        .section-results .section-aside {
            width: 100%;
            max-width: 100%;
        }

            .section-results .section-aside .widgets {
                display: -ms-flexbox;
                display: flex;
            }

            .section-results .section-aside .widget {
                width: 50%;
            }

        .section-results .section-content {
            width: 100%;
            padding-left: 10px;
            padding-right: 10px;
        }

        .section-results .checkbox {
            white-space: nowrap;
        }
}

@media (max-width: 479px) {
    .section-results .section-aside .widgets {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .section-results .section-aside .widget:nth-child(3) {
        width: 100%;
    }
}

/* ------------------------------------------------------------ *\
	Section-orders
\* ------------------------------------------------------------ */

.section-orders {
    background: #f8f8f8;
    padding: 7px 0 35px;
}

@media (max-width: 767px) {
    .section-orders {
        padding-bottom: 7px;
    }
}

/* ------------------------------------------------------------ *\
	Section-filters
\* ------------------------------------------------------------ */

.section-filters {
    box-shadow: inset 0 1px 1px #e3e3e3;
}

    .section-filters .section-head {
        padding: 0;
        text-align: left;
    }

    .section-filters .section-body {
        padding-top: 8px;
    }

    .section-filters [class^="col-"] {
        margin-bottom: 14px;
    }

    .section-filters .section-actions {
        margin-bottom: 68px;
    }

    .section-filters .link-to-top {
        position: absolute;
        bottom: 0;
        left: 50%;
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }

@media (max-width: 767px) {
    .section-filters [class^="col-"] {
        margin-bottom: 8px;
    }

    .section-filters .location .list-details {
        height: auto;
        max-width: 130px;
    }
}

/* ------------------------------------------------------------ *\
	Section-overview
\* ------------------------------------------------------------ */

.section-overview {
    padding: 24px 0 19px;
    box-shadow: inset 0 -1px 0 #e3e3e3;
}

    .section-overview .section-head {
        padding: 0 0 19px;
        box-shadow: inset 0 -1px 0 #e3e3e3;
    }

    .section-overview .section-content {
        float: left;
        width: calc(100% - 239px);
    }

[dir="rtl"] .section-overview .section-content {
    float: right;
}

.section-overview .section-aside {
    float: right;
    width: 239px;
    border: 1px solid #e3e3e3;
    padding: 17px 15px 15px 15px;
    font-size: 12px;
}

[dir="rtl"] .section-overview .section-aside {
    float: right;
}

.section-overview .section-aside h6 {
    margin: 0 0 5px;
    color: #000000;
    font-weight: 700;
    text-transform: uppercase;
}

@media (max-width: 1023px) {
    .section-overview .section-content {
        float: none;
        display: block;
    }

    .section-overview.section-overview-alt .section-content {
        width: 100%;
    }

    .section-overview.section-overview-alt .section-aside {
        margin-top: 15px;
    }

    .section-overview.section-overview-alt .location .location-body {
        padding-right: 0;
    }

    .section-overview.section-overview-alt .list-details li {
        display: block;
        text-align: left;
        padding-left: 10px;
    }

        .section-overview.section-overview-alt .list-details li + li {
            margin-left: 0;
        }

    .section-overview.section-overview-alt .section-aside {
        padding: 10px;
    }

    .section-overview .section-aside {
        float: left;
        border: 0;
        padding: 10px;
    }

    .section-overview .section-content {
        width: auto;
        border-bottom: 1px solid #e4e4e4;
        padding-bottom: 10px;
        padding-top: 10px;
    }

        .section-overview .section-content .location.location-overview {
            padding-top: 15px;
        }
}

@media (max-width: 767px) {
    .section-overview {
        padding-top: 0;
        min-height: 50px;
        position: relative;
    }

        .section-overview .section-head {
            position: static;
            top: 0;
            left: 60px;
            right: 60px;
            background: #fff;
            z-index: 350;
            text-align: center;
            box-shadow: none;
            padding-top: 12px;
            padding-bottom: 10px;
        }

            .section-overview .section-head h2 {
                text-align: center;
                font-size: 16px;
                margin-bottom: 0;
            }

                .section-overview .section-head h2 a {
                    font-weight: 900;
                }

            .section-overview .section-head .ico-info-green {
                display: none;
            }

        .section-overview .section-aside {
            width: 208px;
        }
}

/* ------------------------------------------------------------ *\
	Section-overview-alt
\* ------------------------------------------------------------ */

.section-overview-alt {
    padding-bottom: 0;
}

    .section-overview-alt .section-head {
        text-align: left;
    }

        .section-overview-alt .section-head h2 {
            font-weight: 400;
        }

        .section-overview-alt .section-head a {
            text-decoration: none;
            color: #000;
            display: block;
        }

[dir="rtl"] .section-overview-alt .section-head a {
    text-align: right;
}

.section-overview-alt .section-head a i {
    float: right;
    margin-top: 5px;
}

[dir="rtl"] .section-overview-alt .section-head a i {
    float: left;
}

/*.section-overview-alt .section-head .active .ico-info-green { background: url(images/ico-info-green-filled@2x.png) no-repeat 0 0; background-size:cover;}*/

.section-overview-alt .section-body {
    padding: 19px 0 26px;
    display: none;
}

.section-overview-alt.expand .section-body {
    display: block;
}

/* ------------------------------------------------------------ *\
	Section-overview-primary
\* ------------------------------------------------------------ */

.section-overview-primary .toggle-expand {
    display: none;
}

@media (max-width: 767px) {
    .section-overview-primary {
        padding-bottom: 0;
    }

        .section-overview-primary .section-content {
            border-bottom-color: transparent;
        }

        .section-overview-primary .toggle-expand {
            display: inline-block;
            position: absolute;
            top: 10px;
            right: 10px;
        }

    [dir="rtl"] .section-overview-primary .toggle-expand {
        left: 10px;
        right: initial;
    }

    .section-overview-primary .section-aside {
        display: none;
    }

    .section-overview-primary .list-details {
        display: block;
    }

    .section-overview-primary.expand .section-content {
        border-bottom-color: #e4e4e4;
    }

    .section-overview-primary.expand .section-aside {
        display: block;
    }

    .section-overview-primary.expand .list-details {
        display: block;
    }
}

/* ------------------------------------------------------------ *\
	Section-restaurants
\* ------------------------------------------------------------ */

.section-restaurants .section-head {
    padding: 0;
    border-bottom: 1px solid #e4e4e4;
    overflow: hidden;
}

.section-restaurants .section-body {
    background: #f8f8f8;
    padding: 11px 0 17px;
}

.section-restaurants .section-group {
    padding-top: 12px;
}

    .section-restaurants .section-group .row {
    }

    .section-restaurants .section-group .product-body {
        overflow: hidden;
    }

    .section-restaurants .section-group h5 {
        display: inline-block;
        vertical-align: middle;
        font-weight: 400;
    }

    .section-restaurants .section-group .product-body h5 {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%;
        padding-right: 50px;
    }

    .section-restaurants .section-group .time {
        display: inline-block;
        vertical-align: middle;
        padding: 4px 17px;
        font-weight: 500;
        margin-left: 27px;
    }

.section-restaurants .section-group-head {
    margin-bottom: 4px;
}

    .section-restaurants .section-group-head h5 {
        margin: 0;
    }

@media(max-width: 992px) {
    .section-restaurants {
        overflow: hidden;
    }

        .section-restaurants .search.search-secondary {
            display: none;
        }

        .section-restaurants .tabs-filters .nav-tabs li + li {
            padding-left: 30px;
        }

        .section-restaurants .tabs-filters .nav-tabs li a {
            padding-left: 0;
            padding-right: 0;
        }
}

/* Section-group-primary */

.section-group-primary .section-group-head h5 {
    color: #208f91;
}

.section-group-primary .time {
    color: #62a9c5;
    background: #edf5f8;
}

/* Section-group-secondary */

.section-group-secondary .section-group-head h5 {
    color: #729610;
}

.section-group-secondary .time {
    color: #62a9c5;
    background: #edf5f8;
}

/* Section-group-tertiary */

.section-group-tertiary .section-group-head h5 {
    color: #e18a00;
}

.section-group-tertiary .time {
    color: #62a9c5;
    background: #edf5f8;
}

/* ------------------------------------------------------------ *\
	Section-order
\* ------------------------------------------------------------ */

.section-order .section-head {
    padding: 13px 0 15px;
    box-shadow: inset 0 -1px 0 #e3e3e3;
}

    .section-order .section-head:after {
    }

    .section-order .section-head a {
        float: left;
        margin-left: 6px;
    }

[dir="rtl"] .section-order .section-head a {
    float: right;
    margin-right: 6px;
    margin-left: initial;
}

.section-order .section-head a + a {
    float: right;
    margin-right: 43px;
}

.section-order .section-head a:hover,
.section-order .section-head a:focus {
    color: #000;
}

.section-order .section-body {
    background: #f8f8f8;
    padding-bottom: 115px;
}

.section-order .section-content {
    padding: 0 41px 0 35px;
}

@media (max-width: 767px) {
    .section-order .section-content {
        padding: 0;
    }

    .section-order .section-head a + a {
        margin-right: 0;
    }

    .section-order .product-overview .product-image {
        display: none;
    }

        .section-order .product-overview .product-image + .product-content {
            width: 100%;
            max-width: 100%;
            padding-left: 13px;
            margin-left: 0;
        }
}

/* ------------------------------------------------------------ *\
	Section-cart
\* ------------------------------------------------------------ */

.section-cart {
    background: #f8f8f8;
}

    .section-cart .section-group {
        box-shadow: inset 0 -1px 0 #e3e3e3;
        margin-bottom: 7px;
        background: #fff;
        padding-top: 3px;
        background: #fff;
    }

    .section-cart .section-head {
        text-align: left;
        margin-left: -38px;
        padding: 24px 0 19px;
        color: #555555;
        opacity: .4;
    }

[dir="rtl"] .section-cart .section-head {
    text-align: right;
    margin-left: initial;
}

.section-cart .section-head h4 {
    font-weight: 700;
    color: #555555;
    display: inline-block;
    vertical-align: middle;
    margin: 0;
}

    .section-cart .section-head h4 i {
        margin-left: 3px;
    }

.section-cart .section-head a {
    float: right;
    color: #72980a;
    text-decoration: none;
    font-size: 12px;
    margin-top: 7px;
}

    .section-cart .section-head a:hover {
        color: #000;
    }

.section-cart .section-head .number {
    font-size: 18px;
    display: inline-block;
    vertical-align: middle;
    font-weight: 700;
    margin-right: 23px;
}

.section-cart .section-head .section-meta {
    float: right;
    margin: 2px 14px 0 0;
}

.section-cart .section-head .fa {
    color: #72980a;
}

.section-cart .section-body {
    padding: 16px 0 27px;
}

    .section-cart .section-body:after {
    }

.section-cart .section-group.expanded .section-head,
.section-cart .section-group.completed .section-head {
    opacity: 1;
}

.section-cart .section-group.expanded .section-head {
    padding-top: 23px;
}

.section-cart .section-aside {
    float: right;
    width: 30.15%;
    border: 1px solid #e3e3e3;
    background-color: #f9f9f9;
}

[dir="rtl"] .section-cart .section-aside {
    float: left;
}

.section-cart .section-content {
    float: left;
    width: 68.5%;
}

.section-cart .section-actions {
    margin: 13px 0 0 -1px;
}

    .section-cart .section-actions a {
        text-decoration: none;
        color: #838383;
        font-size: 12px;
        text-transform: uppercase;
    }

        .section-cart .section-actions a:hover {
            color: #000;
        }

.section-cart .section-group.completed {
    opacity: 1;
}

/* Section cart new */

.section-cart-new {
    padding-bottom: 72px;
}

    .section-cart-new .section-group {
        background: #f7f7f7;
        padding-top: 0;
        border-bottom: 0;
        box-shadow: none;
    }

    .section-cart-new .section-body {
        padding-top: 0;
        padding-bottom: 1px;
    }

    .section-cart-new .section-head {
        margin-left: 0;
    }

    .section-cart-new .section-aside,
    .section-cart-new .section-content {
        background: #fff;
        box-shadow: inset 0 1px 0 #e3e3e3, inset 0 -1px 0 #e3e3e3;
        padding: 20px;
        border: 0;
    }

    .section-cart-new .cart-help .cart-help-image {
        text-align: center;
        margin-bottom: 39px;
    }

    .section-cart-new .cart-help h5 {
        font-size: 14px;
    }

    .section-cart-new .cart-help p {
        font-size: 13px;
        font-weight: 400;
        margin-bottom: 31px;
    }

    .section-cart-new .cart-help a {
        color: #60890b;
    }

    .section-cart-new .section-head-collapsed {
        background: #fff;
        box-shadow: inset 0 1px 0 #e3e3e3, inset 0 -1px 0 #e3e3e3;
        opacity: 1;
        padding-left: 20px;
    }

    .section-cart-new .section-aside {
        width: 26.35%;
        padding-bottom: 0;
    }

    .section-cart-new .section-content {
        width: 72.4%;
        padding-top: 2px;
        padding-bottom: 0;
    }

[dir="rtl"] .section-cart-new .section-content {
    float: right;
}

.section-cart-new .expanded .section-content {
    padding-bottom: 30px;
}

.section-cart-new .section-group.expanded .section-head {
    margin-bottom: 6px;
}

.section-cart-new .section-group.expanded .checkout-head {
    padding: 23px 19px;
}

.section-cart-new .list-overview-details li {
    padding-right: 0;
    padding-left: 23px;
}

.section-cart-new .list-overview-details .icon-holder {
    right: auto;
    left: 0;
    top: 50%;
    margin-top: -1px;
}

.section-cart-new .checkout-head {
    border-bottom: 1px solid #a9a9a9;
}

.section-cart-new .checkout-body {
    padding: 6px 5px 6px 14px;
}

.section-cart-new .checkout-item-aside {
    top: 15px;
    position: relative;
}

.section-cart-new .checkout-item .checkout-item-aside p {
    text-align: right;
}

.section-cart-new .btn.btn-large {
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    border: 1px solid #d0d0d0;
    background-color: #ffffff;
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 100%);
    color: #72980a;
    font-size: 16px;
    text-transform: uppercase;
    text-decoration: none;
    max-width: 304px;
    padding: 12px 28px;
    margin: auto;
    display: block;
}

.section-cart-new .section-actions + .btn.btn-large {
    margin-top: 18px;
}

.section-cart-new .btn.btn-large:hover {
    border: 1px solid #000;
}

.section-cart-new .checkout-item .checkout-item-content .quantity {
    border: 0;
}

.section-cart-new h4 {
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    color: #555;
    opacity: 1;
}

    .section-cart-new h4 span {
        color: #de950a;
    }

.section-cart-new .section-head {
    opacity: 1;
    position: relative;
}

    .section-cart-new .section-head .section-head-aside {
        position: absolute;
        top: 50%;
        right: 0;
        text-transform: uppercase;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

[dir="rtl"] .section-cart-new .section-head .section-head-aside {
    right: initial;
    left: 0;
}

.section-cart-new .ico-arrow-green {
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 5.5px 0 5.5px;
    border-color: #759800 transparent transparent transparent;
}

.section-cart-new .ico-arrow-green-collapse {
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5.5px 0 5.5px 6px;
    border-color: transparent transparent transparent #759800;
}

/*.section-cart-new .change { display: inline-block; width: 0; height: 0; border-style: none; border-width: 5.5px 0 5.5px 6px; border-color: transparent transparent transparent #759800; }*/

.section-cart-new .tooltip {
    margin-bottom: 3px;
}

.section-cart-new .summary-entry-body {
    padding-top: 5px;
}

.section-cart-new .form-row-amount .field {
    padding: 6px 7px;
}

.section-cart-new .form-row-amount i {
    right: 7px;
}

.section-cart-new .summary-foot {
    padding-top: 19px;
}

    .section-cart-new .summary-foot .summary-total {
        margin-bottom: 6px;
    }

.section-cart-new .section-body + .section-actions {
    border-top: 2px solid #dedede;
    margin-top: 18px;
    padding-top: 21px;
    text-align: center;
}

    .section-cart-new .section-body + .section-actions p {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding-bottom: 8px;
    }

        .section-cart-new .section-body + .section-actions p a {
            max-width: 49.3%;
            width: 100%;
            margin: 0;
        }

        .section-cart-new .section-body + .section-actions p a {
            padding: 23px 30px;
        }

            .section-cart-new .section-body + .section-actions p a.btn-large-green {
                color: #fff;
                font-size: 16px;
            }

        .section-cart-new .section-body + .section-actions p + a {
            font-size: 16px;
            text-transform: none;
            color: #72980a;
        }

.section-cart-new .btn-large-green {
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1), inset 0 2px 0 rgba(255, 255, 255, 0.4), inset 0 1px 0 #93bd20, inset 1px 0 0 #93bd20, inset 0 -2px 0 rgba(116, 154, 12, 0.5);
    border-radius: 4px;
    background-color: #93bd20;
    background-image: linear-gradient(180deg, rgba(114, 152, 10, 0) 0%, rgba(114, 152, 10, 0.5) 100%);
    color: #fff;
}

    .section-cart-new .btn-large-green:hover {
        background: #93bd20;
    }

.section-cart-new .list-radios-primary {
    border: 1px solid #e3e3e3;
    margin-bottom: 30px;
}

    .section-cart-new .list-radios-primary li {
        display: block;
        padding: 27px 20px 17px;
        width: 100%;
        max-width: 100%;
        position: relative;
    }

        .section-cart-new .list-radios-primary li + li {
            border-top: 1px solid #e3e3e3;
        }

    .section-cart-new .list-radios-primary .radio {
        display: block;
    }

        .section-cart-new .list-radios-primary .radio label {
            line-height: 15px;
            padding-bottom: 4px;
        }

            .section-cart-new .list-radios-primary .radio label span {
                color: #93bd20;
                padding-left: 10px;
            }

    .section-cart-new .list-radios-primary .provided {
        font-size: 16px;
        position: absolute;
        top: 20px;
        right: 15px;
    }

        .section-cart-new .list-radios-primary .provided i {
            margin-left: 6px;
        }

.section-cart-new .form-payment .form-body {
    margin-bottom: 20px;
}

.section-cart-new .form-payment .form-body {
}

.section-cart-new .radio-payment input:checked + label {
    color: #72980a;
    font-weight: 700;
}

.section-cart-new .radio-payment.checkout-radio input:checked + label {
    color: black;
}

.section-cart-new .radio-payment input:checked + label .radio-icon {
    position: relative;
    background: rgba(40, 141, 203, 0.5);
}

    .section-cart-new .radio-payment input:checked + label .radio-icon:before {
        content: '\f00c';
        font-family: FontAwesome;
        font-size: 18px;
        position: absolute;
        top: 50%;
        left: 50%;
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        color: #72980a;
    }

.section-cart-new #field-zip {
    min-width: 107px;
}

.section-cart-new .form-row-passwords input {
    width: calc(50% - 21px);
}

.section-cart-new .form-row-passwords .form-controls {
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.section-cart-new .notification {
    background: #ffe3e3;
    font-size: 14px;
    color: #fb0007;
    padding: 12px;
    margin-bottom: 20px;
}

    .section-cart-new .notification a {
        font-size: 14px;
        color: #fb0007;
        text-transform: none;
        text-decoration: underline;
    }

@media (max-width: 767px) {
    .section-cart-new .form-row-passwords input {
        width: 100%;
    }

    .section-cart-new .form-row-passwords .form-controls-secondary {
        display: block;
    }

        .section-cart-new .form-row-passwords .form-controls-secondary input + input {
            margin-top: 10px;
        }

    .section-cart-new .delivery-method {
        padding-bottom: 1px;
    }
}

/* Small Desktop */

@media (max-width: 1200px) {
    .section-cart .section-group .section-head {
        margin-left: 0;
    }
}

@media (max-width: 767px) {
    .section-cart .section-aside,
    .section-cart .section-content {
        float: none;
        display: block;
        width: 100%;
        margin-bottom: 15px;
    }

    .section-cart .section-head .number {
        margin-right: 9px;
    }

    .section-cart .section-head h4 {
        font-size: 14px;
        padding-right: 50px;
    }

    .section-cart .section-group.expanded .section-head {
        padding-bottom: 0;
        margin-left: 0;
    }

    .section-cart .section-head .number {
        font-size: 14px;
    }

    .section-cart .section-head {
        margin-left: 5px;
        padding-top: 14px;
    }

    .section-cart .section-body {
        padding-bottom: 10px;
    }


    .section-cart-new .section-aside {
        display: none;
    }

    .section-cart-new .section-content {
        margin-bottom: 0;
    }

    .section-cart-new .section-head a {
        margin-top: 0;
    }

    .section-cart-new .section-actions + .btn.btn-large {
        max-width: 100%;
    }

    .section-cart-new .section-body + .section-actions p,
    .section-cart-new .order-summary {
        -ms-flex-direction: column;
        flex-direction: column;
    }

        .section-cart-new .order-summary .order-summary-aside,
        .section-cart-new .order-summary .order-summary-content {
            max-width: 100%;
        }

        .section-cart-new .order-summary .order-summary-aside {
            margin-top: 8px;
        }

        .section-cart-new .section-body + .section-actions p a {
            max-width: 100%;
        }

            .section-cart-new .section-body + .section-actions p a + a {
                margin-top: 9px;
            }

    .section-cart-new .section-group.expanded .checkout-head {
        padding-bottom: 30px;
    }

    .section-cart-new .order-summary .order-summary-content-inner p {
        font-size: 16px;
    }

        .section-cart-new .order-summary .order-summary-content-inner p:last-child {
            font-size: 12px;
        }

    .section-cart-new .list-radios-primary .provided {
        position: static;
        display: block;
        font-size: 12px;
        padding-left: 27px;
        padding-top: 5px;
    }

    .section-cart-new .list-radios-primary .at-your-gate {
        width: 93px;
        height: 21px;
    }

    .section-cart-new .form-head h5 {
        text-align: center;
        padding-right: 0;
    }
}

/* ------------------------------------------------------------ *\
	Section-complete
\* ------------------------------------------------------------ */

.section-completed {
    margin: -110px 0 22px;
}

    .section-completed .section-body:after {
    }

    .section-completed .section-inner {
        border: 1px solid #e5e5e5;
        background: #fff;
        padding: 19px 21px 21px;
    }

    .section-completed .section-image {
        position: relative;
    }

        .section-completed .section-image .tooltip {
            position: absolute;
            top: 50%;
            left: 50%;
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            margin-top: 2px;
            margin-left: 2px;
        }

    .section-completed .section-content { /*float: left; width: calc(100% - 301px);*/
        padding-right: 21px;
    }

    .section-completed .section-aside {
        width: 301px;
        float: left;
    }

    .section-completed .section-entry {
        border: 1px solid #f3e03e;
        background-color: #fffcdd;
        border-radius: 2px;
        padding: 18px 19px 22px;
        margin-top: 21px;
    }

        .section-completed .section-entry h4 {
            margin: 0 0 16px;
        }

    .section-completed .section-actions {
        text-align: center;
        margin-top: 19px;
    }

        .section-completed .section-actions a {
            text-decoration: none;
            color: #72980a;
        }

@media (max-width: 767px) {
    .section-completed {
        margin-top: -20px;
    }

        .section-completed h3 {
            font-size: 16px;
            font-weight: 700;
        }

        .section-completed h4 {
            font-size: 14px;
            font-weight: 700;
        }

        .section-completed .section-inner {
            padding: 10px 8px;
            margin: 0 8px;
        }

        .section-completed .section-content {
            width: 100%;
            padding-right: 0;
        }

        .section-completed .location {
            text-align: center;
        }

            .section-completed .location .location-image {
                display: none;
            }

            .section-completed .location .list-details {
                position: static;
                height: auto;
                border: 0;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-pack: center;
                justify-content: center;
            }

            .section-completed .location.location-overview .list-details li {
                text-align: left;
                padding-left: 0;
            }

                .section-completed .location.location-overview .list-details li span {
                    float: left;
                }

                    .section-completed .location.location-overview .list-details li span .fa {
                        top: -7px;
                    }

        .section-completed .list-overview-details li + li {
            margin-left: 0;
        }

        .section-completed .section-aside {
            width: 100%;
            padding-top: 8px;
        }

            .section-completed .section-aside .section-image {
                height: 120px;
                overflow: hidden;
            }

            .section-completed .section-aside img {
                width: 100%;
            }

        .section-completed .location .location-body {
            padding-right: 0;
        }


        .section-completed .section-actions {
            margin-top: 10px;
        }

            .section-completed .section-actions a {
                font-size: 12px;
            }

        .section-completed .section-entry {
            padding: 10px 16px;
        }
}

/* ------------------------------------------------------------ *\
	Section-suggested
\* ------------------------------------------------------------ */

.section-suggested {
    padding-bottom: 24px;
}

    .section-suggested h2 {
        font-weight: 300;
        text-align: center;
        margin-bottom: 30px;
    }

    .section-suggested .section-actions {
        text-align: center;
        display: none;
        margin-top: 24px;
    }

        .section-suggested .section-actions a {
            width: 100%;
            max-width: 280px;
            font-size: 16px;
            text-transform: none;
        }

@media (max-width: 767px) {
    .section-suggested {
        padding-bottom: 20px;
    }

        .section-suggested h2 {
            margin-top: 0;
        }

        .section-suggested .section-actions {
            display: block;
        }
}

/* ------------------------------------------------------------ *\
	Section-account
\* ------------------------------------------------------------ */

.section-account {
    display: -ms-flexbox;
    display: flex;
}

    .section-account .section-head {
        padding: 0;
        text-align: left;
        background-color: #485a6e;
        padding: 24px 0 20px;
        position: relative;
        z-index: 2;
    }

        .section-account .section-head h2 {
            color: #fff;
            font-weight: 500;
            padding-left: 2px;
        }

    .section-account .section-inner {
        background: #fafafa;
        border-top: 1px solid #e3e3e3;
        padding-bottom: 118px;
        min-height: 66vh;
    }

    .section-account .section-aside {
        width: 280px;
        box-shadow: inset -1px 0 0 #e3e3e3;
    }

    .section-account .section-content {
        width: calc(100% - 280px);
    }

    .section-account .section-group {
        padding: 29px 0 0;
    }

    .section-account .section-group-title {
        font-weight: 300;
        margin: 0 0 4px;
        color: #000;
    }

    .section-account .section-group-body {
        padding-top: 14px;
    }

    .section-account .section-group .row {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .section-account .section-body {
        padding: 2px 14px 0;
        margin-bottom: 27px;
    }

        .section-account .section-body .order {
            margin-bottom: 14px;
        }

    .section-account .section-actions {
        padding: 0 14px;
    }

    .section-account .section-group-details {
        padding: 13px 27px 16px;
        background: #fff;
        border: 1px solid #e5e5e5;
        margin-bottom: 15px;
    }

        .section-account .section-group-details .section-group-head {
            padding-bottom: 13px;
            border-bottom: 1px solid #c3c3c3;
        }

        .section-account .section-group-details .section-group-body {
            padding-top: 8px;
        }

        .section-account .section-group-details .section-group-foot {
            border-top: 1px solid #e3e3e3;
        }

.section-works {
    background: #3a3838;
    padding-bottom: 30px;
    color: #fff;
    font-size: 18px;
    font-weight: 300;
}

    .section-works .section-head {
        padding-top: 45px;
        padding-bottom: 35px;
    }

    .section-works h2 {
        font-size: 37px;
        color: #fff;
        font-weight: 300;
        line-height: 1.14;
    }

@media (max-width: 1023px) {
    .section-account .section-group-body .row {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

        .section-account .section-group-body .row .col-xs-4 {
            min-width: 230px;
            width: 50%;
        }

    .section-account .nav-tabs .search {
        float: none;
        display: block;
        margin-top: 10px;
        position: relative;
        top: 0;
        right: 0;
    }

    .section-account .section-aside {
        width: 226px;
    }

    .section.section-account .nav-secondary a,
    .section.section-account .widget-actions {
        padding-left: 12px;
    }

    .section-account .section-content {
        width: calc(100% - 226px);
    }

    .section-account .nav-tabs {
        padding-bottom: 20px;
    }

        .section-account .nav-tabs .search {
            width: 100%;
        }

    .section-group-details .list-details {
        border-left: 0;
        text-align: left;
        padding-top: 10px;
    }

        .section-group-details .list-details li {
            text-align: left;
            padding-left: 74px;
        }

    .section-group-details .location-details h3 {
        margin-top: 0;
    }

    .section-group-details .checkout-item-secondary .checkout-item-content .quantity {
        border: 0;
        padding-left: 0;
        margin-right: 0;
    }

    .section-group-details .checkout-item-secondary .checkout-item-content p {
        margin-left: 0;
    }

    .section-account .section-group-details {
        padding-left: 10px;
        padding-right: 10px;
    }

    .section-account .nav-tabs h5 + .search {
        position: static;
        width: 227px;
        height: 35px;
        position: relative;
        top: 4px;
    }

    .section-account .nav-tabs {
        padding-bottom: 0;
    }
}

@media (max-width: 767px) {

    .section-account .section-group-body .row .col-xs-4 {
        width: 50%;
    }

    .section-account .section-aside {
        position: absolute;
        top: 105px;
        left: 0;
        z-index: 350;
        background: #fff;
        bottom: 0;
        overflow: hidden;
        width: 46px;
    }

    .section-account .section-content {
        width: calc(100% - 46px);
        margin-left: 46px;
    }

    .section.section-account .widget-nav .widget-title,
    .section.section-account .nav-secondary a, .section.section-account .widget-actions {
        white-space: nowrap;
    }

    .section.section-account .widget-actions {
        padding: 22px 37px 21px;
        padding-left: 17px;
    }

        .section.section-account .widget-actions i {
            margin-right: 20px;
        }

    .section-account .section-aside {
        top: 45px;
    }

    .section-account .widget-nav .widget-head {
        display: none;
    }

    .section-account .nav-secondary a {
        padding: 13px 28px 13px;
    }

    .section-account .section-group {
        padding-top: 12px;
    }

    .section-account .tab {
        overflow: hidden;
    }

    .section-account .location-details .list-details {
        position: static;
        height: auto;
    }

    .section-account .location-details .location-content {
        margin-left: 10px;
    }

    .section-account .location-details .location-body {
        padding-right: 0;
    }

    .section-group-details .location-details h3 {
        font-size: 16px;
    }

    .section-group-details .location-details h5 {
        font-size: 14px;
    }
}

@media(max-width:550px) {
    .section-account .section-group-body .row .col-xs-4 {
        width: 100%
    }

    .section-account .nav-tabs h5 + .search {
        display: block;
        float: none;
        top: 0;
        width: 100%;
    }

    .section-account .nav-tabs h5 {
        margin-bottom: 12px;
    }

    .section-account .nav-tabs {
        -ms-flex-direction: column;
        flex-direction: column;
        padding-bottom: 20px;
    }
}

/* Section-group-details */

.section-group-details .section-group-foot {
    padding: 20px 6px 20px 0;
}

    .section-group-details .section-group-foot:after {
    }

    .section-group-details .section-group-foot .link-send {
        float: left;
        margin-top: 40px;
    }

    .section-group-details .section-group-foot .checkout-total {
        float: right;
    }

/* Section-group-details */

@media(max-width: 992px) {
    .section-group.section-group-primary .col-sm-6 {
        width: 100%;
    }

    .section-group-details .section-group-foot .link-send {
        margin-top: 0;
        display: block;
        float: none;
        margin-bottom: 20px;
    }
}

.section-grab-orders {
    background: #f5f5f5;
    padding-bottom: 49px;
}

    .section-grab-orders .section-head {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        max-width: 1244px;
        margin: auto;
        -ms-flex-align: center;
        align-items: center;
        padding: 66px 0 29px;
    }

        .section-grab-orders .section-head h2 {
            font-size: 32px;
            font-weight: 400;
            color: #555;
            font-weight: 300;
        }

    .section-grab-orders .lists-locations h3 {
        margin-bottom: 20px;
    }

    .section-grab-orders .list-details {
        padding-right: 15px;
        padding-bottom: 30px;
    }

    .section-grab-orders .section-head a {
        font-size: 16px;
        color: #72980a;
        text-decoration: none;
        margin-top: 6px;
    }

.section-sign-up {
    padding-bottom: 52px;
    border-bottom: 1px solid #dfdfdf;
}

    .section-sign-up .section-head {
        padding-top: 44px;
        padding-bottom: 35px;
    }

        .section-sign-up .section-head h2 {
            font-size: 37px;
            font-weight: 300;
            line-height: 1.14;
            color: #555;
        }

        .section-sign-up .section-head h2 {
        }

    .section-sign-up .section-actions {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        padding-top: 40px;
    }

    .section-sign-up .btn-sign-up {
        min-width: 301px;
        box-shadow: inset 0 1px 0 #93bd20, inset 1px 0 0 #93bd20, inset 0 -2px 0 rgba(116, 154, 12, 0.5);
        border-radius: 4px 0 0 4px;
        background-color: #93bd20;
        display: inline-block;
        text-align: center;
        font-size: 18px;
        font-weight: 400;
        color: #fff;
        text-decoration: none;
        padding: 10px 15px 6px;
    }

        .section-sign-up .btn-sign-up:hover {
            background: #627f13;
            color: #fff;
        }

    .section-sign-up .btn-login {
        min-width: 138px;
        border-radius: 0 4px 4px 0;
        border: 1px solid #93bd20;
        background-color: rgba(255, 255, 255, 0.2);
        display: inline-block;
        padding: 10px 15px 6px;
        text-align: center;
        font-size: 18px;
        font-weight: 400;
        text-decoration: none;
        color: #72980a;
    }

        .section-sign-up .btn-login:hover {
            background: #93bd20;
        }

.section-app {
    padding: 60px 0;
}

    .section-app p {
        margin-bottom: 15px;
    }

    .section-app .section-actions {
        text-align: center;
        font-size: 18px;
        font-weight: 400;
    }

        .section-app .section-actions a + a {
            margin-left: 5px;
        }

.section-grab-orders-secondary {
    padding-left: 20px;
    padding-right: 20px;
}

    .section-grab-orders-secondary .section-body {
        max-width: 1240px;
        margin: auto;
    }

.section-grab-orders-border .section-head {
    border-top: 1px solid #ccc;
}

.section-share {
    background: #e5faff;
    color: #11738d;
    padding-bottom: 57px;
}

    .section-share h2 {
        font-size: 37px;
        font-weight: 300;
        line-height: 1.14;
        color: #11738d;
    }

    .section-share .section-inner {
        display: -ms-flexbox;
        display: flex;
        max-width: 600px;
        margin: auto;
        -ms-flex-align: center;
        align-items: center;
    }

        .section-share .section-inner p {
            font-size: 24px;
            font-weight: 300;
        }

    .section-share .section-image {
        border-radius: 50%;
        overflow: hidden;
        min-width: 154px;
        margin-right: 29px;
    }

@media (max-width: 1023px) {
    .section-grab-orders .section-head h2 {
        font-size: 18px;
    }

    .section-grab-orders .section-head {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media (max-width: 767px) {
    .section-grab-orders .section-head,
    .section-grab-orders .section-head h2,
    .section-sign-up .section-head h2,
    .section-share h2,
    .section-works h2 {
        font-size: 24px;
        text-align: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

        .section-grab-orders .section-head a {
            display: none;
        }

    .section-grab-orders .lists-locations .link-order {
        display: none;
    }

    .section-grab-orders .list-image {
        width: 52px;
    }

    .section-grab-orders .lists-locations h6 {
        display: none;
    }

    .section-grab-orders .lists-locations h3 {
        margin-bottom: 0;
        position: relative;
    }

        .section-grab-orders .lists-locations h3:after {
            content: '';
            background: url(../css/images/temp/local.png) no-repeat 0 0;
            width: 35px;
            height: 14px;
            display: block;
            margin-top: 5px;
        }

        .section-grab-orders .lists-locations h3:before {
            content: 'Delivery Available';
            position: absolute;
            top: 50px;
            left: 0;
            font-size: 12px;
            font-style: italic;
            white-space: nowrap;
            background: url(../css/images/temp/badge-delivery.png) no-repeat 0 0;
            padding-left: 16px;
        }

    .section-sign-up {
        padding-bottom: 30px;
    }

        .section-sign-up .btn-login {
            display: none;
        }

    .section-app {
        padding: 30px 0;
    }

        .section-app p {
            display: none;
        }

        .section-app .btn-google-play,
        .section-app .btn-app-store {
            display: block;
            margin: auto;
        }

        .section-app .section-actions a + a {
            margin: 20px auto 0;
        }

    .section-share .section-inner p {
        font-size: 18px;
    }

    .section-share .btn-share {
        min-width: auto;
        font-size: 13px;
    }

    .section-share .section-image {
        min-width: 100px;
    }

    .section-share {
        padding-left: 20px;
        padding-right: 20px;
    }
}

.section-message {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 11px 0;
    font-size: 16px;
}

    .section-message p {
        margin-bottom: 0;
        padding: 0 30px 0 5px;
    }

    .section-message i {
        font-size: 20px;
    }

    .section-message .btn {
        text-decoration: none;
        color: #000;
        border: 1px solid rgba(0, 0, 0, 0.2);
    }

        .section-message .btn:hover {
            border: 1px solid rgba(0, 0, 0, 1);
        }

.section-message-yellow {
    background: #f5d562;
}

@media (max-width: 767px) {
    .section-message {
        padding-left: 10px;
        padding-right: 10px;
    }

        .section-message p {
            font-size: 14px;
            line-height: 1.2;
        }
}

/* ------------------------------------------------------------ *\
	Section Order Status
\* ------------------------------------------------------------ */

.section-order-status {
    min-height: 71vh;
    background: #fafafa;
}

/* Mobile */

@media (max-width: 767px) {
    .section-order-status {
        background: #fff;
        padding: 8px 10px 0;
        min-height: 0;
    }
}

/* ------------------------------------------------------------ *\
	Section-cart-update
\* ------------------------------------------------------------ */

/*Section preorder*/

.section-cart-update .section-preorder {
    padding-bottom: 24px;
}

    .section-cart-update .section-preorder .section-head {
        margin-bottom: 3px;
    }

@media (max-width: 767px) {
    .section-cart-update .section-preorder .section-head {
        margin-bottom: 0;
        padding-bottom: 10px;
        padding-top: 10px;
    }

    .section-cart-update .section-preorder {
        padding-bottom: 17px;
    }
}

/*Order summary*/

.section-cart-update .section-actions-summary {
    border-top: 2px solid #dedede;
    margin-top: 18px;
    padding-top: 21px;
    text-align: center;
}

.section-cart-update .section-body .section-content-summary {
    padding-bottom: 21px;
}

.section-cart-update .order-summary .order-summary-content p {
    margin-bottom: 0;
    line-height: 1.3;
    font-size: 18px;
    color: #555;
}

    .section-cart-update .order-summary .order-summary-content p + p {
        margin-top: 25px;
    }

.section-cart-update .order-summary .order-summary-content-inner {
    padding-top: 20px;
    padding-bottom: 12px;
}

    .section-cart-update .order-summary .order-summary-content-inner p:last-child {
        margin-top: 0;
        font-size: inherit;
        line-height: inherit;
    }

.section-cart-update .order-summary .order-summary__notification {
    margin-top: -3px;
    font-size: 12px;
    line-height: 1.35;
}

.section-cart-update .order-summary .list-summary-items li:first-child {
    margin-bottom: 0;
    padding-top: 9px;
    padding-bottom: 0;
}

    .section-cart-update .order-summary .list-summary-items li:first-child:before {
        display: none;
    }

.section-cart-update .order-summary .promo-code {
    margin-top: 10px;
    padding-top: 22px;
    padding-bottom: 6px;
    border-top: 2px solid #dedede;
    font-family: "Helvetica";
}

    .section-cart-update .order-summary .promo-code i {
        margin-top: -3px;
        margin-left: 1px;
        margin-right: 1px;
    }

    .section-cart-update .order-summary .promo-code span {
        margin-top: 1px;
        font-size: 12px;
        color: #ff0000;
        text-align: right;
    }

    .section-cart-update .order-summary .promo-code a {
        float: none;
    }

        .section-cart-update .order-summary .promo-code a:hover {
            color: #000;
        }

.section-cart-update .order-summary .summary-foot {
    margin: 16px -19px 0;
    padding: 19px 19px 0;
    border-top: 2px solid #dedede;
}

.section-cart-update .order-summary .order-summary-aside {
    background: none;
    border: none;
}

.section-cart-update .order-summary .summary {
    background: #f9f9f9;
    border: 1px solid #e3e3e3;
}

    .section-cart-update .order-summary .summary h3 {
        color: #000;
        font-weight: 700;
    }

@media (max-width: 1023px) {
    .section-cart-update .order-summary .order-summary__notification {
        margin-top: 5px;
    }

    .section-cart-update .order-summary .order-summary-content p {
        line-height: 1.2
    }

        .section-cart-update .order-summary .order-summary-content p + p {
            margin-top: 10px;
        }
}

@media (max-width: 767px) {
    .section-cart-update .section-group.expanded .section-head .section-head-aside {
        margin-top: 10px;
    }
}

/* ------------------------------------------------------------ *\
	Slider
\* ------------------------------------------------------------ */

.slider .slides {
    list-style: none outside none;
}

.slider .slick-prev,
.slider .slick-next {
    width: 42px;
    height: 70px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    border-radius: 0;
    border: 1px solid #e5e5e5;
    font-size: 0;
    line-height: 0;
    text-indent: -4004px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
    opacity: 1;
    transition: opacity .3s;
}

.slider .slick-prev {
    background: #fff url(images/slide-prev@2x.png) no-repeat center center;
    background-size: 18px 44px;
    left: -15px;
}

.slider .slick-next {
    background: #fff url(images/slide-next@2x.png) no-repeat center center;
    background-size: 18px 44px;
    right: -15px;
}

.slider .slick-disabled {
    opacity: 0;
}

.slider .slick-dots {
    line-height: 1;
    list-style: none;
    text-align: center;
    display: block;
    padding-top: 10px;
}

    .slider .slick-dots li {
        display: inline-block;
        margin: 0 3px;
    }

    .slider .slick-dots button {
        font-size: 0;
        line-height: 0;
        text-indent: -4004px;
        width: 8px;
        height: 8px;
        background-color: #b4b4b4;
        border-radius: 50%;
        border: none;
    }

    .slider .slick-dots .slick-active button {
        border: 1px solid #b3b3b3;
        background: #fff;
    }

/* Small Desktop */

@media (max-width: 1200px) {
    .slider .slick-prev {
        left: -6px;
    }

    .slider .slick-next {
        right: -6px;
    }
}

/* ------------------------------------------------------------ *\
	Slider-orders
\* ------------------------------------------------------------ */

.slider-orders .slide {
    margin: 0 3px 0 4px;
    width: 280px;
}

@media (max-width: 767px) {
    .slider-orders .slick-arrow {
        display: none !important;
    }
}

/* ------------------------------------------------------------ *\
	Slider-fluid
\* ------------------------------------------------------------ */

.slider-fluid {
    padding: 0 42px;
}

    .slider-fluid .slide {
        margin: 0 3px 0 4px;
        width: 100%;
        max-width: 539px;
    }

/* ------------------------------------------------------------ *\
	slider default
\* ------------------------------------------------------------ */

.slider-default .slide-image {
    max-width: 100%;
}

    .slider-default .slide-image a {
        display: block;
    }

        .slider-default .slide-image a img {
            width: 100%;
        }

.slider-default .slick-arrow {
    display: none !important;
}

@media (max-width: 767px) {
    .slider.slider-default {
        padding-left: 0;
        padding-right: 0;
    }

        .slider.slider-default .col-xs-12 {
            padding-left: 0;
            padding-right: 0;
        }

    .slider .slick-dots button {
        width: 6px;
        height: 6px;
    }
}

/* ------------------------------------------------------------ *\
	Socials
\* ------------------------------------------------------------ */

.socials ul {
    font-size: 0;
    list-style: none;
}

.socials li {
    display: inline-block;
    font-size: 20px;
    vertical-align: middle;
}

    .socials li + li {
        margin-left: 10px;
    }

    .socials li a {
        display: block;
        width: 40px;
        height: 40px;
        background: #d9d9d9;
        color: #979797;
        line-height: 40px;
        text-align: center;
        border-radius: 50%;
        transition: background .3s, color .3s;
    }

        .socials li a:hover {
            background: #979797;
            color: #d9d9d9;
        }

.socials .fa-instagram {
    font-size: 24px;
}

/* ------------------------------------------------------------ *\
	Spinner
\* ------------------------------------------------------------ */

.spinner {
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    max-width: 231px;
    font-size: 0;
}

    .spinner input {
        border: 0;
        border-radius: 0;
        background-color: #ffffff;
        font-size: 24px;
        text-align: center;
        max-width: 93px;
        display: inline-block;
        padding: 8px 0;
        border-left: 1px solid #e5e5e5;
        border-right: 1px solid #e5e5e5;
        vertical-align: top;
    }

    .spinner a {
        background-color: #f9f9f9;
        display: inline-block;
        vertical-align: middle;
        width: 68px;
        padding: 8px 0;
        text-align: center;
        font-size: 20px;
        height: 54px;
        line-height: 38px;
    }

        .spinner a:hover,
        .spinner a:focus {
            color: #72980a;
        }

@media (max-width: 767px) {
    .spinner input {
        height: 40px;
    }

    .spinner a {
        height: 40px;
        line-height: 25px;
    }

    .spinner {
        margin: auto;
    }
}

/* ------------------------------------------------------------ *\
	Steps Nav
\* ------------------------------------------------------------ */

.steps-nav {
    margin: 90px 0 28px;
}

    .steps-nav ul {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .steps-nav li {
        position: relative;
        width: 70px;
        height: 70px;
        border-radius: 50%;
        border: 2px solid #e9e9e9;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

        .steps-nav li ~ li {
            margin-left: 145px;
        }

[dir="rtl"] .steps-nav li ~ li {
    margin-left: initial;
    margin-right: 145px;
}

.steps-nav li ~ li:before {
    content: '';
    height: 8px;
    background: #ededed;
    position: absolute;
    top: 50%;
    right: calc(100% + 2px);
    width: 145px;
    margin-top: -4px;
}

[dir="rtl"] .steps-nav li ~ li:before {
    content: '';
    height: 8px;
    background: #ededed;
    position: absolute;
    top: 50%;
    right: initial;
    left: calc(100% + 2px);
    width: 145px;
    margin-top: -4px;
}

.steps-nav li:nth-child(1) {
    border: 2px solid #eadc40;
    background-color: #fffcdf;
}

.steps-nav .steps-nav-tip {
    border: 1px solid #eadc40;
    background-color: #fffcdf;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.33;
    padding: 10px 28px;
    position: absolute;
    bottom: 100%;
    left: 0;
    margin-bottom: 20px;
    opacity: 0;
    visibility: hidden;
    white-space: nowrap;
    border-radius: 3px;
}

[dir="rtl"] .steps-nav .steps-nav-tip {
    left: initial;
    right: 0;
}

.steps-nav .steps-nav-tip:before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 8px 0 8px;
    border-color: #fffcde transparent transparent transparent;
    position: absolute;
    top: 100%;
    left: 24px;
    z-index: 1;
}

.steps-nav .steps-nav-tip:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 14px 9px 0 9px;
    border-color: #eadc40 transparent transparent transparent;
    position: absolute;
    top: 100%;
    left: 23px;
}

.steps-nav li:nth-child(2) .steps-nav-tip {
    border: 1px solid #377691;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

[dir="rtl"] .steps-nav li:nth-child(2) .steps-nav-tip {
    left: initial;
    transform: initial
}

.steps-nav li:nth-child(2) .steps-nav-tip:before {
    left: 50%;
    margin-left: -6px;
}

.steps-nav li:nth-child(2) .steps-nav-tip:after {
    left: 50%;
    margin-left: -7px;
}

.steps-nav li:nth-child(3) .steps-nav-tip {
    left: auto;
    right: 0;
}

[dir="rtl"] .steps-nav li:nth-child(3) .steps-nav-tip {
    left: auto;
    left: 0;
    right: initial;
}

.steps-nav .steps-nav-tip-complete {
    border: 1px solid #b6dc4e;
    background-color: #f5fce1;
}

.steps-nav li:nth-child(3) .steps-nav-tip-complete:before {
    left: auto;
    right: 24px;
    border-color: #f5fce1 transparent transparent transparent;
}

.steps-nav li:nth-child(3) .steps-nav-tip-complete:after {
    left: auto;
    right: 23px;
    border-color: #b6dc4e transparent transparent transparent;
}

/* Mobile */

@media (max-width: 767px) {
    .steps-nav {
        margin: 70px 0 23px;
    }

        .steps-nav .steps-nav-tip {
            font-size: 15px;
            border-radius: 2px;
        }

        .steps-nav li {
            width: 34px;
            height: 34px;
        }

            .steps-nav li ~ li {
                margin-left: 77px;
            }

    [dir="rtl"] .steps-nav li ~ li {
        margin-right: 77px;
        margin-left: initial;
    }

    .steps-nav li ~ li:before {
        width: 77px;
        height: 4px;
    }

    [dir="rtl"] .steps-nav li ~ li:before {
        width: 77px;
        height: 4px;
    }

    .steps-nav .steps-nav-icon img {
        max-width: 80%;
    }

    .steps-nav .steps-nav-tip {
        padding: 7px 8px;
        margin-bottom: 18px;
    }

        .steps-nav .steps-nav-tip:before {
            left: 7px;
            border-width: 10px 7px 0 7px;
        }

        .steps-nav .steps-nav-tip:after {
            left: 6px;
            border-width: 12px 8px 0 8px;
        }

    [dir="rtl"] .steps-nav .steps-nav-tip:before {
        right: 7px;
        left: initial;
        border-width: 10px 7px 0 7px;
    }

    [dir="rtl"] .steps-nav .steps-nav-tip:after {
        right: 6px;
        left: initial;
        border-width: 12px 8px 0 8px;
    }

    .steps-nav li:nth-child(3) .steps-nav-tip-complete:before {
        right: 7px;
    }

    .steps-nav li:nth-child(3) .steps-nav-tip-complete:after {
        right: 6px;
    }

    [dir="rtl"] .steps-nav li:nth-child(3) .steps-nav-tip-complete:before {
        left: 7px;
        right: initial;
    }

    [dir="rtl"] .steps-nav li:nth-child(3) .steps-nav-tip-complete:after {
        left: 6px;
        right: initial;
    }
}

/* ------------------------------------------------------------ *\
	Steps
\* ------------------------------------------------------------ */

.steps .link-back {
    font-weight: 400;
    margin: 10px 0 16px;
    font-size: 16px;
    display: inline-block;
}

    .steps .link-back:hover {
        color: #000;
    }

    .steps .link-back i {
        color: #cadc6a;
        text-shadow: 0 0 1px #263105;
        margin-right: 5px;
    }

.steps .steps-head-entry {
    display: none;
}

.steps .steps-head-outer {
    max-width: 660px;
    margin: 11px auto 20px;
}

.steps .steps-head-inner {
    background: #fff;
    text-align: center;
    padding: 26px 0 28px;
    border: 1px solid transparent;
    border-radius: 4px;
}

.steps .steps-head h2 {
    margin: 0 0 10px;
    font-weight: 700;
    color: #000;
}

.steps .list-steps-overview {
    max-width: 500px;
    margin: 0 auto;
}

.steps .steps-entry {
    background-color: #f2ecd9;
    text-align: center;
    padding: 70px 0 80px;
}

.steps .steps-body {
    background-color: #fafafa;
    padding: 10px 0 45px;
}

.steps .steps-body-inner {
    max-width: 660px;
    margin: 0 auto;
}

.steps .link-mobile-back {
    display: none;
}

.step-two {
    width: 48px;
    height: 44px;
}

/* Mobile */

@media (max-width: 767px) {
    .steps {
        border: 1px solid #eadc40;
        border-radius: 4px 4px 0 0;
        background-color: #fefad7;
        position: relative;
        min-height: 70vh;
    }

        .steps:before,
        .steps:after {
            content: '';
            width: 120px;
            height: 2px;
            position: absolute;
            left: 50%;
            margin-left: -60px;
            top: 13px;
        }

        .steps:after {
            top: 17px;
        }

        .steps .link-mobile-back {
            display: inline-block;
            font-size: 15px;
            color: #000;
        }

        .steps .link-back {
            display: none;
        }

        .steps .list-steps-overview {
            max-width: 303px;
            margin: 0 auto;
            padding: 0 10px;
        }

        .steps .steps-head {
            border-bottom-color: transparent;
        }

            .steps .steps-head h2 {
                margin-bottom: 8px;
            }

            .steps .steps-head .link-back {
                display: none;
            }

        .steps .steps-head-outer {
            margin: 8px auto;
            max-width: 100%;
            position: relative;
        }

        .steps .steps-head-entry {
            display: block;
            text-align: center;
            font-size: 16px;
            font-weight: 300;
            margin-bottom: 9px;
        }

            .steps .steps-head-entry h1 {
                color: #000;
                text-align: center;
                font-weight: 300;
                margin: 15px 0 0;
            }

                .steps .steps-head-entry h1 ~ p {
                    margin: 4px 0 0;
                }

        .steps .steps-head-inner {
            padding: 13px 0 16px;
        }

        .steps .steps-entry {
            display: block;
            margin: 0 8px;
            max-width: calc(100% - 16px);
            padding: 18px 0;
            border-radius: 4px;
        }

        .steps .steps-body {
            padding-bottom: 14px;
            background-color: transparent;
        }

        .steps .steps-body-inner {
            max-width: 100%;
        }

        .steps .step > .link-back {
            display: none;
        }

    .step-two {
        width: 24px;
        height: auto;
    }
}

/* ------------------------------------------------------------ *\
	Active Steps
\* ------------------------------------------------------------ */

/* Step 1*/

.steps.active-step-1 .steps-head {
    background-color: #fefad7;
    border-bottom: 1px solid #e8db2b;
}

.steps.active-step-1 .steps-head-inner {
    border: 1px solid #eadc40;
}

.steps.active-step-1 .steps-nav li:nth-child(1) .steps-nav-tip {
    opacity: 1;
    visibility: visible;
}

/* Step 2*/

.steps.active-step-2 .steps-head {
    background-color: #dce9ee;
    border-bottom: 1px solid#95b8c6;
}

.steps.active-step-2 .steps-head-inner {
    border: 1px solid #91b8c5;
}

.steps.active-step-2 .steps-nav li:nth-child(1) .steps-nav-tip {
    opacity: 0;
    visibility: hidden;
}

.steps.active-step-2 .steps-nav li:nth-child(2) {
    border-color: #91b8c5;
    background-color: #ecf5f8;
}

    .steps.active-step-2 .steps-nav li:nth-child(2):before {
        background: linear-gradient(to right, rgba(238,226,93,1) 0%,rgba(154,190,202,1) 100%);
    }

    .steps.active-step-2 .steps-nav li:nth-child(2) .steps-nav-tip {
        opacity: 1;
        visibility: visible;
    }

.steps.active-step-2 .list-steps-overview li:nth-child(2) {
    color: #000;
}

    .steps.active-step-2 .list-steps-overview li:nth-child(2):before {
        border-color: #91b8c5;
        background-color: #ecf5f8;
        color: #555555;
    }

/* Step 3*/

.steps.active-step-3 .steps-head {
    background-color: #e7f0cf;
    border-bottom: 1px solid #b8dc42;
}

.steps.active-step-3 .steps-head-inner {
    border: 1px solid #91b8c5;
}

.steps.active-step-3 .steps-nav li:nth-child(1) .steps-nav-tip {
    opacity: 0;
    visibility: hidden;
}

.steps.active-step-3 .steps-nav li:nth-child(2) {
    border-color: #91b8c5;
    background-color: #ecf5f8;
}

    .steps.active-step-3 .steps-nav li:nth-child(2):before {
        background: linear-gradient(to right, rgba(238,226,93,1) 0%,rgba(154,190,202,1) 100%);
    }

    .steps.active-step-3 .steps-nav li:nth-child(2) .steps-nav-tip {
        opacity: 0;
        visibility: hidden;
    }

.steps.active-step-3 .steps-nav li:nth-child(3) {
    border-color: #b6dc4e;
    background-color: #f5fce1;
}

    .steps.active-step-3 .steps-nav li:nth-child(3):before {
        background: linear-gradient(to right, rgba(154,190,202,1) 0%,rgba(186,221,87,1) 100%);
    }

    .steps.active-step-3 .steps-nav li:nth-child(3) .steps-nav-tip {
        opacity: 1;
        visibility: visible;
    }

.steps.active-step-3 .list-steps-overview li:nth-child(2) {
    color: #000;
}

    .steps.active-step-3 .list-steps-overview li:nth-child(2):before {
        border-color: #91b8c5;
        background-color: #ecf5f8;
        color: #555555;
    }

.steps.active-step-3 .list-steps-overview li:nth-child(3) {
    color: #000;
}

    .steps.active-step-3 .list-steps-overview li:nth-child(3):before {
        border-color: #b6dc4e;
        background-color: #f5fce1;
        color: #555555;
    }

/* Mobile */

@media (max-width: 767px) {
    .steps.active-step-1 .steps-head {
        border-bottom-color: transparent;
    }

    /* Step  2*/
    .steps.active-step-2 {
        border: 1px solid #91b8c5;
        background-color: #dce9ee;
    }

        .steps.active-step-2 .steps-head {
            border-bottom-color: transparent;
        }

    /* Step 3*/

    .steps.active-step-3 {
        border: 1px solid #b6dc4e;
        background-color: #e7f0cf;
    }

        .steps.active-step-3 .steps-head {
            border-bottom-color: transparent;
        }

    .steps.active-step-cancelled {
        background-color: #ffd6d6 !important;
    }
}

/* ------------------------------------------------------------ *\
	Step Tip
\* ------------------------------------------------------------ */

.step-tip {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 4px;
    background: #fff;
    border: 1px solid #e5e5e5;
    padding: 17px 15px 16px;
    font-size: 18px;
    font-weight: 300;
    margin-bottom: 10px;
}

    .step-tip > a {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-decoration: none;
        width: 100%;
    }

    .step-tip a:hover {
        color: #e10404;
    }

        .step-tip a:hover .fa {
            color: #e10404;
        }

    .step-tip p {
        margin: 0;
    }

    .step-tip .step-tip-icon {
        margin-right: 18px;
    }

/* Mobile */

@media (max-width: 767px) {
    .step-tip {
        font-size: 12px;
        line-height: 1.92;
        padding: 10px 15px 11px;
        margin-bottom: 8px;
    }

        .step-tip .step-tip-icon {
            margin-right: 9px;
        }

    [dir="rtl"] .step-tip .step-tip-icon {
        margin-left: 9px;
        margin-right: initial;
    }
}

/* ------------------------------------------------------------ *\
	Step Tip Alt
\* ------------------------------------------------------------ */

.step-tip-alt {
    border: 2px dashed #93bd20;
    background-color: #fbfff0;
    font-weight: 700;
    color: #72980a;
    padding: 21px 15px 23px;
    line-height: 1;
}

    .step-tip-alt .fa {
        margin-left: 16px;
        font-size: 16px;
        color: #93bd20;
    }

/* Mobile */

@media (max-width: 767px) {
    .step-tip-alt {
        font-size: 14px;
        padding: 17px 15px 18px;
    }

        .step-tip-alt .step-tip-icon {
            margin-right: 6px;
        }
}

/* ------------------------------------------------------------ *\
	Step Tip Error
\* ------------------------------------------------------------ */

.step-tip-error {
    color: #d0021b;
    border: 1px solid #ff9a9a;
    padding: 23px 15px 22px;
}

/* Mobile */

@media (max-width: 767px) {
    .step-tip-error {
        display: none;
    }
}

/* ------------------------------------------------------------ *\
	Strenght Status
\* ------------------------------------------------------------ */

.strength-status {
    text-align: left;
    font-size: 11px;
    padding: 13px 0 0;
}

    .strength-status ul {
        display: inline-block;
        vertical-align: top;
        text-align: left;
        list-style: none;
    }

        .strength-status ul ~ ul {
            margin-left: 49px;
        }

    .strength-status li {
        color: #bebebe;
    }

        .strength-status li ~ li {
            margin-top: 2px;
        }

    .strength-status .selected {
        color: #60890b;
    }

/* Mobile */

@media (max-width: 479px) {
    .strength-status ul {
        margin: 0;
    }

        .strength-status ul ~ ul {
            margin-left: 0;
        }
}

/* ------------------------------------------------------------ *\
	Summary
\* ------------------------------------------------------------ */

.summary {
    padding: 24px 13px 13px;
}

    .summary h3 {
        margin: 0;
    }

.summary-body {
    color: #000;
    padding: 13px 0;
    margin-bottom: 4px;
}

    .summary-body .form-add-code {
        border-bottom: 2px solid #dedede;
    }

.summary-body .form-add-tip { border-bottom: 2px solid #dedede; }

/* Summary-entry */

.summary-entry {
    padding: 12px 0 12px;
    border-bottom: 2px solid #dedede;
}

.summary-entry-head {
    margin-bottom: 8px;
}

    .summary-entry-head h5 {
        margin: 0 5px 0 0;
        display: inline-block;
        vertical-align: middle;
    }

.summary-foot h3 {
    color: #000;
    font-weight: 700;
    display: inline-block;
}

.summary-foot .price {
    float: right;
    color: #e58c03;
}

[dir="rtl"] .summary-foot .price {
    float: left;
}

.summary-foot .summary-total {
    margin-bottom: 14px;
}

@media (max-width: 1023px) {
    .summary .btn {
        font-size: 14px;
    }
}

@media (max-width: 767px) {
    .summary h3 {
        font-size: 16px;
    }

    .summary .list-radios {
        padding-bottom: 10px;
    }
}

/* ------------------------------------------------------------ *\
	Tab
\* ------------------------------------------------------------ */

.tab-content {
    position: relative;
}

.tab {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: -1;
    opacity: 0;
}

    .tab.active {
        position: relative;
        z-index: 1;
        opacity: 1;
    }

@media (max-width: 767px) {
    .tabs .nav-tabs-fixed {
        position: relative;
        display: block;
        min-height: 48px;
        background: #fff;
    }

        .tabs .nav-tabs-fixed ul {
            position: absolute;
            top: 4px;
            left: 0;
            z-index: 99;
            width: 100%;
            height: auto;
            min-height: 48px;
            padding: 4px 0 0;
            background: #fff;
            transition: transform .3s;
        }

        .tabs .nav-tabs-fixed.fixed ul a {
            padding-top: 10px !important;
        }

        .tabs .nav-tabs-fixed.fixed ul {
            position: fixed;
            top: 0;
            padding: 4px 7px 0;
            -ms-transform: translateY(-100%);
            transform: translateY(-100%);
        }

        .tabs .nav-tabs-fixed.show ul {
            -ms-transform: translateY(0);
            transform: translateY(0);
        }
}

/* ------------------------------------------------------------ *\
	Tabs-orders
\* ------------------------------------------------------------ */

.tabs-orders .nav-tabs {
    font-size: 0;
    padding: 14px 0;
    border-bottom: none;
}

    .tabs-orders .nav-tabs li {
        color: #adadad;
        padding-right: 29px;
        padding: 0 29px 3px 0;
    }

        .tabs-orders .nav-tabs li + li {
            border-left: 1px solid #dfdfdf;
            padding-left: 26px;
        }

        .tabs-orders .nav-tabs li:nth-child(2) {
            border-left: 0;
            padding-left: 0;
        }

    .tabs-orders .nav-tabs a {
        text-decoration: none;
    }

        .tabs-orders .nav-tabs a span {
            display: inline-block;
            vertical-align: middle;
            position: relative;
            top: 3px;
            margin-left: 8px;
        }

        .tabs-orders .nav-tabs a:hover,
        .tabs-orders .nav-tabs a:focus,
        .tabs-orders .nav-tabs a:active {
            color: #555;
        }

    .tabs-orders .nav-tabs .active {
        color: #555;
    }

@media (max-width: 767px) {
    .tabs-orders .nav-tabs a span {
        font-size: 12px;
        top: 0;
    }

    .tabs-orders .nav-tabs ul {
        display: -ms-flexbox;
        display: flex;
    }

    .tabs-orders .nav-tabs li {
        width: 40%;
        text-align: center;
    }

    .tabs-orders .nav-tabs a {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        line-height: 9px;
    }

        .tabs-orders .nav-tabs a[data-text] span {
            display: none;
        }

        .tabs-orders .nav-tabs a[data-text]:after {
            content: attr(data-text);
            font-size: 12px;
            padding-left: 5px;
        }

    .tabs-orders .nav-tabs li:nth-child(2) {
        border-left: 1px solid #dfdfdf;
    }
}

@media (max-width: 479px) {
    .tabs-orders .nav-tabs {
        padding-top: 5px;
        padding-bottom: 8px;
    }

        .tabs-orders .nav-tabs li + li {
            padding-left: 0;
            padding-right: 0;
        }

        .tabs-orders .nav-tabs i {
            position: relative;
            top: -1px;
        }
}

/* ------------------------------------------------------------ *\
	Tabs-nav
\* ------------------------------------------------------------ */

.tabs-filters .nav-tabs ul {
    display: block;
    font-size: 0;
    width: auto;
    max-width: 700px;
}

.tabs-filters .nav-tabs li {
    color: #c1c1c1;
    font-weight: 700;
    font-size: 14px;
}

    .tabs-filters .nav-tabs li a {
        display: block;
        padding: 19px 25px 16px;
        position: relative;
        transition: color .3s;
    }

        .tabs-filters .nav-tabs li a:before {
            content: '';
            height: 4px;
            background-color: #93bd20;
            position: absolute;
            bottom: -1px;
            left: 0;
            right: 0;
            opacity: 0;
            visibility: hidden;
            transition: opacity .3s;
        }

        .tabs-filters .nav-tabs li a:hover,
        .tabs-filters .nav-tabs li a:focus {
            color: #72980a;
        }

.tabs-filters .nav-tabs .active a {
    color: #72980a;
}

    .tabs-filters .nav-tabs li a:hover:before,
    .tabs-filters .nav-tabs .active a:before {
        opacity: 1;
        visibility: visible;
    }

.tabs-filters .slick-slider button {
    display: none !important;
}

@media (max-width: 767px) {
    .tabs-filters .nav-tabs li + li {
        padding-left: 30px;
    }

    .tabs-filters .nav-tabs li a {
        padding: 4px 3px 10px;
    }

    /*.tabs-filters { overflow: hidden;  }*/
}

/* Tabs-nav-alt */

.tabs-filters .nav-tabs-alt li {
    color: rgba(119, 119, 119, 0.6);
}

    .tabs-filters .nav-tabs-alt li a {
        padding: 9px 20px 14px;
    }

        .tabs-filters .nav-tabs-alt li a:before {
            background: #bd4a12;
        }

        .tabs-filters .nav-tabs-alt li a:hover,
        .tabs-filters .nav-tabs-alt li a:focus {
            color: #bd4a12;
        }

.tabs-filters .nav-tabs-alt .active a {
    color: #bd4a12;
}

.tabs-filters .nav-tabs-alt .search {
    margin-top: 2px;
    height: 35px;
    position: absolute;
    right: 0;
    z-index: 300;
}

.tabs-filters .tab-content {
    max-width: 992px;
    margin: 0 auto;
}

/* ------------------------------------------------------------ *\
	Tabs-payments
\* ------------------------------------------------------------ */

.tabs-payment {
    border: 1px solid #e3e3e3;
    margin-top: 11px;
}

    .tabs-payment:after {
    }

    .tabs-payment .nav-tabs-secondary {
        float: left;
        width: 280px;
    }

    .tabs-payment .tab-content {
        float: left;
        width: calc(100% - 280px);
    }

    .tabs-payment .tab-entry {
        max-width: 232px;
        margin: 0 auto 32px;
        font-size: 13px;
        line-height: 1.46;
    }

        .tabs-payment .tab-entry h5 {
            color: #72980a;
            margin: 0 0 5px;
        }

    .tabs-payment .tab-callout {
        text-align: center;
        padding-bottom: 20px;
    }

        .tabs-payment .tab-callout p {
            margin: 0 0 3px;
            font-size: 15px;
        }

        .tabs-payment .tab-callout a {
            font-size: 15px;
            font-weight: 500;
            color: #72980a;
            text-transform: uppercase;
            text-decoration: none;
        }

            .tabs-payment .tab-callout a:hover {
                color: #000;
            }

@media (max-width: 767px) {
    .tabs-payment {
        border: 0;
    }

        .tabs-payment .nav-tabs-secondary {
            float: none;
            display: block;
            width: 100%;
            min-height: 0;
            background: none;
            border-bottom: 1px solid #e3e3e3;
            padding-bottom: 15px;
            position: relative;
        }

            .tabs-payment .nav-tabs-secondary:after {
                content: '';
                background: url(../css/images/temp/ico-arrow-down.png) no-repeat 0 0;
                width: 18px;
                height: 9px;
                display: block;
                position: absolute;
                bottom: -9px;
                left: 50%;
                z-index: 50;
                margin-left: -9px;
            }

            .tabs-payment .nav-tabs-secondary ul {
                display: -ms-flexbox;
                display: flex;
                -ms-flex-pack: center;
                justify-content: center;
                height: auto;
            }

            .tabs-payment .nav-tabs-secondary > ul {
                padding-bottom: 10px;
            }

            .tabs-payment .nav-tabs-secondary li {
                width: 50%;
                text-align: center;
                width: 120px;
            }

            .tabs-payment .nav-tabs-secondary a {
                padding: 8px;
            }

                .tabs-payment .nav-tabs-secondary a span {
                    margin: 0;
                    display: block;
                    font-size: 14px;
                    line-height: 1;
                }

                    .tabs-payment .nav-tabs-secondary a span.image-holder {
                        padding-bottom: 7px;
                    }

                        .tabs-payment .nav-tabs-secondary a span.image-holder img {
                            width: 100%;
                            height: auto;
                        }

                .tabs-payment .nav-tabs-secondary a:before {
                    display: none;
                }

            .tabs-payment .nav-tabs-secondary .active a {
                border: 1px solid #93bd20;
                background: none;
            }

        .tabs-payment .tab-content {
            float: none;
            display: block;
            margin: auto;
        }

        .tabs-payment .slick-dots {
            position: absolute;
            bottom: -8px;
            left: 50%;
            -ms-transform: translateX(-50%);
            transform: translateX(-50%);
            margin-bottom: 0;
        }

            .tabs-payment .slick-dots ul {
                display: -ms-flexbox;
                display: flex;
                -ms-flex-pack: center;
                justify-content: center;
            }

            .tabs-payment .slick-dots li {
                width: auto;
                padding: 0 2px;
            }

            .tabs-payment .slick-dots button {
                width: 6px;
                height: 6px;
                background: #b4b4b4;
                border: 0;
                font-size: 0;
                line-height: 0;
                text-indent: -4004px;
                border-radius: 50%;
            }

            .tabs-payment .slick-dots .slick-active button {
                border: 1px solid #b3b3b3;
                background-color: #ffffff;
            }

        .tabs-payment .tab-content {
            float: none;
            width: 100%;
        }
}

/* ------------------------------------------------------------ *\
	Tab-pane
\* ------------------------------------------------------------ */

.tab-pane {
    padding: 28px 27px 0;
}

    .tab-pane .link-logout {
        text-decoration: none;
        font-size: 16px;
        color: #72980a;
        position: absolute;
        top: 13px;
        right: 0;
        opacity: 0;
        visibility: hidden;
        transition: opacity .3s;
    }

    .tab-pane.logout-active .link-logout {
        opacity: 1;
        visibility: visible;
    }

    .tab-pane .tab-pane-image {
        text-align: center;
        margin-bottom: 45px;
        position: relative;
    }

@media (max-width: 767px) {
    .tab-pane .tab-pane-image {
        position: absolute;
        top: 24px;
        right: 0;
        max-width: 55px;
    }

    .tabs-payment .tab-content {
        max-width: 280px;
    }

        .tabs-payment .tab-content > .tab-pane {
            padding: 20px 0;
        }

    .tab-pane.logout-active .link-logout {
        position: absolute;
        top: 35px;
        right: 5px;
    }
}

.tabs-payment-seondary {
    margin-bottom: 30px;
}

    .tabs-payment-seondary .nav-tabs-secondary {
        display: block;
        float: none;
        min-height: 1px;
        width: 100%;
    }

        .tabs-payment-seondary .nav-tabs-secondary ul {
            display: -ms-flexbox;
            display: flex;
            width: 100%;
            margin: 0;
            -ms-flex-pack: justify;
            justify-content: space-between;
        }

            .tabs-payment-seondary .nav-tabs-secondary ul li {
                text-align: center; /*max-width: 50%;*/
                width: 100%;
            }

        .tabs-payment-seondary .nav-tabs-secondary a {
            padding: 22px 0;
            text-align: center;
            font-size: 12px;
            border-bottom: 1px solid #e3e3e3;
        }

            .tabs-payment-seondary .nav-tabs-secondary a span {
                margin: 0;
                display: block;
            }

            .tabs-payment-seondary .nav-tabs-secondary a img {
                max-width: 52px;
                margin-bottom: 10px;
            }

        .tabs-payment-seondary .nav-tabs-secondary .active a:before {
            display: none;
        }

        .tabs-payment-seondary .nav-tabs-secondary .active a {
            box-shadow: none;
            border-bottom-color: #fff;
        }

    .tabs-payment-seondary .tab-content {
        float: none;
        width: 100%;
    }

    .tabs-payment-seondary .form-login {
        margin: 0 auto 20px;
    }

        .tabs-payment-seondary .form-login .form-actions {
            display: -ms-flexbox;
            display: flex;
        }

            .tabs-payment-seondary .form-login .form-actions .btn-large {
                margin: 0;
                max-width: 153px;
                width: 100%;
                border-radius: 0 4px 4px 0;
            }

            .tabs-payment-seondary .form-login .form-actions .btn-large-green {
                max-width: 153px;
                width: 100%;
                border-radius: 4px 0 0 4px;
                padding-top: 13px;
                text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
            }

@media (max-width: 767px) {
    .tabs-payment-seondary .slick-dots {
        display: none !important;
    }

    .tabs-payment-seondary .nav-tabs-secondary {
        border-bottom: 1px solid #e3e3e3 !important;
        padding-bottom: 0;
    }

        .tabs-payment-seondary .nav-tabs-secondary > ul {
            padding-bottom: 0;
        }

        .tabs-payment-seondary .nav-tabs-secondary ul li {
            width: 94px;
            font-size: 10px;
        }

    .tabs-payment-seondary .nav-tabs-secondary {
        border-bottom: 0;
    }

        .tabs-payment-seondary .nav-tabs-secondary:after {
            display: none;
        }

        .tabs-payment-seondary .nav-tabs-secondary a span {
            font-size: 11px;
        }

            .tabs-payment-seondary .nav-tabs-secondary a span.image-holder img {
                display: inline-block;
            }

            .tabs-payment-seondary .nav-tabs-secondary a span.image-holder {
                text-align: center;
            }

        .tabs-payment-seondary .nav-tabs-secondary a {
            border-bottom: 0;
        }

        .tabs-payment-seondary .nav-tabs-secondary .active a:before {
            display: block;
            border-left: 0;
            height: 3px;
            width: 100%;
            top: auto;
            bottom: 0;
        }

        .tabs-payment-seondary .nav-tabs-secondary .active a {
            box-shadow: none;
            border: 0;
            border-bottom: 1px solid #e3e3e3;
        }
}

/* ------------------------------------------------------------ *\
	Tabs Login Register
\* ------------------------------------------------------------ */

.tabs-login-register {
    width: 100%;
    max-width: 850px;
    margin: 0 auto;
    position: relative;
}

    .tabs-login-register .tabs-head {
        background: #fff;
        position: relative;
        z-index: 3;
    }

    .tabs-login-register .tabs-nav {
        padding: 20px 0;
        position: relative;
    }

        .tabs-login-register .tabs-nav:before {
            content: '';
            background: #d9d9d9;
            height: 2px;
            width: 100%;
            position: absolute;
            top: 50%;
            left: 0;
            margin-top: -1px;
            z-index: 1;
        }

        .tabs-login-register .tabs-nav ul {
            font-size: 0;
            position: relative;
            z-index: 2;
            display: inline-block;
            background: #fff;
            padding: 0 7px;
        }

        .tabs-login-register .tabs-nav li {
            display: inline-block;
            vertical-align: middle;
        }

            .tabs-login-register .tabs-nav li:first-child a {
                border-radius: 5px 0 0 5px;
            }

            .tabs-login-register .tabs-nav li:last-child a {
                border-radius: 0 5px 5px 0;
            }

        .tabs-login-register .tabs-nav a {
            text-decoration: none;
            font-size: 14px;
            line-height: 1;
            box-shadow: inset 0 2px 0 #dcdcdc, inset 2px 0 0 #d6d6d6;
            background-color: rgba(187, 187, 187, 0.4);
            color: #9f9f9f;
            padding: 11px 9px;
            display: block;
            width: 75px;
            transition: all .3s;
        }

        .tabs-login-register .tabs-nav .active a {
            box-shadow: inset 0 1px 0 #93bd20, inset 1px 0 0 #93bd20, inset 0 -2px 0 rgba(116, 154, 12, 0.5);
            background-color: #93bd20;
            color: #fff;
        }

    .tabs-login-register .tab {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        opacity: 1;
    }

    .tabs-login-register .tab-primary {
        z-index: 1;
        opacity: 1;
        max-height: 577px;
        overflow: hidden;
        transition: transform .33s .66s, opacity .33s .66s;
    }

    .tabs-login-register .tab-secondary {
        opacity: 0;
        max-height: 353px;
        overflow: hidden;
        -ms-transform: translateY(-100%);
        transform: translateY(-100%);
        transition: transform .33s, opacity .33s;
    }

    .tabs-login-register .tabs-aside {
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.25);
        border-radius: 10px 0 0 10px;
        background-color: #4c4c4c;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 376px;
        padding: 75px 50px;
        color: #fff;
        z-index: 1;
        transition: transform .33s .66s, opacity .066s .4s;
        will-change: transform;
        overflow: hidden;
    }

        .tabs-login-register .tabs-aside h4 {
            font-weight: 300;
            margin: 0 0 30px;
            line-height: 1.25;
        }

        .tabs-login-register .tabs-aside .btn-stores {
            margin-bottom: 20px;
            display: inline-block;
        }

    .tabs-login-register .tabs-aside-title {
        text-align: center;
        color: #fff;
        font-weight: 300;
        line-height: 1.21;
        margin: 0 0 59px;
    }

    .tabs-login-register .tabs-image {
        margin-bottom: 23px;
    }

    .tabs-login-register .tabs-body {
        padding-bottom: 60px;
        position: relative;
    }

    .tabs-login-register .tabs-content {
        width: 474px;
        margin: 0 auto;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.25);
        border-radius: 0 10px 10px 0;
        overflow: hidden;
        padding: 0 52px 77px;
        position: relative;
        z-index: 5;
        height: 730px;
        background: #fff;
        -ms-transform: translateX(188px);
        transform: translateX(188px);
        transition: transform .33s .33s, height .33s .33s, width .33s .33s, border-radius .33s .33s;
        will-change: transform, height;
    }

    .tabs-login-register .tabs-foot {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: #e9e9e9;
        padding: 14px 0;
    }

    .tabs-login-register.switched .tabs-aside {
        -ms-transform: translateX(376px);
        transform: translateX(376px);
        transition: transform .33s, opacity .1s .4s;
        opacity: 0;
    }

    .tabs-login-register.switched .tabs-content {
        width: 486px;
        height: 566px;
        -ms-transform: translateX(0);
        transform: translateX(0);
        transition: height .33s .33s, width .33s .33s, border-radius .33s .33s, transform .33s .33s;
        border-radius: 10px;
    }

    .tabs-login-register.switched .tab-primary {
        -ms-transform: translateY(-100%);
        transform: translateY(-100%);
        transition: transform .33s, opacity .33s;
    }

    .tabs-login-register.switched .tab-secondary {
        position: static;
        opacity: 1;
        -ms-transform: translateY(0);
        transform: translateY(0);
        transition: transform .33s .66s, opacity .33s .33s;
    }

    .tabs-login-register.form-is-sent .tabs-foot {
        display: none;
    }

/* Tablet Portrait */

@media (max-width: 1023px) {
    .tabs-login-register {
        max-width: 750px;
    }

        .tabs-login-register .tabs-aside {
            width: 300px;
            padding: 75px 30px;
        }

        .tabs-login-register .tabs-content {
            width: 450px;
            -ms-transform: translateX(150px);
            transform: translateX(150px);
            padding: 0 40px 77px;
        }
}

/* Mobile */

@media (max-width: 767px) {
    .tabs-login-register .tabs-aside {
        display: none;
    }

    .tabs-login-register .tabs-content {
        -ms-transform: translateX(0);
        transform: translateX(0);
        border-radius: 10px;
        padding: 0 0 77px;
        width: calc(100% - 72px);
        height: auto;
    }

    .tabs-login-register .tabs-head {
        display: none;
    }

    .tabs-login-register .tabs-body {
        padding-bottom: 0;
    }

    .tabs-login-register .tab {
        position: static;
    }

    .tabs-login-register .tab-secondary {
        display: none;
    }
}

/* Mobile */

@media (max-width: 479px) {
    .tabs-login-register .tabs-content {
        width: 296px;
    }
}


/* ------------------------------------------------------------ *\
	Tabs Filters Categories
\* ------------------------------------------------------------ */

.tabs-filters-categories .tabs-actions button {
    padding: 5px 20px 4px;
}

.tabs-filters-categories .tabs-nav {
    padding-top: 16px;
    position: relative;
    border-bottom: 1px solid #e4e4e4;
}

    .tabs-filters-categories .tabs-nav .search {
        position: absolute;
        right: 0;
        top: 16px;
        width: 227px;
    }

    .tabs-filters-categories .tabs-nav ul {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        margin: 0;
    }

    .tabs-filters-categories .tabs-nav li {
        font-size: 16px;
        font-weight: 700;
        color: #b1b1b1;
        margin-right: 10px;
        padding-bottom: 16px;
        position: relative;
    }

        .tabs-filters-categories .tabs-nav li:before {
            content: '';
            border-style: solid;
            border-width: 8px 7px 0 7px;
            border-color: #e3e3e3 transparent transparent transparent;
            position: absolute;
            top: 100%;
            left: 50%;
            margin-left: -7px;
        }

        .tabs-filters-categories .tabs-nav li:after {
            content: '';
            border-style: solid;
            border-width: 7px 6px 0 6px;
            border-color: #fff transparent transparent transparent;
            position: absolute;
            top: 100%;
            left: 50%;
            margin-left: -6px;
        }

        .tabs-filters-categories .tabs-nav li:before,
        .tabs-filters-categories .tabs-nav li:after {
            opacity: 0;
            visibility: hidden;
        }

    .tabs-filters-categories .tabs-nav .no-caret:before,
    .tabs-filters-categories .tabs-nav .no-caret:after {
        content: none;
    }

    .tabs-filters-categories .tabs-nav li a {
        border: 1px solid #cdcdcd;
        padding: 5px 20px 4px;
        border-radius: 2px;
        text-decoration: none;
        display: block;
    }

        .tabs-filters-categories .tabs-nav li a:hover {
            color: #72980a;
        }

        .tabs-filters-categories .tabs-nav li a:before {
            content: none;
        }

    .tabs-filters-categories .tabs-nav li .link-more {
        font-weight: 400;
        color: #72980a;
    }

    .tabs-filters-categories .tabs-nav .active a {
        background-color: rgba(147, 189, 32, 0.3);
        border: 1px solid #93bd20;
        color: #72980a;
    }

    .tabs-filters-categories .tabs-nav .active1 a {
        background-color: transparent;
        border: 1px solid #93bd20;
        color: #72980a;
    }

    .tabs-filters-categories .tabs-nav .active:before,
    .tabs-filters-categories .tabs-nav .active:after {
        opacity: 1;
        visibility: visible;
    }

.tabs-filters-categories .tabs-actions {
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 12px 0 4px;
    display: none;
}

    .tabs-filters-categories .tabs-actions button {
        margin: 0 4px;
    }

/* Mobile */

@media (max-width: 767px) {
    .tabs-filters-categories .tabs-nav {
        display: none;
        border-bottom: 0;
    }

    .tabs-filters-categories .tab {
        display: block !important;
        position: static;
        z-index: 1;
        opacity: 1;
    }

    .tabs-filters-categories .tabs-actions {
        display: block;
    }

    .tabs-filters-categories .tabs-nav li:before {
        content: '';
        border-style: none;
        border-width: 0;
    }

    .tabs-filters-categories .tabs-nav li:after {
        content: '';
        border-style: none;
        border-width: 0;
    }
}

/* ------------------------------------------------------------ *\
	Table
\* ------------------------------------------------------------ */

.table-results thead {
    border-bottom: 1px solid #e4e4e4;
    font-style: italic;
    color: #000000;
}

    .table-results thead th {
        padding: 13px 6px 7px;
    }

    .table-results thead .color-green {
        color: #72980a;
        font-style: normal;
        font-weight: 400;
        padding-left: 0;
        padding-right: 0;
        text-align: right;
    }

        .table-results thead .color-green:last-child {
            text-align: center;
        }

.table-results td {
    text-align: right;
    padding: 6px 0 7px;
    font-weight: 300;
}

    .table-results td:nth-child(1) {
        text-align: left;
        padding-left: 7px;
        width: 426px;
    }

    .table-results td:nth-child(2) {
        padding-right: 20px;
    }

    .table-results td:last-child {
        text-align: center;
    }

.table-results tr {
    border-radius: 2px;
}

    .table-results tr:hover {
        background-color: #f5f9fa;
    }

.table-results .spacer {
    height: 15px;
}

    .table-results .spacer:hover {
        border-color: transparent;
    }

.table-results th:nth-child(2),
.table-results td:nth-child(2) {
    padding-right: 30px;
}

.table-results th:nth-child(3),
.table-results td:nth-child(3) {
    padding-right: 30px;
}

.table-results a,
.table-results a:hover {
    color: #000;
    text-decoration: none;
}

@media (max-width: 767px) {
    .table-results td {
        padding: 0 5px;
        font-size: 12px;
    }

        .table-results th:nth-child(3),
        .table-results td:nth-child(3) {
            padding-right: 0;
            text-align: center;
            width: 80px;
        }

        .table-results th:nth-child(2),
        .table-results td:nth-child(2),
        .table-results th:nth-child(4),
        .table-results td:nth-child(4) {
            width: 70px;
            padding-right: 5px;
        }
}

/* ------------------------------------------------------------ *\
	Tiles fo days
\* ------------------------------------------------------------ */

.tiles-days .tile {
    position: relative;
    display: inline-block;
    width: 100px;
    height: 70px;
    margin: 2px;
    border: 1px solid #e3e3e3;
}

.tiles-days .form-label {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin-bottom: 0;
    padding-top: 6px;
    border: 1px solid transparent;
}

.tiles-days .radio-days input {
    display: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

    .tiles-days .radio-days input:checked + label {
        border-color: #93bd20;
    }

.tiles-days .tile__day {
    display: block;
    margin-bottom: 5px;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 8px;
    letter-spacing: 0.1em;
}

.tiles-days .tile__date {
    display: block;
    font-size: 18px;
    font-weight: 500;
    line-height: 1;
}

.tiles-days .tile__month {
    display: block;
    font-size: 12px;
    font-weight: 300;
}

/* ------------------------------------------------------------ *\
	Tooltip
\* ------------------------------------------------------------ */

.tooltip {
    position: relative;
    opacity: 1;
    display: inline-block;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
}

    .tooltip .tooltip-content {
        position: absolute;
        top: 50%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 100%;
        margin-left: 8px;
        color: #ce820d;
        background: #fff;
        font-size: 12px;
        line-height: 1.33;
        border: 1px solid #e6a504;
        border-radius: 5px;
        background-color: #fffcdd;
        width: 190px;
        padding: 8px 12px;
    }

        .tooltip .tooltip-content:after {
            content: '';
            border: 5px solid transparent;
            border-color: transparent transparent #fffbdc #fffbdc;
            position: absolute;
            left: 0;
            top: 27px;
            margin-bottom: 5px;
            box-shadow: -1px 1px 0 #e6a504;
            -ms-transform-origin: 0 0;
            transform-origin: 0 0;
            -ms-transform: rotate(45deg) translate(-9px, -9px);
            transform: rotate(45deg) translate(-9px, -9px);
            z-index: 3;
        }

        .tooltip .tooltip-content a {
            position: absolute;
            top: -8px;
            right: -8px;
            font-size: 16px;
            color: #e1a500;
            background: #fffbdc;
            line-height: 16px;
            border-radius: 50%;
        }

        .tooltip .tooltip-content p {
            margin: 0;
        }

    .tooltip .link-tooltip {
        color: #7d9e08;
        display: inline-block;
        vertical-align: middle;
    }

@media (max-width: 767px) {
    .tooltip .tooltip-content {
        padding: 5px;
        font-size: 10px;
    }
}

/* ------------------------------------------------------------ *\
	Tooltip-location
\* ------------------------------------------------------------ */

.tooltip-location {
    position: relative;
    border: 1px solid #93bd20;
    width: 100%;
    max-width: 231px;
    color: #000;
    text-align: center;
    font-size: 14px;
    padding: 15px 10px 14px;
    background: #fff;
}

    .tooltip-location p {
        margin: 0;
    }

    .tooltip-location a {
        font-size: 14px;
        text-transform: uppercase;
        color: #72980a;
        text-decoration: none;
        display: inline-block;
        margin-top: 8px;
    }

    .tooltip-location:after {
        content: '';
        border: 4px solid transparent;
        border-color: transparent transparent #fff #fff;
        position: absolute;
        left: 50%;
        top: 1px;
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        box-shadow: -1px 1px 0 #93bd20;
        -ms-transform-origin: 0 0;
        transform-origin: 0 0;
        -ms-transform: rotate(135deg) translate(-9px, -9px);
        transform: rotate(135deg) translate(-9px, -9px);
        z-index: 3;
    }

@media (max-width: 767px) {
    .tooltip-location {
        padding: 10px;
    }

        .tooltip-location p {
            font-size: 12px;
            font-weight: 300;
        }

            .tooltip-location p:first-child {
                font-weight: 700;
            }

        .tooltip-location a {
            margin-top: 0;
        }
}

/* ------------------------------------------------------------ *\
	Widget
\* ------------------------------------------------------------ */

.widgets {
    list-style: none outside none;
    border: 1px solid #e3e3e3;
    border-radius: 2px;
}

.widget {
    padding: 17px 13px 14px;
}

    .widget + .widget {
        border-top: 1px solid #e3e3e3;
    }

    .widget .widget-body {
        padding: 3px 2px 0;
    }

    .widget .widget-actions {
        padding-bottom: 7px;
    }

        .widget .widget-actions a {
            text-decoration: none;
            color: #72980a;
            font-weight: 700;
        }

            .widget .widget-actions a:hover {
                color: #000;
            }

.widget-title {
    font-weight: 700;
    text-transform: uppercase;
    margin: 0;
}

/* ------------------------------------------------------------ *\
	Widget-nav
\* ------------------------------------------------------------ */

.widget-nav {
    padding: 0;
}

    .widget-nav .widget-title {
        color: #000;
        text-transform: none;
    }

    .widget-nav .widget-head {
        padding: 21px 35px 19px;
        border-bottom: 1px solid #e3e3e3;
    }

    .widget-nav .widget-body {
        padding: 0;
    }

    .widget-nav .widget-actions {
        padding: 29px 37px 24px;
        border-bottom: 1px solid #e3e3e3;
    }

        .widget-nav .widget-actions a {
            display: block;
            font-weight: 400;
            font-size: 16px;
            line-height: 1;
        }

            .widget-nav .widget-actions a i {
                margin-right: 5px;
                margin-top: -2px;
            }

/****/

.filters-slider-container {
    z-index: 9997;
    background-color: #fff !important;
    opacity: 1 !important;
    border-style: solid !important;
    border-width: 0 0 0 40px !important;
    border-color: rgba(136, 136, 136, 0.3) !important;
    height: 100vh;
}

.closed-warning {
    width: 100%;
    height: 3em;
    background-color: #fefac3;
    text-align: center;
    text-transform: uppercase;
    padding-top: 0.8em;
}

.header-store-name {
    font-size: 16px;
    font-weight: 900;
    display: none;
    /*position: absolute;*/
    left: 0;
    top: 0;
    width: 100%;
    text-align: center;
}
.header-store-name-content {
    width: 250px;
    margin: 0 auto;
    text-align: center;
}

@media (min-width: 1201px) {
    //.header-store-name {
    //    visibility: hidden;
    //}
}

.checkout-box .continue-shopping {
    width: 100%;
    text-align: center;
}

.checkout-box .btn {
    text-decoration: none;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 13px 13px 12px;
    color: #93bd20;
    border-radius: 4px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset, 0 2px 0 rgba(0, 0, 0, 0.1);
    /* box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1); */
    width: 20em;
    display: inline-block;
}

@media (max-width: 767px) {
    .checkout-box .btn {
        width: 100%;
    }

    #mobile-filters-actions {
        bottom: 50px;
        left: 50px;
        right: 100px;
        z-index: 9999;
        margin-top: 10px;
        padding-bottom: 10px;
    }

        #mobile-filters-actions div {
            position: relative;
            min-height: 32px;
        }

    #btn-mobile-reset {
        position: absolute;
        left: 0;
    }

    [dir="rtl"] #btn-mobile-reset {
        right: 0;
        left: initial;
    }

    #btn-mobile-apply {
        position: absolute;
        right: 30px;
    }

    [dir="rtl"] #btn-mobile-apply {
        right: initial;
        left: 30px;
    }

    .mobile-apply-button {
        text-decoration: none;
        padding: 5px 20px 4px 20px;
        background-color: rgba(147, 189, 32, 0.3);
        border: 1px solid #93bd20;
        color: #72980a;
        text-transform: uppercase;
        font-weight: 700;
    }

    .filters-slider {
        z-index: 9998;
    }

    .noscroll {
        overflow: hidden;
    }

    .overlay {
        position: fixed;
        overflow-x: hidden;
        overflow-y: scroll;
        top: 100px;
        right: 0;
        bottom: 0;
        left: 0;
        -webkit-overflow-scrolling: touch;
    }

        .overlay .tab-content {
            max-width: 767px;
            padding: 30px;
            background: rgba(255, 255, 255, .95);
        }
}

#spanCountryPrefix {
    color: #000;
}

.product-disabled {
    cursor: default;
    pointer-events: none;
    opacity: 0.4;
    background-color: #FFF;
}

.dropdown-backdrop {
    position: static;
}

.pre-security {
    background-color: #e69110;
    color: #FFF;
    text-transform: uppercase;
    font-size: 12px;
    padding: 0 4px;
}

@media (max-width: 767px) {
    .pre-security {
        background-color: #e69110;
        color: #FFF;
        text-transform: uppercase;
        font-size: 8px;
        padding: 0 4px;
        white-space: nowrap;
    }
}

.dropdown.open #ddCountry {
    display: none;
}

.dropdown.open #required-ddCountry {
    display: none;
}

.partner-color {
    color: black;
}

.pre-security1 {
    left: 0;
    min-width: 8em;
    text-align: center;
}

.pre-security2 {
    /*position: absolute;*/
    left: 10px;
    top: -8px;
    min-width: 8em;
    text-align: center;
}

.pre-security3 {
    /*position: absolute;*/
    left: 0;
    top: 10px;
    min-width: 8em;
    text-align: center;
}

@media (max-width: 1023px) {
    .pre-security3 {
        /*position: absolute;*/
        left: 250px;
        top: 0px;
        min-width: 8em;
        text-align: center;
    }
}

@media (max-width: 767px) {
    .pre-security3 {
        top: 0px;
    }
}

.horz-list {
    text-align: center;
}

.horz-item {
    display: inline-block;
}

.modal-backdrop {
    background-color: rgba(255, 255, 255, 1);
    opacity: .8;
    z-index: auto;
}

.icon-holder-1 {
    position: relative;
    bottom: 3px;
}

.icon-holder-2 {
    position: relative;
    bottom: 1px;
}

@media (min-width: 768px) {
    .icon-holder-1 {
        position: relative;
        bottom: 3px;
    }

    .icon-holder-2 {
        position: relative;
        bottom: 3px;
    }
}

.form-rate-order .form-head {
    width: 100%;
}

.footer-link-group {
    display: inline-block;
    margin-bottom: 30px;
}

.footer-link {
    color: #4d8715;
}

.allergen-notice-box {
    box-sizing: border-box;
    width: 100%;
    border: 1px solid #eeeeee;
    border-radius: 0px;
    background-color: #FFFFFF;
    padding: 10px;
    text-align: left;
    margin-top: 30px;
    vertical-align: middle;
}

    .allergen-notice-box div {
        margin-left: 25px;
    }

    .allergen-notice-box a {
        color: #60890b;
    }

    .allergen-notice-box input {
        padding-top: 36px;
        padding-bottom: 36px;
        float: left;
        margin-left: -20px;
        vertical-align: middle;
    }

    .allergen-notice-box .inner-container {
        display: block;
        position: relative;
        padding-left: 25px;
        padding-right: 25px;
        margin-top: 12px;
        margin-bottom: 12px;
        color: #000000;
        font-size: 16px;
        font-weight: normal;
        letter-spacing: 0;
        width: 100%;
        vertical-align: middle;
    }

        .allergen-notice-box .inner-container input {
            cursor: pointer;
            margin-top: -20px;
            margin-bottom: 20px;
        }

.dropdown-menu-modal {
    padding-top: 50px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    display: none;
    justify-content: center;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100vw;
    max-width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.6);
    overflow: auto;
}

    .dropdown-menu-modal li {
        border-bottom: 1px solid #e5e5e5;
    }

        .dropdown-menu-modal li:first-child {
            border-top: 1px solid #e5e5e5;
        }

.open > .dropdown-menu-modal {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
}

[dir="rtl"] .dropdown-menu {
    right: 0;
    text-align: right;
}


.divDeliveryOrder .form-section {
    margin-left: 2em;
}

[dir="rtl"] .divDeliveryOrder .form-section {
    margin-left: initial;
    margin-right: 2em;
}

.divDeliveryOrder .form-section .form-row {
    padding-left: 1em;
}

[dir="rtl"] .divDeliveryOrder .form-section .form-row {
    padding-left: initial;
    padding-right: 1em;
}

#spreedly-iframe {
    width: 100%;
    height: 400px;
}