/css/webflow.css

https://bitbucket.org/alan_cordova/sb-map · CSS · 1666 lines · 1598 code · 0 blank · 68 comment · 0 complexity · b27083bd48eb69a35eb5efd33cf952e4 MD5 · raw file

  1. @font-face {
  2. font-family: 'webflow-icons';
  3. src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg6SAy0AAAC8AAAAYGNtYXAaVcxaAAABHAAAAExnYXNwAAAAEAAAAWgAAAAIZ2x5ZgscV1gAAAFwAAABhGhlYWQCkFKvAAAC9AAAADZoaGVhB0MDyQAAAywAAAAkaG10eBIAA10AAANQAAAAIGxvY2EBMADyAAADcAAAABJtYXhwAAwATQAAA4QAAAAgbmFtZWTuiIAAAAOkAAABe3Bvc3QAAwAAAAAFIAAAACAAAwQAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADmAwPA/8D/wAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIOYD//3//wAAAAAAIOYA//3//wAB/+MaBAADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQEgAAADIAOAAAUAAAkBBwkBFwMg/kBAAYD+gEABwAHAQP6A/oBAAAEA4AAAAuADgAAFAAATARcJAQfgAcBA/oABgEABwAHAQP6A/oBAAAADAMAA4ANAAsAAGAAxAEoAAAEhIg4CHQEUHgIzITI+Aj0BNC4CIxUhIg4CHQEUHgIzITI+Aj0BNC4CIxUhIg4CHQEUHgIzITI+Aj0BNC4CIwMg/cAHCwkFBQkLBwJABwsJBQUJCwf9wAcLCQUFCQsHAkAHCwkFBQkLB/3ABwsJBQUJCwcCQAcLCQUFCQsHAsAFCQsHIAcLCQUFCQsHIAcLCQXABQkLByAHCwkFBQkLByAHCwkFwAUJCwcgBwsJBQUJCwcgBwsJBQAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFFv+egGGAAAAAAEAAAABAADSLAJOXw889QALBAAAAAAAz/iHGQAAAADP+IcZAAAAAAOBA4AAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAAAAA4EAAQAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAACAAAABAABIAQAAOAEAADABAAAnQAAAAAACgAUAB4AMgBGAKwAwgAAAAEAAAAIAEsAAwAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAaAAAAAQAAAAAAAgAOAHEAAQAAAAAAAwAaADAAAQAAAAAABAAaAH8AAQAAAAAABQAWABoAAQAAAAAABgANAEoAAQAAAAAACgA0AJkAAwABBAkAAQAaAAAAAwABBAkAAgAOAHEAAwABBAkAAwAaADAAAwABBAkABAAaAH8AAwABBAkABQAWABoAAwABBAkABgAaAFcAAwABBAkACgA0AJkAdwBlAGIAZgBsAG8AdwAtAGkAYwBvAG4AcwBWAGUAcgBzAGkAbwBuACAAMQAuADAAdwBlAGIAZgBsAG8AdwAtAGkAYwBvAG4Ac3dlYmZsb3ctaWNvbnMAdwBlAGIAZgBsAG8AdwAtAGkAYwBvAG4AcwBSAGUAZwB1AGwAYQByAHcAZQBiAGYAbABvAHcALQBpAGMAbwBuAHMARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('truetype'), url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AAAVcAAoAAAAABRQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAAZMAAAGTuzUomU9TLzIAAAKIAAAAYAAAAGAOkgMtY21hcAAAAugAAABMAAAATBpVzFpnYXNwAAADNAAAAAgAAAAIAAAAEGhlYWQAAAM8AAAANgAAADYCkFKvaGhlYQAAA3QAAAAkAAAAJAdDA8lobXR4AAADmAAAACAAAAAgEgADXW1heHAAAAO4AAAABgAAAAYACFAAbmFtZQAAA8AAAAF7AAABe2TuiIBwb3N0AAAFPAAAACAAAAAgAAMAAAEABAQAAQEBDndlYmZsb3ctaWNvbnMAAQIAAQA6+BwC+BsD+BgEHgoACXf/i4seCgAJd/+LiwwHi0v6lPpUBR0AAACaDx0AAACfER0AAAAJHQAAAYoSAAkBAQ4bHR8iJywxNndlYmZsb3ctaWNvbnN3ZWJmbG93LWljb25zdTB1MXUyMHVFNjAwdUU2MDF1RTYwMnVFNjAzAAACAYkABgAIAQEEBwoNJDvH4P6UDv6UDv6UDvyUDvm0+FQV/FT4VEtL+BT8FPwU/BTLSwUO93T4VBX4VPhUy0v8FPwU+BT8FEtLBQ75tPlUFfzUiwV5i319i3kIi2sFi3mZfZ2LCPjUiwWdi5mZi50Ii6sFi519mXmLCIv7VBX81IsFeYt9fYt5CItrBYt5mX2diwj41IsFnYuZmYudCIurBYudfZl5iwiL+1QV/NSLBXmLfX2LeQiLawWLeZl9nYsI+NSLBZ2LmZmLnQiLqwWLnX2ZeYsIDvm4+SkV+6n7qvuq96ovLvgG/Bj4BvgYBQ76lBT6lBWLDAoAAAMEAAGQAAUAAAKZAswAAACPApkCzAAAAesAMwEJAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA5gMDwP/A/8ADwABAAAAAAQAAAAAAAAAAAAAAIAAAAAAAAgAAAAMAAAAUAAMAAQAAABQABAA4AAAACgAIAAIAAgABACDmA//9//8AAAAAACDmAP/9//8AAf/jGgQAAwABAAAAAAAAAAAAAAABAAH//wAPAAEAAAABAAC1pQTjXw889QALBAAAAAAAz/iHGQAAAADP+IcZAAAAAAOBA4AAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAAAAA4EAAQAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAACAAAABAABIAQAAOAEAADABAAAnQAAUAAACAAAAAAADgCuAAEAAAAAAAEAGgAAAAEAAAAAAAIADgBxAAEAAAAAAAMAGgAwAAEAAAAAAAQAGgB/AAEAAAAAAAUAFgAaAAEAAAAAAAYADQBKAAEAAAAAAAoANACZAAMAAQQJAAEAGgAAAAMAAQQJAAIADgBxAAMAAQQJAAMAGgAwAAMAAQQJAAQAGgB/AAMAAQQJAAUAFgAaAAMAAQQJAAYAGgBXAAMAAQQJAAoANACZAHcAZQBiAGYAbABvAHcALQBpAGMAbwBuAHMAVgBlAHIAcwBpAG8AbgAgADEALgAwAHcAZQBiAGYAbABvAHcALQBpAGMAbwBuAHN3ZWJmbG93LWljb25zAHcAZQBiAGYAbABvAHcALQBpAGMAbwBuAHMAUgBlAGcAdQBsAGEAcgB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format('woff');
  4. font-weight: normal;
  5. font-style: normal;
  6. }
  7. [class^="w-icon-"],
  8. [class*=" w-icon-"] {
  9. font-family: 'webflow-icons';
  10. speak: none;
  11. font-style: normal;
  12. font-weight: normal;
  13. font-variant: normal;
  14. text-transform: none;
  15. line-height: 1;
  16. -webkit-font-smoothing: antialiased;
  17. -moz-osx-font-smoothing: grayscale;
  18. }
  19. .w-icon-slider-right:before {
  20. content: "\e600";
  21. }
  22. .w-icon-slider-left:before {
  23. content: "\e601";
  24. }
  25. .w-icon-nav-menu:before {
  26. content: "\e602";
  27. }
  28. .w-icon-arrow-down:before,
  29. .w-icon-dropdown-toggle:before {
  30. content: "\e603";
  31. }
  32. * {
  33. -webkit-box-sizing: border-box;
  34. -moz-box-sizing: border-box;
  35. box-sizing: border-box;
  36. }
  37. html {
  38. height: 100%;
  39. }
  40. body {
  41. margin: 0;
  42. min-height: 100%;
  43. background-color: #fff;
  44. font-family: Arial, sans-serif;
  45. font-size: 14px;
  46. line-height: 20px;
  47. color: #333;
  48. }
  49. img {
  50. max-width: 100%;
  51. vertical-align: middle;
  52. display: inline-block;
  53. }
  54. html.w-mod-touch * {
  55. background-attachment: scroll !important;
  56. }
  57. .w-block {
  58. display: block;
  59. }
  60. .w-inline-block {
  61. max-width: 100%;
  62. display: inline-block;
  63. }
  64. .w-clearfix:before,
  65. .w-clearfix:after {
  66. content: " ";
  67. display: table;
  68. }
  69. .w-clearfix:after {
  70. clear: both;
  71. }
  72. .w-hidden {
  73. display: none;
  74. }
  75. .w-button {
  76. display: inline-block;
  77. padding: 9px 15px;
  78. background-color: #3898EC;
  79. color: white;
  80. border: 0;
  81. line-height: inherit;
  82. text-decoration: none;
  83. cursor: pointer;
  84. border-radius: 0;
  85. }
  86. input.w-button {
  87. -webkit-appearance: button;
  88. }
  89. html[data-w-dynpage] [data-w-cloak] {
  90. color: transparent !important;
  91. }
  92. .w-webflow-badge,
  93. .w-webflow-badge * {
  94. position: static;
  95. left: auto;
  96. top: auto;
  97. right: auto;
  98. bottom: auto;
  99. z-index: auto;
  100. display: block;
  101. visibility: visible;
  102. overflow: visible;
  103. overflow-x: visible;
  104. overflow-y: visible;
  105. box-sizing: border-box;
  106. width: auto;
  107. height: auto;
  108. max-height: none;
  109. max-width: none;
  110. min-height: 0;
  111. min-width: 0;
  112. margin: 0;
  113. padding: 0;
  114. float: none;
  115. clear: none;
  116. border: 0 none transparent;
  117. border-radius: 0;
  118. background: none;
  119. background-image: none;
  120. background-position: 0% 0%;
  121. background-size: auto auto;
  122. background-repeat: repeat;
  123. background-origin: padding-box;
  124. background-clip: border-box;
  125. background-attachment: scroll;
  126. background-color: transparent;
  127. box-shadow: none;
  128. opacity: 1.0;
  129. transform: none;
  130. transition: none;
  131. direction: ltr;
  132. font-family: inherit;
  133. font-weight: inherit;
  134. color: inherit;
  135. font-size: inherit;
  136. line-height: inherit;
  137. font-style: inherit;
  138. font-variant: inherit;
  139. text-align: inherit;
  140. letter-spacing: inherit;
  141. text-decoration: inherit;
  142. text-indent: 0;
  143. text-transform: inherit;
  144. list-style-type: disc;
  145. text-shadow: none;
  146. font-smoothing: auto;
  147. vertical-align: baseline;
  148. cursor: inherit;
  149. white-space: inherit;
  150. word-break: normal;
  151. word-spacing: normal;
  152. word-wrap: normal;
  153. }
  154. .w-webflow-badge {
  155. position: fixed !important;
  156. display: inline-block !important;
  157. visibility: visible !important;
  158. opacity: 1 !important;
  159. z-index: 2147483647 !important;
  160. top: auto !important;
  161. right: 12px !important;
  162. bottom: 12px !important;
  163. left: auto !important;
  164. color: #AAADB0 !important;
  165. background-color: #fff !important;
  166. border-radius: 3px !important;
  167. padding: 6px 8px 6px 6px !important;
  168. font-size: 12px !important;
  169. opacity: 1.0 !important;
  170. line-height: 14px !important;
  171. text-decoration: none !important;
  172. transform: none !important;
  173. margin: 0 !important;
  174. width: auto !important;
  175. height: auto !important;
  176. overflow: visible !important;
  177. white-space: nowrap;
  178. box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.1);
  179. }
  180. .w-webflow-badge > img {
  181. display: inline-block !important;
  182. visibility: visible !important;
  183. opacity: 1 !important;
  184. vertical-align: middle !important;
  185. }
  186. h1,
  187. h2,
  188. h3,
  189. h4,
  190. h5,
  191. h6 {
  192. font-weight: bold;
  193. margin-bottom: 10px;
  194. }
  195. h1 {
  196. font-size: 38px;
  197. line-height: 44px;
  198. margin-top: 20px;
  199. }
  200. h2 {
  201. font-size: 32px;
  202. line-height: 36px;
  203. margin-top: 20px;
  204. }
  205. h3 {
  206. font-size: 24px;
  207. line-height: 30px;
  208. margin-top: 20px;
  209. }
  210. h4 {
  211. font-size: 18px;
  212. line-height: 24px;
  213. margin-top: 10px;
  214. }
  215. h5 {
  216. font-size: 14px;
  217. line-height: 20px;
  218. margin-top: 10px;
  219. }
  220. h6 {
  221. font-size: 12px;
  222. line-height: 18px;
  223. margin-top: 10px;
  224. }
  225. p {
  226. margin-top: 0;
  227. margin-bottom: 10px;
  228. }
  229. blockquote {
  230. margin: 0 0 10px 0;
  231. padding: 10px 20px;
  232. border-left: 5px solid #E2E2E2;
  233. font-size: 18px;
  234. line-height: 22px;
  235. }
  236. figure {
  237. margin: 0;
  238. margin-bottom: 10px;
  239. }
  240. figcaption {
  241. margin-top: 5px;
  242. text-align: center;
  243. }
  244. ul,
  245. ol {
  246. margin-top: 0px;
  247. margin-bottom: 10px;
  248. padding-left: 40px;
  249. }
  250. .w-list-unstyled {
  251. padding-left: 0;
  252. list-style: none;
  253. }
  254. .w-embed:before,
  255. .w-embed:after {
  256. content: " ";
  257. display: table;
  258. }
  259. .w-embed:after {
  260. clear: both;
  261. }
  262. .w-video {
  263. width: 100%;
  264. position: relative;
  265. padding: 0;
  266. }
  267. .w-video iframe,
  268. .w-video object,
  269. .w-video embed {
  270. position: absolute;
  271. top: 0;
  272. left: 0;
  273. width: 100%;
  274. height: 100%;
  275. }
  276. fieldset {
  277. padding: 0;
  278. margin: 0;
  279. border: 0;
  280. }
  281. button,
  282. html input[type="button"],
  283. input[type="reset"] {
  284. border: 0;
  285. cursor: pointer;
  286. -webkit-appearance: button;
  287. }
  288. .w-form {
  289. margin: 0 0 15px;
  290. }
  291. .w-form-done {
  292. display: none;
  293. padding: 20px;
  294. text-align: center;
  295. background-color: #dddddd;
  296. }
  297. .w-form-fail {
  298. display: none;
  299. margin-top: 10px;
  300. padding: 10px;
  301. background-color: #ffdede;
  302. }
  303. label {
  304. display: block;
  305. margin-bottom: 5px;
  306. font-weight: bold;
  307. }
  308. .w-input,
  309. .w-select {
  310. display: block;
  311. width: 100%;
  312. height: 38px;
  313. padding: 8px 12px;
  314. margin-bottom: 10px;
  315. font-size: 14px;
  316. line-height: 1.428571429;
  317. color: #333333;
  318. vertical-align: middle;
  319. background-color: #ffffff;
  320. border: 1px solid #cccccc;
  321. }
  322. .w-input:-moz-placeholder,
  323. .w-select:-moz-placeholder {
  324. color: #999;
  325. }
  326. .w-input::-moz-placeholder,
  327. .w-select::-moz-placeholder {
  328. color: #999;
  329. opacity: 1;
  330. }
  331. .w-input:-ms-input-placeholder,
  332. .w-select:-ms-input-placeholder {
  333. color: #999;
  334. }
  335. .w-input::-webkit-input-placeholder,
  336. .w-select::-webkit-input-placeholder {
  337. color: #999;
  338. }
  339. .w-input:focus,
  340. .w-select:focus {
  341. border-color: #3898EC;
  342. outline: 0;
  343. }
  344. .w-input[disabled],
  345. .w-select[disabled],
  346. .w-input[readonly],
  347. .w-select[readonly],
  348. fieldset[disabled] .w-input,
  349. fieldset[disabled] .w-select {
  350. cursor: not-allowed;
  351. background-color: #eeeeee;
  352. }
  353. textarea.w-input,
  354. textarea.w-select {
  355. height: auto;
  356. }
  357. .w-select {
  358. background-image: -webkit-linear-gradient(white 0%, #f3f3f3 100%);
  359. background-image: linear-gradient(white 0%, #f3f3f3 100%);
  360. }
  361. .w-select[multiple] {
  362. height: auto;
  363. }
  364. .w-form-label {
  365. display: inline-block;
  366. cursor: pointer;
  367. font-weight: normal;
  368. margin-bottom: 0px;
  369. }
  370. .w-checkbox,
  371. .w-radio {
  372. display: block;
  373. margin-bottom: 5px;
  374. padding-left: 20px;
  375. }
  376. .w-checkbox:before,
  377. .w-radio:before,
  378. .w-checkbox:after,
  379. .w-radio:after {
  380. content: " ";
  381. display: table;
  382. }
  383. .w-checkbox:after,
  384. .w-radio:after {
  385. clear: both;
  386. }
  387. .w-checkbox-input,
  388. .w-radio-input {
  389. margin: 4px 0 0;
  390. margin-top: 1px \9;
  391. line-height: normal;
  392. float: left;
  393. margin-left: -20px;
  394. }
  395. .w-radio-input {
  396. margin-top: 3px;
  397. }
  398. .w-container {
  399. margin-left: auto;
  400. margin-right: auto;
  401. max-width: 940px;
  402. }
  403. .w-container:before,
  404. .w-container:after {
  405. content: " ";
  406. display: table;
  407. }
  408. .w-container:after {
  409. clear: both;
  410. }
  411. .w-container .w-row {
  412. margin-left: -10px;
  413. margin-right: -10px;
  414. }
  415. .w-row:before,
  416. .w-row:after {
  417. content: " ";
  418. display: table;
  419. }
  420. .w-row:after {
  421. clear: both;
  422. }
  423. .w-row .w-row {
  424. margin-left: 0;
  425. margin-right: 0;
  426. }
  427. .w-col {
  428. position: relative;
  429. float: left;
  430. width: 100%;
  431. min-height: 1px;
  432. padding-left: 10px;
  433. padding-right: 10px;
  434. }
  435. .w-col .w-col {
  436. padding-left: 0;
  437. padding-right: 0;
  438. }
  439. .w-col-1 {
  440. width: 8.33333333%;
  441. }
  442. .w-col-2 {
  443. width: 16.66666667%;
  444. }
  445. .w-col-3 {
  446. width: 25%;
  447. }
  448. .w-col-4 {
  449. width: 33.33333333%;
  450. }
  451. .w-col-5 {
  452. width: 41.66666667%;
  453. }
  454. .w-col-6 {
  455. width: 50%;
  456. }
  457. .w-col-7 {
  458. width: 58.33333333%;
  459. }
  460. .w-col-8 {
  461. width: 66.66666667%;
  462. }
  463. .w-col-9 {
  464. width: 75%;
  465. }
  466. .w-col-10 {
  467. width: 83.33333333%;
  468. }
  469. .w-col-11 {
  470. width: 91.66666667%;
  471. }
  472. .w-col-12 {
  473. width: 100%;
  474. }
  475. .w-hidden-main {
  476. display: none !important;
  477. }
  478. @media screen and (max-width: 991px) {
  479. .w-container {
  480. max-width: 728px;
  481. }
  482. .w-hidden-main {
  483. display: inherit !important;
  484. }
  485. .w-hidden-medium {
  486. display: none !important;
  487. }
  488. .w-col-medium-1 {
  489. width: 8.33333333%;
  490. }
  491. .w-col-medium-2 {
  492. width: 16.66666667%;
  493. }
  494. .w-col-medium-3 {
  495. width: 25%;
  496. }
  497. .w-col-medium-4 {
  498. width: 33.33333333%;
  499. }
  500. .w-col-medium-5 {
  501. width: 41.66666667%;
  502. }
  503. .w-col-medium-6 {
  504. width: 50%;
  505. }
  506. .w-col-medium-7 {
  507. width: 58.33333333%;
  508. }
  509. .w-col-medium-8 {
  510. width: 66.66666667%;
  511. }
  512. .w-col-medium-9 {
  513. width: 75%;
  514. }
  515. .w-col-medium-10 {
  516. width: 83.33333333%;
  517. }
  518. .w-col-medium-11 {
  519. width: 91.66666667%;
  520. }
  521. .w-col-medium-12 {
  522. width: 100%;
  523. }
  524. .w-col-stack {
  525. width: 100%;
  526. left: auto;
  527. right: auto;
  528. }
  529. }
  530. @media screen and (max-width: 767px) {
  531. .w-hidden-main {
  532. display: inherit !important;
  533. }
  534. .w-hidden-medium {
  535. display: inherit !important;
  536. }
  537. .w-hidden-small {
  538. display: none !important;
  539. }
  540. .w-row,
  541. .w-container .w-row {
  542. margin-left: 0;
  543. margin-right: 0;
  544. }
  545. .w-col {
  546. width: 100%;
  547. left: auto;
  548. right: auto;
  549. }
  550. .w-col-small-1 {
  551. width: 8.33333333%;
  552. }
  553. .w-col-small-2 {
  554. width: 16.66666667%;
  555. }
  556. .w-col-small-3 {
  557. width: 25%;
  558. }
  559. .w-col-small-4 {
  560. width: 33.33333333%;
  561. }
  562. .w-col-small-5 {
  563. width: 41.66666667%;
  564. }
  565. .w-col-small-6 {
  566. width: 50%;
  567. }
  568. .w-col-small-7 {
  569. width: 58.33333333%;
  570. }
  571. .w-col-small-8 {
  572. width: 66.66666667%;
  573. }
  574. .w-col-small-9 {
  575. width: 75%;
  576. }
  577. .w-col-small-10 {
  578. width: 83.33333333%;
  579. }
  580. .w-col-small-11 {
  581. width: 91.66666667%;
  582. }
  583. .w-col-small-12 {
  584. width: 100%;
  585. }
  586. }
  587. @media screen and (max-width: 479px) {
  588. .w-container {
  589. max-width: none;
  590. }
  591. .w-hidden-main {
  592. display: inherit !important;
  593. }
  594. .w-hidden-medium {
  595. display: inherit !important;
  596. }
  597. .w-hidden-small {
  598. display: inherit !important;
  599. }
  600. .w-hidden-tiny {
  601. display: none !important;
  602. }
  603. .w-col {
  604. width: 100%;
  605. }
  606. .w-col-tiny-1 {
  607. width: 8.33333333%;
  608. }
  609. .w-col-tiny-2 {
  610. width: 16.66666667%;
  611. }
  612. .w-col-tiny-3 {
  613. width: 25%;
  614. }
  615. .w-col-tiny-4 {
  616. width: 33.33333333%;
  617. }
  618. .w-col-tiny-5 {
  619. width: 41.66666667%;
  620. }
  621. .w-col-tiny-6 {
  622. width: 50%;
  623. }
  624. .w-col-tiny-7 {
  625. width: 58.33333333%;
  626. }
  627. .w-col-tiny-8 {
  628. width: 66.66666667%;
  629. }
  630. .w-col-tiny-9 {
  631. width: 75%;
  632. }
  633. .w-col-tiny-10 {
  634. width: 83.33333333%;
  635. }
  636. .w-col-tiny-11 {
  637. width: 91.66666667%;
  638. }
  639. .w-col-tiny-12 {
  640. width: 100%;
  641. }
  642. }
  643. .w-widget {
  644. position: relative;
  645. }
  646. .w-widget-map {
  647. width: 100%;
  648. height: 400px;
  649. }
  650. .w-widget-map label {
  651. width: auto;
  652. display: inline;
  653. }
  654. .w-widget-map img {
  655. max-width: inherit;
  656. }
  657. .w-widget-map .gm-style-iw {
  658. width: 90% !important;
  659. height: auto !important;
  660. top: 7px !important;
  661. left: 6% !important;
  662. display: inline;
  663. text-align: center;
  664. overflow: hidden;
  665. }
  666. .w-widget-map .gm-style-iw + div {
  667. display: none;
  668. }
  669. .w-widget-twitter {
  670. overflow: hidden;
  671. }
  672. .w-widget-twitter-count-shim {
  673. display: inline-block;
  674. vertical-align: top;
  675. position: relative;
  676. width: 28px;
  677. height: 20px;
  678. text-align: center;
  679. background: white;
  680. border: #758696 solid 1px;
  681. border-radius: 3px;
  682. }
  683. .w-widget-twitter-count-shim * {
  684. pointer-events: none;
  685. -webkit-user-select: none;
  686. -moz-user-select: none;
  687. -ms-user-select: none;
  688. user-select: none;
  689. }
  690. .w-widget-twitter-count-shim .w-widget-twitter-count-inner {
  691. position: relative;
  692. font-size: 15px;
  693. line-height: 12px;
  694. text-align: center;
  695. color: #999;
  696. font-family: serif;
  697. }
  698. .w-widget-twitter-count-shim .w-widget-twitter-count-clear {
  699. position: relative;
  700. display: block;
  701. }
  702. .w-widget-twitter-count-shim.w--large {
  703. width: 36px;
  704. height: 28px;
  705. margin-left: 7px;
  706. }
  707. .w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner {
  708. font-size: 18px;
  709. line-height: 18px;
  710. }
  711. .w-widget-twitter-count-shim:not(.w--vertical) {
  712. margin-left: 5px;
  713. margin-right: 8px;
  714. }
  715. .w-widget-twitter-count-shim:not(.w--vertical).w--large {
  716. margin-left: 6px;
  717. }
  718. .w-widget-twitter-count-shim:not(.w--vertical):before,
  719. .w-widget-twitter-count-shim:not(.w--vertical):after {
  720. top: 50%;
  721. left: 0;
  722. border: solid transparent;
  723. content: " ";
  724. height: 0;
  725. width: 0;
  726. position: absolute;
  727. pointer-events: none;
  728. }
  729. .w-widget-twitter-count-shim:not(.w--vertical):before {
  730. border-color: rgba(117, 134, 150, 0);
  731. border-right-color: #5d6c7b;
  732. border-width: 4px;
  733. margin-left: -9px;
  734. margin-top: -4px;
  735. }
  736. .w-widget-twitter-count-shim:not(.w--vertical).w--large:before {
  737. border-width: 5px;
  738. margin-left: -10px;
  739. margin-top: -5px;
  740. }
  741. .w-widget-twitter-count-shim:not(.w--vertical):after {
  742. border-color: rgba(255, 255, 255, 0);
  743. border-right-color: white;
  744. border-width: 4px;
  745. margin-left: -8px;
  746. margin-top: -4px;
  747. }
  748. .w-widget-twitter-count-shim:not(.w--vertical).w--large:after {
  749. border-width: 5px;
  750. margin-left: -9px;
  751. margin-top: -5px;
  752. }
  753. .w-widget-twitter-count-shim.w--vertical {
  754. width: 61px;
  755. height: 33px;
  756. margin-bottom: 8px;
  757. }
  758. .w-widget-twitter-count-shim.w--vertical:before,
  759. .w-widget-twitter-count-shim.w--vertical:after {
  760. top: 100%;
  761. left: 50%;
  762. border: solid transparent;
  763. content: " ";
  764. height: 0;
  765. width: 0;
  766. position: absolute;
  767. pointer-events: none;
  768. }
  769. .w-widget-twitter-count-shim.w--vertical:before {
  770. border-color: rgba(117, 134, 150, 0);
  771. border-top-color: #5d6c7b;
  772. border-width: 5px;
  773. margin-left: -5px;
  774. }
  775. .w-widget-twitter-count-shim.w--vertical:after {
  776. border-color: rgba(255, 255, 255, 0);
  777. border-top-color: white;
  778. border-width: 4px;
  779. margin-left: -4px;
  780. }
  781. .w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner {
  782. font-size: 18px;
  783. line-height: 22px;
  784. }
  785. .w-widget-twitter-count-shim.w--vertical.w--large {
  786. width: 76px;
  787. }
  788. .w-widget-gplus {
  789. overflow: hidden;
  790. }
  791. .w-background-video {
  792. position: relative;
  793. overflow: hidden;
  794. height: 500px;
  795. color: white;
  796. }
  797. .w-background-video > video {
  798. background-size: cover;
  799. background-position: 50% 50%;
  800. position: absolute;
  801. right: -100%;
  802. bottom: -100%;
  803. top: -100%;
  804. left: -100%;
  805. margin: auto;
  806. min-width: 100%;
  807. min-height: 100%;
  808. z-index: -100;
  809. }
  810. .w-slider {
  811. position: relative;
  812. height: 300px;
  813. text-align: center;
  814. background: #dddddd;
  815. clear: both;
  816. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  817. tap-highlight-color: rgba(0, 0, 0, 0);
  818. }
  819. .w-slider-mask {
  820. position: relative;
  821. display: block;
  822. overflow: hidden;
  823. z-index: 1;
  824. left: 0;
  825. right: 0;
  826. height: 100%;
  827. white-space: nowrap;
  828. }
  829. .w-slide {
  830. position: relative;
  831. display: inline-block;
  832. vertical-align: top;
  833. width: 100%;
  834. height: 100%;
  835. white-space: normal;
  836. text-align: left;
  837. }
  838. .w-slider-nav {
  839. position: absolute;
  840. z-index: 2;
  841. top: auto;
  842. right: 0;
  843. bottom: 0;
  844. left: 0;
  845. margin: auto;
  846. padding-top: 10px;
  847. height: 40px;
  848. text-align: center;
  849. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  850. tap-highlight-color: rgba(0, 0, 0, 0);
  851. }
  852. .w-slider-nav.w-round > div {
  853. border-radius: 100%;
  854. }
  855. .w-slider-nav.w-num > div {
  856. width: auto;
  857. height: auto;
  858. padding: 0.2em 0.5em;
  859. font-size: inherit;
  860. line-height: inherit;
  861. }
  862. .w-slider-nav.w-shadow > div {
  863. box-shadow: 0 0 3px rgba(51, 51, 51, 0.4);
  864. }
  865. .w-slider-nav-invert {
  866. color: #fff;
  867. }
  868. .w-slider-nav-invert > div {
  869. background-color: rgba(34, 34, 34, 0.4);
  870. }
  871. .w-slider-nav-invert > div.w-active {
  872. background-color: #222;
  873. }
  874. .w-slider-dot {
  875. position: relative;
  876. display: inline-block;
  877. width: 1em;
  878. height: 1em;
  879. background-color: rgba(255, 255, 255, 0.4);
  880. cursor: pointer;
  881. margin: 0 3px 0.5em;
  882. transition: background-color 100ms, color 100ms;
  883. }
  884. .w-slider-dot.w-active {
  885. background-color: #fff;
  886. }
  887. .w-slider-arrow-left,
  888. .w-slider-arrow-right {
  889. position: absolute;
  890. width: 80px;
  891. top: 0;
  892. right: 0;
  893. bottom: 0;
  894. left: 0;
  895. margin: auto;
  896. cursor: pointer;
  897. overflow: hidden;
  898. color: white;
  899. font-size: 40px;
  900. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  901. tap-highlight-color: rgba(0, 0, 0, 0);
  902. -webkit-user-select: none;
  903. -moz-user-select: none;
  904. -ms-user-select: none;
  905. user-select: none;
  906. }
  907. .w-slider-arrow-left [class^="w-icon-"],
  908. .w-slider-arrow-right [class^="w-icon-"],
  909. .w-slider-arrow-left [class*=" w-icon-"],
  910. .w-slider-arrow-right [class*=" w-icon-"] {
  911. position: absolute;
  912. }
  913. .w-slider-arrow-left {
  914. z-index: 3;
  915. right: auto;
  916. }
  917. .w-slider-arrow-right {
  918. z-index: 4;
  919. left: auto;
  920. }
  921. .w-icon-slider-left,
  922. .w-icon-slider-right {
  923. top: 0;
  924. right: 0;
  925. bottom: 0;
  926. left: 0;
  927. margin: auto;
  928. width: 1em;
  929. height: 1em;
  930. }
  931. .w-dropdown {
  932. display: inline-block;
  933. position: relative;
  934. text-align: left;
  935. margin-left: auto;
  936. margin-right: auto;
  937. z-index: 900;
  938. }
  939. .w-dropdown-btn,
  940. .w-dropdown-toggle,
  941. .w-dropdown-link {
  942. position: relative;
  943. vertical-align: top;
  944. text-decoration: none;
  945. color: #222222;
  946. padding: 20px;
  947. text-align: left;
  948. margin-left: auto;
  949. margin-right: auto;
  950. white-space: nowrap;
  951. }
  952. .w-dropdown-toggle {
  953. -webkit-user-select: none;
  954. -moz-user-select: none;
  955. -ms-user-select: none;
  956. user-select: none;
  957. display: inline-block;
  958. cursor: pointer;
  959. padding-right: 40px;
  960. }
  961. .w-icon-dropdown-toggle {
  962. position: absolute;
  963. top: 0;
  964. right: 0;
  965. bottom: 0;
  966. margin: auto;
  967. margin-right: 20px;
  968. width: 1em;
  969. height: 1em;
  970. }
  971. .w-dropdown-list {
  972. position: absolute;
  973. background: #dddddd;
  974. display: none;
  975. min-width: 100%;
  976. }
  977. .w-dropdown-list.w--open {
  978. display: block;
  979. }
  980. .w-dropdown-link {
  981. padding: 10px 20px;
  982. display: block;
  983. color: #222222;
  984. }
  985. .w-dropdown-link.w--current {
  986. color: #0082f3;
  987. }
  988. .w-nav[data-collapse="all"] .w-dropdown,
  989. .w-nav[data-collapse="all"] .w-dropdown-toggle {
  990. display: block;
  991. }
  992. .w-nav[data-collapse="all"] .w-dropdown-list {
  993. position: static;
  994. }
  995. @media screen and (max-width: 991px) {
  996. .w-nav[data-collapse="medium"] .w-dropdown,
  997. .w-nav[data-collapse="medium"] .w-dropdown-toggle {
  998. display: block;
  999. }
  1000. .w-nav[data-collapse="medium"] .w-dropdown-list {
  1001. position: static;
  1002. }
  1003. }
  1004. @media screen and (max-width: 767px) {
  1005. .w-nav[data-collapse="small"] .w-dropdown,
  1006. .w-nav[data-collapse="small"] .w-dropdown-toggle {
  1007. display: block;
  1008. }
  1009. .w-nav[data-collapse="small"] .w-dropdown-list {
  1010. position: static;
  1011. }
  1012. .w-nav-brand {
  1013. padding-left: 10px;
  1014. }
  1015. }
  1016. @media screen and (max-width: 479px) {
  1017. .w-nav[data-collapse="tiny"] .w-dropdown,
  1018. .w-nav[data-collapse="tiny"] .w-dropdown-toggle {
  1019. display: block;
  1020. }
  1021. .w-nav[data-collapse="tiny"] .w-dropdown-list {
  1022. position: static;
  1023. }
  1024. }
  1025. /**
  1026. * ## Note
  1027. * Safari (on both iOS and OS X) does not handle viewport units (vh, vw) well.
  1028. * For example percentage units do not work on descendants of elements that
  1029. * have any dimensions expressed in viewport units. It also doesn’t handle them at
  1030. * all in `calc()`.
  1031. */
  1032. /**
  1033. * Wrapper around all lightbox elements
  1034. *
  1035. * 1. Since the lightbox can receive focus, IE also gives it an outline.
  1036. * 2. Fixes flickering on Chrome when a transition is in progress
  1037. * underneath the lightbox.
  1038. */
  1039. .w-lightbox-backdrop {
  1040. color: #000;
  1041. cursor: auto;
  1042. font-family: serif;
  1043. font-size: medium;
  1044. font-style: normal;
  1045. font-variant: normal;
  1046. font-weight: normal;
  1047. letter-spacing: normal;
  1048. line-height: normal;
  1049. list-style: disc;
  1050. text-align: start;
  1051. text-indent: 0;
  1052. text-shadow: none;
  1053. text-transform: none;
  1054. visibility: visible;
  1055. white-space: normal;
  1056. word-break: normal;
  1057. word-spacing: normal;
  1058. word-wrap: normal;
  1059. position: fixed;
  1060. top: 0;
  1061. right: 0;
  1062. bottom: 0;
  1063. left: 0;
  1064. color: #fff;
  1065. font-family: "Helvetica Neue", Helvetica, Ubuntu, "Segoe UI", Verdana, sans-serif;
  1066. font-size: 17px;
  1067. line-height: 1.2;
  1068. font-weight: 300;
  1069. text-align: center;
  1070. background: rgba(0, 0, 0, 0.9);
  1071. z-index: 2000;
  1072. outline: 0;
  1073. /* 1 */
  1074. opacity: 0;
  1075. -webkit-user-select: none;
  1076. -moz-user-select: none;
  1077. -ms-user-select: none;
  1078. -webkit-tap-highlight-color: transparent;
  1079. -webkit-transform: translate(0, 0);
  1080. /* 2 */
  1081. }
  1082. /**
  1083. * Neat trick to bind the rubberband effect to our canvas instead of the whole
  1084. * document on iOS. It also prevents a bug that causes the document underneath to scroll.
  1085. */
  1086. .w-lightbox-backdrop,
  1087. .w-lightbox-container {
  1088. height: 100%;
  1089. overflow: auto;
  1090. -webkit-overflow-scrolling: touch;
  1091. }
  1092. .w-lightbox-content {
  1093. position: relative;
  1094. height: 100vh;
  1095. overflow: hidden;
  1096. }
  1097. .w-lightbox-view {
  1098. position: absolute;
  1099. width: 100vw;
  1100. height: 100vh;
  1101. opacity: 0;
  1102. }
  1103. .w-lightbox-view:before {
  1104. content: "";
  1105. height: 100vh;
  1106. }
  1107. /* .w-lightbox-content */
  1108. .w-lightbox-group,
  1109. .w-lightbox-group .w-lightbox-view,
  1110. .w-lightbox-group .w-lightbox-view:before {
  1111. height: 86vh;
  1112. }
  1113. .w-lightbox-frame,
  1114. .w-lightbox-view:before {
  1115. display: inline-block;
  1116. vertical-align: middle;
  1117. }
  1118. /*
  1119. * 1. Remove default margin set by user-agent on the <figure> element.
  1120. */
  1121. .w-lightbox-figure {
  1122. position: relative;
  1123. margin: 0;
  1124. /* 1 */
  1125. }
  1126. .w-lightbox-group .w-lightbox-figure {
  1127. cursor: pointer;
  1128. }
  1129. /**
  1130. * IE adds image dimensions as width and height attributes on the IMG tag,
  1131. * but we need both width and height to be set to auto to enable scaling.
  1132. */
  1133. .w-lightbox-img {
  1134. width: auto;
  1135. height: auto;
  1136. max-width: none;
  1137. }
  1138. /**
  1139. * 1. Reset if style is set by user on "All Images"
  1140. */
  1141. .w-lightbox-image {
  1142. display: block;
  1143. float: none;
  1144. /* 1 */
  1145. max-width: 100vw;
  1146. max-height: 100vh;
  1147. }
  1148. .w-lightbox-group .w-lightbox-image {
  1149. max-height: 86vh;
  1150. }
  1151. .w-lightbox-caption {
  1152. position: absolute;
  1153. right: 0;
  1154. bottom: 0;
  1155. left: 0;
  1156. padding: .5em 1em;
  1157. background: rgba(0, 0, 0, 0.4);
  1158. text-align: left;
  1159. text-overflow: ellipsis;
  1160. white-space: nowrap;
  1161. overflow: hidden;
  1162. }
  1163. .w-lightbox-embed {
  1164. position: absolute;
  1165. top: 0;
  1166. right: 0;
  1167. bottom: 0;
  1168. left: 0;
  1169. width: 100%;
  1170. height: 100%;
  1171. }
  1172. .w-lightbox-control {
  1173. position: absolute;
  1174. top: 0;
  1175. width: 4em;
  1176. background-size: 24px;
  1177. background-repeat: no-repeat;
  1178. background-position: center;
  1179. cursor: pointer;
  1180. -webkit-transition: all .3s;
  1181. transition: all .3s;
  1182. }
  1183. .w-lightbox-left {
  1184. display: none;
  1185. bottom: 0;
  1186. left: 0;
  1187. /* <svg xmlns="http://www.w3.org/2000/svg" viewBox="-20 0 24 40" width="24" height="40"><g transform="rotate(45)"><path d="m0 0h5v23h23v5h-28z" opacity=".4"/><path d="m1 1h3v23h23v3h-26z" fill="#fff"/></g></svg> */
  1188. background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==");
  1189. }
  1190. .w-lightbox-right {
  1191. display: none;
  1192. right: 0;
  1193. bottom: 0;
  1194. /* <svg xmlns="http://www.w3.org/2000/svg" viewBox="-4 0 24 40" width="24" height="40"><g transform="rotate(45)"><path d="m0-0h28v28h-5v-23h-23z" opacity=".4"/><path d="m1 1h26v26h-3v-23h-23z" fill="#fff"/></g></svg> */
  1195. background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+");
  1196. }
  1197. /*
  1198. * Without specifying the with and height inside the SVG, all versions of IE render the icon too small.
  1199. * The bug does not seem to manifest itself if the elements are tall enough such as the above arrows.
  1200. * (http://stackoverflow.com/questions/16092114/background-size-differs-in-internet-explorer)
  1201. */
  1202. .w-lightbox-close {
  1203. right: 0;
  1204. height: 2.6em;
  1205. /* <svg xmlns="http://www.w3.org/2000/svg" viewBox="-4 0 18 17" width="18" height="17"><g transform="rotate(45)"><path d="m0 0h7v-7h5v7h7v5h-7v7h-5v-7h-7z" opacity=".4"/><path d="m1 1h7v-7h3v7h7v3h-7v7h-3v-7h-7z" fill="#fff"/></g></svg> */
  1206. background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=");
  1207. background-size: 18px;
  1208. }
  1209. /**
  1210. * 1. All IE versions add extra space at the bottom without this.
  1211. */
  1212. .w-lightbox-strip {
  1213. position: absolute;
  1214. bottom: 0;
  1215. left: 0;
  1216. right: 0;
  1217. padding: 0 1vh;
  1218. line-height: 0;
  1219. /* 1 */
  1220. white-space: nowrap;
  1221. overflow-x: auto;
  1222. overflow-y: hidden;
  1223. }
  1224. /*
  1225. * 1. We use content-box to avoid having to do `width: calc(10vh + 2vw)`
  1226. * which doesn’t work in Safari anyway.
  1227. * 2. Chrome renders images pixelated when switching to GPU. Making sure
  1228. * the parent is also rendered on the GPU (by setting translate3d for
  1229. * example) fixes this behavior.
  1230. */
  1231. .w-lightbox-item {
  1232. display: inline-block;
  1233. width: 10vh;
  1234. padding: 2vh 1vh;
  1235. box-sizing: content-box;
  1236. /* 1 */
  1237. cursor: pointer;
  1238. -webkit-transform: translate3d(0, 0, 0);
  1239. /* 2 */
  1240. }
  1241. .w-lightbox-active {
  1242. opacity: .3;
  1243. }
  1244. .w-lightbox-thumbnail {
  1245. position: relative;
  1246. height: 10vh;
  1247. background: #222;
  1248. overflow: hidden;
  1249. }
  1250. .w-lightbox-thumbnail-image {
  1251. position: absolute;
  1252. top: 0;
  1253. left: 0;
  1254. }
  1255. .w-lightbox-thumbnail .w-lightbox-tall {
  1256. top: 50%;
  1257. width: 100%;
  1258. -webkit-transform: translate(0, -50%);
  1259. -ms-transform: translate(0, -50%);
  1260. transform: translate(0, -50%);
  1261. }
  1262. .w-lightbox-thumbnail .w-lightbox-wide {
  1263. left: 50%;
  1264. height: 100%;
  1265. -webkit-transform: translate(-50%, 0);
  1266. -ms-transform: translate(-50%, 0);
  1267. transform: translate(-50%, 0);
  1268. }
  1269. /*
  1270. * Spinner
  1271. *
  1272. * Absolute pixel values are used to avoid rounding errors that would cause
  1273. * the white spinning element to be misaligned with the track.
  1274. */
  1275. .w-lightbox-spinner {
  1276. position: absolute;
  1277. top: 50%;
  1278. left: 50%;
  1279. box-sizing: border-box;
  1280. width: 40px;
  1281. height: 40px;
  1282. margin-top: -20px;
  1283. margin-left: -20px;
  1284. border: 5px solid rgba(0, 0, 0, 0.4);
  1285. border-radius: 50%;
  1286. -webkit-animation: spin .8s infinite linear;
  1287. animation: spin .8s infinite linear;
  1288. }
  1289. .w-lightbox-spinner:after {
  1290. content: "";
  1291. position: absolute;
  1292. top: -4px;
  1293. right: -4px;
  1294. bottom: -4px;
  1295. left: -4px;
  1296. border: 3px solid transparent;
  1297. border-bottom-color: #fff;
  1298. border-radius: 50%;
  1299. }
  1300. /*
  1301. * Utility classes
  1302. */
  1303. .w-lightbox-hide {
  1304. display: none;
  1305. }
  1306. .w-lightbox-noscroll {
  1307. overflow: hidden;
  1308. }
  1309. @media (min-width: 768px) {
  1310. .w-lightbox-content {
  1311. height: 96vh;
  1312. margin-top: 2vh;
  1313. }
  1314. .w-lightbox-view,
  1315. .w-lightbox-view:before {
  1316. height: 96vh;
  1317. }
  1318. /* .w-lightbox-content */
  1319. .w-lightbox-group,
  1320. .w-lightbox-group .w-lightbox-view,
  1321. .w-lightbox-group .w-lightbox-view:before {
  1322. height: 84vh;
  1323. }
  1324. .w-lightbox-image {
  1325. max-width: 96vw;
  1326. max-height: 96vh;
  1327. }
  1328. .w-lightbox-group .w-lightbox-image {
  1329. max-width: 82.3vw;
  1330. max-height: 84vh;
  1331. }
  1332. .w-lightbox-left,
  1333. .w-lightbox-right {
  1334. display: block;
  1335. opacity: .5;
  1336. }
  1337. .w-lightbox-close {
  1338. opacity: .8;
  1339. }
  1340. .w-lightbox-control:hover {
  1341. opacity: 1;
  1342. }
  1343. }
  1344. .w-lightbox-inactive,
  1345. .w-lightbox-inactive:hover {
  1346. opacity: 0;
  1347. }
  1348. .w-richtext:before,
  1349. .w-richtext:after {
  1350. content: " ";
  1351. display: table;
  1352. }
  1353. .w-richtext:after {
  1354. clear: both;
  1355. }
  1356. .w-richtext ol,
  1357. .w-richtext ul {
  1358. overflow: hidden;
  1359. }
  1360. .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:before,
  1361. .w-richtext .w-richtext-figure-selected[data-rt-type="video"] div:before {
  1362. outline: 2px solid #2895f7;
  1363. }
  1364. .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div,
  1365. .w-richtext .w-richtext-figure-selected[data-rt-type="image"] div {
  1366. outline: 2px solid #2895f7;
  1367. }
  1368. .w-richtext figure.w-richtext-figure-type-video > div:before,
  1369. .w-richtext figure[data-rt-type="video"] > div:before {
  1370. content: '';
  1371. position: absolute;
  1372. display: none;
  1373. left: 0;
  1374. top: 0;
  1375. right: 0;
  1376. bottom: 0;
  1377. z-index: 1;
  1378. }
  1379. .w-richtext figure {
  1380. position: relative;
  1381. max-width: 60%;
  1382. }
  1383. .w-richtext figure > div:before {
  1384. cursor: default!important;
  1385. }
  1386. .w-richtext figure img {
  1387. width: 100%;
  1388. }
  1389. .w-richtext figure figcaption.w-richtext-figcaption-placeholder {
  1390. opacity: 0.6;
  1391. }
  1392. .w-richtext figure div {
  1393. /* fix incorrectly sized selection border in the data manager */
  1394. font-size: 0px;
  1395. color: transparent;
  1396. }
  1397. .w-richtext figure.w-richtext-figure-type-image,
  1398. .w-richtext figure[data-rt-type="image"] {
  1399. display: table;
  1400. }
  1401. .w-richtext figure.w-richtext-figure-type-image > div,
  1402. .w-richtext figure[data-rt-type="image"] > div {
  1403. display: inline-block;
  1404. }
  1405. .w-richtext figure.w-richtext-figure-type-image > figcaption,
  1406. .w-richtext figure[data-rt-type="image"] > figcaption {
  1407. display: table-caption;
  1408. caption-side: bottom;
  1409. }
  1410. .w-richtext figure.w-richtext-figure-type-video,
  1411. .w-richtext figure[data-rt-type="video"] {
  1412. width: 60%;
  1413. height: 0;
  1414. }
  1415. .w-richtext figure.w-richtext-figure-type-video iframe,
  1416. .w-richtext figure[data-rt-type="video"] iframe {
  1417. position: absolute;
  1418. top: 0;
  1419. left: 0;
  1420. width: 100%;
  1421. height: 100%;
  1422. }
  1423. .w-richtext figure.w-richtext-figure-type-video > div,
  1424. .w-richtext figure[data-rt-type="video"] > div {
  1425. width: 100%;
  1426. }
  1427. .w-richtext figure.w-richtext-align-center {
  1428. margin-right: auto;
  1429. margin-left: auto;
  1430. clear: both;
  1431. }
  1432. .w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image > div,
  1433. .w-richtext figure.w-richtext-align-center[data-rt-type="image"] > div {
  1434. max-width: 100%;
  1435. }
  1436. .w-richtext figure.w-richtext-align-normal {
  1437. clear: both;
  1438. }
  1439. .w-richtext figure.w-richtext-align-fullwidth {
  1440. width: 100%;
  1441. max-width: 100%;
  1442. text-align: center;
  1443. clear: both;
  1444. display: block;
  1445. margin-right: auto;
  1446. margin-left: auto;
  1447. }
  1448. .w-richtext figure.w-richtext-align-fullwidth > div {
  1449. display: inline-block;
  1450. /* padding-bottom is used for aspect ratios in video figures
  1451. we want the div to inherit that so hover/selection borders in the designer-canvas
  1452. fit right*/
  1453. padding-bottom: inherit;
  1454. }
  1455. .w-richtext figure.w-richtext-align-fullwidth > figcaption {
  1456. display: block;
  1457. }
  1458. .w-richtext figure.w-richtext-align-floatleft {
  1459. float: left;
  1460. margin-right: 15px;
  1461. clear: none;
  1462. }
  1463. .w-richtext figure.w-richtext-align-floatright {
  1464. float: right;
  1465. margin-left: 15px;
  1466. clear: none;
  1467. }
  1468. .w-nav {
  1469. position: relative;
  1470. background: #dddddd;
  1471. z-index: 1000;
  1472. }
  1473. .w-nav:before,
  1474. .w-nav:after {
  1475. content: " ";
  1476. display: table;
  1477. }
  1478. .w-nav:after {
  1479. clear: both;
  1480. }
  1481. .w-nav-brand {
  1482. position: relative;
  1483. float: left;
  1484. text-decoration: none;
  1485. color: #333333;
  1486. }
  1487. .w-nav-link {
  1488. position: relative;
  1489. display: inline-block;
  1490. vertical-align: top;
  1491. text-decoration: none;
  1492. color: #222222;
  1493. padding: 20px;
  1494. text-align: left;
  1495. margin-left: auto;
  1496. margin-right: auto;
  1497. }
  1498. .w-nav-link.w--current {
  1499. color: #0082f3;
  1500. }
  1501. .w-nav-menu {
  1502. position: relative;
  1503. float: right;
  1504. }
  1505. .w--nav-menu-open {
  1506. display: block !important;
  1507. position: absolute;
  1508. top: 100%;
  1509. left: 0;
  1510. right: 0;
  1511. background: #C8C8C8;
  1512. text-align: center;
  1513. overflow: visible;
  1514. min-width: 200px;
  1515. }
  1516. .w--nav-link-open {
  1517. display: block;
  1518. position: relative;
  1519. }
  1520. .w-nav-overlay {
  1521. position: absolute;
  1522. overflow: hidden;
  1523. display: none;
  1524. top: 100%;
  1525. left: 0;
  1526. right: 0;
  1527. width: 100%;
  1528. }
  1529. .w-nav-overlay .w--nav-menu-open {
  1530. top: 0;
  1531. }
  1532. .w-nav[data-animation="over-left"] .w-nav-overlay {
  1533. width: auto;
  1534. }
  1535. .w-nav[data-animation="over-left"] .w-nav-overlay,
  1536. .w-nav[data-animation="over-left"] .w--nav-menu-open {
  1537. right: auto;
  1538. z-index: 1;
  1539. top: 0;
  1540. }
  1541. .w-nav[data-animation="over-right"] .w-nav-overlay {
  1542. width: auto;
  1543. }
  1544. .w-nav[data-animation="over-right"] .w-nav-overlay,
  1545. .w-nav[data-animation="over-right"] .w--nav-menu-open {
  1546. left: auto;
  1547. z-index: 1;
  1548. top: 0;
  1549. }
  1550. .w-nav-button {
  1551. position: relative;
  1552. float: right;
  1553. padding: 18px;
  1554. font-size: 24px;
  1555. display: none;
  1556. cursor: pointer;
  1557. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  1558. tap-highlight-color: rgba(0, 0, 0, 0);
  1559. -webkit-user-select: none;
  1560. -moz-user-select: none;
  1561. -ms-user-select: none;
  1562. user-select: none;
  1563. }
  1564. .w-nav-button.w--open {
  1565. background-color: #C8C8C8;
  1566. color: white;
  1567. }
  1568. .w-nav[data-collapse="all"] .w-nav-menu {
  1569. display: none;
  1570. }
  1571. .w-nav[data-collapse="all"] .w-nav-button {
  1572. display: block;
  1573. }
  1574. @media screen and (max-width: 991px) {
  1575. .w-nav[data-collapse="medium"] .w-nav-menu {
  1576. display: none;
  1577. }
  1578. .w-nav[data-collapse="medium"] .w-nav-button {
  1579. display: block;
  1580. }
  1581. }
  1582. @media screen and (max-width: 767px) {
  1583. .w-nav[data-collapse="small"] .w-nav-menu {
  1584. display: none;
  1585. }
  1586. .w-nav[data-collapse="small"] .w-nav-button {
  1587. display: block;
  1588. }
  1589. .w-nav-brand {
  1590. padding-left: 10px;
  1591. }
  1592. }
  1593. @media screen and (max-width: 479px) {
  1594. .w-nav[data-collapse="tiny"] .w-nav-menu {
  1595. display: none;
  1596. }
  1597. .w-nav[data-collapse="tiny"] .w-nav-button {
  1598. display: block;
  1599. }
  1600. }
  1601. .w-tabs {
  1602. position: relative;
  1603. }
  1604. .w-tabs:before,
  1605. .w-tabs:after {
  1606. content: " ";
  1607. display: table;
  1608. }
  1609. .w-tabs:after {
  1610. clear: both;
  1611. }
  1612. .w-tab-menu {
  1613. position: relative;
  1614. }
  1615. .w-tab-link {
  1616. position: relative;
  1617. display: inline-block;
  1618. vertical-align: top;
  1619. text-decoration: none;
  1620. padding: 9px 30px;
  1621. text-align: left;
  1622. cursor: pointer;
  1623. color: #222222;
  1624. background-color: #dddddd;
  1625. }
  1626. .w-tab-link.w--current {
  1627. background-color: #C8C8C8;
  1628. }
  1629. .w-tab-content {
  1630. position: relative;
  1631. display: block;
  1632. overflow: hidden;
  1633. }
  1634. .w-tab-pane {
  1635. position: relative;
  1636. display: none;
  1637. }
  1638. .w--tab-active {
  1639. display: block;
  1640. }
  1641. @media screen and (max-width: 479px) {
  1642. .w-tab-link {
  1643. display: block;
  1644. }
  1645. }
  1646. .w-ix-emptyfix:after {
  1647. content: "";
  1648. }
  1649. @keyframes spin {
  1650. 0% {
  1651. transform: rotate(0deg);
  1652. }
  1653. 100% {
  1654. transform: rotate(360deg);
  1655. }
  1656. }
  1657. .w-dyn-empty {
  1658. padding: 10px;
  1659. background-color: #dddddd;
  1660. }
  1661. .w-dyn-bind-empty {
  1662. display: none !important;
  1663. }
  1664. .w-condition-invisible {
  1665. display: none !important;
  1666. }