No puede seleccionar más de 25 temas Los temas deben comenzar con una letra o número, pueden incluir guiones ('-') y pueden tener hasta 35 caracteres de largo.

2050 líneas
50 KiB

hace 6 años
  1. @import url(https://fonts.googleapis.com/css?family=Raleway:200,400);
  2. *,
  3. *:before,
  4. *:after {
  5. -moz-box-sizing: border-box;
  6. -webkit-box-sizing: border-box;
  7. box-sizing: border-box; }
  8. html,
  9. body {
  10. font-size: 100%; }
  11. body {
  12. background: white;
  13. color: #525252;
  14. padding: 0;
  15. margin: 0;
  16. font-family: 'Raleway', sans-serif;
  17. font-weight: normal;
  18. font-style: normal;
  19. line-height: 1;
  20. position: relative;
  21. cursor: default; }
  22. a:hover {
  23. cursor: pointer; }
  24. a:focus {
  25. outline: none; }
  26. img,
  27. object,
  28. embed {
  29. max-width: 100%;
  30. height: auto; }
  31. object,
  32. embed {
  33. height: 100%; }
  34. img {
  35. -ms-interpolation-mode: bicubic; }
  36. #map_canvas img,
  37. #map_canvas embed,
  38. #map_canvas object,
  39. .map_canvas img,
  40. .map_canvas embed,
  41. .map_canvas object {
  42. max-width: none !important; }
  43. .left {
  44. float: left !important; }
  45. .right {
  46. float: right !important; }
  47. .text-left {
  48. text-align: left !important; }
  49. .text-right {
  50. text-align: right !important; }
  51. .text-center {
  52. text-align: center !important; }
  53. .text-justify {
  54. text-align: justify !important; }
  55. .hide {
  56. display: none; }
  57. .antialiased {
  58. -webkit-font-smoothing: antialiased; }
  59. img {
  60. display: inline-block;
  61. vertical-align: middle; }
  62. textarea {
  63. height: auto;
  64. min-height: 50px; }
  65. select {
  66. width: 100%; }
  67. /* Grid HTML Classes */
  68. .row {
  69. width: 100%;
  70. margin-left: auto;
  71. margin-right: auto;
  72. margin-top: 0;
  73. margin-bottom: 0;
  74. max-width: 68.75em;
  75. *zoom: 1; }
  76. .row:before, .row:after {
  77. content: " ";
  78. display: table; }
  79. .row:after {
  80. clear: both; }
  81. .row.collapse .column,
  82. .row.collapse .columns {
  83. position: relative;
  84. padding-left: 0;
  85. padding-right: 0;
  86. float: left; }
  87. .row .row {
  88. width: auto;
  89. margin-left: -0.9375em;
  90. margin-right: -0.9375em;
  91. margin-top: 0;
  92. margin-bottom: 0;
  93. max-width: none;
  94. *zoom: 1; }
  95. .row .row:before, .row .row:after {
  96. content: " ";
  97. display: table; }
  98. .row .row:after {
  99. clear: both; }
  100. .row .row.collapse {
  101. width: auto;
  102. margin: 0;
  103. max-width: none;
  104. *zoom: 1; }
  105. .row .row.collapse:before, .row .row.collapse:after {
  106. content: " ";
  107. display: table; }
  108. .row .row.collapse:after {
  109. clear: both; }
  110. .column,
  111. .columns {
  112. position: relative;
  113. padding-left: 0.9375em;
  114. padding-right: 0.9375em;
  115. width: 100%;
  116. float: left; }
  117. @media only screen {
  118. .column,
  119. .columns {
  120. position: relative;
  121. padding-left: 0.9375em;
  122. padding-right: 0.9375em;
  123. float: left; }
  124. .small-1 {
  125. position: relative;
  126. width: 8.33333%; }
  127. .small-2 {
  128. position: relative;
  129. width: 16.66667%; }
  130. .small-3 {
  131. position: relative;
  132. width: 25%; }
  133. .small-4 {
  134. position: relative;
  135. width: 33.33333%; }
  136. .small-5 {
  137. position: relative;
  138. width: 41.66667%; }
  139. .small-6 {
  140. position: relative;
  141. width: 50%; }
  142. .small-7 {
  143. position: relative;
  144. width: 58.33333%; }
  145. .small-8 {
  146. position: relative;
  147. width: 66.66667%; }
  148. .small-9 {
  149. position: relative;
  150. width: 75%; }
  151. .small-10 {
  152. position: relative;
  153. width: 83.33333%; }
  154. .small-11 {
  155. position: relative;
  156. width: 91.66667%; }
  157. .small-12 {
  158. position: relative;
  159. width: 100%; }
  160. .small-offset-0 {
  161. position: relative;
  162. margin-left: 0%; }
  163. .small-offset-1 {
  164. position: relative;
  165. margin-left: 8.33333%; }
  166. .small-offset-2 {
  167. position: relative;
  168. margin-left: 16.66667%; }
  169. .small-offset-3 {
  170. position: relative;
  171. margin-left: 25%; }
  172. .small-offset-4 {
  173. position: relative;
  174. margin-left: 33.33333%; }
  175. .small-offset-5 {
  176. position: relative;
  177. margin-left: 41.66667%; }
  178. .small-offset-6 {
  179. position: relative;
  180. margin-left: 50%; }
  181. .small-offset-7 {
  182. position: relative;
  183. margin-left: 58.33333%; }
  184. .small-offset-8 {
  185. position: relative;
  186. margin-left: 66.66667%; }
  187. .small-offset-9 {
  188. position: relative;
  189. margin-left: 75%; }
  190. .small-offset-10 {
  191. position: relative;
  192. margin-left: 83.33333%; }
  193. [class*="column"] + [class*="column"]:last-child {
  194. float: right; }
  195. [class*="column"] + [class*="column"].end {
  196. float: left; }
  197. .column.small-centered,
  198. .columns.small-centered {
  199. position: relative;
  200. margin-left: auto;
  201. margin-right: auto;
  202. float: none !important; } }
  203. /* Styles for screens that are atleast 768px; */
  204. @media only screen and (min-width: 768px) {
  205. .large-1 {
  206. position: relative;
  207. width: 8.33333%; }
  208. .large-2 {
  209. position: relative;
  210. width: 16.66667%; }
  211. .large-3 {
  212. position: relative;
  213. width: 25%; }
  214. .large-4 {
  215. position: relative;
  216. width: 33.33333%; }
  217. .large-5 {
  218. position: relative;
  219. width: 41.66667%; }
  220. .large-6 {
  221. position: relative;
  222. width: 50%; }
  223. .large-7 {
  224. position: relative;
  225. width: 58.33333%; }
  226. .large-8 {
  227. position: relative;
  228. width: 66.66667%; }
  229. .large-9 {
  230. position: relative;
  231. width: 75%; }
  232. .large-10 {
  233. position: relative;
  234. width: 83.33333%; }
  235. .large-11 {
  236. position: relative;
  237. width: 91.66667%; }
  238. .large-12 {
  239. position: relative;
  240. width: 100%; }
  241. .row .large-offset-0 {
  242. position: relative;
  243. margin-left: 0%; }
  244. .row .large-offset-1 {
  245. position: relative;
  246. margin-left: 8.33333%; }
  247. .row .large-offset-2 {
  248. position: relative;
  249. margin-left: 16.66667%; }
  250. .row .large-offset-3 {
  251. position: relative;
  252. margin-left: 25%; }
  253. .row .large-offset-4 {
  254. position: relative;
  255. margin-left: 33.33333%; }
  256. .row .large-offset-5 {
  257. position: relative;
  258. margin-left: 41.66667%; }
  259. .row .large-offset-6 {
  260. position: relative;
  261. margin-left: 50%; }
  262. .row .large-offset-7 {
  263. position: relative;
  264. margin-left: 58.33333%; }
  265. .row .large-offset-8 {
  266. position: relative;
  267. margin-left: 66.66667%; }
  268. .row .large-offset-9 {
  269. position: relative;
  270. margin-left: 75%; }
  271. .row .large-offset-10 {
  272. position: relative;
  273. margin-left: 83.33333%; }
  274. .row .large-offset-11 {
  275. position: relative;
  276. margin-left: 91.66667%; }
  277. .push-1 {
  278. position: relative;
  279. left: 8.33333%;
  280. right: auto; }
  281. .pull-1 {
  282. position: relative;
  283. right: 8.33333%;
  284. left: auto; }
  285. .push-2 {
  286. position: relative;
  287. left: 16.66667%;
  288. right: auto; }
  289. .pull-2 {
  290. position: relative;
  291. right: 16.66667%;
  292. left: auto; }
  293. .push-3 {
  294. position: relative;
  295. left: 25%;
  296. right: auto; }
  297. .pull-3 {
  298. position: relative;
  299. right: 25%;
  300. left: auto; }
  301. .push-4 {
  302. position: relative;
  303. left: 33.33333%;
  304. right: auto; }
  305. .pull-4 {
  306. position: relative;
  307. right: 33.33333%;
  308. left: auto; }
  309. .push-5 {
  310. position: relative;
  311. left: 41.66667%;
  312. right: auto; }
  313. .pull-5 {
  314. position: relative;
  315. right: 41.66667%;
  316. left: auto; }
  317. .push-6 {
  318. position: relative;
  319. left: 50%;
  320. right: auto; }
  321. .pull-6 {
  322. position: relative;
  323. right: 50%;
  324. left: auto; }
  325. .push-7 {
  326. position: relative;
  327. left: 58.33333%;
  328. right: auto; }
  329. .pull-7 {
  330. position: relative;
  331. right: 58.33333%;
  332. left: auto; }
  333. .push-8 {
  334. position: relative;
  335. left: 66.66667%;
  336. right: auto; }
  337. .pull-8 {
  338. position: relative;
  339. right: 66.66667%;
  340. left: auto; }
  341. .push-9 {
  342. position: relative;
  343. left: 75%;
  344. right: auto; }
  345. .pull-9 {
  346. position: relative;
  347. right: 75%;
  348. left: auto; }
  349. .push-10 {
  350. position: relative;
  351. left: 83.33333%;
  352. right: auto; }
  353. .pull-10 {
  354. position: relative;
  355. right: 83.33333%;
  356. left: auto; }
  357. .push-11 {
  358. position: relative;
  359. left: 91.66667%;
  360. right: auto; }
  361. .pull-11 {
  362. position: relative;
  363. right: 91.66667%;
  364. left: auto; }
  365. .column.large-centered,
  366. .columns.large-centered {
  367. position: relative;
  368. margin-left: auto;
  369. margin-right: auto;
  370. float: none !important; }
  371. .column.large-uncentered,
  372. .columns.large-uncentered {
  373. margin-left: 0;
  374. margin-right: 0;
  375. float: left !important; }
  376. .column.large-uncentered.opposite,
  377. .columns.large-uncentered.opposite {
  378. float: right !important; } }
  379. /* Foundation Block Grids for below small breakpoint */
  380. @media only screen {
  381. [class*="block-grid-"] {
  382. display: block;
  383. padding: 0;
  384. margin: 0 -0.625em;
  385. *zoom: 1; }
  386. [class*="block-grid-"]:before, [class*="block-grid-"]:after {
  387. content: " ";
  388. display: table; }
  389. [class*="block-grid-"]:after {
  390. clear: both; }
  391. [class*="block-grid-"] > li {
  392. display: inline;
  393. height: auto;
  394. float: left;
  395. padding: 0 0.625em 1.25em; }
  396. .small-block-grid-1 > li {
  397. width: 100%;
  398. padding: 0 0.625em 1.25em; }
  399. .small-block-grid-1 > li:nth-of-type(n) {
  400. clear: none; }
  401. .small-block-grid-1 > li:nth-of-type(1n+1) {
  402. clear: both; }
  403. .small-block-grid-2 > li {
  404. width: 50%;
  405. padding: 0 0.625em 1.25em; }
  406. .small-block-grid-2 > li:nth-of-type(n) {
  407. clear: none; }
  408. .small-block-grid-2 > li:nth-of-type(2n+1) {
  409. clear: both; }
  410. .small-block-grid-3 > li {
  411. width: 33.33333%;
  412. padding: 0 0.625em 1.25em; }
  413. .small-block-grid-3 > li:nth-of-type(n) {
  414. clear: none; }
  415. .small-block-grid-3 > li:nth-of-type(3n+1) {
  416. clear: both; }
  417. .small-block-grid-4 > li {
  418. width: 25%;
  419. padding: 0 0.625em 1.25em; }
  420. .small-block-grid-4 > li:nth-of-type(n) {
  421. clear: none; }
  422. .small-block-grid-4 > li:nth-of-type(4n+1) {
  423. clear: both; }
  424. .small-block-grid-5 > li {
  425. width: 20%;
  426. padding: 0 0.625em 1.25em; }
  427. .small-block-grid-5 > li:nth-of-type(n) {
  428. clear: none; }
  429. .small-block-grid-5 > li:nth-of-type(5n+1) {
  430. clear: both; }
  431. .small-block-grid-6 > li {
  432. width: 16.66667%;
  433. padding: 0 0.625em 1.25em; }
  434. .small-block-grid-6 > li:nth-of-type(n) {
  435. clear: none; }
  436. .small-block-grid-6 > li:nth-of-type(6n+1) {
  437. clear: both; }
  438. .small-block-grid-7 > li {
  439. width: 14.28571%;
  440. padding: 0 0.625em 1.25em; }
  441. .small-block-grid-7 > li:nth-of-type(n) {
  442. clear: none; }
  443. .small-block-grid-7 > li:nth-of-type(7n+1) {
  444. clear: both; }
  445. .small-block-grid-8 > li {
  446. width: 12.5%;
  447. padding: 0 0.625em 1.25em; }
  448. .small-block-grid-8 > li:nth-of-type(n) {
  449. clear: none; }
  450. .small-block-grid-8 > li:nth-of-type(8n+1) {
  451. clear: both; }
  452. .small-block-grid-9 > li {
  453. width: 11.11111%;
  454. padding: 0 0.625em 1.25em; }
  455. .small-block-grid-9 > li:nth-of-type(n) {
  456. clear: none; }
  457. .small-block-grid-9 > li:nth-of-type(9n+1) {
  458. clear: both; }
  459. .small-block-grid-10 > li {
  460. width: 10%;
  461. padding: 0 0.625em 1.25em; }
  462. .small-block-grid-10 > li:nth-of-type(n) {
  463. clear: none; }
  464. .small-block-grid-10 > li:nth-of-type(10n+1) {
  465. clear: both; }
  466. .small-block-grid-11 > li {
  467. width: 9.09091%;
  468. padding: 0 0.625em 1.25em; }
  469. .small-block-grid-11 > li:nth-of-type(n) {
  470. clear: none; }
  471. .small-block-grid-11 > li:nth-of-type(11n+1) {
  472. clear: both; }
  473. .small-block-grid-12 > li {
  474. width: 8.33333%;
  475. padding: 0 0.625em 1.25em; }
  476. .small-block-grid-12 > li:nth-of-type(n) {
  477. clear: none; }
  478. .small-block-grid-12 > li:nth-of-type(12n+1) {
  479. clear: both; } }
  480. /* Foundation Block Grids for above small breakpoint */
  481. @media only screen and (min-width: 768px) {
  482. /* Remove small grid clearing */
  483. .small-block-grid-1 > li:nth-of-type(1n+1) {
  484. clear: none; }
  485. .small-block-grid-2 > li:nth-of-type(2n+1) {
  486. clear: none; }
  487. .small-block-grid-3 > li:nth-of-type(3n+1) {
  488. clear: none; }
  489. .small-block-grid-4 > li:nth-of-type(4n+1) {
  490. clear: none; }
  491. .small-block-grid-5 > li:nth-of-type(5n+1) {
  492. clear: none; }
  493. .small-block-grid-6 > li:nth-of-type(6n+1) {
  494. clear: none; }
  495. .small-block-grid-7 > li:nth-of-type(7n+1) {
  496. clear: none; }
  497. .small-block-grid-8 > li:nth-of-type(8n+1) {
  498. clear: none; }
  499. .small-block-grid-9 > li:nth-of-type(9n+1) {
  500. clear: none; }
  501. .small-block-grid-10 > li:nth-of-type(10n+1) {
  502. clear: none; }
  503. .small-block-grid-11 > li:nth-of-type(11n+1) {
  504. clear: none; }
  505. .small-block-grid-12 > li:nth-of-type(12n+1) {
  506. clear: none; }
  507. .large-block-grid-1 > li {
  508. width: 100%;
  509. padding: 0 0.625em 1.25em; }
  510. .large-block-grid-1 > li:nth-of-type(n) {
  511. clear: none; }
  512. .large-block-grid-1 > li:nth-of-type(1n+1) {
  513. clear: both; }
  514. .large-block-grid-2 > li {
  515. width: 50%;
  516. padding: 0 0.625em 1.25em; }
  517. .large-block-grid-2 > li:nth-of-type(n) {
  518. clear: none; }
  519. .large-block-grid-2 > li:nth-of-type(2n+1) {
  520. clear: both; }
  521. .large-block-grid-3 > li {
  522. width: 33.33333%;
  523. padding: 0 0.625em 1.25em; }
  524. .large-block-grid-3 > li:nth-of-type(n) {
  525. clear: none; }
  526. .large-block-grid-3 > li:nth-of-type(3n+1) {
  527. clear: both; }
  528. .large-block-grid-4 > li {
  529. width: 25%;
  530. padding: 0 0.625em 1.25em; }
  531. .large-block-grid-4 > li:nth-of-type(n) {
  532. clear: none; }
  533. .large-block-grid-4 > li:nth-of-type(4n+1) {
  534. clear: both; }
  535. .large-block-grid-5 > li {
  536. width: 20%;
  537. padding: 0 0.625em 1.25em; }
  538. .large-block-grid-5 > li:nth-of-type(n) {
  539. clear: none; }
  540. .large-block-grid-5 > li:nth-of-type(5n+1) {
  541. clear: both; }
  542. .large-block-grid-6 > li {
  543. width: 16.66667%;
  544. padding: 0 0.625em 1.25em; }
  545. .large-block-grid-6 > li:nth-of-type(n) {
  546. clear: none; }
  547. .large-block-grid-6 > li:nth-of-type(6n+1) {
  548. clear: both; }
  549. .large-block-grid-7 > li {
  550. width: 14.28571%;
  551. padding: 0 0.625em 1.25em; }
  552. .large-block-grid-7 > li:nth-of-type(n) {
  553. clear: none; }
  554. .large-block-grid-7 > li:nth-of-type(7n+1) {
  555. clear: both; }
  556. .large-block-grid-8 > li {
  557. width: 12.5%;
  558. padding: 0 0.625em 1.25em; }
  559. .large-block-grid-8 > li:nth-of-type(n) {
  560. clear: none; }
  561. .large-block-grid-8 > li:nth-of-type(8n+1) {
  562. clear: both; }
  563. .large-block-grid-9 > li {
  564. width: 11.11111%;
  565. padding: 0 0.625em 1.25em; }
  566. .large-block-grid-9 > li:nth-of-type(n) {
  567. clear: none; }
  568. .large-block-grid-9 > li:nth-of-type(9n+1) {
  569. clear: both; }
  570. .large-block-grid-10 > li {
  571. width: 10%;
  572. padding: 0 0.625em 1.25em; }
  573. .large-block-grid-10 > li:nth-of-type(n) {
  574. clear: none; }
  575. .large-block-grid-10 > li:nth-of-type(10n+1) {
  576. clear: both; }
  577. .large-block-grid-11 > li {
  578. width: 9.09091%;
  579. padding: 0 0.625em 1.25em; }
  580. .large-block-grid-11 > li:nth-of-type(n) {
  581. clear: none; }
  582. .large-block-grid-11 > li:nth-of-type(11n+1) {
  583. clear: both; }
  584. .large-block-grid-12 > li {
  585. width: 8.33333%;
  586. padding: 0 0.625em 1.25em; }
  587. .large-block-grid-12 > li:nth-of-type(n) {
  588. clear: none; }
  589. .large-block-grid-12 > li:nth-of-type(12n+1) {
  590. clear: both; } }
  591. p.lead {
  592. font-size: 1.21875em;
  593. line-height: 1.6; }
  594. .subheader {
  595. line-height: 1.4;
  596. color: #9f9f9f;
  597. font-weight: 300;
  598. margin-top: 0.2em;
  599. margin-bottom: 0.5em; }
  600. /* Typography resets */
  601. div,
  602. dl,
  603. dt,
  604. dd,
  605. ul,
  606. ol,
  607. li,
  608. h1,
  609. h2,
  610. h3,
  611. h4,
  612. h5,
  613. h6,
  614. pre,
  615. form,
  616. p,
  617. blockquote,
  618. th,
  619. td {
  620. margin: 0;
  621. padding: 0;
  622. direction: ltr;
  623. }
  624. /* Default Link Styles */
  625. a {
  626. color: #525252;
  627. text-decoration: none;
  628. line-height: inherit; }
  629. a:hover, a:focus {
  630. color: #0f715d; }
  631. a img {
  632. border: none; }
  633. /* Default paragraph styles */
  634. p {
  635. font-family: inherit;
  636. font-weight: normal;
  637. font-size: 1em;
  638. line-height: 1.6;
  639. margin-bottom: 1.25em;
  640. text-rendering: optimizeLegibility; }
  641. p aside {
  642. font-size: 0.875em;
  643. line-height: 1.35;
  644. font-style: italic; }
  645. /* Default header styles */
  646. h1, h2, h3, h4, h5, h6 {
  647. font-family: 'Raleway', sans-serif;
  648. color: #525252;
  649. text-rendering: optimizeLegibility;
  650. margin-top: 0.2em;
  651. margin-bottom: 0.5em;
  652. line-height: 1.2125em;
  653. font-weight: normal;
  654. font-style: normal;
  655. }
  656. h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
  657. font-size: 60%;
  658. color: #9f9f9f;
  659. line-height: 0; }
  660. h1 {
  661. font-size: 2.125em; }
  662. h2 {
  663. font-size: 1.6875em; }
  664. h3 {
  665. font-size: 1.375em; }
  666. h4 {
  667. font-size: 1.125em; }
  668. h5 {
  669. font-size: 1.125em; }
  670. h6 {
  671. font-size: 1em; }
  672. hr {
  673. border: solid #dddddd;
  674. border-width: 1px 0 0;
  675. clear: both;
  676. margin: 1.25em 0 1.1875em;
  677. height: 0; }
  678. /* Helpful Typography Defaults */
  679. em,
  680. i {
  681. font-style: italic;
  682. line-height: inherit; }
  683. strong,
  684. b {
  685. font-weight: bold;
  686. line-height: inherit; }
  687. small {
  688. font-size: 60%;
  689. line-height: inherit; }
  690. code {
  691. font-family: Consolas, "Liberation Mono", Courier, monospace;
  692. font-weight: bold;
  693. color: #fa3939; }
  694. /* Lists */
  695. ul,
  696. ol,
  697. dl {
  698. font-size: 1em;
  699. line-height: 1.6;
  700. margin-bottom: 1.25em;
  701. list-style-position: outside;
  702. font-family: inherit; }
  703. ul, ol {
  704. margin-left: 0; }
  705. /* Unordered Lists */
  706. ul li ul,
  707. ul li ol {
  708. margin-left: 1.25em;
  709. margin-bottom: 0;
  710. font-size: 1em;
  711. /* Override nested font-size change */ }
  712. ul.square li ul, ul.circle li ul, ul.disc li ul {
  713. list-style: inherit; }
  714. ul.square {
  715. list-style-type: square; }
  716. ul.circle {
  717. list-style-type: circle; }
  718. ul.disc {
  719. list-style-type: disc; }
  720. ul.no-bullet {
  721. list-style: none; }
  722. /* Ordered Lists */
  723. ol li ul,
  724. ol li ol {
  725. margin-left: 1.25em;
  726. margin-bottom: 0; }
  727. /* Definition Lists */
  728. dl dt {
  729. margin-bottom: 0.3em;
  730. font-weight: bold; }
  731. dl dd {
  732. margin-bottom: 0.75em; }
  733. /* Abbreviations */
  734. abbr,
  735. acronym {
  736. text-transform: uppercase;
  737. font-size: 90%;
  738. color: #525252;
  739. border-bottom: 1px dotted #dddddd;
  740. cursor: help; }
  741. abbr {
  742. text-transform: none; }
  743. /* Blockquotes */
  744. blockquote {
  745. margin: 0 0 1.25em;
  746. padding: 0.5625em 1.25em 0 1.1875em;
  747. border-left: 1px solid #dddddd; }
  748. blockquote cite {
  749. display: block;
  750. font-size: 0.8125em;
  751. color: #858585; }
  752. blockquote cite:before {
  753. content: "\2014 \0020"; }
  754. blockquote cite a,
  755. blockquote cite a:visited {
  756. color: #858585; }
  757. blockquote,
  758. blockquote p {
  759. line-height: 1.6;
  760. color: #9f9f9f; }
  761. /* Microformats */
  762. .vcard {
  763. display: inline-block;
  764. margin: 0 0 1.25em 0;
  765. border: 1px solid #dddddd;
  766. padding: 0.625em 0.75em; }
  767. .vcard li {
  768. margin: 0;
  769. display: block; }
  770. .vcard .fn {
  771. font-weight: bold;
  772. font-size: 0.9375em; }
  773. .vevent .summary {
  774. font-weight: bold; }
  775. .vevent abbr {
  776. cursor: default;
  777. text-decoration: none;
  778. font-weight: bold;
  779. border: none;
  780. padding: 0 0.0625em; }
  781. @media only screen and (min-width: 768px) {
  782. h1, h2, h3, h4, h5, h6 {
  783. line-height: 1.4; }
  784. h1 {
  785. font-size: 2.75em; }
  786. h2 {
  787. font-size: 2.3125em; }
  788. h3 {
  789. font-size: 1.6875em; }
  790. h4 {
  791. font-size: 1.4375em; } }
  792. /*
  793. * Print styles.
  794. *
  795. * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
  796. * Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)
  797. */
  798. .print-only {
  799. display: none !important; }
  800. @media print {
  801. * {
  802. background: transparent !important;
  803. color: black !important;
  804. /* Black prints faster: h5bp.com/s */
  805. box-shadow: none !important;
  806. text-shadow: none !important; }
  807. a,
  808. a:visited {
  809. text-decoration: underline; }
  810. a[href]:after {
  811. content: " (" attr(href) ")"; }
  812. abbr[title]:after {
  813. content: " (" attr(title) ")"; }
  814. .ir a:after,
  815. a[href^="javascript:"]:after,
  816. a[href^="#"]:after {
  817. content: ""; }
  818. pre,
  819. blockquote {
  820. border: 1px solid #999999;
  821. page-break-inside: avoid; }
  822. thead {
  823. display: table-header-group;
  824. /* h5bp.com/t */ }
  825. tr,
  826. img {
  827. page-break-inside: avoid; }
  828. img {
  829. max-width: 100% !important; }
  830. @page {
  831. margin: 0.5cm; }
  832. p,
  833. h2,
  834. h3 {
  835. orphans: 3;
  836. widows: 3; }
  837. h2,
  838. h3 {
  839. page-break-after: avoid; }
  840. .hide-on-print {
  841. display: none !important; }
  842. .print-only {
  843. display: block !important; }
  844. .hide-for-print {
  845. display: none !important; }
  846. .show-for-print {
  847. display: inherit !important; } }
  848. button, .button {
  849. border-style: solid;
  850. border-width: 1px;
  851. cursor: pointer;
  852. margin: 0 0 1.25em;
  853. position: relative;
  854. text-decoration: none;
  855. text-align: center;
  856. display: inline-block;
  857. padding-top: 0.75em;
  858. padding-right: 1.5em;
  859. padding-bottom: 0.8125em;
  860. padding-left: 1.5em;
  861. background-color: #8bd0f3;
  862. border-color: #5dbdee;
  863. color: #ffffff;
  864. font-weight: normal;
  865. font-size: 1em;
  866. line-height: 1;
  867. font-style: normal;
  868. }
  869. button:hover, button:focus, .button:hover, .button:focus {
  870. background-color: #5dbdee;
  871. color: #ffffff;
  872. }
  873. button:hover, button:focus, .button:hover, .button:focus {
  874. color: #ffffff; }
  875. button.secondary, .button.secondary {
  876. background-color: #f4f4f4;
  877. border-color: #dbdbdb;
  878. color: #333333; }
  879. button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {
  880. background-color: #dbdbdb; }
  881. button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {
  882. color: #333333; }
  883. button.success, .button.success {
  884. background-color: #b7dd6e;
  885. border-color: #a2d345;
  886. color: #ffffff; }
  887. button.success:hover, button.success:focus, .button.success:hover, .button.success:focus {
  888. background-color: #a2d345; }
  889. button.success:hover, button.success:focus, .button.success:hover, .button.success:focus {
  890. color: white; }
  891. button.alert, .button.alert {
  892. background-color: #fc8484;
  893. border-color: #fb5252;
  894. color: #ffffff; }
  895. button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus {
  896. background-color: #fb5252; }
  897. button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus {
  898. color: #ffffff; }
  899. button.large, .button.large {
  900. padding-top: 1em;
  901. padding-right: 2em;
  902. padding-bottom: 1.0625em;
  903. padding-left: 2em;
  904. font-size: 1.25em; }
  905. button.small, .button.small {
  906. padding-top: 0.5625em;
  907. padding-right: 1.125em;
  908. padding-bottom: 0.625em;
  909. padding-left: 1.125em;
  910. font-size: 0.8125em; }
  911. button.tiny, .button.tiny {
  912. padding-top: 0.4375em;
  913. padding-right: 0.875em;
  914. padding-bottom: 0.5em;
  915. padding-left: 0.875em;
  916. font-size: 0.6875em; }
  917. button.expand, .button.expand {
  918. padding-right: 0px;
  919. padding-left: 0px;
  920. width: 100%; }
  921. button.left-align, .button.left-align {
  922. text-align: left;
  923. text-indent: 0.75em; }
  924. button.right-align, .button.right-align {
  925. text-align: right;
  926. padding-right: 0.75em; }
  927. button.disabled, button[disabled], .button.disabled, .button[disabled] {
  928. background-color: #8bd0f3;
  929. border-color: #5dbdee;
  930. color: #333333;
  931. cursor: default;
  932. opacity: 0.6;
  933. -webkit-box-shadow: none;
  934. box-shadow: none; }
  935. button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
  936. background-color: #5dbdee; }
  937. button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
  938. color: #333333; }
  939. button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
  940. background-color: #8bd0f3; }
  941. button.disabled.secondary, button[disabled].secondary, .button.disabled.secondary, .button[disabled].secondary {
  942. background-color: #f4f4f4;
  943. border-color: #dbdbdb;
  944. color: #333333;
  945. cursor: default;
  946. opacity: 0.6;
  947. -webkit-box-shadow: none;
  948. box-shadow: none; }
  949. button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
  950. background-color: #dbdbdb; }
  951. button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
  952. color: #333333; }
  953. button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
  954. background-color: #f4f4f4; }
  955. button.disabled.success, button[disabled].success, .button.disabled.success, .button[disabled].success {
  956. background-color: #b7dd6e;
  957. border-color: #a2d345;
  958. color: #333333;
  959. cursor: default;
  960. opacity: 0.6;
  961. -webkit-box-shadow: none;
  962. box-shadow: none; }
  963. button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
  964. background-color: #a2d345; }
  965. button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
  966. color: white; }
  967. button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
  968. background-color: #b7dd6e; }
  969. button.disabled.alert, button[disabled].alert, .button.disabled.alert, .button[disabled].alert {
  970. background-color: #fc8484;
  971. border-color: #fb5252;
  972. color: #333333;
  973. cursor: default;
  974. opacity: 0.6;
  975. -webkit-box-shadow: none;
  976. box-shadow: none; }
  977. button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
  978. background-color: #fb5252; }
  979. button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
  980. color: #333333; }
  981. button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
  982. background-color: #fc8484; }
  983. button, .button {
  984. padding-top: 0.8125em;
  985. padding-bottom: 0.75em;
  986. -webkit-appearance: none; }
  987. button.tiny, .button.tiny {
  988. padding-top: 0.5em;
  989. padding-bottom: 0.4375em;
  990. -webkit-appearance: none; }
  991. button.small, .button.small {
  992. padding-top: 0.625em;
  993. padding-bottom: 0.5625em;
  994. -webkit-appearance: none; }
  995. button.large, .button.large {
  996. padding-top: 1.03125em;
  997. padding-bottom: 1.03125em;
  998. -webkit-appearance: none; }
  999. @media only screen {
  1000. button, .button {
  1001. -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  1002. box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  1003. -webkit-transition: background-color 300ms ease-out;
  1004. -moz-transition: background-color 300ms ease-out;
  1005. transition: background-color 300ms ease-out; }
  1006. button:active, .button:active {
  1007. -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset;
  1008. box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; }
  1009. button.radius, .button.radius {
  1010. -webkit-border-radius: 3px;
  1011. border-radius: 3px; }
  1012. button.round, .button.round {
  1013. -webkit-border-radius: 1000px;
  1014. border-radius: 1000px; } }
  1015. @media only screen and (min-width: 768px) {
  1016. button, .button {
  1017. display: inline-block; } }
  1018. /* Button Groups */
  1019. .button-group {
  1020. list-style: none;
  1021. margin: 0;
  1022. *zoom: 1; }
  1023. .button-group:before, .button-group:after {
  1024. content: " ";
  1025. display: table; }
  1026. .button-group:after {
  1027. clear: both; }
  1028. .button-group > * {
  1029. margin: 0 0 0 -1px;
  1030. float: left; }
  1031. .button-group > *:first-child {
  1032. margin-left: 0; }
  1033. .button-group.radius > *:first-child, .button-group.radius > *:first-child > a, .button-group.radius > *:first-child > button, .button-group.radius > *:first-child > .button {
  1034. -moz-border-radius-bottomleft: 3px;
  1035. -moz-border-radius-topleft: 3px;
  1036. -webkit-border-bottom-left-radius: 3px;
  1037. -webkit-border-top-left-radius: 3px;
  1038. border-bottom-left-radius: 3px;
  1039. border-top-left-radius: 3px; }
  1040. .button-group.radius > *:last-child, .button-group.radius > *:last-child > a, .button-group.radius > *:last-child > button, .button-group.radius > *:last-child > .button {
  1041. -moz-border-radius-topright: 3px;
  1042. -moz-border-radius-bottomright: 3px;
  1043. -webkit-border-top-right-radius: 3px;
  1044. -webkit-border-bottom-right-radius: 3px;
  1045. border-top-right-radius: 3px;
  1046. border-bottom-right-radius: 3px; }
  1047. .button-group.round > *:first-child, .button-group.round > *:first-child > a, .button-group.round > *:first-child > button, .button-group.round > *:first-child > .button {
  1048. -moz-border-radius-bottomleft: 1000px;
  1049. -moz-border-radius-topleft: 1000px;
  1050. -webkit-border-bottom-left-radius: 1000px;
  1051. -webkit-border-top-left-radius: 1000px;
  1052. border-bottom-left-radius: 1000px;
  1053. border-top-left-radius: 1000px; }
  1054. .button-group.round > *:last-child, .button-group.round > *:last-child > a, .button-group.round > *:last-child > button, .button-group.round > *:last-child > .button {
  1055. -moz-border-radius-topright: 1000px;
  1056. -moz-border-radius-bottomright: 1000px;
  1057. -webkit-border-top-right-radius: 1000px;
  1058. -webkit-border-bottom-right-radius: 1000px;
  1059. border-top-right-radius: 1000px;
  1060. border-bottom-right-radius: 1000px; }
  1061. .button-group.even-2 li {
  1062. width: 50%; }
  1063. .button-group.even-2 li button, .button-group.even-2 li .button {
  1064. width: 100%; }
  1065. .button-group.even-3 li {
  1066. width: 33.33333%; }
  1067. .button-group.even-3 li button, .button-group.even-3 li .button {
  1068. width: 100%; }
  1069. .button-group.even-4 li {
  1070. width: 25%; }
  1071. .button-group.even-4 li button, .button-group.even-4 li .button {
  1072. width: 100%; }
  1073. .button-group.even-5 li {
  1074. width: 20%; }
  1075. .button-group.even-5 li button, .button-group.even-5 li .button {
  1076. width: 100%; }
  1077. .button-group.even-6 li {
  1078. width: 16.66667%; }
  1079. .button-group.even-6 li button, .button-group.even-6 li .button {
  1080. width: 100%; }
  1081. .button-group.even-7 li {
  1082. width: 14.28571%; }
  1083. .button-group.even-7 li button, .button-group.even-7 li .button {
  1084. width: 100%; }
  1085. .button-group.even-8 li {
  1086. width: 12.5%; }
  1087. .button-group.even-8 li button, .button-group.even-8 li .button {
  1088. width: 100%; }
  1089. .button-bar {
  1090. *zoom: 1; }
  1091. .button-bar:before, .button-bar:after {
  1092. content: " ";
  1093. display: table; }
  1094. .button-bar:after {
  1095. clear: both; }
  1096. .button-bar .button-group {
  1097. float: left;
  1098. margin-right: 0.625em; }
  1099. .button-bar .button-group div {
  1100. overflow: hidden; }
  1101. /* Dropdown Button */
  1102. .dropdown.button {
  1103. position: relative;
  1104. padding-right: 3.1875em; }
  1105. .dropdown.button:before {
  1106. position: absolute;
  1107. content: "";
  1108. width: 0;
  1109. height: 0;
  1110. display: block;
  1111. border-style: solid;
  1112. border-color: white transparent transparent transparent;
  1113. top: 50%; }
  1114. .dropdown.button:before {
  1115. border-width: 0.5625em;
  1116. right: 1.5em;
  1117. margin-top: -0.25em; }
  1118. .dropdown.button:before {
  1119. border-color: white transparent transparent transparent; }
  1120. .dropdown.button.tiny {
  1121. padding-right: 2.1875em; }
  1122. .dropdown.button.tiny:before {
  1123. border-width: 0.4375em;
  1124. right: 0.875em;
  1125. margin-top: -0.15625em; }
  1126. .dropdown.button.tiny:before {
  1127. border-color: white transparent transparent transparent; }
  1128. .dropdown.button.small {
  1129. padding-right: 2.8125em; }
  1130. .dropdown.button.small:before {
  1131. border-width: 0.5625em;
  1132. right: 1.125em;
  1133. margin-top: -0.21875em; }
  1134. .dropdown.button.small:before {
  1135. border-color: white transparent transparent transparent; }
  1136. .dropdown.button.large {
  1137. padding-right: 4em; }
  1138. .dropdown.button.large:before {
  1139. border-width: 0.625em;
  1140. right: 1.75em;
  1141. margin-top: -0.3125em; }
  1142. .dropdown.button.large:before {
  1143. border-color: white transparent transparent transparent; }
  1144. .dropdown.button.secondary:before {
  1145. border-color: #333333 transparent transparent transparent; }
  1146. /* Split Buttons */
  1147. .split.button {
  1148. position: relative;
  1149. padding-right: 4.8em; }
  1150. .split.button span {
  1151. display: block;
  1152. height: 100%;
  1153. position: absolute;
  1154. right: 0;
  1155. top: 0;
  1156. border-left: solid 1px; }
  1157. .split.button span:before {
  1158. position: absolute;
  1159. content: "";
  1160. width: 0;
  1161. height: 0;
  1162. display: block;
  1163. border-style: inset;
  1164. left: 50%; }
  1165. .split.button span:active {
  1166. background-color: rgba(0, 0, 0, 0.1); }
  1167. .split.button span {
  1168. border-left-color: #46b4ec; }
  1169. .split.button span {
  1170. width: 3em; }
  1171. .split.button span:before {
  1172. border-top-style: solid;
  1173. border-width: 0.5625em;
  1174. top: 1.125em;
  1175. margin-left: -0.5625em; }
  1176. .split.button span:before {
  1177. border-color: white transparent transparent transparent; }
  1178. .split.button.secondary span {
  1179. border-left-color: #cecece; }
  1180. .split.button.secondary span:before {
  1181. border-color: white transparent transparent transparent; }
  1182. .split.button.alert span {
  1183. border-left-color: #fa3939; }
  1184. .split.button.success span {
  1185. border-left-color: #98ce30; }
  1186. .split.button.tiny {
  1187. padding-right: 3.9375em; }
  1188. .split.button.tiny span {
  1189. width: 2.84375em; }
  1190. .split.button.tiny span:before {
  1191. border-top-style: solid;
  1192. border-width: 0.4375em;
  1193. top: 0.875em;
  1194. margin-left: -0.3125em; }
  1195. .split.button.small {
  1196. padding-right: 3.9375em; }
  1197. .split.button.small span {
  1198. width: 2.8125em; }
  1199. .split.button.small span:before {
  1200. border-top-style: solid;
  1201. border-width: 0.5625em;
  1202. top: 0.84375em;
  1203. margin-left: -0.5625em; }
  1204. .split.button.large {
  1205. padding-right: 6em; }
  1206. .split.button.large span {
  1207. width: 3.75em; }
  1208. .split.button.large span:before {
  1209. border-top-style: solid;
  1210. border-width: 0.625em;
  1211. top: 1.3125em;
  1212. margin-left: -0.5625em; }
  1213. .split.button.expand {
  1214. padding-left: 2em; }
  1215. .split.button.secondary span:before {
  1216. border-color: #333333 transparent transparent transparent; }
  1217. .split.button.radius span {
  1218. -moz-border-radius-topright: 3px;
  1219. -moz-border-radius-bottomright: 3px;
  1220. -webkit-border-top-right-radius: 3px;
  1221. -webkit-border-bottom-right-radius: 3px;
  1222. border-top-right-radius: 3px;
  1223. border-bottom-right-radius: 3px; }
  1224. .split.button.round span {
  1225. -moz-border-radius-topright: 1000px;
  1226. -moz-border-radius-bottomright: 1000px;
  1227. -webkit-border-top-right-radius: 1000px;
  1228. -webkit-border-bottom-right-radius: 1000px;
  1229. border-top-right-radius: 1000px;
  1230. border-bottom-right-radius: 1000px; }
  1231. /* Flex Video */
  1232. .flex-video {
  1233. position: relative;
  1234. padding-top: 1.5625em;
  1235. padding-bottom: 67.5%;
  1236. height: 0;
  1237. margin-bottom: 1em;
  1238. overflow: hidden; }
  1239. .flex-video.widescreen {
  1240. padding-bottom: 57.25%; }
  1241. .flex-video.vimeo {
  1242. padding-top: 0; }
  1243. .flex-video iframe,
  1244. .flex-video object,
  1245. .flex-video embed,
  1246. .flex-video video {
  1247. position: absolute;
  1248. top: 0;
  1249. left: 0;
  1250. width: 100%;
  1251. height: 100%; }
  1252. @-webkit-keyframes rotate {
  1253. from {
  1254. -webkit-transform: rotate(0deg); }
  1255. to {
  1256. -webkit-transform: rotate(360deg); } }
  1257. @-moz-keyframes rotate {
  1258. from {
  1259. -webkit-transform: rotate(0deg); }
  1260. to {
  1261. -webkit-transform: rotate(360deg); } }
  1262. @-o-keyframes rotate {
  1263. from {
  1264. -webkit-transform: rotate(0deg); }
  1265. to {
  1266. -webkit-transform: rotate(360deg); } }
  1267. @keyframes rotate {
  1268. from {
  1269. -webkit-transform: rotate(0deg); }
  1270. to {
  1271. -webkit-transform: rotate(360deg); } }
  1272. /* Orbit Graceful Loading */
  1273. .slideshow-wrapper {
  1274. position: relative; }
  1275. .slideshow-wrapper ul {
  1276. list-style-type: none;
  1277. margin: 0; }
  1278. .slideshow-wrapper ul li,
  1279. .slideshow-wrapper ul li .orbit-caption {
  1280. display: none; }
  1281. .slideshow-wrapper ul li:first-child {
  1282. display: block; }
  1283. .slideshow-wrapper .orbit-container {
  1284. background-color: transparent; }
  1285. .slideshow-wrapper .orbit-container li {
  1286. display: block; }
  1287. .slideshow-wrapper .orbit-container li .orbit-caption {
  1288. display: block; }
  1289. .preloader {
  1290. display: block;
  1291. width: 40px;
  1292. height: 40px;
  1293. position: absolute;
  1294. top: 50%;
  1295. left: 50%;
  1296. margin-top: -20px;
  1297. margin-left: -20px;
  1298. border: solid 3px;
  1299. border-color: #555555 white;
  1300. -webkit-border-radius: 1000px;
  1301. border-radius: 1000px;
  1302. -webkit-animation-name: rotate;
  1303. -webkit-animation-duration: 1.5s;
  1304. -webkit-animation-iteration-count: infinite;
  1305. -webkit-animation-timing-function: linear;
  1306. -moz-animation-name: rotate;
  1307. -moz-animation-duration: 1.5s;
  1308. -moz-animation-iteration-count: infinite;
  1309. -moz-animation-timing-function: linear;
  1310. -o-animation-name: rotate;
  1311. -o-animation-duration: 1.5s;
  1312. -o-animation-iteration-count: infinite;
  1313. -o-animation-timing-function: linear;
  1314. animation-name: rotate;
  1315. animation-duration: 1.5s;
  1316. animation-iteration-count: infinite;
  1317. animation-timing-function: linear; }
  1318. .orbit-container {
  1319. overflow: hidden;
  1320. width: 100%;
  1321. position: relative;
  1322. background: whitesmoke; }
  1323. .orbit-container .orbit-slides-container {
  1324. list-style: none;
  1325. margin: 0;
  1326. padding: 0;
  1327. position: relative; }
  1328. .orbit-container .orbit-slides-container img {
  1329. display: block;
  1330. max-width: 100%; }
  1331. .orbit-container .orbit-slides-container > * {
  1332. position: absolute;
  1333. top: 0;
  1334. width: 100%;
  1335. margin-left: 100%; }
  1336. .orbit-container .orbit-slides-container > *:first-child {
  1337. margin-left: 0%; }
  1338. .orbit-container .orbit-slides-container > * .orbit-caption {
  1339. position: absolute;
  1340. bottom: 0;
  1341. background-color: black;
  1342. background-color: rgba(0, 0, 0, 0.6);
  1343. color: white;
  1344. width: 100%;
  1345. padding: 10px 14px;
  1346. font-size: 0.875em;
  1347. border-radius: 3px;
  1348. overflow: hidden; }
  1349. .orbit-container .orbit-slide-number {
  1350. position: absolute;
  1351. top: 10px;
  1352. left: 10px;
  1353. font-size: 12px;
  1354. color: white;
  1355. background: rgba(0, 0, 0, 0);
  1356. z-index: 10; }
  1357. .orbit-container .orbit-slide-number span {
  1358. font-weight: 700;
  1359. padding: 0.3125em; }
  1360. .orbit-container .orbit-timer {
  1361. position: absolute;
  1362. top: 10px;
  1363. right: 10px;
  1364. height: 6px;
  1365. width: 100px;
  1366. z-index: 10; }
  1367. .orbit-container .orbit-timer .orbit-progress {
  1368. height: 100%;
  1369. background-color: black;
  1370. background-color: rgba(0, 0, 0, 0.6);
  1371. display: block;
  1372. width: 0%; }
  1373. .orbit-container .orbit-timer > span {
  1374. display: none;
  1375. position: absolute;
  1376. top: 10px;
  1377. right: 0px;
  1378. width: 11px;
  1379. height: 14px;
  1380. border: solid 4px black;
  1381. border-top: none;
  1382. border-bottom: none; }
  1383. .orbit-container .orbit-timer.paused > span {
  1384. right: -6px;
  1385. top: 9px;
  1386. width: 11px;
  1387. height: 14px;
  1388. border: inset 8px;
  1389. border-right-style: solid;
  1390. border-color: transparent transparent transparent black; }
  1391. .orbit-container:hover .orbit-timer > span {
  1392. display: block; }
  1393. .orbit-container .orbit-prev,
  1394. .orbit-container .orbit-next {
  1395. position: absolute;
  1396. top: 50%;
  1397. margin-top: -25px;
  1398. background-color: black;
  1399. background-color: rgba(0, 0, 0, 0.6);
  1400. width: 50px;
  1401. height: 60px;
  1402. line-height: 50px;
  1403. color: white;
  1404. text-indent: -9999px !important;
  1405. z-index: 10; }
  1406. .orbit-container .orbit-prev > span,
  1407. .orbit-container .orbit-next > span {
  1408. position: absolute;
  1409. top: 50%;
  1410. margin-top: -16px;
  1411. display: block;
  1412. width: 0;
  1413. height: 0;
  1414. border: inset 16px; }
  1415. .orbit-container .orbit-prev {
  1416. left: 0; }
  1417. .orbit-container .orbit-prev > span {
  1418. border-right-style: solid;
  1419. border-color: transparent;
  1420. border-right-color: #fff; }
  1421. .orbit-container .orbit-prev:hover > span {
  1422. border-right-color: #ccc; }
  1423. .orbit-container .orbit-next {
  1424. right: 0; }
  1425. .orbit-container .orbit-next > span {
  1426. border-color: transparent;
  1427. border-left-style: solid;
  1428. border-left-color: #fff;
  1429. left: 50%;
  1430. margin-left: -8px; }
  1431. .orbit-container .orbit-next:hover > span {
  1432. border-left-color: #ccc; }
  1433. .orbit-bullets {
  1434. margin: 0 auto 30px auto;
  1435. overflow: hidden;
  1436. position: relative;
  1437. top: 10px; }
  1438. .orbit-bullets li {
  1439. display: block;
  1440. width: 10px;
  1441. height: 10px;
  1442. background: #999999;
  1443. float: left;
  1444. margin-right: 6px;
  1445. border: solid 1px #555555;
  1446. -webkit-border-radius: 1000px;
  1447. border-radius: 1000px; }
  1448. .orbit-bullets li.active {
  1449. background: #555555; }
  1450. .orbit-bullets li:last-child {
  1451. margin-right: 0; }
  1452. .touch .orbit-container .orbit-prev,
  1453. .touch .orbit-container .orbit-next {
  1454. display: none; }
  1455. .touch .orbit-bullets {
  1456. display: none; }
  1457. @media only screen and (min-width: 768px) {
  1458. .touch .orbit-container .orbit-prev,
  1459. .touch .orbit-container .orbit-next {
  1460. display: inherit; }
  1461. .touch .orbit-bullets {
  1462. display: block; } }
  1463. @media only screen and (max-width: 768px) {
  1464. .orbit-stack-on-small .orbit-slides-container {
  1465. height: auto !important; }
  1466. .orbit-stack-on-small .orbit-slides-container > * {
  1467. position: relative;
  1468. margin-left: 0% !important; }
  1469. .orbit-stack-on-small .orbit-timer,
  1470. .orbit-stack-on-small .orbit-next,
  1471. .orbit-stack-on-small .orbit-prev,
  1472. .orbit-stack-on-small .orbit-bullets {
  1473. display: none; } }
  1474. /* Clearing Styles */
  1475. [data-clearing] {
  1476. *zoom: 1;
  1477. margin-bottom: 0;
  1478. margin-left: 0;
  1479. list-style: none;
  1480. }
  1481. [data-clearing]:before, [data-clearing]:after {
  1482. content: " ";
  1483. display: table; }
  1484. [data-clearing]:after {
  1485. clear: both; }
  1486. [data-clearing] li {
  1487. float: left;
  1488. margin-right: 10px; }
  1489. .clearing-blackout {
  1490. background: #525252;
  1491. position: fixed;
  1492. width: 100%;
  1493. height: 100%;
  1494. top: 0;
  1495. left: 0;
  1496. z-index: 998; }
  1497. .clearing-blackout .clearing-close {
  1498. display: block; }
  1499. .clearing-container {
  1500. position: relative;
  1501. z-index: 998;
  1502. height: 100%;
  1503. overflow: hidden;
  1504. margin: 0;
  1505. }
  1506. .visible-img {
  1507. height: 95%;
  1508. position: relative; }
  1509. .visible-img img {
  1510. position: absolute;
  1511. left: 50%;
  1512. top: 50%;
  1513. margin-left: -50%;
  1514. max-height: 100%;
  1515. max-width: 100%; }
  1516. .clearing-caption {
  1517. color: white;
  1518. line-height: 1.3;
  1519. margin-bottom: 0;
  1520. text-align: center;
  1521. bottom: 0;
  1522. background: #525252;
  1523. width: 100%;
  1524. padding: 10px 30px;
  1525. position: absolute;
  1526. left: 0; }
  1527. .clearing-close {
  1528. z-index: 999;
  1529. padding-left: 20px;
  1530. padding-top: 10px;
  1531. font-size: 40px;
  1532. line-height: 1;
  1533. color: white;
  1534. display: none; }
  1535. .clearing-close:hover, .clearing-close:focus {
  1536. color: #ccc; }
  1537. .clearing-assembled .clearing-container {
  1538. height: 100%; }
  1539. .clearing-assembled .clearing-container .carousel > ul {
  1540. display: none; }
  1541. .clearing-feature li {
  1542. display: none; }
  1543. .clearing-feature li.clearing-featured-img {
  1544. display: block;
  1545. }
  1546. @media only screen and (min-width: 768px) {
  1547. .clearing-main-prev,
  1548. .clearing-main-next {
  1549. position: absolute;
  1550. height: 100%;
  1551. width: 40px;
  1552. top: 0; }
  1553. .clearing-main-prev > span,
  1554. .clearing-main-next > span {
  1555. position: absolute;
  1556. top: 50%;
  1557. display: block;
  1558. width: 0;
  1559. height: 0;
  1560. border: solid 16px; }
  1561. .clearing-main-prev {
  1562. left: 0; }
  1563. .clearing-main-prev > span {
  1564. left: 5px;
  1565. border-color: transparent;
  1566. border-right-color: white; }
  1567. .clearing-main-next {
  1568. right: 0; }
  1569. .clearing-main-next > span {
  1570. border-color: transparent;
  1571. border-left-color: white; }
  1572. .clearing-main-prev.disabled,
  1573. .clearing-main-next.disabled {
  1574. opacity: 0.5; }
  1575. .clearing-assembled .clearing-container .carousel {
  1576. background: #525252;
  1577. height: 150px;
  1578. margin-top: 5px; }
  1579. .clearing-assembled .clearing-container .carousel > ul {
  1580. display: block;
  1581. z-index: 999;
  1582. width: 200%;
  1583. height: 100%;
  1584. margin-left: 0;
  1585. position: relative;
  1586. left: 0; }
  1587. .clearing-assembled .clearing-container .carousel > ul li {
  1588. display: block;
  1589. width: 175px;
  1590. height: inherit;
  1591. padding: 0;
  1592. float: left;
  1593. overflow: hidden;
  1594. margin-right: 1px;
  1595. position: relative;
  1596. cursor: pointer;
  1597. opacity: 0.4; }
  1598. .clearing-assembled .clearing-container .carousel > ul li.fix-height img {
  1599. min-height: 100%;
  1600. height: 100%;
  1601. max-width: none; }
  1602. .clearing-assembled .clearing-container .carousel > ul li a.th {
  1603. border: none;
  1604. -webkit-box-shadow: none;
  1605. box-shadow: none;
  1606. display: block; }
  1607. .clearing-assembled .clearing-container .carousel > ul li img {
  1608. cursor: pointer !important;
  1609. min-width: 100% !important; }
  1610. .clearing-assembled .clearing-container .carousel > ul li.visible {
  1611. opacity: 1; }
  1612. .clearing-assembled .clearing-container .visible-img {
  1613. background: #525252;
  1614. overflow: hidden;
  1615. height: 75%; }
  1616. .clearing-close {
  1617. position: absolute;
  1618. top: 10px;
  1619. right: 20px;
  1620. padding-left: 0;
  1621. padding-top: 0; } }
  1622. /* Foundation Alerts */
  1623. .alert-box {
  1624. border-style: solid;
  1625. border-width: 1px;
  1626. display: block;
  1627. font-weight: normal;
  1628. margin-bottom: 1.25em;
  1629. position: relative;
  1630. padding: 0.6875em 1.3125em 0.75em 0.6875em;
  1631. font-size: 0.875em;
  1632. background-color: #8bd0f3;
  1633. border-color: #5dbdee;
  1634. color: #ffffff;
  1635. font-style: normal;
  1636. }
  1637. .alert-box .close {
  1638. font-size: 1.375em;
  1639. padding: 5px 4px 4px;
  1640. line-height: 0;
  1641. position: absolute;
  1642. top: 0.4375em;
  1643. right: 0.3125em;
  1644. color: #333333;
  1645. opacity: 0.3; }
  1646. .alert-box .close:hover, .alert-box .close:focus {
  1647. opacity: 0.5; }
  1648. .alert-box.radius {
  1649. -webkit-border-radius: 3px;
  1650. border-radius: 3px; }
  1651. .alert-box.round {
  1652. -webkit-border-radius: 1000px;
  1653. border-radius: 1000px; }
  1654. .alert-box.success {
  1655. background-color: #b7dd6e;
  1656. border-color: #a2d345;
  1657. color: white;
  1658. font-weight: normal;
  1659. font-style: normal;
  1660. }
  1661. .alert-box.alert {
  1662. background-color: #fc8484;
  1663. border-color: #fb5252;
  1664. color: #ffffff;
  1665. font-weight: normal;
  1666. font-style: normal;
  1667. }
  1668. .alert-box.secondary {
  1669. background-color: #f4f4f4;
  1670. border-color: #dbdbdb;
  1671. color: #5b5b5b;
  1672. font-weight: normal;
  1673. font-style: normal;
  1674. }
  1675. /* Keystroke Characters */
  1676. .keystroke,
  1677. kbd {
  1678. background-color: #ededed;
  1679. border-color: #dbdbdb;
  1680. color: #222222;
  1681. border-style: solid;
  1682. border-width: 1px;
  1683. margin: 0;
  1684. font-family: "Consolas", "Menlo", "Courier", monospace;
  1685. font-size: 0.875em;
  1686. padding: 0.125em 0.25em 0;
  1687. -webkit-border-radius: 3px;
  1688. border-radius: 3px; }
  1689. /* Labels */
  1690. .label {
  1691. font-weight: normal;
  1692. text-align: center;
  1693. text-decoration: none;
  1694. line-height: 1;
  1695. white-space: nowrap;
  1696. display: inline-block;
  1697. position: relative;
  1698. padding: 0.1875em 0.625em 0.25em;
  1699. background-color: #8bd0f3;
  1700. color: #ffffff;
  1701. font-style: normal;
  1702. }
  1703. .label.radius {
  1704. -webkit-border-radius: 3px;
  1705. border-radius: 3px; }
  1706. .label.round {
  1707. -webkit-border-radius: 1000px;
  1708. border-radius: 1000px; }
  1709. .label.alert {
  1710. background-color: #fc8484;
  1711. color: #ffffff;
  1712. font-weight: normal;
  1713. font-style: normal;
  1714. }
  1715. .label.success {
  1716. background-color: #b7dd6e;
  1717. color: white;
  1718. font-weight: normal;
  1719. font-style: normal;
  1720. }
  1721. .label.secondary {
  1722. background-color: #f4f4f4;
  1723. color: #333333;
  1724. font-weight: normal;
  1725. font-style: normal;
  1726. }
  1727. /* Panels */
  1728. .panel {
  1729. border-style: solid;
  1730. border-width: 1px;
  1731. border-color: #d9d9d9;
  1732. margin-bottom: 1.25em;
  1733. padding: 1.25em;
  1734. background: #f2f2f2; }
  1735. .panel > :first-child {
  1736. margin-top: 0; }
  1737. .panel > :last-child {
  1738. margin-bottom: 0; }
  1739. .panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6, .panel p {
  1740. color: #333333; }
  1741. .panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6 {
  1742. line-height: 1;
  1743. margin-bottom: 0.625em; }
  1744. .panel h1.subheader, .panel h2.subheader, .panel h3.subheader, .panel h4.subheader, .panel h5.subheader, .panel h6.subheader {
  1745. line-height: 1.4; }
  1746. .panel.callout {
  1747. border-style: solid;
  1748. border-width: 1px;
  1749. border-color: #5dbdee;
  1750. margin-bottom: 1.25em;
  1751. padding: 1.25em;
  1752. background: #8bd0f3;}
  1753. .panel.callout > :first-child {
  1754. margin-top: 0; }
  1755. .panel.callout > :last-child {
  1756. margin-bottom: 0; }
  1757. .panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6, .panel.callout p {
  1758. color: #ffffff; }
  1759. .panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6 {
  1760. line-height: 1;
  1761. margin-bottom: 0.625em; }
  1762. .panel.callout h1.subheader, .panel.callout h2.subheader, .panel.callout h3.subheader, .panel.callout h4.subheader, .panel.callout h5.subheader, .panel.callout h6.subheader {
  1763. line-height: 1.4; }
  1764. .panel.radius {
  1765. -webkit-border-radius: 3px;
  1766. border-radius: 3px; }
  1767. /* Progress Bar */
  1768. .progress {
  1769. background-color: transparent;
  1770. height: 1.5625em;
  1771. border: 1px solid #cccccc;
  1772. padding: 0.125em;
  1773. margin-bottom: 0.625em; }
  1774. .progress .meter {
  1775. background: #8bd0f3;
  1776. height: 100%;
  1777. display: block; }
  1778. .progress.secondary .meter {
  1779. background: #f4f4f4;
  1780. height: 100%;
  1781. display: block; }
  1782. .progress.success .meter {
  1783. background: #b7dd6e;
  1784. height: 100%;
  1785. display: block; }
  1786. .progress.alert .meter {
  1787. background: #fc8484;
  1788. height: 100%;
  1789. display: block; }
  1790. .progress.radius {
  1791. -webkit-border-radius: 3px;
  1792. border-radius: 3px; }
  1793. .progress.radius .meter {
  1794. -webkit-border-radius: 2px;
  1795. border-radius: 2px; }
  1796. .progress.round {
  1797. -webkit-border-radius: 1000px;
  1798. border-radius: 1000px; }
  1799. .progress.round .meter {
  1800. -webkit-border-radius: 999px;
  1801. border-radius: 999px; }
  1802. /* Tables */
  1803. table {
  1804. background: white;
  1805. margin-bottom: 1.25em;
  1806. border: solid 1px #dddddd; }
  1807. table thead,
  1808. table tfoot {
  1809. background: whitesmoke;
  1810. font-weight: bold; }
  1811. table thead tr th,
  1812. table thead tr td,
  1813. table tfoot tr th,
  1814. table tfoot tr td {
  1815. padding: 0.5em 0.625em 0.625em;
  1816. font-size: 0.875em;
  1817. color: #222222;
  1818. text-align: left; }
  1819. table tr th,
  1820. table tr td {
  1821. padding: 0.5625em 0.625em;
  1822. font-size: 0.875em;
  1823. color: #222222; }
  1824. table tr.even, table tr.alt, table tr:nth-of-type(even) {
  1825. background: #f9f9f9; }
  1826. table thead tr th,
  1827. table tfoot tr th,
  1828. table tbody tr td,
  1829. table tr td,
  1830. table tfoot tr td {
  1831. display: table-cell;
  1832. line-height: 1.125em; }