Advertisement
Guest User

Untitled

a guest
Aug 26th, 2019
144
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 155.23 KB | None | 0 0
  1. body,
  2. html {
  3. overflow-x: hidden;
  4. }
  5. @font-face {
  6. font-family: 'NeueHaasDisplay-Light';
  7. src: url('https://static1.squarespace.com/static/5d5137bc3138fd00019331f3/t/5d5413cd56ffae00016aeb8d/1565791182674/NeueHaasDisplay-Light.eot');
  8. src: url('https://static1.squarespace.com/static/5d5137bc3138fd00019331f3/t/5d5413cd56ffae00016aeb8d/1565791182674/NeueHaasDisplay-Light.eot?#iefix') format('embedded-opentype'),
  9. url('https://static1.squarespace.com/static/5d5137bc3138fd00019331f3/t/5d5413ee12bb870001a3bd8c/1565791214974/NeueHaasDisplay-Light.woff2') format('woff2'),
  10. url('https://static1.squarespace.com/static/5d5137bc3138fd00019331f3/t/5d5414001501d7000138657f/1565791232988/NeueHaasDisplay-Light.woff') format('woff'),
  11. url('https://static1.squarespace.com/static/5d5137bc3138fd00019331f3/t/5d5150a82cf86f00010be079/1565610152420/D-DINCondensed.ttf') format('ttf');
  12. }
  13. /* Hub General Styles */
  14. #sm-hub-final-price {
  15. font-family: 'NeueHaasDisplay-Light';
  16. font-size: 12px;
  17. font-style: normal;
  18. font-weight: normal;
  19. line-height: 2em;
  20. letter-spacing: 0.125em;
  21. color: #fff;
  22. text-transform: uppercase;
  23. position: fixed;
  24. right: 30px;
  25. bottom: 32px;
  26. width: auto;
  27. padding: 10px 40px;
  28. background: #173637;
  29. border-radius: 39px;
  30. z-index: 999;
  31. }
  32. [id^="sm-hub"] .sqmuse-selected-packages-title,
  33. [id^="sm-hub"] .sqmuse-selected-packages-total {
  34. font-family: 'NeueHaasDisplay-Light';
  35. font-size: 12px;
  36. font-style: normal;
  37. font-weight: normal;
  38. line-height: 1em;
  39. letter-spacing: 0.125em;
  40. color: #050505;
  41. text-transform: uppercase;
  42. margin-top: 60px;
  43. margin-bottom: 30px;
  44. }
  45. [id^="sm-hub"] .sqmuse-selected-packages {
  46. font-family: 'NeueHaasDisplay-Roman-55';
  47. font-size: 14px;
  48. font-style: normal;
  49. font-weight: normal;
  50. letter-spacing: .08em;
  51. line-height: 1.78em;
  52. color: #050505;
  53. text-transform: none;
  54. width: 100%;
  55. position: relative;
  56. padding-left: 9px;
  57. box-sizing: border-box;
  58. display: flex;
  59. justify-content: space-between;
  60. }
  61. [id^="sm-hub"] .sqmuse-selected-packages:before {
  62. content: '.';
  63. font-size: 25px;
  64. position: absolute;
  65. top: -7px;
  66. left: 0;
  67. }
  68. [id^="sm-hub"] code {
  69. cursor: pointer;
  70. position: relative;
  71. padding-left: 25px;
  72. }
  73. [id^="sm-hub"] code:before {
  74. content: '';
  75. position: absolute;
  76. top: 24px;
  77. right: 20px;
  78. width: 20px;
  79. height: 20px;
  80. -webkit-border-radius: 20px;
  81. -moz-border-radius: 20px;
  82. border-radius: 20px;
  83. background: transparent;
  84. border: 1px solid #9E9E9E;
  85. }
  86. [id^="sm-hub"] code:after {
  87. content: "";
  88. display: inline-block;
  89. position: absolute;
  90. top: 28px;
  91. right: 24px;
  92. width: 14px;
  93. height: 11px;
  94. background: url("https://static1.squarespace.com/static/5d5137bc3138fd00019331f3/t/5d5d362de9ed8d00017ba2f6/1566389805771/new-checn-gray-dark.png") no-repeat;
  95. background-size: contain;
  96. opacity: 0;
  97. }
  98. [id^="sm-hub"] code.calculated:after {
  99. opacity: 1;
  100. }
  101. [id^="sm-hub"] .sqmuse-selected-packages-total {
  102. margin-top: 20px;
  103. width: 100%;
  104. }
  105. [id^="sm-hub"] .sm-info-total-price {
  106. float: right;
  107. color: #050505;
  108. }
  109. [id^="sm-hub"] h1,
  110. [id^="sm-hub"] h2,
  111. [id^="sm-hub"] h3 {
  112. -webkit-hyphens: none !important;
  113. -moz-hyphens: none !important;
  114. -ms-hyphens: none !important;
  115. hyphens: none !important;
  116. }
  117.  
  118. .Index-page,
  119. .Index-page--has-image {
  120. -webkit-font-smoothing: inherit;
  121. -moz-osx-font-smoothing: inherit;
  122. }
  123. .Header-branding img {
  124. filter: invert(100%);
  125. }
  126. .Header--overlay .Header-branding img {
  127. filter: none;
  128. }
  129. .Header-inner--bottom {
  130. padding-bottom: 30px;
  131. }
  132. .Mobile-bar-branding-logo {
  133. filter: invert(100%);
  134. }
  135. @media(max-width: 767px) {
  136. #sm-hub-final-price {
  137. bottom: 22px;
  138. }
  139. }
  140. @media(max-width: 640px) {
  141. #sm-hub-final-price {
  142. right: 20px;
  143. }
  144. }
  145.  
  146. /** Kit 1 **/
  147. /* Hub Slider 3 */
  148. @font-face {
  149. font-family: 'NeueHaasDisplay-Roman-55';
  150. src: url('https://static1.squarespace.com/static/5d5137bc3138fd00019331f3/t/5d5167a97ed3b60001ce9097/1565616042437/HaasGrotDisp-55Roman.eot');
  151. src: url('https://static1.squarespace.com/static/5d5137bc3138fd00019331f3/t/5d5167a97ed3b60001ce9097/1565616042437/HaasGrotDisp-55Roman.eot?#iefix') format('embedded-opentype'),
  152. url('https://static1.squarespace.com/static/5d5137bc3138fd00019331f3/t/5d5167caa18d7b00010d2023/1565616074714/HaasGrotDisp-55Roman.woff2') format('woff2'),
  153. url('https://static1.squarespace.com/static/5d5137bc3138fd00019331f3/t/5d5167dbecdf6d0001242048/1565616091237/HaasGrotDisp-55Roman.woff') format('woff'),
  154. url('https://static1.squarespace.com/static/5d5137bc3138fd00019331f3/t/5d5167e9bb5b91000179e878/1565616105547/HaasGrotDisp-55Roman.ttf') format('ttf');
  155. }
  156. @font-face {
  157. font-family: 'HaasGrotDisplay-65';
  158. src: url('https://static1.squarespace.com/static/5d5137bc3138fd00019331f3/t/5d516adf2cf86f00010c8eb0/1565616864626/HaasGrotDisp-65Medium.eot');
  159. src: url('https://static1.squarespace.com/static/5d5137bc3138fd00019331f3/t/5d516adf2cf86f00010c8eb0/1565616864626/HaasGrotDisp-65Medium.eot?#iefix') format('embedded-opentype'),
  160. url('https://static1.squarespace.com/static/5d5137bc3138fd00019331f3/t/5d516b028c9c7e0001a86f4b/1565616899342/HaasGrotDisp-65Medium.woff2') format('woff2'),
  161. url('https://static1.squarespace.com/static/5d5137bc3138fd00019331f3/t/5d516b12bb5b9100017a0be5/1565616915036/HaasGrotDisp-65Medium.woff') format('woff'),
  162. url('https://static1.squarespace.com/static/5d5137bc3138fd00019331f3/t/5d516b258c9c7e0001a87075/1565616933965/HaasGrotDisp-65Medium.ttf') format('ttf');
  163. }
  164. @font-face {
  165. font-family: 'NeueHaasDisplay-Medium';
  166. src: url('https://static1.squarespace.com/static/5d5137bc3138fd00019331f3/t/5d516d077ed3b60001cecce1/1565617416300/NeueHaasDisplay-Mediu.eot');
  167. src: url('https://static1.squarespace.com/static/5d5137bc3138fd00019331f3/t/5d516d077ed3b60001cecce1/1565617416300/NeueHaasDisplay-Mediu.eot?#iefix') format('embedded-opentype'),
  168. url('https://static1.squarespace.com/static/5d5137bc3138fd00019331f3/t/5d516d6b945f2e0001233cf1/1565617515914/NeueHaasDisplay-Mediu.woff2') format('woff2'),
  169. url('https://static1.squarespace.com/static/5d5137bc3138fd00019331f3/t/5d516d7dba218e00013bc4c4/1565617533812/NeueHaasDisplay-Mediu.woff') format('woff'),
  170. url('https://static1.squarespace.com/static/5d5137bc3138fd00019331f3/t/5d516db57ed3b60001ced157/1565617589773/NeueHaasDisplay-Mediu.ttf') format('ttf');
  171. }
  172. @font-face {
  173. font-family: 'D-DINCondensed';
  174. src: url('https://static1.squarespace.com/static/5d5137bc3138fd00019331f3/t/5d515076945f2e000122764f/1565610102969/D-DINCondensed.eot');
  175. src: url('https://static1.squarespace.com/static/5d5137bc3138fd00019331f3/t/5d515076945f2e000122764f/1565610102969/D-DINCondensed.eot?#iefix') format('embedded-opentype'),
  176. url('https://static1.squarespace.com/static/5d5137bc3138fd00019331f3/t/5d515089ba218e00013afd95/1565610121643/D-DINCondensed.woff2') format('woff2'),
  177. url('https://static1.squarespace.com/static/5d5137bc3138fd00019331f3/t/5d5150977ed3b60001ce04e2/1565610135484/D-DINCondensed.woff') format('woff'),
  178. url('https://static1.squarespace.com/static/5d5137bc3138fd00019331f3/t/5d5150a82cf86f00010be079/1565610152420/D-DINCondensed.ttf') format('ttf');
  179. }
  180. [id^="sm-hub-slider-3"] .summary-title a {
  181. font-family: 'NeueHaasDisplay-Roman-55';
  182. font-weight: 400;
  183. font-style: normal;
  184. font-size: 34px;
  185. letter-spacing: 0;
  186. line-height: 1.18em;
  187. color: #fff;
  188. pointer-events: none;
  189. }
  190. [id^="sm-hub-slider-3"] .summary-metadata-item a {
  191. font-family: 'D-DINCondensed';
  192. font-size: 11px;
  193. font-style: normal;
  194. font-weight: normal;
  195. letter-spacing: 0.3em;
  196. line-height: 1.82em;
  197. color: #F5F5F5;
  198. text-transform: uppercase;
  199. pointer-events: none;
  200. }
  201. [id^="sm-hub-slider-3"] .slick-dots .sm-slider-pagination-item {
  202. font-family: 'D-DINCondensed';
  203. font-size: 11px;
  204. font-style: normal;
  205. font-weight: normal;
  206. letter-spacing: 0.3em;
  207. line-height: 1.82em;
  208. color: #F5F5F5;
  209. z-index: 999;
  210. }
  211. [id^="sm-hub-slider-3"] .Index-page-content {
  212. padding: 0;
  213. max-width: 100%;
  214. }
  215. [id^="sm-hub-slider-3"] .Index-page-content:before,
  216. [id^="sm-hub-slider-3"] .summary-thumbnail:before {
  217. content: "";
  218. position: absolute;
  219. top: 0;
  220. left: 0;
  221. width: 100%;
  222. height: 200px;
  223. background-image: linear-gradient(-180deg, rgba(0, 0, 0, 0.2), transparent);
  224. z-index: 1;
  225. }
  226. [id^="sm-hub-slider-3"] .summary-thumbnail:before {
  227. top: auto;
  228. bottom: 0;
  229. left: 0;
  230. height: 220px;
  231. background-image: linear-gradient(-360deg, rgba(0, 0, 0, 0.2), transparent);
  232. z-index: 1;
  233. }
  234. [id^="sm-hub-slider-3"] .summary-thumbnail-outer-container,
  235. [id^="sm-hub-slider-3"] .summary-thumbnail-container {
  236. width: 100% !important;
  237. }
  238. [id^="sm-hub-slider-3"] .summary-content {
  239. width: 100% !important;
  240. position: absolute;
  241. left: 0;
  242. bottom: 35px;
  243. z-index: 9;
  244. }
  245. [id^="sm-hub-slider-3"] .summary-title {
  246. margin-top: 40px !important;
  247. margin-bottom: 3px;
  248. }
  249. [id^="sm-hub-slider-3"] .sqs-block-summary-v2,
  250. [id^="sm-hub-slider-3"] .sqs-block-summary-v2 .summary-block-setting-design-list .summary-item {
  251. padding-bottom: 0 !important;
  252. margin-bottom: 0 !important;
  253. outline: none;
  254. position: relative;
  255. }
  256. [id^="sm-hub-slider-3"] .sqs-gallery-design-list-slide {
  257. padding-bottom: 0 !important;
  258. margin-bottom: 0 !important;
  259. }
  260. [id^="sm-hub-slider-3"] .summary-thumbnail {
  261. padding-bottom: 56.25% !important;
  262. }
  263. [id^="sm-hub-slider-3"] .sqs-gallery-design-list .sqs-gallery-image-container {
  264. padding-right: 0;
  265. }
  266. [id^="sm-hub-slider-3"] .sqs-block-summary-v2 .slick-prev,
  267. [id^="sm-hub-slider-3"] .sqs-block-summary-v2 .slick-next {
  268. background: url("https://static1.squarespace.com/static/5ceba3dbc5ca7e00015605e8/t/5d24785d12c9e000010f7da4/1562671197602/arrow-prev-white-big.png") no-repeat;
  269. background-size: contain;
  270. width: 30px;
  271. height: 11px;
  272. border: none;
  273. font-size: 0;
  274. outline: none;
  275. position: absolute;
  276. top: 50%;
  277. transform: translateY(-50%);
  278. left: 55px;
  279. z-index: 998;
  280. }
  281. [id^="sm-hub-slider-3"] .sqs-block-summary-v2 .slick-next {
  282. background: url("https://static1.squarespace.com/static/5ceba3dbc5ca7e00015605e8/t/5d24784927b7e10001dbebe2/1562671177228/arrow-next-white-big.png") no-repeat;
  283. background-size: contain;
  284. left: auto;
  285. right: 55px;
  286. }
  287. [id^="sm-hub-slider-3"] .sqs-video-wrapper .sqs-video-overlay .sqs-video-icon {
  288. width: 59px;
  289. height: 59px;
  290. background: url("https://static1.squarespace.com/static/5ceba3dbc5ca7e00015605e8/t/5d1f3c31d7cf6b00012a598a/1562328113780/play-icon.png") no-repeat;
  291. background-size: contain;
  292. top: auto;
  293. bottom: 115px;
  294. }
  295. [id^="sm-hub-slider-3"] .slick-dots {
  296. padding-left: 0;
  297. position: absolute;
  298. left: 10%;
  299. bottom: 20px;
  300. margin-bottom: 0;
  301. }
  302. [id^="sm-hub-slider-3"] .slick-dots li {
  303. display: inline-block;
  304. list-style: none;
  305. position: relative;
  306. padding-right: 20px;
  307. -webkit-transition: all 0.4s;
  308. -moz-transition: all 0.4s;
  309. -o-transition: all 0.4s;
  310. transition: all 0.4s;
  311. }
  312. [id^="sm-hub-slider-3"] .slick-dots .sm-slider-pagination-item {
  313. cursor: pointer;
  314. padding: 5px;
  315. color: rgba(255,255,255,0.6);
  316. }
  317. [id^="sm-hub-slider-3"] .slick-dots .slick-active {
  318. padding-left: 110px;
  319. padding-right: 110px;
  320. }
  321. [id^="sm-hub-slider-3"] .slick-dots li:before,
  322. [id^="sm-hub-slider-3"] .slick-dots li:after {
  323. content: '';
  324. width: 60px;
  325. height: 1px;
  326. background: rgba(255,255,255,0.6);;
  327. position: absolute;
  328. top: 14px;
  329. left: 30px;
  330. -webkit-transition: all 0.4s;
  331. -moz-transition: all 0.4s;
  332. -o-transition: all 0.4s;
  333. transition: all 0.4s;
  334. opacity: 0;
  335. visibility: hidden;
  336. }
  337. [id^="sm-hub-slider-3"] .slick-dots li:after {
  338. left: auto;
  339. right: 30px;
  340. }
  341. [id^="sm-hub-slider-3"] .slick-dots li.slick-active:before,
  342. [id^="sm-hub-slider-3"] .slick-dots li.slick-active:after {
  343. opacity: 1;
  344. visibility: visible;
  345. }
  346. [id^="sm-hub-slider-3"] .slick-dots li:first-child.slick-active::before,
  347. [id^="sm-hub-slider-3"] .slick-dots li:last-child.slick-active::after {
  348. display: none;
  349. }
  350. [id^="sm-hub-slider-3"] .slick-dots li:first-child.slick-active {
  351. padding-left: 0;
  352. }
  353. [id^="sm-hub-slider-3"] .slick-dots li:last-child.slick-active {
  354. padding-right: 0;
  355. }
  356. @media(max-width: 1199px) {
  357. [id^="sm-hub-slider-3"] .summary-title {
  358. margin-top: 10px !important;
  359. }
  360. [id^="sm-hub-slider-3"] .sqs-block-summary-v2 .slick-prev,
  361. [id^="sm-hub-slider-3"] .sqs-block-summary-v2 .slick-next {
  362. top: 50%;
  363. }
  364. }
  365. @media(max-width: 991px) {
  366. [id^="sm-hub-slider-3"] .summary-title a {
  367. font-size: 30px;
  368. }
  369. [id^="sm-hub-slider-3"] .summary-content {
  370. bottom: 40px;
  371. }
  372. }
  373. @media(max-width: 767px) {
  374. [id^="sm-hub-slider-3"] .slick-dots {
  375. width: 100%;
  376. left: 0;
  377. text-align: center;
  378. }
  379. }
  380. @media(max-width: 640px) {
  381. [id^="sm-hub-slider-3"] .sqs-block-summary-v2 .summary-block-setting-design-list .summary-item .summary-thumbnail-container,
  382. [id^="sm-hub-slider-3"] .sqs-block-summary-v2 .summary-block-setting-design-list .summary-thumbnail-outer-container,
  383. [id^="sm-hub-slider-3"] .sqs-gallery-design-list .sqs-gallery-design-list-slide .sqs-gallery-meta-container {
  384. width: 100% !important;
  385. }
  386. [id^="sm-hub-slider-3"] .sqs-gallery-design-list .sqs-gallery-design-list-slide .sqs-gallery-meta-container {
  387. display: flex;
  388. flex-direction: column;
  389. align-items: center;
  390. justify-content: center;
  391. height: 70%;
  392. padding-left: 20px;
  393. padding-right: 20px;
  394. }
  395. [id^="sm-hub-slider-3"] .sqs-layout .sqs-row .sqs-block-summary-v2 {
  396. padding: 0 !important;
  397. }
  398. [id^="sm-hub-slider-3"] .sqs-video-wrapper .sqs-video-overlay .sqs-video-icon {
  399. display: none;
  400. }
  401. [id^="sm-hub-slider-3"] .sqs-block-summary-v2 .slick-prev,
  402. [id^="sm-hub-slider-3"] .sqs-block-summary-v2 .slick-next {
  403. top: 50%;
  404. }
  405. [id^="sm-hub-slider-3"] .sqs-block-summary-v2 .slick-prev {
  406. left: 30px;
  407. }
  408. [id^="sm-hub-slider-3"] .sqs-block-summary-v2 .slick-next {
  409. right: 30px;
  410. }
  411. [id^="sm-hub-slider-3"] .summary-title {
  412. padding-left: 20px;
  413. padding-right: 20px;
  414. }
  415. [id^="sm-hub-slider-3"] .summary-title a {
  416. font-size: 25px;
  417. }
  418. }
  419.  
  420. /* Hub Info 1 */
  421. [id^="sm-hub-info-1"] h2 {
  422. font-family: 'NeueHaasDisplay-Roman-55';
  423. font-weight: 400;
  424. font-style: normal;
  425. font-size: 50px;
  426. letter-spacing: 0;
  427. line-height: 1.06em;
  428. color: #050505;
  429. text-transform: none;
  430. max-width: 440px;
  431. margin-top: 0;
  432. }
  433. [id^="sm-hub-info-1"] h3 {
  434. font-family: 'D-DINCondensed';
  435. font-weight: 400;
  436. font-style: normal;
  437. font-size: 11px;
  438. letter-spacing: 0.27em;
  439. line-height: 1.82em;
  440. color: #000000;
  441. text-transform: uppercase;
  442. margin-top: 40px !important;
  443. margin-bottom: 16px;
  444. }
  445. [id^="sm-hub-info-1"] p {
  446. font-family: 'NeueHaasDisplay-Roman-55';
  447. font-weight: 400;
  448. font-style: normal;
  449. font-size: 18px;
  450. letter-spacing: 0.04em;
  451. line-height: 1.67em;
  452. text-transform: none;
  453. color: #050505;
  454. max-width: 445px;
  455. margin-top: 0;
  456. }
  457. [id^="sm-hub-info-1"]:before {
  458. content: '';
  459. position: absolute;
  460. bottom: 0;
  461. width: 100%;
  462. height: 50%;
  463. background: #F5F5F5;
  464. }
  465. [id^="sm-hub-info-1"] .Index-page-content {
  466. padding: 70px 40px;
  467. }
  468. [id^="sm-hub-info-1"] .sqs-block-html:last-child h3 {
  469. font-size: 20px;
  470. letter-spacing: 0.1em;
  471. line-height: 1.5em;
  472. color: #9E9E9E;
  473. max-width: 380px;
  474. margin-bottom: 15px;
  475. }
  476. @media(max-width: 991px) {
  477. [id^="sm-hub-info-1"] h2 {
  478. font-size: 35px;
  479. }
  480. }
  481. @media(max-width: 767px) {
  482. [id^="sm-hub-info-1"] h2 {
  483. font-size: 30px;
  484. hyphens: none;
  485. -moz-hyphens: none;
  486. -ms-hyphens: none;
  487. -webkit-hyphens: none;
  488. }
  489. [id^="sm-hub-info-1"] h3 {
  490. margin-top: 0 !important;
  491. max-width: 100%;
  492. }
  493. [id^="sm-hub-info-1"] .Index-page-content {
  494. padding: 40px 40px 20px;
  495. }
  496. [id^="sm-hub-info-1"] .sqs-col-6 .sqs-block-spacer {
  497. display: none;
  498. }
  499. [id^="sm-hub-info-1"]:before {
  500. height: 60%;
  501. }
  502. }
  503. @media(max-width: 640px) {
  504. [id^="sm-hub-info-1"] .sqs-layout .sqs-row .sqs-block-image {
  505. padding-top: 0 !important;
  506. }
  507. [id^="sm-hub-info-1"] .sqs-block-html:last-child h3 {
  508. font-size: 14px;
  509. }
  510. [id^="sm-hub-info-1"] .sqs-block-html:last-child h3 {
  511. margin-bottom: 20px;
  512. }
  513. }
  514.  
  515. /* Hub Info 2 */
  516. [id^="sm-hub-info-2"] h2 {
  517. font-family: 'NeueHaasDisplay-Roman-55';
  518. font-weight: 400;
  519. font-style: normal;
  520. font-size: 34px;
  521. letter-spacing: 0;
  522. line-height: 1.18em;
  523. color: #050505;
  524. text-transform: none;
  525. margin-bottom: 40px;
  526. margin-top: 25px !important;
  527. }
  528. [id^="sm-hub-info-2"] h3 {
  529. font-family: 'D-DINCondensed';
  530. font-weight: 400;
  531. font-style: normal;
  532. font-size: 11px;
  533. letter-spacing: 0.27em;
  534. line-height: 1.82em;
  535. text-transform: uppercase;
  536. }
  537. [id^="sm-hub-info-2"] p {
  538. font-family: 'NeueHaasDisplay-Roman-55';
  539. font-weight: 400;
  540. font-style: normal;
  541. font-size: 18px;
  542. letter-spacing: 0.04em;
  543. line-height: 1.67em;
  544. text-transform: none;
  545. color: #050505;
  546. }
  547. [id^="sm-hub-info-2"] .Index-page-content {
  548. padding: 60px 40px;
  549. }
  550. [id^="sm-hub-info-2"] .sqs-col-6 p {
  551. max-width: 500px;
  552. }
  553. [id^="sm-hub-info-2"] .sqs-col-5 h3 {
  554. max-width: 350px;
  555. margin-bottom: 28px;
  556. }
  557. [id^="sm-hub-info-2"] .sqs-col-5 p {
  558. max-width: 400px;
  559. }
  560. [id^="sm-hub-info-2"] .sqs-col-5 .sqs-block-html {
  561. margin-bottom: 40px;
  562. }
  563. [id^="sm-hub-info-2"] .sqs-row .sqs-row .sqs-col-4 .sqs-block-image {
  564. padding-top: 20px;
  565. padding-left: 60px;
  566. }
  567. [id^="sm-hub-info-2"] .sqs-row .sqs-row .sqs-col-5 .sqs-block-image {
  568. max-width: 75%;
  569. margin: 0 auto;
  570. }
  571. [id^="sm-hub-info-2"] .sqs-row .sqs-row:first-child .sqs-col-4 .sqs-block-image {
  572. padding-left: 0;
  573. max-width: 80%;
  574. margin-left: 15px;
  575. }
  576. @media(max-width: 1199px) {
  577. [id^="sm-hub-info-2"] .sqs-col-5 .sqs-block-html {
  578. margin-bottom: 0;
  579. }
  580. }
  581. @media(max-width: 991px) {
  582. [id^="sm-hub-info-2"] h2 {
  583. font-size: 28px;
  584. }
  585. [id^="sm-hub-info-2"] .sqs-col-5 h3 {
  586. font-size: 9px;
  587. letter-spacing: 0.3em;
  588. max-width: 100%;
  589. margin-bottom: 20px;
  590. }
  591. }
  592. @media(max-width: 767px) {
  593. [id^="sm-hub-info-2"] .Index-page-content {
  594. padding: 40px 30px;
  595. }
  596. [id^="sm-hub-info-2"] h2 {
  597. font-size: 25px;
  598. margin-bottom: 10px;
  599. }
  600. }
  601. @media(max-width: 640px) {
  602. [id^="sm-hub-info-2"] .Index-page-content {
  603. padding: 20px 30px;
  604. }
  605. [id^="sm-hub-info-2"] .sqs-row .sqs-row:first-child .sqs-col-4 .sqs-block-image {
  606. max-width: 100%;
  607. }
  608. }
  609.  
  610. /* Hub Video 3 */
  611. [id^="sm-hub-video-3"] .video-caption p {
  612. font-family: 'NeueHaasDisplay-Roman-55';
  613. font-size: 22px;
  614. font-style: normal;
  615. font-weight: normal;
  616. letter-spacing: 0.02em;
  617. line-height: 0.8em;
  618. color: #fff;
  619. margin-top: 0;
  620. margin-bottom: 0;
  621. }
  622. [id^="sm-hub-video-3"] .video-caption p strong {
  623. font-family: 'D-DINCondensed';
  624. font-size: 11px;
  625. font-weight: normal;
  626. font-style: normal;
  627. letter-spacing: 0.18em;
  628. line-height: 1.82em;
  629. color: #F5F5F5;
  630. text-transform: uppercase;
  631. padding-left: 5px;
  632. }
  633. [id^="sm-hub-video-3"] h2 {
  634. font-family: 'D-DINCondensed';
  635. font-size: 20px;
  636. font-style: normal;
  637. font-weight: normal;
  638. letter-spacing: 0.1em;
  639. line-height: 1.5em;
  640. color: #9E9E9E;
  641. text-transform: uppercase;
  642. margin-bottom: 35px;
  643. }
  644. [id^="sm-hub-video-3"] p {
  645. font-family: 'NeueHaasDisplay-Roman-55';
  646. font-weight: 400;
  647. font-style: normal;
  648. font-size: 18px;
  649. letter-spacing: 0.04em;
  650. line-height: 1.67em;
  651. color: #050505;
  652. }
  653. [id^="sm-hub-video-3"] p a {
  654. font-family: 'NeueHaasDisplay-Medium';
  655. font-size: 14px;
  656. font-style: normal;
  657. font-weight: normal;
  658. letter-spacing: 0.07em;
  659. line-height: 1em;
  660. color: #050505;
  661. border-bottom-color: #050505;
  662. text-transform: none;
  663. display: inline-block;
  664. padding-bottom: 2px;
  665. margin-top: 30px;
  666. }
  667. [id^="sm-hub-video-3"] {
  668. background: #F5F5F5;
  669. }
  670. [id^="sm-hub-video-3"] .Index-page-content {
  671. padding: 0;
  672. max-width: 100%;
  673. }
  674. [id^="sm-hub-video-3"] .sqs-row .sqs-row {
  675. display: flex;
  676. align-items: center;
  677. }
  678. [id^="sm-hub-video-3"] .sqs-col-3 p {
  679. max-width: 185px;
  680. margin: 0 auto 25px;
  681. }
  682. [id^="sm-hub-video-3"] .sqs-col-3 .sqs-block-html {
  683. padding-left: 0;
  684. }
  685. [id^="sm-hub-video-3"] .video-caption-wrapper {
  686. position: absolute;
  687. bottom: 55px;
  688. left: 22%;
  689. }
  690. [id^="sm-hub-video-3"] .sqs-block-video {
  691. padding-bottom: 0 !important;
  692. padding-right: 0 !important;
  693. }
  694. [id^="sm-hub-video-3"] .sqs-video-wrapper .sqs-video-overlay .sqs-video-icon {
  695. width: 59px;
  696. height: 59px;
  697. background: url("https://static1.squarespace.com/static/5ceba3dbc5ca7e00015605e8/t/5d1f3c31d7cf6b00012a598a/1562328113780/play-icon.png") no-repeat;
  698. background-size: contain;
  699. top: auto;
  700. left: 14%;
  701. bottom: 50px;
  702. }
  703. [id^="sm-hub-video-3"] .sm-video-play-active .video-caption-wrapper {
  704. opacity: 0;
  705. }
  706. @media(max-width: 1199px) {
  707. [id^="sm-hub-video-3"] h2 {
  708. margin-bottom: 15px;
  709. }
  710. [id^="sm-hub-video-3"] p a {
  711. margin-top: 0;
  712. }
  713. }
  714. @media(max-width: 991px) {
  715. [id^="sm-hub-video-3"] .Index-page-content {
  716. padding: 40px 20px;
  717. }
  718. [id^="sm-hub-video-3"] .sqs-video-wrapper .sqs-video-overlay .sqs-video-icon {
  719. width: 50px;
  720. height: 50px;
  721. }
  722. [id^="sm-hub-video-3"] h2 {
  723. font-size: 15px;
  724. margin-bottom: 15px;
  725. }
  726. [id^="sm-hub-video-3"] .sqs-col-3 p {
  727. max-width: 100%;
  728. margin: 0 auto 10px;
  729. }
  730. [id^="sm-hub-video-3"] .sqs-col-3 .sqs-block-html {
  731. padding-left: 17px;
  732. }
  733. }
  734. @media(max-width: 640px) {
  735. [id^="sm-hub-video-3"] .sqs-row .sqs-row {
  736. display: block;
  737. }
  738. [id^="sm-hub-video-3"] .Index-page-content {
  739. padding: 10px 20px;
  740. }
  741. [id^="sm-hub-video-3"] .sqs-video-wrapper .sqs-video-overlay .sqs-video-icon {
  742. width: 40px;
  743. height: 40px;
  744. bottom: 10px;
  745. left: 10%;
  746. }
  747. [id^="sm-hub-video-3"] .video-caption p {
  748. font-size: 18px;
  749. }
  750. [id^="sm-hub-video-3"] .video-caption p strong {
  751. font-size: 9px;
  752. }
  753. [id^="sm-hub-video-3"] .video-caption-wrapper {
  754. bottom: 25px;
  755. }
  756. }
  757.  
  758. /* Hub Price 1 */
  759. [id^="sm-hub-price-1"] h2 {
  760. font-family: 'NeueHaasDisplay-Roman-55';
  761. font-size: 34px;
  762. font-style: normal;
  763. font-weight: normal;
  764. letter-spacing: 0;
  765. line-height: 1.18em;
  766. color: #050505;
  767. text-transform: none;
  768. }
  769. [id^="sm-hub-price-1"] h3 {
  770. font-family: 'D-DINCondensed';
  771. font-size: 11px;
  772. font-style: normal;
  773. font-weight: normal;
  774. letter-spacing: 0.27em;
  775. line-height: 1.82em;
  776. color: #050505;
  777. margin-bottom: 15px;
  778. }
  779. [id^="sm-hub-price-1"] li p {
  780. font-family: 'NeueHaasDisplay-Roman-55';
  781. font-size: 15px;
  782. font-style: normal;
  783. font-weight: normal;
  784. letter-spacing: 0.03em;
  785. line-height: 2em;
  786. color: #050505;
  787. max-width: 250px;
  788. margin: 0 auto;
  789. }
  790. [id^="sm-hub-price-1"] {
  791. background: #FFFFFF;
  792. }
  793. [id^="sm-hub-price-1"] .Index-page-content {
  794. padding: 60px 40px;
  795. }
  796. [id^="sm-hub-price-1"] .sqs-row .sqs-row {
  797. display: -webkit-flex;
  798. display: flex;
  799. -webkit-flex-direction: row;
  800. flex-direction: row;
  801. -webkit-align-items: flex-start;
  802. align-items: flex-start;
  803. }
  804. [id^="sm-hub-price-1"] .sqs-col-4 {
  805. border-top: 6px solid #F0F0F0;
  806. background: #F5F5F5;
  807. padding: 12px 20px 0;
  808. box-sizing: border-box;
  809. margin-left: 22px;
  810. margin-right: 22px;
  811. }
  812. [id^="sm-hub-price-1"] .sqs-col-4:first-child {
  813. margin-left: 0;
  814. }
  815. [id^="sm-hub-price-1"] .sqs-col-4:last-child {
  816. margin-right: 0;
  817. }
  818. [id^="sm-hub-price-1"] .sqs-col-4 .sqs-block-html:last-child {
  819. padding-bottom: 0 !important;
  820. }
  821. [id^="sm-hub-price-1"] .sqs-col-12 h2 {
  822. margin-bottom: 32px !important;
  823. }
  824. [id^="sm-hub-price-1"] .sqs-col-4 h2 {
  825. font-size: 22px;
  826. line-height: 1.36em;
  827. letter-spacing: 0.02em;
  828. color: #173637;
  829. max-width: 200px;
  830. margin: 10px auto 8px !important;
  831. }
  832. [id^="sm-hub-price-1"] .sqs-block-image {
  833. padding: 0 35px 25px;
  834. }
  835. [id^="sm-hub-price-1"] ul {
  836. margin-bottom: 60px;
  837. padding-left: 0;
  838. }
  839. [id^="sm-hub-price-1"] li {
  840. position: relative;
  841. }
  842. [id^="sm-hub-price-1"] ul[data-rte-list] li>*:first-child::before {
  843. display: none;
  844. }
  845. [id^="sm-hub-price-1"] pre {
  846. margin: 44px -37px 0;
  847. overflow: hidden;
  848. }
  849. [id^="sm-hub-price-1"] code {
  850. font-family: 'NeueHaasDisplay-Roman-55';
  851. font-size: 22px;
  852. font-style: normal;
  853. font-weight: normal;
  854. letter-spacing: 0.02em;
  855. line-height: 1.36em;
  856. color: #173637;
  857. margin-left: 28px;
  858. margin-right: 28px;
  859. border-top: 1px solid #173637;
  860. display: inline-block;
  861. width: calc(~"100% - 84px");
  862. padding-top: 22px;
  863. padding-bottom: 22px;
  864. }
  865. [id^="sm-hub-price-1"] .sm-checked-price code {
  866. color: #fff;
  867. }
  868. [id^="sm-hub-price-1"] code:after {
  869. background: url("https://static1.squarespace.com/static/5d5137bc3138fd00019331f3/t/5d5d3603e2b58600016e43ce/1566389763319/new-check-white.png") no-repeat;
  870. background-size: contain;
  871. width: 14px;
  872. height: 11px;
  873. top: 30px;
  874. }
  875. [id^="sm-hub-price-1"] .sm-checked-price {
  876. background: #041B1D;
  877. }
  878. @media(max-width: 991px) {
  879. [id^="sm-hub-price-1"] .Index-page-content {
  880. padding: 40px 20px;
  881. }
  882. [id^="sm-hub-price-1"] .sqs-col-12 h2 {
  883. margin-bottom: 20px !important;
  884. }
  885. [id^="sm-hub-price-1"] .sqs-col-4 {
  886. padding: 0;
  887. margin-left: 10px !important;
  888. margin-right: 10px !important;
  889. }
  890. [id^="sm-hub-price-1"] pre {
  891. margin: 30px -17px 0;
  892. }
  893. [id^="sm-hub-price-1"] h2 {
  894. font-size: 30px;
  895. }
  896. [id^="sm-hub-price-1"] code {
  897. font-size: 18px;
  898. }
  899. }
  900. @media(max-width: 640px) {
  901. [id^="sm-hub-price-1"] .sqs-row .sqs-row {
  902. display: block;
  903. }
  904. [id^="sm-hub-price-1"] .sqs-col-4 {
  905. margin-top: 10px !important;
  906. }
  907. }
  908.  
  909. /* Hub Features 1 */
  910. [id^="sm-hub-features-1"] h2 {
  911. font-family: 'NeueHaasDisplay-Roman-55';
  912. font-size: 34px;
  913. font-style: normal;
  914. font-weight: normal;
  915. letter-spacing: 0;
  916. line-height: 1.18em;
  917. color: #F5F5F5;
  918. }
  919. [id^="sm-hub-features-1"] p {
  920. font-family: 'NeueHaasDisplay-Roman-55';
  921. font-size: 18px;
  922. font-style: normal;
  923. font-weight: normal;
  924. letter-spacing: 0.04em;
  925. line-height: 1.67em;
  926. color: #F5F5F5;
  927. }
  928. [id^="sm-hub-features-1"] li p {
  929. font-family: 'D-DINCondensed';
  930. font-size: 16px;
  931. font-style: normal;
  932. font-weight: normal;
  933. letter-spacing: 0.16em;
  934. line-height: 1.8em;
  935. color: #F5F5F5;
  936. text-transform: uppercase;
  937. max-width: 100%;
  938. margin: 0;
  939. }
  940. [id^="sm-hub-features-1"] .sqs-block-button .sqs-block-button-element {
  941. font-family: 'HaasGrotDisplay-65';
  942. font-weight: 400;
  943. font-style: normal;
  944. font-size: 14px;
  945. letter-spacing: 0.07em;
  946. line-height: 1.5em;
  947. text-transform: none;
  948. color: #050505 !important;
  949. background: #F0F0F0 !important;
  950. border: 2px solid #F0F0F0 !important;
  951. border-radius: 0 !important;
  952. padding: 9px 74px;
  953. }
  954. [id^="sm-hub-features-1"] .sqs-block-button .sqs-block-button-element:hover {
  955. background: transparent !important;
  956. color: #F0F0F0 !important;
  957. }
  958. [id^="sm-hub-features-1"] .sqs-block-button {
  959. margin-top: 20px;
  960. }
  961. body [id^="sm-hub-features-1"].Index-page--has-image {
  962. min-height: 70vh;
  963. }
  964. [id^="sm-hub-features-1"] ul[data-rte-list] li>*:first-child::before {
  965. display: none;
  966. }
  967. [id^="sm-hub-features-1"] ul {
  968. margin-top: 35px !important;
  969. }
  970. [id^="sm-hub-features-1"] li {
  971. position: relative;
  972. margin-top: 32px;
  973. }
  974. [id^="sm-hub-features-1"] li:first-child {
  975. margin-top: 0;
  976. }
  977. @media(max-width: 1199px) {
  978. [id^="sm-hub-features-1"] .sqs-block-button {
  979. margin-top: 0;
  980. }
  981. }
  982. @media(max-width: 991px) {
  983. [id^="sm-hub-features-1"] .sqs-block-button .sqs-block-button-element {
  984. padding: 9px 60px;
  985. }
  986. [id^="sm-hub-features-1"] h2 {
  987. font-size: 25px;
  988. }
  989. [id^="sm-hub-features-1"] p {
  990. font-size: 17px;
  991. }
  992. [id^="sm-hub-features-1"] ul {
  993. margin-top: 0 !important;
  994. }
  995. }
  996. @media(max-width: 767px) {
  997. [id^="sm-hub-features-1"] .Index-page-content {
  998. padding: 50px 40px;
  999. }
  1000. [id^="sm-hub-features-1"] .sqs-block-button .sqs-block-button-element {
  1001. padding: 9px 40px;
  1002. }
  1003. [id^="sm-hub-features-1"] ul{
  1004. margin-top: 25px !important;
  1005. }
  1006. }
  1007. @media(max-width: 640px) {
  1008. [id^="sm-hub-features-1"] ul{
  1009. padding-left: 0;
  1010. }
  1011. }
  1012.  
  1013. /* Hub Multi Features 3 */
  1014. [id^="sm-hub-multi-features-3"] h3 {
  1015. font-family: 'D-DINCondensed';
  1016. font-size: 11px;
  1017. font-style: normal;
  1018. font-weight: normal;
  1019. letter-spacing: 0.27em;
  1020. line-height: 1.82em;
  1021. color: #050505;
  1022. text-transform: uppercase;
  1023. }
  1024. [id^="sm-hub-multi-features-3"] h2 {
  1025. font-family: 'NeueHaasDisplay-Roman-55';
  1026. font-size: 34px;
  1027. font-style: normal;
  1028. font-weight: normal;
  1029. letter-spacing: 0;
  1030. line-height: 1.18em;
  1031. color: #050505;
  1032. text-transform: none;
  1033. max-width: 350px;
  1034. }
  1035. [id^="sm-hub-multi-features-3"] li,
  1036. [id^="sm-hub-multi-features-3"] li strong {
  1037. font-family: 'D-DINCondensed';
  1038. font-size: 16px;
  1039. font-style: normal;
  1040. font-weight: normal;
  1041. letter-spacing: 0.16em;
  1042. line-height: 1.8em;
  1043. color: #050505;
  1044. text-transform: uppercase;
  1045. }
  1046. [id^="sm-hub-multi-features-3"] li {
  1047. list-style: none;
  1048. margin-top: 14px;
  1049. padding-bottom: 8px;
  1050. border-bottom: 1px solid #D0C8B8;
  1051. position: relative;
  1052. }
  1053. [id^="sm-hub-multi-features-3"] code {
  1054. font-family: 'NeueHaasDisplay-Roman-55';
  1055. font-size: 22px;
  1056. font-style: normal;
  1057. font-weight: normal;
  1058. letter-spacing: 0.02em;
  1059. line-height: 1em;
  1060. color: #173637;
  1061. }
  1062. [id^="sm-hub-multi-features-3"] li em {
  1063. display: none;
  1064. font-size: 11px;
  1065. font-weight: 400;
  1066. line-height: 1.8em;
  1067. font-style: normal;
  1068. letter-spacing: 0.27em;
  1069. margin-top: 6px;
  1070. padding-bottom: 17px;
  1071. z-index: 99;
  1072. max-width: 300px;
  1073. }
  1074. [id^="sm-hub-multi-features-3"] .yui3-texteditor-content li em {
  1075. display: block;
  1076. }
  1077. [id^="sm-hub-multi-features-3"] li {
  1078. display: inline-block;
  1079. width: 100%;
  1080. padding-left: 45px;
  1081. }
  1082. [id^="sm-hub-multi-features-3"] li p {
  1083. width: 75%;
  1084. float: left;
  1085. }
  1086. [id^="sm-hub-multi-features-3"] li pre {
  1087. width: 25%;
  1088. float: right;
  1089. padding-top: 2px;
  1090. }
  1091. [id^="sm-hub-multi-features-3"] li:before {
  1092. content: '+';
  1093. font-size: 20px;
  1094. color: #000;
  1095. position: absolute;
  1096. top: 6px;
  1097. left: 17px;
  1098. -webkit-transition: all 0.5s;
  1099. -moz-transition: all 0.5s;
  1100. -ms-transition: all 0.5s;
  1101. -o-transition: all 0.5s;
  1102. transition: all 0.5s;
  1103. }
  1104. [id^="sm-hub-multi-features-3"] li.active:before {
  1105. content: '-';
  1106. }
  1107. [id^="sm-hub-multi-features-3"] ul[data-rte-list] li>*:first-child::before {
  1108. display: none;
  1109. }
  1110. [id^="sm-hub-multi-features-3"] {
  1111. background: #F5F5F5;
  1112. }
  1113. [id^="sm-hub-multi-features-3"] .Index-page-content {
  1114. padding: 150px 40px 75px;
  1115. }
  1116. [id^="sm-hub-multi-features-3"] .sqs-row .sqs-row {
  1117. display: flex;
  1118. }
  1119. [id^="sm-hub-multi-features-3"] .sqs-col-5 {
  1120. display: flex;
  1121. flex-direction: column;
  1122. justify-content: space-between;
  1123. }
  1124. [id^="sm-hub-multi-features-3"] code {
  1125. float: right;
  1126. padding-right: 60px;
  1127. }
  1128. [id^="sm-hub-multi-features-3"] code:before {
  1129. top: -2px;
  1130. right: 10px;
  1131. }
  1132. [id^="sm-hub-multi-features-3"] code:after {
  1133. top: 4px;
  1134. right: 14px;
  1135. }
  1136. @media(max-width: 1199px) {
  1137. [id^="sm-hub-multi-features-3"] ul {
  1138. padding-left: 0;
  1139. padding-right: 30px;
  1140. }
  1141. [id^="sm-hub-multi-features-3"] code {
  1142. padding-left: 0;
  1143. padding-right: 45px;
  1144. }
  1145. }
  1146. @media(max-width: 991px) {
  1147. [id^="sm-hub-multi-features-3"] .Index-page-content {
  1148. padding: 60px 40px 55px;
  1149. }
  1150. [id^="sm-hub-multi-features-3"] li p {
  1151. width: 65%;
  1152. }
  1153. [id^="sm-hub-multi-features-3"] li pre {
  1154. width: 35%;
  1155. }
  1156. [id^="sm-hub-multi-features-3"] code {
  1157. font-size: 18px;
  1158. line-height: 1.2em;
  1159. }
  1160. [id^="sm-hub-multi-features-3"] li,
  1161. [id^="sm-hub-multi-features-3"] li strong {
  1162. font-size: 15px;
  1163. letter-spacing: 0.1em;
  1164. }
  1165. }
  1166. @media(max-width: 767px) {
  1167. [id^="sm-hub-multi-features-3"] h2 {
  1168. font-size: 25px;
  1169. }
  1170. [id^="sm-hub-multi-features-3"] code {
  1171. font-size: 14px;
  1172. line-height: 1.5em;
  1173. }
  1174. [id^="sm-hub-multi-features-3"] li,
  1175. [id^="sm-hub-multi-features-3"] li strong {
  1176. font-size: 12px;
  1177. }
  1178. [id^="sm-hub-multi-features-3"] li em {
  1179. letter-spacing: 0.2em;
  1180. }
  1181. [id^="sm-hub-multi-features-3"] li:before {
  1182. top: 4px;
  1183. }
  1184. }
  1185. @media(max-width: 640px) {
  1186. [id^="sm-hub-multi-features-3"] .sqs-row .sqs-row {
  1187. display: block;
  1188. }
  1189. [id^="sm-hub-multi-features-3"] .Index-page-content {
  1190. padding: 40px;
  1191. }
  1192. }
  1193.  
  1194. /* Hub FAQ 1 */
  1195. [id^="sm-hub-faq-1"] h2 {
  1196. font-family: 'NeueHaasDisplay-Roman-55';
  1197. font-size: 34px;
  1198. font-style: normal;
  1199. font-weight: normal;
  1200. letter-spacing: 0;
  1201. line-height: 1.18em;
  1202. color: #050505;
  1203. text-transform: uppercase;
  1204. margin-bottom: 0;
  1205. }
  1206. [id^="sm-hub-faq-1"] li h2 {
  1207. font-family: 'D-DINCondensed';
  1208. font-size: 20px;
  1209. font-style: normal;
  1210. font-weight: normal;
  1211. letter-spacing: 0.1em;
  1212. line-height: 1.5em;
  1213. color: #9E9E9E;
  1214. text-transform: uppercase;
  1215. margin-top: 0;
  1216. margin-bottom: 0;
  1217. cursor: pointer;
  1218. }
  1219. [id^="sm-hub-faq-1"] li p {
  1220. display: none;
  1221. font-family: 'NeueHaasDisplay-Roman-55';
  1222. font-size: 18px;
  1223. font-style: normal;
  1224. font-weight: normal;
  1225. letter-spacing: 0.044em;
  1226. line-height: 1.67em;
  1227. color: #050505;
  1228. text-transform: none;
  1229. margin-top: 25px;
  1230. max-width: 850px;
  1231. }
  1232. [id^="sm-hub-faq-1"] .yui3-texteditor-content li p {
  1233. display: block;
  1234. }
  1235. [id^="sm-hub-faq-1"] li:before {
  1236. content: "0" counter(sm-hub-faq-1-counter)".";
  1237. position: absolute;
  1238. top: 15px;
  1239. left: -45px;
  1240. font-family: 'D-DINCondensed';
  1241. font-size: 11px;
  1242. font-style: normal;
  1243. font-weight: normal;
  1244. letter-spacing: 0.27em;
  1245. line-height: 1.82em;
  1246. color: #050505;
  1247. }
  1248. [id^="sm-hub-faq-1"] li {
  1249. counter-increment: sm-hub-faq-1-counter;
  1250. }
  1251. [id^="sm-hub-faq-1"] ul {
  1252. counter-reset: sm-hub-faq-1-counter;
  1253. margin-top: 0;
  1254. padding-left: 44px;
  1255. max-width: 90%;
  1256. }
  1257. [id^="sm-hub-faq-1"] li {
  1258. list-style: none;
  1259. border-bottom: 1px solid #D8D8D8;
  1260. padding-top: 10px;
  1261. padding-bottom: 8px;
  1262. margin-top: 30px;
  1263. position: relative;
  1264. }
  1265. [id^="sm-hub-faq-1"] li:first-child {
  1266. margin-top: 25px;
  1267. }
  1268. [id^="sm-hub-faq-1"] li:after {
  1269. content: '+';
  1270. font-size: 20px;
  1271. position: absolute;
  1272. top: 10px;
  1273. right: 20px;
  1274. width: 0;
  1275. height: 0;
  1276. color: #373737;
  1277. }
  1278. [id^="sm-hub-faq-1"] ul li.active::after {
  1279. content: '-';
  1280. }
  1281. [id^="sm-hub-faq-1"] ul li h2:before {
  1282. display: none !important;
  1283. }
  1284. [id^="sm-hub-faq-1"] .Index-page-content {
  1285. padding: 80px 110px;
  1286. }
  1287. [id^="sm-hub-faq-1"] .sqs-block-code {
  1288. padding-top: 10px;
  1289. }
  1290. @media(max-width: 991px) {
  1291. [id^="sm-hub-faq-1"] .Index-page-content {
  1292. padding: 50px;
  1293. }
  1294. [id^="sm-hub-faq-1"] li h2 {
  1295. max-width: 95%;
  1296. -webkit-hyphens: none;
  1297. -moz-hyphens: none;
  1298. -ms-hyphens: none;
  1299. hyphens: none;
  1300. }
  1301. }
  1302. @media(max-width: 640px) {
  1303. [id^="sm-hub-faq-1"] .Index-page-content {
  1304. padding: 20px;
  1305. }
  1306. [id^="sm-hub-faq-1"] li h2 {
  1307. font-size: 16px;
  1308. }
  1309. }
  1310.  
  1311. /* Hub Testimonials 1 */
  1312. [id^="sm-hub-testimonials-1"] .sqs-block-summary-v2 .summary-metadata-item {
  1313. font-family: 'NeueHaasDisplay-Roman-55';
  1314. font-size: 34px;
  1315. font-style: normal;
  1316. font-weight: normal;
  1317. letter-spacing: 0;
  1318. line-height: 1.18em;
  1319. color: #050505;
  1320. }
  1321. [id^="sm-hub-testimonials-1"] .sqs-block-summary-v2 .summary-excerpt p {
  1322. font-family: 'NeueHaasDisplay-Roman-55';
  1323. font-size: 18px;
  1324. font-style: normal;
  1325. font-weight: normal;
  1326. letter-spacing: 0.044em;
  1327. line-height: 1.67em;
  1328. color: #050505;
  1329. }
  1330. body [id^="sm-hub-testimonials-1"] .sqs-block-summary-v2 .summary-title {
  1331. font-family: 'NeueHaasDisplay-Roman-55';
  1332. font-size: 22px;
  1333. font-style: normal;
  1334. font-weight: normal;
  1335. letter-spacing: 0.02em;
  1336. line-height: 1.36em;
  1337. color: #173637;
  1338. }
  1339. body [id^="sm-hub-testimonials-1"] {
  1340. background: #F5F5F5;
  1341. }
  1342. body [id^="sm-hub-testimonials-1"]:before {
  1343. content: '';
  1344. position: absolute;
  1345. bottom: 0;
  1346. left: 0;
  1347. width: 100%;
  1348. height: 120px;
  1349. background: #fff;
  1350. }
  1351. body [id^="sm-hub-testimonials-1"] .Index-page-content {
  1352. padding: 80px 65px 75px;
  1353. }
  1354. body [id^="sm-hub-testimonials-1"] .sqs-block-summary-v2 .summary-item {
  1355. outline: none;
  1356. padding-bottom: 0 !important;
  1357. margin-bottom: 0 !important;
  1358. }
  1359. body [id^="sm-hub-testimonials-1"] .sqs-block-summary-v2 .summary-content {
  1360. display: flex;
  1361. flex-direction: column;
  1362. }
  1363. body [id^="sm-hub-testimonials-1"] .sqs-block-summary-v2 .summary-title {
  1364. order: 3;
  1365. margin-top: 50px;
  1366. padding-top: 20px;
  1367. padding-left: 45px;
  1368. border-top: 1px solid #EAEAEA;
  1369. }
  1370. body [id^="sm-hub-testimonials-1"] .summary-metadata-container--above-title {
  1371. margin-bottom: 38px !important;
  1372. }
  1373. [id^="sm-hub-testimonials-1"] .sqs-block-summary-v2 .summary-excerpt {
  1374. padding-left: 45px;
  1375. max-width: 380px;
  1376. }
  1377. [id^="sm-hub-testimonials-1"] .sqs-block-summary-v2 .summary-thumbnail-outer-container {
  1378. margin-top: 60px;
  1379. }
  1380. [id^="sm-hub-testimonials-1"] .sqs-block-summary-v2 .slick-prev,
  1381. [id^="sm-hub-testimonials-1"] .sqs-block-summary-v2 .slick-next {
  1382. background: url("https://static1.squarespace.com/static/5ceba3dbc5ca7e00015605e8/t/5d0745d8e2ed170001098d36/1560757721001/arrow-prev.png") no-repeat;
  1383. background-size: contain;
  1384. width: 28px;
  1385. height: 6px;
  1386. border: none;
  1387. font-size: 0;
  1388. outline: none;
  1389. position: absolute;
  1390. top: 0;
  1391. right: 150px;
  1392. z-index: 998;
  1393. }
  1394. [id^="sm-hub-testimonials-1"] .sqs-block-summary-v2 .slick-prev:after {
  1395. content: '.';
  1396. position: absolute;
  1397. top: -12px;
  1398. right: -40px;
  1399. font-size: 18px;
  1400. line-height: 1em;
  1401. }
  1402. [id^="sm-hub-testimonials-1"] .sqs-block-summary-v2 .slick-next {
  1403. background: url("https://static1.squarespace.com/static/5ceba3dbc5ca7e00015605e8/t/5d0747057f1d3900011b6639/1560758021212/arrow-next.png") no-repeat;
  1404. background-size: contain;
  1405. right: 45px;
  1406. }
  1407. @media(max-width: 1199px) {
  1408. body [id^="sm-hub-testimonials-1"]:before {
  1409. display: none;
  1410. }
  1411. }
  1412. @media(max-width: 991px) {
  1413. body [id^="sm-hub-testimonials-1"] .Index-page-content {
  1414. padding: 50px 40px 30px;
  1415. }
  1416. }
  1417. @media(max-width: 767px) {
  1418. [id^="sm-hub-testimonials-1"] .sqs-block-summary-v2 .summary-excerpt {
  1419. padding-left: 25px;
  1420. }
  1421. [id^="sm-hub-testimonials-1"] .sqs-block-summary-v2 .summary-metadata-item {
  1422. font-size: 30px;
  1423. }
  1424. body [id^="sm-hub-testimonials-1"] .summary-metadata-container--above-title {
  1425. margin-bottom: 35px !important;
  1426. }
  1427. body [id^="sm-hub-testimonials-1"] .sqs-block-summary-v2 .summary-title {
  1428. margin-top: 25px;
  1429. }
  1430. }
  1431. @media(max-width: 640px) {
  1432. body [id^="sm-hub-testimonials-1"] .Index-page-content {
  1433. padding: 10px 20px 20px;
  1434. }
  1435. body [id^="sm-hub-testimonials-1"] .sqs-block-summary-v2 .summary-content {
  1436. display: block;
  1437. }
  1438. body [id^="sm-hub-testimonials-1"] .sqs-gallery-design-list .sqs-gallery-design-list-slide .sqs-gallery-meta-container,
  1439. body [id^="sm-hub-testimonials-1"] .sqs-block-summary-v2 .summary-block-setting-design-list .summary-thumbnail-outer-container {
  1440. width: 100% !important;
  1441. }
  1442. [id^="sm-hub-testimonials-1"] .sqs-block-summary-v2 .summary-thumbnail-outer-container {
  1443. margin-top: 0;
  1444. margin-bottom: 25px;
  1445. }
  1446. [id^="sm-hub-testimonials-1"] .sqs-block-summary-v2 .summary-thumbnail-container {
  1447. padding-left: 0 !important;
  1448. }
  1449. body [id^="sm-hub-testimonials-1"] .sqs-block-summary-v2 .summary-title,
  1450. [id^="sm-hub-testimonials-1"] .sqs-block-summary-v2 .summary-excerpt {
  1451. padding-left: 0;
  1452. }
  1453. body [id^="sm-hub-testimonials-1"] .summary-metadata-container--above-title {
  1454. margin-bottom: 25px !important;
  1455. }
  1456. [id^="sm-hub-testimonials-1"] .sqs-block-summary-v2 .summary-excerpt p,
  1457. body [id^="sm-hub-testimonials-1"] .sqs-block-summary-v2 .summary-title,
  1458. body [id^="sm-hub-testimonials-1"] .summary-metadata-container--above-title {
  1459. text-align: center;
  1460. }
  1461. [id^="sm-hub-testimonials-1"] .sqs-block-summary-v2 .slick-prev,
  1462. [id^="sm-hub-testimonials-1"] .sqs-block-summary-v2 .slick-next {
  1463. top: auto;
  1464. bottom: -10px;
  1465. right: calc(~"50% - 60px");
  1466. }
  1467. [id^="sm-hub-testimonials-1"] .sqs-block-summary-v2 .slick-prev {
  1468. right: auto;
  1469. left: calc(~"50% - 60px");
  1470. }
  1471. [id^="sm-hub-testimonials-1"] .sqs-block-summary-v2 .slick-prev:after {
  1472. right: -35px;
  1473. }
  1474. }
  1475.  
  1476. /* Hub In the Press 2 */
  1477. [id^="sm-hub-in-the-press-2"] h2 {
  1478. font-family: 'NeueHaasDisplay-Roman-55';
  1479. font-size: 22px;
  1480. font-style: normal;
  1481. font-weight: normal;
  1482. letter-spacing: 0.02em;
  1483. line-height: 1.36em;
  1484. color: #173637;
  1485. text-transform: none;
  1486. margin-bottom: 10px !important;
  1487. }
  1488. [id^="sm-hub-in-the-press-2"] h3 {
  1489. font-family: 'D-DINCondensed';
  1490. font-size: 11px;
  1491. font-style: normal;
  1492. font-weight: normal;
  1493. letter-spacing: 0.27em;
  1494. line-height: 1.82em;
  1495. color: #050505;
  1496. text-transform: uppercase;
  1497. margin-top: 10px;
  1498. margin-bottom: 20px;
  1499. }
  1500. [id^="sm-hub-in-the-press-2"] {
  1501. background: #F5F5F5;
  1502. }
  1503. [id^="sm-hub-in-the-press-2"] .Index-page-content {
  1504. padding: 70px 0 40px;
  1505. max-width: 100%;
  1506. }
  1507. [id^="sm-hub-in-the-press-2"] .sqs-row {
  1508. display: flex;
  1509. align-items: center;
  1510. }
  1511. [id^="sm-hub-in-the-press-2"] .sqs-col-2 .sqs-block-image .intrinsic {
  1512. max-width: 130px !important;
  1513. }
  1514. [id^="sm-hub-in-the-press-2"] .sqs-col-2:first-child .sqs-block-image .intrinsic {
  1515. max-width: 160px !important;
  1516. margin-left: 0;
  1517. }
  1518. [id^="sm-hub-in-the-press-2"] .sqs-col-2:last-child .sqs-block-image .intrinsic {
  1519. max-width: 160px !important;
  1520. margin-right: 0;
  1521. }
  1522. @media(max-width: 1199px) {
  1523. [id^="sm-hub-in-the-press-2"] h2 {
  1524. font-size: 20px;
  1525. }
  1526. }
  1527. @media(max-width: 991px) {
  1528. [id^="sm-hub-in-the-press-2"] .Index-page-content {
  1529. padding: 40px 0 30px;
  1530. }
  1531. [id^="sm-hub-in-the-press-2"] h2 {
  1532. font-size: 18px;
  1533. margin-bottom: 0 !important;
  1534. }
  1535. }
  1536. @media(max-width: 767px) {
  1537. [id^="sm-hub-in-the-press-2"] h2 {
  1538. font-size: 16px;
  1539. }
  1540. [id^="sm-hub-in-the-press-2"] h3 {
  1541. letter-spacing: 0.3em;
  1542. }
  1543. }
  1544. @media(max-width: 640px) {
  1545. [id^="sm-hub-in-the-press-2"] .Index-page-content {
  1546. padding: 10px 20px;
  1547. }
  1548. [id^="sm-hub-in-the-press-2"] .sqs-row {
  1549. display: block;
  1550. }
  1551. [id^="sm-hub-in-the-press-2"] .sqs-col-2:first-child .sqs-block-image .intrinsic {
  1552. margin-left: auto;
  1553. max-width: 100% !important;
  1554. }
  1555. [id^="sm-hub-in-the-press-2"] .sqs-col-2:last-child .sqs-block-image .intrinsic {
  1556. margin-right: auto;
  1557. max-width: 100% !important;
  1558. }
  1559. }
  1560.  
  1561. /* Hub Testimonials 4 */
  1562. [id^="sm-hub-testimonials-4"] .sqs-block-summary-v2 .summary-metadata-item {
  1563. font-family: 'D-DINCondensed';
  1564. font-size: 11px;
  1565. font-style: normal;
  1566. font-weight: normal;
  1567. letter-spacing: 0.18em;
  1568. line-height: 1.82em;
  1569. color: #F5F5F5;
  1570. text-transform: uppercase;
  1571. }
  1572. body [id^="sm-hub-testimonials-4"] .sqs-block-summary-v2 .summary-excerpt h2 {
  1573. font-family: 'NeueHaasDisplay-Roman-55';
  1574. font-size: 34px;
  1575. font-style: normal;
  1576. font-weight: normal;
  1577. letter-spacing: 0;
  1578. line-height: 1.18em;
  1579. color: #F5F5F5;
  1580. pointer-events: none;
  1581. max-width: 450px;
  1582. margin-bottom: -80px;
  1583. }
  1584. [id^="sm-hub-testimonials-4"] .sqs-block-summary-v2 .summary-excerpt p {
  1585. font-family: 'NeueHaasDisplay-Roman-55';
  1586. font-size: 18px;
  1587. font-style: normal;
  1588. font-weight: normal;
  1589. letter-spacing: 0.04em;
  1590. line-height: 1.67em;
  1591. color: #F5F5F5;
  1592. text-align: right;
  1593. max-width: 280px;
  1594. display: block;
  1595. float: right;
  1596. clear: right;
  1597. margin-bottom: 0;
  1598. }
  1599. [id^="sm-hub-testimonials-4"] .sqs-block-summary-v2 .sm-hub-testimonials-title {
  1600. font-family: 'D-DINCondensed';
  1601. font-size: 11px;
  1602. font-style: normal;
  1603. font-weight: normal;
  1604. letter-spacing: 0.3em;
  1605. line-height: 1.82em;
  1606. color: #F5F5F5;
  1607. text-transform: uppercase;
  1608. }
  1609. [id^="sm-hub-testimonials-4"] {
  1610. min-height: 80vh !important;
  1611. }
  1612. [id^="sm-hub-testimonials-4"] .Index-page-image:before {
  1613. background: rgba(0,0,0,0.3);
  1614. }
  1615. [id^="sm-hub-testimonials-4"] .Index-page-content {
  1616. padding: 50px 40px 0;
  1617. justify-content: flex-end !important;
  1618. }
  1619. [id^="sm-hub-testimonials-4"] .slick-list {
  1620. padding-bottom: 30px;
  1621. }
  1622. [id^="sm-hub-testimonials-4"] .sqs-block-summary-v2 {
  1623. padding-bottom: 0 !important;
  1624. }
  1625. [id^="sm-hub-testimonials-4"] .sqs-block-summary-v2 .summary-title {
  1626. display: none;
  1627. }
  1628. [id^="sm-hub-testimonials-4"] .sqs-block-summary-v2 .summary-excerpt {
  1629. overflow: hidden;
  1630. }
  1631. [id^="sm-hub-testimonials-4"] .sqs-block-summary-v2 .summary-item {
  1632. outline: none;
  1633. }
  1634. [id^="sm-hub-testimonials-4"] .sqs-block-summary-v2 .summary-metadata-container {
  1635. margin-bottom: 16px !important;
  1636. }
  1637. [id^="sm-hub-testimonials-4"] .slick-dots {
  1638. display: flex;
  1639. justify-content: space-between;
  1640. border-top: 1px solid #fff;
  1641. padding-left: 0;
  1642. margin-top: 18px;
  1643. margin-bottom: 18px;
  1644. }
  1645. [id^="sm-hub-testimonials-4"] li {
  1646. list-style: none;
  1647. display: inline-block;
  1648. padding-top: 15px;
  1649. margin-top: -4px;
  1650. cursor: pointer;
  1651. border-top: 3px solid transparent;
  1652. -webkit-transition: all 0.5s;
  1653. -moz-transition: all 0.5s;
  1654. -ms-transition: all 0.5s;
  1655. -o-transition: all 0.5s;
  1656. transition: all 0.5s;
  1657. }
  1658. [id^="sm-hub-testimonials-4"] li:first-child {
  1659. margin-left: 0;
  1660. }
  1661. [id^="sm-hub-testimonials-4"] li.slick-active {
  1662. border-color: #fff;
  1663. }
  1664. @media(max-width: 1199px) {
  1665. [id^="sm-hub-testimonials-4"] .slick-list {
  1666. padding-bottom: 0;
  1667. }
  1668. }
  1669. @media(max-width: 991px) {
  1670. body [id^="sm-hub-testimonials-4"] .sqs-block-summary-v2 .summary-excerpt h2 {
  1671. font-size: 30px;
  1672. margin-bottom: 20px;
  1673. }
  1674. }
  1675. @media(max-width: 767px) {
  1676. [id^="sm-hub-testimonials-4"] .sqs-block-summary-v2 .sm-hub-testimonials-title {
  1677. letter-spacing: 0.1em;
  1678. }
  1679. }
  1680. @media(max-width: 640px) {
  1681. [id^="sm-hub-testimonials-4"] .Index-page-content {
  1682. padding: 30px 30px 0;
  1683. }
  1684. body [id^="sm-hub-testimonials-4"] .sqs-block-summary-v2 .summary-excerpt h2 {
  1685. font-size: 28px;
  1686. text-align: center;
  1687. -webkit-hyphens: none;
  1688. -moz-hyphens: none;
  1689. -ms-hyphens: none;
  1690. hyphens: none;
  1691. }
  1692. [id^="sm-hub-testimonials-4"] .slick-dots li {
  1693. padding-left: 15px;
  1694. }
  1695. [id^="sm-hub-testimonials-4"] .slick-dots li:first-child {
  1696. padding-left: 0;
  1697. }
  1698. [id^="sm-hub-testimonials-4"] .slick-list {
  1699. padding-bottom: 15px;
  1700. }
  1701. [id^="sm-hub-testimonials-4"] .sqs-block-summary-v2 .summary-metadata-container,
  1702. [id^="sm-hub-testimonials-4"] .sqs-block-summary-v2 .summary-excerpt p {
  1703. text-align: center;
  1704. }
  1705. [id^="sm-hub-testimonials-4"] .sqs-block-summary-v2 .summary-excerpt p {
  1706. max-width: 100%;
  1707. }
  1708. }
  1709.  
  1710. /* Hub Carousel 1 */
  1711. [id^="sm-hub-carousel-1"] .sqs-block-summary-v2 .summary-heading {
  1712. font-family: 'NeueHaasDisplay-Roman-55';
  1713. font-size: 34px;
  1714. font-style: normal;
  1715. font-weight: normal;
  1716. letter-spacing: 0;
  1717. line-height: 1.18em;
  1718. color: #050505;
  1719. text-align: center;
  1720. margin-bottom: 50px;
  1721. }
  1722. [id^="sm-hub-carousel-1"] .sqs-block-summary-v2 .summary-title a {
  1723. font-family: 'NeueHaasDisplay-Roman-55';
  1724. font-size: 22px;
  1725. font-style: normal;
  1726. font-weight: normal;
  1727. letter-spacing: 0.02em;
  1728. line-height: 1.36em;
  1729. color: #173637;
  1730. pointer-events: none;
  1731. }
  1732. [id^="sm-hub-carousel-1"] .sqs-block-summary-v2 .summary-metadata-item a {
  1733. font-family: 'D-DINCondensed';
  1734. font-size: 11px;
  1735. font-style: normal;
  1736. font-weight: normal;
  1737. letter-spacing: 0.27em;
  1738. line-height: 1.82em;
  1739. color: #050505;
  1740. text-transform: uppercase;
  1741. pointer-events: none;
  1742. }
  1743. [id^="sm-hub-carousel-1"] .Index-page-content {
  1744. padding: 50px 65px;
  1745. }
  1746. [id^="sm-hub-carousel-1"] .sqs-block-summary-v2 .summary-block-setting-design-carousel .summary-heading {
  1747. width: 100%;
  1748. }
  1749. [id^="sm-hub-carousel-1"] .sqs-block-summary-v2 .summary-item {
  1750. padding-left: 1px !important;
  1751. padding-right: 0 !important;
  1752. }
  1753. [id^="sm-hub-carousel-1"] .sqs-block-summary-v2 .summary-title {
  1754. margin-top: 20px;
  1755. margin-bottom: 0;
  1756. }
  1757. [id^="sm-hub-carousel-1"] .sqs-block-summary-v2 .sqs-video-icon {
  1758. width: 59px;
  1759. height: 59px;
  1760. background: url("https://static1.squarespace.com/static/5ceba3dbc5ca7e00015605e8/t/5d1f3c31d7cf6b00012a598a/1562328113780/play-icon.png") no-repeat;
  1761. background-size: contain;
  1762. }
  1763. [id^="sm-hub-carousel-1"] .sqs-block-summary-v2 .summary-carousel-pager-prev:before,
  1764. [id^="sm-hub-carousel-1"] .sqs-block-summary-v2 .summary-carousel-pager-next:before {
  1765. display: none;
  1766. }
  1767. [id^="sm-hub-carousel-1"] .sqs-block-summary-v2 .summary-carousel-pager-prev,
  1768. [id^="sm-hub-carousel-1"] .sqs-block-summary-v2 .summary-carousel-pager-next {
  1769. cursor: pointer;
  1770. background: url("https://static1.squarespace.com/static/5ceba3dbc5ca7e00015605e8/t/5d1f3ebd11031d0001fab77d/1562328765338/arrow-medium-prev.png") no-repeat;
  1771. background-size: contain;
  1772. width: 30px;
  1773. height: 11px;
  1774. border: none;
  1775. font-size: 0;
  1776. outline: none;
  1777. position: absolute;
  1778. top: 50%;
  1779. left: -40px;
  1780. }
  1781. [id^="sm-hub-carousel-1"] .sqs-block-summary-v2 .summary-carousel-pager-next {
  1782. background: url("https://static1.squarespace.com/static/5ceba3dbc5ca7e00015605e8/t/5d1f3eaa49d9a7000199f256/1562328746441/arrow-medium-next.png") no-repeat;
  1783. background-size: contain;
  1784. left: auto;
  1785. right: -40px;
  1786. }
  1787. @media(max-width: 991px) {
  1788. [id^="sm-hub-carousel-1"] .sqs-block-summary-v2 .summary-heading {
  1789. font-size: 30px;
  1790. margin-bottom: 25px;
  1791. }
  1792. }
  1793. @media(max-width: 767px) {
  1794. [id^="sm-hub-carousel-1"] .sqs-block-summary-v2 .sqs-video-icon {
  1795. width: 48px;
  1796. height: 48px;
  1797. }
  1798. }
  1799. @media(max-width: 640px) {
  1800. [id^="sm-hub-carousel-1"] .Index-page-content {
  1801. padding: 20px 60px;
  1802. }
  1803. [id^="sm-hub-carousel-1"] .sqs-block-summary-v2 {
  1804. padding-left: 5px !important;
  1805. padding-right: 5px !important;
  1806. }
  1807. [id^="sm-hub-carousel-1"] .sqs-block-summary-v2 .summary-title {
  1808. margin-top: 10px;
  1809. }
  1810. [id^="sm-hub-carousel-1"] .sqs-block-summary-v2 .summary-heading {
  1811. font-size: 25px;
  1812. margin-bottom: 15px;
  1813. }
  1814. [id^="sm-hub-carousel-1"] .sqs-block-summary-v2 .summary-title a {
  1815. font-size: 16px;
  1816. }
  1817. [id^="sm-hub-carousel-1"] .sqs-block-summary-v2 .summary-metadata-item a {
  1818. font-size: 9px;
  1819. letter-spacing: 0.3em;
  1820. }
  1821. [id^="sm-hub-carousel-1"] .sqs-block-summary-v2 .sqs-video-icon {
  1822. width: 30px;
  1823. height: 30px;
  1824. margin-left: -15px;
  1825. margin-top: -15px;
  1826. }
  1827. [id^="sm-hub-carousel-1"] .sqs-block-summary-v2 .summary-carousel-pager-prev {
  1828. left: -35px;
  1829. }
  1830. [id^="sm-hub-carousel-1"] .sqs-block-summary-v2 .summary-carousel-pager-next {
  1831. right: -35px;
  1832. }
  1833. }
  1834.  
  1835. /* Hub Contact 4 */
  1836. [id^="sm-hub-contact-4"] h2 {
  1837. font-family: 'NeueHaasDisplay-Roman-55';
  1838. font-size: 22px;
  1839. font-style: normal;
  1840. font-weight: normal;
  1841. letter-spacing: 0.02em;
  1842. line-height: 1.36em;
  1843. color: #FFFFFF;
  1844. }
  1845. [id^="sm-hub-contact-4"] h3 {
  1846. font-family: 'D-DINCondensed';
  1847. font-size: 11px;
  1848. font-style: normal;
  1849. font-weight: normal;
  1850. letter-spacing: 0.27em;
  1851. line-height: 1.82em;
  1852. color: #F5F5F5;
  1853. text-transform: uppercase;
  1854. }
  1855. [id^="sm-hub-contact-4"] .form-wrapper .field-list .title {
  1856. font-family: 'D-DINCondensed';
  1857. font-size: 11px;
  1858. font-style: normal;
  1859. font-weight: normal;
  1860. letter-spacing: 0.27em;
  1861. line-height: 1.82em;
  1862. color: #050505;
  1863. text-transform: uppercase;
  1864. }
  1865. [id^="sm-hub-contact-4"] .form-wrapper .field-list .field.checkbox label,
  1866. [id^="sm-hub-contact-4"] .form-wrapper .field-list .field.radio label {
  1867. font-family: 'NeueHaasDisplay-Roman-55';
  1868. font-size: 14px;
  1869. font-style: normal;
  1870. font-weight: normal;
  1871. letter-spacing: 0.08em;
  1872. line-height: 1.78em;
  1873. color: #050505;
  1874. }
  1875. [id^="sm-hub-contact-4"] .form-wrapper .form-button-wrapper input[type="submit"] {
  1876. font-family: 'HaasGrotDisplay-65';
  1877. font-size: 14px;
  1878. font-style: normal;
  1879. font-weight: normal;
  1880. letter-spacing: 0.25em;
  1881. line-height: 1.5em;
  1882. color: #F5F5F5;
  1883. text-transform: uppercase;
  1884. background: #050505;
  1885. border: 1px solid #333333;
  1886. border-radius: 0;
  1887. padding: 12px 60px;
  1888. }
  1889. [id^="sm-hub-contact-4"] .form-wrapper ::placeholder {
  1890. font-family: 'D-DINCondensed';
  1891. font-size: 11px;
  1892. font-style: normal;
  1893. font-weight: normal;
  1894. letter-spacing: 0.27em;
  1895. line-height: 1.82em;
  1896. color: #050505;
  1897. text-transform: uppercase;
  1898. }
  1899. [id^="sm-hub-contact-4"] .form-wrapper ::-webkit-input-placeholder { /* Edge */
  1900. font-family: 'D-DINCondensed';
  1901. font-size: 11px;
  1902. font-style: normal;
  1903. font-weight: normal;
  1904. letter-spacing: 0.27em;
  1905. line-height: 1.82em;
  1906. color: #050505;
  1907. text-transform: uppercase;
  1908. }
  1909. [id^="sm-hub-contact-4"] .form-wrapper :-ms-input-placeholder { /* Internet Explorer 10-11 */
  1910. font-family: 'D-DINCondensed';
  1911. font-size: 11px;
  1912. font-style: normal;
  1913. font-weight: normal;
  1914. letter-spacing: 0.27em;
  1915. line-height: 1.82em;
  1916. color: #050505;
  1917. text-transform: uppercase;
  1918. }
  1919. [id^="sm-hub-contact-4"] .form-wrapper .field-list .field .field-element {
  1920. font-family: 'D-DINCondensed';
  1921. font-size: 11px;
  1922. font-style: normal;
  1923. font-weight: normal;
  1924. letter-spacing: 0.27em;
  1925. line-height: 1.82em;
  1926. color: #050505;
  1927. text-transform: uppercase;
  1928. padding-left: 0;
  1929. border: none;
  1930. border-bottom: 1px solid #D8D8D8;
  1931. border-radius: 0;
  1932. background: none;
  1933. }
  1934. [id^="sm-hub-contact-4"] .form-wrapper .form-submission-text {
  1935. font-family: 'NeueHaasDisplay-Roman-55';
  1936. font-size: 18px;
  1937. font-style: normal;
  1938. font-weight: normal;
  1939. letter-spacing: .08em;
  1940. line-height: 1.78em;
  1941. color: #050505;
  1942. text-align: center;
  1943. margin-top: 0;
  1944. }
  1945. [id^="sm-hub-contact-4"] {
  1946. background: #F5F5F5;
  1947. }
  1948. [id^="sm-hub-contact-4"]:before {
  1949. content: '';
  1950. position: absolute;
  1951. top: 0;
  1952. left: 0;
  1953. width: 42%;
  1954. height: 100%;
  1955. background: #212523;
  1956. }
  1957. [id^="sm-hub-contact-4"] .Index-page-content {
  1958. padding: 45px 0 40px;
  1959. max-width: 100%;
  1960. }
  1961. [id^="sm-hub-contact-4"] .sqs-row {
  1962. display: flex;
  1963. align-items: center;
  1964. }
  1965. [id^="sm-hub-contact-4"] .sqs-block-image {
  1966. padding: 50px;
  1967. }
  1968. /* first column col-3 */
  1969. [id^="sm-hub-contact-4"] .sqs-col-3 {
  1970. display: block;
  1971. position: relative;
  1972. box-sizing: border-box;
  1973. border: 1px solid #333333;
  1974. padding: 0;
  1975. }
  1976. [id^="sm-hub-contact-4"] .sqs-col-3 .sqs-block-html {
  1977. padding: 0;
  1978. }
  1979. [id^="sm-hub-contact-4"] .sqs-col-3 h3 {
  1980. border-bottom: 1px solid #333333;
  1981. padding: 15px 20px;
  1982. }
  1983. [id^="sm-hub-contact-4"] .sqs-col-3 h2 {
  1984. border-top: 1px solid #333333;
  1985. padding: 40px 30px;
  1986. -webkit-hyphens: none;
  1987. -moz-hyphens: none;
  1988. -ms-hyphens: none;
  1989. hyphens: none;
  1990. }
  1991.  
  1992. [id^="sm-hub-contact-4"] .form-wrapper .custom-checkbox {
  1993. position: relative;
  1994. }
  1995. [id^="sm-hub-contact-4"] span.required {
  1996. display: none;
  1997. }
  1998. [id^="sm-hub-contact-4"] .form-wrapper .field-list .field textarea.field-element {
  1999. min-height: 95px;
  2000. height: 95px;
  2001. margin-bottom: 45px;
  2002. resize: none;
  2003. }
  2004. [id^="sm-hub-contact-4"] .form-wrapper .field-list .field input[type="checkbox"] {
  2005. border: 1px solid #D8D8D8;
  2006. border-radius: 0;
  2007. }
  2008. [id^="sm-hub-contact-4"] .form-wrapper .form-button-wrapper input[type="submit"]:hover {
  2009. background: #000;
  2010. color: #fff;
  2011. }
  2012. [id^="sm-hub-contact-4"] .form-wrapper .field-list .field.sqmuse-terms-and-conditions {
  2013. margin-top: 50px;
  2014. }
  2015.  
  2016. /* ckeckbox */
  2017. [id^="sm-hub-contact-4"] .form-wrapper .field-list .field.checkbox input[type="checkbox"] {
  2018. opacity: 0;
  2019. margin-right: 5px;
  2020. }
  2021. [id^="sm-hub-contact-4"] .checkbox label::before{
  2022. content: "";
  2023. position: absolute;
  2024. display: inline-block;
  2025. height: 10px;
  2026. width: 10px;
  2027. border: 1px solid #494949;
  2028. border-radius: 0;
  2029. top: 5px;
  2030. }
  2031. /* ckeckbox mark */
  2032. [id^="sm-hub-contact-4"] .checkbox label::after {
  2033. content: "";
  2034. position: absolute;
  2035. display: inline-block;
  2036. height: 3px;
  2037. width: 6px;
  2038. left: 3px;
  2039. top: 8px;
  2040. }
  2041. [id^="sm-hub-contact-4"] .custom-checkbox label.checked::after {
  2042. border-left: 1px solid #050505;
  2043. border-bottom: 1px solid #050505;
  2044. transform: rotate(-45deg);
  2045. }
  2046. [id^="sm-hub-contact-4"] .form-wrapper .field-list .field.checkbox .title {
  2047. margin-bottom: 15px;
  2048. }
  2049. /* radio */
  2050. [id^="sm-hub-contact-4"] .form-wrapper .field-list .field.radio .title {
  2051. margin-bottom: 10px;
  2052. }
  2053. [id^="sm-hub-contact-4"] .form-wrapper .field-list .field.radio input[type="radio"] {
  2054. opacity: 0;
  2055. margin-right: -2px;
  2056. }
  2057. [id^="sm-hub-contact-4"] .form-wrapper .field-list .field.radio .option {
  2058. display: inline-block;
  2059. margin-right: 36px;
  2060. }
  2061. [id^="sm-hub-contact-4"] .radio label::before {
  2062. content: "";
  2063. display: inline-block;
  2064. position: relative;
  2065. height: 10px;
  2066. width: 10px;
  2067. border: 1px solid #494949;
  2068. border-radius: 50%;
  2069. top: 0;
  2070. }
  2071. /* radio mark */
  2072. [id^="sm-hub-contact-4"] .radio label.checked::before {
  2073. border: 1px solid #494949;
  2074. }
  2075. [id^="sm-hub-contact-4"] .radio label.checked::after {
  2076. content: "";
  2077. display: inline-block;
  2078. position: absolute;
  2079. height: 6px;
  2080. width: 6px;
  2081. border-radius: 50%;
  2082. top: 7px;
  2083. left: 3px;
  2084. background: #494949;
  2085. }
  2086. [id^="sm-hub-contact-4"] .custom-radio.parent-checked,
  2087. [id^="sm-hub-contact-4"] .custom-checkbox.parent-checked {
  2088. position: relative;
  2089. }
  2090. @media(max-width: 991px) {
  2091. [id^="sm-hub-contact-4"] .sqs-col-3 h2 {
  2092. padding: 25px 30px;
  2093. }
  2094. [id^="sm-hub-contact-4"] .sqs-block-image {
  2095. padding: 25px;
  2096. }
  2097. [id^="sm-hub-contact-4"] .form-wrapper .form-button-wrapper input[type="submit"] {
  2098. font-size: 10px;
  2099. }
  2100. }
  2101. @media(max-width: 767px) {
  2102. [id^="sm-hub-contact-4"] .sqs-col-3 h2 {
  2103. font-size: 22px;
  2104. padding: 20px;
  2105. }
  2106. }
  2107. @media(max-width: 640px) {
  2108. [id^="sm-hub-contact-4"] .sqs-row {
  2109. display: block;
  2110. }
  2111. [id^="sm-hub-contact-4"]:before {
  2112. display: none;
  2113. }
  2114. [id^="sm-hub-contact-4"] .Index-page-content {
  2115. padding: 40px;
  2116. }
  2117. [id^="sm-hub-contact-4"] .sqs-col-3 h2,
  2118. [id^="sm-hub-contact-4"] h3 {
  2119. color: #050505;
  2120. }
  2121. [id^="sm-hub-contact-4"] .sqs-layout .sqs-row .sqs-block:first-child {
  2122. padding-top: 0 !important;
  2123. }
  2124. [id^="sm-hub-contact-4"] .sqs-layout .sqs-row .sqs-block:last-child {
  2125. padding-bottom: 0 !important;
  2126. }
  2127. [id^="sm-hub-contact-4"] .sqs-block-form {
  2128. margin-top: 25px;
  2129. }
  2130. }
  2131. /** end Kit 1 **/
  2132.  
  2133.  
  2134. /** Kit 2 **/
  2135. /* Hub Slider 4 */
  2136. @font-face {
  2137. font-family: 'NeueHaasDisplay-Roman-55';
  2138. src: url('https://static1.squarespace.com/static/5d5137bc3138fd00019331f3/t/5d5167a97ed3b60001ce9097/1565616042437/HaasGrotDisp-55Roman.eot');
  2139. src: url('https://static1.squarespace.com/static/5d5137bc3138fd00019331f3/t/5d5167a97ed3b60001ce9097/1565616042437/HaasGrotDisp-55Roman.eot?#iefix') format('embedded-opentype'),
  2140. url('https://static1.squarespace.com/static/5d5137bc3138fd00019331f3/t/5d5167caa18d7b00010d2023/1565616074714/HaasGrotDisp-55Roman.woff2') format('woff2'),
  2141. url('https://static1.squarespace.com/static/5d5137bc3138fd00019331f3/t/5d5167dbecdf6d0001242048/1565616091237/HaasGrotDisp-55Roman.woff') format('woff'),
  2142. url('https://static1.squarespace.com/static/5d5137bc3138fd00019331f3/t/5d5167e9bb5b91000179e878/1565616105547/HaasGrotDisp-55Roman.ttf') format('ttf');
  2143. }
  2144. @font-face {
  2145. font-family: 'HaasGrotDisplay-65';
  2146. src: url('https://static1.squarespace.com/static/5d5137bc3138fd00019331f3/t/5d516adf2cf86f00010c8eb0/1565616864626/HaasGrotDisp-65Medium.eot');
  2147. src: url('https://static1.squarespace.com/static/5d5137bc3138fd00019331f3/t/5d516adf2cf86f00010c8eb0/1565616864626/HaasGrotDisp-65Medium.eot?#iefix') format('embedded-opentype'),
  2148. url('https://static1.squarespace.com/static/5d5137bc3138fd00019331f3/t/5d516b028c9c7e0001a86f4b/1565616899342/HaasGrotDisp-65Medium.woff2') format('woff2'),
  2149. url('https://static1.squarespace.com/static/5d5137bc3138fd00019331f3/t/5d516b12bb5b9100017a0be5/1565616915036/HaasGrotDisp-65Medium.woff') format('woff'),
  2150. url('https://static1.squarespace.com/static/5d5137bc3138fd00019331f3/t/5d516b258c9c7e0001a87075/1565616933965/HaasGrotDisp-65Medium.ttf') format('ttf');
  2151. }
  2152. @font-face {
  2153. font-family: 'NeueHaasDisplay-Medium';
  2154. src: url('https://static1.squarespace.com/static/5d5137bc3138fd00019331f3/t/5d516d077ed3b60001cecce1/1565617416300/NeueHaasDisplay-Mediu.eot');
  2155. src: url('https://static1.squarespace.com/static/5d5137bc3138fd00019331f3/t/5d516d077ed3b60001cecce1/1565617416300/NeueHaasDisplay-Mediu.eot?#iefix') format('embedded-opentype'),
  2156. url('https://static1.squarespace.com/static/5d5137bc3138fd00019331f3/t/5d516d6b945f2e0001233cf1/1565617515914/NeueHaasDisplay-Mediu.woff2') format('woff2'),
  2157. url('https://static1.squarespace.com/static/5d5137bc3138fd00019331f3/t/5d516d7dba218e00013bc4c4/1565617533812/NeueHaasDisplay-Mediu.woff') format('woff'),
  2158. url('https://static1.squarespace.com/static/5d5137bc3138fd00019331f3/t/5d516db57ed3b60001ced157/1565617589773/NeueHaasDisplay-Mediu.ttf') format('ttf');
  2159. }
  2160. @font-face {
  2161. font-family: 'D-DINCondensed';
  2162. src: url('https://static1.squarespace.com/static/5d5137bc3138fd00019331f3/t/5d515076945f2e000122764f/1565610102969/D-DINCondensed.eot');
  2163. src: url('https://static1.squarespace.com/static/5d5137bc3138fd00019331f3/t/5d515076945f2e000122764f/1565610102969/D-DINCondensed.eot?#iefix') format('embedded-opentype'),
  2164. url('https://static1.squarespace.com/static/5d5137bc3138fd00019331f3/t/5d515089ba218e00013afd95/1565610121643/D-DINCondensed.woff2') format('woff2'),
  2165. url('https://static1.squarespace.com/static/5d5137bc3138fd00019331f3/t/5d5150977ed3b60001ce04e2/1565610135484/D-DINCondensed.woff') format('woff'),
  2166. url('https://static1.squarespace.com/static/5d5137bc3138fd00019331f3/t/5d5150a82cf86f00010be079/1565610152420/D-DINCondensed.ttf') format('ttf');
  2167. }
  2168.  
  2169. /* only for this specific page that contain slider 4 (header styles) */
  2170. #collection-5d513b7256f2230001d0e2cf.tweak-header-primary-nav-hover-style-plain .Header--overlay .Header-nav .Header-nav-item,
  2171. #collection-5d513b7256f2230001d0e2cf.tweak-header-primary-nav-hover-style-plain.tweak-header-bottom-overlay-on-index-gallery .Header--index-gallery .Header-nav .Header-nav-item {
  2172. color: #000;
  2173. }
  2174. #collection-5d513b7256f2230001d0e2cf .Header-branding {
  2175. filter: invert(100%);
  2176. }
  2177.  
  2178. [id^="sm-hub-slider-4"] .summary-title a {
  2179. font-family: 'NeueHaasDisplay-Roman-55';
  2180. font-size: 34px;
  2181. font-style: normal;
  2182. font-weight: normal;
  2183. letter-spacing: 0;
  2184. line-height: 1.18em;
  2185. color: #F5F5F5;
  2186. pointer-events: none;
  2187. }
  2188. [id^="sm-hub-slider-4"] .summary-metadata-item a {
  2189. font-family: 'D-DINCondensed';
  2190. font-size: 11px;
  2191. font-style: normal;
  2192. font-weight: normal;
  2193. letter-spacing: 0.3em;
  2194. line-height: 1.82em;
  2195. color: #F5F5F5;
  2196. text-transform: uppercase;
  2197. pointer-events: none;
  2198. }
  2199. [id^="sm-hub-slider-4"] .sm-slider-pagination{
  2200. font-family: 'D-DINCondensed';
  2201. font-size: 11px;
  2202. font-style: normal;
  2203. font-weight: normal;
  2204. letter-spacing: 0.6em;
  2205. line-height: 1.82em;
  2206. color: #F5F5F5;
  2207. }
  2208. [id^="sm-hub-slider-4"] {
  2209. background: #F5F5F5;
  2210. padding-top: 90px;
  2211. }
  2212. [id^="sm-hub-slider-4"] .Index-page-content {
  2213. padding: 0;
  2214. max-width: 100%;
  2215. }
  2216. [id^="sm-hub-slider-4"] .summary-thumbnail-outer-container,
  2217. [id^="sm-hub-slider-4"] .summary-thumbnail-container {
  2218. width: 90% !important;
  2219. }
  2220. [id^="sm-hub-slider-4"] .summary-content {
  2221. width: 90% !important;
  2222. position: absolute;
  2223. left: 0;
  2224. bottom: 15px;
  2225. }
  2226. [id^="sm-hub-slider-4"] .summary-title {
  2227. max-width: 90%;
  2228. margin: 0 auto !important;
  2229. padding-bottom: 25px;
  2230. -webkit-transition: all 0.5s;
  2231. -moz-transition: all 0.5s;
  2232. -ms-transition: all 0.5s;
  2233. -o-transition: all 0.5s;
  2234. transition: all 0.5s;
  2235. }
  2236. [id^="sm-hub-slider-4"] .slick-active .summary-title {
  2237. border-bottom: 1px solid rgba(255,255,255,0.9);
  2238. }
  2239. [id^="sm-hub-slider-4"] .summary-metadata-container--below-content {
  2240. padding-top: 12px;
  2241. }
  2242. [id^="sm-hub-slider-4"] a.summary-thumbnail-container {
  2243. pointer-events: none;
  2244. }
  2245. [id^="sm-hub-slider-4"] .sqs-block-summary-v2 {
  2246. overflow: hidden;
  2247. }
  2248. [id^="sm-hub-slider-4"] .sqs-block-summary-v2,
  2249. [id^="sm-hub-slider-4"] .sqs-block-summary-v2 .summary-block-setting-design-list .summary-item {
  2250. padding-bottom: 0 !important;
  2251. margin-bottom: 0 !important;
  2252. outline: none;
  2253. position: relative;
  2254. }
  2255. [id^="sm-hub-slider-4"] .sqs-block-summary-v2 .summary-block-setting-design-list .summary-item {
  2256. -webkit-transition: all 0.5s;
  2257. -moz-transition: all 0.5s;
  2258. -ms-transition: all 0.5s;
  2259. -o-transition: all 0.5s;
  2260. transition: all 0.5s;
  2261. }
  2262. [id^="sm-hub-slider-4"] .sqs-gallery-design-list .sqs-gallery-image-container {
  2263. padding-right: 0;
  2264. }
  2265. [id^="sm-hub-slider-4"] .sqs-block-summary-v2 .slick-prev,
  2266. [id^="sm-hub-slider-4"] .sqs-block-summary-v2 .slick-next {
  2267. background: url("https://static1.squarespace.com/static/5ceba3dbc5ca7e00015605e8/t/5d24785d12c9e000010f7da4/1562671197602/arrow-prev-white-big.png") no-repeat;
  2268. background-size: contain;
  2269. width: 30px;
  2270. height: 11px;
  2271. border: none;
  2272. font-size: 0;
  2273. outline: none;
  2274. position: absolute;
  2275. top: 50%;
  2276. transform: translateY(-50%);
  2277. left: 55px;
  2278. z-index: 998;
  2279. }
  2280. [id^="sm-hub-slider-4"] .sqs-block-summary-v2 .slick-next {
  2281. background: url("https://static1.squarespace.com/static/5ceba3dbc5ca7e00015605e8/t/5d24784927b7e10001dbebe2/1562671177228/arrow-next-white-big.png") no-repeat;
  2282. background-size: contain;
  2283. left: auto;
  2284. right: 55px;
  2285. }
  2286. [id^="sm-hub-slider-4"] .sqs-gallery-design-carousel .sqs-gallery-container,
  2287. [id^="sm-hub-slider-4"] .sqs-block-summary-v2 .summary-item {
  2288. overflow: visible;
  2289. }
  2290. [id^="sm-hub-slider-4"] .slick-slider .slick-list {
  2291. overflow: visible;
  2292. }
  2293. [id^="sm-hub-slider-4"] .sm-slider-pagination {
  2294. position: absolute;
  2295. bottom: 15px;
  2296. right: 15%;
  2297. }
  2298. /* all other items */
  2299. [id^="sm-hub-slider-4"] .summary-item img {
  2300. transform: scale(0.85);
  2301. -webkit-transition: all 0.5s;
  2302. -moz-transition: all 0.5s;
  2303. -o-transition: all 0.5s;
  2304. transition: all 0.5s;
  2305. }
  2306. /* current item */
  2307. [id^="sm-hub-slider-4"] .summary-item.slick-current img {
  2308. transform: scale(1);
  2309. }
  2310.  
  2311. [id^="sm-hub-slider-4"] .sm-slider-next-item {
  2312. margin-left: -170px;
  2313. }
  2314. [id^="sm-hub-slider-4"] .sm-slider-next-item img {
  2315. top: 0 !important;
  2316. }
  2317. [id^="sm-hub-slider-4"] .summary-v2-block:before {
  2318. content: '';
  2319. position: absolute;
  2320. bottom: 15px;
  2321. left: 7%;
  2322. width: 8px;
  2323. height: 21px;
  2324. background: url("https://static1.squarespace.com/static/5ceba3dbc5ca7e00015605e8/t/5cf7aba94830f60001939369/1559735209444/arrow-down.png") no-repeat;
  2325. background-size: contain;
  2326. z-index: 99;
  2327. }
  2328. @media(max-width: 1199px) {
  2329. [id^="sm-hub-slider-4"] .sm-slider-next-item {
  2330. margin-left: -120px;
  2331. }
  2332. [id^="sm-hub-slider-4"] .sqs-block-summary-v2 .slick-next {
  2333. right: 15px;
  2334. }
  2335. }
  2336. @media(max-width: 991px) {
  2337. [id^="sm-hub-slider-4"] .summary-title a {
  2338. font-size: 30px;
  2339. }
  2340. [id^="sm-hub-slider-4"] .sm-slider-next-item {
  2341. margin-left: -90px;
  2342. }
  2343. [id^="sm-hub-slider-4"] .sqs-block-summary-v2 .slick-next {
  2344. right: 85px;
  2345. }
  2346. }
  2347. @media(max-width: 640px) {
  2348. [id^="sm-hub-slider-4"] {
  2349. padding-top: 0;
  2350. }
  2351. [id^="sm-hub-slider-4"] .sqs-block-summary-v2 .summary-block-setting-design-list .summary-item .summary-thumbnail-container,
  2352. [id^="sm-hub-slider-4"] .sqs-block-summary-v2 .summary-block-setting-design-list .summary-thumbnail-outer-container,
  2353. [id^="sm-hub-slider-4"] .sqs-gallery-design-list .sqs-gallery-design-list-slide .sqs-gallery-meta-container {
  2354. width: 100% !important;
  2355. }
  2356. [id^="sm-hub-slider-4"] .sm-slider-next-item {
  2357. margin-left: 0;
  2358. }
  2359. [id^="sm-hub-slider-4"] .sqs-layout .sqs-row .sqs-block-summary-v2 {
  2360. padding: 0 !important;
  2361. }
  2362. [id^="sm-hub-slider-4"] .summary-title {
  2363. max-width: 70%;
  2364. }
  2365. [id^="sm-hub-slider-4"] .sqs-block-summary-v2 .slick-prev {
  2366. left: 30px;
  2367. }
  2368. [id^="sm-hub-slider-4"] .sqs-block-summary-v2 .slick-next {
  2369. right: 30px;
  2370. }
  2371. [id^="sm-hub-slider-4"] .summary-title a {
  2372. font-size: 25px;
  2373. }
  2374. [id^="sm-hub-slider-4"] .summary-v2-block:before {
  2375. left: 15%;
  2376. }
  2377. }
  2378.  
  2379. /* Hub Info 3 */
  2380. [id^="sm-hub-info-3"] h2 {
  2381. font-family: 'NeueHaasDisplay-Roman-55';
  2382. font-size: 34px;
  2383. font-style: normal;
  2384. font-weight: normal;
  2385. letter-spacing: 0;
  2386. line-height: 1.18em;
  2387. color: #050505;
  2388. text-transform: none;
  2389. margin-top: 0;
  2390. margin-bottom: 65px;
  2391. }
  2392. [id^="sm-hub-info-3"] h3 {
  2393. font-family: 'D-DINCondensed';
  2394. font-size: 11px;
  2395. font-style: normal;
  2396. font-weight: normal;
  2397. letter-spacing: 0.27em;
  2398. line-height: 1.82em;
  2399. color: #050505;
  2400. text-transform: uppercase;
  2401. margin-bottom: 10px;
  2402. }
  2403. [id^="sm-hub-info-3"] p {
  2404. font-family: 'NeueHaasDisplay-Roman-55';
  2405. font-size: 18px;
  2406. font-style: normal;
  2407. font-weight: normal;
  2408. letter-spacing: 0.044em;
  2409. line-height: 1.67em;
  2410. color: #050505;
  2411. text-transform: none;
  2412. max-width: 345px;
  2413. margin: 0 auto 25px;
  2414. }
  2415. [id^="sm-hub-info-3"] .sqs-block-button-element {
  2416. font-family: 'HaasGrotDisplay-65';
  2417. font-weight: 400;
  2418. font-style: normal;
  2419. font-size: 14px;
  2420. letter-spacing: 0.07em;
  2421. line-height: 1em;
  2422. text-transform: none;
  2423. color: #F5F5F5;
  2424. background: #050505;
  2425. border-radius: 0 !important;
  2426. padding: 15px 60px;
  2427. }
  2428. [id^="sm-hub-info-3"] .sqs-block-button {
  2429. margin-top: 65px;
  2430. }
  2431. [id^="sm-hub-info-3"] .Index-page-content {
  2432. padding: 100px 40px;
  2433. }
  2434. [id^="sm-hub-info-3"] .sqs-row .sqs-row {
  2435. display: flex;
  2436. align-items: center;
  2437. }
  2438. [id^="sm-hub-info-3"] .sqs-col-5 {
  2439. display: flex;
  2440. flex-direction: column;
  2441. justify-content: center;
  2442. }
  2443. [id^="sm-hub-info-3"] img {
  2444. top: auto !important;
  2445. }
  2446. [id^="sm-hub-info-3"] .sqs-col-6 .sqs-col-4 .image-block-wrapper {
  2447. padding-bottom: 56% !important;
  2448. }
  2449. [id^="sm-hub-info-3"] .sqs-col-6 .sqs-col-4:first-child {
  2450. display: flex;
  2451. flex-direction: column;
  2452. justify-content: flex-end;
  2453. box-sizing: border-box;
  2454. }
  2455. [id^="sm-hub-info-3"] .sqs-col-6 .sqs-col-2:first-child {
  2456. padding-left: 30px;
  2457. }
  2458. @media(max-width: 1199px) {
  2459. [id^="sm-hub-info-3"] .Index-page-content {
  2460. padding: 50px 40px;
  2461. }
  2462. [id^="sm-hub-info-3"] h2 {
  2463. margin-bottom: 30px;
  2464. }
  2465. [id^="sm-hub-info-3"] .sqs-block-button {
  2466. margin-top: 0;
  2467. }
  2468. }
  2469. @media(max-width: 991px) {
  2470. [id^="sm-hub-info-3"] h2 {
  2471. font-size: 28px;
  2472. margin-bottom: 20px;
  2473. }
  2474. [id^="sm-hub-info-3"] .sqs-block-button {
  2475. margin-top: 0;
  2476. }
  2477. }
  2478. @media(max-width: 767px) {
  2479. [id^="sm-hub-info-3"] h2 {
  2480. font-size: 24px;
  2481. }
  2482. }
  2483. @media(max-width: 640px) {
  2484. [id^="sm-hub-info-3"] .sqs-row .sqs-row {
  2485. display: block;
  2486. }
  2487. [id^="sm-hub-info-3"] .sqs-block-image {
  2488. display: none;
  2489. }
  2490. [id^="sm-hub-info-3"] .sqs-col-4:first-child .sqs-block-image {
  2491. display: block;
  2492. }
  2493. }
  2494.  
  2495. /* Hub Testimonials 2 */
  2496. [id^="sm-hub-testimonials-2"] .slick-dots li,
  2497. [id^="sm-hub-testimonials-2"] .sqs-block-summary-v2 .summary-metadata-item a {
  2498. font-family: 'D-DINCondensed';
  2499. font-size: 11px;
  2500. font-style: normal;
  2501. font-weight: normal;
  2502. letter-spacing: 0.18em;
  2503. line-height: 1.82em;
  2504. color: #F5F5F5;
  2505. text-transform: uppercase;
  2506. }
  2507. [id^="sm-hub-testimonials-2"] .sqs-block-summary-v2 .summary-excerpt p {
  2508. font-family: 'NeueHaasDisplay-Roman-55';
  2509. font-size: 50px;
  2510. font-style: normal;
  2511. font-weight: normal;
  2512. letter-spacing: 0;
  2513. line-height: 1.06em;
  2514. color: #F5F5F5;
  2515. }
  2516. [id^="sm-hub-testimonials-2"] {
  2517. background: #041B1D;
  2518. }
  2519. [id^="sm-hub-testimonials-2"] .Index-page-content {
  2520. padding: 65px 65px 0;
  2521. }
  2522. [id^="sm-hub-testimonials-2"] .sqs-block-summary-v2 .summary-title {
  2523. display: none;
  2524. }
  2525. [id^="sm-hub-testimonials-2"] .summary-item-list-container {
  2526. overflow: hidden;
  2527. }
  2528. [id^="sm-hub-testimonials-2"] .sqs-block-summary-v2 .summary-block-setting-design-list .summary-thumbnail-container {
  2529. padding: 0;
  2530. }
  2531. [id^="sm-hub-testimonials-2"] .summary-metadata-item--cats {
  2532. pointer-events: none;
  2533. }
  2534. [id^="sm-hub-testimonials-2"] .slick-dots {
  2535. display: flex;
  2536. justify-content: space-between;
  2537. position: absolute;
  2538. bottom: 10px;
  2539. left: 0;
  2540. border-top: 1px solid #fff;
  2541. padding-top: 12px;
  2542. padding-left: 0;
  2543. width: 100%;
  2544. max-width: 77%; /* 23% is thumbnail width */
  2545. z-index: 1;
  2546. }
  2547. [id^="sm-hub-testimonials-2"] .slick-dots li {
  2548. list-style: none;
  2549. display: inline-block;
  2550. padding-left: 0;
  2551. cursor: pointer;
  2552. position: relative;
  2553. -webkit-transition: all 0.5s;
  2554. -moz-transition: all 0.5s;
  2555. -ms-transition: all 0.5s;
  2556. -o-transition: all 0.5s;
  2557. transition: all 0.5s;
  2558. }
  2559. [id^="sm-hub-testimonials-2"] .slick-dots li:last-child {
  2560. padding-right: 50px;
  2561. }
  2562. [id^="sm-hub-testimonials-2"] .slick-dots li.slick-active::before {
  2563. content: '';
  2564. position: absolute;
  2565. top: 7px;
  2566. left: 0;
  2567. width: 16px;
  2568. height: 6px;
  2569. background: url("https://static1.squarespace.com/static/5d5137bc3138fd00019331f3/t/5d52c1e5fd643d0001de02eb/1565704677302/arrow-right-white.png") no-repeat;
  2570. background-size: contain;
  2571. }
  2572. [id^="sm-hub-testimonials-2"] .slick-dots li.slick-active {
  2573. padding-left: 25px;
  2574. }
  2575. [id^="sm-hub-testimonials-2"] .sqs-block-summary-v2 {
  2576. padding-bottom: 0 !important;
  2577. }
  2578. [id^="sm-hub-testimonials-2"] .sqs-block-summary-v2 .summary-block-setting-design-list .summary-item {
  2579. padding-bottom: 0 !important;
  2580. margin-bottom: 0 !important;
  2581. min-height: 450px;
  2582. display: flex;
  2583. outline: none;
  2584. }
  2585. [id^="sm-hub-testimonials-2"] .sqs-block-summary-v2 .summary-excerpt {
  2586. margin-top: 25px;
  2587. max-width: 700px;
  2588. }
  2589. [id^="sm-hub-testimonials-2"] .sqs-block-summary-v2 .summary-thumbnail-outer-container {
  2590. order: 2;
  2591. display: flex;
  2592. flex-direction: column;
  2593. justify-content: flex-end;
  2594. }
  2595. @media(max-width: 991px) {
  2596. [id^="sm-hub-testimonials-2"] .sqs-block-summary-v2 .summary-excerpt p {
  2597. font-size: 36px;
  2598. }
  2599. }
  2600. @media(max-width: 767px) {
  2601. [id^="sm-hub-testimonials-2"] .sqs-block-summary-v2 .summary-excerpt p {
  2602. font-size: 30px;
  2603. }
  2604. [id^="sm-hub-testimonials-2"] .sqs-block-summary-v2 .summary-block-setting-design-list .summary-item {
  2605. min-height: 330px;
  2606. }
  2607. }
  2608. @media(max-width: 640px) {
  2609. [id^="sm-hub-testimonials-2"] .Index-page-content {
  2610. padding: 40px 20px;
  2611. }
  2612. [id^="sm-hub-testimonials-2"] .sqs-block-summary-v2 .summary-excerpt p {
  2613. font-size: 25px;
  2614. }
  2615. [id^="sm-hub-testimonials-2"] .sqs-block-summary-v2 .summary-block-setting-design-list .summary-item {
  2616. min-height: 360px;
  2617. }
  2618. [id^="sm-hub-testimonials-2"] .slick-dots {
  2619. display: block;
  2620. max-width: 65%;
  2621. }
  2622. [id^="sm-hub-testimonials-2"] .slick-dots li {
  2623. display: block;
  2624. }
  2625. }
  2626.  
  2627. /* Hub Price 5 */
  2628. [id^="sm-hub-price-5"] h2 {
  2629. font-family: 'NeueHaasDisplay-Roman-55';
  2630. font-size: 34px;
  2631. font-style: normal;
  2632. font-weight: normal;
  2633. letter-spacing: 0;
  2634. line-height: 1.18em;
  2635. color: #050505;
  2636. text-transform: none;
  2637. margin-top: 90px !important;
  2638. margin-bottom: 25px;
  2639. }
  2640. [id^="sm-hub-price-5"] h3 {
  2641. font-family: 'D-DINCondensed';
  2642. font-size: 20px;
  2643. font-style: normal;
  2644. font-weight: normal;
  2645. letter-spacing: 0.1em;
  2646. line-height: 1.5em;
  2647. color: #9E9E9E;
  2648. text-transform: uppercase;
  2649. margin-bottom: 40px !important;
  2650. }
  2651. [id^="sm-hub-price-5"] p {
  2652. font-family: 'NeueHaasDisplay-Roman-55';
  2653. font-size: 18px;
  2654. font-style: normal;
  2655. font-weight: normal;
  2656. letter-spacing: 0.04em;
  2657. line-height: 1.67em;
  2658. color: #050505;
  2659. text-transform: none;
  2660. max-width: 450px;
  2661. margin-top: 2px;
  2662. margin-bottom: 0;
  2663. }
  2664. [id^="sm-hub-price-5"] code {
  2665. font-family: 'D-DINCondensed';
  2666. font-size: 11px;
  2667. font-style: normal;
  2668. font-weight: normal;
  2669. letter-spacing: 0.27em;
  2670. line-height: 1.82em;
  2671. color: #050505;
  2672. display: inline-block;
  2673. width: 100%;
  2674. text-align: right;
  2675. box-sizing: border-box;
  2676. padding-left: 0;
  2677. padding-right: 40px;
  2678. margin-top: 20px;
  2679. }
  2680. [id^="sm-hub-price-5"] code:before {
  2681. top: -2px;
  2682. right: 0;
  2683. }
  2684. [id^="sm-hub-price-5"] code:after {
  2685. top: 4px;
  2686. right: 4px;
  2687. }
  2688. [id^="sm-hub-price-5"] .Index-page-content {
  2689. padding: 85px 40px 60px;
  2690. }
  2691. [id^="sm-hub-price-5"] .Index-page-content .sqs-row .sqs-col-12 .sqs-row {
  2692. position: relative;
  2693. }
  2694. [id^="sm-hub-price-5"] .Index-page-content .sqs-row .sqs-col-12 > .sqs-row:before {
  2695. content: '';
  2696. position: absolute;
  2697. bottom: -15px;
  2698. right: 17px;
  2699. width: 90%;
  2700. height: 90%;
  2701. display: block;
  2702. background: #F5F5F5;
  2703. z-index: 0;
  2704. }
  2705. [id^="sm-hub-price-5"] .Index-page-content .sqs-row .sqs-col-12 > .sqs-row:last-child::before {
  2706. right: auto;
  2707. left: 17px;
  2708. }
  2709. [id^="sm-hub-price-5"] .Index-page-content .sqs-row .sqs-col-12 > .sqs-row:last-child code {
  2710. text-align: left;
  2711. width: auto;
  2712. }
  2713. [id^="sm-hub-price-5"] .sqs-col-12 .sqs-row > .sqs-col-6:last-child,
  2714. [id^="sm-hub-price-5"] .Index-page-content .sqs-row .sqs-col-12 > .sqs-row:last-child .sqs-col-6:first-child {
  2715. padding-left: 30px;
  2716. box-sizing: border-box;
  2717. }
  2718. [id^="sm-hub-price-5"] .Index-page-content .sqs-row .sqs-col-12 > .sqs-row:last-child .sqs-col-6:last-child .sqs-block-html {
  2719. padding-top: 0;
  2720. }
  2721. [id^="sm-hub-price-5"] .sqs-col-3 .sqs-block-html {
  2722. padding-top: 5px !important;
  2723. padding-bottom: 5px !important;
  2724. }
  2725. [id^="sm-hub-price-5"] ul {
  2726. margin-top: 7px !important;
  2727. padding-left: 30px;
  2728. padding-right: 15px;
  2729. }
  2730. [id^="sm-hub-price-5"] li {
  2731. position: relative;
  2732. }
  2733. [id^="sm-hub-price-5"] li p {
  2734. font-size: 15px;
  2735. margin-top: 0;
  2736. margin-bottom: 5px;
  2737. }
  2738. [id^="sm-hub-price-5"] ul[data-rte-list] li>*:first-child::before {
  2739. display: none;
  2740. }
  2741. [id^="sm-hub-price-5"] li:before {
  2742. content: '.';
  2743. position: absolute;
  2744. top: -14px;
  2745. left: -34px;
  2746. font-size: 40px;
  2747. }
  2748. [id^="sm-hub-price-5"] .sqs-col-6:first-child .sqs-block-html:last-child {
  2749. padding-top: 0;
  2750. }
  2751. [id^="sm-hub-price-5"] pre {
  2752. overflow: hidden;
  2753. max-width: 100%;
  2754. }
  2755. @media(max-width: 1199px) {
  2756. [id^="sm-hub-price-5"] .Index-page-content {
  2757. padding: 50px 20px 45px;
  2758. }
  2759. [id^="sm-hub-price-5"] h3 {
  2760. margin-bottom: 10px !important;
  2761. }
  2762. [id^="sm-hub-price-5"] .Index-page-content .sqs-row .sqs-col-12 > .sqs-row:before {
  2763. right: 0;
  2764. }
  2765. }
  2766. @media(max-width: 991px) {
  2767. [id^="sm-hub-price-5"] h2 {
  2768. font-size: 30px;
  2769. }
  2770. [id^="sm-hub-price-5"] .sqs-col-12 .sqs-row>.sqs-col-6:last-child {
  2771. padding-left: 0;
  2772. }
  2773. [id^="sm-hub-price-5"] ul {
  2774. padding-left: 18px;
  2775. }
  2776. [id^="sm-hub-price-5"] li:before {
  2777. left: -20px;
  2778. }
  2779. }
  2780. @media(max-width: 767px) {
  2781. [id^="sm-hub-price-5"] h2 {
  2782. font-size: 26px;
  2783. }
  2784. }
  2785. @media(max-width: 640px) {
  2786. [id^="sm-hub-price-5"] h2 {
  2787. margin-top: 0 !important;
  2788. }
  2789. [id^="sm-hub-price-5"] .Index-page-content .sqs-row .sqs-col-12 > .sqs-row:last-child h2 {
  2790. margin-top: 20px !important;
  2791. }
  2792. [id^="sm-hub-price-5"] .Index-page-content .sqs-layout:before {
  2793. width: 100%;
  2794. }
  2795. [id^="sm-hub-price-5"] .sqs-col-12 .sqs-row>.sqs-col-6:last-child {
  2796. padding-left: 20px;
  2797. padding-right: 20px;
  2798. }
  2799. [id^="sm-hub-price-5"] pre {
  2800. padding-right: 20px;
  2801. }
  2802. [id^="sm-hub-price-5"] .Index-page-content .sqs-row .sqs-col-12 > .sqs-row:before {
  2803. width: calc(~"100% - 34px");
  2804. height: 100%;
  2805. left: 17px;
  2806. right: 17px;
  2807. }
  2808. [id^="sm-hub-price-5"] code,
  2809. [id^="sm-hub-price-5"] .Index-page-content .sqs-row .sqs-col-12 > .sqs-row:last-child code {
  2810. text-align: right;
  2811. width: 100%;
  2812. }
  2813. [id^="sm-hub-price-5"] .sqs-col-12 .sqs-row>.sqs-col-6:last-child,
  2814. [id^="sm-hub-price-5"] .Index-page-content .sqs-row .sqs-col-12>.sqs-row:last-child .sqs-col-6:first-child {
  2815. padding-left: 17px;
  2816. }
  2817. }
  2818.  
  2819. /* Hub Price 2 */
  2820. [id^="sm-hub-price-2"] h2 {
  2821. font-family: 'NeueHaasDisplay-Roman-55';
  2822. font-size: 34px;
  2823. font-style: normal;
  2824. font-weight: normal;
  2825. letter-spacing: 0;
  2826. line-height: 1.18em;
  2827. color: #050505;
  2828. margin-top: 0;
  2829. margin-bottom: 0;
  2830. }
  2831. [id^="sm-hub-price-2"] h3 {
  2832. font-family: 'D-DINCondensed';
  2833. font-size: 11px;
  2834. font-style: normal;
  2835. font-weight: normal;
  2836. letter-spacing: 0.27em;
  2837. line-height: 1.82em;
  2838. color: #050505;
  2839. margin-bottom: 32px;
  2840. }
  2841. [id^="sm-hub-price-2"] p {
  2842. font-family: 'NeueHaasDisplay-Roman-55';
  2843. font-size: 15px;
  2844. font-style: normal;
  2845. font-weight: normal;
  2846. letter-spacing: 0.03em;
  2847. line-height: 2em;
  2848. color: #050505;
  2849. }
  2850. [id^="sm-hub-price-2"] code {
  2851. font-family: 'D-DINCondensed';
  2852. font-size: 11px;
  2853. font-style: normal;
  2854. font-weight: normal;
  2855. letter-spacing: 0.27em;
  2856. line-height: 1.82em;
  2857. color: #050505;
  2858. display: block;
  2859. padding-left: 0;
  2860. margin-top: 10px;
  2861. margin-bottom: 5px;
  2862. }
  2863. [id^="sm-hub-price-2"] .Index-page-content {
  2864. padding: 50px 75px 60px;
  2865. }
  2866. [id^="sm-hub-price-2"] h2:last-child {
  2867. margin-bottom: 50px !important;
  2868. }
  2869. [id^="sm-hub-price-2"] .sqs-row .sqs-row {
  2870. display: flex;
  2871. }
  2872. [id^="sm-hub-price-2"] .sqs-col-4 {
  2873. background: #F5F5F5;
  2874. margin-left: 37px;
  2875. margin-right: 37px;
  2876. -webkit-transition: all 0.3s;
  2877. -moz-transition: all 0.3s;
  2878. -ms-transition: all 0.3s;
  2879. -o-transition: all 0.3s;
  2880. transition: all 0.3s;
  2881. }
  2882. [id^="sm-hub-price-2"] .sqs-col-4.sm-hub-package-active {
  2883. background: #041B1D;
  2884. }
  2885. [id^="sm-hub-price-2"] .sqs-col-4.sm-hub-package-active p,
  2886. [id^="sm-hub-price-2"] .sqs-col-4.sm-hub-package-active h3 {
  2887. color: #fff;
  2888. }
  2889. [id^="sm-hub-price-2"] .sqs-col-4 p {
  2890. max-width: 190px;
  2891. margin: 0 auto;
  2892. }
  2893. [id^="sm-hub-price-2"] .sqs-col-4 h3 {
  2894. font-size: 16px;
  2895. line-height: 1.8em;
  2896. letter-spacing: 0.16em;
  2897. max-width: 200px;
  2898. margin: 15px auto 35px !important;
  2899. }
  2900. [id^="sm-hub-price-2"] .sqs-layout .sqs-row .sqs-col-4 .sqs-block-image {
  2901. padding: 0 !important;
  2902. }
  2903. [id^="sm-hub-price-2"] .sqs-block-horizontalrule hr {
  2904. background-color: #F4F3F1;
  2905. margin-bottom: 0;
  2906. }
  2907. [id^="sm-hub-price-2"] code:before {
  2908. background: transparent;
  2909. border-color: #494949;
  2910. top: 0;
  2911. }
  2912. [id^="sm-hub-price-2"] code:after {
  2913. top: 6px;
  2914. background: url("https://static1.squarespace.com/static/5d5137bc3138fd00019331f3/t/5d5d3603e2b58600016e43ce/1566389763319/new-check-white.png") no-repeat;
  2915. background-size: contain;
  2916. }
  2917. [id^="sm-hub-price-2"] .sqs-col-4.sm-hub-package-active code {
  2918. color: #fff;
  2919. }
  2920. [id^="sm-hub-price-2"] .sqs-col-4.sm-hub-package-active code:before {
  2921. border-color: #fff;
  2922. }
  2923. @media(max-width: 1199px) {
  2924. [id^="sm-hub-price-2"] .sqs-col-4 h3 {
  2925. margin-bottom: 10px !important;
  2926. }
  2927. }
  2928. @media(max-width: 991px) {
  2929. [id^="sm-hub-price-2"] .Index-page-content {
  2930. padding: 50px 30px;
  2931. }
  2932. [id^="sm-hub-price-2"] .sqs-col-4 {
  2933. margin-left: 15px;
  2934. margin-right: 15px;
  2935. }
  2936. [id^="sm-hub-price-2"] h2:last-child {
  2937. margin-bottom: 30px !important;
  2938. }
  2939. }
  2940. @media(max-width: 767px) {
  2941. [id^="sm-hub-price-2"] h3 {
  2942. margin-bottom: 20px;
  2943. }
  2944. [id^="sm-hub-price-2"] .sqs-col-4 h3 {
  2945. font-size: 12px;
  2946. margin-top: 5px !important;
  2947. margin-bottom: 20px;
  2948. }
  2949. }
  2950. @media(max-width: 640px) {
  2951. [id^="sm-hub-price-2"] h2 {
  2952. font-size: 25px;
  2953. }
  2954. [id^="sm-hub-price-2"] h2,
  2955. [id^="sm-hub-price-2"] .sqs-col-4 h3 {
  2956. -webkit-hyphens: none;
  2957. -moz-hyphens: none;
  2958. -ms-hyphens: none;
  2959. hyphens: none;
  2960. }
  2961. [id^="sm-hub-price-2"] .sqs-row .sqs-row {
  2962. display: block;
  2963. }
  2964. [id^="sm-hub-price-2"] .sqs-col-4 {
  2965. margin-bottom: 20px;
  2966. }
  2967. [id^="sm-hub-price-2"] .sqs-col-4 h3,
  2968. [id^="sm-hub-price-2"] .sqs-col-4 p {
  2969. max-width: 100%;
  2970. }
  2971. }
  2972.  
  2973. /* Hub Video 1 */
  2974. [id^="sm-hub-video-1"] .video-caption p {
  2975. font-family: 'NeueHaasDisplay-Roman-55';
  2976. font-size: 22px;
  2977. font-style: normal;
  2978. font-weight: normal;
  2979. letter-spacing: 0.02em;
  2980. line-height: 1em;
  2981. color: #173637;
  2982. text-align: center;
  2983. margin-top: 0;
  2984. margin-bottom: 0;
  2985. }
  2986. [id^="sm-hub-video-1"] .video-caption p strong {
  2987. font-family: 'D-DINCondensed';
  2988. font-size: 11px;
  2989. font-style: normal;
  2990. font-weight: normal;
  2991. letter-spacing: 0.27em;
  2992. line-height: 1.82em;
  2993. color: #050505;
  2994. text-transform: uppercase;
  2995. text-align: center;
  2996. }
  2997. [id^="sm-hub-video-1"] {
  2998. background: #F5F5F5;
  2999. }
  3000. [id^="sm-hub-video-1"] .Index-page-content {
  3001. padding: 65px 110px 30px;
  3002. }
  3003. [id^="sm-hub-video-1"] .sqs-block-video {
  3004. padding-bottom: 10px !important;
  3005. }
  3006. [id^="sm-hub-video-1"] .video-caption-wrapper {
  3007. margin-top: 25px;
  3008. }
  3009. [id^="sm-hub-video-1"] .sqs-video-wrapper .sqs-video-overlay .sqs-video-icon {
  3010. width: 59px;
  3011. height: 59px;
  3012. background: url("https://static1.squarespace.com/static/5ceba3dbc5ca7e00015605e8/t/5d1f3c31d7cf6b00012a598a/1562328113780/play-icon.png") no-repeat;
  3013. background-size: contain;
  3014. }
  3015. @media(max-width: 991px) {
  3016. [id^="sm-hub-video-1"] .Index-page-content {
  3017. padding: 50px 50px 30px;
  3018. }
  3019. }
  3020. @media(max-width: 640px) {
  3021. [id^="sm-hub-video-1"] .Index-page-content {
  3022. padding: 10px 25px 10px;
  3023. }
  3024. [id^="sm-hub-video-1"] .sqs-video-wrapper .sqs-video-overlay .sqs-video-icon {
  3025. width: 40px;
  3026. height: 40px;
  3027. margin-left: -20px;
  3028. margin-top: -20px;
  3029. }
  3030. }
  3031.  
  3032. /* Hub Info 7 */
  3033. [id^="sm-hub-info-7"] h2 {
  3034. font-family: 'NeueHaasDisplay-Roman-55';
  3035. font-size: 34px;
  3036. font-style: normal;
  3037. font-weight: normal;
  3038. letter-spacing: 0;
  3039. line-height: 1.18em;
  3040. color: #050505;
  3041. text-transform: none;
  3042. max-width: 390px;
  3043. margin: 0 auto 30px;
  3044. }
  3045. [id^="sm-hub-info-7"] p {
  3046. font-family: 'NeueHaasDisplay-Roman-55';
  3047. font-size: 18px;
  3048. font-style: normal;
  3049. font-weight: normal;
  3050. letter-spacing: 0.04em;
  3051. line-height: 1.67em;
  3052. color: #050505;
  3053. text-transform: none;
  3054. max-width: 360px;
  3055. margin: 0 auto 25px;
  3056. }
  3057. [id^="sm-hub-info-7"] p a {
  3058. font-family: 'HaasGrotDisplay-65';
  3059. font-size: 14px;
  3060. font-weight: 400;
  3061. font-style: normal;
  3062. letter-spacing: 0.07em;
  3063. line-height: 1em;
  3064. color: #050505 !important;
  3065. text-transform: none;
  3066. border: none !important;
  3067. border-bottom: 1px solid #000 !important;
  3068. display: inline-block;
  3069. padding: 3px 0;
  3070. margin-top: 35px;
  3071. }
  3072. [id^="sm-hub-info-7"] .sqs-block-button-element:hover {
  3073. background: none !important;
  3074. }
  3075. [id^="sm-hub-info-7"] {
  3076. background: #FFFFFF;
  3077. }
  3078. [id^="sm-hub-info-7"]:before {
  3079. content: '';
  3080. position: absolute;
  3081. width: 65%;
  3082. height: 100%;
  3083. top: 0;
  3084. left: 0;
  3085. background: #F5F5F5;
  3086. }
  3087. [id^="sm-hub-info-7"] .sqs-row {
  3088. display: flex;
  3089. align-items: center;
  3090. }
  3091. [id^="sm-hub-info-7"] .Index-page-content {
  3092. padding: 90px 40px 65px;
  3093. }
  3094. @media(max-width: 1199px) {
  3095. [id^="sm-hub-info-7"] p a {
  3096. margin-top: 0;
  3097. }
  3098. }
  3099. @media(max-width: 991px) {
  3100. [id^="sm-hub-info-7"] .Index-page-content {
  3101. padding: 50px 40px 35px;
  3102. }
  3103. [id^="sm-hub-info-7"] h2 {
  3104. font-size: 28px;
  3105. }
  3106. }
  3107. @media(max-width: 767px) {
  3108. [id^="sm-hub-info-7"] h2 {
  3109. font-size: 24px;
  3110. }
  3111. }
  3112. @media(max-width: 640px) {
  3113. [id^="sm-hub-info-7"] .sqs-row {
  3114. display: block;
  3115. }
  3116. [id^="sm-hub-info-7"] .Index-page-content {
  3117. padding: 20px 20px 10px;
  3118. }
  3119. [id^="sm-hub-info-7"]:before {
  3120. width: 100%;
  3121. }
  3122. }
  3123.  
  3124. /* Hub Image Cards 1 */
  3125. [id^="sm-hub-image-cards-1"] h2 {
  3126. font-family: 'NeueHaasDisplay-Roman-55';
  3127. font-size: 34px;
  3128. font-style: normal;
  3129. font-weight: normal;
  3130. letter-spacing: 0;
  3131. line-height: 1.18em;
  3132. color: #050505;
  3133. margin-bottom: 18px !important;
  3134. }
  3135. [id^="sm-hub-image-cards-1"] .sqs-block-image .image-block-outer-wrapper.image-block-v2 .image-title p {
  3136. font-family: 'NeueHaasDisplay-Roman-55';
  3137. font-size: 34px !important;
  3138. font-style: normal;
  3139. font-weight: normal;
  3140. letter-spacing: 0;
  3141. line-height: 1.18em;
  3142. color: #F5F5F5;
  3143. text-transform: none;
  3144. }
  3145. [id^="sm-hub-image-cards-1"] .sqs-block-image .image-block-outer-wrapper.image-block-v2 .image-subtitle p {
  3146. font-family: 'NeueHaasDisplay-Roman-55';
  3147. font-size: 18px !important;
  3148. font-style: normal;
  3149. font-weight: normal;
  3150. letter-spacing: 0.044em;
  3151. line-height: 1.67em;
  3152. color: #F5F5F5;
  3153. text-transform: none;
  3154. margin-top: 0;
  3155. margin-bottom: 0;
  3156. }
  3157. [id^="sm-hub-image-cards-1"] .Index-page-content {
  3158. padding: 60px 40px 80px;
  3159. }
  3160. [id^="sm-hub-image-cards-1"] .sqs-block-image .design-layout-poster .image-title-wrapper {
  3161. margin-bottom: 0;
  3162. -webkit-transition: all 0.6s;
  3163. -moz-transition: all 0.6s;
  3164. -ms-transition: all 0.6s;
  3165. -o-transition: all 0.6s;
  3166. transition: all 0.6s;
  3167. }
  3168. [id^="sm-hub-image-cards-1"] .sqs-block-image:hover .design-layout-poster .image-title-wrapper {
  3169. margin-bottom: 65px;
  3170. }
  3171. [id^="sm-hub-image-cards-1"] .sqs-block-image .design-layout-poster .image-subtitle-wrapper {
  3172. position: absolute;
  3173. bottom: -140px;
  3174. left: 50%;
  3175. width: 70%;
  3176. transform: translateX(-50%);
  3177. -webkit-transition: all 0.6s;
  3178. -moz-transition: all 0.6s;
  3179. -ms-transition: all 0.6s;
  3180. -o-transition: all 0.6s;
  3181. transition: all 0.6s;
  3182. }
  3183. [id^="sm-hub-image-cards-1"] .sqs-block-image:hover .design-layout-poster .image-subtitle-wrapper {
  3184. position: absolute;
  3185. bottom: 68px;
  3186. }
  3187. [id^="sm-hub-image-cards-1"] .sqs-block-image .image-block-outer-wrapper.image-block-v2 .image-overlay {
  3188. background: rgba(0,0,0,0.1);
  3189. }
  3190. [id^="sm-hub-image-cards-1"] .sqs-block-image:hover .image-block-outer-wrapper.image-block-v2 .image-overlay {
  3191. background: rgba(0,0,0,0.4);
  3192. }
  3193. [id^="sm-hub-image-cards-1"] .sqs-block-image .image-block-outer-wrapper.image-block-v2 .image-card {
  3194. width: 60%;
  3195. }
  3196. [id^="sm-hub-image-cards-1"] .sqs-block-image .image-block-outer-wrapper.image-block-v2 .image-card-wrapper {
  3197. overflow: hidden;
  3198. }
  3199. [id^="sm-hub-contact-4"] .textarea:last-child {
  3200. display: none;
  3201. }
  3202. @media(max-width: 1199px) {
  3203. [id^="sm-hub-image-cards-1"] h2 {
  3204. margin-bottom: 0 !important;
  3205. }
  3206. [id^="sm-hub-image-cards-1"] .sqs-block-image:hover .design-layout-poster .image-title-wrapper {
  3207. margin-bottom: 100px;
  3208. }
  3209. }
  3210. @media(max-width: 991px) {
  3211. [id^="sm-hub-image-cards-1"] h2 {
  3212. font-size: 28px;
  3213. }
  3214. [id^="sm-hub-image-cards-1"] .sqs-block-image .image-block-outer-wrapper.image-block-v2 .image-title p {
  3215. font-size: 26px !important;
  3216. }
  3217. [id^="sm-hub-image-cards-1"] .sqs-block-image .design-layout-poster .image-subtitle-wrapper {
  3218. bottom: -200px;
  3219. }
  3220. [id^="sm-hub-image-cards-1"] .sqs-block-image .image-block-outer-wrapper.image-block-v2 .image-subtitle p {
  3221. font-size: 16px !important;
  3222. line-height: 1.4em;
  3223. }
  3224. [id^="sm-hub-image-cards-1"] .sqs-block-image:hover .design-layout-poster .image-subtitle-wrapper {
  3225. bottom: 10px;
  3226. }
  3227. [id^="sm-hub-image-cards-1"] .sqs-block-image .image-block-outer-wrapper.image-block-v2 .image-card {
  3228. display: flex;
  3229. align-items: center;
  3230. justify-content: center;
  3231. flex-direction: column;
  3232. width: 100%;
  3233. height: 100%;
  3234. }
  3235. }
  3236. @media(max-width: 767px) {
  3237. [id^="sm-hub-image-cards-1"] .Index-page-content {
  3238. padding: 40px 20px;
  3239. }
  3240. [id^="sm-hub-image-cards-1"] .sqs-block-image .image-block-outer-wrapper.image-block-v2 .image-subtitle p {
  3241. font-size: 15px !important;
  3242. }
  3243. }
  3244. @media(max-width: 640px) {
  3245. [id^="sm-hub-image-cards-1"] .Index-page-content {
  3246. padding: 10px 20px 10px;
  3247. }
  3248. [id^="sm-hub-image-cards-1"] h2 {
  3249. font-size: 25px;
  3250. }
  3251. }
  3252.  
  3253. /* Hub Info 6 */
  3254. [id^="sm-hub-info-6"] h2 {
  3255. font-family: 'NeueHaasDisplay-Roman-55';
  3256. font-size: 34px;
  3257. font-style: normal;
  3258. font-weight: normal;
  3259. letter-spacing: 0;
  3260. line-height: 1.18em;
  3261. color: #050505;
  3262. text-transform: none;
  3263. max-width: 390px;
  3264. margin: 0 auto 30px;
  3265. }
  3266. [id^="sm-hub-info-6"] p {
  3267. font-family: 'NeueHaasDisplay-Roman-55';
  3268. font-size: 18px;
  3269. font-style: normal;
  3270. font-weight: normal;
  3271. letter-spacing: 0.04em;
  3272. line-height: 1.67em;
  3273. color: #050505;
  3274. text-transform: none;
  3275. max-width: 360px;
  3276. margin: 0 auto 25px;
  3277. }
  3278. [id^="sm-hub-info-6"] p a {
  3279. font-family: 'HaasGrotDisplay-65';
  3280. font-size: 14px;
  3281. font-style: normal;
  3282. font-weight: 400;
  3283. letter-spacing: 0.07em;
  3284. line-height: 1em;
  3285. color: #050505 !important;
  3286. text-transform: none;
  3287. border: none !important;
  3288. border-bottom: 1px solid #000 !important;
  3289. display: inline-block;
  3290. padding: 3px 0;
  3291. margin-top: 35px;
  3292. }
  3293. [id^="sm-hub-info-6"] .sqs-block-button-element:hover {
  3294. background: none !important;
  3295. }
  3296. [id^="sm-hub-info-6"] {
  3297. background: #FFFFFF;
  3298. }
  3299. [id^="sm-hub-info-6"]:before {
  3300. content: '';
  3301. position: absolute;
  3302. width: 65%;
  3303. height: 100%;
  3304. top: 0;
  3305. right: 0;
  3306. background: #F5F5F5;
  3307. }
  3308. [id^="sm-hub-info-6"] .sqs-row {
  3309. display: flex;
  3310. align-items: center;
  3311. }
  3312. [id^="sm-hub-info-6"] .Index-page-content {
  3313. padding: 90px 40px 65px;
  3314. }
  3315. @media(max-width: 1199px) {
  3316. [id^="sm-hub-info-6"] p a {
  3317. margin-top: 0;
  3318. }
  3319. }
  3320. @media(max-width: 991px) {
  3321. [id^="sm-hub-info-6"] .Index-page-content {
  3322. padding: 50px 40px 35px;
  3323. }
  3324. [id^="sm-hub-info-6"] h2 {
  3325. font-size: 28px;
  3326. }
  3327. }
  3328. @media(max-width: 767px) {
  3329. [id^="sm-hub-info-6"] h2 {
  3330. font-size: 24px;
  3331. }
  3332. }
  3333. @media(max-width: 640px) {
  3334. [id^="sm-hub-info-6"] .sqs-row {
  3335. display: block;
  3336. }
  3337. [id^="sm-hub-info-6"] .Index-page-content {
  3338. padding: 10px 20px 15px;
  3339. }
  3340. [id^="sm-hub-info-6"]:before {
  3341. width: 100%;
  3342. }
  3343. }
  3344.  
  3345. /* Hub FAQ 3 */
  3346. [id^="sm-hub-faq-3"] h2 {
  3347. font-family: 'NeueHaasDisplay-Roman-55';
  3348. font-size: 34px;
  3349. font-style: normal;
  3350. font-weight: normal;
  3351. letter-spacing: 0;
  3352. line-height: 1.18em;
  3353. color: #050505;
  3354. text-transform: none;
  3355. margin-bottom: 15px !important;
  3356. }
  3357. [id^="sm-hub-faq-3"] .sqs-block-summary-v2 .summary-title a {
  3358. font-family: 'NeueHaasDisplay-Roman-55';
  3359. font-size: 22px;
  3360. font-style: normal;
  3361. font-weight: normal;
  3362. letter-spacing: 0.02em;
  3363. line-height: 1.36em;
  3364. color: #173637;
  3365. text-transform: none;
  3366. pointer-events: none;
  3367. }
  3368. [id^="sm-hub-faq-3"] .sqs-block-summary-v2 .summary-excerpt p {
  3369. font-family: 'NeueHaasDisplay-Roman-55';
  3370. font-size: 18px;
  3371. font-style: normal;
  3372. font-weight: normal;
  3373. letter-spacing: 0.044em;
  3374. line-height: 1.67em;
  3375. color: #050505;
  3376. }
  3377. [id^="sm-hub-faq-3"] .summary-title:before {
  3378. font-family: 'D-DINCondensed';
  3379. font-size: 16px;
  3380. font-style: normal;
  3381. font-weight: normal;
  3382. letter-spacing: 0.16em;
  3383. line-height: 1.82em;
  3384. color: #fff;
  3385. position: absolute;
  3386. top: 27px;
  3387. left: 27px;
  3388. }
  3389. [id^="sm-hub-faq-3"] .sqs-block-button .sqs-block-button-element {
  3390. font-family: 'HaasGrotDisplay-65';
  3391. font-weight: 400;
  3392. font-style: normal;
  3393. font-size: 14px;
  3394. letter-spacing: 0.07em;
  3395. line-height: 1em;
  3396. color: #F5F5F5;
  3397. text-transform: none;
  3398. background: #050505;
  3399. border-radius: 0;
  3400. padding: 13px 64px;
  3401. }
  3402. [id^="sm-hub-faq-3"] {
  3403. background: #FFFFFF;
  3404. }
  3405. [id^="sm-hub-faq-3"] .Index-page-content {
  3406. padding: 100px 80px;
  3407. }
  3408. [id^="sm-hub-faq-3"] .sqs-block-summary-v2 .summary-item:nth-child(even) {
  3409. background: #F5F5F5;
  3410. }
  3411. [id^="sm-hub-faq-3"] .sqs-block-summary-v2 .summary-excerpt {
  3412. box-sizing: border-box;
  3413. padding-left: 100px;
  3414. max-width: 560px;
  3415. }
  3416. [id^="sm-hub-faq-3"] .sqs-block-summary-v2 .summary-title {
  3417. position: relative;
  3418. padding-top: 34px;
  3419. padding-left: 70px;
  3420. max-width: 500px;
  3421. margin-bottom: 20px;
  3422. }
  3423. [id^="sm-hub-faq-3"] .sqs-block-summary-v2 .summary-title:before {
  3424. content: "0" counter(sm-hub-faq-3-counter)".";
  3425. color: #494949;
  3426. }
  3427. [id^="sm-hub-faq-3"] .sqs-block-summary-v2 .summary-item {
  3428. counter-increment: sm-hub-faq-3-counter;
  3429. outline: none;
  3430. padding-bottom: 0 !important;
  3431. margin-bottom: 5px !important;
  3432. }
  3433. [id^="sm-hub-faq-3"] .sqs-block-summary-v2 {
  3434. counter-reset: sm-hub-faq-3-counter;
  3435. }
  3436. @media(max-width: 1199px) {
  3437. [id^="sm-hub-faq-3"] .Index-page-content {
  3438. padding: 50px 40px;
  3439. }
  3440. [id^="sm-hub-faq-3"] .sqs-block-summary-v2 .summary-excerpt {
  3441. max-width: 500px;
  3442. }
  3443. }
  3444. @media(max-width: 991px) {
  3445. [id^="sm-hub-faq-3"] .sqs-block-summary-v2 .summary-title {
  3446. padding-top: 22px;
  3447. padding-left: 50px;
  3448. padding-right: 20px;
  3449. margin-bottom: 10px;
  3450. }
  3451. [id^="sm-hub-faq-3"] .sqs-block-summary-v2 .summary-excerpt {
  3452. padding-left: 55px;
  3453. padding-right: 10px;
  3454. padding-bottom: 10px;
  3455. }
  3456. [id^="sm-hub-faq-3"] h2 {
  3457. font-size: 28px;
  3458. }
  3459. [id^="sm-hub-faq-3"] .summary-title:before {
  3460. top: 20px;
  3461. left: 20px;
  3462. }
  3463. }
  3464. @media(max-width: 767px) {
  3465. [id^="sm-hub-faq-3"] h2 {
  3466. font-size: 25px;
  3467. }
  3468. }
  3469. @media(max-width: 640px) {
  3470. [id^="sm-hub-faq-3"] .Index-page-content {
  3471. padding: 20px;
  3472. }
  3473. [id^="sm-hub-faq-3"] .sqs-block-summary-v2 .summary-block-setting-design-list .summary-thumbnail-outer-container,
  3474. [id^="sm-hub-faq-3"] .sqs-gallery-design-list .sqs-gallery-design-list-slide .sqs-gallery-meta-container {
  3475. width: 100% !important;
  3476. }
  3477. [id^="sm-hub-faq-3"] .sqs-block-summary-v2 .summary-block-setting-design-list .summary-item .summary-thumbnail-container {
  3478. padding-right: 0;
  3479. }
  3480. [id^="sm-hub-faq-3"] .sqs-block-button .sqs-block-button-container--right {
  3481. text-align: center;
  3482. }
  3483. [id^="sm-hub-faq-3"] h2 {
  3484. margin-bottom: 0 !important;
  3485. }
  3486. [id^="sm-hub-faq-3"] .sqs-block-summary-v2 .summary-title a {
  3487. font-size: 20px;
  3488. }
  3489. }
  3490.  
  3491. /* Hub CTA 1 */
  3492. [id^="sm-hub-cta-1"] h2 {
  3493. font-family: 'NeueHaasDisplay-Roman-55';
  3494. font-size: 22px;
  3495. font-style: normal;
  3496. font-weight: normal;
  3497. letter-spacing: 0.02em;
  3498. line-height: 1.36em;
  3499. color: #173637;
  3500. text-transform: none;
  3501. }
  3502. [id^="sm-hub-cta-1"] h3 {
  3503. font-family: 'D-DINCondensed';
  3504. font-size: 16px;
  3505. font-style: normal;
  3506. font-weight: normal;
  3507. letter-spacing: 0.16em;
  3508. line-height: 1.82em;
  3509. color: #FFFFFF;
  3510. text-transform: uppercase;
  3511. max-width: 240px;
  3512. margin: 0 auto;
  3513. }
  3514. [id^="sm-hub-cta-1"] p {
  3515. font-family: 'NeueHaasDisplay-Roman-55';
  3516. font-size: 18px;
  3517. font-style: normal;
  3518. font-weight: normal;
  3519. letter-spacing: 0.044em;
  3520. line-height: 1.67em;
  3521. color: #050505;
  3522. text-transform: none;
  3523. max-width: 220px;
  3524. }
  3525. [id^="sm-hub-cta-1"] .sqs-block-button-element {
  3526. font-family: 'HaasGrotDisplay-65';
  3527. font-weight: 400;
  3528. font-style: normal;
  3529. font-size: 14px;
  3530. letter-spacing: 0.07em;
  3531. line-height: 1em;
  3532. text-transform: none;
  3533. color: #050505;
  3534. background: #FFFFFF;
  3535. border-radius: 0 !important;
  3536. padding: 15px 72px;
  3537. }
  3538. [id^="sm-hub-cta-1"] {
  3539. background: #F5F5F5;
  3540. overflow: visible;
  3541. }
  3542. [id^="sm-hub-cta-1"] .Index-page-content {
  3543. padding: 0;
  3544. }
  3545. [id^="sm-hub-cta-1"] .sqs-row .sqs-row .col {
  3546. position: relative;
  3547. padding-top: 55px;
  3548. padding-bottom: 20px;
  3549. }
  3550. [id^="sm-hub-cta-1"] .sqs-col-3 h2 {
  3551. max-width: 170px;
  3552. padding-left: 15px;
  3553. }
  3554. [id^="sm-hub-cta-1"] .sqs-col-2 .sqs-block-image {
  3555. margin-top: -90px;
  3556. padding-bottom: 0;
  3557. }
  3558. [id^="sm-hub-cta-1"] .sqs-col-4:last-child {
  3559. background: #041B1D;
  3560. }
  3561. [id^="sm-hub-cta-1"] .sqs-col-4 .sqs-block-button {
  3562. padding-top: 10px;
  3563. }
  3564. [id^="sm-hub-cta-1"] .sqs-col-4:last-child::before {
  3565. content: '';
  3566. position: absolute;
  3567. top: 30%;
  3568. left: -30px;
  3569. width: 32px;
  3570. height: 9px;
  3571. background: url("https://static1.squarespace.com/static/5d5137bc3138fd00019331f3/t/5d53e5f78fd2e60001225f2f/1565779447932/arrow-right-gray.png") no-repeat;
  3572. background-size: contain;
  3573. }
  3574. [id^="sm-hub-cta-1"]:before {
  3575. content: '';
  3576. position: absolute;
  3577. top: 0;
  3578. right: 0;
  3579. height: 100%;
  3580. width: 35%;
  3581. background: #041B1D;
  3582. }
  3583. [id^="sm-hub-cta-1"] .sqs-row .sqs-row {
  3584. display: flex;
  3585. }
  3586. [id^="sm-hub-cta-1"] .sqs-row .sqs-row .sqs-col-3 {
  3587. display: flex;
  3588. align-items: flex-end;
  3589. }
  3590. @media(max-width: 991px) {
  3591. [id^="sm-hub-cta-1"] .sqs-row .sqs-row .col {
  3592. padding-top: 30px;
  3593. padding-bottom: 15px;
  3594. }
  3595. [id^="sm-hub-cta-1"] .sqs-col-2 .sqs-block-image {
  3596. margin-top: -50px;
  3597. }
  3598. [id^="sm-hub-cta-1"] .sqs-col-4:last-child::before {
  3599. top: 25%;
  3600. width: 20px;
  3601. }
  3602. [id^="sm-hub-cta-1"] .sqs-block-button-element {
  3603. padding: 15px 60px;
  3604. }
  3605. [id^="sm-hub-cta-1"] .sqs-col-4:last-child::before {
  3606. display: none;
  3607. }
  3608. }
  3609. @media(max-width: 640px) {
  3610. [id^="sm-hub-cta-1"] .sqs-row .sqs-row .sqs-col-3,
  3611. [id^="sm-hub-cta-1"] .sqs-row .sqs-row {
  3612. display: block;
  3613. }
  3614. [id^="sm-hub-cta-1"] .Index-page-content {
  3615. padding: 10px 20px;
  3616. }
  3617. [id^="sm-hub-cta-1"] .sqs-row .sqs-row .col {
  3618. padding: 0;
  3619. }
  3620. [id^="sm-hub-cta-1"]:before {
  3621. display: none;
  3622. }
  3623. [id^="sm-hub-cta-1"] .sqs-col-2 .sqs-block-image {
  3624. margin-top: 0;
  3625. }
  3626. [id^="sm-hub-cta-1"] .sqs-col-3 h2 {
  3627. max-width: 100%;
  3628. padding-left: 0;
  3629. margin-bottom: 0 !important;
  3630. }
  3631. [id^="sm-hub-cta-1"] p {
  3632. max-width: 100%;
  3633. }
  3634. [id^="sm-hub-cta-1"] .sqs-col-4:last-child::before {
  3635. left: 20px;
  3636. }
  3637. }
  3638.  
  3639. /* Hub Contact 2 */
  3640. [id^="sm-hub-contact-2"] h2 {
  3641. font-family: 'NeueHaasDisplay-Roman-55';
  3642. font-size: 50px;
  3643. font-style: normal;
  3644. font-weight: normal;
  3645. letter-spacing: 0;
  3646. line-height: 1.06em;
  3647. color: #050505;
  3648. margin-bottom: 5px !important;
  3649. }
  3650. [id^="sm-hub-contact-2"] p {
  3651. font-family: 'D-DINCondensed';
  3652. font-size: 20px;
  3653. font-style: normal;
  3654. font-weight: normal;
  3655. letter-spacing: 0.1em;
  3656. line-height: 1.5em;
  3657. color: #9E9E9E;
  3658. margin-top: 25px !important;
  3659. margin-bottom: 18px;
  3660. }
  3661. [id^="sm-hub-contact-2"] h3 {
  3662. font-family: 'D-DINCondensed';
  3663. font-size: 11px;
  3664. font-style: normal;
  3665. font-weight: normal;
  3666. letter-spacing: 0.27em;
  3667. line-height: 1.82em;
  3668. color: #050505;
  3669. text-transform: uppercase;
  3670. margin-top: 3px;
  3671. margin-bottom: 0;
  3672. }
  3673. [id^="sm-hub-contact-2"] .form-wrapper .field-list .title {
  3674. font-family: 'D-DINCondensed';
  3675. font-size: 11px;
  3676. font-style: normal;
  3677. font-weight: normal;
  3678. letter-spacing: 0.27em;
  3679. line-height: 1.82em;
  3680. color: #050505;
  3681. text-transform: uppercase;
  3682. text-align: center;
  3683. }
  3684. [id^="sm-hub-contact-2"] .form-wrapper .field-list .field.radio label,
  3685. [id^="sm-hub-contact-2"] .form-wrapper .field-list .field.checkbox label {
  3686. font-family: 'NeueHaasDisplay-Roman-55';
  3687. font-size: 14px;
  3688. font-style: normal;
  3689. font-weight: normal;
  3690. letter-spacing: 0.08em;
  3691. line-height: 1.78em;
  3692. color: #050505;
  3693. text-transform: none;
  3694. position: relative;
  3695. text-align: center;
  3696. }
  3697. [id^="sm-hub-contact-2"] .form-wrapper .form-button-wrapper input[type="submit"] {
  3698. font-family: 'HaasGrotDisplay-65';
  3699. font-size: 14px;
  3700. font-style: normal;
  3701. font-weight: normal;
  3702. letter-spacing: 0.07em;
  3703. line-height: 1em;
  3704. color: #F5F5F5;
  3705. text-transform: none;
  3706. background: #050505;
  3707. border-radius: 0;
  3708. padding: 12px 50px;
  3709. }
  3710. [id^="sm-hub-contact-2"] .form-wrapper ::placeholder {
  3711. font-family: 'D-DINCondensed';
  3712. font-size: 11px;
  3713. font-style: normal;
  3714. font-weight: normal;
  3715. letter-spacing: 0.27em;
  3716. line-height: 1.82em;
  3717. color: #050505;
  3718. text-transform: uppercase;
  3719. text-align: center;
  3720. }
  3721. [id^="sm-hub-contact-2"] .form-wrapper ::-webkit-input-placeholder { /* Edge */
  3722. font-family: 'D-DINCondensed';
  3723. font-size: 11px;
  3724. font-style: normal;
  3725. font-weight: normal;
  3726. letter-spacing: 0.27em;
  3727. line-height: 1.82em;
  3728. color: #050505;
  3729. text-transform: uppercase;
  3730. text-align: center;
  3731. }
  3732. [id^="sm-hub-contact-2"] .form-wrapper :-ms-input-placeholder { /* Internet Explorer 10-11 */
  3733. font-family: 'D-DINCondensed';
  3734. font-size: 11px;
  3735. font-style: normal;
  3736. font-weight: normal;
  3737. letter-spacing: 0.27em;
  3738. line-height: 1.82em;
  3739. color: #050505;
  3740. text-transform: uppercase;
  3741. text-align: center;
  3742. }
  3743. [id^="sm-hub-contact-2"] .form-wrapper .field-list .field .field-element {
  3744. font-family: 'D-DINCondensed';
  3745. font-size: 11px;
  3746. font-style: normal;
  3747. font-weight: normal;
  3748. letter-spacing: 0.27em;
  3749. line-height: 1.82em;
  3750. color: #050505;
  3751. text-transform: none;
  3752. border: none;
  3753. border-bottom: 1px solid #D8D8D8;
  3754. border-radius: 0;
  3755. background: none;
  3756. padding: 8px;
  3757. text-align: center;
  3758. }
  3759. [id^="sm-hub-contact-2"] .form-wrapper .form-submission-text {
  3760. font-family: 'NeueHaasDisplay-Roman-55';
  3761. font-size: 18px;
  3762. font-style: normal;
  3763. font-weight: normal;
  3764. letter-spacing: .08em;
  3765. line-height: 1.78em;
  3766. color: #050505;
  3767. text-align: center;
  3768. margin-top: 0;
  3769. }
  3770. [id^="sm-hub-contact-2"] .Index-page-content {
  3771. padding: 75px 40px 55px;
  3772. }
  3773. [id^="sm-hub-contact-2"] .sqs-row {
  3774. display: flex;
  3775. align-items: center;
  3776. }
  3777. [id^="sm-hub-contact-2"] .sqs-block-form {
  3778. padding-left: 70px;
  3779. }
  3780. [id^="sm-hub-contact-2"] .form-button-wrapper {
  3781. margin-top: 3px;
  3782. }
  3783. [id^="sm-hub-contact-2"] span.required {
  3784. display: none;
  3785. }
  3786. [id^="sm-hub-contact-2"] .form-wrapper .field-list .field.radio .option,
  3787. [id^="sm-hub-contact-2"] .form-wrapper .field-list .field.checkbox .option {
  3788. margin-bottom: 7px;
  3789. }
  3790. [id^="sm-hub-contact-2"] .form-wrapper .field-list .field.radio .title,
  3791. [id^="sm-hub-contact-2"] .form-wrapper .field-list .field.checkbox .title {
  3792. margin-bottom: 20px;
  3793. }
  3794. [id^="sm-hub-contact-2"] .form-wrapper .field-list .checkbox,
  3795. [id^="sm-hub-contact-2"] .form-wrapper .field-list .radio {
  3796. text-align: center;
  3797. }
  3798. [id^="sm-hub-contact-2"] .form-wrapper .field-list .radio label {
  3799. position: relative;
  3800. }
  3801. [id^="sm-hub-contact-2"] .form-wrapper .form-button-wrapper input[type="submit"]:hover {
  3802. background: transparent;
  3803. color: #050505;
  3804. border: 2px solid #050505;
  3805. }
  3806. [id^="sm-hub-contact-2"] .form-wrapper .field-list .field textarea.field-element {
  3807. padding-top: 10px;
  3808. height: 100px;
  3809. resize: none;
  3810. margin-bottom: 20px;
  3811. }
  3812. [id^="sm-hub-contact-2"] .form-wrapper .field-list .field.sqmuse-terms-and-conditions {
  3813. margin-top: 40px;
  3814. }
  3815.  
  3816. /* ckeckbox */
  3817. [id^="sm-hub-contact-2"] .form-wrapper .field-list .field.checkbox input[type="checkbox"] {
  3818. opacity: 0;
  3819. margin-right: 12px;
  3820. }
  3821. [id^="sm-hub-contact-2"] .form-wrapper .checkbox:last-child {
  3822. margin-top: 70px;
  3823. }
  3824. [id^="sm-hub-contact-2"] .checkbox label::before{
  3825. content: "";
  3826. position: absolute;
  3827. display: inline-block;
  3828. height: 12px;
  3829. width: 12px;
  3830. border: 1px solid #D8D8D8;
  3831. border-radius: 0;
  3832. top: -2px;
  3833. }
  3834. /* ckeckbox mark */
  3835. [id^="sm-hub-contact-2"] .checkbox label::after {
  3836. content: "";
  3837. position: absolute;
  3838. display: inline-block;
  3839. height: 4px;
  3840. width: 6px;
  3841. left: 3px;
  3842. top: 0;
  3843. }
  3844. [id^="sm-hub-contact-2"] .custom-checkbox label.checked::after {
  3845. border-left: 2px solid #050505;
  3846. border-bottom: 2px solid #050505;
  3847. transform: rotate(-45deg);
  3848. }
  3849. /* radio */
  3850. [id^="sm-hub-contact-2"] .form-wrapper .field-list .field.radio input[type="radio"] {
  3851. opacity: 0;
  3852. margin-right: 0;
  3853. }
  3854. [id^="sm-hub-contact-2"] .radio {
  3855. clear: both;
  3856. }
  3857. [id^="sm-hub-contact-2"] .radio label::before {
  3858. content: "";
  3859. display: inline-block;
  3860. position: relative;
  3861. height: 10px;
  3862. width: 10px;
  3863. border: 1px solid #D8D8D8;
  3864. border-radius: 50%;
  3865. top: 2px;
  3866. }
  3867. /* radio mark */
  3868. [id^="sm-hub-contact-2"] .radio label.checked::before {
  3869. border: 1px solid #494949;
  3870. }
  3871. [id^="sm-hub-contact-2"] .radio label.checked::after {
  3872. content: "";
  3873. display: inline-block;
  3874. position: absolute;
  3875. height: 6px;
  3876. width: 6px;
  3877. border-radius: 50%;
  3878. top: 4px;
  3879. left: 3px;
  3880. background: #494949;
  3881. }
  3882. [id^="sm-hub-contact-2"] .custom-radio.parent-checked,
  3883. [id^="sm-hub-contact-2"] .custom-checkbox.parent-checked {
  3884. position: relative;
  3885. }
  3886. [id^="sm-hub-contact-2"] .textarea:last-child {
  3887. display: none;
  3888. }
  3889. @media(max-width: 1199px) {
  3890. [id^="sm-hub-contact-2"] h2 {
  3891. font-size: 35px;
  3892. margin-bottom: 0 !important;
  3893. }
  3894. [id^="sm-hub-contact-2"] .form-wrapper .field-list .field.radio label {
  3895. font-size: 13px;
  3896. }
  3897. }
  3898. @media(max-width: 767px) {
  3899. [id^="sm-hub-contact-2"] .form-wrapper .form-button-wrapper input[type="submit"] {
  3900. padding: 12px 35px;
  3901. }
  3902. }
  3903. @media(max-width: 640px) {
  3904. [id^="sm-hub-contact-2"] .sqs-row {
  3905. display: block;
  3906. }
  3907. [id^="sm-hub-contact-2"] .Index-page-content {
  3908. padding: 20px;
  3909. }
  3910. [id^="sm-hub-contact-2"] .sqs-block-form {
  3911. padding-left: 17px;
  3912. }
  3913. [id^="sm-hub-contact-2"] h2 {
  3914. font-size: 30px;
  3915. }
  3916. }
  3917. /** end Kit 2 **/
  3918.  
  3919.  
  3920. /** Kit 3 **/
  3921. @font-face {
  3922. font-family: 'NeueHaasDisplay-Roman-55';
  3923. src: url('https://static1.squarespace.com/static/5d5137bc3138fd00019331f3/t/5d5167a97ed3b60001ce9097/1565616042437/HaasGrotDisp-55Roman.eot');
  3924. src: url('https://static1.squarespace.com/static/5d5137bc3138fd00019331f3/t/5d5167a97ed3b60001ce9097/1565616042437/HaasGrotDisp-55Roman.eot?#iefix') format('embedded-opentype'),
  3925. url('https://static1.squarespace.com/static/5d5137bc3138fd00019331f3/t/5d5167caa18d7b00010d2023/1565616074714/HaasGrotDisp-55Roman.woff2') format('woff2'),
  3926. url('https://static1.squarespace.com/static/5d5137bc3138fd00019331f3/t/5d5167dbecdf6d0001242048/1565616091237/HaasGrotDisp-55Roman.woff') format('woff'),
  3927. url('https://static1.squarespace.com/static/5d5137bc3138fd00019331f3/t/5d5167e9bb5b91000179e878/1565616105547/HaasGrotDisp-55Roman.ttf') format('ttf');
  3928. }
  3929. @font-face {
  3930. font-family: 'HaasGrotDisplay-65';
  3931. src: url('https://static1.squarespace.com/static/5d5137bc3138fd00019331f3/t/5d516adf2cf86f00010c8eb0/1565616864626/HaasGrotDisp-65Medium.eot');
  3932. src: url('https://static1.squarespace.com/static/5d5137bc3138fd00019331f3/t/5d516adf2cf86f00010c8eb0/1565616864626/HaasGrotDisp-65Medium.eot?#iefix') format('embedded-opentype'),
  3933. url('https://static1.squarespace.com/static/5d5137bc3138fd00019331f3/t/5d516b028c9c7e0001a86f4b/1565616899342/HaasGrotDisp-65Medium.woff2') format('woff2'),
  3934. url('https://static1.squarespace.com/static/5d5137bc3138fd00019331f3/t/5d516b12bb5b9100017a0be5/1565616915036/HaasGrotDisp-65Medium.woff') format('woff'),
  3935. url('https://static1.squarespace.com/static/5d5137bc3138fd00019331f3/t/5d516b258c9c7e0001a87075/1565616933965/HaasGrotDisp-65Medium.ttf') format('ttf');
  3936. }
  3937. @font-face {
  3938. font-family: 'NeueHaasDisplay-Medium';
  3939. src: url('https://static1.squarespace.com/static/5d5137bc3138fd00019331f3/t/5d516d077ed3b60001cecce1/1565617416300/NeueHaasDisplay-Mediu.eot');
  3940. src: url('https://static1.squarespace.com/static/5d5137bc3138fd00019331f3/t/5d516d077ed3b60001cecce1/1565617416300/NeueHaasDisplay-Mediu.eot?#iefix') format('embedded-opentype'),
  3941. url('https://static1.squarespace.com/static/5d5137bc3138fd00019331f3/t/5d516d6b945f2e0001233cf1/1565617515914/NeueHaasDisplay-Mediu.woff2') format('woff2'),
  3942. url('https://static1.squarespace.com/static/5d5137bc3138fd00019331f3/t/5d516d7dba218e00013bc4c4/1565617533812/NeueHaasDisplay-Mediu.woff') format('woff'),
  3943. url('https://static1.squarespace.com/static/5d5137bc3138fd00019331f3/t/5d516db57ed3b60001ced157/1565617589773/NeueHaasDisplay-Mediu.ttf') format('ttf');
  3944. }
  3945. @font-face {
  3946. font-family: 'D-DINCondensed';
  3947. src: url('https://static1.squarespace.com/static/5d5137bc3138fd00019331f3/t/5d515076945f2e000122764f/1565610102969/D-DINCondensed.eot');
  3948. src: url('https://static1.squarespace.com/static/5d5137bc3138fd00019331f3/t/5d515076945f2e000122764f/1565610102969/D-DINCondensed.eot?#iefix') format('embedded-opentype'),
  3949. url('https://static1.squarespace.com/static/5d5137bc3138fd00019331f3/t/5d515089ba218e00013afd95/1565610121643/D-DINCondensed.woff2') format('woff2'),
  3950. url('https://static1.squarespace.com/static/5d5137bc3138fd00019331f3/t/5d5150977ed3b60001ce04e2/1565610135484/D-DINCondensed.woff') format('woff'),
  3951. url('https://static1.squarespace.com/static/5d5137bc3138fd00019331f3/t/5d5150a82cf86f00010be079/1565610152420/D-DINCondensed.ttf') format('ttf');
  3952. }
  3953. @font-face {
  3954. font-family: 'NeueHaasDisplay-Light';
  3955. src: url('https://static1.squarespace.com/static/5d5137bc3138fd00019331f3/t/5d5413cd56ffae00016aeb8d/1565791182674/NeueHaasDisplay-Light.eot');
  3956. src: url('https://static1.squarespace.com/static/5d5137bc3138fd00019331f3/t/5d5413cd56ffae00016aeb8d/1565791182674/NeueHaasDisplay-Light.eot?#iefix') format('embedded-opentype'),
  3957. url('https://static1.squarespace.com/static/5d5137bc3138fd00019331f3/t/5d5413ee12bb870001a3bd8c/1565791214974/NeueHaasDisplay-Light.woff2') format('woff2'),
  3958. url('https://static1.squarespace.com/static/5d5137bc3138fd00019331f3/t/5d5414001501d7000138657f/1565791232988/NeueHaasDisplay-Light.woff') format('woff'),
  3959. url('https://static1.squarespace.com/static/5d5137bc3138fd00019331f3/t/5d5150a82cf86f00010be079/1565610152420/D-DINCondensed.ttf') format('ttf');
  3960. }
  3961.  
  3962. /* Hub Header 3 */
  3963. [id^="sm-hub-header-3"] h3 {
  3964. font-family: 'D-DINCondensed';
  3965. font-size: 11px;
  3966. font-style: normal;
  3967. font-weight: normal;
  3968. letter-spacing: 0.3em;
  3969. line-height: 1.82em;
  3970. color: #F5F5F5;
  3971. text-transform: uppercase;
  3972. margin-bottom: 5px;
  3973. }
  3974. [id^="sm-hub-header-3"] h2 {
  3975. font-family: 'NeueHaasDisplay-Roman-55';
  3976. font-size: 50px;
  3977. font-style: normal;
  3978. font-weight: normal;
  3979. letter-spacing: 0;
  3980. line-height: 1.06em;
  3981. color: #F5F5F5;
  3982. text-transform: none;
  3983. margin-top: 0;
  3984. }
  3985. [id^="sm-hub-header-3"] .sqs-block-html {
  3986. padding-top: 0 !important;
  3987. padding-bottom: 0 !important;
  3988. }
  3989. [id^="sm-hub-header-3"]:after {
  3990. content: '';
  3991. position: absolute;
  3992. left: 50%;
  3993. bottom: 40px;
  3994. transform: translateX(-50%);
  3995. width: 12px;
  3996. height: 30px;
  3997. background: url("https://static1.squarespace.com/static/5ceba3dbc5ca7e00015605e8/t/5d19c3792fd37100016bacd6/1561969529955/down-icon.png") no-repeat;
  3998. background-size: contain;
  3999. }
  4000. @media(max-width: 767px) {
  4001. [id^="sm-hub-header-3"] h2 {
  4002. font-size: 35px;
  4003. }
  4004. }
  4005. @media(max-width: 640px) {
  4006. [id^="sm-hub-header-3"] h2 {
  4007. font-size: 30px;
  4008. }
  4009. }
  4010.  
  4011. /* Hub Slider 5 */
  4012. [id^="sm-hub-slider-5"] .summary-title a {
  4013. font-family: 'NeueHaasDisplay-Roman-55';
  4014. font-size: 34px;
  4015. font-style: normal;
  4016. font-weight: normal;
  4017. letter-spacing: 0.01em;
  4018. line-height: 1.18em;
  4019. color: #050505;
  4020. pointer-events: none;
  4021. }
  4022. [id^="sm-hub-slider-5"] .summary-metadata-item a {
  4023. font-family: 'D-DINCondensed';
  4024. font-size: 11px;
  4025. font-style: normal;
  4026. font-weight: normal;
  4027. letter-spacing: 0.27em;
  4028. line-height: 1.82em;
  4029. color: #050505;
  4030. text-transform: uppercase;
  4031. pointer-events: none;
  4032. }
  4033. [id^="sm-hub-slider-5"] .sm-slider-pagination {
  4034. font-family: 'D-DINCondensed';
  4035. font-size: 11px;
  4036. font-style: normal;
  4037. font-weight: normal;
  4038. letter-spacing: 0.27em;
  4039. line-height: 1.82em;
  4040. color: #050505;
  4041. position: absolute !important;
  4042. top: 110px;
  4043. right: calc(~"15% - 27px");
  4044. }
  4045. [id^="sm-hub-slider-5"] {
  4046. background: #F5F5F5;
  4047. }
  4048. [id^="sm-hub-slider-5"] .Index-page-content {
  4049. padding: 0;
  4050. max-width: 100%;
  4051. }
  4052. [id^="sm-hub-slider-5"] .summary-metadata-container--below-content {
  4053. padding-top: 10px;
  4054. }
  4055. [id^="sm-hub-slider-5"] a.summary-thumbnail-container {
  4056. pointer-events: none;
  4057. }
  4058. [id^="sm-hub-slider-5"] .sqs-block-summary-v2 .summary-content {
  4059. padding-left: 25px;
  4060. padding-right: 25px;
  4061. }
  4062. [id^="sm-hub-slider-5"] .sqs-block-summary-v2,
  4063. [id^="sm-hub-slider-5"] .sqs-block-summary-v2 .summary-block-setting-design-list .summary-item {
  4064. padding-bottom: 0 !important;
  4065. margin-bottom: 0 !important;
  4066. outline: none;
  4067. position: relative;
  4068. }
  4069. [id^="sm-hub-slider-5"] .sqs-block-summary-v2 .sqs-gallery-design-list .sqs-gallery-design-list-slide {
  4070. padding-bottom: 0 !important;
  4071. margin-bottom: 0 !important;
  4072. }
  4073. [id^="sm-hub-slider-5"] .sqs-block-summary-v2 .summary-block-setting-design-list .summary-item {
  4074. display: flex;
  4075. align-items: center;
  4076. height: 100%;
  4077. -webkit-transition: all 0.5s;
  4078. -moz-transition: all 0.5s;
  4079. -ms-transition: all 0.5s;
  4080. -o-transition: all 0.5s;
  4081. transition: all 0.5s;
  4082. }
  4083. [id^="sm-hub-slider-5"] .sqs-block-summary-v2 .summary-thumbnail {
  4084. padding-bottom: 66.6667% !important;
  4085. }
  4086. [id^="sm-hub-slider-5"] .sqs-gallery-design-list .sqs-gallery-image-container {
  4087. padding-right: 0;
  4088. }
  4089. [id^="sm-hub-slider-5"] .sqs-block-summary-v2 .slick-prev,
  4090. [id^="sm-hub-slider-5"] .sqs-block-summary-v2 .slick-next {
  4091. background: url("https://static1.squarespace.com/static/5ceba3dbc5ca7e00015605e8/t/5d1f3ebd11031d0001fab77d/1562328765338/arrow-medium-prev.png") no-repeat;
  4092. background-size: contain;
  4093. width: 30px;
  4094. height: 11px;
  4095. border: none;
  4096. font-size: 0;
  4097. outline: none;
  4098. position: absolute;
  4099. bottom: 100px;
  4100. right: 17%;
  4101. z-index: 998;
  4102. }
  4103. [id^="sm-hub-slider-5"] .sqs-block-summary-v2 .slick-next {
  4104. background: url("https://static1.squarespace.com/static/5ceba3dbc5ca7e00015605e8/t/5d1f3eaa49d9a7000199f256/1562328746441/arrow-medium-next.png") no-repeat;
  4105. background-size: contain;
  4106. right: 9%;
  4107. }
  4108. [id^="sm-hub-slider-5"] .sm-slider-pagination-current {
  4109. position: relative;
  4110. padding-right: 40px;
  4111. }
  4112. [id^="sm-hub-slider-5"] .sm-slider-pagination-current:after {
  4113. content: '';
  4114. width: 16px;
  4115. height: 1px;
  4116. background: #494949;
  4117. position: absolute;
  4118. top: 4px;
  4119. left: 20px;
  4120. }
  4121. @media(max-width: 991px) {
  4122. [id^="sm-hub-slider-5"] .sqs-block-summary-v2 .summary-content {
  4123. padding-left: 20px;
  4124. padding-right: 20px;
  4125. }
  4126. [id^="sm-hub-slider-5"] .summary-title a {
  4127. font-size: 25px;
  4128. }
  4129. [id^="sm-hub-slider-5"] .sm-slider-pagination {
  4130. top: 50px;
  4131. }
  4132. [id^="sm-hub-slider-5"] .sqs-block-summary-v2 .slick-prev,
  4133. [id^="sm-hub-slider-5"] .sqs-block-summary-v2 .slick-next {
  4134. bottom: 50px;
  4135. }
  4136. }
  4137. @media(max-width: 767px) {
  4138. [id^="sm-hub-slider-5"] .sm-slider-pagination {
  4139. top: 30px;
  4140. }
  4141. [id^="sm-hub-slider-5"] .sqs-block-summary-v2 .slick-prev,
  4142. [id^="sm-hub-slider-5"] .sqs-block-summary-v2 .slick-next {
  4143. bottom: 30px;
  4144. }
  4145. }
  4146. @media(max-width: 640px) {
  4147. [id^="sm-hub-slider-5"] .sqs-block-summary-v2 .summary-block-setting-design-list .summary-item {
  4148. display: block;
  4149. }
  4150. [id^="sm-hub-slider-5"] .sqs-gallery-design-list .sqs-gallery-design-list-slide .sqs-gallery-meta-container,
  4151. [id^="sm-hub-slider-5"] .sqs-block-summary-v2 .summary-block-setting-design-list .summary-thumbnail-outer-container {
  4152. width: 100% !important;
  4153. }
  4154. [id^="sm-hub-slider-5"] .sqs-block-summary-v2 .slick-prev,
  4155. [id^="sm-hub-slider-5"] .sqs-block-summary-v2 .slick-next {
  4156. bottom: -20px;
  4157. left: 125px;
  4158. right: auto;
  4159. }
  4160. [id^="sm-hub-slider-5"] .sqs-block-summary-v2 .slick-next {
  4161. right: 125px;
  4162. left: auto;
  4163. }
  4164. [id^="sm-hub-slider-5"] .summary-metadata-container--below-content {
  4165. padding-top: 0;
  4166. }
  4167. [id^="sm-hub-slider-5"] .summary-title {
  4168. padding-top: 20px;
  4169. padding-bottom: 5px;
  4170. }
  4171. [id^="sm-hub-slider-5"] .sqs-layout .sqs-row .sqs-block-summary-v2 {
  4172. padding-top: 0 !important;
  4173. padding-bottom: 40px !important;
  4174. }
  4175. [id^="sm-hub-slider-5"] .sm-slider-pagination {
  4176. display: none;
  4177. }
  4178. }
  4179.  
  4180. /* Hub Info 5 */
  4181. [id^="sm-hub-info-5"] h2 {
  4182. font-family: 'NeueHaasDisplay-Roman-55';
  4183. font-size: 34px;
  4184. font-style: normal;
  4185. font-weight: normal;
  4186. letter-spacing: 0;
  4187. line-height: 1.18em;
  4188. color: #050505;
  4189. text-transform: none;
  4190. max-width: 340px;
  4191. margin: 0 auto 45px;
  4192. }
  4193. [id^="sm-hub-info-5"] p {
  4194. font-family: 'NeueHaasDisplay-Roman-55';
  4195. font-size: 18px;
  4196. font-style: normal;
  4197. font-weight: normal;
  4198. letter-spacing: 0.044em;
  4199. line-height: 1.67em;
  4200. color: #050505;
  4201. text-transform: none;
  4202. max-width: 300px;
  4203. margin: 0 auto 25px;
  4204. }
  4205. [id^="sm-hub-info-5"] .sqs-block-button-element {
  4206. font-family: 'HaasGrotDisplay-65';
  4207. font-size: 14px;
  4208. font-style: normal;
  4209. font-weight: 400;
  4210. letter-spacing: 0.07em;
  4211. line-height: 1em;
  4212. color: #050505 !important;
  4213. text-transform: none;
  4214. border: none !important;
  4215. border-bottom: 1px solid #050505 !important;
  4216. padding: 4px 0;
  4217. }
  4218. [id^="sm-hub-info-5"] .sqs-block-button-element:hover {
  4219. background: none !important;
  4220. }
  4221. [id^="sm-hub-info-5"] {
  4222. background: #F5F5F5;
  4223. }
  4224. [id^="sm-hub-info-5"] .sqs-row {
  4225. display: flex;
  4226. align-items: center;
  4227. }
  4228. [id^="sm-hub-info-5"] .Index-page-content {
  4229. padding: 100px 40px 80px;
  4230. }
  4231. [id^="sm-hub-info-5"] .sqs-block-button {
  4232. margin-top: 8px;
  4233. }
  4234. @media(max-width: 991px) {
  4235. [id^="sm-hub-info-5"] .Index-page-content {
  4236. padding: 50px 40px 40px;
  4237. }
  4238. [id^="sm-hub-info-5"] h2 {
  4239. font-size: 25px;
  4240. margin-bottom: 15px;
  4241. }
  4242. [id^="sm-hub-info-5"] .sqs-block-button {
  4243. margin-top: 0;
  4244. }
  4245. }
  4246. @media(max-width: 767px) {
  4247. [id^="sm-hub-info-5"] h2 {
  4248. -webkit-hyphens: none;
  4249. -moz-hyphens: none;
  4250. -ms-hyphens: none;
  4251. hyphens: none;
  4252. }
  4253. }
  4254. @media(max-width: 640px) {
  4255. [id^="sm-hub-info-5"] .sqs-row {
  4256. display: block;
  4257. }
  4258. [id^="sm-hub-info-5"] .Index-page-content {
  4259. padding: 10px 20px;
  4260. }
  4261. }
  4262.  
  4263. /* Hub Info 4 */
  4264. [id^="sm-hub-info-4"] h2 {
  4265. font-family: 'NeueHaasDisplay-Roman-55';
  4266. font-size: 34px;
  4267. font-style: normal;
  4268. font-weight: normal;
  4269. letter-spacing: 0;
  4270. line-height: 1.18em;
  4271. color: #050505;
  4272. text-transform: none;
  4273. max-width: 220px;
  4274. margin: 0 auto;
  4275. }
  4276. [id^="sm-hub-info-4"] p {
  4277. font-family: 'NeueHaasDisplay-Roman-55';
  4278. font-size: 18px;
  4279. font-style: normal;
  4280. font-weight: normal;
  4281. letter-spacing: 0.044em;
  4282. line-height: 1.67em;
  4283. color: #050505;
  4284. max-width: 280px;
  4285. margin: 0 auto 25px;
  4286. }
  4287. [id^="sm-hub-info-4"] {
  4288. background: #fff;
  4289. }
  4290. [id^="sm-hub-info-4"] .sqs-row {
  4291. display: flex;
  4292. align-items: center;
  4293. }
  4294. [id^="sm-hub-info-4"] .Index-page-content {
  4295. padding: 70px 40px;
  4296. }
  4297. [id^="sm-hub-info-4"] .sqs-layout {
  4298. position: relative;
  4299. }
  4300. [id^="sm-hub-info-4"] .sqs-layout:before {
  4301. content: '';
  4302. position: absolute;
  4303. top: 30px;
  4304. left: 0;
  4305. height: calc(~"100% - 60px");
  4306. width: 100%;
  4307. border: 1px solid #F0F0F0;
  4308. }
  4309. [id^="sm-hub-info-4"] .sqs-block-image {
  4310. padding-bottom: 0 !important;
  4311. }
  4312. [id^="sm-hub-info-4"] .sqs-block-image .intrinsic {
  4313. max-width: 270px !important;
  4314. }
  4315. [id^="sm-hub-info-4"] .sqs-block-html {
  4316. padding-bottom: 0 !important;
  4317. }
  4318. [id^="sm-hub-info-4"] .sqs-col-4:first-child {
  4319. padding-left: 60px;
  4320. }
  4321. [id^="sm-hub-info-4"] .sqs-col-4:last-child {
  4322. padding-right: 60px;
  4323. }
  4324. @media(max-width: 1199px) {
  4325. [id^="sm-hub-info-4"] .sqs-col-4:first-child {
  4326. padding-left: 30px;
  4327. }
  4328. [id^="sm-hub-info-4"] .sqs-col-4:last-child {
  4329. padding-right: 30px;
  4330. }
  4331. [id^="sm-hub-info-4"] h2 {
  4332. font-size: 30px;
  4333. }
  4334. }
  4335. @media(max-width: 991px) {
  4336. [id^="sm-hub-info-4"] .sqs-col-4:first-child {
  4337. padding-left: 20px;
  4338. }
  4339. [id^="sm-hub-info-4"] .sqs-col-4:last-child {
  4340. padding-right: 20px;
  4341. }
  4342. [id^="sm-hub-info-4"] h2 {
  4343. font-size: 25px;
  4344. }
  4345. [id^="sm-hub-info-4"] .sqs-layout:before {
  4346. top: 0;
  4347. height: 100%;
  4348. }
  4349. [id^="sm-hub-info-4"] p {
  4350. font-size: 16px;
  4351. }
  4352. }
  4353. @media(max-width: 767px) {
  4354. [id^="sm-hub-info-4"] .sqs-col-4:first-child {
  4355. padding-left: 10px;
  4356. }
  4357. [id^="sm-hub-info-4"] .sqs-col-4:last-child {
  4358. padding-right: 10px;
  4359. }
  4360. [id^="sm-hub-info-4"] .Index-page-content {
  4361. padding: 40px;
  4362. }
  4363. [id^="sm-hub-info-4"] .sqs-layout:before {
  4364. height: 100%;
  4365. top: 0;
  4366. }
  4367. [id^="sm-hub-info-4"] .sqs-col-12 {
  4368. padding: 15px;
  4369. }
  4370. [id^="sm-hub-info-4"] p {
  4371. font-size: 15px;
  4372. }
  4373. }
  4374. @media(max-width: 640px) {
  4375. [id^="sm-hub-info-4"] .sqs-col-4:first-child {
  4376. padding-left: 0;
  4377. }
  4378. [id^="sm-hub-info-4"] .sqs-col-4:last-child {
  4379. padding-right: 0;
  4380. }
  4381. [id^="sm-hub-info-4"] .sqs-row {
  4382. display: block;
  4383. }
  4384. [id^="sm-hub-info-4"] .Index-page-content {
  4385. padding: 25px;
  4386. }
  4387. }
  4388.  
  4389. /* Hub Video 2 */
  4390. [id^="sm-hub-video-2"] .video-caption p {
  4391. font-family: 'NeueHaasDisplay-Roman-55';
  4392. font-size: 22px;
  4393. font-style: normal;
  4394. font-weight: normal;
  4395. letter-spacing: 0.02em;
  4396. line-height: 1em;
  4397. color: #FFFFFF;
  4398. text-transform: none;
  4399. text-align: center;
  4400. margin-top: 0;
  4401. margin-bottom: 0;
  4402. }
  4403. [id^="sm-hub-video-2"] .video-caption p strong {
  4404. font-family: 'D-DINCondensed';
  4405. font-size: 11px;
  4406. font-style: normal;
  4407. font-weight: normal;
  4408. letter-spacing: 0.3em;
  4409. line-height: 1.82em;
  4410. color: #FFFFFF;
  4411. text-transform: uppercase;
  4412. text-align: center;
  4413. }
  4414. [id^="sm-hub-video-2"] .Index-page-content {
  4415. padding: 0;
  4416. max-width: 100%;
  4417. }
  4418. [id^="sm-hub-video-2"] .video-caption-wrapper {
  4419. position: absolute;
  4420. bottom: 35px;
  4421. left: 50%;
  4422. transform: translateX(-50%);
  4423. width: 100%;
  4424. padding-left: 20px;
  4425. padding-right: 20px;
  4426. }
  4427. [id^="sm-hub-video-2"] .sqs-video-wrapper .sqs-video-overlay .sqs-video-opaque {
  4428. background: rgba(0,0,0,0.2);
  4429. opacity: 1;
  4430. }
  4431. [id^="sm-hub-video-2"] .sqs-block-video {
  4432. padding-bottom: 0 !important;
  4433. }
  4434. [id^="sm-hub-video-2"] .sqs-video-wrapper .sqs-video-overlay .sqs-video-icon {
  4435. width: 59px;
  4436. height: 59px;
  4437. background: url("https://static1.squarespace.com/static/5ceba3dbc5ca7e00015605e8/t/5d1f3c31d7cf6b00012a598a/1562328113780/play-icon.png") no-repeat;
  4438. background-size: contain;
  4439. top: auto;
  4440. bottom: 135px;
  4441. }
  4442. [id^="sm-hub-video-2"] .sm-video-play-active .video-caption-wrapper {
  4443. opacity: 0;
  4444. }
  4445. @media(max-width: 640px) {
  4446. [id^="sm-hub-video-2"] .sqs-video-wrapper .sqs-video-overlay .sqs-video-icon {
  4447. width: 40px;
  4448. height: 40px;
  4449. margin-left: -20px;
  4450. margin-top: -20px;
  4451. bottom: 50%;
  4452. }
  4453. [id^="sm-hub-video-2"] .sqs-layout .sqs-row .sqs-block-video {
  4454. padding-top: 0 !important;
  4455. padding-bottom: 0 !important;
  4456. }
  4457. }
  4458.  
  4459. /* Hub Price 3 */
  4460. [id^="sm-hub-price-3"] h2 {
  4461. font-family: 'NeueHaasDisplay-Roman-55';
  4462. font-size: 34px;
  4463. font-style: normal;
  4464. font-weight: normal;
  4465. letter-spacing: 0;
  4466. line-height: 1.18em;
  4467. color: #050505;
  4468. padding-top: 15px;
  4469. }
  4470. [id^="sm-hub-price-3"] h3 {
  4471. font-family: 'D-DINCondensed';
  4472. font-size: 20px;
  4473. font-style: normal;
  4474. font-weight: normal;
  4475. letter-spacing: 0.1em;
  4476. line-height: 1.5em;
  4477. color: #9E9E9E;
  4478. margin-bottom: 20px !important;
  4479. }
  4480. [id^="sm-hub-price-3"] p {
  4481. font-family: 'NeueHaasDisplay-Roman-55';
  4482. font-size: 18px;
  4483. font-style: normal;
  4484. font-weight: normal;
  4485. letter-spacing: 0.044em;
  4486. line-height: 1.67em;
  4487. color: #050505;
  4488. max-width: 330px;
  4489. margin: 0 auto;
  4490. }
  4491. [id^="sm-hub-price-3"] code {
  4492. font-family: 'D-DINCondensed';
  4493. font-size: 11px;
  4494. font-style: normal;
  4495. font-weight: normal;
  4496. letter-spacing: 0.27em;
  4497. line-height: 1.82em;
  4498. color: #050505;
  4499. padding-left: 0;
  4500. padding-right: 40px;
  4501. text-transform: uppercase;
  4502. }
  4503. [id^="sm-hub-price-3"] .Index-page-content {
  4504. padding: 50px 40px;
  4505. }
  4506. [id^="sm-hub-price-3"] .sqs-row {
  4507. display: flex;
  4508. }
  4509. [id^="sm-hub-price-3"] .sqs-block-image {
  4510. padding-top: 10px !important;
  4511. }
  4512. [id^="sm-hub-price-3"] ul[data-rte-list] li>*:first-child::before {
  4513. display: none;
  4514. }
  4515. [id^="sm-hub-price-3"] ul {
  4516. padding-left: 0;
  4517. }
  4518. [id^="sm-hub-price-3"] li p {
  4519. font-size: 15px;
  4520. line-height: 2em;
  4521. margin-top: 0;
  4522. margin-bottom: 0;
  4523. }
  4524. [id^="sm-hub-price-3"] pre {
  4525. border-top: 1px solid #173637;
  4526. margin-left: 17px;
  4527. margin-right: 17px;
  4528. padding-top: 25px;
  4529. padding-bottom: 10px;
  4530. }
  4531. [id^="sm-hub-price-3"] .sqs-col-4 {
  4532. display: flex;
  4533. flex-direction: column;
  4534. position: relative;
  4535. padding-bottom: 100px;
  4536. }
  4537. [id^="sm-hub-price-3"] .sqs-col-4 h3 {
  4538. font-size: 16px;
  4539. line-height: 1.8em;
  4540. letter-spacing: 0.14em;
  4541. color: #050505;
  4542. margin-top: 16px;
  4543. margin-bottom: 16px !important;
  4544. }
  4545. [id^="sm-hub-price-3"] .sqs-col-4 .sqs-block {
  4546. padding-left: 25px;
  4547. padding-right: 25px;
  4548. }
  4549. [id^="sm-hub-price-3"] .sqs-col-4 .sqs-block-html:last-child {
  4550. position: absolute;
  4551. bottom: 0;
  4552. left: 0;
  4553. width: 100%;
  4554. box-sizing: border-box;
  4555. background: #fff;
  4556. padding-top: 0 !important;
  4557. }
  4558. [id^="sm-hub-price-3"] .sqs-col-4 .sqs-block-spacer {
  4559. display: none;
  4560. }
  4561. [id^="sm-hub-price-3"] code:before {
  4562. top: -6px;
  4563. right: 0;
  4564. }
  4565. [id^="sm-hub-price-3"] code:after {
  4566. top: 0;
  4567. right: 4px;
  4568. }
  4569. [id^="sm-hub-price-3"] .sm-hub-package-active {
  4570. background: #212523;
  4571. }
  4572. [id^="sm-hub-price-3"] .sm-hub-package-active h2,
  4573. [id^="sm-hub-price-3"] .sm-hub-package-active h3,
  4574. [id^="sm-hub-price-3"] .sm-hub-package-active p {
  4575. color: #F5F5F5;
  4576. }
  4577. @media(max-width: 991px) {
  4578. [id^="sm-hub-price-3"] h3 {
  4579. margin-bottom: 0 !important;
  4580. }
  4581. [id^="sm-hub-price-3"] .sqs-col-4 .sqs-block {
  4582. padding-left: 15px;
  4583. padding-right: 15px;
  4584. }
  4585. [id^="sm-hub-price-3"] h2 {
  4586. font-size: 25px;
  4587. }
  4588. }
  4589. @media(max-width: 767px) {
  4590. [id^="sm-hub-price-3"] p {
  4591. font-size: 16px;
  4592. }
  4593. }
  4594. @media(max-width: 640px) {
  4595. [id^="sm-hub-price-3"] .sqs-row {
  4596. display: block;
  4597. }
  4598. [id^="sm-hub-price-3"] .Index-page-content {
  4599. padding: 20px;
  4600. }
  4601. }
  4602.  
  4603. /* Hub Multi Features 4 */
  4604. [id^="sm-hub-multi-features-4"] h3 {
  4605. font-family: 'D-DINCondensed';
  4606. font-size: 11px;
  4607. font-style: normal;
  4608. font-weight: normal;
  4609. letter-spacing: 0.27em;
  4610. line-height: 1.82em;
  4611. color: #050505;
  4612. text-transform: uppercase;
  4613. max-width: 380px;
  4614. border-bottom: 1px solid #D8D8D8;
  4615. margin-bottom: 20px;
  4616. }
  4617. [id^="sm-hub-multi-features-4"] h2 {
  4618. font-family: 'NeueHaasDisplay-Roman-55';
  4619. font-size: 34px;
  4620. font-style: normal;
  4621. font-weight: normal;
  4622. letter-spacing: 0;
  4623. line-height: 1.18em;
  4624. color: #050505;
  4625. text-transform: none;
  4626. margin-top: 25px !important;
  4627. margin-bottom: 17px;
  4628. }
  4629. [id^="sm-hub-multi-features-4"] p {
  4630. font-family: 'NeueHaasDisplay-Roman-55';
  4631. font-size: 15px;
  4632. font-style: normal;
  4633. font-weight: normal;
  4634. letter-spacing: 0.03em;
  4635. line-height: 2em;
  4636. color: #050505;
  4637. text-transform: none;
  4638. max-width: 380px;
  4639. }
  4640. [id^="sm-hub-multi-features-4"] li,
  4641. [id^="sm-hub-multi-features-4"] li strong {
  4642. font-family: 'NeueHaasDisplay-Roman-55';
  4643. font-size: 15px;
  4644. font-weight: 400;
  4645. font-style: normal;
  4646. letter-spacing: 0.03em;
  4647. line-height: 2em;
  4648. color: #050505;
  4649. text-transform: none;
  4650. list-style: none;
  4651. position: relative;
  4652. }
  4653. [id^="sm-hub-multi-features-4"] li p em {
  4654. font-family: 'NeueHaasDisplay-Light';
  4655. font-weight: 400;
  4656. font-style: normal;
  4657. font-size: 11px;
  4658. letter-spacing: 0.09em;
  4659. line-height: 1.64em;
  4660. color: #050505;
  4661. margin-top: 10px;
  4662. max-width: 150px;
  4663. }
  4664. [id^="sm-hub-multi-features-4"] code {
  4665. font-family: 'HaasGrotDisplay-65';
  4666. font-weight: 400;
  4667. font-style: normal;
  4668. font-size: 14px;
  4669. letter-spacing: 0.07em;
  4670. line-height: 3em;
  4671. color: #050505;
  4672. }
  4673. [id^="sm-hub-multi-features-4"] .Index-page-content {
  4674. padding: 50px 40px;
  4675. }
  4676. [id^="sm-hub-multi-features-4"] ul {
  4677. padding-top: 5px;
  4678. padding-left: 5px;
  4679. }
  4680. [id^="sm-hub-multi-features-4"] ul[data-rte-list] li>*:first-child::before {
  4681. content: '-';
  4682. padding-right: 3px;
  4683. }
  4684. [id^="sm-hub-multi-features-4"] li p {
  4685. line-height: 1.4em;
  4686. margin-top: 0;
  4687. margin-bottom: 9px;
  4688. }
  4689. [id^="sm-hub-multi-features-4"] .sqs-col-5 {
  4690. padding-left: 30px;
  4691. box-sizing: border-box;
  4692. }
  4693. [id^="sm-hub-multi-features-4"] .sqs-col-5 h3 {
  4694. padding-bottom: 10px;
  4695. margin-top: 22px;
  4696. }
  4697. [id^="sm-hub-multi-features-4"] .sqs-col-3 pre {
  4698. display: block;
  4699. margin-top: -35px !important;
  4700. background: #212523;
  4701. box-sizing: border-box;
  4702. padding: 5px 15px;
  4703. }
  4704. [id^="sm-hub-multi-features-4"] .sqs-col-3 code {
  4705. color: #fff;
  4706. display: block;
  4707. width: 100%;
  4708. text-align: center;
  4709. padding-left: 0;
  4710. }
  4711. [id^="sm-hub-multi-features-4"] .sqs-col-3 code:before {
  4712. top: 8px;
  4713. right: 0;
  4714. width: 22px;
  4715. height: 22px;
  4716. border: 1px solid #fff;
  4717. background: transparent;
  4718. }
  4719. [id^="sm-hub-multi-features-4"] .sqs-col-3 code:after {
  4720. top: 14px;
  4721. right: 5px;
  4722. background: url("https://static1.squarespace.com/static/5d5137bc3138fd00019331f3/t/5d5d3603e2b58600016e43ce/1566389763319/new-check-white.png") no-repeat;
  4723. background-size: contain;
  4724. }
  4725. [id^="sm-hub-multi-features-4"] .sqs-col-4 h3 {
  4726. letter-spacing: 0.27em;
  4727. padding-bottom: 5px;
  4728. margin-bottom: 25px;
  4729. }
  4730. [id^="sm-hub-multi-features-4"] .sqs-col-4 ul[data-rte-list] li>*:first-child::before {
  4731. content: '+';
  4732. position: absolute;
  4733. top: 3px;
  4734. left: -15px;
  4735. }
  4736. [id^="sm-hub-multi-features-4"] .sqs-col-4 ul[data-rte-list] li.active>*:first-child::before {
  4737. content: '-';
  4738. }
  4739. [id^="sm-hub-multi-features-4"] .sqs-col-4 ul {
  4740. padding-left: 28px;
  4741. }
  4742. [id^="sm-hub-multi-features-4"] .sqs-col-4 li {
  4743. display: inline-block;
  4744. width: 100%;
  4745. margin-bottom: 14px;
  4746. }
  4747. [id^="sm-hub-multi-features-4"] .sqs-col-4 li p {
  4748. width: 75%;
  4749. float: left;
  4750. letter-spacing: -0.02em;
  4751. position: relative;
  4752. }
  4753. [id^="sm-hub-multi-features-4"] .sqs-col-4 li p em {
  4754. display: none;
  4755. }
  4756. [id^="sm-hub-multi-features-4"] .sqs-col-4 .yui3-texteditor-content li p em {
  4757. display: block;
  4758. }
  4759. [id^="sm-hub-multi-features-4"] .sqs-col-4 li p em.active {
  4760. display: block;
  4761. }
  4762. [id^="sm-hub-multi-features-4"] .sqs-col-4 pre {
  4763. width: 25%;
  4764. float: right;
  4765. margin-top: 0;
  4766. margin-bottom: 0;
  4767. }
  4768. [id^="sm-hub-multi-features-4"] .sqs-col-4 code {
  4769. display: block;
  4770. line-height: 2.2em;
  4771. padding-left: 0;
  4772. }
  4773. [id^="sm-hub-multi-features-4"] .sqs-col-4 code:before {
  4774. width: 16px;
  4775. height: 16px;
  4776. top: 5px;
  4777. right: 0;
  4778. border: 1px solid #494949;
  4779. }
  4780. [id^="sm-hub-multi-features-4"] .sqs-col-4 code:after {
  4781. background: url("https://static1.squarespace.com/static/5d5137bc3138fd00019331f3/t/5d5d362de9ed8d00017ba2f6/1566389805771/new-checn-gray-dark.png") no-repeat;
  4782. background-size: contain;
  4783. top: 10px;
  4784. right: 3px;
  4785. width: 11px;
  4786. height: 12px;
  4787. }
  4788. @media(max-width: 991px) {
  4789. [id^="sm-hub-multi-features-4"] .Index-page-content {
  4790. padding: 30px;
  4791. }
  4792. [id^="sm-hub-multi-features-4"] h2 {
  4793. font-size: 25px;
  4794. margin-top: 0 !important;
  4795. margin-bottom: 0;
  4796. }
  4797. [id^="sm-hub-multi-features-4"] .sqs-col-4 li p {
  4798. width: 65%;
  4799. }
  4800. [id^="sm-hub-multi-features-4"] .sqs-col-4 pre {
  4801. width: 35%;
  4802. }
  4803. [id^="sm-hub-multi-features-4"] .sqs-col-5 {
  4804. padding-left: 0;
  4805. }
  4806. [id^="sm-hub-multi-features-4"] li,
  4807. [id^="sm-hub-multi-features-4"] li strong {
  4808. font-size: 14px;
  4809. line-height: 1.5em;
  4810. letter-spacing: 0.01em;
  4811. }
  4812. }
  4813. @media(max-width: 767px) {
  4814. [id^="sm-hub-multi-features-4"] .sqs-col-4 li p {
  4815. width: 60%;
  4816. }
  4817. [id^="sm-hub-multi-features-4"] .sqs-col-4 pre {
  4818. width: 40%;
  4819. }
  4820. [id^="sm-hub-multi-features-4"] li,
  4821. [id^="sm-hub-multi-features-4"] li strong {
  4822. line-height: 1.6em;
  4823. }
  4824. [id^="sm-hub-multi-features-4"] h2 {
  4825. font-size: 22px;
  4826. }
  4827. [id^="sm-hub-multi-features-4"] .sqs-col-4 ul {
  4828. padding-left: 22px;
  4829. }
  4830. [id^="sm-hub-multi-features-4"] li,
  4831. [id^="sm-hub-multi-features-4"] li strong {
  4832. font-size: 12px;
  4833. }
  4834. [id^="sm-hub-multi-features-4"] code {
  4835. font-size: 13px;
  4836. }
  4837. }
  4838. @media(max-width: 640px) {
  4839. [id^="sm-hub-multi-features-4"] .Index-page-content {
  4840. padding: 10px 20px;
  4841. }
  4842. [id^="sm-hub-multi-features-4"] .sqs-col-4 li p {
  4843. width: 75%;
  4844. }
  4845. [id^="sm-hub-multi-features-4"] .sqs-col-4 pre {
  4846. width: 25%;
  4847. }
  4848. [id^="sm-hub-multi-features-4"] li p em {
  4849. max-width: 90%;
  4850. }
  4851. }
  4852.  
  4853. /* Hub Features 2 */
  4854. [id^="sm-hub-features-2"] h2 {
  4855. font-family: 'NeueHaasDisplay-Roman-55';
  4856. font-size: 22px;
  4857. font-style: normal;
  4858. font-weight: normal;
  4859. letter-spacing: 0.02em;
  4860. line-height: 1.36em;
  4861. color: #173637;
  4862. margin-bottom: 20px !important;
  4863. }
  4864. [id^="sm-hub-features-2"] h3 {
  4865. font-family: 'D-DINCondensed';
  4866. font-size: 11px;
  4867. font-style: normal;
  4868. font-weight: normal;
  4869. letter-spacing: 0.27em;
  4870. line-height: 1.82em;
  4871. color: #050505;
  4872. max-width: 200px;
  4873. margin: 16px auto 19px;
  4874. }
  4875. [id^="sm-hub-features-2"] {
  4876. background: #F5F5F5;
  4877. }
  4878. [id^="sm-hub-features-2"] .Index-page-content {
  4879. padding: 45px 40px 30px;
  4880. }
  4881. [id^="sm-hub-features-2"] .sqs-row {
  4882. display: flex;
  4883. align-items: center;
  4884. }
  4885. [id^="sm-hub-features-2"] .sqs-col-4 .sqs-block-image .intrinsic {
  4886. max-width: 185px !important;
  4887. }
  4888. [id^="sm-hub-features-2"] .sqs-col-4 h2 {
  4889. font-size: 34px;
  4890. line-height: 1.18em;
  4891. margin-bottom: 35px !important;
  4892. }
  4893. @media(max-width: 991px) {
  4894. [id^="sm-hub-features-2"] h2 {
  4895. margin-bottom: 0 !important;
  4896. }
  4897. [id^="sm-hub-features-2"] .sqs-col-4 h2 {
  4898. font-size: 25px;
  4899. }
  4900. }
  4901. @media(max-width: 767px) {
  4902. [id^="sm-hub-features-2"] .sqs-col-4 h2 {
  4903. margin-bottom: 20px !important;
  4904. }
  4905. [id^="sm-hub-features-2"] h2 {
  4906. margin: 15px auto 15px;
  4907. -webkit-hyphens: none;
  4908. -moz-hyphens: none;
  4909. -ms-hyphens: none;
  4910. hyphens: none;
  4911. }
  4912. [id^="sm-hub-features-2"] h3 {
  4913. letter-spacing: 0.3em;
  4914. }
  4915. }
  4916. @media(max-width: 640px) {
  4917. [id^="sm-hub-features-2"] .sqs-row {
  4918. display: block;
  4919. }
  4920. [id^="sm-hub-features-2"] .Index-page-content {
  4921. padding: 20px;
  4922. }
  4923. }
  4924.  
  4925. /* Hub Price 4 */
  4926. [id^="sm-hub-price-4"] h2 {
  4927. font-family: 'NeueHaasDisplay-Roman-55';
  4928. font-size: 34px;
  4929. font-style: normal;
  4930. font-weight: normal;
  4931. letter-spacing: 0;
  4932. line-height: 1.18em;
  4933. color: #050505;
  4934. margin-top: 0;
  4935. margin-bottom: 0;
  4936. }
  4937. [id^="sm-hub-price-4"] h3 {
  4938. font-family: 'D-DINCondensed';
  4939. font-size: 11px;
  4940. font-style: normal;
  4941. font-weight: normal;
  4942. letter-spacing: 0.27em;
  4943. line-height: 1.82em;
  4944. color: #050505;
  4945. margin-bottom: 42px;
  4946. }
  4947. [id^="sm-hub-price-4"] p {
  4948. font-family: 'NeueHaasDisplay-Roman-55';
  4949. font-size: 15px;
  4950. font-style: normal;
  4951. font-weight: normal;
  4952. letter-spacing: 0.03em;
  4953. line-height: 2em;
  4954. color: #050505;
  4955. }
  4956. [id^="sm-hub-price-4"] code {
  4957. font-family: 'D-DINCondensed';
  4958. font-size: 11px;
  4959. font-style: normal;
  4960. font-weight: normal;
  4961. letter-spacing: 0.27em;
  4962. line-height: 1.82em;
  4963. color: #050505;
  4964. display: block;
  4965. margin-top: 15px;
  4966. margin-bottom: 5px;
  4967. padding-left: 40px;
  4968. padding-right: 50px;
  4969. }
  4970. [id^="sm-hub-price-4"] .Index-page-content {
  4971. padding: 60px 30px;
  4972. }
  4973. [id^="sm-hub-price-4"] h2:last-child {
  4974. margin-bottom: 50px !important;
  4975. }
  4976. [id^="sm-hub-price-4"] .sqs-row .sqs-row {
  4977. display: flex;
  4978. }
  4979. [id^="sm-hub-price-4"] .sqs-col-6 {
  4980. padding-left: 35px;
  4981. padding-right: 35px;
  4982. box-sizing: border-box;
  4983. }
  4984. [id^="sm-hub-price-4"] {
  4985. background: #fff;
  4986. }
  4987. [id^="sm-hub-price-4"] .sqs-col-3 {
  4988. background: #F5F5F5;
  4989. -webkit-transition: all 0.3s;
  4990. -moz-transition: all 0.3s;
  4991. -ms-transition: all 0.3s;
  4992. -o-transition: all 0.3s;
  4993. transition: all 0.3s;
  4994. }
  4995. [id^="sm-hub-price-4"] .sm-hub-package-active .sqs-col-3 {
  4996. background: #212523;
  4997. }
  4998. [id^="sm-hub-price-4"] .sm-hub-package-active .sqs-col-3 p,
  4999. [id^="sm-hub-price-4"] .sm-hub-package-active .sqs-col-3 h3 {
  5000. color: #fff;
  5001. }
  5002. [id^="sm-hub-price-4"] .sqs-col-3 p {
  5003. max-width: 180px;
  5004. margin: 0 auto;
  5005. }
  5006. [id^="sm-hub-price-4"] .sqs-col-3 h3 {
  5007. font-size: 15px;
  5008. line-height: 1.95em;
  5009. letter-spacing: 0.2em;
  5010. padding-left: 20px;
  5011. padding-right: 20px;
  5012. margin-top: 30px !important;
  5013. margin-bottom: 34px;
  5014. }
  5015. [id^="sm-hub-price-4"] .sqs-layout .sqs-row .sqs-col-3 .sqs-block-image {
  5016. padding: 0 !important;
  5017. }
  5018. [id^="sm-hub-price-4"] pre {
  5019. margin-top: 25px;
  5020. }
  5021. [id^="sm-hub-price-4"] code:before {
  5022. background: transparent;
  5023. border-color: #494949;
  5024. top: 1px;
  5025. right: 20px;
  5026. }
  5027. [id^="sm-hub-price-4"] code:after {
  5028. top: 7px;
  5029. filter: invert(100%);
  5030. }
  5031. [id^="sm-hub-price-4"] .sm-hub-package-active .sqs-col-3 code {
  5032. color: #fff;
  5033. }
  5034. [id^="sm-hub-price-4"] .sm-hub-package-active .sqs-col-3 code:before {
  5035. border-color: #fff;
  5036. }
  5037. @media(max-width: 1199px) {
  5038. [id^="sm-hub-price-4"] .sqs-col-3 h3 {
  5039. margin-top: 10px !important;
  5040. margin-bottom: 15px;
  5041. padding-left: 10px;
  5042. padding-right: 10px;
  5043. }
  5044. [id^="sm-hub-price-4"] pre {
  5045. margin-top: 10px;
  5046. }
  5047. }
  5048. @media(max-width: 991px) {
  5049. [id^="sm-hub-price-4"] .Index-page-content {
  5050. padding: 40px 30px;
  5051. }
  5052. [id^="sm-hub-price-4"] .sqs-col-6 {
  5053. padding-left: 15px;
  5054. padding-right: 15px;
  5055. }
  5056. [id^="sm-hub-price-4"] h2:last-child {
  5057. margin-bottom: 20px !important;
  5058. }
  5059. [id^="sm-hub-price-4"] h3 {
  5060. margin-bottom: 15px;
  5061. }
  5062. [id^="sm-hub-price-4"] .sqs-col-3 h3 {
  5063. font-size: 12px;
  5064. letter-spacing: 0.1em;
  5065. padding-left: 0;
  5066. padding-right: 0;
  5067. }
  5068. [id^="sm-hub-price-4"] h2 {
  5069. font-size: 25px;
  5070. }
  5071. }
  5072. @media(max-width: 767px) {
  5073. [id^="sm-hub-price-4"] code {
  5074. padding-left: 0;
  5075. }
  5076. [id^="sm-hub-price-4"] p {
  5077. font-size: 15px;
  5078. line-height: 1.6em;
  5079. }
  5080. }
  5081. @media(max-width: 640px) {
  5082. [id^="sm-hub-price-4"] .sqs-row .sqs-row {
  5083. display: block;
  5084. }
  5085. [id^="sm-hub-price-4"] .Index-page-content {
  5086. padding: 10px 20px;
  5087. }
  5088. [id^="sm-hub-price-4"] h2 {
  5089. font-size: 20px;
  5090. }
  5091. [id^="sm-hub-price-4"] .sqs-col-3:last-child {
  5092. margin-bottom: 15px;
  5093. }
  5094. [id^="sm-hub-price-4"] h2:last-child {
  5095. margin-bottom: 5px !important;
  5096. }
  5097. [id^="sm-hub-price-4"] .sqs-col-3 p {
  5098. max-width: 100%;
  5099. }
  5100. [id^="sm-hub-price-4"] code:before {
  5101. right: 100px;
  5102. }
  5103. [id^="sm-hub-price-4"] code:after {
  5104. right: 105px;
  5105. }
  5106. [id^="sm-hub-price-4"] .sqs-col-3 h3 {
  5107. font-size: 15px;
  5108. }
  5109. }
  5110.  
  5111. /* Hub FAQ 2 */
  5112. [id^="sm-hub-faq-2"] h2 {
  5113. font-family: 'NeueHaasDisplay-Roman-55';
  5114. font-size: 34px;
  5115. font-style: normal;
  5116. font-weight: normal;
  5117. letter-spacing: 0;
  5118. line-height: 1.18em;
  5119. color: #050505;
  5120. text-transform: uppercase;
  5121. }
  5122. [id^="sm-hub-faq-2"] .sqs-block-summary-v2 .summary-title a {
  5123. font-family: 'NeueHaasDisplay-Roman-55';
  5124. font-size: 22px;
  5125. font-style: normal;
  5126. font-weight: normal;
  5127. letter-spacing: 0.02em;
  5128. line-height: 1.36em;
  5129. color: #173637;
  5130. text-transform: none;
  5131. pointer-events: none;
  5132. }
  5133. [id^="sm-hub-faq-2"] .sqs-block-summary-v2 .summary-excerpt p {
  5134. font-family: 'NeueHaasDisplay-Roman-55';
  5135. font-size: 18px;
  5136. font-style: normal;
  5137. font-weight: normal;
  5138. letter-spacing: 0.044em;
  5139. line-height: 1.67em;
  5140. color: #050505;
  5141. margin-bottom: 25px;
  5142. }
  5143. [id^="sm-hub-faq-2"] .summary-title:before {
  5144. font-family: 'NeueHaasDisplay-Roman-55';
  5145. font-size: 22px;
  5146. font-style: normal;
  5147. font-weight: normal;
  5148. letter-spacing: 0.02em;
  5149. line-height: 1.36em;
  5150. color: #173637;
  5151. position: absolute;
  5152. top: 60px;
  5153. left: 50%;
  5154. transform: translateX(-50%);
  5155. }
  5156. [id^="sm-hub-faq-2"] .slick-prev,
  5157. [id^="sm-hub-faq-2"] .slick-next {
  5158. font-family: 'D-DINCondensed';
  5159. font-size: 11px;
  5160. font-style: normal;
  5161. font-weight: normal;
  5162. letter-spacing: 0.27em;
  5163. line-height: 1.82em;
  5164. color: #050505;
  5165. text-transform: uppercase;
  5166. position: absolute;
  5167. top: -40px;
  5168. right: 135px;
  5169. background: none;
  5170. border: none;
  5171. outline: none;
  5172. z-index: 999;
  5173. }
  5174. [id^="sm-hub-faq-2"] .slick-next {
  5175. right: 0;
  5176. }
  5177. [id^="sm-hub-faq-2"] {
  5178. background: #F5F5F5;
  5179. }
  5180. [id^="sm-hub-faq-2"] .Index-page-content {
  5181. padding: 50px 60px;
  5182. }
  5183. [id^="sm-hub-faq-2"] .Index-page-content .sqs-layout {
  5184. padding-left: 45px;
  5185. padding-right: 45px;
  5186. position: relative;
  5187. }
  5188. [id^="sm-hub-faq-2"] .Index-page-content .sqs-layout:before {
  5189. content: '';
  5190. position: absolute;
  5191. top: 45px;
  5192. left: 0;
  5193. width: 100%;
  5194. height: 1px;
  5195. background: #F5F5F5;
  5196. }
  5197. [id^="sm-hub-faq-2"] .sqs-block-summary-v2 .summary-title {
  5198. box-sizing: border-box;
  5199. width: 45%;
  5200. float: left;
  5201. padding: 115px 60px 70px;
  5202. background: #AFADA9;
  5203. text-align: center;
  5204. position: relative;
  5205. }
  5206. [id^="sm-hub-faq-2"] .sqs-block-summary-v2 .summary-excerpt {
  5207. box-sizing: border-box;
  5208. width: 45%;
  5209. float: right;
  5210. padding-top: 70px;
  5211. }
  5212. [id^="sm-hub-faq-2"] .sqs-block-summary-v2,
  5213. [id^="sm-hub-faq-2"] .sqs-block-summary-v2 .summary-block-setting-design-list .summary-item {
  5214. padding-bottom: 0 !important;
  5215. margin-bottom: 0 !important;
  5216. }
  5217. [id^="sm-hub-faq-2"] .summary-title:before {
  5218. content: "0" counter(sm-hub-faq-2-counter);
  5219. }
  5220. [id^="sm-hub-faq-2"] .summary-item {
  5221. counter-increment: sm-hub-faq-2-counter;
  5222. outline: none;
  5223. }
  5224. [id^="sm-hub-faq-2"] .sqs-block-summary-v2 {
  5225. padding-top: 5px !important;
  5226. counter-reset: sm-hub-faq-2-counter;
  5227. }
  5228. [id^="sm-hub-faq-2"] .slick-prev:before,
  5229. [id^="sm-hub-faq-2"] .slick-next:before {
  5230. content: '';
  5231. background: url("https://static1.squarespace.com/static/5ceba3dbc5ca7e00015605e8/t/5d0745d8e2ed170001098d36/1560757721001/arrow-prev.png") no-repeat;
  5232. background-size: contain;
  5233. width: 25px;
  5234. height: 6px;
  5235. border: none;
  5236. font-size: 0;
  5237. outline: none;
  5238. position: absolute;
  5239. top: 6px;
  5240. right: 60px;
  5241. }
  5242. [id^="sm-hub-faq-2"] .slick-next:before {
  5243. background: url("https://static1.squarespace.com/static/5ceba3dbc5ca7e00015605e8/t/5d0747057f1d3900011b6639/1560758021212/arrow-next.png") no-repeat;
  5244. background-size: contain;
  5245. right: -30px;
  5246. }
  5247. [id^="sm-hub-faq-2"] .slick-prev:after {
  5248. content: '';
  5249. position: absolute;
  5250. top: 2px;
  5251. right: -45px;
  5252. background: #afada9;
  5253. width: 1px;
  5254. height: 15px;
  5255. transform: rotate(20deg);
  5256. }
  5257. [id^="sm-hub-faq-2"] .sqs-col-6 .sqs-block-html {
  5258. padding-bottom: 0 !important;
  5259. }
  5260. [id^="sm-hub-faq-2"] .sqs-col-6 .sqs-block-spacer {
  5261. display: none;
  5262. }
  5263. @media(max-width: 991px) {
  5264. [id^="sm-hub-faq-2"] .Index-page-content {
  5265. padding: 40px 30px;
  5266. }
  5267. [id^="sm-hub-faq-2"] .Index-page-content .sqs-layout {
  5268. padding-left: 25px;
  5269. padding-right: 25px;
  5270. }
  5271. [id^="sm-hub-faq-2"] .sqs-block-summary-v2 .summary-excerpt {
  5272. padding-top: 20px;
  5273. }
  5274. }
  5275. @media(max-width: 767px) {
  5276. [id^="sm-hub-faq-2"] .sqs-block-summary-v2 .summary-title {
  5277. padding: 60px 30px 40px;
  5278. }
  5279. [id^="sm-hub-faq-2"] .summary-title:before {
  5280. top: 20px;
  5281. }
  5282. }
  5283. @media(max-width: 640px) {
  5284. [id^="sm-hub-faq-2"] .Index-page-content {
  5285. padding: 30px 20px 40px;
  5286. }
  5287. [id^="sm-hub-faq-2"] .sqs-block-summary-v2 .summary-title,
  5288. [id^="sm-hub-faq-2"] .sqs-block-summary-v2 .summary-excerpt {
  5289. width: 100%;
  5290. float: none;
  5291. }
  5292. [id^="sm-hub-faq-2"] .Index-page-content .sqs-layout {
  5293. padding-left: 10px;
  5294. padding-right: 10px;
  5295. }
  5296. [id^="sm-hub-faq-2"] .slick-prev,
  5297. [id^="sm-hub-faq-2"] .slick-next {
  5298. top: auto;
  5299. bottom: -30px;
  5300. }
  5301. [id^="sm-hub-faq-2"] .slick-prev {
  5302. right: auto;
  5303. left: calc(~"50% - 100px");
  5304. }
  5305. [id^="sm-hub-faq-2"] .slick-next {
  5306. right: calc(~"50% - 90px");
  5307. }
  5308. [id^="sm-hub-faq-2"] h2 {
  5309. font-size: 25px;
  5310. }
  5311. }
  5312.  
  5313. /* Hub In the Press 1 */
  5314. [id^="sm-hub-in-the-press-1"] .sqs-block-summary-v2 .summary-heading {
  5315. font-family: 'NeueHaasDisplay-Roman-55';
  5316. font-size: 22px;
  5317. font-style: normal;
  5318. font-weight: normal;
  5319. letter-spacing: 0.02em;
  5320. line-height: 1.36em;
  5321. color: #173637;
  5322. text-transform: none;
  5323. margin-bottom: 35px;
  5324. }
  5325. [id^="sm-hub-in-the-press-1"] .sqs-block-summary-v2 .summary-title a {
  5326. font-family: 'D-DINCondensed';
  5327. font-size: 11px;
  5328. font-style: normal;
  5329. font-weight: normal;
  5330. letter-spacing: 0.27em;
  5331. line-height: 1.82em;
  5332. color: #050505;
  5333. text-transform: uppercase;
  5334. pointer-events: none;
  5335. }
  5336. [id^="sm-hub-in-the-press-1"] .Index-page-content {
  5337. padding: 60px 50px 40px;
  5338. }
  5339. [id^="sm-hub-in-the-press-1"] .sqs-row {
  5340. overflow: hidden;
  5341. }
  5342. [id^="sm-hub-in-the-press-1"] .sqs-block-summary-v2 {
  5343. margin-right: -140px !important;
  5344. }
  5345. [id^="sm-hub-in-the-press-1"] .sqs-block-summary-v2 .summary-thumbnail-outer-container a {
  5346. pointer-events: none;
  5347. }
  5348. [id^="sm-hub-in-the-press-1"] .sqs-block-summary-v2 .summary-item {
  5349. padding-right: 80px !important;
  5350. }
  5351. [id^="sm-hub-in-the-press-1"] .sqs-block-summary-v2 .summary-title {
  5352. font-size: 10px;
  5353. margin-top: 20px !important;
  5354. }
  5355. [id^="sm-hub-in-the-press-1"] .sqs-block-summary-v2 .summary-block-setting-design-carousel .summary-carousel-pager {
  5356. width: auto;
  5357. position: absolute;
  5358. right: 165px;
  5359. }
  5360. [id^="sm-hub-in-the-press-1"] .sqs-gallery-design-carousel .sqs-gallery-controls .previous {
  5361. margin-right: 55px;
  5362. }
  5363. [id^="sm-hub-in-the-press-1"] .sqs-gallery-design-carousel .sqs-gallery-controls .next:before,
  5364. [id^="sm-hub-in-the-press-1"] .sqs-gallery-design-carousel .sqs-gallery-controls .previous:before {
  5365. background: url("https://static1.squarespace.com/static/5ceba3dbc5ca7e00015605e8/t/5d0745d8e2ed170001098d36/1560757721001/arrow-prev.png") no-repeat;
  5366. background-size: contain;
  5367. width: 18px;
  5368. height: 5px;
  5369. font-size: 0;
  5370. outline: none;
  5371. }
  5372. [id^="sm-hub-in-the-press-1"] .sqs-gallery-design-carousel .sqs-gallery-controls .next:before {
  5373. background: url("https://static1.squarespace.com/static/5ceba3dbc5ca7e00015605e8/t/5d0747057f1d3900011b6639/1560758021212/arrow-next.png") no-repeat;
  5374. background-size: contain;
  5375. }
  5376. @media(max-width: 1199px) {
  5377. [id^="sm-hub-in-the-press-1"] .sqs-block-summary-v2 .summary-item {
  5378. padding-right: 40px !important;
  5379. }
  5380. [id^="sm-hub-in-the-press-1"] .sqs-block-summary-v2 {
  5381. margin-right: -100px !important;
  5382. }
  5383. [id^="sm-hub-in-the-press-1"] .sqs-block-summary-v2 .summary-block-setting-design-carousel .summary-carousel-pager {
  5384. right: 100px;
  5385. }
  5386. }
  5387. @media(max-width: 991px) {
  5388. [id^="sm-hub-in-the-press-1"] .sqs-block-summary-v2 .summary-item {
  5389. padding-right: 20px !important;
  5390. }
  5391. [id^="sm-hub-in-the-press-1"] .sqs-block-summary-v2 .summary-title a {
  5392. font-size: 9px;
  5393. letter-spacing: 0.3em;
  5394. }
  5395. [id^="sm-hub-in-the-press-1"] .sqs-block-summary-v2 .summary-heading {
  5396. margin-bottom: 20px;
  5397. }
  5398. }
  5399. @media(max-width: 767px) {
  5400. [id^="sm-hub-in-the-press-1"] .sqs-block-summary-v2 .summary-title a {
  5401. font-size: 10px;
  5402. letter-spacing: 0.4em;
  5403. }
  5404. [id^="sm-hub-in-the-press-1"] .sqs-block-summary-v2 .summary-item {
  5405. padding-right: 30px !important;
  5406. }
  5407. [id^="sm-hub-in-the-press-1"] .sqs-block-summary-v2 {
  5408. padding-left: 0 !important;
  5409. margin-right: -45px !important;
  5410. }
  5411. [id^="sm-hub-in-the-press-1"] .sqs-block-summary-v2 .summary-block-setting-design-carousel .summary-carousel-pager {
  5412. right: 50px;
  5413. }
  5414. }
  5415. @media(max-width: 640px) {
  5416. [id^="sm-hub-in-the-press-1"] .Index-page-content {
  5417. padding: 20px 40px;
  5418. }
  5419. }
  5420.  
  5421. /* Hub Testimonials 3 */
  5422. [id^="sm-hub-testimonials-3"] .sqs-block-summary-v2 .summary-excerpt p {
  5423. font-family: 'NeueHaasDisplay-Roman-55';
  5424. font-size: 18px;
  5425. font-style: normal;
  5426. font-weight: normal;
  5427. letter-spacing: 0.044em;
  5428. line-height: 1.67em;
  5429. color: #fff;
  5430. text-align: center;
  5431. }
  5432. body [id^="sm-hub-testimonials-3"] .sqs-block-summary-v2 .summary-title a {
  5433. font-family: 'NeueHaasDisplay-Roman-55';
  5434. font-size: 34px;
  5435. font-style: normal;
  5436. font-weight: normal;
  5437. letter-spacing: 0;
  5438. line-height: 1.18em;
  5439. color: #fff;
  5440. pointer-events: none;
  5441. }
  5442. body [id^="sm-hub-testimonials-3"] .sqs-block-summary-v2 .summary-excerpt strong {
  5443. font-family: 'D-DINCondensed';
  5444. font-size: 11px;
  5445. font-style: normal;
  5446. font-weight: normal;
  5447. letter-spacing: 0.3em;
  5448. line-height: 1.82em;
  5449. color: #fff;
  5450. display: inline-block;
  5451. margin-top: 20px;
  5452. }
  5453. body [id^="sm-hub-testimonials-3"] .sqs-block-summary-v2 .summary-title:after {
  5454. content: 'Kind Words';
  5455. font-family: 'NeueHaasDisplay-Roman-55';
  5456. font-size: 22px;
  5457. font-style: normal;
  5458. font-weight: normal;
  5459. letter-spacing: 0.02em;
  5460. line-height: 1.36em;
  5461. color: #fff;
  5462. position: absolute;
  5463. top: 65px;
  5464. left: 50%;
  5465. transform: translateX(-50%);
  5466. }
  5467. body [id^="sm-hub-testimonials-3"] {
  5468. background: #041B1D;
  5469. }
  5470. body [id^="sm-hub-testimonials-3"]:before {
  5471. content: '';
  5472. position: absolute;
  5473. bottom: 0;
  5474. left: 0;
  5475. height: 120px;
  5476. width: 100%;
  5477. background: #fff;
  5478. }
  5479. body [id^="sm-hub-testimonials-3"] .Index-page-content {
  5480. padding: 100px 40px 70px;
  5481. }
  5482. body [id^="sm-hub-testimonials-3"] .sqs-block-summary-v2 {
  5483. padding-bottom: 0 !important;
  5484. }
  5485. body [id^="sm-hub-testimonials-3"] .sqs-block-summary-v2 .summary-item {
  5486. outline: none;
  5487. display: flex;
  5488. padding-bottom: 0 !important;
  5489. margin-bottom: 0 !important;
  5490. }
  5491. body [id^="sm-hub-testimonials-3"] .sqs-block-summary-v2 .summary-title {
  5492. width: 33% !important;
  5493. text-align: center;
  5494. padding-top: 160px;
  5495. position: relative;
  5496. }
  5497. body [id^="sm-hub-testimonials-3"] .sqs-block-summary-v2 .summary-thumbnail-outer-container {
  5498. width: 33% !important;
  5499. }
  5500. body [id^="sm-hub-testimonials-3"] .sqs-block-summary-v2 .summary-content {
  5501. width: 33% !important;
  5502. box-sizing: border-box;
  5503. max-width: 320px;
  5504. margin: 0 auto;
  5505. }
  5506. /* only for edit mode */
  5507. body [id^="sm-hub-testimonials-3"] .yui3-widget.sqs-block-summary-v2 .summary-content {
  5508. width: 70% !important;
  5509. max-width: 100%;
  5510. }
  5511. body [id^="sm-hub-testimonials-3"] .yui3-widget.sqs-block-summary-v2 .summary-title {
  5512. float: left;
  5513. }
  5514. body [id^="sm-hub-testimonials-3"] .yui3-widget.sqs-block-summary-v2 .summary-excerpt {
  5515. float: right;
  5516. width: 67%;
  5517. }
  5518.  
  5519. body [id^="sm-hub-testimonials-3"] .sqs-block-summary-v2 .summary-thumbnail-container {
  5520. box-sizing: border-box;
  5521. padding-left: 30px !important;
  5522. padding-right: 30px !important;
  5523. }
  5524. body [id^="sm-hub-testimonials-3"] .sqs-block-summary-v2 .summary-excerpt {
  5525. padding-top: 20px;
  5526. }
  5527. [id^="sm-hub-testimonials-3"] .sqs-block-summary-v2 .slick-prev,
  5528. [id^="sm-hub-testimonials-3"] .sqs-block-summary-v2 .slick-next {
  5529. background: url("https://static1.squarespace.com/static/5ceba3dbc5ca7e00015605e8/t/5d1dea263216d20001ab780c/1562241574084/arrow-left-white.png") no-repeat;
  5530. background-size: contain;
  5531. width: 18px;
  5532. height: 5px;
  5533. border: none;
  5534. font-size: 0;
  5535. outline: none;
  5536. position: absolute;
  5537. bottom: 90px;
  5538. left: 120px;
  5539. z-index: 998;
  5540. }
  5541. [id^="sm-hub-testimonials-3"] .sqs-block-summary-v2 .slick-next {
  5542. background: url("https://static1.squarespace.com/static/5ceba3dbc5ca7e00015605e8/t/5d1dea50ac21b90001bebf1d/1562241616931/arrow-right-white.png") no-repeat;
  5543. background-size: contain;
  5544. left: 190px;
  5545. }
  5546. @media(max-width: 1199px) {
  5547. body [id^="sm-hub-testimonials-3"]:before {
  5548. display: none;
  5549. }
  5550. [id^="sm-hub-testimonials-3"] .sqs-block-summary-v2 .slick-prev,
  5551. [id^="sm-hub-testimonials-3"] .sqs-block-summary-v2 .slick-next {
  5552. bottom: 30px;
  5553. }
  5554. body [id^="sm-hub-testimonials-3"] .sqs-block-summary-v2 .summary-title a {
  5555. font-size: 30px;
  5556. }
  5557. }
  5558. @media(max-width: 991px) {
  5559. body [id^="sm-hub-testimonials-3"] .Index-page-content {
  5560. padding: 60px 40px 50px;
  5561. }
  5562. body [id^="sm-hub-testimonials-3"] .sqs-block-summary-v2 .summary-item {
  5563. align-items: center;
  5564. }
  5565. body [id^="sm-hub-testimonials-3"] .sqs-block-summary-v2 .summary-excerpt {
  5566. padding-top: 0;
  5567. }
  5568. [id^="sm-hub-testimonials-3"] .sqs-block-summary-v2 .slick-prev {
  5569. left: 60px;
  5570. }
  5571. [id^="sm-hub-testimonials-3"] .sqs-block-summary-v2 .slick-next {
  5572. left: 130px;
  5573. }
  5574. body [id^="sm-hub-testimonials-3"] .sqs-block-summary-v2 .summary-title a {
  5575. font-size: 25px;
  5576. }
  5577. }
  5578. @media(max-width: 767px) {
  5579. body [id^="sm-hub-testimonials-3"] .Index-page-content {
  5580. padding: 40px 20px 30px;
  5581. }
  5582. [id^="sm-hub-testimonials-3"] .sqs-block-summary-v2 .summary-excerpt p {
  5583. font-size: 15px;
  5584. letter-spacing: 0.03em;
  5585. }
  5586. body [id^="sm-hub-testimonials-3"] .sqs-block-summary-v2 .summary-title a {
  5587. font-size: 22px;
  5588. }
  5589. body [id^="sm-hub-testimonials-3"] .sqs-block-summary-v2 .summary-title:after {
  5590. font-size: 20px;
  5591. }
  5592. }
  5593. @media(max-width: 640px) {
  5594. body [id^="sm-hub-testimonials-3"] .Index-page-content {
  5595. padding: 20px 20px 40px;
  5596. }
  5597. body [id^="sm-hub-testimonials-3"] .sqs-block-summary-v2 .summary-item {
  5598. display: block;
  5599. }
  5600. body [id^="sm-hub-testimonials-3"] .sqs-block-summary-v2 .summary-title,
  5601. body [id^="sm-hub-testimonials-3"] .sqs-block-summary-v2 .summary-thumbnail-outer-container,
  5602. body [id^="sm-hub-testimonials-3"] .sqs-gallery-design-list .sqs-gallery-design-list-slide .sqs-gallery-meta-container {
  5603. width: 100% !important;
  5604. clear: both;
  5605. }
  5606. body [id^="sm-hub-testimonials-3"] .sqs-block-summary-v2 .summary-content {
  5607. padding-top: 20px;
  5608. }
  5609. body [id^="sm-hub-testimonials-3"] .sqs-block-summary-v2 .summary-excerpt strong {
  5610. margin-top: 0;
  5611. }
  5612. [id^="sm-hub-testimonials-3"] .sqs-block-summary-v2 .slick-prev,
  5613. [id^="sm-hub-testimonials-3"] .sqs-block-summary-v2 .slick-next {
  5614. bottom: -20px;
  5615. }
  5616. [id^="sm-hub-testimonials-3"] .sqs-block-summary-v2 .slick-prev {
  5617. left: 100px;
  5618. }
  5619. [id^="sm-hub-testimonials-3"] .sqs-block-summary-v2 .slick-next {
  5620. left: auto;
  5621. right: 100px;
  5622. }
  5623. }
  5624.  
  5625. /* Hub Contact 3 */
  5626. [id^="sm-hub-contact-3"] h2 {
  5627. font-family: 'NeueHaasDisplay-Roman-55';
  5628. font-size: 50px;
  5629. font-style: normal;
  5630. font-weight: normal;
  5631. letter-spacing: 0.01em;
  5632. line-height: 1.06em;
  5633. color: #050505;
  5634. max-width: 360px;
  5635. margin-left: auto;
  5636. margin-right: auto;
  5637. }
  5638. [id^="sm-hub-contact-3"] .form-wrapper .field-list .title {
  5639. font-family: 'D-DINCondensed';
  5640. font-size: 11px;
  5641. font-style: normal;
  5642. font-weight: normal;
  5643. letter-spacing: 0.27em;
  5644. line-height: 1.82em;
  5645. color: #050505;
  5646. text-transform: uppercase;
  5647. margin-bottom: 10px;
  5648. }
  5649. [id^="sm-hub-contact-3"] .form-wrapper .field-list .field.radio label,
  5650. [id^="sm-hub-contact-3"] .form-wrapper .field-list .field.checkbox label {
  5651. font-family: 'NeueHaasDisplay-Roman-55';
  5652. font-size: 14px;
  5653. font-style: normal;
  5654. font-weight: normal;
  5655. letter-spacing: 0.08em;
  5656. line-height: 1.78em;
  5657. color: #050505;
  5658. text-transform: none;
  5659. }
  5660. [id^="sm-hub-contact-3"] .form-wrapper .form-button-wrapper input[type="submit"] {
  5661. font-family: 'HaasGrotDisplay-65';
  5662. font-size: 14px;
  5663. font-style: normal;
  5664. font-weight: normal;
  5665. letter-spacing: 0.07em;
  5666. line-height: 1em;
  5667. color: #fff;
  5668. text-transform: none;
  5669. border: 2px solid #050505;
  5670. background: #050505;
  5671. border-radius: 0;
  5672. padding: 12px 52px;
  5673. }
  5674. [id^="sm-hub-contact-3"] .form-wrapper ::placeholder {
  5675. font-family: 'D-DINCondensed';
  5676. font-size: 11px;
  5677. font-style: normal;
  5678. font-weight: normal;
  5679. letter-spacing: 0.27em;
  5680. line-height: 1.82em;
  5681. color: #050505;
  5682. text-transform: uppercase;
  5683. }
  5684. [id^="sm-hub-contact-3"] .form-wrapper ::-webkit-input-placeholder { /* Edge */
  5685. font-family: 'D-DINCondensed';
  5686. font-size: 11px;
  5687. font-style: normal;
  5688. font-weight: normal;
  5689. letter-spacing: 0.27em;
  5690. line-height: 1.82em;
  5691. color: #050505;
  5692. text-transform: uppercase;
  5693. }
  5694. [id^="sm-hub-contact-3"] .form-wrapper :-ms-input-placeholder { /* Internet Explorer 10-11 */
  5695. font-family: 'D-DINCondensed';
  5696. font-size: 11px;
  5697. font-style: normal;
  5698. font-weight: normal;
  5699. letter-spacing: 0.27em;
  5700. line-height: 1.82em;
  5701. color: #050505;
  5702. text-transform: uppercase;
  5703. }
  5704. [id^="sm-hub-contact-3"] .form-wrapper .field-list .field .field-element {
  5705. font-family: 'D-DINCondensed';
  5706. font-size: 11px;
  5707. font-style: normal;
  5708. font-weight: normal;
  5709. letter-spacing: 0.27em;
  5710. line-height: 1.82em;
  5711. color: #050505;
  5712. text-transform: none;
  5713. padding-left: 8px;
  5714. padding-bottom: 6px;
  5715. border: none;
  5716. border-bottom: 1px solid #D8D8D8;
  5717. border-radius: 0;
  5718. background: none;
  5719. margin-top: 10px;
  5720. }
  5721. [id^="sm-hub-contact-3"] .form-wrapper .form-submission-text {
  5722. font-family: 'NeueHaasDisplay-Roman-55';
  5723. font-size: 18px;
  5724. font-style: normal;
  5725. font-weight: normal;
  5726. letter-spacing: .08em;
  5727. line-height: 1.78em;
  5728. color: #050505;
  5729. text-align: center;
  5730. margin-top: 0;
  5731. }
  5732. [id^="sm-hub-contact-3"] {
  5733. background: #fff;
  5734. }
  5735. [id^="sm-hub-contact-3"] .Index-page-content {
  5736. padding: 0;
  5737. max-width: 100%;
  5738. }
  5739. [id^="sm-hub-contact-3"] .sqs-row {
  5740. display: flex;
  5741. align-items: center;
  5742. }
  5743. [id^="sm-hub-contact-3"] .sqs-block-form {
  5744. max-width: 360px;
  5745. margin: 0 auto;
  5746. padding-top: 0;
  5747. }
  5748. [id^="sm-hub-contact-3"] .sqs-block-image {
  5749. padding-bottom: 0;
  5750. margin-bottom: 0;
  5751. }
  5752. [id^="sm-hub-contact-3"] span.required {
  5753. display: none;
  5754. }
  5755. [id^="sm-hub-contact-3"] .form-wrapper .field-list .field {
  5756. margin: 0 0 15px;
  5757. }
  5758. [id^="sm-hub-contact-3"] .form-wrapper .field-list .field.checkbox .title {
  5759. margin-bottom: 15px;
  5760. }
  5761. [id^="sm-hub-contact-3"] .form-wrapper .field-list .field textarea.field-element {
  5762. min-height: 95px;
  5763. height: 95px;
  5764. margin-bottom: 45px;
  5765. resize: none;
  5766. }
  5767. [id^="sm-hub-contact-3"] .form-wrapper .field-list .field input[type="checkbox"] {
  5768. border: 1px solid #D8D8D8;
  5769. border-radius: 0;
  5770. }
  5771. [id^="sm-hub-contact-3"] .form-wrapper .form-button-wrapper input[type="submit"]:hover {
  5772. background: transparent;
  5773. color: #050505;
  5774. }
  5775. [id^="sm-hub-contact-3"] .form-wrapper .field-list .field.sqmuse-terms-and-conditions {
  5776. margin-top: 40px;
  5777. }
  5778.  
  5779. /* ckeckbox */
  5780. [id^="sm-hub-contact-3"] .form-wrapper .field-list .field.checkbox:last-child {
  5781. margin-top: 60px;
  5782. }
  5783. [id^="sm-hub-contact-3"] .form-wrapper .field-list .field.checkbox input[type="checkbox"] {
  5784. opacity: 0;
  5785. margin-right: 7px;
  5786. }
  5787. [id^="sm-hub-contact-3"] .checkbox label::before{
  5788. content: "";
  5789. position: absolute;
  5790. display: inline-block;
  5791. height: 10px;
  5792. width: 10px;
  5793. border: 1px solid #D8D8D8;
  5794. border-radius: 0;
  5795. top: 5px;
  5796. }
  5797. /* ckeckbox mark */
  5798. [id^="sm-hub-contact-3"] .checkbox label::after {
  5799. content: "";
  5800. position: absolute;
  5801. display: inline-block;
  5802. height: 3px;
  5803. width: 6px;
  5804. left: 3px;
  5805. top: 8px;
  5806. }
  5807. [id^="sm-hub-contact-3"] .custom-checkbox label.checked::before {
  5808. border-color: #494949;
  5809. }
  5810. [id^="sm-hub-contact-3"] .custom-checkbox label.checked::after {
  5811. border-left: 1px solid #494949;
  5812. border-bottom: 1px solid #494949;
  5813. transform: rotate(-45deg);
  5814. }
  5815. /* radio */
  5816. [id^="sm-hub-contact-3"] .form-wrapper .field-list .field.radio {
  5817. margin-bottom: 35px;
  5818. }
  5819. [id^="sm-hub-contact-3"] .form-wrapper .field-list .field.radio input[type="radio"] {
  5820. opacity: 0;
  5821. margin-right: -2px;
  5822. }
  5823. [id^="sm-hub-contact-3"] .custom-radio {
  5824. display: inline-block;
  5825. padding-right: 40px;
  5826. }
  5827. [id^="sm-hub-contact-3"] .radio label::before {
  5828. content: "";
  5829. display: inline-block;
  5830. position: relative;
  5831. height: 10px;
  5832. width: 10px;
  5833. border: 1px solid #D8D8D8;
  5834. border-radius: 50%;
  5835. top: 1px;
  5836. }
  5837. /* radio mark */
  5838. [id^="sm-hub-contact-3"] .radio label.checked::before {
  5839. border: 1px solid #494949;
  5840. }
  5841. [id^="sm-hub-contact-3"] .radio label.checked::after {
  5842. content: "";
  5843. display: inline-block;
  5844. position: absolute;
  5845. height: 6px;
  5846. width: 6px;
  5847. border-radius: 50%;
  5848. top: 8px;
  5849. left: 3px;
  5850. background: #494949;
  5851. }
  5852. [id^="sm-hub-contact-3"] .custom-checkbox,
  5853. [id^="sm-hub-contact-3"] .custom-radio.parent-checked,
  5854. [id^="sm-hub-contact-3"] .custom-checkbox.parent-checked {
  5855. position: relative;
  5856. }
  5857. [id^="sm-hub-contact-3"] .form-button-wrapper {
  5858. margin-top: 0;
  5859. }
  5860. [id^="sm-hub-contact-3"] .textarea:last-child {
  5861. display: none;
  5862. }
  5863. @media(max-width: 1199px) {
  5864. [id^="sm-hub-contact-3"] .Index-page-content {
  5865. padding: 30px 0;
  5866. }
  5867. [id^="sm-hub-contact-3"] h2 {
  5868. font-size: 40px;
  5869. }
  5870. [id^="sm-hub-contact-3"] .form-wrapper .field-list .field.checkbox:last-child {
  5871. margin-top: 30px;
  5872. }
  5873. }
  5874. @media(max-width: 991px) {
  5875. [id^="sm-hub-contact-3"] .sqs-block-form {
  5876. padding-left: 40px;
  5877. }
  5878. [id^="sm-hub-contact-3"] h2 {
  5879. font-size: 25px;
  5880. padding-left: 20px;
  5881. }
  5882. }
  5883. @media(max-width: 640px) {
  5884. [id^="sm-hub-contact-3"] .sqs-row {
  5885. display: block;
  5886. }
  5887. [id^="sm-hub-contact-3"] .Index-page-content {
  5888. padding: 10px 20px;
  5889. }
  5890. [id^="sm-hub-contact-3"] .sqs-block-form {
  5891. padding-left: 17px;
  5892. padding-right: 17px;
  5893. }
  5894. [id^="sm-hub-contact-3"] .form-wrapper .field-list .field .option {
  5895. font-size: 14px;
  5896. }
  5897. [id^="sm-hub-contact-3"] .radio label.checked::after {
  5898. top: 8px;
  5899. }
  5900. [id^="sm-hub-contact-3"] h2 {
  5901. padding-left: 0;
  5902. }
  5903. }
  5904. /** end Kit 3 **/
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement