gorilla/img/.carousel-control-next { right: -3rem; } .carousel-control-prev { left: -3rem; } /* Table of Contents Better Font Rendering =========== -------- I. Generic -------------------------------------- 01. Fonts ------------------------------------ 02. Disable Scrolling ------------------------ 03. Animations ------------------------------- 04. Hidden ----------------------------------- 05. Link-toggle ------------------------------ Item Total saved ------------------------- 06. Mobile-order ----------------------------- 07. Title-with-link -------------------------- 08. Row_offset ------------------------------- 09. Color Danger ----------------------------- 10. Color Success ---------------------------- 11. Color Error ------------------------------ 12. Color-attention -------------------------- 13. Title-share ------------------------------ 14. Title-with-border ------------------------ 15. Print Version ---------------------------- II. Regions -------------------------------------- 01. Content ---------------------------------- 02. Footer ----------------------------------- Footer Cols ------------------------------ Footer Badge ----------------------------- Footer Nav ------------------------------- Footer Socials --------------------------- Footer Outro ----------------------------- Footer Copyright ------------------------- Footer Lang ------------------------------ 03. Header ----------------------------------- Header Layout ---------------------------- Header Actions --------------------------- Header Logo ------------------------------ Header Nav ------------------------------- Header Nav Utilities --------------------- Header Menu Trigger ---------------------- Header Lang Label ------------------------ Header Bar ------------------------------- Header Simple ---------------------------- Header Nav ------------------------------- Header Layout ---------------------------- Header Logo ------------------------------ Header Home ------------------------------ Header Simple ---------------------------- Header Lang Label ------------------------ 04. Header Enrollment ------------------------ Small Desktop ---------------------------- 05. Header-checkout -------------------------- 06. Main ------------------------------------- 07. Sidebar ---------------------------------- 08. Wrapper ---------------------------------- III. Modules -------------------------------------- 01. Accordion -------------------------------- 02. Account Links ---------------------------- 03. Article ---------------------------------- 04. Banner ----------------------------------- 05. Bar -------------------------------------- 06. Bar-cart --------------------------------- Bar-cart_grey ---------------------------- Bar-cart-mobile -------------------------- 07. Bar-filters ------------------------------ 08. Box -------------------------------------- 09. Breadcrumbs ------------------------------ 10. Callout ---------------------------------- 11. Callout-secondary ------------------------ 12. Callout-block ---------------------------- 13. Cart Mini -------------------------------- 14. Cart-checkout ---------------------------- Small Desktop ---------------------------- 15. Cart__dropdown --------------------------- Small Desktop ---------------------------- 16. Cart Mini enrollment --------------------- 17. Categories Thumbs ------------------------ 18. Category Thumb --------------------------- 19. cms-up ----------------------------------- 20. cms-cards -------------------------------- 21. cms-quote -------------------------------- 22. Contacts --------------------------------- 23. Contacts Profile ------------------------- 24. Crop ------------------------------------- 25. Datepicker-custom ------------------------ 26. Dropdown Custon -------------------------- Drodpwon Select -------------------------- Dropdown Options ------------------------- Dropdown Overlay ------------------------- Dropdown Active -------------------------- 27. Feature ---------------------------------- 28. Radio ------------------------------------ 29. Checkbox --------------------------------- Checkbox Large --------------------------- 30. Radio Box -------------------------------- Radio Box Full --------------------------- 31. Field NUmber ----------------------------- Field Number Small ----------------------- Field Number Medium ---------------------- 32. Select ----------------------------------- Select With Label ------------------------ Select Error ----------------------------- 33. Field ------------------------------------ Field Error ------------------------------ Field-credit-card ------------------------ 34. Form Message ----------------------------- 35. Radio-option ----------------------------- 36. Field-file ------------------------------- 37. Field URL Location ----------------------- 38. Form ------------------------------------- 39. Form Product Order ----------------------- 40. Form-add --------------------------------- 41. Form-add-quantity ------------------------ Small Desktop ---------------------------- 42. Form-signup ------------------------------ 43. Form-signup ------------------------------ 44. Form-information ------------------------- 45. Form-shipping ---------------------------- 46. Form-promo ------------------------------- 47. Form-shipping-info ----------------------- 48. Form-payment ----------------------------- Small Desktop ---------------------------- 49. Form edit -------------------------------- 50. Form-payment-method ---------------------- 51. Homepage Overrides ----------------------- 52. Icons ------------------------------------ Ico-x_small ------------------------------ Ico-x_large ------------------------------ 53. Ico-calendar ----------------------------- 54. Ingredient ------------------------------- 55. Intro ------------------------------------ 56. Intro Subscription ----------------------- 57. Intro Enrollment ------------------------- 58. Intro-share ------------------------------ 59. Label Product ---------------------------- 60. Link Primary ----------------------------- 61. List ------------------------------------- 62. List Dots -------------------------------- 63. List-details ----------------------------- 64. List Header Links ------------------------ 65. List-review-details ---------------------- 66. List-radios ------------------------------ 67. List-radios-inline ----------------------- 68. List-profile-details --------------------- 69. List-filters ----------------------------- 70. Logo ------------------------------------- 71. Menu Trigger ----------------------------- 72. Menu ------------------------------------- Menu Overlay ----------------------------- Menu Content ----------------------------- Menu Buttons ----------------------------- Menu Nav --------------------------------- Menu Body -------------------------------- Menu Foot -------------------------------- Menu Content ----------------------------- Menu Content ----------------------------- Menu Content ----------------------------- Menu Body -------------------------------- Menu Foot -------------------------------- 73. Nav -------------------------------------- Nav Block -------------------------------- Nav Links -------------------------------- Nav Drodpown ----------------------------- 74. Nav Profile ------------------------------ 75. Nav Secondary ---------------------------- 76. Nav Utilities ---------------------------- Nav Utilities Dropdown ------------------- Nav Utilities Dropdown ------------------- 77. Order ------------------------------------ Order__total-summary --------------------- Small Desktop ---------------------------- 78. Order-secondary -------------------------- Small Desktop ---------------------------- 79. Order promo ----------------------------- Small Desktop ---------------------------- 80. Order-review ----------------------------- 81. Order-review Subscription ---------------- 82. Order-method ----------------------------- 83. Order-overview --------------------------- 84. Order-overview--subscription ------------- 85. Paging ----------------------------------- Paging alt ------------------------------- 86. Popout ----------------------------------- Popout Grid ------------------------------ Popout Section --------------------------- 87. Popout Static ---------------------------- 88. Popout Packs ----------------------------- 89. Popup ------------------------------------ 90. Popup-address ---------------------------- 91. Popup-add-photo -------------------------- 92. Products --------------------------------- 93. Product ---------------------------------- Product Large ---------------------------- 94. Product Promo ---------------------------- 95. Product Single --------------------------- Product Images --------------------------- Product Images --------------------------- 96. Product Mini ----------------------------- Product Mini Layout ---------------------- Product Mini Added ----------------------- 97. Product-mini Enrollment ------------------ 98. Product_featured ------------------------- 99. Product-secondary ------------------------ Small Desktop ---------------------------- 100. Product-packs --------------------------- 101. Product-with-hover ---------------------- Small Desktop ---------------------------- 102. Product-purchased ----------------------- 103. Product-purchased_alt ------------------- 104. Product-purchased-secondary ------------- Small Desktop ---------------------------- 105. Profile --------------------------------- 106. Profile_default ------------------------- Profile-default Fixed / Small ------------ 107. Progressbar ----------------------------- Weak ------------------------------------- Medium ----------------------------------- Strong ----------------------------------- 108. Promo ----------------------------------- 109. Quote ----------------------------------- Small Desktop ---------------------------- 110. Rating ---------------------------------- 111. Reviews --------------------------------- 112. Review ---------------------------------- 113. Review-box ------------------------------ 114. Section --------------------------------- Section Large Gutters -------------------- Section Large Gutters -------------------- 115. section__inner--centered ---------------- 116. Section__title-help --------------------- 117. Section With Background ----------------- 118. Section Banner -------------------------- 119. Section-banner_secondary ---------------- 120. Section Category ------------------------ 121. Section Guarantee ----------------------- 122. Section-guarantee--background ----------- 123. Section-guarantee_badge-inside ---------- 124. Section-guarantee_badge-small ----------- 125. Section Details ------------------------- 126. Section Ingredients --------------------- 127. Section Reviews ------------------------- 128. Section-how-to -------------------------- 129. Section-how-to Secondary ---------------- 130. Section-favorite ------------------------ 131. Section Favorite_secondary -------------- 132. Section-products ------------------------ 133. Section Products Secondary -------------- 134. Section-signup -------------------------- 135. Section-membership ---------------------- 136. Section membership secondary ------------ 137. Section-checkout ------------------------ 138. Section-checkout_cart ------------------- 139. Section Checkout Secondary -------------- 140. Section-terms --------------------------- 141. Section-confirmation -------------------- 142. Section-congratulations ----------------- 143. Section-account ------------------------- 144. Section-profile ------------------------- 145. Section-sunny --------------------------- 146. Section-article ------------------------- Small Desktop ---------------------------- 147. Section-cms ----------------------------- 148. Section-videos -------------------------- 149. Section-people -------------------------- 150. Section-contact ------------------------- 151. Service --------------------------------- 152. Slider Quotes --------------------------- 153. Slider Quotes Secondary ----------------- 154. Socials --------------------------------- 155. Steps ----------------------------------- 156. Story ----------------------------------- 157. Tabs ------------------------------------ Tabs Nav --------------------------------- 158. Tabs_secondary -------------------------- 159. Table ----------------------------------- 160. Tiles ----------------------------------- 161. Tiles--border --------------------------- Tiles-alt -------------------------------- Tiles_category --------------------------- 162. Tile ------------------------------------ 163. Tile--white ----------------------------- 164. Tile--grey ------------------------------ 165. Tile_video ------------------------------ 166. Tile_slider ----------------------------- Small Desktop ---------------------------- 167. Tile-secondary -------------------------- 168. Tile Category --------------------------- 169. Tile-secondary_banner ------------------- 170. Tooltip --------------------------------- 171. Wallet ---------------------------------- 172. Widget ---------------------------------- IV. Themes --------------------------------------- 01. Base ------------------------------------- 02. Container -------------------------------- 03. Container -------------------------------- 04. Buttons ---------------------------------- Button Outline Primary ------------------- Button Outline Secondary ----------------- Button Outline White --------------------- Button Primary --------------------------- Button Large ----------------------------- Button Block ----------------------------- Btn-small -------------------------------- Btn-wide --------------------------------- Btn-long --------------------------------- 05. Tooltip ---------------------------------- 06. Tooltip-with-image ----------------------- 07. Magnific Popup --------------------------- Close Button ----------------------------- 08. Autocomplete ----------------------------- */ @font-face { font-family: 'plexus'; src: url('../gorilla/fonts/plexus.eot?rqz7vu'); src: url('../gorilla/fonts/plexus.eot?rqz7vu#iefix') format('embedded-opentype'), url('../gorilla/fonts/plexus.ttf?rqz7vu') format('truetype'), url('../gorilla/fonts/plexus.woff?rqz7vu') format('woff'), url('../gorilla/fonts/plexus.svg?rqz7vu#plexus') format('svg'); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'plexus' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-hours:before { content: "\e935"; } .icon-location:before { content: "\e936"; } .icon-i_faq:before { content: "\e934"; } .icon-play-small:before { content: "\e933"; } .icon-file-download:before { content: "\e92c"; } .icon-image-download:before { content: "\e92d"; } .icon-prop-65:before { content: "\e92e"; } .icon-no-soy:before { content: "\e92f"; } .icon-no-preservatives:before { content: "\e930"; } .icon-no-artificial-flavors:before { content: "\e931"; } .icon-no-artificial-colors:before { content: "\e932"; } .icon-user-add:before { content: "\e914"; } .icon-user:before { content: "\e915"; } .icon-graphics:before { content: "\e916"; } .icon-remove:before { content: "\e917"; } .icon-search:before { content: "\e918"; } .icon-rules:before { content: "\e919"; } .icon-print:before { content: "\e91a"; } .icon-pause:before { content: "\e91b"; } .icon-notification:before { content: "\e91c"; } .icon-microbiome:before { content: "\e91d"; } .icon-link:before { content: "\e91e"; } .icon-info:before { content: "\e91f"; } .icon-flyer:before { content: "\e920"; } .icon-download:before { content: "\e921"; } .icon-diamond:before { content: "\e922"; } .icon-check:before { content: "\e923"; } .icon-calendar:before { content: "\e924"; } .icon-dashboard:before { content: "\e925"; } .icon-incentives .path1:before { content: "\e926"; color: rgb(35, 31, 32); } .icon-incentives .path2:before { content: "\e927"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-business:before { content: "\e928"; } .icon-sharing:before { content: "\e929"; } .icon-training:before { content: "\e92a"; } .icon-day:before { content: "\e92b"; } .icon-star-full:before { content: "\e911"; } .icon-star:before { content: "\e912"; } .icon-arrow-down:before { content: "\e900"; } .icon-arrow-up:before { content: "\e913"; } .icon-gluten-free:before { content: "\e901"; } .icon-no-gmo:before { content: "\e902"; } .icon-carrot:before { content: "\e903"; } .icon-vitamin-c:before { content: "\e904"; } .icon-close:before { content: "\e905"; } .icon-email:before { content: "\e906"; } .icon-phone:before { content: "\e907"; } .icon-facebook:before { content: "\e908"; } .icon-instagram:before { content: "\e909"; } .icon-pinterest:before { content: "\e90a"; } .icon-twitter:before { content: "\e90b"; } .icon-youtube:before { content: "\e90c"; } .icon-play:before { content: "\e90d"; } .icon-cart:before { content: "\e90e"; } .icon-help:before { content: "\e90f"; } .icon-account:before { content: "\e910"; } .arrow-down-large { background-image: url(../gorilla/img/sprite.png); background-position: 11.210762331838566% 90.52132701421802%; background-size: 1215% 1723.076923076923%; width: 20px; height: 13px; display: inline-block; vertical-align: middle; font-size: 0; } .arrow-down { background-image: url(../gorilla/img/sprite.png); background-position: 77.58620689655173% 40.55299539170507%; background-size: 2209.090909090909% 3200%; width: 11px; height: 7px; display: inline-block; vertical-align: middle; font-size: 0; } .arrow-left { background-image: url(../gorilla/img/sprite.png); background-position: 34.32203389830508% 89.67136150234741%; background-size: 3471.4285714285716% 2036.3636363636363%; width: 7px; height: 11px; display: inline-block; vertical-align: middle; font-size: 0; } .arrow-right { background-image: url(../gorilla/img/sprite.png); background-position: 29.66101694915254% 89.67136150234741%; background-size: 3471.4285714285716% 2036.3636363636363%; width: 7px; height: 11px; display: inline-block; vertical-align: middle; font-size: 0; } .arrow-up { background-image: url(../gorilla/img/sprite.png); background-position: 32.327586206896555% 80.64516129032258%; background-size: 2209.090909090909% 3200%; width: 11px; height: 7px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-arrow-down-white { background-image: url(../gorilla/img/sprite.png); background-position: 80.60344827586206% 45.622119815668206%; background-size: 2209.090909090909% 3200%; width: 11px; height: 7px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-calendar { background-image: url(../gorilla/img/sprite.png); background-position: 76.19047619047619% 0%; background-size: 450% 379.66101694915255%; width: 54px; height: 59px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-carrot { background-image: url(../gorilla/img/sprite.png); background-position: 51.86915887850467% 37.755102040816325%; background-size: 837.9310344827585% 800%; width: 29px; height: 28px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-cart { background-image: url(../gorilla/img/sprite.png); background-position: 71.42857142857143% 56.15763546798029%; background-size: 934.6153846153846% 1066.6666666666665%; width: 26px; height: 21px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-chat { width: 14px; height: 11px; top: 7px; background-image: url('../img/five-nine-chat/chat-icon-gray.svg') } .ico-check-round { background-image: url(../gorilla/img/sprite.png); background-position: 68.24644549763033% 32.8125%; background-size: 759.375% 700%; width: 32px; height: 32px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-check-white { background-image: url(../gorilla/img/sprite.png); background-position: 62.06896551724138% 46.04651162790698%; background-size: 2209.090909090909% 2488.888888888889%; width: 11px; height: 9px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-email-small { background-image: url(../gorilla/img/sprite.png); background-position: 21.68141592920354% 90.52132701421802%; background-size: 1429.4117647058824% 1723.076923076923%; width: 17px; height: 13px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-email { background-image: url(../gorilla/img/sprite.png); background-position: 99.56331877729258% 69.01408450704226%; background-size: 1735.7142857142858% 2036.3636363636363%; width: 14px; height: 11px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-facebook-small { background-image: url(../gorilla/img/sprite.png); background-position: 100% 9.090909090909092%; background-size: 1620% 1493.3333333333333%; width: 15px; height: 15px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-facebook { background-image: url(../gorilla/img/sprite.png); background-position: 90.5829596412556% 12.745098039215685%; background-size: 1215% 1120%; width: 20px; height: 20px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-flag-australia { background-image: url(../gorilla/img/sprite.png); background-position: 78.37837837837837% 72.24880382775119%; background-size: 1157.142857142857% 1493.3333333333333%; width: 21px; height: 15px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-flag-canada { background-image: url(../gorilla/img/sprite.png); background-position: 91.4027149321267% 81.25%; background-size: 1104.5454545454545% 1400%; width: 22px; height: 16px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-flag-new-zealand { background-image: url(../gorilla/img/sprite.png); background-position: 67.11711711711712% 72.24880382775119%; background-size: 1157.142857142857% 1493.3333333333333%; width: 21px; height: 15px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-flag-usa { background-image: url(../gorilla/img/sprite.png); background-position: 55.85585585585585% 72.24880382775119%; background-size: 1157.142857142857% 1493.3333333333333%; width: 21px; height: 15px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-gluten-free { background-image: url(../gorilla/img/sprite.png); background-position: 42.32558139534884% 58.16326530612245%; background-size: 867.8571428571429% 800%; width: 28px; height: 28px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-guarantee { background-image: url(../gorilla/img/sprite.png); background-position: 99.56331877729258% 44.761904761904766%; background-size: 1735.7142857142858% 1600%; width: 14px; height: 14px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-help { background-image: url(../gorilla/img/sprite.png); background-position: 91.4027149321267% 0%; background-size: 1104.5454545454545% 1018.1818181818181%; width: 22px; height: 22px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-info { background-image: url(../gorilla/img/sprite.png); background-position: 99.56331877729258% 53.333333333333336%; background-size: 1735.7142857142858% 1600%; width: 14px; height: 14px; display: inline-block; vertical-align: middle; font-size: 0; margin-left: 5px; } .ico-instagram-small { background-image: url(../gorilla/img/sprite.png); background-position: 100% 0%; background-size: 1620% 1493.3333333333333%; width: 15px; height: 15px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-instagram { background-image: url(../gorilla/img/sprite.png); background-position: 90.5829596412556% 24.509803921568626%; background-size: 1215% 1120%; width: 20px; height: 20px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-minus { background-image: url(../gorilla/img/sprite.png); background-position: 99.56331877729258% 90.09009009009009%; background-size: 1735.7142857142858% 11200%; width: 14px; height: 2px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-non-gmo { background-image: url(../gorilla/img/sprite.png); background-position: 57.20930232558139% 58.16326530612245%; background-size: 867.8571428571429% 800%; width: 28px; height: 28px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-pause { background-image: url(../gorilla/img/sprite.png); background-position: 41.80790960451977% 0%; background-size: 368.1818181818182% 339.3939393939394%; width: 66px; height: 66px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-phone-small { background-image: url(../gorilla/img/sprite.png); background-position: 78.05907172995781% 54.285714285714285%; background-size: 4050% 1600%; width: 6px; height: 14px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-phone { background-image: url(../gorilla/img/sprite.png); background-position: 97.02127659574468% 86.53846153846155%; background-size: 3037.5% 1400%; width: 8px; height: 16px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-pinterest { background-image: url(../gorilla/img/sprite.png); background-position: 45.81497797356828% 74.01960784313727%; background-size: 1518.75% 1120%; width: 16px; height: 20px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-play-arrow { background-image: url(../gorilla/img/sprite.png); background-position: 98.27586206896551% 77.14285714285715%; background-size: 2209.090909090909% 1600%; width: 11px; height: 14px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-play-gray { background-image: url(../gorilla/img/sprite.png); background-position: 90.5829596412556% 36.27450980392157%; background-size: 1215% 1120%; width: 20px; height: 20px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-play { background-image: url(../gorilla/img/sprite.png); background-position: 0% 0%; background-size: 347.14285714285717% 320%; width: 70px; height: 70px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-plus { background-image: url(../gorilla/img/sprite.png); background-position: 99.56331877729258% 35.88516746411483%; background-size: 1735.7142857142858% 1493.3333333333333%; width: 14px; height: 15px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-printer { background-image: url(../gorilla/img/sprite.png); background-position: 99.56331877729258% 26.794258373205743%; background-size: 1735.7142857142858% 1493.3333333333333%; width: 14px; height: 15px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-star-full-medium { background-image: url(../gorilla/img/sprite.png); background-position: 0% 100%; background-size: 1518.75% 1600%; width: 16px; height: 14px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-star-full { background-image: url(../gorilla/img/sprite.png); background-position: 68.24034334763948% 46.04651162790698%; background-size: 2430% 2488.888888888889%; width: 10px; height: 9px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-star-medium { background-image: url(../gorilla/img/sprite.png); background-position: 100% 18.095238095238095%; background-size: 1620% 1600%; width: 15px; height: 14px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-star { background-image: url(../gorilla/img/sprite.png); background-position: 74.2489270386266% 46.04651162790698%; background-size: 2430% 2488.888888888889%; width: 10px; height: 9px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-twitter-small { background-image: url(../gorilla/img/sprite.png); background-position: 100% 61.61137440758294%; background-size: 1620% 1723.076923076923%; width: 15px; height: 13px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-twitter { background-image: url(../gorilla/img/sprite.png); background-position: 90.990990990991% 47.34299516908212%; background-size: 1157.142857142857% 1317.6470588235293%; width: 21px; height: 17px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-user-gray { background-image: url(../gorilla/img/sprite.png); background-position: 89.38053097345133% 58.620689655172406%; background-size: 1429.4117647058824% 1066.6666666666665%; width: 17px; height: 21px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-user-gray-hover, a:hover .ico-user-gray, button:hover .ico-user-gray, a.hover .ico-user-gray, button.hover .ico-user-gray, .ico-user-gray.hover { background-image: url(../gorilla/img/sprite.png); background-position: 89.38053097345133% 70.93596059113301%; background-size: 1429.4117647058824% 1066.6666666666665%; width: 17px; height: 21px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-user { background-image: url(../gorilla/img/sprite.png); background-position: 79.64601769911505% 31.03448275862069%; background-size: 1429.4117647058824% 1066.6666666666665%; width: 17px; height: 21px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-youtube { background-image: url(../gorilla/img/sprite.png); background-position: 0% 91.38755980861244%; background-size: 1157.142857142857% 1493.3333333333333%; width: 21px; height: 15px; display: inline-block; vertical-align: middle; font-size: 0; } .logo-image { background-image: url(../gorilla/img/sprite.png); background-position: 0% 39.361702127659576%; background-size: 227.10280373831776% 622.2222222222223%; width: 107px; height: 36px; display: inline-block; vertical-align: middle; font-size: 0; } .logo-image-ca{ background-image: url(../gorilla/img/sprite-ca.png); } .nav-link-shop { background-image: url(../gorilla/img/sprite.png); background-position: 0% 80.31914893617021%; background-size: 342.2535211267606% 622.2222222222223%; width: 71px; height: 36px; display: inline-block; vertical-align: middle; font-size: 0; } .nav-link-subscribe { background-image: url(../gorilla/img/sprite.png); background-position: 0% 59.68586387434554%; background-size: 279.3103448275862% 678.7878787878788%; width: 87px; height: 33px; display: inline-block; vertical-align: middle; font-size: 0; } .nav-link-sunny { background-image: url(../gorilla/img/sprite.png); background-position: 34.403669724770644% 74.01960784313727%; background-size: 972.0000000000001% 1120%; width: 25px; height: 20px; display: inline-block; vertical-align: middle; font-size: 0; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .arrow-down-large { background-image: url(../gorilla/img/sprite.@2x.png); background-position: 51.02040816326531% 89.63730569948186%; background-size: 1080% 1584.6153846153848%; width: 20px; height: 13px; display: inline-block; vertical-align: middle; font-size: 0; } .arrow-down { background-image: url(../gorilla/img/sprite.@2x.png); background-position: 88.29268292682927% 81.4070351758794%; background-size: 1963.6363636363637% 2942.8571428571427%; width: 11px; height: 7px; display: inline-block; vertical-align: middle; font-size: 0; } .arrow-left { background-image: url(../gorilla/img/sprite.@2x.png); background-position: 14.354066985645932% 98.46153846153847%; background-size: 3085.714285714286% 1872.7272727272727%; width: 7px; height: 11px; display: inline-block; vertical-align: middle; font-size: 0; } .arrow-right { background-image: url(../gorilla/img/sprite.@2x.png); background-position: 9.090909090909092% 98.46153846153847%; background-size: 3085.714285714286% 1872.7272727272727%; width: 7px; height: 11px; display: inline-block; vertical-align: middle; font-size: 0; } .arrow-up { background-image: url(../gorilla/img/sprite.@2x.png); background-position: 87.3170731707317% 86.93467336683418%; background-size: 1963.6363636363637% 2942.8571428571427%; width: 11px; height: 7px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-account { background-image: url(../gorilla/img/sprite.@2x.png); background-position: 90.95477386934674% 13.513513513513514%; background-size: 1270.5882352941176% 980.952380952381%; width: 17px; height: 21px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-arrow-down-white { background-image: url(../gorilla/img/sprite.@2x.png); background-position: 80% 86.93467336683418%; background-size: 1963.6363636363637% 2942.8571428571427%; width: 11px; height: 7px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-calendar { background-image: url(../gorilla/img/sprite.@2x.png); background-position: 0% 47.61904761904761%; background-size: 400% 349.1525423728814%; width: 54px; height: 59px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-carrot { background-image: url(../gorilla/img/sprite.@2x.png); background-position: 59.35828877005348% 74.71910112359551%; background-size: 744.8275862068965% 735.7142857142857%; width: 29px; height: 28px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-cart { background-image: url(../gorilla/img/sprite.@2x.png); background-position: 36.84210526315789% 21.62162162162162%; background-size: 830.7692307692308% 980.952380952381%; width: 26px; height: 21px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-check-round { background-image: url(../gorilla/img/sprite.@2x.png); background-position: 40.76086956521739% 76.4367816091954%; background-size: 675% 643.75%; width: 32px; height: 32px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-check-white { background-image: url(../gorilla/img/sprite.@2x.png); background-position: 98.53658536585365% 64.21319796954315%; background-size: 1963.6363636363637% 2288.888888888889%; width: 11px; height: 9px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-email-small { background-image: url(../gorilla/img/sprite.@2x.png); background-position: 62.311557788944725% 89.63730569948186%; background-size: 1270.5882352941176% 1584.6153846153848%; width: 17px; height: 13px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-email { background-image: url(../gorilla/img/sprite.@2x.png); background-position: 100% 37.69230769230769%; background-size: 1542.857142857143% 1872.7272727272727%; width: 14px; height: 11px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-facebook-small { background-image: url(../gorilla/img/sprite.@2x.png); background-position: 90.04975124378109% 64.92146596858639%; background-size: 1440% 1373.3333333333333%; width: 15px; height: 15px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-facebook { background-image: url(../gorilla/img/sprite.@2x.png); background-position: 42.857142857142854% 57.52688172043011%; background-size: 1080% 1030%; width: 20px; height: 20px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-flag-australia { background-image: url(../gorilla/img/sprite.@2x.png); background-position: 38.46153846153847% 90.57591623036649%; background-size: 1028.5714285714287% 1373.3333333333333%; width: 21px; height: 15px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-flag-canada { background-image: url(../gorilla/img/sprite.@2x.png); background-position: 68.55670103092784% 56.315789473684205%; background-size: 981.8181818181819% 1287.5%; width: 22px; height: 16px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-flag-new-zealand { background-image: url(../gorilla/img/sprite.@2x.png); background-position: 25.64102564102564% 90.57591623036649%; background-size: 1028.5714285714287% 1373.3333333333333%; width: 21px; height: 15px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-flag-usa { background-image: url(../gorilla/img/sprite.@2x.png); background-position: 12.82051282051282% 90.57591623036649%; background-size: 1028.5714285714287% 1373.3333333333333%; width: 21px; height: 15px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-gluten-free { background-image: url(../gorilla/img/sprite.@2x.png); background-position: 76.59574468085107% 74.71910112359551%; background-size: 771.4285714285714% 735.7142857142857%; width: 28px; height: 28px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-guarantee { background-image: url(../gorilla/img/sprite.@2x.png); background-position: 100% 19.53125%; background-size: 1542.857142857143% 1471.4285714285713%; width: 14px; height: 14px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-help { background-image: url(../gorilla/img/sprite.@2x.png); background-position: 29.896907216494846% 58.152173913043484%; background-size: 981.8181818181819% 936.3636363636364%; width: 22px; height: 22px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-info { background-image: url(../gorilla/img/sprite.@2x.png); background-position: 100% 28.90625%; background-size: 1542.857142857143% 1471.4285714285713%; width: 14px; height: 14px; display: inline-block; vertical-align: middle; font-size: 0; margin-left: 5px; } .ico-instagram-small { background-image: url(../gorilla/img/sprite.@2x.png); background-position: 90.04975124378109% 74.86910994764398%; background-size: 1440% 1373.3333333333333%; width: 15px; height: 15px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-instagram { background-image: url(../gorilla/img/sprite.@2x.png); background-position: 65.81632653061224% 21.50537634408602%; background-size: 1080% 1030%; width: 20px; height: 20px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-minus { background-image: url(../gorilla/img/sprite.@2x.png); background-position: 100% 89.95098039215686%; background-size: 1542.857142857143% 10300%; width: 14px; height: 2px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-non-gmo { background-image: url(../gorilla/img/sprite.@2x.png); background-position: 79.25531914893617% 39.325842696629216%; background-size: 771.4285714285714% 735.7142857142857%; width: 28px; height: 28px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-pause { background-image: url(../gorilla/img/sprite.@2x.png); background-position: 0% 0%; background-size: 327.2727272727273% 312.1212121212121%; width: 66px; height: 66px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-phone-small { background-image: url(../gorilla/img/sprite.@2x.png); background-position: 96.19047619047619% 86.19791666666666%; background-size: 3600% 1471.4285714285713%; width: 6px; height: 14px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-phone { background-image: url(../gorilla/img/sprite.@2x.png); background-position: 97.11538461538461% 56.05263157894736%; background-size: 2700% 1287.5%; width: 8px; height: 16px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-pinterest { background-image: url(../gorilla/img/sprite.@2x.png); background-position: 90.5% 53.76344086021505%; background-size: 1350% 1030%; width: 16px; height: 20px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-play-arrow { background-image: url(../gorilla/img/sprite.@2x.png); background-position: 98.53658536585365% 46.09375%; background-size: 1963.6363636363637% 1471.4285714285713%; width: 11px; height: 14px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-play-gray { background-image: url(../gorilla/img/sprite.@2x.png); background-position: 78.06122448979592% 21.50537634408602%; background-size: 1080% 1030%; width: 20px; height: 20px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-plus { background-image: url(../gorilla/img/sprite.@2x.png); background-position: 100% 9.921671018276761%; background-size: 1542.857142857143% 1420.689655172414%; width: 14px; height: 14.5px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-printer { background-image: url(../gorilla/img/sprite.@2x.png); background-position: 100% 0%; background-size: 1542.857142857143% 1373.3333333333333%; width: 14px; height: 15px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-star-full-medium { background-image: url(../gorilla/img/sprite.@2x.png); background-position: 79.5% 55.729166666666664%; background-size: 1350% 1471.4285714285713%; width: 16px; height: 14px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-star-full { background-image: url(../gorilla/img/sprite.@2x.png); background-position: 98.05825242718447% 70.81218274111674%; background-size: 2160% 2288.888888888889%; width: 10px; height: 9px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-star-medium { background-image: url(../gorilla/img/sprite.@2x.png); background-position: 0% 100%; background-size: 1440% 1471.4285714285713%; width: 15px; height: 14px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-star { background-image: url(../gorilla/img/sprite.@2x.png); background-position: 98.05825242718447% 77.41116751269035%; background-size: 2160% 2288.888888888889%; width: 10px; height: 9px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-twitter-small { background-image: url(../gorilla/img/sprite.@2x.png); background-position: 72.13930348258707% 89.63730569948186%; background-size: 1440% 1584.6153846153848%; width: 15px; height: 13px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-twitter { background-image: url(../gorilla/img/sprite.@2x.png); background-position: 55.38461538461539% 56.613756613756614%; background-size: 1028.5714285714287% 1211.764705882353%; width: 21px; height: 17px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-user-gray { background-image: url(../gorilla/img/sprite.@2x.png); background-position: 90.95477386934674% 27.027027027027028%; background-size: 1270.5882352941176% 980.952380952381%; width: 17px; height: 21px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-user-gray-hover, a:hover .ico-user-gray, button:hover .ico-user-gray, a.hover .ico-user-gray, button.hover .ico-user-gray, .ico-user-gray.hover { background-image: url(../gorilla/img/sprite.@2x.png); background-position: 90.95477386934674% 0%; background-size: 1270.5882352941176% 980.952380952381%; width: 17px; height: 21px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-user { background-image: url(../gorilla/img/sprite.@2x.png); background-position: 90.95477386934674% 40.54054054054054%; background-size: 1270.5882352941176% 980.952380952381%; width: 17px; height: 21px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-youtube { background-image: url(../gorilla/img/sprite.@2x.png); background-position: 0% 90.57591623036649%; background-size: 1028.5714285714287% 1373.3333333333333%; width: 21px; height: 15px; display: inline-block; vertical-align: middle; font-size: 0; } .logo-image { background-image: url(../gorilla/img/sprite.@2x.png); background-position: 64.22018348623854% 0%; background-size: 201.86915887850466% 572.2222222222223%; width: 107px; height: 36px; display: inline-block; vertical-align: middle; font-size: 0; margin-left:30px} .logo-image-ca { background-image: url(../gorilla/img/sprite-ca.@2x.png); } .nav-link-shop { background-image: url(../gorilla/img/sprite.@2x.png); background-position: 0% 78.23529411764706%; background-size: 304.22535211267603% 572.2222222222223%; width: 71px; height: 36px; display: inline-block; vertical-align: middle; font-size: 0; } .nav-link-subscribe { background-image: url(../gorilla/img/sprite.@2x.png); background-position: 44.96124031007752% 40.46242774566474%; background-size: 248.27586206896552% 624.2424242424242%; width: 87px; height: 33px; display: inline-block; vertical-align: middle; font-size: 0; } .nav-link-sunny { background-image: url(../gorilla/img/sprite.@2x.png); background-position: 52.35602094240838% 21.50537634408602%; background-size: 864% 1030%; width: 25px; height: 20px; display: inline-block; vertical-align: middle; font-size: 0; }} .footer .footer__cols:after, .header .header__inner:after, .cart-mini .cart__head:after, .cart-mini .cart__total:after, .form-product-order .form__controls:after, .form-cart-add:after, .form-add-quantity .form-actions:after, .form_signup .form__row:after, .ingredients:after, .order__total-item:after, .popout-static .popout__body:after, .product-single .product__content:after, .product-single .product__container-inner:after, .review:after { content: ''; line-height: 0; display: table; clear: both; } /* ------------------------------------------------------------ *\ I. Generic \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Fonts \* ------------------------------------------------------------ */ @font-face { font-family: 'ITC Berkeley Oldstyle Std'; src: url('fonts/BerkeleyStd-Book.eot'); src: url('fonts/BerkeleyStd-Book.eot?#iefix') format('embedded-opentype'), url('fonts/BerkeleyStd-Book.woff') format('woff'), url('fonts/BerkeleyStd-Book.ttf') format('truetype'), url('fonts/BerkeleyStd-Book.svg#BerkeleyStd-Book') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ITC Berkeley Oldstyle Std'; src: url('fonts/BerkeleyStd-Medium.eot'); src: url('fonts/BerkeleyStd-Medium.eot?#iefix') format('embedded-opentype'), url('fonts/BerkeleyStd-Medium.woff') format('woff'), url('fonts/BerkeleyStd-Medium.ttf') format('truetype'), url('fonts/BerkeleyStd-Medium.svg#BerkeleyStd-Medium') format('svg'); font-weight: 500; font-style: normal; } /* ------------------------------------------------------------ *\ Disable Scrolling \* ------------------------------------------------------------ */ .disable-scrolling, .disable-scrolling body { overflow: hidden; } @media (max-width: 767px) { .disable-scrolling body { position: fixed; top: 0; left: 0; width: 100%; } } /* ------------------------------------------------------------ *\ Animations \* ------------------------------------------------------------ */ @media(min-width: 1025px){ /* .animated { -webkit-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); opacity: 0; transition: .5s; } */ .animated.animation-start { -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); opacity: 1; } } /* ------------------------------------------------------------ *\ Hidden \* ------------------------------------------------------------ */ .hidden { display: none; } /* ------------------------------------------------------------ *\ Link-toggle \* ------------------------------------------------------------ */ .link-toggle.active { color: #474c55; } /* Item Total saved*/ .item-total-saved { color: #eb6851; font-weight: 700; } /* ------------------------------------------------------------ *\ Mobile-order \* ------------------------------------------------------------ */ @media (max-width: 767px) { .mobile-order-1 { -webkit-order: 1; -ms-flex-order: 1; order: 1;} .mobile-order-2 { -webkit-order: 2; -ms-flex-order: 2; order: 2; } } /* ------------------------------------------------------------ *\ Title-with-link \* ------------------------------------------------------------ */ .title-with-link { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } @media (max-width: 767px) { .title-with-link { display: block; text-align: center; } .title-with-link a { display: block; padding-top: 2px; } } /* ------------------------------------------------------------ *\ Row_offset \* ------------------------------------------------------------ */ .row_offset { padding-top: 12px; } @media (max-width: 767px) { .row_offset { padding-top: 0; } } /* ------------------------------------------------------------ *\ Color Danger \* ------------------------------------------------------------ */ .color-danger { color: #e46953; } /* ------------------------------------------------------------ *\ Color Success \* ------------------------------------------------------------ */ .color-success { color: #75C48E; } .field.success input.field__input { border-color: #75C48E; } /* ------------------------------------------------------------ *\ Color Error \* ------------------------------------------------------------ */ .color-error { color: #bb1d4b; } /* ------------------------------------------------------------ *\ Color-attention \* ------------------------------------------------------------ */ .color-attention { color: #d9c754; } /* ------------------------------------------------------------ *\ Title-share \* ------------------------------------------------------------ */ .title-share sup { font-size: 9px; text-transform: uppercase; top: -18px; left: -3px; } .title-share span { position: relative; padding-left: 26px; } .title-share span:before { content: ''; position: absolute; top: -26px; left: -10px; width: 64px; height: 48px; background: url(../css/../gorilla/img/share-sun@2x.png) 0 0 no-repeat; background-size: contain; } .title-share_small img { width: 191px; } .title-share_small span:before { width: 44px; height: 34px; top: -10px; left: 0px; } @media (max-width: 767px) { .title-share_small span:before { top: -14px; } } /* ------------------------------------------------------------ *\ Title-with-border \* ------------------------------------------------------------ */ .title-with-border { display: inline-block; position: relative; padding-bottom: 10px; margin-bottom: 4px; } .title-with-border:before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background: #bc204b; } /* ------------------------------------------------------------ *\ Print Version \* ------------------------------------------------------------ */ @media print { .header { display: none; } .bar { display: none; } .footer { display: none; } .five9-frame { display: none !important; } } /* ------------------------------------------------------------ *\ II. Regions \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Content \* ------------------------------------------------------------ */ .content {} /* ------------------------------------------------------------ *\ Footer \* ------------------------------------------------------------ */ .footer { padding: 41px 0 30px; border-top: 1px solid #e1e1e1; } @media (max-width: 767px) { .footer { padding: 58px 0 11px; } } /* Footer Cols */ .footer .footer__cols { margin: 0 -5px; letter-spacing: 0; } .footer .footer__cols:after { } .footer .footer__col { float: left; padding: 0 5px; } .footer .footer__col_size-1 { width: 100px; } .footer .footer__col_size-2 { width: 200px; } .footer .footer__col_size-3 { width: 485px; } @media (max-width: 1220px){ .footer .footer__col_size-3 { width: 420px; } } @media (max-width: 1199px) { .footer .footer__col_size-2 { width: 280px; } .footer .footer__col_size-3 { width: 100%; padding-top: 50px; } } @media (max-width: 991px) { .footer .footer__col_size-2 { width: 200px; } } @media (max-width: 767px) { .footer .footer__cols { font-size: 0; } .footer .footer__col { float: none; display: inline-block; vertical-align: top; width: 50%; margin-bottom: 23px; font-size: 14px; } .footer .footer__col_size-3 { width: 100%; padding-top: 0; } } /* Footer Badge */ .footer .badge img { width: 65px; } /* Footer Nav */ .footer .footer__nav { font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: .02em; } .footer .footer__nav ul { padding: 0; margin: 0; list-style: none outside none; } .footer .footer__nav li { margin-bottom: 12px; } .footer .footer__nav a { text-decoration: none; letter-spacing: .08em; } .footer .footer__nav a:hover { color: #bc204b; color: #929497; } /* Footer Socials */ .footer .socials { margin: 6px 0 18px; text-align: right; } @media (max-width: 1199px) { .footer .socials { float: left; width: 50%; margin: 0 0 30px; text-align: left; } } @media (max-width: 767px) { .footer .socials { width: 100%; padding-top: 10px; margin-bottom: 41px; text-align: center; } } /* Footer Outro */ .footer .footer__outro { width: 380px; float: right; padding: 7px 20px; border: 1px solid #e1e1e1; font-size: 12px; line-height: 1.58; } .footer .footer__outro p:last-child { margin-bottom: 0; } @media (max-width: 1199px) { .footer .footer__outro { float: left; width: 50%; } } @media (max-width: 767px) { .footer .footer__outro { width: 100%; text-align: center; } } /* Footer Copyright */ .footer .footer__copyright { position: relative; top: -13px; margin: 0 0 -13px 95px; font-size: 14px; } @media (max-width: 1199px) { .footer .footer__copyright { margin-left: 0; } } @media (max-width: 767px) { .footer .footer__copyright { top: auto; margin: 0; text-align: center; } } /* Footer Lang */ .footer .footer__lang { margin-bottom: 19px; text-align: right; } @media (max-width: 1199px) { .footer .footer__lang { text-align: center; } } /* ------------------------------------------------------------ *\ Header \* ------------------------------------------------------------ */ .header { position: relative; z-index: 100; background: #fff; border-bottom: 1px solid #f1f1f1; } .header_home { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; background: transparent; border-color: transparent; transition: .3s; } .header_home:hover { background: rgba(255,255,255, .75); } /* Header Layout */ .header .header__inner { padding: 18px 0 0; } .header .header__inner:after { } .header .header__aside { float: right} .header .header__content { float: left; min-height: 65px; } /* Header Actions */ .header .header__actions { float: left; margin-left: 23px; } .header .header__actions .btn { position: relative; min-width: 0; padding: 0 18px; } .header .header__actions .btn:before { content: ''; position: absolute; top: -2px; right: -2px; bottom: -2px; left: -2px; border: 2px dashed #bc204b; border-radius: 60px; -webkit-transform: scale(.75); -ms-transform: scale(.75); transform: scale(.75); opacity: 0; transition: all .3s ease-out; } .header .header__actions .btn:hover:before { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } .header .header__actions .btn:hover { background: transparent; border-color: transparent; color: inherit; } .header .header__actions .btn-primary-continue { color: #fff; border-color: #bc204b; background: #bc204b; } .header .btn-join-actions .btn:before { border: none} .headerSection { position: fixed; z-index: 2; width: 100%; } /* Header Logo */ .header .logo { position: relative; z-index: 105; float: left; margin: 7px 39px 0 0; } /* Header Nav */ .header .header__body .nav { float: left; margin-top: 14px; } /* Header Nav Utilities */ .header .nav-utilities { float: left; margin-top: 13px; } /* Header Menu Trigger */ .header .menu-trigger { z-index: 105; float: left; margin: 13px 68px 0 0; } /* Header Lang Label */ .header .lang-label { float: left; margin: 10px 0 0 23px; } /* Header Bar */ .header .bar { position: relative; z-index: 105; } /* Header Simple */ .header_simple { z-index: 1; border-top: 40px solid #bc204b; } .header_simple .header__inner { padding: 21px 0; } .header_simple .header__actions { float: right; margin-top: 8px; } .header_simple .header__actions .link-primary i { position: relative; top: -1px; margin-right: 5px; } .flag { margin: 13px 0 0 20px; display: inline-block; width: 25px; } .permanentFlag { margin: 13px 0 0 20px; float: left; width: 25px; cursor: pointer; } @media (max-width: 991px) { /* Header Nav */ .header .header__body .nav { display: none; } } @media (max-width: 767px) { .header, .header:hover { background: #fff; } .header { height: 80px; border-bottom: 1px solid #e2e2e2; } /* Header Layout */ .header .header__inner { padding-top: 7px; } /* Header Logo */ .header .logo { position: absolute; top: 11px; left: 30%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } /* Header Home */ .header_home { position: relative; } /* Header Simple */ .header_simple { margin-bottom: 50px; } .header_simple .header__inner { height: 64px; padding: 0; } .header_simple .header__actions { position: absolute; top: 100%; left: 0; width: 100%; padding: 12px 0; text-align: center; margin: 1px 0 0; background: #fff; } /* Header Lang Label */ .header .lang-label { display: none; } } @media(max-width: 320px) { .header { top: -25px; } } @media (min-width: 768px) { .flag { margin: 10px 0 0 15px; } } /* ------------------------------------------------------------ *\ Header Enrollment \* ------------------------------------------------------------ */ .header_enrollment { font-size: 14px; text-transform: uppercase; font-weight: 700; color: #919d9d; letter-spacing: 0.5px;} .header_enrollment.fixed { height: 82px; } .header_enrollment.fixed .header__body { width: 100%; position: fixed; background: #fff; border-bottom: 1px solid #E2E2E2; } .header_enrollment .header__content { padding-bottom: 29px; } .header_enrollment .header__inner { padding:17px 0 0; } .header_enrollment .logo { margin-right: 38px;} .header_enrollment .list-header-links { display: inline-block; vertical-align: middle; padding: 15px 0 0; } .header_enrollment .list-header-links li.disabled a:hover { color: #929497; } /* Small Desktop */ @media (max-width: 1199px) { .header_enrollment .logo { margin-right: 20px; } .header_enrollment .header__aside { max-width: 280px; } } @media (max-width: 767px) { .header_enrollment { height: auto; } .header_enrollment.fixed { height: 128px; } .header_enrollment .container { padding: 0; } .header_enrollment .logo { margin-right: 0; } .header_enrollment .header__inner { padding-bottom: 22px; } .header_enrollment .header__content { float: none; padding-bottom: 0; margin-top: 46px; border-top: 1px solid #e2e2e2; } .header_enrollment .header__aside { max-width: 100%; width: 100%; position: absolute; bottom: 0px; right: 0; } .header_enrollment .list-header-links { padding:21px 0 0 9px; } } /* ------------------------------------------------------------ *\ Header-checkout \* ------------------------------------------------------------ */ .header-checkout { } .header-checkout .header__aside { text-align: right; padding-top: 22px; } .header-checkout .header__inner { padding: 0; } .header-checkout .header__content { padding-top: 24px; } .header-checkout .header__content.shortHeader { padding-top: 8px; } @media (max-width: 767px) { .header-checkout { border-bottom: none; padding: 0; } .header-checkout .container { padding: 0; } .header-checkout .header__inner { padding: 0; } .header-checkout .header__content { min-height: 64px; float: left; border-bottom: 1px solid #e2e2e2; } .header-checkout .header__aside { text-align: center; padding-right: 20px; } } /* ------------------------------------------------------------ *\ Main \* ------------------------------------------------------------ */ .main { min-height: 60vh; } main:not(.main) { padding-top: 105px; } main.fromMySite { padding-top: 50px; } main.noHeader { padding-top: 0; } @media (min-width: 767px) { main:not(.main) { padding-top: 130px; } main.fromMysite { padding-top: 180px; } main.noHeader { padding-top: 0; } } /* ------------------------------------------------------------ *\ Sidebar \* ------------------------------------------------------------ */ .sidebar {} /* ------------------------------------------------------------ *\ Wrapper \* ------------------------------------------------------------ */ .wrapper { position: relative; overflow: hidden; min-height: 100vh; } .wrapper__inner { position: relative; } /* ------------------------------------------------------------ *\ III. Modules \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Accordion \* ------------------------------------------------------------ */ .accordion .accordion__head { background-color: #f6f6f6; padding: 9px 18px 8px; cursor: pointer; } .accordion .accordion__head h2 { letter-spacing: 0.6px; margin: 0; } .accordion .accordion__section { margin-bottom: 10px; } .accordion .accordion__body { padding: 27px 18px 40px; } .accordion__body { display: none; } .accordion-expanded .accordion__body { display: block; } @media (max-width: 767px) { .accordion .accordion__head { text-align: center; } .accordion .accordion__body { padding: 24px 0 50px; } } /* ------------------------------------------------------------ *\ Account Links \* ------------------------------------------------------------ */ .account-links { font-size: 14px; } .account-links .account__list-links { padding: 0; margin: 0; list-style: none outside none; } .account-links .account__list-links li { margin-bottom: 3px; } .account-links .account__list-links a { text-decoration: none; } .account-links .account__list-links a:hover { color: #bc204b; } .account-links .account__title { margin-bottom: 12px; } /* ------------------------------------------------------------ *\ Article \* ------------------------------------------------------------ */ .article { border-top: 1px solid #d8d8d8; margin-top: 31px; padding-top: 33px; } .article p { margin-bottom: 24px; } .article h3 { margin-bottom: 17px; padding-top: 13px; } .article .article__meta { margin-bottom: 33px; } .article .article__content { margin-bottom: 47px; } .article .article__foot h3 { margin-bottom: 33px; } .article ol li + li { margin-top: 24px; } @media (max-width: 767px) { .article { margin-top: 22px; } .article p { margin-bottom: 10px; } .article .article__content { margin-bottom: 25px; } .article ol li { word-break: break-all; } } /* ------------------------------------------------------------ *\ Banner \* ------------------------------------------------------------ */ .banner { color: #fff; position: relative; } .banner .banner__title-lg { font-size: 60px; font-weight: 400; } .banner .banner__image { height: 250px; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover } .banner strong { font-weight: 700; } .banner .banner__content { position: absolute; top: 48px; left: 0; width: 100%; text-align: center; } .banner .banner__content p { max-width: 645px; margin: auto; } .banner .banner__content_vertical-aligned { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} @media (max-width: 767px) { .banner .banner__content { top: 30px; } .banner_enrollment h1, .banner .banner__title-lg { font-size: 32px; } .banner_enrollment .banner__image { height: 270px; } .banner .banner__content_vertical-aligned { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); padding: 0 10px; } } /* ------------------------------------------------------------ *\ Bar \* ------------------------------------------------------------ */ .bar { padding: 10px 0; background: #bc204b; color: #fff; text-align: center; } /* bar-blue */ .bar_blue { background-color: #6ba4b8; font-size: 14px; font-weight: 600; } .bar_blue p { margin-bottom: 0; } /* ------------------------------------------------------------ *\ Bar-cart \* ------------------------------------------------------------ */ .bar-cart { padding: 19px 0 18px; height: 90px; position: fixed; z-index: 1; width: 100%;} .bar-cart .bar-cart__inner { padding: 20px 0; position: absolute; top: 0; left: 0; min-height: 88px; width: 100%; /* z-index: 105; */ background: #fff; } .bar-cart.fixed .bar-cart__inner { position: fixed; top: 0; } .bar-cart h5 { font-weight: 600; letter-spacing: 0.4px; } .bar-cart p { margin-bottom: 2px; } .bar-cart .row { -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; margin: 0; } .bar-cart .bar__content { width: 52%; text-align: right; } .bar-cart .checkbox { display: inline-block; vertical-align: middle; } .bar-cart .checkbox label { margin-bottom: 0; padding-left: 28px; } .bar-cart .tooltip-toggle { display: inline-block; vertical-align: middle; margin-right: 10px; color: #63666a; font-weight: 400; } .bar-cart_retail .checkbox { display: none; } .bar-cart_retail .tooltip-toggle { display: none; } /* Bar-cart_grey*/ .bar-cart_grey .bar-cart__inner {background-color: #f6f6f6; border: 1px solid #e2e2e2; border-left: none; border-right: none; } .bar-cart_grey .bar__content { width: 50%; } .bar-cart_grey h2 { margin-bottom: 0; } .bar-cart_grey h2 a { display: inline-block; vertical-align: middle; margin-left: 18px; } .bar-cart + .section-products { margin-top: 70px; } @media (max-width: 991px) { .bar-cart h5 { text-align: center; width: 100%; } .bar-cart .row { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .bar-cart .bar__content { width: 100%; text-align: center; } .bar-cart_grey { } .bar-cart_grey h2 { font-size: 20px; width: 100%; text-align: center; margin-bottom: 10px; } } @media (max-width: 767px) { .bar-cart h5 { margin-bottom: 15px; } .bar-cart { min-height: 220px; } .bar-cart .row { display: block; text-align: center; } .bar-cart .bar__content { width: 100%; } .bar-cart_grey h2 { font-size: 24px; } .bar-cart_grey h2 a { display: block; margin-left: 0; } .bar-cart_grey { padding: 0; min-height: 0px; height: auto; } .bar-cart_grey .bar-cart__inner { position: static; } .bar-cart_grey + .section-products { margin-top: 30px; } /*Bar-cart-mobile*/ .bar-cart-mobile { min-height: 0; position: fixed; bottom: 0; left: 0; right: 0; z-index: 5; padding: 0; border-top: 1px solid #e2e2e2; height: auto; } .bar-cart-mobile .bar-cart__inner { position: static; min-height: 0; padding: 18px 20px; } .bar-cart-mobile h5 { display: none; } .bar-cart-mobile .form-cart-add .form-body { display: none; } .bar-cart-mobile .form-cart-add .form-actions { max-width: 100%; } .bar-cart-mobile .form-cart-add .form-actions .btn { width: 100%; max-width: 333px; margin: 0 auto; } } /* ------------------------------------------------------------ *\ Bar-filters \* ------------------------------------------------------------ */ .bar-filters { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-bottom: 4px; } .bar-filters .section__title-help { margin-bottom: 0; } .bar-filters .section__title-help .link-phone { margin-left: 27px; } @media (max-width: 767px) { .bar-filters { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;} .bar-filters .list-filters { width: 100%; } } @media (max-width: 575px) { .bar-filters .list-filters { margin-top: 20px; } } /* ------------------------------------------------------------ *\ Box \* ------------------------------------------------------------ */ .box { background: #fff; border: 1px solid #e2e2e2; position: relative; padding: 36px 39px 34px; min-height: 277px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; height: 100%; } .box .box__title { margin-bottom: 25px; width: 100%; } .box .list-review-details { -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; width: 100%; } .box .badge { position: absolute; top: 0; right: 20px; padding: 0; } .box .box__actions { padding-top: 4px; } .box .box__actions a + a { margin-left: 29px; } @media (max-width: 767px) { .box { padding: 30px 26px ; } .box .box__title { margin-bottom: 24px; } .box .box__actions { padding-top: 0; } } /* ------------------------------------------------------------ *\ Breadcrumbs \* ------------------------------------------------------------ */ .breadcrumbs { padding: 21px 0 0; } .breadcrumbs ul { list-style: none; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-left: 0; margin-bottom: 0; } .breadcrumbs li { position: relative; } .breadcrumbs li + li { margin-left: 5px; } .breadcrumbs li + li:before { content: ''; background-image: url(../gorilla/img/sprite.png); background-position: 29.66101694915254% 89.67136150234741%; background-size: 3471.4285714285716% 2036.3636363636363%; width: 7px; height: 11px; display: inline-block; vertical-align: middle; font-size: 0; } .breadcrumbs a { font-size: 14px; color: #bc1a41; font-weight: 700; text-transform: uppercase; text-decoration: none; letter-spacing: 0.5px; outline: 0; } .breadcrumbs a:hover { color: #39393a; text-decoration: none; } .breadcrumbs .current a { color: #39393a; } .breadcrumbs .current a:hover { color: #9c1d46; } /* ------------------------------------------------------------ *\ Callout \* ------------------------------------------------------------ */ .callout { padding: 20px 0 35px; text-align: center; } .callout .callout__title { margin-bottom: 33px; } .callout .callout__actions .btn { min-width: 170px; } @media (max-width: 767px) { .callout { padding-bottom: 20px; } .callout .callout__title { margin-bottom: 21px; } } /* ------------------------------------------------------------ *\ Callout-secondary \* ------------------------------------------------------------ */ .callout-secondary { text-align: center; } .callout-secondary p { letter-spacing: 0.4px; font-weight: 400; } .callout-secondary p strong { margin-right: 12px; } .callout-secondary p a { color: #bc204b; text-transform: uppercase; font-weight: 700; font-size: 14px; text-decoration: none; letter-spacing: 0.5px;} @media (max-width: 767px) { .callout-secondary p strong { display: block; } } /* ------------------------------------------------------------ *\ Callout-block \* ------------------------------------------------------------ */ .callout-block { background-color: #f6f6f6; text-align: center; position: relative; -webkit-transform: translateY(50%); -ms-transform: translateY(50%); transform: translateY(50%);} @media (max-width: 767px) { .callout-block { background-color: #f6f6f6; text-align: center; position: relative; -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%);} } .callout-block p { letter-spacing: 0.4px; font-weight: 400; margin-bottom: 10px; } .callout-block a { text-transform: uppercase; text-decoration: none; color: #bc204b; font-weight: 700; font-size: 14px; } .callout-block .callout__inner { max-width: 206px; margin: 0 auto; padding: 30px 0 33px; } .callout-block .callout__title { font-weight: 600; margin-bottom: 1px; } @media (max-width: 767px){ .callout-block .callout__inner { max-width: 206px; margin: 0 auto; padding: 23px 0 25px; } .callout-block .callout__title { margin-bottom: 8px; } .callout-block p { margin-bottom: 15px; } } /* ------------------------------------------------------------ *\ Cart Mini \* ------------------------------------------------------------ */ .cart-mini .cart__head { margin-bottom: 18px; } .cart-mini .cart__head:after { } .cart-mini .cart__body { margin-bottom: 27px; overflow-y: auto; overflow-x: hidden; } .cart-mini .cart__body::-webkit-scrollbar { -webkit-appearance: none; } .cart-mini .cart__body::-webkit-scrollbar:vertical { width: 11px; } .cart-mini .cart__body::-webkit-scrollbar:horizontal { height: 11px; } .cart-mini .cart__body::-webkit-scrollbar-thumb { border-radius: 8px; border: 2px solid white; /* should match background, can't be transparent */ background-color: rgba(0, 0, 0, .5); } .cart-mini .cart__body::-webkit-scrollbar-track { background-color: #fff; border-radius: 8px; } .cart-mini .cart__title { float: left; } .cart-mini .cart__items-count { float: right; padding-top: 6px; font-size: 14px; } .cart-mini .cart__section ~ .cart__section { margin-top: 40px; } .cart-mini .cart__section-head { padding-bottom: 4px; border-bottom: 1px solid #63666a; } .cart-mini .cart__section-title { margin-bottom: 0; letter-spacing: .035em; } .cart-mini .cart__total { margin-bottom: 12px; } .cart-mini .cart__total:after { } .cart-mini .cart__total dt { float: left; clear: both; font-weight: normal; } .cart-mini .cart__total dd { float: right; } .cart-mini .cart__actions .btn { min-width: 0; width: 100%; padding: 0; } .cart-mini .cart__actions .row { margin: 0 -10px; } .cart-mini .cart__actions .row > div { padding: 0 10px; } /* ------------------------------------------------------------ *\ Cart-checkout \* ------------------------------------------------------------ */ .cart__icon { position: relative; display: inline-block; vertical-align: top; top: 9px; } .cart__icon a { display: block; } .cart__icon .cart__items { display: block; width: 20px; text-align: center; position: absolute; top: -6px; right: -8px; height: 20px; border-radius: 20px; background: #bc204b; font-size: 14px; line-height: 20px; color: #fff; font-weight: bold; } .cart-checkout { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; font-size: 16px; position: relative; } .cart-checkout h6 { font-size: 10px; font-weight: 600; margin: 0; padding-top: 3px; } .cart-checkout p { font-weight: 400; letter-spacing: 0.4px; color: #63666a; margin:-2px 0 0; } .cart-checkout .item-total-saved { margin-left: 5px; text-transform: none; } .cart-checkout .cart__body { -webkit-order: 1; -ms-flex-order: 1; order: 1; } .cart-checkout .cart__inner { display: inline-block; vertical-align: top; padding-bottom: 40px; } .cart-checkout .cart__inner:before { content: ''; width: 29px; height: 2px; background-color: #bc204b; position: absolute; bottom: 0px; left: 0; opacity: 0; visibility: hidden; transition: .3s; } .cart-checkout .cart__inner:hover:before { opacity: 1; visibility: visible; } .cart-checkout .cart__content { display: inline-block; vertical-align: top; margin-left: 10px; margin-right: 21px; } .cart-checkout .cart__actions { -webkit-order: 2; -ms-flex-order: 2; order: 2; } .cart__dropdown.visible, .cart-checkout .cart__inner:hover > .cart__dropdown { opacity: 1; visibility: visible; } .hiddenCart { opacity: 0 !important; visibility: hidden !important; } /* Small Desktop */ @media (max-width: 1366px) { .cart-checkout { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; text-align: right; } .cart-checkout .cart__dropdown { text-align: left; } .cart-checkout .cart__body { width: 100%; -webkit-order: 2; -ms-flex-order: 2; order: 2;} .cart-checkout .cart__content { margin-right: 0; padding-bottom: 10px; } .cart-checkout .cart__inner { padding-bottom: 25px; } .cart-checkout .cart__inner:before { content: none; } .cart-checkout .cart__actions { width: 100%; -webkit-order: 1; -ms-flex-order: 1; order: 1; margin-bottom: 5px; } .cart-checkout .cart__actions .btn { margin-left: auto; } } @media (max-width: 1024px) { .cart__icon { margin-top: 10px; top: 0; vertical-align: middle; } .cart-checkout .cart__content, .cart-checkout .cart__actions { display: none; margin-bottom: 0; } .cart-checkout .cart__actions { position: fixed; bottom: 0; left: 0; right: 0; display: block; width: 100%; text-align: center; padding: 18px 22px; background: #fff; border-top: 1px solid #e2e2e2;} .cart-checkout .cart__actions .btn { width: 100%; max-width: 333px;} .cart-checkout .cart__inner { padding-bottom: 21px; width: 100%; } .cart-checkout .cart__inner:hover > .cart__dropdown { opacity: 0; visibility: hidden; } .nav-utilities .nav__dropdown { left: 60%!important; transform: translateX(-60%)!important; } } @media (max-width: 768px) { .cart__icon { margin-right: 11px; } .cart-checkout { padding-bottom: 0; } } /* ------------------------------------------------------------ *\ Cart__dropdown \* ------------------------------------------------------------ */ .cart__dropdown { position: absolute; top: 100%; left: 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 483px; padding: 24px 0 0; border: 1px solid #e1e1e1; background: #fff; opacity: 0; visibility: hidden; transition: .3s; max-height: 934px; overflow-y: auto; } .cart__dropdown__head { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding: 0 7px 4px; border-bottom: 1px solid #e1e1e1; display: none; } .cart__dropdown__head h4 { color: #bc204b; margin: 0; letter-spacing: 0.5px; } .cart__dropdown__head a { margin-top: 7px; } /* Small Desktop */ @media (max-width: 1366px) { .cart__dropdown { left: auto; -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0); right: 0; } } @media (max-width: 1024px) { .cart__dropdown.visible { opacity: 1 !important; visibility: visible !important; } } @media (max-width: 768px) { .cart__dropdown { width: 100%; position: absolute; top: -9px; left: 0; right: 0; height: calc(100vh - 50px); } .cart__dropdown__head { display: -webkit-flex; display: -ms-flexbox; display: flex; } } /* ------------------------------------------------------------ *\ Cart Mini enrollment \* ------------------------------------------------------------ */ .cart-mini_enrollment { color: #63666a; } .cart-mini_enrollment p { text-transform: none; } .cart-mini_enrollment .cart__body { margin-bottom: 0; } .cart-mini_enrollment .cart__total { margin-bottom: 0; line-height: 1; } .cart-mini_enrollment .cart__total dt { text-transform: none; font-weight: 600; color: #63666a; } .cart-mini_enrollment .cart__total dd { font-weight: 600; } .cart-mini_enrollment .cart__section-head { padding: 2px 0; } .cart-mini_enrollment .cart__section-head h2 { text-transform: none; } .cart-mini_enrollment .cart__section-head p { font-size: 12px; text-transform: none; font-weight: 400; letter-spacing: 0; margin-bottom: 24px; } /* .cart-mini_enrollment .cart__section { padding: 0 40px; } */ .cart-mini_enrollment .cart__section ~ .cart__section { margin-top: 30px; } .cart-mini_enrollment .cart__section-foot { padding-top: 20px; } .cart-mini_enrollment .cart__section-order { background-color: #f6f6f6; /* padding: 25px 40px; */ } @media (max-width: 767px) { .cart-mini_enrollment .cart__section { padding-top: 24px; } } @media (max-width: 575px) { .cart-mini_enrollment .cart__section { padding: 24px 11px; } } /* ------------------------------------------------------------ *\ Categories Thumbs \* ------------------------------------------------------------ */ .categories-thumbs .categories__image { margin: -84px -1px 0px -19px; } .categories-thumbs .row { margin: 0 -5px; } .categories-thumbs .row > div { padding-left: 5px; padding-right: 5px; } @media (max-width: 991px) { .categories-thumbs .categories__image { margin-top: -37px; } } @media (max-width: 767px) { .categories-thumbs .categories__image { display: none; } } /* ------------------------------------------------------------ *\ Category Thumb \* ------------------------------------------------------------ */ .category-thumb { margin-bottom: 30px; } .category-thumb .category__image { display: none; margin-bottom: 41px; } .category-thumb .category__title { margin-bottom: 22px; } .category-thumb .category__entry { margin-bottom: 18px; } @media (max-width: 767px) { .category-thumb { margin: 0 -15px 40px; text-align: center; } .category-thumb .category__content { padding: 0 15px; } .category-thumb .category__image { display: block; margin-bottom: 15px; } .category-thumb .category__image img { width: 100%; } .category-thumb .category__title { margin-bottom: 14px; } .category-thumb .category__actions { position: relative; } .category-thumb_weight-management .category__image { margin-bottom: -8px; } .category-thumb_nutrition .category__image { margin-top: -87px; } .category-thumb_personal-care { margin-bottom: 11px; } .category-thumb_personal-care .category__image { margin-bottom: -20px; } } .cms-contact { background: #fff; margin-top: -150px; padding: 50px 50px 70px 70px; display: -webkit-flex; display: -ms-flexbox; display: flex; } .cms-contact .column { padding-right:50px; max-width: 350px; } .cms-contact .column.last { padding-right:0; padding-left:20px; border-left: 1px solid #e1e1e1; } .cms-contact .item { margin-bottom:25px; } .cms-contact .item__title { position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .cms-contact .item__title i { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: -20px; color: #63666a; font-size: 16px;} .cms-contact .item__content { color: #474c55; font-size: 16px; } @media (max-width: 767px) { .cms-contact { margin-top: -100px; padding: 20px; display: block; } .cms-contact .column { padding:0 0 0 20px; max-width: 100%; } .cms-contact .column.last { border-left: none; } } /* ------------------------------------------------------------ *\ cms-up \* ------------------------------------------------------------ */ .cms-up { background: #fff; margin-top: -60px; padding: 50px 50px 70px 50px; } .cms-up .cms__actions { margin-top: 30px; } @media (max-width: 767px) { .cms-up { padding: 20px; } } /* ------------------------------------------------------------ *\ cms-cards \* ------------------------------------------------------------ */ .cms-cards { color: #474c55; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .cms-cards .item { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 0 20px; width: 25%; } .cms-cards .item__title { margin: 10px 0 0; font-weight: 600; } .cms-cards .item__subtitle { font-size: 14px; } .cms-cards .item__image { height: 100px; max-width: 100px; border-radius: 50%; overflow: hidden; } @media (max-width: 767px) { .cms-cards .item { width: 50%; } } /* ------------------------------------------------------------ *\ cms-quote \* ------------------------------------------------------------ */ .cms-quote blockquote { margin: 0; padding:20px 0 20px 25px; quotes: "\201C""\201D""\2018""\2019"; position: relative; font-size: 32px; font-family: 'Lora', serif; line-height: 44px; } .cms-quote blockquote:before { content: open-quote; font-size: 48px; position: absolute; top: 25px; left: 0; } .cms-quote blockquote:after { content: close-quote; font-size: 48px; position: absolute; bottom: 20px; right: -15px; } /* ------------------------------------------------------------ *\ Contacts \* ------------------------------------------------------------ */ .contacts .contacts__list { padding: 0; margin: 0; list-style: none outside none; } .contacts .contacts__list a { display: inline-block; position: relative; padding-left: 29px; text-decoration: none; } .contacts .contacts__list i { position: absolute; top: 3px; left: 3px; } .contacts .contacts__list .contacts-info i { left: 1px; top: 6px;} .contacts .contacts__list .ico-email { top: 7px; left: 1px; } .contacts .contacts__list .ico-guarantee { top: 6px; } .contacts .contacts__title { margin-bottom: 12px; } /* ------------------------------------------------------------ *\ Contacts Profile \* ------------------------------------------------------------ */ .contacts-profile { padding: 10px 0; background: #e1e1e1; text-align: center; } .contacts-profile .contacts__head, .contacts-profile .contacts__body, .contacts-profile .contacts__avatar, .contacts-profile .contacts__list li, .contacts-profile .contacts__name { display: inline-block; vertical-align: middle; } .contacts-profile .contacts__head { margin-right: 14px; } .contacts-profile .contacts__list { font-size: 14px; font-weight: 600; } .contacts-profile .contacts__list ul { padding: 0; list-style: none outside none; margin: 0; } .contacts-profile .contacts__list li + li { margin-left: 18px; } .contacts-profile .contacts__list a { text-decoration: none; } .contacts-profile .contacts__list .ico-phone-small { position: relative; top: -1px; } .contacts-profile .contacts__avatar { width: 45px; overflow: hidden; border-radius: 50%; margin-right: 5px; } .contacts-profile .contacts__arrow { display: none; } .contacts-profile .contacts__name { margin: 0; letter-spacing: .05em; color: #63666a; } .contacts-profile .contacts__toggle { display: none; } @media (max-width: 767px) { .contacts-profile { padding: 5px 0; } .contacts-profile .contacts__head { display: block; margin: 0; } .contacts-profile .contacts__body { display: none; padding: 20px 0; } .contacts-profile .contacts__arrow { position: relative; top: 0; display: inline-block; vertical-align: middle; margin-left: 5px; } .contacts-profile .contacts__arrow i { position: relative; top: -2px; transition: .3s; } .contacts-profile .contacts__avatar { width: 28px; } .contacts-profile .contacts__title { position: relative; } .contacts-profile .contacts__toggle { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .rotate{ -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } } @media (min-width: 768px) { .contacts-profile .contacts__body { display: inline-block !important; } } /* ------------------------------------------------------------ *\ Crop \* ------------------------------------------------------------ */ .crop { position: relative; } .crop-deleted .cr-image { opacity: 0; visibility: hidden; } .crop-deleted .field-upload { position: absolute; top: 150px; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 5; color: #fff; font-size: 12px; font-size: 14px; cursor: pointer; width: 90px; } .crop-container .croppie-container { height: 383px; } .crop-container .cr-boundary { height: 303px; } .crop-container .cr-viewport { box-shadow: 0 0 2000px 2000px rgba(99, 102, 106, 0.9); border: 1px solid #979797; } .crop-deleted .crop-container .cr-viewport { background-color: #64676c; border: 1px solid #64676c; } .crop-container .cr-slider-wrap { width: 100%; margin: 30px 0; padding: 0 30px; position: relative; } .crop-container .cr-slider { width: 100%; max-width: 642px; padding: 0; border-radius: 100px; cursor: pointer; } .crop-container .cr-slider::-webkit-slider-runnable-track { height: 12px; background-color: #919d9d; border: none; border-radius: 100px; } .crop-container .cr-slider::-webkit-slider-thumb {-webkit-appearance: none; border: 1px solid #909c9c; height: 20px; width: 20px; border-radius: 50%; background-color: #ffffff;; margin-top: -4px; } .crop-container .cr-slider:focus {outline: none; } .crop-container .cr-slider::-moz-range-track { height: 12px; background-color: #919d9d; border: none; border-radius: 100px; } .crop-container .cr-slider::-moz-range-thumb {border: none; height: 20px; width: 20px; border-radius: 50%; background: #ffffff; border: 1px solid #909c9c;} .crop-container .cr-slider:-moz-focusring { outline: 1px solid white; outline-offset: -1px; } .crop-container .cr-slider::-ms-track { width: 100%; height: 12px; background: transparent; border-color: transparent; border-width: 6px 0; color: transparent; } .crop-container .cr-slider::-ms-fill-lower {background: #919d9d; border-radius: 10px; } .crop-container .cr-slider::-ms-fill-upper {background: #919d9d; border-radius: 10px; } .crop-container .cr-slider::-ms-thumb {border: none; height: 20px; width: 20px; border-radius: 50%; background: #fff; border: 1px solid #909c9c; } .crop-container .cr-slider:focus::-ms-fill-lower {background: #919d9d; } .crop-container .cr-slider:focus::-ms-fill-upper {background: #919d9d; } .crop .crop__zoom-actions { position: absolute; bottom: 25px; left: 0; right: 0; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; z-index: 1; pointer-events: none;} .crop__zoom-actions button { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; border-right: 0; background: none; cursor: pointer; outline: 0; pointer-events: auto; } /* ------------------------------------------------------------ *\ Datepicker-custom \* ------------------------------------------------------------ */ .datepicker-custom .ui-datepicker { width: 100%; font-family: 'Source Sans Pro', sans-serif; font-size: 16px; color: #63666a; border: none; } .datepicker-custom .ui-datepicker-calendar { table-layout: fixed; } .datepicker-custom .ui-datepicker-calendar th { color: #919d9d; font-size: 14px; padding: 13px 0; } .datepicker-custom .ui-datepicker-calendar td { height: 54px; } .datepicker-custom .ui-datepicker-calendar td a, .datepicker-custom .ui-datepicker-calendar td span { display: block; height: 100%; text-align: center; padding-top: 15px; border: none; line-height: 24px; } .datepicker-custom .ui-state-default { background-color: #e2e2e2; } .datepicker-custom .ui-state-active.ui-state-highlight { background-color: #75c48e; } .datepicker-custom .ui-state-active { background-color: #75c48e; color: #fff; } .datepicker-custom .ui-state-hover { box-shadow: inset 0 0 1px 2px#919d9d;} .datepicker-custom .ui-state-disabled { opacity: 1;} .datepicker-custom .ui-state-disabled .ui-state-default { background-color: #f6f6f6; } .datepicker-custom .ui-datepicker-header { border: none; border-bottom: 1px solid #e2e2e2;font-weight: 400; background: none; padding: 7px 0 15px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;} .datepicker-custom .ui-datepicker-header .ui-datepicker-title { display: inline-block; -webkit-order: 2; -ms-flex-order: 2; order: 2; text-transform: uppercase; font-weight: 600; margin: 0 20px; min-width: 110px} .datepicker-custom .ui-datepicker .ui-datepicker-prev, .datepicker-custom .ui-datepicker .ui-datepicker-next { display: inline-block; text-align: center; position: static; cursor: pointer; } .datepicker-custom .ui-datepicker-prev { -webkit-order: 1; -ms-flex-order: 1; order: 1; } .datepicker-custom .ui-datepicker-prev span { background-image: url(../gorilla/img/sprite.png); background-position: 34.32203389830508% 89.67136150234741%; background-size: 3471.4285714285716% 2036.3636363636363%; width: 7px; height: 11px; display: inline-block; vertical-align: middle; font-size: 0; position: static; margin: 0; } .datepicker-custom .ui-datepicker-prev.ui-state-disabled { opacity: .6; } .datepicker-custom .ui-datepicker-next { -webkit-order: 3; -ms-flex-order: 3; order: 3; } .datepicker-custom .ui-datepicker-next span { background-image: url(../gorilla/img/sprite.png); background-position: 29.66101694915254% 89.67136150234741%; background-size: 3471.4285714285716% 2036.3636363636363%; width: 7px; height: 11px; display: inline-block; vertical-align: middle; font-size: 0; position: static; margin: 0; } @media (max-width: 767px) { .datepicker-custom .ui-datepicker-calendar td { height: 54px; } .datepicker-custom .ui-datepicker-calendar td a, .datepicker-custom .ui-datepicker-calendar td span { line-height: 30px; } } /* ------------------------------------------------------------ *\ Dropdown Custon \* ------------------------------------------------------------ */ .dropdown-custom { position: relative; display: inline-block; vertical-align: middle; text-align: left; } /* Drodpwon Select */ .dropdown-custom .dropdown__select { position: relative; display: block; height: 55px; padding: 0 40px 0 10px; border: 1px solid #e2e2e2; border-radius: 2px; background: #fff; font-size: 14px; line-height: 53px; text-decoration: none; } .dropdown-custom .dropdown__select:after { content: ''; position: absolute; top: 50%; right: 20px; width: 11px; height: 7px; margin-top: -4px; background-image: url(../gorilla/img/sprite.png); background-position: 77.58620689655173% 40.55299539170507%; background-size: 2209.090909090909% 3200%; } .dropdown-custom .dropdown__select i { margin-left: 5px; } /* Dropdown Options */ .dropdown-custom .dropdown__options { position: absolute; top: 100%; left: 0; width: 100%; z-index: 115; border: 1px solid #e2e2e2; border-top: 0; border-radius: 0 0 2px 2px; background: #fff; display: none; font-size: 14px; } .dropdown-custom .dropdown__options ul { padding: 0; margin: 0; list-style: none outside none; } .dropdown-custom .dropdown__options a { display: block; padding: 5px 10px; text-decoration: none; } .dropdown-custom .dropdown__options a i { margin-left: 5px; } .dropdown-custom .dropdown__options a:hover { background: #eee; } /* Dropdown Overlay */ .dropdown-custom .dropdown__overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 110; background: transparent; cursor: default; display: none; } /* Dropdown Active */ .dropdown-custom.active .dropdown__options { display: block; } .dropdown-custom.active .dropdown__overlay { display: block; } /* ------------------------------------------------------------ *\ Feature \* ------------------------------------------------------------ */ .feature h4 { letter-spacing: 0.5px; padding-top: 6px; margin-bottom: 12px; } .feature h2 a { text-decoration: none; } .feature .feature__image { margin-bottom: 30px; } .feature .feature__image img { width: 100%; height: auto; } .feature .feature__content { letter-spacing: 0.4px; font-weight: 400; } .feature .feature__content p { margin-bottom: 5px; } .feature .feature__content a { letter-spacing: 0.5px;} .feature .feature__content a:hover { color: #474c55; } .feature .feature__content .active { color: #474c55; } @media (max-width: 767px) { .feature { margin-bottom: 30px; } .feature .feature__image { margin-bottom: 10px; } .feature .feature__image img { width: 100%; height: auto; } } /* ------------------------------------------------------------ *\ Radio \* ------------------------------------------------------------ */ .radio input { position: absolute; z-index: -1; opacity: 0; visibility: hidden; } .radio label { position: relative; display: inline-block; padding-left: 36px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .radio label:before { content: ''; position: absolute; top: 2px; left: 0; width: 20px; height: 20px; border: 1px solid #e2e2e2; border-radius: 50%; background: #fff; transition: .3s; } .radio label:hover { font-weight: 600; } .radio label:hover:before { border-color: #bc204b; } .radio input:checked + label { font-weight: 600; color: #474c55; } .radio input:checked + label:before { border-color: #bc204b; background: #bc204b; } .radio .tooltip-toggle { margin-left: 5px; } .radio-option.shipping-option { margin-bottom: 10px; } /* ------------------------------------------------------------ *\ Checkbox \* ------------------------------------------------------------ */ .checkbox input { position: absolute; z-index: -1; opacity: 0; visibility: hidden; } .checkbox label { position: relative; display: inline-block; padding-left: 30px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; letter-spacing: 0.4px; } .checkbox.disabled label { color: #cccccc; position: relative; display: inline-block; padding-left: 30px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; letter-spacing: 0.4px; } .checkbox label:before { content: ''; position: absolute; top: 2px; left: 0; width: 20px; height: 20px; border: 1px solid #cccccc; border-radius: 3px; background: #fff; transition: .3s; } .checkbox.disabled label:before { content: ''; position: absolute; top: 2px; left: 0; width: 20px; height: 20px; border: 1px solid #cccccc; border-radius: 3px; background: #fff; transition: .3s; cursor: not-allowed; } .checkbox.disabled label:hover:before { border-color: #eee !important; } .checkbox label:after { content: ''; position: absolute; top: 8px; left: 4px; width: 11px; height: 9px; background: url(../gorilla/img/checkbox.png) 0 0 no-repeat; background-size: 100% 100%; opacity: 0; transition: .3s; } .checkbox label:not(.tncLabel):hover { color: #474c55; } .checkbox.disabled label:not(.tncLabel):hover { font-weight: normal!important; cursor: not-allowed !important; } .checkbox label:hover:before { border-color: #bc204b; } .checkbox input:checked + label { color: #474c55; } .checkbox input:checked + label:after { opacity: 1; } .checkbox .tooltip-toggle { margin-left: 5px; } /* checkbox_regular-font */ .checkbox_regular-font label:hover { font-weight: 400; } .checkbox_regular-font input:checked + label { font-weight: 400; color: #63666a;} /*Checkbox Large*/ .checkbox_large label { line-height: 40px; margin-bottom: 0; padding-left: 59px; } .checkbox_large label:before { width: 40px; height: 40px; border-radius: 2px; } .checkbox_large label:after { width: 22px; height: 18px; top: 12px; left: 9px; } /* ------------------------------------------------------------ *\ Radio Box \* ------------------------------------------------------------ */ .radio-boxes { display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 0 -10px; } .radio-box { -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; width: 50%; max-width: 340px; margin: auto; padding: 0 10px; text-align: center; } .radio-box input { position: absolute; z-index: -1; opacity: 0; visibility: hidden; } .radio-box label { position: relative; display: block; min-height: 150px; padding: 34px 10px 20px; margin: 0; background: #fff; border: 2px solid #e1e1e1; border-radius: 23px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; transition: .3s; } .radio-box input:checked + label, .radio-box label:hover { border-color: #bc204b; } .radio-box input:checked + label .radio__price { font-weight: normal; } .radio-box .radio__price { display: block; margin-bottom: 2px; font-size: 32px; font-weight: 300; } .radio-box .radio__title { display: block; margin: 0 0 2px; font-size: 14px; color: #919d9d; text-transform: uppercase; } .radio-box .radio__text { display: block; margin: 0; font-size: 12px; } .radio-box .radio__text span { font-size: 14px; color: #e56a54; font-weight: bold; } .radio-box .radio__text span.crossed-out { color: #63666a; } .radio-box .radio__text-no-color span { font-size: 14px; color: #63666a; font-weight: normal;} /* Radio Box Full */ .radio-box_full .radio__price { margin-bottom: 11px; } .radio-box_full .radio__title { margin-bottom: 12px; } .radio-box_full label { padding-bottom: 29px; } @media (max-width: 767px) { .radio-box label { min-height: 115px; padding: 20px 10px 15px; } .radio-box .radio__price { font-size: 24px; } } /* ------------------------------------------------------------ *\ Field NUmber \* ------------------------------------------------------------ */ .field-number { position: relative; } .field-number .field__input { display: block; width: 100%; height: 60px; padding: 0 16px 0 14px; border: 1px solid #e1e1e1; border-radius: 60px; background: #fff; font-size: 14px; font-weight: bold; font-family: 'Source Sans Pro', sans-serif; text-align: center; outline: 0; -moz-appearance: textfield; } .field-number .field__input__select { display: block; width: 100%; height: 60px; padding: 0 0 0 2.5rem; border: 1px solid #e1e1e1; border-radius: 60px; background: #fff; font-size: 14px; font-weight: bold; font-family: 'Source Sans Pro', sans-serif; text-align: center; outline: 0; -moz-appearance: textfield; } @media (max-width: 767px) { .field-number .field__input__select {padding: 0 0 0 2.0rem;} } .field-number .field__controls { position: absolute; top: 50%; right: 19px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-size: 0; } .field-number .field__btn { display: inline-block; padding: 5px; text-decoration: none; } .field-number .field__btn ~ .field__btn { margin-top: 2px; } .field-number .field__btn.disabled { opacity: .5; } /* Field Number Small*/ .field-number_small { width: 62px; } .field-number_small .field__input { height: 48px; color: #63666a; padding-left: 10px; padding-right: 25px; } .field-number_small .field__controls { right: 8px; } /* Field Number Medium*/ .field-number_medium { width: 102px; } @media (max-width: 767px) { .field-number_medium { width: 72px; margin-left: -5px !important; } } /* ------------------------------------------------------------ *\ Select \* ------------------------------------------------------------ */ .select select:focus { border-color: #64666a; } .select { position: relative; } .select:after { content: ''; position: absolute; top: 50%; right: 10px; width: 11px; height: 7px; margin-top: -4px; background-image: url(../gorilla/img/sprite.png); background-position: 77.58620689655173% 40.55299539170507%; background-size: 2209.090909090909% 3200%; pointer-events: none; } .select select { display: block; width: 100%; height: 57px; padding: 0 32px 0 10px; border: 1px solid #e1e1e1; background: #fff; border-radius: 2px; font-size: 14px; color: #63666a; outline: 0; cursor: pointer; transition: .3s; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .select select::-ms-expand { display: none; } .select:hover select { border-color: #64666a; } .select_small select { height: 37px; } /* Select With Label */ .select .select__label { position: absolute; top: 6px; left: 0; padding: 0 11px; width: 100%; pointer-events: none; cursor: text; font-size: 10px; transition: .3s; text-transform: uppercase; font-weight: bold; letter-spacing: .04em; color: #909c9c; } .select .select__label + select { padding-top: 15px; } /* Select Error */ .select.error .select__label { color: #bc204b; } .select.error select { border-color: #bc204b; color: #bc204b; } /* ------------------------------------------------------------ *\ Field \* ------------------------------------------------------------ */ .field { position: relative; font-size: 14px; color: #63666a; letter-spacing: 0; } .field .field__label { position: absolute; top: 50%; left: 0; padding: 0 11px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100%; pointer-events: none; cursor: text; font-size: 14px; font-weight: 400; transition: .3s; letter-spacing: 0.4px; } .field .field__input { display: block; width: 100%; height: 57px; padding: 15px 10px 0; border: 1px solid #e2e2e2; border-radius: 2px; background: #fff; font-family: 'Source Sans Pro', sans-serif; font-size: inherit; outline: 0; transition: .3s; color: #63666a; } .field .field__input:focus { border-color: #64666a; } .field.has-value .field__label, .field.focused .field__label, .notRequiredLabel { margin-top: -14px; font-size: 10px !important; text-transform: uppercase; font-weight: bold; letter-spacing: .04em; } .field.has-value .field__label { color: #919d9d;} /* Field Error */ .field.error .field__label { color: #bc204b; } .field.error .field__input { border-color: #bc204b; color: #bc204b; } /* Field Border Error - Only highlight border of input */ .field.border-error .field__input { border-color: #bc204b; } /* Field-credit-card */ .field-credit-card { position: relative; } .field-credit-card .field-icon { position: absolute; top: 50%; right: 15px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} /* ------------------------------------------------------------ *\ Form Message \* ------------------------------------------------------------ */ .form-message { display: block; padding: 5px 0; font-size: 14px; white-space: nowrap; } .form-message.error { color: #bc204b; font-weight: 700; } @media (max-width: 991px) { .form-message { white-space: pre-wrap;} } /* ------------------------------------------------------------ *\ Radio-option \* ------------------------------------------------------------ */ .radio-option input { display: none; } .radio-option label { font-weight: 400; border: 1px solid #e2e2e2; border-radius: 25px; cursor: pointer; display: block; padding: 16px 20px 15px; margin-bottom: 0; } .radio-option label strong { font-weight: 700; color: #919d9d; display: block; font-size: 14px; text-transform: uppercase; margin-bottom: 8px; } .radio-option label .suggestion { font-size: 16px; font-weight: 600; color: #63666a; display: block; margin-bottom: 2px; } .radio-option input:checked + label { border: 1px solid #bc204b; box-shadow:inset 0 0 0 1px #bc204b; font-weight: 600; } .radio-option label span { line-height: 1; display: block; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} /* radio option lg */ .radio-option_lg label { padding: 0 20px; text-align: center; height: 100px; line-height: 100px; } .radio-option_lg label span { line-height: 1; display: block; position: relative; top: 57%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} /* radio-option xl */ .radio-option_xl label { padding: 0 20px; text-align: center; height: 114px; line-height: 114px; font-weight: 600; } @media (max-width: 767px) { .radio-option_lg label { padding: 0 20px; text-align: center; height: 70px; line-height: 68px; } .radio-option_xl label { height: 66px; line-height: 64px; border-radius: 15px; } } /* ------------------------------------------------------------ *\ Field-file \* ------------------------------------------------------------ */ .field-upload input { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 0; height: 0; position: absolute; top: -300px; left: -300px; } .field-upload label { font-size: 14px; font-weight: 700; text-transform: uppercase; color: #fff; cursor: pointer; margin-bottom: 0; } /* ------------------------------------------------------------ *\ Field URL Location \* ------------------------------------------------------------ */ .field-url { padding: 10px; border: solid 1px #e2e2e2; text-align: right; line-height: 57px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; position: relative; } .field-url .field-url__prelabel { font-weight: 600; font-size: 16px; color: #63666a; display: inline-block; width: auto; margin-right: 8px; } .field-url .field-url__wrapper { width: 55%; text-align: left; display: inline-block; position: relative; } .field-url .field__label { display: inline-block; width: auto; margin-bottom: 0; } .field-url .field-url__status { font-size: 16px; font-weight: bold; position: absolute; left: 100%; top: 0; line-height: 57px; padding: 11px 0 11px 19px; } @media (max-width: 767px) { .field-url { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; text-align: left; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .field-url .field-url__status { position: static; width: 100%; text-align: center; padding: 0; } } @media (max-width: 575px) { .field-url .field-url__prelabel { width: 100%; margin: 0; text-align: center; } .field-url .field-url__wrapper { width: 100%; } } /* ------------------------------------------------------------ *\ Form \* ------------------------------------------------------------ */ .form .form__row { margin-bottom: 20px; } .form-btn { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; border-radius: 0; background: none; cursor: pointer; font-family: 'Source Sans Pro', sans-serif; padding: 0; } .form .form__actions .btn + .link-primary { margin-left: 20px; } @media (max-width: 767px) { .form .mobile-break-word { word-break: break-all;} } /* ------------------------------------------------------------ *\ Form Product Order \* ------------------------------------------------------------ */ .form-product-order .form__row { margin-bottom: 40px; } .form-product-order .form__controls { margin: 0 -5px; } .form-product-order .form__controls:after { } .form-product-order .field-number, .form-product-order .form__actions, .form-product-order .badge { float: left; margin: 0 5px; } .form-product-order .field-number { width: 100px; } .form-product-order .form__actions { width: 190px; } .form-product-order .form__actions .btn { min-width: 0; } .form-product-order .badge { float: right; width: 66px; } .form-product-order .form__subscription { text-align: center; } .form-product-order .form__subscription h6 { margin-bottom: 0; color: #919d9d; } .form-product-order .form__subscription-head { margin-bottom: 22px; } .form-product-order .form__subscription-body { max-width: 240px; margin: auto; text-align: left; } .form-product-order .form__subscription-row { margin-bottom: 10px; } .form-product-order .form__subscription .select { margin-left: 34px; } @media (max-width: 1199px) { .form-product-order .form__actions { width: calc(100% - 120px); margin-bottom: 20px; } .form-product-order .badge { display: block; clear: both; float: none; width: 66px; margin: 0 auto; } } /* ------------------------------------------------------------ *\ Form-add \* ------------------------------------------------------------ */ .form-cart-add form { font-weight: 400; display: -webkit-flex; display: -ms-flexbox; display: flex; text-align: right; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-align-items: center; -ms-flex-align: center; align-items: center;} .form-cart-add .form-body { width: 100%; max-width: 310px; } .form-cart-add .form-body p span + span { margin-left: 15px; } .form-cart-add .form-body .item-total-saved { margin-left: 6px; padding-left: 9px; border-left: 1px solid #000; } .form-cart-add .form-actions { width: 100%; max-width: 153px; margin-left: 10px; } .form-cart-add .form-actions .btn { min-width: 0; padding: 0; display: block; width: 100%; } @media (max-width: 991px) { .form-cart-add:after { } .form-cart-add form { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .form-cart-add .form-body { width: auto; } } @media (max-width: 767px) { .form-cart-add form { display: block; float: none; width: 100%; } .form-cart-add .form-body { max-width: 100%; text-align: center; margin-bottom: 10px; } .form-cart-add .form-body p { margin-bottom: 10px; } .form-cart-add .form-actions { margin: 0 auto; } .form-cart-add .form-body .item-total { display: block; } } /* ------------------------------------------------------------ *\ Form-add-quantity \* ------------------------------------------------------------ */ .form-add-quantity { max-width: 278px; margin: 0 auto; } .form-add-quantity .form-notice { display: none; } .form-add-quantity .form-notice .btn { width: 100%; max-width: 204px; } .form-add-quantity .form-actions { padding: 0 38px; } .form-add-quantity .form-actions:after { } .form-add-quantity .field-number { width: 62px; } .form-add-quantity .form-actions .btn { margin-left: 10px; } .form-add-quantity .field-number, .form-add-quantity .form-actions .btn { display: inline-block; } .form-add-quantity.submitted .form-notice { display: block; } .form-add-quantity.submitted .form-actions { display: none; } /* Small Desktop */ @media (max-width: 1199px) { .form-add-quantity .form-actions { padding: 0 13px; } .form-add-quantity .form-notice .btn { max-width: 150px;} } @media (max-width: 991px) { .form-add-quantity .form-actions { padding: 0; } } @media (max-width: 767px) { .form-add-quantity { max-width: 220px; } } @media (max-width: 575px) { .form-add-quantity .field-number { float: none; display: inline-block; } .form-add-quantity .form-actions .btn { float: none; width: 135px; margin-left: 0; } .form-add-quantity .form-notice .btn { max-width: 80%; width: 80%; min-width: 0; padding: 0; } } /* ------------------------------------------------------------ *\ Form-signup \* ------------------------------------------------------------ */ .form-sign-in { padding-top: 9px; } .form-sign-in p { letter-spacing: 0.4px; font-weight: 400; } .form-sign-in .field { text-align: left; } .form-sign-in .form__row { margin-bottom: 18px; } .form-sign-in .form__body { margin-bottom: 26px; } .form-sign-in .form__hint { padding-top: 6px; display: block; font-size: 14px; font-weight: 400; letter-spacing: 0.4px; } .form-sign-in .form__entry { padding-top: 12px; } .form-sign-in .form__entry a { text-transform: uppercase; text-decoration: none; font-size: 14px; font-weight: 700; letter-spacing: 0.5px; } .form-sign-in .form__entry .form__hint { padding-top: 19px; } @media (max-width: 767px) { .form-sign-in .form__body { margin-bottom: 20px; } } /* ------------------------------------------------------------ *\ Form-signup \* ------------------------------------------------------------ */ .form_signup p { letter-spacing: 0.4px; font-weight: 400; margin-bottom: 7px; } .form_signup .form__section { padding: 17px 0 0; margin-bottom: 7px; } .form_signup .form__section-no-offset { padding: 0; } .form_signup .form__subtittle { font-weight: 600; margin-bottom: 20px; text-align: left; } .form_signup .form__title > a { padding-top: 5px; } .form_signup .form__section_outline { border-bottom:1px solid #e2e2e2; } .form_signup .form__row { margin-bottom: 20px; } .form_signup .form__row:after { } .form_signup .form__controls_size1 { width: 100%; max-width: calc(100% - 97px); float: left; } .form_signup .form__controls_size2 { float: right; max-width: 77px; margin-left: 20px; } .form_signup .form__controls_size2 label { padding: 0 8px; } .form_signup .form__controls-recaptcha { background-color: #f6f6f6; padding: 35px 17px; } .form_signup .field_size1 { max-width: 305px; } .form_signup .field_offset { margin-left: 35px; } .form_signup .progressbar { margin: -10px 0 8px; } .form_signup .progressbar + p { margin-top: 20px; } .form_signup .radio { padding:15px 0 4px; } .form_signup .form__actions { padding-top: 15px; } .form_signup .form__entry { padding: 34px 0 38px; } @media (max-width: 991px) { .form_signup { margin: 0 -15px; } } @media (max-width: 767px) { .form_signup { margin: 0; } .form_signup .form__title { display: block; text-align: center; margin-top: 10px; margin-bottom: 20px; } .form_signup .form__title a { display: block; padding-top: 8px; } .form_signup .form__row { margin-bottom: 0; } .form_signup .form__controls { margin-bottom: 20px; } .form_signup .form__controls_size1 { max-width: calc(100% - 97px);} .form_signup .form__section_outline { padding-bottom: 10px; } .form_signup .form__controls-recaptcha { padding: 20px 17px; } .form_signup .form__actions { text-align: center; } .form_signup .form__actions .btn { width: 100%; } .form_signup .form__actions .link-primary { margin-top: 20px; display: block; padding: 5px 0; } } /* ------------------------------------------------------------ *\ Form-information \* ------------------------------------------------------------ */ .form-information h2 { margin-bottom: 5px; } .form-information p { margin-bottom: 13px; } .form-information .form__head { margin-bottom: 38px; } .form-information .form__head h2 { margin-bottom: 11px; } .form-information .form__head ul { margin-bottom: 0px; font-weight: 400; } .form-information .form__head ul.custInfo { margin-bottom: 10px; } .form-information .form__row { margin-bottom: 26px; max-width: 320px;} .form-information .form__row-register { margin-bottom: 20px; } .form-information .form__controls { position: relative; } .form-information .checkbox { display: inline-block; vertical-align: middle; } .form-information .checkbox label{ margin-bottom: 0; } .form-information .tooltip-toggle { display: inline-block; vertical-align: middle; } .form-information .checkbox + .tooltip-toggle { margin-left: 85px; } .form-information .checkbox + a { display: inline-block; vertical-align: middle; margin-left: 5px; } .form-information .field + .tooltip-toggle { position: absolute; top: 50%; right: 16px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} @media (max-width: 767px) { .form-information h2 { text-align: center; } .form-information .form__head { text-align: center; } .form-information .form__row { margin: 0 auto 20px; } } @media (max-width: 575px) { .form-information .checkbox + .tooltip-toggle { margin-left: 30px; } } /* ------------------------------------------------------------ *\ Form-shipping \* ------------------------------------------------------------ */ .form-shipping .form__row { padding:0 30px 0 34px; margin-bottom: 9px; } .form-shipping label { margin-bottom: 6px; } .form-shipping .form__controls { position: relative; } .form-shipping .form__actions { position: absolute; top: 50%; right: 10px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} /* ------------------------------------------------------------ *\ Form-promo \* ------------------------------------------------------------ */ .form-promo p { margin-bottom: 0; } .form-promo .form__controls { position: relative; } .form-promo .form__actions { position: absolute; top: 50%; right: 10px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} /* form-promo_secondary*/ .form-promo_secondary { padding: 8px 0 40px; } .form-promo_secondary .form__head { margin-bottom: 11px; } /* ------------------------------------------------------------ *\ Form-shipping-info \* ------------------------------------------------------------ */ .form-shipping-info .form__title { margin-bottom: 18px; } .form-shipping-info .form__title a { position: relative; top: 6px; } .form-shipping-info .form__head { margin-bottom: 24px; } .form-shipping-info .form__head h2 { margin-bottom: 12px; } .form-shipping-info .form__body { padding-top: 2px; } .form-shipping-info .form__actions { padding-top: 20px; } .form-shipping-info .form__section-group { padding-top: 12px; } .form-shipping-info .form__section .row { margin-bottom: 20px; } .form-shipping-info .form__controls { position: relative; } .form-shipping-info .form__hint { position: absolute; top: 100%; left: 0; font-size: 14px; padding-top: 5px; } @media (max-width: 767px) { .form-shipping-info .form__section-group { padding-top: 0px; } .form-shipping-info .form__head { text-align: center; } .form-shipping-info .row [class^="col-"] + [class^="col-"] { margin: 20px 0 0; } .form-shipping-info .form__hint { position: static; } .form-shipping-info .form__actions { text-align: center; } } /* ------------------------------------------------------------ *\ Form-payment \* ------------------------------------------------------------ */ .form-payment { padding: 28px 0; } .form-payment .form__controls { position: relative; } .form-payment .form__head { margin: 0 0 31px; } .form-payment .form__head h2 { margin-bottom: 18px; } .form-payment .form__title { margin-bottom: 16px; } .form-payment .tooltip-toggle { position: absolute; top: 15px; right: 20px; } .form-payment .form__section { margin-bottom: 25px; } .form-payment .form__section .form__row { margin-bottom: 20px; } /* Small Desktop */ @media (max-width: 1199px) { .form-payment .row [class^="col-"] + [class^="col-"] { margin: 20px 0 0; } } @media (max-width: 575px) { .form-payment .review-box { text-align: left; } } /* ------------------------------------------------------------ *\ Form edit \* ------------------------------------------------------------ */ .form-edit { padding-bottom: 5px; } .form-edit .form__controls { position: relative; } .form-edit .form-message { position: absolute; top: 100%; left: 0; } .form-edit .form__actions { padding-top: 11px; } .form-edit .form__controls .tooltip-toggle { position: absolute; top: 15px; right: 20px; } @media (max-width: 767px) { .form-edit .form-message { position: static; } .form-edit .form__actions { text-align: center; } } /* ------------------------------------------------------------ *\ Form-payment-method \* ------------------------------------------------------------ */ .form_payment-method .form__head { padding-bottom: 44px; border-bottom: 1px solid #e2e2e2;} .form_payment-method .form__head h3 { margin-bottom: 24px; } .form_payment-method .form__section .row { margin:0 -10px 20px; } .form_payment-method .form__body { padding-top: 45px; } .form_payment-method .form__actions { padding-top: 15px; } .form_payment-method .form__controls { position: relative; } .form_payment-method .form__controls .tooltip-toggle, .form_payment-method .form__controls .tooltip-toggle-with-image { position: absolute; top: 15px; right: 20px; } @media (max-width: 767px) { .form_payment-method .form__head { border-bottom: none; padding-bottom: 0; margin-bottom: 35px; } .form_payment-method .form__body { padding-top: 0; } .form_payment-method .form__section .row { margin:0 -10px 10px; } .form_payment-method .form__section [class^="col-"] + [class^="col-"] { margin-top: 10px; } .form_payment-method .form__actions { text-align: center; } } /* ------------------------------------------------------------ *\ Homepage Overrides \* ------------------------------------------------------------ */ @media (max-width: 767px) { .home .menu { top: 143px; } } /* ------------------------------------------------------------ *\ Icons \* ------------------------------------------------------------ */ .ico-x { position: relative; display: inline-block; vertical-align: middle; width: 24px; height: 24px; padding: 0; font-size: 0; } .ico-x:before, .ico-x:after { content: ''; position: absolute; top: 2px; left: 0; height: 2px; width: 100%; background: currentColor; } .ico-x:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .ico-x:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } /* Ico-x_small */ .ico-x_small { width: 10px; height: 10px; } .ico-x_small:before, .ico-x_small:after { background: #b51649; } /* Ico-x_large*/ .ico-x_large { width: 30px; height: 30px; } /* Ico-x_x-large*/ .ico-x_x-large { width: 35px; height: 35px; } /* ------------------------------------------------------------ *\ Ico-calendar \* ------------------------------------------------------------ */ .ico-calendar-size-custom { width: 30px; height: 33px; } /* ------------------------------------------------------------ *\ Ingredient \* ------------------------------------------------------------ */ .ingredients { margin: 0 -40px; } .ingredients:after { } .ingredient { float: left; width: 33.33%; padding: 0 40px 48px; text-align: center; } .ingredient .ingredient__title { margin-bottom: 16px; color: #919d9d; } .ingredient .ingredient__entry { font-size: 24px; line-height: 1.63; font-weight: 300; } .ingredient_other { clear: both; float: none; width: auto; padding: 0 100px 48px; margin: auto; } .ingredient_other .ingredient__entry { font-size: 14px; line-height: 1.5; font-weight: normal; } @media(max-width: 1500px){ .ingredient_other { padding: 0 300px 48px; } } @media (max-width: 1199px) { .ingredients { margin: 0 -20px; } .ingredient { padding: 0 20px 48px; } .ingredient_other { padding: 0 200px 48px; } } @media (max-width: 991px) { .ingredients { margin: 0 -10px; } .ingredient { padding: 0 10px 40px; } } @media (max-width: 767px) { .ingredients { margin: 0; } .ingredient { width: 100%; padding: 0; margin-bottom: 32px; } } /* ------------------------------------------------------------ *\ Intro \* ------------------------------------------------------------ */ .intro { position: relative; text-align: center; color: #fff; } .intro .intro__image { height: 70vh; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover } .intro .intro__content { position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100%; } .intro .intro__title { margin-bottom: 20px; font-size: 60px; line-height: 1.2; } .intro .btn { min-width: 150px; } .intro .badge { position: absolute; bottom: 0; left: 0; -webkit-transform: translateY(50%); -ms-transform: translateY(50%); transform: translateY(50%); width: 100%; text-align: center; font-size: 0; } @media (max-width: 767px) { .intro .intro__title { margin-bottom: 32px; font-size: 24px; } .intro .intro__title br { display: none; } .intro .intro__title strong { display: block; margin-bottom: 20px; font-size: 32px; } .intro .intro__image { height: 375px; } .intro .badge img { width: 90px; } } /* ------------------------------------------------------------ *\ Intro Subscription \* ------------------------------------------------------------ */ img.guarantee { padding-bottom: 20px; } .intro_subscription .intro__title { margin-bottom: 0; } .intro_subscription .intro__image { height: 580px; } .intro_subscription .intro__actions { padding-top: 41px; } @media (max-width: 767px) { .intro_subscription .intro__image { height: 375px; } } /* ------------------------------------------------------------ *\ Intro Enrollment \* ------------------------------------------------------------ */ .intro_enrollment { text-align: left; } .intro_enrollment .intro__title { margin-bottom: 12px; } .intro_enrollment .intro__image { height: 580px; } .intro_enrollment .intro__actions { margin-top: 53px; } .intro_enrollment .btn { min-width: 210px; } .intro_enrollment .btn + .btn { margin-left: 15px; } .intro_enrollment .btn i { position: relative; right: -17px; top: -2px; } @media (max-width: 767px) { .intro_enrollment .intro__image { height: 375px; } .intro_enrollment .intro__content { text-align: center; } .intro_enrollment .intro__actions { margin-top: 20px; } .intro_enrollment .intro__actions .btn { display: block; max-width: 320px; margin: 0 auto; } .intro_enrollment .intro__actions .btn + .btn { margin: 10px auto 0; } } /* ------------------------------------------------------------ *\ Intro-share \* ------------------------------------------------------------ */ .intro_sunny { margin-bottom: 16px; } .intro_sunny .intro__content { padding: 0 10px; } .intro_sunny .intro__image { height: 500px; position: relative; } .intro_sunny .intro__image:before { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0, 0, 0, 0.3); } .intro_sunny .intro__title { line-height: 1.1; } .intro_sunny .intro__title strong { display: block; } @media (max-width: 991px) { .intro_sunny .container { padding: 0 7px; } .intro_sunny .row { margin: 0; } .intro_sunny .col-12 { padding: 0 7px; } } @media (max-width: 767px) { .intro_sunny { margin-bottom: 20px; } .intro_sunny .intro__image { height: 375px; } .intro_sunny .col-12 { padding: 0; } } /* ------------------------------------------------------------ *\ Label Product \* ------------------------------------------------------------ */ .labels-product { margin: 0 -18px; font-size: 0; } .label-product { display: inline-block; vertical-align: top; padding: 0 18px; font-size: 14px; text-align: center; } .label-product .label__icon { margin-bottom: 20px; font-size: 28px; } .label-product .label__title { color: #919d9d; } @media (max-width: 991px) { .labels-product { margin: 0 -10px; } .label-product { padding: 0 10px 10px; } } /* ------------------------------------------------------------ *\ Link Primary \* ------------------------------------------------------------ */ .link-primary, .link-primary:not([href]):not([tabindex]) { font-size: 14px; color: #bc204b; font-weight: 700; text-transform: uppercase; text-decoration: none; letter-spacing: 0.5px; outline: 0; cursor: pointer; } .link-primary:hover, .link-primary:not([href]):not([tabindex]):hover { color: #9c1d46; text-decoration: none; } .link-container .link-seperator { margin:0 50px; } .link-primary.disabled, .link-primary:not([href]):not([tabindex]).disabled { pointer-events: none; color: #e6a4b3; } @media (max-width: 767px) { .link-primary.back { font-size: 12px; } } /* ------------------------------------------------------------ *\ List \* ------------------------------------------------------------ */ [class^="list-"] { list-style: none outside none; padding: 0; } /* ------------------------------------------------------------ *\ List Dots \* ------------------------------------------------------------ */ .list-dots { padding: 0; } .list-dots ul { padding-left: 5px; } .list-dots li { position: relative; padding-left: 25px; margin-bottom: 5px; } .list-dots li:before { content: ''; position: absolute; top: 12px; left: 0; width: 4px; height: 4px; border-radius: 50%; background-color: currentColor; } /* ------------------------------------------------------------ *\ List-details \* ------------------------------------------------------------ */ .list-details { padding: 0; } .list-details li { font-size: 16px; } .list-details li + li { margin-top: 12px; } .list-details li strong { font-size: 14px; color: #919d9d; text-transform: uppercase; font-weight: 700; letter-spacing: 0.5px; display: inline-block; vertical-align: middle; width: 100%; max-width: 156px;} .list-details li span { display: inline-block; vertical-align: middle; font-weight: 400; } @media (max-width: 575px) { .list-details li strong { max-width: 100%;} } /* ------------------------------------------------------------ *\ List Header Links \* ------------------------------------------------------------ */ .list-header-links { margin-bottom: 0; } .list-header-links li { display: inline; } .list-header-links li + li { margin-left: 39px; } .list-header-links a { text-decoration: none; } .list-header-links a:hover { color: #bc204b; } .list-header-links .current a { color: #bc204b; } .list-header-links .previous a { color: #e6a4b3; } @media (max-width: 767px) { .list-header-links li { display: none; } .list-header-links li + li { margin-left: 0; } .list-header-links .current { display: block; color: #bc204b; } } /* ------------------------------------------------------------ *\ List-review-details \* ------------------------------------------------------------ */ .list-review-details { font-weight: 400; } .list-review-details strong { font-weight: 700; } .list-review-details span { font-size: 16px; } /* ------------------------------------------------------------ *\ List-radios \* ------------------------------------------------------------ */ .list-radios { margin-bottom: 0; } .list-radios li + li { margin-top: 10px; } /* ------------------------------------------------------------ *\ List-radios-inline \* ------------------------------------------------------------ */ .list-radios-inline li { display: inline-block; vertical-align: middle; width: 100%; max-width: 181px; } .list-radios-inline li + li { margin:0 0 0 17px; } /* list-radios-inline_xl */ .list-radios-inline_xl li { max-width: 241px;} @media (max-width: 1199px) { .list-radios-inline li { max-width: 120px;} .list-radios-inline li + li { margin-left: 13px; } .list-radios-inline_xl li { max-width: 200px;} } @media (max-width: 767px) { .list-radios-inline { display: block; } .list-radios-inline li { display: block; max-width: 100%; font-size: 14px; } .list-radios-inline li + li { margin: 10px 0 0; } .list-radios-inline_xl li { display: inline-block; vertical-align: top; max-width: 140px; } .list-radios-inline_xl li + li { margin: 0 0 0 16px; } } @media(max-width: 374px){ .list-radios-inline_xl li { max-width: 115px;} .list-radios-inline_xl li + li { margin-left: 10px; } } /* ------------------------------------------------------------ *\ List-profile-details \* ------------------------------------------------------------ */ .list-profile-details { padding: 0; } .list-profile-details li { display: block; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center;} .list-profile-details li + li { margin-top: 14px; } .list-profile-details h4 { -webkit-flex: 0 0 160px; -ms-flex: 0 0 160px; flex: 0 0 160px; } .list-profile-details h4, .list-profile-details p { margin: 0; line-height: 24px; } .list-profile-details p .tooltip-toggle { margin-left: 5px; } @media (max-width: 575px) { .list-profile-details li { display: block; } } /* ------------------------------------------------------------ *\ List-filters \* ------------------------------------------------------------ */ .list-filters { display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 0; } .list-filters li { padding-right: 11px; position: relative; } .list-filters li + li { padding-left: 11px; } .list-filters li + li:before { content: ''; width: 2px; height: 13px; background: #919d9d; position: absolute; top: 50%; left: 0; margin-top: -4px; } .list-filters .current { color: #919d9d; } @media (max-width: 767px) { .list-filters { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;} } @media (max-width: 575px) { .list-filters { display: block; text-align: center; } .list-filters li + li:before { content: none; } } /* ------------------------------------------------------------ *\ Logo \* ------------------------------------------------------------ */ .logo { display: inline-block; font-size: 0; } /* ------------------------------------------------------------ *\ Menu Trigger \* ------------------------------------------------------------ */ .menu-trigger { position: relative; display: inline-block; width: 32px; height: 23px; } .menu-trigger span { position: absolute; display: block; height: 2px; width: 100%; background: #63666a; transition: top .2s .25s, left .2s .25s, opacity .2s .25s, -webkit-transform .2s 0s; transition: top .2s .25s, left .2s .25s, opacity .2s .25s, transform .2s 0s; transition: top .2s .25s, left .2s .25s, opacity .2s .25s, transform .2s 0s, -webkit-transform .2s 0s; } .menu-trigger span:nth-child(1) { top: 0; } .menu-trigger span:nth-child(2) { top: 10px; } .menu-trigger span:nth-child(3) { top: 21px; } .menu-trigger.active span { transition: top .2s, left .2s, opacity .2s, -webkit-transform .2s .25s; transition: top .2s, left .2s, opacity .2s, transform .2s .25s; transition: top .2s, left .2s, opacity .2s, transform .2s .25s, -webkit-transform .2s .25s; } .menu-trigger.active span:nth-child(3), .menu-trigger.active span:nth-child(1) { top: 10px; } .menu-trigger.active span:nth-child(2) { opacity: 0; } .menu-trigger.active span:nth-child(1) { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .menu-trigger.active span:nth-child(3) { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } /* ------------------------------------------------------------ *\ Menu \* ------------------------------------------------------------ */ .menu { position: fixed; top: 0; left: -9999px; z-index: 100; min-width: 320px; width: 100%; height: 100%; transition: 0s .3s left; } /* Menu Overlay */ .menu .menu__overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(74, 74, 74, .75); opacity: 0; transition: .3s; } /* Menu Content */ .menu .menu__content { position: relative; height: 100%; padding-top: 150px; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); transition: .3s; pointer-events: none; } .menu .menu__content:before { content: ''; position: absolute; top: 0; left: 0; width: calc(((100vw - 1175px) / 2) + 440px); height: 100%; background: #fff; } .menu .menu__content-inner { position: relative; height: 100%; width: 440px; padding-left: calc((100vw - 1175px) / 2); box-sizing: content-box; background: #f5f5f5; overflow: auto; pointer-events: all; } .menu .menu__content-inner *, .menu .menu__content-inner *::after, .menu .menu__content-inner *::before { box-sizing: border-box; } /* Menu Buttons */ .menu .menu__btns { } .menu .menu__btns .btn-block + .btn-block { margin-top: 10px; } /* Menu Nav */ .menu .nav { margin-bottom: 32px; } /* Menu Body */ .menu .menu__body { position: relative; padding: 25px 65px 40px 96px; background: #fff; } .menu .menu__body:before { content: ''; position: absolute; right: 100%; top: 0; width: 10000px; height: 100%; background: #fff; } /* Menu Foot */ .menu .menu__foot { position: relative; padding: 45px 65px 45px 96px; } .menu_active { left: 0; transition: 0s 0s left; } .menu_active .menu__overlay { opacity: 1; } .menu_active .menu__content { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } @media (max-width: 1199px) { /* Menu Content */ .menu .menu__content:before { width: calc(((100vw - 930px) / 2) + 440px); } .menu .menu__content-inner { padding-left: calc((100vw - 930px) / 2); } } @media (max-width: 991px) { /* Menu Content */ .menu .menu__content:before { width: calc(((100vw - 690px) / 2) + 440px); } .menu .menu__content-inner { padding-left: calc((100vw - 690px) / 2); } } @media (max-width: 767px) { .menu { top: 142px; bottom: 0; height: auto; } .menu.menu_active.menu_reduce_top { top: 120px !important; } /* Menu Content */ .menu .menu__content { padding-top: 60px; } .menu .menu__content:before { width: 100%; } .menu .menu__content-inner { width: auto; padding-left: 0; box-sizing: border-box; } /* Menu Body */ .menu .menu__body { padding: 0 15px 40px 15px; } /* Menu Foot */ .menu .menu__foot { padding: 45px 15px 45px; } } /* ------------------------------------------------------------ *\ Nav \* ------------------------------------------------------------ */ .nav { font-size: 14px; letter-spacing: .08em; text-transform: uppercase; font-weight: 700; } .nav ul { padding: 0; margin: 0; list-style: none outside none; } .nav a { text-decoration: none; } .nav a:hover { color: inherit; } .nav > ul { display: -webkit-flex; display: -ms-flexbox; display: flex; } .nav > ul > li { position: relative; } .nav > ul > li + li { margin-left: 35px; } @media(max-width: 1200px) { .nav > ul > li + li { margin-left: 15px; } } /* Nav Block */ .nav_block > ul { display: block; } .nav_block > ul > li + li { margin: 18px 0 0; } /* Nav Links */ .nav--header .nav__link-shop > a:before, .nav--header .nav__link-subscribe > a:before, .nav--header .nav__link-sunny > a:before { content: ''; position: absolute; transition: .3s; -webkit-transform: scale(.5); -ms-transform: scale(.5); transform: scale(.5); opacity: 0; } .nav--header .nav__link-shop > a:hover:before, .nav--header .nav__link-subscribe > a:hover:before, .nav--header .nav__link-sunny > a:hover:before, .nav--header .nav__link-shop.active > a:before, .nav--header .nav__link-subscribe.active > a:before, .nav--header .nav__link-sunny.active > a:before { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .nav--header .nav__link-shop > a:before { top: -10px; left: -9px; width: 71px; height: 36px; background-image: url(../gorilla/img/sprite.png); background-position: 0% 80.31914893617021%; background-size: 342.2535211267606% 622.2222222222223%; } .nav--header .nav__link-subscribe > a:before { top: -7px; left: -6px; width: 87px; height: 33px; background-image: url(../gorilla/img/sprite.png); background-position: 0% 59.68586387434554%; background-size: 279.3103448275862% 678.7878787878788%; } .nav--header .nav__link-sunny > a:before { top: -10px; left: -16px; width: 25px; height: 20px; background-image: url(../gorilla/img/sprite.png); background-position: 34.403669724770644% 74.01960784313727%; background-size: 972.0000000000001% 1120%; } .nav--header li { color: #919d9d; } .nav--header li.nav__link-completed { color: #bc204b; opacity: .5; } .nav--header li.nav__link-current { color: #bc204b; opacity: 1; } .nav--header li.nav__link-completed a:focus { color: #bc204b; opacity: .5; } .nav--header li.nav__link-current a:focus { color: #bc204b; opacity: 1; } /* Nav Drodpown */ .nav ul ul { margin: 5px 0 32px; font-weight: normal; text-transform: none; } .nav ul ul li { margin-bottom: 2px; } .nav ul ul a:hover, .nav ul ul li.active a { color: #bc204b; } /* ------------------------------------------------------------ *\ Nav Profile \* ------------------------------------------------------------ */ .nav--profile { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: relative; } .nav--profile .mobile-nav { display: none; } .nav--profile > ul > li { margin: 0 16px; } .nav--profile > ul > li + li { margin-left: 16px; } .nav--profile a { display: block; border-bottom: 2px solid transparent; padding: 0 6px 20px; letter-spacing: 0.5px; } .nav--profile a:hover, .nav--profile .current a { border-color: #bb1d4b; color: #919d9d; } @media (max-width: 991px) { .nav--profile > ul > li + li { margin: 0 10px; } } @media (max-width: 767px) { .nav--profile .current a { border-bottom-color: transparent; } .nav--profile .mobile-nav { display: block; width: 100%; position: relative; padding: 17px 10px 18px; color: #63666a; font-size: 14px; font-weight: 700; cursor: pointer; border: 1px solid #e2e2e2; border-left: none; border-right: none; } .nav--profile .mobile-nav i { display: inline-block; vertical-align: middle; } .nav--profile .mobile-nav-text { display: inline-block; vertical-align: middle; } .nav--profile .mobile-nav.open:before {content: ''; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; } .nav--profile a { padding: 6px; } .nav--profile ul { position: absolute; top: 100%; left: 0; z-index: 5; background: #fff; width: 100%; display: none; text-align: left; border: 1px solid #E2E2E2; border-top: 0; padding: 5px 10px; } .nav--profile > ul > li { margin: 0; } .nav--profile > ul > li + li { margin: 0; } } /* ------------------------------------------------------------ *\ Nav Secondary \* ------------------------------------------------------------ */ .nav-secondary { position: relative; height: 50px; text-align: center; font-weight: 700; text-transform: uppercase; } .nav-secondary ul { padding: 0; margin: 0 -30px; list-style: none outside none; font-size: 0; } .nav-secondary li { position: relative; display: inline-block; vertical-align: top; height: 70px; padding-top: 24px; margin: 0 30px; font-size: 14px; letter-spacing: .08em; } .nav-secondary li:after { content: ''; position: absolute; bottom: -1px; left: 0; width: 100%; height: 3px; background: #bc204b; opacity: 0; transition: .3s; } .nav-secondary .current:after {opacity: 1; } .nav-secondary a { text-decoration: none; transition: none; } .nav-secondary .current, .nav-secondary a:hover { color: #919d9d; } .nav-secondary .nav__inner { position: absolute; top: 0; left: 0; width: 100%; background: #fff; transition: .3s background; } .nav-secondary.fixed .nav__inner { position: fixed; top: 132px; z-index: 1; background: #f5f5f5; } .nav-secondary.fixed .nav__inner.offset { top: 182px; } /* ------------------------------------------------------------ *\ Nav Utilities \* ------------------------------------------------------------ */ .nav-utilities a { text-decoration: none; } .nav-utilities > ul { display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0; margin: 0; list-style: none outside none; } .nav-utilities > ul > li { position: relative; padding-bottom: 33px; } .nav-utilities > ul > li + li { margin-left: 18px; } .nav-utilities > ul > li > a { position: relative; display: inline-block; height: 28px; } .nav-utilities > ul > li:hover > a:after { opacity: 1; } .nav-utilities > ul > li > a:after { content: ''; position: absolute; bottom: -33px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 36px; height: 2px; background: #bc204b; transition: .3s; opacity: 0; } .nav-utilities > ul > li > a > img { position: relative; top: -2px; border-radius: 50%; } .nav-utilities > ul > li .nav__dropdown.visible, .nav-utilities > ul > li:hover .nav__dropdown { opacity: 1; visibility: visible; } .nav-utilities .nav__link-label { position: absolute; top: -6px; right: -8px; height: 20px; padding: 0 5px; border-radius: 20px; background: #bc204b; font-size: 14px; line-height: 20px; color: #fff; font-weight: bold; } .nav-utilities .nav__link-text { display: none; } .nav-utilities .nav__link-totals { display: none; } .nav-utilities.movedRight { margin-right: 20px; margin-top: 0px;} @media (min-width: 767px) { .nav-utilities.movedRight { margin-right: 0; margin-top: 13px; } } @media (min-width: 1200px) { .nav-utilities .nav__link-text { display: inline; position: relative; bottom: 20px; left: 10px; font-weight: 600; text-transform: uppercase; color: #929d9d; font-size: 10px; cursor: pointer;} .nav-utilities .nav__link-totals { display: inline; position: relative; right: 65px; top: 3px; cursor: pointer; } .nav-utilities.movedRight { margin-right: -80px; } } .nav-utilities .nav__link-totals .saved { color: #e2674d; font-weight: 700; padding-left: 5px; } /* Nav Utilities Dropdown */ .nav-utilities .nav__dropdown { position: absolute; top: 100%; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 210px; padding: 28px 31px; background: #fff; opacity: 0; visibility: hidden; transition: .3s; } .nav-utilities .nav__dropdown_cart { width: 478px; padding: 24px 20px 40px; height: 70vh; overflow-y: scroll; border: 1px solid #e1e1e1; } @media (max-width: 767px) { .nav-utilities > ul > li { position: static; padding-bottom: 22px; } .nav-utilities > ul > li > a:after { bottom: -22px; } /* Nav Utilities Dropdown */ .nav-utilities .nav__dropdown { left: auto; right: 0; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .nav-utilities .nav__dropdown_cart { width: 100%; padding: 20px 10px; height: 70vh; overflow-y: scroll; } } /* ------------------------------------------------------------ *\ Order \* ------------------------------------------------------------ */ .order { } .order .order__section { background-color: #f6f6f6; padding: 25px 30px 35px; } .order + .order_secondary { margin-top: -18px; } .order p { font-size: 12px; letter-spacing: 0; line-height: 1.58; padding-left: 3px; margin-bottom: 0; } .order .order__head { margin-bottom: 18px; } .order .order__foot { padding-top: 26px; text-align: center; font-weight: 700; border-top: 1px solid #e2e2e2;} .order .order__section + .order__section { margin-top: 20px; } .order .order__head h2 { margin-bottom: 21px; } .order .order__section-secondary .order__head { margin-bottom: 20px; } .order .order__section-secondary .order__head h2 { margin-bottom: 5px; } .order .order__actions { padding: 20px 0 5px; text-align: center; } .order .order__actions p { color: #dd6951; font-size: 14px; font-weight: 700; margin-bottom: 0; } .order .order__actions .btn { margin-top: 20px; } .order__total-item { margin-bottom: 7px; line-height: 1; } .order__saved { margin-top: 15px; font-size: 14px; text-align: center; font-weight: bold; } .order__total-item:after { } .order__total { margin-bottom: 6px; } .order__total dt { float: left; clear: both; font-weight: 400; margin-bottom: 0; } .order__total dd { float: right; font-weight: 400; margin-bottom: 0; } /* Order__total-summary*/ .order__total-summary { border-top: 1px solid #e2e2e2; padding: 20px 0 10px; margin-bottom: 0; } .order__total-summary dt, .order__total-summary dd { font-weight: 600; } /* Small Desktop */ @media (max-width: 1199px) { } @media (max-width: 767px) { } /* ------------------------------------------------------------ *\ Order-secondary \* ------------------------------------------------------------ */ .order_secondary { background-color: #f6f6f6; padding: 0; font-weight: 400; } .order_secondary p { font-size: 16px; font-weight: 400; } .order_secondary .order__entry { padding:0 30px; } .order_secondary .order__entry > a { display: block; padding: 16px 0; text-decoration: none; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: center; -ms-flex-align: center; align-items: center;} .order_secondary .order__entry .active i { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .order_secondary .order__row + .order__row { margin-top: 25px; } /* Small Desktop */ @media (max-width: 1199px) { .order_secondary .order__entry { padding: 0 15px; } } /* ------------------------------------------------------------ *\ Order promo \* ------------------------------------------------------------ */ .order__promo { padding: 17px 30px; border-top: 1px solid #e2e2e2; } .promoCode { color: #bc204b; } /* Small Desktop */ @media (max-width: 1199px) { .order__promo { padding: 17px 15px; } } /* ------------------------------------------------------------ *\ Order-review \* ------------------------------------------------------------ */ .order-review { padding: 12px 0 0; } .order-review .order-review__section + .order-review__section { margin-top: 38px; } .order-review .order-review__head { border-bottom: 1px solid #63666a; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; padding-right: 5px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .order-review .order-review__head h2 { margin-bottom: 0; float: left; } .order-review .order-review__head h4 { letter-spacing: 0.5px; float: right; } .order-review .order-review__head h5 { font-weight: 600; } .order-review .order-review__foot { font-size: 12px; font-weight: 400; padding-top: 16px; } .order-review .order-review__foot p { letter-spacing: 0; } .order-review__actions { padding-top: 22px; } @media (max-width: 991px) { .order-review .order-review__head { padding-bottom: 10px; } .order-review .order-review__head h4 { float: none; margin-bottom: 0; } .order-review .order-review__head h5 { margin-bottom: 0; } .order-review .order-review__head h2 { float: none; line-height: 1; } } @media (max-width: 767px) { .order-review .order-review__head { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; text-align: center; } .order-review .order-review__head h2, .order-review .order-review__head h4, .order-review .order-review__head h5 { width: 100%; text-align: center; margin-bottom: 10px; } .order-review .order-review__actions { text-align: center; } } /* ------------------------------------------------------------ *\ Order-review Subscription \* ------------------------------------------------------------ */ .order-review_subscription .order-review__body { border: 1px solid #474c55; border-left: none; border-right: none; } @media (max-width: 575px) { .order-review_subscription { padding: 0; } } /* ------------------------------------------------------------ *\ Order-method \* ------------------------------------------------------------ */ .order-method { display: none; padding: 7px 0; } .order-method h4 { margin-bottom: 13px; letter-spacing: 0.5px; } .order-method.visible { display: block; } /* ------------------------------------------------------------ *\ Order-overview \* ------------------------------------------------------------ */ .order-overview { background: #fff; border: 1px solid #e2e2e2; padding: 36px 39px 22px; } .order-overview .link-print { opacity: 0; visibility: hidden; margin: 0 0 0 3px; } .order-overview .link-track { display: block; display: none; } .order-overview .review-box { padding-left: 0; margin-bottom: 0; } .order-overview .list-review-details { margin-bottom: 0; } .order-overview .order__title { margin-bottom: 0; } .order-overview .order__title span i { margin-right: 11px; margin-top: -4px; } .order-overview .order__head { padding-bottom: 16px; } .order-overview .order__head-inner { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-top: 53px; } .order-overview .link-primary .active-text { display: block; } .order-overview .link-primary .collapsed-text { display: none; } .order-overview .link-primary.collapsed > .collapsed-text { display: block; } .order-overview .link-primary.collapsed > .active-text { display: none; } .order-overview .order__foot { max-width: 321px; margin: 41px 0 4px auto; text-align: right; } .order-overview .order__foot .order__totals + a { display: block; margin-top: 32px; } .order-overview .order__foot .order__totals + p { margin: 18px 0; text-align: center; } .order-overview .order__total-item { margin-bottom: 8px; } .order-overview .order__total-item dd { padding-right: 3px; } .order-overview .order__total + .order__total { margin-top: 21px; } .order-overview .order__total-summary { padding: 17px 0 9px; } .order-overview .order__total-summary dd, .order-overview .order__total-summary dt { font-weight: 400; } .order-overview.active .link-print { opacity: 1; visibility: visible; } .order-review-completed.active .link-track { display: block; } @media (max-width: 767px) { .order-overview { padding: 20px;} .order-overview .order__title span { display: block; } .order-overview .order__title span a { display: inline-block; } .order-overview .order__head { padding-bottom: 0; } .order-overview .order__head-inner { margin-top: 30px; } .order-overview .review-box { margin-bottom: 20px; } } @media (max-width: 575px) { .order-overview .order__title { font-size: 20px; } .order-overview .order__head-inner { display: block; } .order-overview .order__foot { max-width: 100%;} } @media print { .order-review .order-review__head { text-align: left; } .order-review .order-review__head h5 { font-size: 16px; text-align: left; } .order-overview { border: none; } .order-overview .order__head-inner { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-top: 13px; } .order-overview .order__title { text-align: left; font-size: 16px;} .order-overview .order__title a { display: none; } .order-overview .order__inner.collapse { display: block; } .order-overview .order__foot { max-width: 200px; font-size: 9px; color: #63666a; } .order-overview .product-purchased { padding: 20px 0; } .order-overview .product-purchased p { font-size: 10px; } .order-overview .product-purchased .product__title { font-size: 12px } .order-overview .product-purchased .product__title::first-letter { margin-top: 5px; } .order-overview .product-purchased strong { font-size: 10px; line-height: 1; display: block; color: #fff; } .order-overview .product-purchased strong::first-letter { margin-top: 5px; } .order-overview .order__foot .order__totals + a { display: none; } } /* ------------------------------------------------------------ *\ Order-overview--subscription \* ------------------------------------------------------------ */ .order-overview-subscription { padding: 34px 39px 40px } .order-overview-subscription .link-print { opacity: 1; visibility: visible; } .order-overview-subscription .order__head { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between;} .order-overview-subscription .order__head-aside .review-box + .review-box { margin-top: 23px; } .order-overview-subscription .order__head-aside { width: 100%; max-width: 303px; } .order-overview-subscription .order__head-content { padding: 2px 10px 0 0; } .order-overview-subscription .order__head-content p { padding-left: 3px; margin-bottom: 0; } .order-overview-subscription .order__head-entry { width: 100%; min-height: 106px;} .order-overview-subscription .order__head-actions { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; max-width: 346px; padding-right: 10px; } .order-overview-subscription .order__head-actions p { font-size: 14px; margin-bottom: 10px; } .order-overview-subscription .order__head-actions > a { display: block; margin-bottom: 2px; } .order-overview-subscription .order__head-actions h4 a { font-weight: 400; font-size: 16px; text-transform: none; color: #63666a; margin-left: 4px; } .order-overview-subscription .checkbox { margin-top: 10px; } .order-overview-subscription .order__head-content h2 { margin: 0 0 3px; line-height: 1; } .order-overview-subscription .order__foot-outer { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end;} .order-overview-subscription .order__foot-outer > .link-primary { margin-left: 5px; } .order-overview-subscription .order__foot { width: 100%; max-width: 303px; margin: 37px 0 0; } .order-overview-subscription .order__actions { padding: 17px 0 19px; text-align: center; border-bottom: 1px solid #474c55; } @media (max-width: 767px) { .order-overview-subscription { padding: 20px; } .order-overview-subscription .order__head-aside { width: auto; max-width: none; } } @media (max-width: 575px) { .order-overview-subscription .order__head { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; text-align: center; } .order-overview-subscription .order__head-aside, .order-overview-subscription .order__head-content { max-width: 100%; width: 100%; margin-bottom: 10px; } .order-overview-subscription .order__head-actions { margin-top: 20px; padding: 0; max-width: 100%;} .order-overview-subscription .order__head-entry { min-height: 0;} .order-overview-subscription .order__head h2 { margin-bottom: 8px; } .order-overview-subscription .order__foot-outer { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;} .order-overview-subscription .order__foot-outer > .link-primary { margin: 15px auto 0; -webkit-order: 2; -ms-flex-order: 2; order: 2; } .order-overview-subscription .order__foot { max-width: 100%; } } /* ------------------------------------------------------------ *\ Paging \* ------------------------------------------------------------ */ .paging { font-size: 14px; text-align: center; font-weight: bold; } .paging .paging__prev, .paging .paging__next, .paging li, .paging ol { display: inline-block; vertical-align: middle; } .paging a { padding: 0 5px; text-decoration: none; } .paging .disabled { opacity: .6; } .paging ol { padding: 0; margin: 0 10px; list-style: none outside none; } .paging li { margin: 0 5px; } .paging ol a:hover, .paging .current a { color: #919d9d; } /* Paging alt */ .paging_alt ol a:hover, .paging_alt .current a { color: #ac0a3b;} /* ------------------------------------------------------------ *\ Popout \* ------------------------------------------------------------ */ .popout { position: fixed; top: 93px; left: -9999px; z-index: 50; width: 100%; border-bottom: 1px solid #e2e2e2; background: #fff; opacity: 0; visibility: hidden; transition: .3s opacity, .3s visibility, 0s .3s left; } .popout.visible { left: 0; opacity: 1; visibility: visible; transition: .3s opacity, .3s visibility, 0s 0s left; } .popout .popout__inner { position: relative; padding: 34px 0 40px; } .popout .popout__actions { position: absolute; top: 20px; right: 0; } /* Popout Grid */ .popout .popout__cols { display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 0 -20px; } .popout .popout__col { -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; width: 50%; padding: 0 20px; } .popout .popout__col ~ .popout__col { border-left: 1px solid #e9e9e9; } /* Popout Section */ .popout .popout__section { max-width: 330px; margin: auto; text-align: center; } .popout .popout__section-head { text-align: center; } .popout .popout__section-title { margin: 0; font-weight: 400; } .popout .popout__section-note { margin: 17px 0 38px; font-size: 12px; } .popout .popout__section-actions .btn { min-width: 0; width: 100%; padding: 0; } .popout .popout__section-actions .row { margin: 0 -10px; } .popout .popout__section-actions .row > div { padding: 0 10px; } .popout .popout__section .product-mini_added { margin-top: -13px; } @media (max-width: 767px) { .popout { top: 64px; } .popout .popout__cols { display: block; } .popout .popout__col { width: 100%; } .popout .popout__col ~ .popout__col { padding-top: 30px; border: 0; border-top: 1px solid #e9e9e9; } .popout .popout__actions { top: 5px; right: 0; } } /* ------------------------------------------------------------ *\ Popout Static \* ------------------------------------------------------------ */ .popout-static { display: none; padding: 20px 0 10px; border-bottom: 1px solid #e2e2e2; background: #fff; } .popout-static .popout__inner { position: relative; } .popout-static .popout__actions { position: absolute; top: 0; right: 0; } .popout-static .popout__body { max-width: 580px; margin: auto; } .popout-static .popout__body:after { } .popout-static .popout__image { float: right; margin-left: 30px; } .popout-static .popout__content { overflow: hidden; padding-top: 10px; } .popout-static .popout__content .btn { min-width: 0; } .popout-static .popout__content h2 { margin: 0; font-weight: 400; } .popout-static .popout__content-actions { padding-top: 8px; } .popout-static .promo-popout-toggle { text-decoration: none; font-size: 24px; } @media (max-width: 767px) { .popout-static { padding: 10px 0 20px; text-align: center; } .popout-static .popout__image { float: none; margin: 0; } } /* ------------------------------------------------------------ *\ Popout Packs \* ------------------------------------------------------------ */ .popout_packs { position: absolute; top: 0; left: 0; right: 0; border: none; background-color: transparent; max-width: 980px; margin: 14px auto 0; padding: 18px 0 0; z-index: -1; opacity: 0; visibility: hidden; transition: opacity .3s, visiblity .3s;} .popout_packs.visible { position: relative; opacity: 1; visibility: visible; z-index: 1; } /* ------------------------------------------------------------ *\ Popup \* ------------------------------------------------------------ */ .popup { background: #fff; max-width: 462px; margin: 0 auto; text-align: center; position: relative; padding:32px 40px; } .popup .link-close { position: absolute; top: 15px; right: 21px; font-size: 24px; text-decoration: none; pointer-events: auto; cursor: pointer; } .popup .popup__actions { margin-top: 25px; } .popup .popup__actions .btn { margin-bottom: 15px; } .popup > h2 { margin-bottom: 21px; } .popup .datepicker-custom { margin-bottom: 22px; } .popup .datepicker-custom + p { font-size: 14px; text-align: left; letter-spacing: 0; line-height: 1.64; padding-left: 3px; } @media (max-width: 767px) { .popup { padding: 20px 10px; } .popup > h2 { margin-bottom: 10px; } .popup .link-close { right: 10px; top: 10px; pointer-events: auto; cursor: pointer; } } /* ------------------------------------------------------------ *\ Popup-address \* ------------------------------------------------------------ */ .popup-address { background: #fff; max-width: 462px; margin: auto; text-align: center; position: fixed; padding:32px 40px; height: 475px; pointer-events: none; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .popup-address { left: calc(50% - 191px); } } .popup-address .list-radios li + li { margin-top: 14px; } .popup-address .radio-option { pointer-events: auto; } .popup-address .radio-option label { padding: 21px 20px 17px; } .popup-address .radio-option input:checked + label { font-weight: 400; } .popup-address .popup__actions { margin-top: 33px; pointer-events: auto; } /* ------------------------------------------------------------ *\ Popup-add-photo \* ------------------------------------------------------------ */ .popup-add-photo { max-width: 783px;} .popup-add-photo .popup__head { margin-bottom: 20px; } .popup-add-photo .popup__head h2 { margin-bottom: 23px; } .popup-add-photo .popup__head p { margin-bottom: 0; } .popup-add-photo .popup__actions { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end;} .popup-add-photo .popup__actions-inner a + a { margin-left: 27px; } .popup-add-photo .popup__actions .btn { margin-bottom: 0; } @media (max-width: 767px) { .popup-add-photo .popup__head { font-size: 14px; } .popup-add-photo .popup__actions { display: block; margin-top: 0; } .popup-add-photo .popup__actions-inner { margin-bottom: 20px; } .popup-add-photo .popup__actions-inner a { margin: 0 10px; } .popup-add-photo .popup__actions-inner a + a { margin-left: 10px; } } /* ------------------------------------------------------------ *\ Products \* ------------------------------------------------------------ */ .products { margin-bottom: -70px; } .propDisclaimer pre { margin-bottom: 0; font-family: 'Source Sans Pro', sans-serif; font-size: 80%; font-weight: 400; } @media (max-width: 767px) { .products { margin-bottom: -15px; } } /* ------------------------------------------------------------ *\ Product \* ------------------------------------------------------------ */ .product__discount-save p { font-size: 14px; color: #eb6851; font-weight: 700; letter-spacing: 0.4px; margin-bottom: 0; } .product { margin-bottom: 70px; text-align: center; } .product .product__image { position: relative; margin-bottom: 15px; } .product .product__image img { transition: .3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .product .product__image-hover { position: absolute; top: 0; left: 0; opacity: 0; visibility: hidden; } .product:hover .product__image-hover { opacity: 1; visibility: visible; } .product:hover .product__image-static { opacity: 0; visibility: hidden; } .product .product__title { margin: 0 0 8px; font-weight: 400; } .product .product__title a { text-decoration: none; } .product .product__title a:hover { color: #bc204b; } .product .product__prices { margin-bottom: 8px; } .product .product__price { font-size: 16px; font-weight: 700; letter-spacing: .08em; color: #919d9d; } .product .product__discount-description { margin-bottom: 12px; font-size: 12px; } .product .product__discount-description p { margin-bottom: 0; } .product .product__discount-save p { font-size: 14px; color: #eb6851; font-weight: 700; letter-spacing: 0.4px; margin-bottom: 0; } .product .rating .rating__stars li { padding: 0 2px; } .product .product__selection .btn-small { padding: 0; min-width: 131px; } .product .product__description { font-size: 14px; } .product .product__description p { margin-bottom: 0; } /* Product Large */ .product_large .product__image { margin-bottom: 0; } @media (max-width: 767px) { .product { margin-bottom: 15px; } .product .product__title { margin-bottom: 0; } .product .product__prices { margin-bottom: 12px; } .product .product__discount-description { margin-bottom: 8px; } .product .product__selection .btn-small { min-width: 169px;} } /* ------------------------------------------------------------ *\ Product Promo \* ------------------------------------------------------------ */ .product-promo { position: relative; margin-bottom: 70px; } .product-promo .product__image { position: relative; padding-top: 174%; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; } .product-promo .product__image:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(74, 74, 74, .3); } .product-promo .product__overlay { position: absolute; top: 50%; left: 0; width: 100%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); padding: 0 10px; text-align: center; color: #fff; } .product-promo .product__title { margin: 0; line-height: 1.44; } @media (max-width: 1199px) { .product-promo .product__image { padding-top: 200%; } .product-promo .product__title { font-size: 24px; } } @media (max-width: 575px) { .product-promo .product__image { padding-top: 250%; } } /* ------------------------------------------------------------ *\ Product Single \* ------------------------------------------------------------ */ .product-single { position: relative; background: #f6f6f6; } .product-single .product__container { display: table; width: 100%; } .product-single .product__container-inner { position: relative; display: table-cell; vertical-align: middle; padding: 80px 0 120px; } .product-single .product__content { position: relative; margin: 0 -15px; } .product-single .product__content:after { } .product-single .product__description, .product-single .product__order, .product-single .product__images { padding: 0 15px; } .product-single .product__description, .product-single .product__order { width: 410px; } .product-single .product__description { float: left; } .product-single .product__order { float: right; } .product-single .product__title { margin-bottom: 15px; } .product-single .product__entry { margin-bottom: 37px; } .product-single .product__head-mobile { display: none; } .product-single .rating { margin-bottom: 22px; } .product-single .product__info h6 { color: #919d9d; } /* Product Images */ .product-single .product__images { position: absolute; top: 0; left: 410px; width: calc(100% - 410px * 2); height: 100%; min-height: 400px; text-align: center; } .product-single .product__images img { display: inline-block; max-width: 100%; max-height: 100%; width: auto; } .product-single .product__image, .product-single .product__images .slick-list, .product-single .product__images .slick-track { height: 100%; } .product-single .product__images-inner { margin-bottom: 15px; } .product-single .product__images-paging { font-size: 0; } .product-single .product__images-links, .product-single .product__images-dots { display: inline-block; vertical-align: middle; padding: 0 4px; } .product-single .product__images-links i { font-size: 19px; } .product-single .product__images-links a { text-decoration: none; } .product-single .product__images .slick-dots { padding: 0; margin: 0; list-style: none outside none; } .product-single .product__images .slick-dots li { display: inline-block; vertical-align: middle; padding: 0 12px; } .product-single .product__images .slick-dots button { width: 16px; height: 16px; padding: 0; border: 1px solid #e4e4e4; border-radius: 50%; background: #fff; font-size: 0; transition: .3s; outline: 0; } .product-single .product__images .slick-dots button:hover, .product-single .product__images .slick-dots .slick-active button { border-color: #919d9d; background: #919d9d; } .product-single .nav-secondary { position: absolute; bottom: 0; left: 0; width: 100%; } .product-single .nav-secondary .nav__inner { background: #f6f6f6; } .product-single .product__images-paging { position: relative; margin-top: 70px; } @media (max-width: 1199px) { .product-single .product__description, .product-single .product__order { width: 33.33%; } /* Product Images */ .product-single .product__images { left: 33.33%; width: 33.33%; } } @media (max-width: 991px) { .product-single .product__container { display: block; } .product-single .product__container-inner { display: block; height: auto; } .product-single .product__images { position: static; width: 100%; min-height: 0; margin-bottom: 50px; } .product-single .product__images-paging { margin-top: 0; } .product-single .product__image, .product-single .product__images .slick-list, .product-single .product__images .slick-track, .product-single .product__images-inner { height: auto; } .product-single .product__description, .product-single .product__order { width: 50%; } .product-single .form-product-order .badge { position: absolute; top: 20px; left: 0; width: 90px; } } @media (max-width: 767px) { .product-single { text-align: center; } .product-single .product__container-inner { position: relative; padding: 42px 0; } .product-single .product__container-inner:after { } .product-single .product__content { position: static; margin: 0; } .product-single .product__description, .product-single .product__order, .product-single .product__images { padding: 0; } .product-single .product__image img { max-width: 200px; } .product-single .form-product-order .badge { top: 50px; } .product-single .product__images { margin-bottom: 26px; } .product-single .product__images-inner { margin-bottom: 25px; } .product-single .product__description, .product-single .product__order { width: 100%; } .product-single .product__description .product__title { display: none; } .product-single .product__description .rating { display: none; } .product-single .product__head-mobile { display: block; margin-bottom: 35px; } .product-single .product__title { margin-bottom: 10px; font-size: 32px; } } /* ------------------------------------------------------------ *\ Product Mini \* ------------------------------------------------------------ */ .product-mini { display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 20px 0 11px; border-bottom: 1px solid #e1e1e1; font-size: 12px; line-height: 1.58; text-align: left; } /* Product Mini Layout */ .product-mini .product__image, .product-mini .product__content, .product-mini .product__promo, .product-mini .product__price { padding: 0 5px; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; } .product-mini .product__image { width: 83px; } .product-mini .product__content { width: 123px; padding-top: 7px; } .product-mini .product__promo { width: 67px; padding-top: 33px; text-align: center; } .product-mini .product__price { width: 60px; padding-top: 33px; text-align: right; } .product-mini .product__title { margin: 0 0 10px; font-weight: normal; } .product-mini .product__title a { text-decoration: none; } .product-mini .product__entry { margin-bottom: 5px; } .product-mini .product__entry ul { padding: 0; margin: 0; list-style: none outside none; } .product-mini .product__actions a { font-size: 14px; font-weight: bold; text-transform: uppercase; color: #bc204b; text-decoration: none; } .product-mini .product__actions a:hover { text-decoration: underline; } .product-mini .product__price, .product-mini .product__promo { font-size: 16px; color: #919d9d; text-transform: uppercase; } @media (max-width: 767px) { .product-mini .product__image, .product-mini .product__content, .product-mini .product__promo, .product-mini .product__price { padding: 0 2px; } .product-mini .product__image { width: 70px; } .product-mini .product__content { width: 115px; } .product-mini .product__promo { width: 53px; } } /* Product Mini Added */ .product-mini_added { border: 0; } .product-mini_added .product__title { margin-bottom: 20px; font-size: 24px; font-weight: 400; } .product-mini_added .product__image { width: 201px; } .product-mini_added .product__content { padding-top: 43px; width: 250px; } @media (max-width: 767px) { .product-mini_added .product__image { width: 136px; } .product-mini_added .product__content { padding-left: 15px; } } /* ------------------------------------------------------------ *\ Product-mini Enrollment \* ------------------------------------------------------------ */ .product-mini_enrollment { position: relative; padding: 24px 0; } .product-mini_enrollment p { margin-bottom: 3px; } .product-mini_enrollment .link-remove { position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: -27px; } .product-mini_enrollment .product__title { text-transform: none; color: #63666a; margin-bottom: 0px; } .product-mini_enrollment .product__title + .product__entry { margin-top: 10px; } .product-mini_enrollment .product__price { padding: 0; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; text-transform: none; width: 45px; } .product-mini_enrollment .product__price strong { font-weight: 700; } .product-mini_enrollment .product__promo { padding: 28px 0 0; position: relative; width: 30px; } .product-mini_enrollment .product__quantity { padding-top: 15px; } .product-mini_enrollment .product__image { -webkit-flex: 0 0 84px; -ms-flex: 0 0 84px; flex: 0 0 84px; padding: 0; } .product-mini_enrollment .product__content { padding: 10px 0 0; width: 81px; } .product-mini_enrollment .product__content-secondary { width: 123px; } .product-mini_enrollment .field-number { display: inline-block; margin-right: 16px; position: relative; right: -20px; } @media (max-width: 575px) { .product-mini_enrollment { padding: 24px 0px 24px 20px; min-height: 108px;} .product-mini_enrollment .link-remove { left: -3px; } .product-mini_enrollment .product__image { -webkit-flex: 0 0 70px; -ms-flex: 0 0 70px; flex: 0 0 70px; } .product-mini_enrollment .product__image img { max-width: 54px; } .product-mini_enrollment .product__promo { position: static; padding-top: 25px; width: auto; } .product-mini_enrollment .product__quantity { position: absolute; bottom: 20px; left: 90px; padding-top: 0; } .product-mini_enrollment .field-number { position: relative; right: 0px; width: 102px; } .product-mini_enrollment-quantity { padding-bottom: 68px; } } /* ------------------------------------------------------------ *\ Product_featured \* ------------------------------------------------------------ */ .product_featured { max-width: 308px; margin: 0 auto 23px; } .product_featured sup { top: -3px; } .product_featured p { font-weight: 400; letter-spacing: 0.4px; margin-bottom: 3px; } .product_featured .product__image { max-width: 290px; margin: 0 auto; } .product_featured .product__title { margin-bottom: 10px; letter-spacing: 0.6px; line-height: 1.17;} .product_featured .product__discount-description { margin-bottom: 1px; } .product_featured .product__prices { margin-bottom: 0; } .product_featured .form-add-quantity { visibility: hidden } @media (max-width: 991px) { .product_featured .product__title { font-size: 20px; } } @media (max-width: 767px) { .product_featured .form-add-quantity { display: block; } } /* ------------------------------------------------------------ *\ Product-secondary \* ------------------------------------------------------------ */ .product-secondary { text-align: center; border: 1px solid transparent; padding-bottom: 21px; transition: border .3s; } .product-secondary .form-add-quantity, .product_large .form-add-quantity { opacity: 0; visibility: hidden; transition: all .3s; margin-top: 20px; } .product-secondary .divider { margin: 0 5px; } .product-secondary .product__image { margin-bottom: 5px; padding-top: 0; transition: padding .3s;} .product-secondary .product__image img { transition: max-height .3s; } .product-secondary .product__image a { display: block; } .product-secondary .product__description { font-size: 14px; font-weight: 400; margin-bottom: 0; max-height: 42px; overflow: hidden; display: block; } .product-secondary .product__description p { margin-bottom: 2px; } .product-secondary .product__discount-save p { font-size: 14px; color: #eb6851; font-weight: 700; letter-spacing: 0.4px; margin-bottom: 0; } .product-secondary .product__title { margin-bottom: 0px; } .product-secondary .product__title a { text-decoration: none; } .product-secondary .product__prices { padding-top: 3px; } .product-secondary .product__price { color: #919d9d; font-size: 16px; font-weight: 700; } .product-secondary .product__discount-retail { color: #63666a; font-size: 12px; line-height: 1; margin-top: 2px; } .product-secondary .form-add-quantity.submitted { opacity: 1; visibility: visible; } .product-secondary:hover { border-color: #e2e2e2; } /* .product-secondary:hover .product__image { margin-bottom: 8px; } */ /* .product-secondary:hover .product__image img { max-height: 192px; } */ .product-secondary:hover .form-add-quantity { opacity: 1; visibility: visible; } .product_large:hover .form-add-quantity { opacity: 1; visibility: visible; } .product-secondary:hover .product__description { display: block; } /* Small Desktop */ @media (max-width: 1199px) { .product-secondary .product__image img { max-height: 135px;} } @media (max-width: 991px) { .product-secondary { padding: 15px 10px 21px; margin-bottom: 10px; } .product-secondary .form-add-quantity { opacity: 1; visibility: visible; } } @media (max-width: 575px) { .product-secondary { border: none; padding: 10px 0; } .product-secondary .product__title { font-size: 24px; font-weight: 400; } .product-secondary .product__description { display: block; } } @media (pointer: fine) and (max-width: 575px) { .product-secondary:hover { padding-top: 10px; } .product-secondary:hover .product__image { margin-bottom: 5px; } .product-secondary:hover .product__image img { max-height: 100%;} } /* ------------------------------------------------------------ *\ Product-packs \* ------------------------------------------------------------ */ .product-packs { text-align: center; } .product-packs .product-pack { display: inline-block; vertical-align: middle; margin-bottom: 15px; } .product-pack { max-width: 280px; margin: 0 10px; } .product-pack .product__content { margin-top: -22px; } /* ------------------------------------------------------------ *\ Product-with-hover \* ------------------------------------------------------------ */ .product_featured-with-hover { border: 1px solid transparent; overflow: hidden; padding:12px 0 19px; margin-bottom: 0; } .product_featured-with-hover .product__image { margin-bottom: 8px; } .product_featured-with-hover .product__title { margin-bottom: 8px; } .product_featured-with-hover .product__title_wrapper { height: 100px; } .product_featured-with-hover .product__description { display: block; margin-bottom: 13px; height: 40px; } .product_featured-with-hover .product__selection { opacity: 0; visibility: hidden; padding-top: 4px; } .product_featured-with-hover .product__selection .product__selected { display: none; } .product_featured-with-hover .product__selection.selected { opacity: 1; visibility: visible; } .product_featured-with-hover .product__selection.selected .product__selected { display: block; } .product_featured-with-hover .product__selection.selected .btn-to-select { display: none; } .product_featured-with-hover:hover { border-color: #e2e2e2; } /* .product_featured-with-hover:hover .product__image { margin-bottom: 15px; } */ /* .product_featured-with-hover:hover .product__image img { max-height: 205px; } */ .product_featured-with-hover:hover .product__selection { opacity: 1; visibility: visible; } .product_featured-with-hover:hover .form-add-quantity { visibility: visible; } .product_featured-with-hover:hover .product__title { margin-bottom: 8px; } .product_featured-with-hover:hover .product__description { display: block; } /* Small Desktop */ @media (max-width: 1199px) { /* .product_featured-with-hover:hover .product__image img { max-height: 158px; } */ } @media (max-width: 991px) { /* .product_featured-with-hover:hover .product__image img { max-height: 155px; } */ .product_featured-with-hover .product__title_wrapper { height: 80px; } .product_featured-with-hover .product__description { height: 55px; } .product_featured-with-hover .product__selection { opacity: 1; visibility: visible; } } @media (max-width: 767px) { .product_featured-with-hover .product__title_wrapper { height: 60px; } .product_featured-with-hover .product__description { height: 35px; } } @media (max-width: 575px) { .product_featured-with-hover { border: none; max-width: 100%; text-align: left; position: relative; padding:0 0 0 88px; margin-bottom: 37px; } .product_featured-with-hover .product__image { position: absolute; top: 0; left: 0; width: 80px; } .product_featured-with-hover .product__title { font-size: 16px; color: #474c55; font-weight: 600; margin-bottom: 10px; } .product_featured-with-hover .product__title_wrapper { height: auto; } .product_featured-with-hover .product__description { display: block; margin-bottom: 13px; height: auto; } .product_featured-with-hover .product__prices, .product_featured-with-hover .product__discount-description { display: inline-block; margin: 0 10px 0 0; } .product_featured-with-hover .product__selection { opacity: 1; visibility: visible; padding-top: 14px; } .product_featured-with-hover:hover { padding-top: 0; } .product_featured-with-hover:hover .product__title { margin-bottom: 10px; } } /* ------------------------------------------------------------ *\ Product-purchased \* ------------------------------------------------------------ */ .product-purchased { display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 10px 0; border-bottom: 1px solid #e1e1e1; } .product-purchased p { font-weight: 400; font-size: 12px; margin-bottom: 2px; } .product-purchased .product__discount-description p { font-size: 14px; } .product-purchased .product__image { width: 129px; text-align: center; } .product-purchased .product__title { font-weight: 400; margin-bottom: 2px; } .product-purchased .product__title a { text-decoration: none; } .product-purchased .product__content { padding-left: 16px; } .product-purchased .product__entry { max-width: 350px; } .product-purchased .product__promo { -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; text-align: right; font-size: 14px; font-weight: 700; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; padding-top: 10px; width: 60px; } .product-purchased .product__promo strong { font-weight: 700; color: #919d9d; } .product-purchased .product__price { -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; text-align: right; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; font-size: 16px; font-weight: 700; color: #919d9d; padding: 10px 3px 0 0; } .product-purchased .product__price strong { font-weight: 700; } .product-purchased .product__promo-alt { -webkit-flex: 0 0 100px; -ms-flex: 0 0 100px; flex: 0 0 100px; } @media (max-width: 1200px) { .product-purchased .product__entry { max-width: 250px; } } @media (max-width: 991px) { .product-purchased .product__image { width: 100px; } .product-purchased .product__price { width: 70px; } .product-purchased .product__title { line-height: 1; } } @media (max-width: 767px) { .product-purchased { padding: 0px 0px 30px 0px; } .product-purchased .product__entry { max-width: 100%; } } @media (max-width: 575px) { .product-purchased .product__title { font-size: 16px; line-height: 1; font-weight: 400; } .product-purchased .product__content { padding-left: 10px; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center;} .product-purchased .product__entry { margin-bottom: 10px; } .product-purchased .product__promo, .product-purchased .product__price { padding: 0; } } /* ------------------------------------------------------------ *\ Product-purchased_alt \* ------------------------------------------------------------ */ .product-purchased-alt { border: none; } .product-purchased-alt .product__price { width: auto; -webkit-flex: 0 0 100px; -ms-flex: 0 0 100px; flex: 0 0 100px; } .product-purchased-alt .product__quantity { margin-left: auto; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center;} .product-purchased-alt + .product-purchased-alt { border-top: 1px solid #e1e1e1;} .product-purchased-alt .product__image { max-width: 109px;} .product-purchased-alt .product__entry a { display: block; } .product-purchased-alt .product__entry .product__skipped a { display: inline-block; font-size: 16px; color: #63666a; font-weight: 400; text-transform: none; margin-left: 4px; } @media (max-width: 575px) { .product-purchased-alt { display: block; text-align: center; padding: 20px 0; } .product-purchased-alt .product__image { margin: 0 auto 20px; } .product-purchased-alt .product__quantity { text-align: center; } .product-purchased-alt .product__quantity .field-number_medium { margin: 20px auto; } .product-purchased-alt .product__price { text-align: center; margin: 0; } .product-purchased-alt .product__promo { text-align: center; margin: 0; width: auto; } } /* ------------------------------------------------------------ *\ Product-purchased-secondary \* ------------------------------------------------------------ */ .product-purchased_secondary { padding: 30px 0; -webkit-align-items: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; position: relative; } .product-purchased_secondary .link-remove { position: absolute; top: 70px; left: -0px; display: none; } .product-purchased_secondary p { font-size: 14px; } .product-purchased_secondary .product__entry > a { display: inline-block; margin-top: 10px; } .product-purchased_secondary .product__image { width: 100%; max-width: 178px; } .product-purchased_secondary .product__content { padding:13px 0 0 20px; } .product-purchased_secondary .product__price { width: 60px; max-width: 64px; margin-left: auto; } .product-purchased_secondary .product__price p { font-size: 12px; color: #63666a; font-weight: 400; line-height: 1; } .product-purchased_secondary .product__promo { max-width: 50px; margin-left: 37px; padding-top: 3px; } .product-purchased_secondary .product__quantity { width: 30%; text-align: right; } .product-purchased_secondary .product__quantity .field-number { margin-left: auto; } /* Small Desktop */ @media (max-width: 1199px) { .product-purchased_secondary .product__image { max-width: 125px;} .product-purchased_secondary .product__quantity { width: 23%; } } @media (max-width: 991px) { .product-purchased_secondary .product__image { max-width: 60px;} .product-purchased_secondary .product__promo { margin-left: 10px; margin-right: 5px; } .product-purchased_secondary .product__content { padding-left: 10px; } } @media (max-width: 575px) { .product-purchased_secondary { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .product-purchased_secondary .link-remove { display: block; } .product-purchased_secondary .product__entry > .link-primary { display: none; } .product-purchased_secondary .product__image { -webkit-order: 1; -ms-flex-order: 1; order: 1; } .product-purchased_secondary .product__image img { max-width: 45px; } .product-purchased_secondary .product__content { -webkit-order: 2; -ms-flex-order: 2; order: 2; padding-left: 0; } .product-purchased_secondary .product__promo { -webkit-order: 3; -ms-flex-order: 3; order: 3; } .product-purchased_secondary .product__price { -webkit-order: 4; -ms-flex-order: 4; order: 4; width: auto; } .product-purchased_secondary .product__quantity { -webkit-order: 5; -ms-flex-order: 5; order: 5; width: 100%; } .product-purchased_secondary .product__quantity .field-number { margin-left: 80px; } } @media(max-width: 374px){ .product-purchased_secondary .product__image { max-width: 60px;} .product-purchased_secondary .product__promo { margin-left: 0; max-width: 45px; text-align: center; } .product-purchased_secondary .product__price { margin-left: 0; max-width: 55px;} .product-purchased_secondary .product__quantity .field-number { margin-left: 60px; } } /* ------------------------------------------------------------ *\ Profile \* ------------------------------------------------------------ */ .profile { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center;} .profile .profile__image + .profile__title { margin-left: 11px; } .profile .profile__title { margin-bottom: 0; text-transform: none; color: #63666a; } .profile .profile__image a { position: relative; display: block; } .profile .profile__image span { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; font-size: 14px; font-weight: bold; color: #fff; text-transform: uppercase; background-color: #474C55; opacity: 0.8; visibility: hidden; padding: 0 20px; } .profile .profile__image a:hover span { visibility: visible; } /* ------------------------------------------------------------ *\ Profile_default \* ------------------------------------------------------------ */ .profile_default { display: block; text-align: center; background: #fff; transition: .3s; } .profile_default .profile__image { max-width: 150px; height: 150px; border-radius: 50%; overflow: hidden; margin: 0 auto 20px; transition: .3s;} .profile_default .profile__title { color: #474c55; } .profile_default .profile__image + .profile__title { margin-left: 0; } .profile_default .profile__inner { margin-bottom: 58px; padding: 50px 0 0; transition: all .3s;} /* Profile-default Fixed / Small*/ .profile_default.fixed .profile__inner, .profile_default.small .profile__inner { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; max-height: 173px; margin-bottom: 43px; padding-top: 80px; } .profile_default.small .profile__inner { padding-top: 30px; } .profile_default.fixed .profile__image, .profile_default.small .profile__image { max-width: 100px; height: 100px; margin: 0 28px 0 0; } .profile_default.small .profile__image span { font-size: 11px; padding: 0 5px; } @media (max-width: 767px) { .profile_default .profile__image, .profile_default.fixed .profile__image, .profile_default.small .profile__image { max-width: 70px; height: 70px; margin: 0 auto; } .profile_default .profile__inner, .profile_default.fixed .profile__inner, .profile_default.small .profile__inner { padding: 18px 0 10px; display: block; margin: 0 auto; min-height: 0; } } /* ------------------------------------------------------------ *\ Progressbar \* ------------------------------------------------------------ */ .progressbar { font-size: 0; } .progressbar__bar { display: inline-block; width: 100%; max-width: 265px; height: 10px; background-color: #e2e2e2; vertical-align: middle; margin-right: 19px; } .progressbar__meter { display: block; height: 100%; } .progressbar__value { font-weight: 400; display: inline-block; vertical-align: middle; font-size: 16px; font-weight: 700; } .progressbar__value span { display: none; } .progressbar__value .current { display: inline-block; } /* Weak */ .progressbar .weak .progressbar__meter { background-color: #bc204b; width: 31.44%; } .progressbar .weak .progressbar__value { color: #bc204b; } /* Medium */ .progressbar .medium .progressbar__meter { background-color: #d9c754; width: 66%; } .progressbar .medium .progressbar__value { color: #d9c754; } /* Strong */ .progressbar .strong .progressbar__meter { background-color: #75c48e; width: 100%; } .progressbar .strong .progressbar__value { color: #75c48e; } @media (max-width: 767px) { .progressbar > div { width: 100%; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between;} .progressbar__bar { max-width: calc(100% - 62px); margin-right: 0; } .progressbar__value { width: 60px; display: inline-block; text-align: right; } } /* ------------------------------------------------------------ *\ Promo \* ------------------------------------------------------------ */ .promo { font-size: 14px; letter-spacing: .02em; } .promo a { text-decoration: none; } .promo a:focus, .promo a:hover { color: inherit; } .promo strong { text-transform: uppercase; letter-spacing: .08em; } .promo p { margin-bottom: 0; } .promo i { margin-left: 8px; } .promo.expanded i { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } /* ------------------------------------------------------------ *\ Quote \* ------------------------------------------------------------ */ .quote { max-width: 660px; margin: auto; font-family: 'Lora', serif; font-size: 32px; line-height: 1.63; font-weight: 500; min-height:250px } .quote--large { max-width: 785px; } .quote .quote__entry { margin-bottom: 20px; font-weight: 400; letter-spacing: .04em; } .quote .quote__entry p { margin-bottom: 0; } .quote .quote__entry p span { font-family: 'Lora', serif; } .quote .quote__up { font-size: 60px; margin-left: -23px; line-height: 1; position: relative; top: 12px; } .quote .quote__down { font-size: 60px; line-height: 0.5; position: relative; top: 12px; } .quote .quote__title { font-family: 'Source Sans Pro', sans-serif; color: inherit; font-size: 18px; } .quote .quote__title + .quote__entry { margin-top: 20px; } .quote .quote__actions { margin-top: 30px; } .quote .quote__entry + .quote__actions { margin-top: 20px; } .quote .btn { min-width: 0; padding: 0 40px; } /* Small Desktop */ @media (max-width: 1199px) { .quote_secondary { font-size: 26px; line-height: 1.3; } } @media (max-width: 767px) { .quote { font-size: 18px; line-height: 1.5; text-align: center; } .quote .quote__entry { margin-bottom: 8px; } .quote .quote__actions { margin-top: 20px; } .quote_secondary { text-align: left; } .quote .quote__up, .quote .quote__down { font-size: 26px; top: 0; position: static; } .quote .quote__up { margin-left: -12px; } } /* ------------------------------------------------------------ *\ Rating \* ------------------------------------------------------------ */ .rating { margin: 0 -5px; font-size: 14px; font-weight: bold; color: #bc204b; text-transform: uppercase; } .rating .rating__link, .rating .rating__stars { display: inline-block; vertical-align: middle; margin: 0 5px; } .rating .rating__stars { font-size: 0; } .rating .rating__stars ul { padding: 0; margin: 0 -3px; list-style: none outside none; } .rating .rating__stars li { display: inline-block; vertical-align: top; padding: 0 3px; font-size: 16px; } .rating .rating__stars--small li { font-size: 10px ; } /* ------------------------------------------------------------ *\ Reviews \* ------------------------------------------------------------ */ .reviews { max-width: 780px; margin: auto; } .reviews .reviews__foot { padding-top: 30px; } /* ------------------------------------------------------------ *\ Review \* ------------------------------------------------------------ */ .review { padding: 26px 0 6px; border-width: 1px 0; border-style: solid; border-color: #828487; } .review:after { } .review + .review { margin-top: -1px; } .review .review__aside { float: left; width: 300px; } .review .review__content { overflow: hidden; padding-top: 8px; } .review .review__entry h5 { margin-bottom: 18px; font-weight: 700; } .review .rating { margin-bottom: 24px; } .review .review__author { margin-bottom: 13px; color: #919d9d; } .review .review__date { display: block; font-size: 12px; } @media (max-width: 767px) { .review .review__aside { float: none; width: 100%; margin-bottom: 30px; } } /* ------------------------------------------------------------ *\ Review-box \* ------------------------------------------------------------ */ .review-boxes { list-style: none; } .review-box { padding-left: 30px; margin-bottom: 21px; } .review-box h4 { margin-bottom: 5px; color: #63666a; } .review-box .review-box__title { margin-bottom: 9px; letter-spacing: 0.5px; } .review-box .review-box__title a { font-weight: 400; } @media (max-width: 575px) { .review-box { text-align: center; } .review-box.text-right { text-align: center !important; } } @media print { .review-box { text-align: left; font-size: 10px; } .review-box strong { font-size: 10px; } .review-box h4 { font-size: 10px; color: #fff; } .review-box.text-right { text-align: left !important; } } /* ------------------------------------------------------------ *\ Section \* ------------------------------------------------------------ */ .section { padding: 78px 0 70px; } .section .section__head { position: relative; margin-bottom: 43px; text-align: center; } .section .section__body { margin-bottom: 22px; } .section .section__foot { padding-top: 40px; border-top: 1px solid; } /* Section Large Gutters */ .section_large-gutters { padding: 113px 0 40px; } .section_large-gutters .section__head { margin-bottom: 39px; } .section_large-gutters .section__body { margin-bottom: 22px; } .section_large-gutters .section__foot { padding-top: 34px; } @media (max-width: 767px) { .section { padding: 63px 0 20px; } .section .section__head { margin-bottom: 48px; } .section .section__foot { padding-top: 17px; } /* Section Large Gutters */ .section_large-gutters { padding: 79px 0 20px; } .section_large-gutters .section__head { margin-bottom: 30px; } .section_large-gutters .section__foot { padding-top: 17px; } } /* ------------------------------------------------------------ *\ section__inner--centered \* ------------------------------------------------------------ */ .section__inner--centered { max-width: 845px; text-align: center; margin: auto; } /* ------------------------------------------------------------ *\ Section__title-help \* ------------------------------------------------------------ */ .section__title-help { letter-spacing: 0.5px; color: #919d9d; } .section__title-help a { text-decoration: none; font-weight: 400; color: #63666a; } .section__title-help a:hover { color: #000; } .section__title-help a span { display: inline-block; vertical-align: middle; font-weight: 400; color: #63666a; } /* ------------------------------------------------------------ *\ Section With Background \* ------------------------------------------------------------ */ .section-with-background { color: #fff; text-align: center; } .testimonial-height { height: 500px; } .section-with-background_no-gutters { padding: 0; } @media (max-width: 767px) { .section-with-background { padding: 0 } .section-with-background .carousel-item .item { margin-top: 60px; } .testimonial-height { height: 350px; } .section-with-background_no-gutters { padding: 0; } } /* ------------------------------------------------------------ *\ Section Banner \* ------------------------------------------------------------ */ .section-banner { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 580px; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; color: #fff; text-align: center; } .section-banner--small { max-height: 400px; } .section-banner .section__body { width: 100%; } .section-banner .section__title { margin-bottom: 13px; } .section-banner .section__entry p { margin-bottom: 13px; } .section-banner .section__actions .btn { min-width: 160px; } @media (max-width: 767px) { .section-banner { height: 375px; } .section-banner .section__title { margin-bottom: 0; } .section-banner .section__entry { margin-bottom: 43px; } } /* ------------------------------------------------------------ *\ Section-banner_secondary \* ------------------------------------------------------------ */ .section-banner_secondary { height: 300px; margin-bottom: 34px; } .section-banner_secondary .section__title { margin-bottom: 0px; } /* ------------------------------------------------------------ *\ Section Category \* ------------------------------------------------------------ */ .section-category .section__head { padding: 54px 0 33px; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; text-align: center; color: #fff; } .section-category .section__head-inner { max-width: 600px; margin: auto; } .section-category .section__title { margin: 0 0 13px; } .section-category .section__subtitle { margin: 0 0 12px; } .section-category .section__head-actions { display: none; } .section-category .section__body { padding: 80px 0; } @media (max-width: 1200px) { #cat-6 .section-category .section__head { padding: 120px 0 33px; } } @media (max-width: 767px) { .section-category .section__head { padding: 30px 0 33px; background-size: auto auto; background-position: center 0; background-repeat: repeat-y; } #cat-6 .section-category .section__head { padding: 30px 0 33px; } .section-category .section__head-content { display: none; } .section-category .section__head-actions { display: block; font-size: 14px; text-transform: uppercase; font-weight: bold; } .section-category .section__head-actions a { text-decoration: none; } .section-category .show-if-expanded { display: none; } .section-category.expanded .hide-if-expanded { display: none; } .section-category.expanded .show-if-expanded { display: inline-block; } .section-category .section__body { padding: 50px 0; } .section-category .section__title { font-size: 32px; } } /* ------------------------------------------------------------ *\ Section Guarantee \* ------------------------------------------------------------ */ .section-guarantee { position: relative; padding-top: 60px; text-align: center; } .section-guarantee h2 { line-height: 1.74; } .section-guarantee h4 { margin-bottom: 29px; } .section-guarantee .section__inner { padding: 117px 0 90px; background: #f5f5f5; } .section-guarantee .section__entry { max-width: 980px; margin: 0 auto 27px; } .section-guarantee .container { position: static; } .section-guarantee .badge { position: absolute; top: 0; left: 0; width: 100%; text-align: center; } @media (max-width: 767px) { .section-guarantee { padding-top: 50px; } .section-guarantee h2 { font-size: 16px; line-height: 1.5; } .section-guarantee .section__inner { padding: 100px 0 60px; } .section-guarantee .section__entry { margin-bottom: 20px; } .section-guarantee .badge img { width: 100px; } } /* ------------------------------------------------------------ *\ Section-guarantee--background \* ------------------------------------------------------------ */ .section-guarantee--background { color: #fff; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; } .section-guarantee--background h1 { font-size: 60px; font-weight: bold; } .section-guarantee--background .section__inner { background: transparent; } @media (max-width: 767px) { .section-guarantee--background { background-size: auto auto; background-position: center 0; background-repeat: repeat-y; } .section-guarantee--background h1 { font-size: 24px; } } /* ------------------------------------------------------------ *\ Section-guarantee_badge-inside \* ------------------------------------------------------------ */ .section-guarantee_badge-inside { padding-top: 0; } .section-guarantee_badge-inside .section__inner { padding-top: 38px; } .section-guarantee_badge-inside .badge { position: static; margin-bottom: 28px; } /* ------------------------------------------------------------ *\ Section-guarantee_badge-small \* ------------------------------------------------------------ */ .section-guarantee_badge-small .section-inner { padding-top: 31px; } .section-guarantee_badge-small .badge { width: 90px; margin-bottom: 22px; } /* ------------------------------------------------------------ *\ Section Details \* ------------------------------------------------------------ */ .section-details { padding: 65px 0; background: #e2e2e2; } .section-details .section__cols { display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 0 -110px; } .section-details .section__col { width: 50%; padding: 16px 110px 0; } .section-details .section__col + .section__col { border-left: 1px solid #676a6e; } .section-details .section__entry { margin-bottom: 47px; } .section-details .section__entry + .labels-product { margin-top: -10px; } .section-details .section__entry h2 { margin-bottom: 17px; } .section-details .section__entry p { margin-bottom: 23px; } @media (max-width: 1199px) { .section-details .section__cols { margin: 0 -50px; } .section-details .section__col { padding: 16px 50px 0; } } @media (max-width: 991px) { .section-details .section__cols { margin: 0 -25px; } .section-details .section__col { padding: 16px 25px 0; } } @media (max-width: 767px) { .section-details { padding: 13px 0 0; text-align: left; } .section-details .section__cols { display: block; margin: 0; } .section-details .section__col { width: 100%; padding: 56px 0 36px; } .section-details .section__col + .section__col { border: 0; border-top: 1px solid #676a6e; } .section-details .section__entry { margin-bottom: 23px; } .section-details .section__entry:last-child { margin-bottom: 0; } .section-details .section__entry h2 { margin-bottom: 16px; } .section-details .list-dots { padding-top: 20px; margin-bottom: 64px; } .section-details .list-dots li { padding: 0; margin-bottom: 10px; } .section-details .list-dots li:before { position: static; display: block; width: 20px; height: 1px; margin: 0 auto 13px; border-radius: 0; } .section-details .list-dots li:first-child:before { display: none; } } /* ------------------------------------------------------------ *\ Section Ingredients \* ------------------------------------------------------------ */ .section-ingredients { position: relative; padding: 46px 0 11px; } .section-ingredients .ingredient-list { text-align: center; } .section-ingredients .container { position: static; } .section-ingredients .section__decoration { position: absolute; bottom: 0; z-index: -1; } .section-ingredients .section__decoration:nth-child(1) { left: -115px; } .section-ingredients .section__decoration:nth-child(2) { right: 0; } @media (max-width: 991px) { .section-ingredients { padding-bottom: 0px; } } @media (max-width: 767px) { .section-ingredients { padding: 20px 0 } .section-ingredients .section__decoration { width: 100%; z-index: -1; text-align: center; } .section-ingredients .section__decoration:nth-child(1) { bottom: 0; left: 0; } .section-ingredients .section__decoration:nth-child(2) { top: 0; bottom: auto; right: auto; left: 0; } .section-ingredients header.tabs__head { margin-bottom: 30px; } } /* ------------------------------------------------------------ *\ Section Reviews \* ------------------------------------------------------------ */ .section-reviews { padding: 80px 0; background: #f5f5f5; } .section-reviews .section__head { text-align: center; } .section-reviews .section__head .rating { margin-bottom: 36px; } .section-reviews .section__head-actions .btn { min-width: 195px; } .section-reviews .section__title { margin-bottom: 24px; } .section-reviews .section__title a { text-decoration: none; } .section-reviews .section__title i { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); margin-left: 13px; transition: .3s; font-size: 20px; } .section-reviews .section__body { padding-top: 60px; } .section-reviews.expanded .section__title i { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } /* ------------------------------------------------------------ *\ Section-how-to \* ------------------------------------------------------------ */ .section-how-to { text-align: center; padding-bottom: 83px; } .section-how-to .section__inner { background-color: #f6f6f6; padding: 52px 0 54px; } .section-how-to .section__body { padding-top: 59px; } .section-how-to .bonus h4 { color: #eb6851; text-transform: none; font-weight: 700; letter-spacing: 0.34px;} .section-how-to .section__actions { padding-top: 56px; } .section-how-to .row { margin: 0 -10px; } .section-how-to [class^="col-"] { padding: 0 10px; } @media (max-width: 767px) { .section-how-to { padding-bottom: 30px; } .section-how-to .section__inner { padding: 30px 0; } .section-how-to .section__body { padding-top: 30px; } .section-how-to .section__actions { padding-top: 10px; } } /* ------------------------------------------------------------ *\ Section-how-to Secondary \* ------------------------------------------------------------ */ .section-how-to_secondary .section__inner { padding: 81px 0 62px; } .section-how-to_secondary .section__title { margin-bottom: 28px; } .section-how-to_secondary .section__actions { padding-top: 36px; } .section-how-to_secondary .section__body { padding-top: 50px; } .section-how-to_secondary .section__body .section__title { margin-bottom: 60px; } .section-how-to_secondary .section__body .section__actions { padding-top: 12px; } .section-how-to_secondary .popout.visible + .section__actions { padding-top: 19px; } @media (max-width: 767px) { .section-how-to_secondary .section__inner { padding: 30px 0; } .section-how-to_secondary .section__actions { padding-top: 15px; } } /* ------------------------------------------------------------ *\ Section-favorite \* ------------------------------------------------------------ */ .section-favorite { padding: 39px 0 30px; } .section-favorite .section__title { text-align: center; margin-bottom: 46px; } @media (max-width: 767px) { .section-favorite { padding: 15px 0; } .section-favorite .section__title { margin-bottom: 20px; } } /* ------------------------------------------------------------ *\ Section Favorite_secondary \* ------------------------------------------------------------ */ .section-favorite_secondary { padding: 31px 0 4px; border-bottom:1px solid #e2e2e2; margin-bottom: 60px; } .section-favorite_secondary .section__title { margin-bottom: 10px; } .section-favorite_secondary .section__head { max-width: 773px; margin: 0 auto 31px; text-align: center; } .section-favorite_secondary .section__head p { font-weight: 400; letter-spacing: 0.4px; } @media (max-width: 767px) { .section-favorite_secondary { padding-bottom: 40px; } .section-favorite_secondary .section__title { margin-bottom: 16px; } } /* ------------------------------------------------------------ *\ Section-products \* ------------------------------------------------------------ */ .section-products { padding-bottom: 20px; } .section-products .section__title { text-align: center; margin-bottom: 21px; } .section-products .row { margin: 0 -10px; } .section-products [class^="col-"] { padding: 0 10px; } /* ------------------------------------------------------------ *\ Section Products Secondary \* ------------------------------------------------------------ */ .section-product_secondary .section__title { margin-bottom: 47px; } @media (max-width: 767px) { .section-product_secondary .section__title { margin-bottom: 21px; } } /* ------------------------------------------------------------ *\ Section-signup \* ------------------------------------------------------------ */ .section-signup { background-color: #f6f6f6; padding-bottom: 109px; } .section-signup .form_signup { padding-bottom: 28px; } .section-signup .section__actions { text-align: center; padding-top: 17px; } .section-signup .section__inner { max-width: 783px; margin: -102px auto 21px; background: #fff; border: 1px solid #e2e2e2; padding: 33px 20px 40px; } .section-signup .section__inner + .section__inner { margin-top: 0; } .section-signup .section__title { margin-bottom: 33px; } .section-signup .row { margin: 0; } .section-signup .gutter-custom-10 { margin: 0 -10px; } .section-signup .gutter-custom-10 > [class*=col-] { padding-left: 10px; padding-right: 10px; } .section-signup [class^="col-"] { padding: 0 20px; } .section-signup .col-size1 { max-width: 51.3%; -webkit-flex: 0 0 51.3%; -ms-flex: 0 0 51.3%; flex: 0 0 51.3%;} .section-signup .col-size2 { max-width: 48.7%; -webkit-flex: 0 0 48.7%; -ms-flex: 0 0 48.7%; flex: 0 0 48.7%; } .section-signup .link-signin { float: right; text-decoration: none; text-transform: uppercase; font-size: 14px; font-weight: 700; letter-spacing: 0.5px; margin: 10px 4px 0 0; } .section-signup .section__entry { padding: 0 18px; } .section-signup .section__entry .list-details { padding: 9px 0 0; } @media (max-width: 767px) { .section-signup .row { display: block; } .section-signup .section__title { margin-bottom: 20px; } .section-signup .section__inner { padding: 33px 10px 40px; } .section-signup [class^="col-"] { padding: 0 10px; } .section-signup .col-size1, .section-signup .col-size2 { width: 100%; max-width: 100%; margin-bottom: 20px; } .section-signup .col-size2 { margin-top: 40px; } .section-signup .section__group { text-align: center; } } @media (max-width: 575px) { .section-signup .link-signin { float: none; width: 100%; text-align: center; display: block; margin: 0 0 10px; } .section-signup .section__title { text-align: center; } } /* ------------------------------------------------------------ *\ Section-membership \* ------------------------------------------------------------ */ .section-membership { text-align: center; padding: 32px 0 29px; border-bottom:1px solid #e2e2e2; } .section-membership .section__head { max-width: 710px; margin: 0 auto 23px; letter-spacing: 0.4px; font-weight: 400; } .section-membership .section__head p { margin-bottom: 0; } .section-membership .section__title { margin-bottom: 5px; } .section-membership .section__body { margin-bottom: 4px; } .section-membership .btn { padding: 0 20px; } .section-membership .btn i { margin-right: 8px; } .section-membership [class^="col-"] { padding: 0 10px; } .section-membership_secondary .section__image { margin: 36px 0; } .section-membership .btn-primary-continue { color: #fff !important; border-color: #bc204b; background: #bc204b; margin-bottom: 20px; } @media (max-width: 767px) { .section-membership { padding: 14px 0 40px; } .section-membership .section__head { margin-bottom: 29px; } .section-membership .section__body { margin-bottom: 16px; } } /* ------------------------------------------------------------ *\ Section membership secondary \* ------------------------------------------------------------ */ .section-membership_secondary { padding-bottom: 0; margin-bottom: 0; border-bottom: none; } .section-membership_secondary .section__head { margin-bottom: 0; } /* ------------------------------------------------------------ *\ Section-checkout \* ------------------------------------------------------------ */ .section-checkout { padding-bottom: 50px; } .section-checkout p { font-weight: 400; } .section-checkout ul { list-style: none; padding: 0; } .section-checkout .list-review-details { padding-bottom: 13px; } .section-checkout .section__group .list-review-details { padding-bottom: 0; margin-bottom: 0; } .section-checkout .section__group-actions { padding-top: 18px; } .section-checkout .product__discount-save p { font-weight: 700; } .section-checkout .row { margin: 0 -10px; } .section-checkout [class^="col-"] { padding: 0 10px; } .section-checkout .section__content { padding-top: 50px; margin: 0 -10px; } .section-checkout .section__aside { padding: 16px 0; } .section-checkout .section__title-help { margin: 0 0 16px; padding: 0 4px 0 0; } .section-checkout .section__aside .link-phone { font-weight: 400; color: #63666a; } .section-checkout .section__aside .link-phone:hover { color: #000; } .section-checkout .link-phone { color: #919d9d; text-decoration: none; } .section-checkout .section__aside .order { margin-bottom: 20px; } @media (max-width: 767px) { .section-checkout .col-md-7 { -webkit-order: 2; -ms-flex-order: 2; order: 2;} .section-checkout .col-md-5 { -webkit-order: 1; -ms-flex-order: 1; order: 1; } .section-checkout .mobile-order-1 { -webkit-order: 1; -ms-flex-order: 1; order: 1; } .section-checkout .mobile-order-2 { -webkit-order: 2; -ms-flex-order: 2; order: 2; } .section-checkout .section__head { text-align: center; } .section-checkout .section__head h1 { font-size: 32px; } .section-checkout .section__title-help { text-align: center; } .section-checkout .section__title-help .float-right { float: none !important; } .section-checkout .section__aside .order_secondary { margin-bottom: 20px; } .section-checkout .section__content { margin: 0 -4px; } .section-checkout .form__head h2, .section-checkout .section__group .section__title, .section-checkout .section__group p { text-align: center; } .section-checkout .btn { width: 100%; } } /* ------------------------------------------------------------ *\ Section-checkout_cart \* ------------------------------------------------------------ */ .section-checkout_cart { padding: 54px 0; } .section-checkout_cart .section__head h1 { margin-bottom: 0; } .section-checkout_cart .section__head h1 a { display: inline-block; vertical-align: middle; margin-left: 8px; } .section-checkout_cart .section__content { margin: 0; padding: 20px 10px 0 0; ; } .section-checkout_cart .section__title-help { padding-top: 18px; margin-bottom: 0; } .section-checkout_cart .section__aside { padding-top: 14px; } @media (max-width: 991px) { .section-checkout_cart { padding-top: 10px; } } @media (max-width: 767px) { .section-checkout_cart { padding-top: 40px; } .section-checkout_cart .section__aside { margin-top: 0; } .section-checkout_cart .section__head h1 a { display: block; } .section-checkout_cart .section__content { padding-right: 0; } } @media (max-width: 575px) { .section-checkout_cart .container { padding: 0; } .section-checkout_cart .row { margin: 0; padding-bottom: 45px; } } /* ------------------------------------------------------------ *\ Section Checkout Secondary \* ------------------------------------------------------------ */ .section-checkout_secondary { padding: 57px 0; } .section-checkout_secondary .col-size1 { padding-right: 30px; } .section-checkout_secondary .section__head { margin: 0 -10px; } .section-checkout_secondary .section__content { padding: 6px 0 0; } .section-checkout_secondary .section__aside { padding-top: 6px; } .section-checkout_secondary .section__title-help { padding-top: 14px; } .section-checkout_secondary .section__title-help a { position: relative; top: -2px; } .section-checkout_secondary .section__group h2 { font-weight: 400; letter-spacing: 0.6px; } .section-checkout_secondary .section__group h2 + .btn { margin-top: 17px; } .section-checkout_secondary .section__group > .btn { margin-bottom: 40px; } @media (max-width: 991px) { .section-checkout_secondary .section__group h2 { line-height: 1; } .section-checkout_secondary .section__group > .btn { max-width: 100%; padding: 0; } } @media (max-width: 767px) { .section-checkout_secondary { padding: 34px 0; } .section-checkout_secondary .section__title-help { padding-top: 0; } .section-checkout_secondary .col-size1 { padding: 0 10px 20px; margin-bottom: 20px; } .section-checkout_secondary .section__group > .btn { margin-bottom: 20px; } } /* ------------------------------------------------------------ *\ Section-terms \* ------------------------------------------------------------ */ .section-terms { color: #474c55; font-weight: 400; letter-spacing: 0.4px; padding-bottom: 50px; text-align: left; } .section-terms ol { list-style: initial; list-style-type: decimal; list-style-position: inside; } .section-terms ol ol { list-style-type: lower-latin; list-style-position: inside; margin-left: 15px; } .section-terms p { margin-bottom: 28px; } .section-terms a { color: #63666a; } .section-terms li { list-style: decimal; display: list-item; padding-left: 6px; } .section-terms li li { list-style: lower-alpha; } .section-terms ul { margin-bottom: 28px; } .section-terms h2 { margin-bottom: 21px; color: #63666a; } .section-terms .section__inner { max-width: 984px; } .section-terms .section__group { padding-top: 12px; } /* ------------------------------------------------------------ *\ Section-confirmation \* ------------------------------------------------------------ */ .section-confirmation { text-align: center; padding: 52px 0; font-weight: 400; } .section-confirmation p { margin-bottom: 10px; } .section-confirmation a { letter-spacing: 0.8px; } .section-confirmation a + a { margin-left: 20px; } .section-confirmation .logo { display: none; } .section-confirmation .order-overview { display: none; } .section-confirmation .form_signup { padding-top: 28px; margin-top: 45px; border-top: 1px solid #e2e2e2; } .section-confirmation .form__body { max-width: 640px; } @media (max-width: 767px) { .section-confirmation { padding: 30px 0; text-align: center !important; } } @media (max-width: 991px) { .section-confirmation .form_signup { margin-left: 0; margin-right: 0; } .section-confirmation .form__body { max-width: 100%; } } @media print { .section-confirmation { text-align: left!important; padding: 0; } .section-confirmation .logo { display: block; margin:0 0 10px 20px; } .section-confirmation .col-12 > h2, .section-confirmation .col-12 > h1, .section-confirmation .col-12 > p, .section-confirmation .col-12 > a { display: none; } .section-confirmation .order-overview { display: block; padding-top: 0; } .section-confirmation .form_signup { display: none; } .section-confirmation .link-primary { display: none; } } /* ------------------------------------------------------------ *\ Section-congratulations \* ------------------------------------------------------------ */ .section-congratulations { text-align: center; padding: 38px 0 80px; font-weight: 400; letter-spacing: 0.4px; border-bottom:1px solid #e2e2e2; } .section-congratulations .row { margin: 0 -10px; } .section-congratulations [class^="col-"] { padding: 0 10px; } .section-congratulations .section__head { max-width: 745px; margin: 0 auto 40px; } .section-congratulations .section__head p { padding-top: 4px; } .section-congratulations .section__title { margin-bottom: 24px; } .section-congratulations .section__body { margin-bottom: 30px; } @media (max-width: 767px) { .section-congratulations .section__head { margin-bottom: 20px; } } /* ------------------------------------------------------------ *\ Section-account \* ------------------------------------------------------------ */ .section-account { background-color: #f6f6f6; padding-bottom: 96px; padding-top: 80px; min-height: 60vh; position: relative; } .section-account .bar { position: absolute; top: 0; left: 0; right: 0; } .section-account .section__inner { max-width: 783px; margin: 0 auto; background: #fff; border: 1px solid #e2e2e2; padding: 36px 30px 40px; } .section-account .section__inner-secondary { background: none; border: none; padding: 0; } .section-account .section__inner-secondary .row { margin: 0 -10px 20px; } .section-account .section__inner-theritary { margin-bottom: 20px; } .section-account .section__title { margin-bottom: 33px; } .section-account .row { margin: 0; } .section-account .gutter-custom-10 { margin: 0 -10px; } .section-account .gutter-custom-10 > [class*=col-] { padding-left: 10px; padding-right: 10px; } .section-account [class^="col-"] { padding: 0 10px; } .section-account .col-size1 { max-width: 51.3%; -webkit-flex: 0 0 51.3%; -ms-flex: 0 0 51.3%; flex: 0 0 51.3%;} .section-account .col-size2 { max-width: 48.7%; -webkit-flex: 0 0 48.7%; -ms-flex: 0 0 48.7%; flex: 0 0 48.7%; } .section-account .link-signin { float: right; text-decoration: none; text-transform: uppercase; font-size: 14px; font-weight: 700; letter-spacing: 0.5px; margin: 10px 4px 0 0; } .section-account .section__title .link-primary { margin-left: 20px; } .section-account .section__entry + .form_signup { border-top:1px solid #e2e2e2; padding-top: 23px; margin-top: 33px; } .section-account .section__entry .section__title { margin-bottom: 50px; } .section-account .section__entry .section__title .btn-small { padding: 0 20px; } .section-account .list-profile-details { margin-bottom: 31px; } .section-account .list-profile-details:last-child { margin-bottom: 0; } .section-account .section__foot .paging { position: relative; top: 35px; } .section-account .section__actions { max-width: 783px; margin: 3px auto 26px; text-align: right; } .section-account .section__actions .row { margin: 0 -10px; } @media (max-width: 991px) { .section-account_password { text-align: center; } } @media (max-width: 767px) { .section-account { padding: 10px 0 40px; } .section-account .bar { position: static; margin-top: -10px; margin-bottom: 10px; } .section-account .row { display: block; } .section-account .section__title, .section-account .section__entry .section__title { margin-bottom: 20px; } .section-account .section__inner { padding: 40px 20px; } .section-account .section__inner-secondary { padding: 0; } .section-account .section__inner-secondary .row { margin-bottom: 10px; } .section-account .section__inner-secondary [class^="col-"] + [class^="col-"] { margin-top: 10px; } .section-account [class^="col-"] { padding: 0 10px; } .section-account .col-size1, .section-account .col-size2 { width: 100%; max-width: 100%; margin-bottom: 20px; } .section-account .col-size2 { margin-top: 40px; } .section-account .section__actions { margin: 10px auto 10px; text-align: center; } } @media (max-width: 575px) { .section-account { padding-top: 10px; } .section-account .link-signin { float: none; width: 100%; text-align: center; display: block; margin: 0 0 10px; } .section-account .section__title .link-primary { display: block; } .section-account .section__inner { padding:20px 10px; } .section-account .section__inner-secondary { padding: 0; } .section-account .section__title .link-primary { margin-left: 0; } } /* ------------------------------------------------------------ *\ Section-profile \* ------------------------------------------------------------ */ @media (max-width: 767px) { .section-profile .container, .section-profile .row, .section-profile [class^="col-"] { padding: 0; margin: 0; } } /* ------------------------------------------------------------ *\ Section-sunny \* ------------------------------------------------------------ */ .section-sunny { padding: 78px 0 30px; text-align: center; font-size: 18px; } .section-sunny p { margin-bottom: 0; letter-spacing: 0.08px; } .section-sunny .title-share { margin-bottom: 31px; } .section-sunny .section__title { font-size: 48px; font-weight: 600; letter-spacing: 0.2px; color: #4a4a4a; margin-bottom: 24px; } /* section-sunny--plp */ .section-sunny--plp { padding: 6px 0 52px; } .section-sunny--plp .title-share { margin-bottom: 25px; } .section-sunny-secondary { padding: 6px 0 12px; } @media (max-width: 767px) { .section-sunny { padding: 40px 0 20px; } .section-sunny .title-share { margin-bottom: 15px; } .section-sunny .section__title { font-size: 38px; margin-bottom: 15px; } .section-sunny-secondary { padding: 15px 0; } } /* ------------------------------------------------------------ *\ Section-article \* ------------------------------------------------------------ */ .section-article { padding: 12px 0 50px; } .section-article .section__aside { max-width: 300px; margin-left: 77px; } .section-article .section__content { max-width: 585px; margin-left: 75px; padding-top: 3px; } /* Small Desktop */ @media (max-width: 1199px) { .section-article .section__aside { margin-left: auto; } .section-article .section__content { margin-left: 0; } } @media (max-width: 767px) { .section-article { padding: 0 0 50px; } .section-article .section__aside { margin: 0; max-width: 100%;} .section-article .section__content { margin-left: 0; max-width: 100%; } } /* ------------------------------------------------------------ *\ Section-cms \* ------------------------------------------------------------ */ .section-cms { padding: 50px 0; color: #474c55; } .section-cms--border { border-bottom: 1px solid #e1e1e1; } .section-cms .section__title { margin-bottom: 10px; } .section-cms .section__inner { max-width: 783px; margin: 0 auto; } .section-cms .section__actions { padding-top: 10px; } .section-cms--nospacing { padding: 0; } .section-cms--nospacing .section__inner { padding: 40px 0; } /* ------------------------------------------------------------ *\ Section-videos \* ------------------------------------------------------------ */ .section-videos { padding: 10px 0 50px; color: #474c55; } .section-videos .video { margin-bottom: 20px; } .section-videos .video__title { margin: 10px 0; font-weight: 600; } .section-videos .video__image { width: 100%; height: auto; } /* ------------------------------------------------------------ *\ Section-people \* ------------------------------------------------------------ */ .section__people { padding: 20px 0 0; color: #474c55; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .section__people .item { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 20px; width: 20%; } .section__people .item__title { margin: 10px 0 0; font-weight: 600; } .section__people .item__subtitle { font-size: 13px; } .section__people .item__image { height: 100px; max-width: 100px; border-radius: 50%; overflow: hidden; } @media (max-width: 767px) { .section__people .item { width: 50%; } } /* ------------------------------------------------------------ *\ Section-contact \* ------------------------------------------------------------ */ .section-contact { background: #f5f5f5; padding: 70px 0; } @media (max-width: 767px) { .section-contact { padding: 20px 0; } } /* ------------------------------------------------------------ *\ Service \* ------------------------------------------------------------ */ .service { max-width: 282px; margin: 0 auto; font-size: 12px; font-weight: 400; } .service .service__icon { margin-bottom: 8px; } .service h4 { letter-spacing: 0.5px; } .service p { letter-spacing: 0px; } @media (max-width: 991px) { .service { margin-bottom: 20px; } } @media (max-width: 767px) { .service { text-align: left; position: relative; padding-left: 41px; max-width: 100%; margin: 0 0 10px 2px; } .service h4 { margin-bottom: 0; } .service .service__icon { position: absolute; top: 0; left: 0; } } /* ------------------------------------------------------------ *\ Slider Quotes \* ------------------------------------------------------------ */ .slider-quotes { padding: 119px 0 44px; } .slider-quotes .slider__slides { position: static; padding: 0; margin: 0; list-style: none outside none; } .slider-quotes .slider__clip { position: relative; min-height: 257px; padding-bottom: 20px; } .slider-quotes .quote { max-width: 800px; } .slider-quotes .quote .quote__entry { margin-bottom: 35px; font-weight: 400; letter-spacing: .04em; } .slider-quotes .slick-dots { position: absolute; bottom: 0; left: 0; width: 100%; padding: 0; margin: 0 -12px; list-style: none outside none; font-size: 0; } .slider-quotes .slick-dots li { display: inline-block; vertical-align: top; padding: 0 12px; } .slider-quotes .slick-dots button { width: 15px; height: 15px; border: 0; border-radius: 50%; background: currentColor; color: inherit; transition: .3s; outline: 0; } .slider-quotes .slick-dots button:hover, .slider-quotes .slick-dots .slick-active button { background: #919d9d; } .slideButton { margin: 40px 0; } @media (max-width: 767px) { .slider-quotes { padding: 87px 0 30px; } .slider-quotes .slider__clip { min-height: 254px; } } /* ------------------------------------------------------------ *\ Slider Quotes Secondary \* ------------------------------------------------------------ */ .slider-quotes_secondary { padding: 150px 0 45px; } .slider-quotes_secondary .slider__clip { padding-bottom: 54px; } @media (max-width: 767px) { .slider-quotes_secondary { padding: 87px 0 30px; } .slider-quotes_secondary .slider__clip { min-height: 254px; } } /* ------------------------------------------------------------ *\ Socials \* ------------------------------------------------------------ */ .socials ul { margin: 0 -30px; padding: 0; font-size: 0; list-style: none outside none; } .socials li { display: inline-block; vertical-align: middle; padding: 0 30px; font-size: 20px; } .socials a { display: inline-block; text-decoration: none; } .socials a:hover { opacity: .7; } .socials_alt strong { display: inline-block; vertical-align: middle; margin-right: 48px; } .socials_alt ul { display: inline-block; vertical-align: middle; } @media (max-width: 991px) { .socials ul { margin: 0 -15px; } .socials li { padding: 0 15px; } } /* ------------------------------------------------------------ *\ Steps \* ------------------------------------------------------------ */ .steps { font-size: 0; padding-top: 24px; margin-bottom: 28px; } .steps .step { width: 100%; max-width: 280px; display: inline-block; font-size: 16px; vertical-align: bottom; margin: 0 35px; } .step { font-weight: 400; } .step h4 { font-weight: 700; letter-spacing: 0.5px; text-transform: uppercase; margin-bottom: 10px; } .step h2 { margin-bottom: 20px; } .step h4 + h2 { margin-top: -8px; } .step p { margin-bottom: 0; } .step .step__image { height: 231px; display: table-cell; vertical-align: middle; width: 380px; } .step .step__title { font-weight: 400; } @media (max-width: 1199px) { .steps .step { max-width: calc(33.23% - 20px); margin: 0 10px; } } @media (max-width: 767px) { .steps .step { max-width: 100%; margin: 0; } .steps .step + .step { margin-top: 30px; } .step { margin-bottom: 30px; } .step .step__image { display: block; width: 100%; height: auto; margin-bottom: 10px; } .step h2 { margin-bottom: 10px; } } /* ------------------------------------------------------------ *\ Story \* ------------------------------------------------------------ */ .story { display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 10px 0; } .story--full { padding: 0; } .story .story__image, .story .story__content { -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; width: 50%; } .story .story__content { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 80px; } .story .story__content-inner { width: 100%; } .story .story__image { position: relative; min-height: 580px; margin: 0; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover;} .story .story__image .btn-play { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 70px; color: #fff; text-decoration: none; } .story .story__subtitle { margin-bottom: 26px; color: #919d9d; } .story .story__title { margin-bottom: 12px; } .story .story__entry { margin-bottom: 36px; } .story .btn { min-width: 170px; } @media (max-width: 991px) { .story .story__content { padding: 50px 30px; } } @media (max-width: 767px) { .story { display: block; text-align: center; } .story .story__image, .story .story__content { width: 100%; } .story .story__image { min-height: 0; padding-top: 100%; } .story .story__content { padding: 28px 15px 30px; } .story .story__subtitle { margin-bottom: 21px; } .story .story__title { margin-bottom: 6px; } .story .story__entry { margin-bottom: 19px; } } /* ------------------------------------------------------------ *\ Tabs \* ------------------------------------------------------------ */ .tabs { } .tabs .tabs__head { margin-bottom: 64px; } /* Tabs Nav */ .tabs .tabs__nav { font-size: 24px; font-weight: 400; line-height: 1.2; text-align: center; } .tabs .tabs__nav ul { display: table; padding: 0; border-bottom: 1px solid #63666a; margin: 0 auto; list-style: none outside none; table-layout: fixed; } .tabs .tabs__nav li { display: table-cell; vertical-align: middle; position: relative; padding: 10px; } .tabs .tabs__nav li:before { content: ''; position: absolute; bottom: -1px; left: 0; width: 100%; height: 2px; background: #bc204b; opacity: 0; } .tabs .tabs__nav a { text-decoration: none; cursor: pointer; } .tabs .tabs__nav a:hover { color: #929497; } .tabs .tabs__nav .current { font-weight: normal; color: #bc204b; } .tabs .tabs__nav .current:before { opacity: 1; } .tabs .tabs__nav-secondary ul { width: 870px; } /* ------------------------------------------------------------ *\ Tabs_secondary \* ------------------------------------------------------------ */ .tabs_secondary { box-shadow: 0px 0px 10px #e2e2e2; } .tabs_secondary .tabs__head { margin-bottom: 26px; } .tabs_secondary .tabs__hint-text { display: none; font-weight: 400; } .tabs_secondary .tabs__nav { background-color: #F0F0F0; } .tabs_secondary .tabs__nav a { text-decoration: none; cursor: pointer; } .tabs_secondary .tabs__nav a:hover { color: #929497; } .tabs_secondary .tabs__nav .current { background-color: #fff; } .tabs_secondary .tabs__nav ul { width: 100%; border-bottom: 0px; } .tabs_secondary .tabs__nav li { padding-bottom: 18px; padding-top: 18px; } .tabs_secondary .tabs__nav li:before { top: -1px; } .tabs_secondary .tabs__nav .mobile-nav { display: none; } @media (max-width: 767px) { .tabs_secondary .tabs__hint-text { display: block; text-align: center; } .tabs_secondary .tabs__nav { position: relative; } .tabs_secondary .tabs__nav:hover { cursor: pointer; } .tabs_secondary .tabs__nav li { float: none; width: 100%; display: block; margin-left: 0; } .tabs_secondary .tabs__nav li:before { content: none; } .tabs_secondary .tabs__nav .current a { border-bottom: none; } .tabs_secondary .tabs__nav .mobile-nav { display: inline-block; width: 100%; border-bottom: 2px solid #bc204b; position: relative; padding: 17px 10px 18px; color: #bc204b; font-size: 24px; font-weight: 400; } .tabs_secondary .tabs__nav .current a:before, .tabs_secondary .tabs__nav .current a:after { content: none; } .tabs_secondary .tabs__nav ul { position: absolute; top: 100%; left: 0; z-index: 5; background: #fff; width: 100%; text-align: left; border: 1px solid #E2E2E2; border-top: 0; padding: 5px 10px; } } /* ------------------------------------------------------------ *\ Table \* ------------------------------------------------------------ */ .table {} /* ------------------------------------------------------------ *\ Tiles \* ------------------------------------------------------------ */ .tiles { margin: 0px; } .tiles .row { margin: 0; } .tiles .row > div { padding-left: 5px; padding-right: 5px;} .padding-lr0 {padding-left: 0px !important; padding-right: 0px !important;} @media (min-width: 992px) { .tiles .row > div:first-child { padding-right: 5px; padding-left: 0;} .tiles .row > div:last-child { padding-right: 0; padding-left: 5px;} .tiles .row > div.less_wide { padding-right: 0px; padding-left: 0px;} } /* ------------------------------------------------------------ *\ Tiles--border \* ------------------------------------------------------------ */ .tiles--border { margin:40px 0 0 0; border-top: 1px solid #e1e1e1; } /* Tiles-alt */ .tiles_alt { margin: 0 -7px; } .tiles_alt .row { margin: 0 -7px; } .tiles_alt .row > div { padding-left: 7px; padding-right: 7px; } .tiles_alt .tile-secondary { margin-bottom: 14px; } .tiles_alt .tiles__title { text-align: center; margin: 38px; } .tiles_alt .tiles__actions { padding-top: 20px; } .tiles_alt .row { margin: 0 -7px; } .tiles_alt .row > div { padding-left: 7px; padding-right: 7px; } .tiles_alt .tile-secondary { margin-bottom: 15px; } /* Tiles_category*/ .tiles_category { padding-bottom: 50px; } .tiles_category .row { margin: 0 -10px; } .tiles_category .row > div { padding-left: 10px; padding-right: 10px; } .tiles_category .tile-secondary { margin-bottom: 20px; } @media (max-width: 767px) { .tiles .tiles__group { padding: 0 15px; } .tiles_alt { padding-bottom: 5px; } .tiles_alt .tiles__title { margin-bottom: 20px; } } /* ------------------------------------------------------------ *\ Tile \* ------------------------------------------------------------ */ .tile { margin-bottom: 10px; color: #fff; } .tile .tile__image { padding-top: 84%; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; } .tile_1of2 { width: 50%; } .tile_wide .tile__image { padding-top: 41%; } .tile .tile__content { position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100%; padding: 0 50px; } .tile .tile__content-inner { max-width: 450px; margin: auto; } @media (max-width: 767px) { .tile_with-content { position: relative; } .tile_with-content .tile__image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 0; } .tile_with-content .tile__content { position: relative; top: auto; left: auto; -webkit-transform: none; -ms-transform: none; transform: none; padding: 40px 20px; text-align: center} } /* ------------------------------------------------------------ *\ Tile--white \* ------------------------------------------------------------ */ .tile--white { background: #fff; color: #63666a; margin: 0 } .tile--white .tile__actions { margin-top: 30px; } .tile--white.tile_slider .tile__content { padding: 0 0 0 90px; } .tile--white.tile_slider .slider-quotes_secondary .slick-dots { padding-left: 0; } .tile--white .slick-dots button { background: #fff; border: 1px solid #e2e2e2; } @media (max-width: 1199px) { .tile--white.tile_slider .tile__content { padding: 0 20px; } } @media (max-width: 991px) { .tile--white.tile_slider .tile__content { position: static; -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0); padding: 20px 20px 40px 20px; } } /* ------------------------------------------------------------ *\ Tile--grey \* ------------------------------------------------------------ */ .tile--grey { background: #f6f6f6; color: #474c55; } .tile--grey .tile__title { color: #909c9c; margin-bottom: 20px; } .tile--grey p { margin-bottom: 50px; font-size: 24px; color: #474c55; } /* ------------------------------------------------------------ *\ Tile_video \* ------------------------------------------------------------ */ .tile_video { position: relative; } .tile_video .btn-play { position: absolute; top: 0; left: 0; right: 0; bottom: 0; text-align: center; } .tile_video .btn-play i { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .tile_video .btn-play:hover i { opacity: .5; } /* ------------------------------------------------------------ *\ Tile_slider \* ------------------------------------------------------------ */ .tile_slider .tile__content { padding: 0 0 0 50px; } .tile_slider .slider-quotes_secondary { padding: 0; max-width: 550px;} .tile_slider .slider-quotes_secondary .quote { padding-left: 33px; } .tile_slider .slider-quotes_secondary .quote__entry { margin-bottom: 25px; } .tile_slider .slider-quotes_secondary .slick-dots { padding-left: 33px; } /* Small Desktop */ @media (max-width: 1199px) { .tile_slider .tile__content { padding: 0 20px; } } @media (max-width: 991px) { .tile_slider .tile__image { padding: 0; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .tile_slider .tile__content { position: static; -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0); padding: 20px; } .tile_slider .slider-quotes_secondary { max-width: 800px; margin: 0 auto; } .tile_slider .slider-quotes_secondary .quote { padding-left: 15px; } .tile_slider .slider-quotes_secondary .slick-dots { padding-left: 15px; } } /* ------------------------------------------------------------ *\ Tile-secondary \* ------------------------------------------------------------ */ .tile-secondary { position: relative; } .tile-secondary + .tile-secondary { margin-top: 15px; } .tile-secondary > a { display: block; } .tile-secondary .tile__image { padding-top: 56.38%; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; position: relative; } .tile-secondary .tile__image:before { content: ''; position: absolute; bottom: 0; left: 0; right: 0; top: 0; background: #000; opacity: .25; transition: opacity .3s;} .tile-secondary .tile__content { position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100%; padding: 0 10px; text-align: center; } .tile-secondary .tile__content h4 { color: #fff; letter-spacing: 0.5px; font-weight: 700; } .tile-secondary .tile__content h2 { line-height: 1.33; color: #fff; letter-spacing: 0.4px;} .tile-secondary .tile__content h3 { color: #fff; text-transform: uppercase; position: relative; padding-bottom: 10px; display: inline-block; margin-bottom: 0; } .tile-secondary .tile__content h3:before { content: ''; position: absolute; bottom: 0; left: 0; width: 0; height: 2px; background: #bc204b; transition: all .3s;} .tile-secondary .tile__title-primary { font-size: 18px; font-weight: 600; letter-spacing: 0.3px; line-height: 1.33; padding-bottom: 1px; } .tile-secondary a:hover .tile__image:before { opacity: .4; } /* ------------------------------------------------------------ *\ Tile Category \* ------------------------------------------------------------ */ .tile-secondary_category { margin-bottom: 20px; } .tile-secondary_category .tile__content { text-align: center; } .tile-secondary_category .tile__image { padding-top: 100%; } .tile-secondary_category .tile__image:before { opacity: .20; } .tile-secondary_category a:hover .tile__image:before { opacity: .6; } .tile-secondary_category a:hover h3:before { width: 100%; } /* ------------------------------------------------------------ *\ Tile-secondary_banner \* ------------------------------------------------------------ */ .tile-secondary_banner .tile__image { padding-top: 166%; } .tile-secondary_banner .tile__content { top: 33px; left: 25px; -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0); text-align: left; } .tile-secondary_banner .tile__content h1 { color: #fff; font-weight: 400; line-height: 1.25; } .tile-secondary_banner .tile__image:before { opacity: .15; } /* ------------------------------------------------------------ *\ Tooltip \* ------------------------------------------------------------ */ .tooltip .tooltip-inner {font-weight: 400; font-size: 14px; text-align: start; } /* ------------------------------------------------------------ *\ Wallet \* ------------------------------------------------------------ */ .wallet { border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; padding: 25px 0 31px; } .wallet .wallet__body { padding: 11px 0 4px; } .wallet .wallet__body > p { margin:12px 0 0; } /* ------------------------------------------------------------ *\ Widget \* ------------------------------------------------------------ */ .widgets { list-style: none outside none; } .five9-frame .five9-frame-minimized { display: none !important;} .five9-frame .five9-chat-button { background: #bc204b; border-radius: 5px 5px 0 0; } .five9-frame .five9-text { visibility: hidden; } .five9-frame .five9-text:before { content: "Plexus Live Chat"; visibility: visible; padding-left: 10px; padding-right: 16px; } .five9-frame .five9-chat-button .five9-icon { top: 2px; background-image: url('https://images.ctfassets.net/0oyvtqa92der/1aNpu5zpEYgIam4qM8g2ue/16eb1d8969f456e301ca2c63d1de01a9/chat-icon-white.svg'); } #five9-frame-full button#start-chat-button { border-radius: 50px !important; } .five9-frame label { font-family: 'Source Sans Pro', sans-serif !important; } /* ------------------------------------------------------------ *\ IV. Themes \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Base \* ------------------------------------------------------------ */ body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; min-width: 320px; font-family: 'Source Sans Pro', sans-serif; color: #63666a; letter-spacing: .02em; font-weight: 400; } a { color: inherit; text-decoration: underline; transition: .3s; } a:focus, a:hover { color: #929497; } ul, ol { padding-left: 20px; } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-weight: 400; line-height: 1.4; } .h1, h1 { font-size: 32px; line-height: 1.44; letter-spacing: .01em; } .h2, h2 { font-size: 24px; line-height: 1.67; } .h3, h3 { font-size: 16px; line-height: 1.5; font-weight: 600; } .h4, h4 { font-size: 14px; line-height: 1.4; color: #919d9d; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; } .h5, h5 { font-size: 16px; font-weight: 500; } .h6, h6 { font-size: 14px; font-weight: 500; text-transform: uppercase; } img { display: inline-block; vertical-align: middle; max-width: 100%; height: auto; } strong { font-weight: 600; } @page{size:auto; margin:5mm;} @media (max-width: 767px) { .h1, h1 { font-size: 24px; line-height: 1.5; } } /* ------------------------------------------------------------ *\ Container \* ------------------------------------------------------------ */ @media (min-width: 1200px) { .container { width: 1210px; } } @media (max-width: 991px) { .container { width: 100%; padding-left: 20px; padding-right: 20px; } } @media (max-width: 767px) { .container { width: 100%; padding-left: 15px; padding-right: 15px; } } /* ------------------------------------------------------------ *\ Container \* ------------------------------------------------------------ */ .img-fluid { max-width: 100%; height: auto; display: block; margin: auto; } /* ------------------------------------------------------------ *\ Buttons \* ------------------------------------------------------------ */ .btn{ min-width: 170px; padding: 0 15px; height: 48px; border-radius: 100px; text-decoration: none; font-family: 'Source Sans Pro', sans-serif; font-size: 14px; line-height: 44px; font-weight: 700; text-transform: uppercase; cursor: pointer; letter-spacing: 0.5px;} .btn:focus { box-shadow: none; } .btn i { margin-right: 15px; } /* Button Outline Primary */ .btn-outline-primary { border-width: 2px; border-color: currentColor; color: #bc204b; } .btn-outline-primary:hover { background-color: #9c1d46; border-color: #9c1d46; color: #fff; } .btn-outline-primary.disabled, .btn-outline-primary:disabled { border-color: #e6a4b3; background: #fff; color: #e6a4b3 !important; opacity: 1; } /* Button Outline Secondary */ .btn-outline-secondary { border-width: 2px; border-color: currentColor; color: #63666a; } .btn-outline-secondary:hover { background-color: #9c1d46; border-color: #9c1d46; color: #fff; } /* Button Outline White */ .btn-outline-white { border-width: 2px; border-color: currentColor; color: #fff; } .btn-outline-white:hover { background-color: #9c1d46; border-color: #9c1d46; color: #fff; } /* Button Primary */ .btn-primary { border-color: #bc204b; background: #bc204b; } .btn-primary:hover { border-color: #9c1d46; background: #9c1d46; } .btn-primary.disabled, .btn-primary:disabled { border-color: #e6a4b3; background: #e6a4b3; opacity: 1; } /* Button Large */ .btn-lg { height: 60px; padding: 0 40px; line-height: 56px; } /* Button Block */ .btn-block { padding: 0; } /* Btn-small*/ .btn-small { min-width: 123px;} /* Btn-wide*/ .btn-wide { min-width: 210px; } /* Btn-long*/ /* .btn-long { min-width: 320px;} */ @media (max-width: 575px) { .btn-long { min-width: 0; } } /* ------------------------------------------------------------ *\ Tooltip \* ------------------------------------------------------------ */ .tooltip { font-size: 14px; } .tooltip-inner { max-width: 240px; padding: 10px 15px; border: 1px solid #e1e1e1; border-radius: 0; background: #fff; color: #63666a; font-size: 14px; font-weight: 400; font-family: 'Source Sans Pro'; } .tooltip-inner p { margin-bottom: 0; } .tooltip-inner:before { top: -1px; width: 17px; height: 7px; border: 0; margin-left: -8px; background: url(../gorilla/img/tooltip-arrow.png) 0 0 no-repeat; } .tooltip.show { opacity: 1; } .tooltip.bs-tether-element-attached-top .tooltip-inner:before, .tooltip.tooltip-bottom .tooltip-inner:before { top: -1px; margin-left: -8px; } .tooltip.bs-tether-element-attached-left .tooltip-inner:before, .tooltip.tooltip-left .tooltip-inner:before { -webkit-transform: rotate( -90deg ); -ms-transform: rotate( -90deg ); transform: rotate( -90deg ); left: 2px; } .tooltip.bs-tether-element-attached-right .tooltip-inner:before, .tooltip.tooltip-right .tooltip-inner:before { -webkit-transform: rotate( 90deg ); -ms-transform: rotate( 90deg ); transform: rotate( 90deg ); right: -6px; } /* ------------------------------------------------------------ *\ Tooltip-with-image \* ------------------------------------------------------------ */ .tooltip-custom .tooltip-inner { max-width: 100%; padding: 21px; } .tooltip-custom .tooltip-inner > img { margin-bottom: 20px; } .tooltip-custom .tooltip-inner .tooltip__info { font-size: 14px; font-weight: 600; color: #bb1d4b; text-transform: uppercase; text-align: left; width: 70px; line-height: 1.29; position: relative; margin-left: 17px; } .tooltip-custom .tooltip-inner .tooltip__info:before { content: ''; width: 2px; height: 30px; background-color: #bb1d4b; position: absolute; bottom: 100%; left: 50%; margin-left: -10px; } .tooltip-custom .tooltip-inner .tooltip__info-right { margin-left: 91px; } @media (max-width: 767px) { .tooltip-custom { max-width: 250px;} .tooltip-custom .tooltip-inner { padding: 10px; } .tooltip-custom .tooltip-inner > img { margin-bottom: 15px; } .tooltip-custom .tooltip-inner .tooltip__info { font-size: 12px; margin: 0; } .tooltip-custom .tooltip-inner .tooltip__info:before { height: 20px; } .tooltip-custom .tooltip-inner .tooltip__info-right { margin-left: 55px; } } /* ------------------------------------------------------------ *\ Magnific Popup \* ------------------------------------------------------------ */ .mfp-bg { background: #4a4a4a; } /* overlay at start */ .mfp-fade.mfp-bg { opacity: 0; transition: all 0.15s ease-out; } /* overlay animate in */ .mfp-fade.mfp-bg.mfp-ready { opacity: .75; } /* overlay animate out */ .mfp-fade.mfp-bg.mfp-removing { opacity: 0; } /* content at start */ .mfp-fade.mfp-wrap .mfp-content { opacity: 0; transition: all 0.15s ease-out; } /* content animate it */ .mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1; } /* content animate out */ .mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; } /* Close Button */ button.mfp-close { width: 24px; height: 24px; padding: 0; font-size: 0; opacity: 1; } button.mfp-close:before, button.mfp-close:after { content: ''; position: absolute; top: 12px; left: 0; height: 2px; width: 100%; background: currentColor; } button.mfp-close:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } button.mfp-close:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { top: -53px; right: -53px; width: 24px; padding: 0; } /* ------------------------------------------------------------ *\ Autocomplete \* ------------------------------------------------------------ */ .ui-widget.ui-menu { font-family: 'Source Sans Pro', sans-serif; font-size: 14px; color: #63666a;} .ui-menu .ui-menu-item .ui-menu-item-icon {background-repeat: no-repeat; background-size: 40px; background-position: 17px center; padding: 20px 17px 20px 77px; display: block; } /* Carousel Fix */ .carousel-item .item { width: 100%; min-height: 200px; margin-top: 60px; } @media (max-width: 430px){ .home-slide { min-height: 340px; } } @media (min-width: 430px) and (max-width: 766px){ .home-slide{ min-height: 300px; } } @media (min-width: 766px){ .home-slide{ min-height: 400px; } } .carousel-control, .carousel-indicators li { display: none; } .modal-backdrop.fade { opacity: 0.5; } .modal-sm { max-width: 450px; top: 50px; } .modal-content { border-radius: .0rem; } .product:focus{ outline: none !important; } .carousel-indicators .active { background-color: #BC204B !important; } .carousel-control-next { right: -50px !important; } .carousel-control-next-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='https://www.w3.org/2000/svg' fill='%23BC204B' viewBox='0 0 8 8'%3E%3Cpath d='M1.5 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important; } .carousel-control-prev-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='https://www.w3.org/2000/svg' fill='%23BC204B' viewBox='0 0 8 8'%3E%3Cpath d='M4 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important; } [id^="xcomponent-paypal-button"] > .xcomponent-outlet > iframe.xcomponent-component-frame { z-index: 1 !important; } .charity h1 { color: rgba(25,143,127,1); margin-top: 70px; margin-bottom: 36px; } .charity .row { text-align: left; margin-bottom: 25px; padding: 30px; } .charity .row.bg{ background: rgba(246,246,246,1); } .charity .row.bg img { width: 80%; margin: 40px; } .charity .row.bg div:nth-child(2){ margin-top: 30px; } .charity .row:first-of-type{ padding-bottom: 30px; border-bottom: 1px solid #eee; } .charity .cont { padding: 18px 50px 10px 40px; } @media (max-width: 767px) { .charity .row{ padding: 10px 20px 0; } .charity .callout__actions { margin: 20px; text-align: center; } .charity .row.bg img { width: 85%; margin: 20px 25px; } .charity .row.bg div:nth-child(2) { margin-top: 0; } .charity .cont { padding: 0; } .charity .row:last-child .cont h2 { margin-top: 20px; } .mobile-margin-b15{ margin-bottom: 15px !important; } .mobile-margin-0{ margin-bottom: 0px !important; } } @media (max-width: 575px) { .product-secondary:hover .product__image img { pointer-events: none !important; } } @media (max-width: 767px) { .modal-dialog { margin: 0px; } .modal-content { height: 100vh; } } @media (min-width: 576px){ .modal-dialog { max-width: 80% !important; margin: 10rem auto !important; } } /* Subscription Terms Modal */ .subscription-terms-modal-body { font-size: 20px !important; font-weight: 400 !important; text-transform: none; letter-spacing: .02em; color: #63666a; } .order__head__subscriptions { padding: 0px 0px 30px 30px; margin-bottom: 15px; border-bottom: 1px solid #eee; } /* Popover Styling */ .popover__wrapper { position: relative; display: inline-block; } .popover__content { opacity: 0; visibility: hidden; position: absolute; transform: translate(0,10px); background-color: #ffffff; padding: 1.5rem; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); width: 200px; } .popover__content:before { position: absolute; z-index: -1; content: ''; right: calc(50% - 10px); top: -8px; border-color: transparent transparent #ffffff transparent; transition-duration: 0.3s; transition-property: transform; } .popover__wrapper:hover .popover__content { z-index: 10; opacity: 1; visibility: visible; transform: translate(0,-20px); transition: all 0.5s cubic-bezier(0.75, -0.02, 0.2, 0.97); } .popover__message { text-align: center; font-size: 14px; } .popover__title { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; text-decoration: none; text-align: center; padding: 15px 2px; cursor: pointer; } span.link-primary.terms > a { text-decoration: none; } span.link-primary.terms > a:hover { color: #929497; } a.tncLink { text-decoration: none; } a.tncLink:hover { color: #929497 !important; }