Advertisement
Guest User

Foundation css

a guest
May 22nd, 2013
264
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 119.44 KB | None | 0 0
  1. *,
  2. *:before,
  3. *:after {
  4. }
  5.  
  6. html,
  7. body {
  8.   font-size: 100%; }
  9.  
  10. body {
  11.   background: white;
  12.   color: #222222;
  13.   padding: 0;
  14.   margin: 0;
  15.   font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  16.   font-weight: normal;
  17.   font-style: normal;
  18.   line-height: 1;
  19.   position: relative; }
  20.  
  21. a:focus {
  22.   outline: none; }
  23.  
  24. img,
  25. object,
  26. embed {
  27.   max-width: 100%;
  28.   height: auto; }
  29.  
  30. object,
  31. embed {
  32.   height: 100%; }
  33.  
  34. img {
  35.   -ms-interpolation-mode: bicubic; }
  36.  
  37. #map_canvas img,
  38. #map_canvas embed,
  39. #map_canvas object,
  40. .map_canvas img,
  41. .map_canvas embed,
  42. .map_canvas object {
  43.   max-width: none !important; }
  44.  
  45. .left {
  46.   float: left !important; }
  47.  
  48. .right {
  49.   float: right !important; }
  50.  
  51. .text-left {
  52.   text-align: left !important; }
  53.  
  54. .text-right {
  55.   text-align: right !important; }
  56.  
  57. .text-center {
  58.   text-align: center !important; }
  59.  
  60. .text-justify {
  61.   text-align: justify !important; }
  62.  
  63. .hide {
  64.   display: none; }
  65.  
  66. .antialiased {
  67.   -webkit-font-smoothing: antialiased; }
  68.  
  69. img {
  70.   display: inline-block;
  71.   vertical-align: middle; }
  72.  
  73. textarea {
  74.   height: auto;
  75.   min-height: 50px; }
  76.  
  77. select {
  78.   width: 100%; }
  79.  
  80. /* Grid HTML Classes */
  81. .row {
  82.   width: 100%;
  83.   margin-left: auto;
  84.   margin-right: auto;
  85.   margin-top: 0;
  86.   margin-bottom: 0;
  87.   max-width: 62.5em;
  88.   *zoom: 1; }
  89.   .row:before, .row:after {
  90.     content: " ";
  91.     display: table; }
  92.   .row:after {
  93.     clear: both; }
  94.   .row.collapse .column,
  95.   .row.collapse .columns {
  96.     position: relative;
  97.     padding-left: 0;
  98.     padding-right: 0;
  99.     float: left; }
  100.   .row .row {
  101.     width: auto;
  102.     margin-left: -0.9375em;
  103.     margin-right: -0.9375em;
  104.     margin-top: 0;
  105.     margin-bottom: 0;
  106.     max-width: none;
  107.     *zoom: 1; }
  108.     .row .row:before, .row .row:after {
  109.       content: " ";
  110.       display: table; }
  111.     .row .row:after {
  112.       clear: both; }
  113.     .row .row.collapse {
  114.       width: auto;
  115.       margin: 0;
  116.       max-width: none;
  117.       *zoom: 1; }
  118.       .row .row.collapse:before, .row .row.collapse:after {
  119.         content: " ";
  120.         display: table; }
  121.       .row .row.collapse:after {
  122.         clear: both; }
  123.  
  124. .column,
  125. .columns {
  126.   position: relative;
  127.   padding-left: 0.9375em;
  128.   padding-right: 0.9375em;
  129.   width: 100%;
  130.   float: left; }
  131.  
  132. @media only screen {
  133.   .column,
  134.   .columns {
  135.     position: relative;
  136.     padding-left: 0.9375em;
  137.     padding-right: 0.9375em;
  138.     float: left; }
  139.  
  140.   .small-1 {
  141.     position: relative;
  142.     width: 8.33333%; }
  143.  
  144.   .small-2 {
  145.     position: relative;
  146.     width: 16.66667%; }
  147.  
  148.   .small-3 {
  149.     position: relative;
  150.     width: 25%; }
  151.  
  152.   .small-4 {
  153.     position: relative;
  154.     width: 33.33333%; }
  155.  
  156.   .small-5 {
  157.     position: relative;
  158.     width: 41.66667%; }
  159.  
  160.   .small-6 {
  161.     position: relative;
  162.     width: 50%; }
  163.  
  164.   .small-7 {
  165.     position: relative;
  166.     width: 58.33333%; }
  167.  
  168.   .small-8 {
  169.     position: relative;
  170.     width: 66.66667%; }
  171.  
  172.   .small-9 {
  173.     position: relative;
  174.     width: 75%; }
  175.  
  176.   .small-10 {
  177.     position: relative;
  178.     width: 83.33333%; }
  179.  
  180.   .small-11 {
  181.     position: relative;
  182.     width: 91.66667%; }
  183.  
  184.   .small-12 {
  185.     position: relative;
  186.     width: 100%; }
  187.  
  188.   .small-offset-1 {
  189.     position: relative;
  190.     margin-left: 8.33333%; }
  191.  
  192.   .small-offset-2 {
  193.     position: relative;
  194.     margin-left: 16.66667%; }
  195.  
  196.   .small-offset-3 {
  197.     position: relative;
  198.     margin-left: 25%; }
  199.  
  200.   .small-offset-4 {
  201.     position: relative;
  202.     margin-left: 33.33333%; }
  203.  
  204.   .small-offset-5 {
  205.     position: relative;
  206.     margin-left: 41.66667%; }
  207.  
  208.   .small-offset-6 {
  209.     position: relative;
  210.     margin-left: 50%; }
  211.  
  212.   .small-offset-7 {
  213.     position: relative;
  214.     margin-left: 58.33333%; }
  215.  
  216.   .small-offset-8 {
  217.     position: relative;
  218.     margin-left: 66.66667%; }
  219.  
  220.   .small-offset-9 {
  221.     position: relative;
  222.     margin-left: 75%; }
  223.  
  224.   .small-offset-10 {
  225.     position: relative;
  226.     margin-left: 83.33333%; }
  227.  
  228.   [class*="column"] + [class*="column"]:last-child {
  229.     float: right; }
  230.  
  231.   [class*="column"] + [class*="column"].end {
  232.     float: left; }
  233.  
  234.   .column.small-centered,
  235.   .columns.small-centered {
  236.     position: relative;
  237.     margin-left: auto;
  238.     margin-right: auto;
  239.     float: none !important; } }
  240. /* Styles for screens that are atleast 768px; */
  241. @media only screen and (min-width: 48em) {
  242.   .large-1 {
  243.     position: relative;
  244.     width: 8.33333%; }
  245.  
  246.   .large-2 {
  247.     position: relative;
  248.     width: 16.66667%; }
  249.  
  250.   .large-3 {
  251.     position: relative;
  252.     width: 25%; }
  253.  
  254.   .large-4 {
  255.     position: relative;
  256.     width: 33.33333%; }
  257.  
  258.   .large-5 {
  259.     position: relative;
  260.     width: 41.66667%; }
  261.  
  262.   .large-6 {
  263.     position: relative;
  264.     width: 50%; }
  265.  
  266.   .large-7 {
  267.     position: relative;
  268.     width: 58.33333%; }
  269.  
  270.   .large-8 {
  271.     position: relative;
  272.     width: 66.66667%; }
  273.  
  274.   .large-9 {
  275.     position: relative;
  276.     width: 75%; }
  277.  
  278.   .large-10 {
  279.     position: relative;
  280.     width: 83.33333%; }
  281.  
  282.   .large-11 {
  283.     position: relative;
  284.     width: 91.66667%; }
  285.  
  286.   .large-12 {
  287.     position: relative;
  288.     width: 100%; }
  289.  
  290.   .row .large-offset-1 {
  291.     position: relative;
  292.     margin-left: 8.33333%; }
  293.  
  294.   .row .large-offset-2 {
  295.     position: relative;
  296.     margin-left: 16.66667%; }
  297.  
  298.   .row .large-offset-3 {
  299.     position: relative;
  300.     margin-left: 25%; }
  301.  
  302.   .row .large-offset-4 {
  303.     position: relative;
  304.     margin-left: 33.33333%; }
  305.  
  306.   .row .large-offset-5 {
  307.     position: relative;
  308.     margin-left: 41.66667%; }
  309.  
  310.   .row .large-offset-6 {
  311.     position: relative;
  312.     margin-left: 50%; }
  313.  
  314.   .row .large-offset-7 {
  315.     position: relative;
  316.     margin-left: 58.33333%; }
  317.  
  318.   .row .large-offset-8 {
  319.     position: relative;
  320.     margin-left: 66.66667%; }
  321.  
  322.   .row .large-offset-9 {
  323.     position: relative;
  324.     margin-left: 75%; }
  325.  
  326.   .row .large-offset-10 {
  327.     position: relative;
  328.     margin-left: 83.33333%; }
  329.  
  330.   .row .large-offset-11 {
  331.     position: relative;
  332.     margin-left: 91.66667%; }
  333.  
  334.   .push-1 {
  335.     position: relative;
  336.     left: 8.33333%;
  337.     right: auto; }
  338.  
  339.   .pull-1 {
  340.     position: relative;
  341.     right: 8.33333%;
  342.     left: auto; }
  343.  
  344.   .push-2 {
  345.     position: relative;
  346.     left: 16.66667%;
  347.     right: auto; }
  348.  
  349.   .pull-2 {
  350.     position: relative;
  351.     right: 16.66667%;
  352.     left: auto; }
  353.  
  354.   .push-3 {
  355.     position: relative;
  356.     left: 25%;
  357.     right: auto; }
  358.  
  359.   .pull-3 {
  360.     position: relative;
  361.     right: 25%;
  362.     left: auto; }
  363.  
  364.   .push-4 {
  365.     position: relative;
  366.     left: 33.33333%;
  367.     right: auto; }
  368.  
  369.   .pull-4 {
  370.     position: relative;
  371.     right: 33.33333%;
  372.     left: auto; }
  373.  
  374.   .push-5 {
  375.     position: relative;
  376.     left: 41.66667%;
  377.     right: auto; }
  378.  
  379.   .pull-5 {
  380.     position: relative;
  381.     right: 41.66667%;
  382.     left: auto; }
  383.  
  384.   .push-6 {
  385.     position: relative;
  386.     left: 50%;
  387.     right: auto; }
  388.  
  389.   .pull-6 {
  390.     position: relative;
  391.     right: 50%;
  392.     left: auto; }
  393.  
  394.   .push-7 {
  395.     position: relative;
  396.     left: 58.33333%;
  397.     right: auto; }
  398.  
  399.   .pull-7 {
  400.     position: relative;
  401.     right: 58.33333%;
  402.     left: auto; }
  403.  
  404.   .push-8 {
  405.     position: relative;
  406.     left: 66.66667%;
  407.     right: auto; }
  408.  
  409.   .pull-8 {
  410.     position: relative;
  411.     right: 66.66667%;
  412.     left: auto; }
  413.  
  414.   .push-9 {
  415.     position: relative;
  416.     left: 75%;
  417.     right: auto; }
  418.  
  419.   .pull-9 {
  420.     position: relative;
  421.     right: 75%;
  422.     left: auto; }
  423.  
  424.   .push-10 {
  425.     position: relative;
  426.     left: 83.33333%;
  427.     right: auto; }
  428.  
  429.   .pull-10 {
  430.     position: relative;
  431.     right: 83.33333%;
  432.     left: auto; }
  433.  
  434.   .push-11 {
  435.     position: relative;
  436.     left: 91.66667%;
  437.     right: auto; }
  438.  
  439.   .pull-11 {
  440.     position: relative;
  441.     right: 91.66667%;
  442.     left: auto; }
  443.  
  444.   .small-push-1 {
  445.     left: inherit; }
  446.  
  447.   .small-pull-1 {
  448.     right: inherit; }
  449.  
  450.   .small-push-2 {
  451.     left: inherit; }
  452.  
  453.   .small-pull-2 {
  454.     right: inherit; }
  455.  
  456.   .small-push-3 {
  457.     left: inherit; }
  458.  
  459.   .small-pull-3 {
  460.     right: inherit; }
  461.  
  462.   .small-push-4 {
  463.     left: inherit; }
  464.  
  465.   .small-pull-4 {
  466.     right: inherit; }
  467.  
  468.   .small-push-5 {
  469.     left: inherit; }
  470.  
  471.   .small-pull-5 {
  472.     right: inherit; }
  473.  
  474.   .small-push-6 {
  475.     left: inherit; }
  476.  
  477.   .small-pull-6 {
  478.     right: inherit; }
  479.  
  480.   .small-push-7 {
  481.     left: inherit; }
  482.  
  483.   .small-pull-7 {
  484.     right: inherit; }
  485.  
  486.   .small-push-8 {
  487.     left: inherit; }
  488.  
  489.   .small-pull-8 {
  490.     right: inherit; }
  491.  
  492.   .small-push-9 {
  493.     left: inherit; }
  494.  
  495.   .small-pull-9 {
  496.     right: inherit; }
  497.  
  498.   .small-push-10 {
  499.     left: inherit; }
  500.  
  501.   .small-pull-10 {
  502.     right: inherit; }
  503.  
  504.   .small-push-11 {
  505.     left: inherit; }
  506.  
  507.   .small-pull-11 {
  508.     right: inherit; }
  509.  
  510.   .column.large-centered,
  511.   .columns.large-centered {
  512.     position: relative;
  513.     margin-left: auto;
  514.     margin-right: auto;
  515.     float: none !important; }
  516.  
  517.   .column.large-uncentered,
  518.   .columns.large-uncentered {
  519.     margin-left: 0;
  520.     margin-right: 0;
  521.     float: none; } }
  522. /* Foundation Visibility HTML Classes */
  523. .show-for-small,
  524. .show-for-medium-down,
  525. .show-for-large-down {
  526.   display: inherit !important; }
  527.  
  528. .show-for-medium,
  529. .show-for-medium-up,
  530. .show-for-large,
  531. .show-for-large-up,
  532. .show-for-xlarge {
  533.   display: none !important; }
  534.  
  535. .hide-for-medium,
  536. .hide-for-medium-up,
  537. .hide-for-large,
  538. .hide-for-large-up,
  539. .hide-for-xlarge {
  540.   display: inherit !important; }
  541.  
  542. .hide-for-small,
  543. .hide-for-medium-down,
  544. .hide-for-large-down {
  545.   display: none !important; }
  546.  
  547. /* Specific visilbity for tables */
  548. table.show-for-small, table.show-for-medium-down, table.show-for-large-down, table.hide-for-medium, table.hide-for-medium-up, table.hide-for-large, table.hide-for-large-up, table.hide-for-xlarge {
  549.   display: table; }
  550.  
  551. thead.show-for-small, thead.show-for-medium-down, thead.show-for-large-down, thead.hide-for-medium, thead.hide-for-medium-up, thead.hide-for-large, thead.hide-for-large-up, thead.hide-for-xlarge {
  552.   display: table-header-group !important; }
  553.  
  554. tbody.show-for-small, tbody.show-for-medium-down, tbody.show-for-large-down, tbody.hide-for-medium, tbody.hide-for-medium-up, tbody.hide-for-large, tbody.hide-for-large-up, tbody.hide-for-xlarge {
  555.   display: table-row-group !important; }
  556.  
  557. tr.show-for-small, tr.show-for-medium-down, tr.show-for-large-down, tr.hide-for-medium, tr.hide-for-medium-up, tr.hide-for-large, tr.hide-for-large-up, tr.hide-for-xlarge {
  558.   display: table-row !important; }
  559.  
  560. td.show-for-small, td.show-for-medium-down, td.show-for-large-down, td.hide-for-medium, td.hide-for-medium-up, td.hide-for-large, td.hide-for-large-up, td.hide-for-xlarge,
  561. th.show-for-small,
  562. th.show-for-medium-down,
  563. th.show-for-large-down,
  564. th.hide-for-medium,
  565. th.hide-for-medium-up,
  566. th.hide-for-large,
  567. th.hide-for-large-up,
  568. th.hide-for-xlarge {
  569.   display: table-cell !important; }
  570.  
  571. /* Medium Displays: 768px - 1279px */
  572. @media only screen and (min-width: 48em) {
  573.   .show-for-medium,
  574.   .show-for-medium-up {
  575.     display: inherit !important; }
  576.  
  577.   .show-for-small {
  578.     display: none !important; }
  579.  
  580.   .hide-for-small {
  581.     display: inherit !important; }
  582.  
  583.   .hide-for-medium,
  584.   .hide-for-medium-up {
  585.     display: none !important; }
  586.  
  587.   /* Specific visilbity for tables */
  588.   table.show-for-medium, table.show-for-medium-up, table.hide-for-small {
  589.     display: table; }
  590.  
  591.   thead.show-for-medium, thead.show-for-medium-up, thead.hide-for-small {
  592.     display: table-header-group !important; }
  593.  
  594.   tbody.show-for-medium, tbody.show-for-medium-up, tbody.hide-for-small {
  595.     display: table-row-group !important; }
  596.  
  597.   tr.show-for-medium, tr.show-for-medium-up, tr.hide-for-small {
  598.     display: table-row !important; }
  599.  
  600.   td.show-for-medium, td.show-for-medium-up, td.hide-for-small,
  601.   th.show-for-medium,
  602.   th.show-for-medium-up,
  603.   th.hide-for-small {
  604.     display: table-cell !important; } }
  605. /* Large Displays: 1280px - 1440px */
  606. @media only screen and (min-width: 80em) {
  607.   .show-for-large,
  608.   .show-for-large-up {
  609.     display: inherit !important; }
  610.  
  611.   .show-for-medium,
  612.   .show-for-medium-down {
  613.     display: none !important; }
  614.  
  615.   .hide-for-medium,
  616.   .hide-for-medium-down {
  617.     display: inherit !important; }
  618.  
  619.   .hide-for-large,
  620.   .hide-for-large-up {
  621.     display: none !important; }
  622.  
  623.   /* Specific visilbity for tables */
  624.   table.show-for-large, table.show-for-large-up, table.hide-for-medium, table.hide-for-medium-down {
  625.     display: table; }
  626.  
  627.   thead.show-for-large, thead.show-for-large-up, thead.hide-for-medium, thead.hide-for-medium-down {
  628.     display: table-header-group !important; }
  629.  
  630.   tbody.show-for-large, tbody.show-for-large-up, tbody.hide-for-medium, tbody.hide-for-medium-down {
  631.     display: table-row-group !important; }
  632.  
  633.   tr.show-for-large, tr.show-for-large-up, tr.hide-for-medium, tr.hide-for-medium-down {
  634.     display: table-row !important; }
  635.  
  636.   td.show-for-large, td.show-for-large-up, td.hide-for-medium, td.hide-for-medium-down,
  637.   th.show-for-large,
  638.   th.show-for-large-up,
  639.   th.hide-for-medium,
  640.   th.hide-for-medium-down {
  641.     display: table-cell !important; } }
  642. /* X-Large Displays: 1400px and up */
  643. @media only screen and (min-width: 90em) {
  644.   .show-for-xlarge {
  645.     display: inherit !important; }
  646.  
  647.   .show-for-large,
  648.   .show-for-large-down {
  649.     display: none !important; }
  650.  
  651.   .hide-for-large,
  652.   .hide-for-large-down {
  653.     display: inherit !important; }
  654.  
  655.   .hide-for-xlarge {
  656.     display: none !important; }
  657.  
  658.   /* Specific visilbity for tables */
  659.   table.show-for-xlarge, table.hide-for-large, table.hide-for-large-down {
  660.     display: table; }
  661.  
  662.   thead.show-for-xlarge, thead.hide-for-large, thead.hide-for-large-down {
  663.     display: table-header-group !important; }
  664.  
  665.   tbody.show-for-xlarge, tbody.hide-for-large, tbody.hide-for-large-down {
  666.     display: table-row-group !important; }
  667.  
  668.   tr.show-for-xlarge, tr.hide-for-large, tr.hide-for-large-down {
  669.     display: table-row !important; }
  670.  
  671.   td.show-for-xlarge, td.hide-for-large, td.hide-for-large-down,
  672.   th.show-for-xlarge,
  673.   th.hide-for-large,
  674.   th.hide-for-large-down {
  675.     display: table-cell !important; } }
  676. /* Orientation targeting */
  677. .show-for-landscape,
  678. .hide-for-portrait {
  679.   display: inherit !important; }
  680.  
  681. .hide-for-landscape,
  682. .show-for-portrait {
  683.   display: none !important; }
  684.  
  685. /* Specific visilbity for tables */
  686. table.hide-for-landscape, table.show-for-portrait {
  687.   display: table; }
  688.  
  689. thead.hide-for-landscape, thead.show-for-portrait {
  690.   display: table-header-group !important; }
  691.  
  692. tbody.hide-for-landscape, tbody.show-for-portrait {
  693.   display: table-row-group !important; }
  694.  
  695. tr.hide-for-landscape, tr.show-for-portrait {
  696.   display: table-row !important; }
  697.  
  698. td.hide-for-landscape, td.show-for-portrait,
  699. th.hide-for-landscape,
  700. th.show-for-portrait {
  701.   display: table-cell !important; }
  702.  
  703. @media only screen and (orientation: landscape) {
  704.   .show-for-landscape,
  705.   .hide-for-portrait {
  706.     display: inherit !important; }
  707.  
  708.   .hide-for-landscape,
  709.   .show-for-portrait {
  710.     display: none !important; }
  711.  
  712.   /* Specific visilbity for tables */
  713.   table.show-for-landscape, table.hide-for-portrait {
  714.     display: table; }
  715.  
  716.   thead.show-for-landscape, thead.hide-for-portrait {
  717.     display: table-header-group !important; }
  718.  
  719.   tbody.show-for-landscape, tbody.hide-for-portrait {
  720.     display: table-row-group !important; }
  721.  
  722.   tr.show-for-landscape, tr.hide-for-portrait {
  723.     display: table-row !important; }
  724.  
  725.   td.show-for-landscape, td.hide-for-portrait,
  726.   th.show-for-landscape,
  727.   th.hide-for-portrait {
  728.     display: table-cell !important; } }
  729. @media only screen and (orientation: portrait) {
  730.   .show-for-portrait,
  731.   .hide-for-landscape {
  732.     display: inherit !important; }
  733.  
  734.   .hide-for-portrait,
  735.   .show-for-landscape {
  736.     display: none !important; }
  737.  
  738.   /* Specific visilbity for tables */
  739.   table.show-for-portrait, table.hide-for-landscape {
  740.     display: table; }
  741.  
  742.   thead.show-for-portrait, thead.hide-for-landscape {
  743.     display: table-header-group !important; }
  744.  
  745.   tbody.show-for-portrait, tbody.hide-for-landscape {
  746.     display: table-row-group !important; }
  747.  
  748.   tr.show-for-portrait, tr.hide-for-landscape {
  749.     display: table-row !important; }
  750.  
  751.   td.show-for-portrait, td.hide-for-landscape,
  752.   th.show-for-portrait,
  753.   th.hide-for-landscape {
  754.     display: table-cell !important; } }
  755. /* Touch-enabled device targeting */
  756. .show-for-touch {
  757.   display: none !important; }
  758.  
  759. .hide-for-touch {
  760.   display: inherit !important; }
  761.  
  762. .touch .show-for-touch {
  763.   display: inherit !important; }
  764.  
  765. .touch .hide-for-touch {
  766.   display: none !important; }
  767.  
  768. /* Specific visilbity for tables */
  769. table.hide-for-touch {
  770.   display: table; }
  771.  
  772. .touch table.show-for-touch {
  773.   display: table; }
  774.  
  775. thead.hide-for-touch {
  776.   display: table-header-group !important; }
  777.  
  778. .touch thead.show-for-touch {
  779.   display: table-header-group !important; }
  780.  
  781. tbody.hide-for-touch {
  782.   display: table-row-group !important; }
  783.  
  784. .touch tbody.show-for-touch {
  785.   display: table-row-group !important; }
  786.  
  787. tr.hide-for-touch {
  788.   display: table-row !important; }
  789.  
  790. .touch tr.show-for-touch {
  791.   display: table-row !important; }
  792.  
  793. td.hide-for-touch {
  794.   display: table-cell !important; }
  795.  
  796. .touch td.show-for-touch {
  797.   display: table-cell !important; }
  798.  
  799. th.hide-for-touch {
  800.   display: table-cell !important; }
  801.  
  802. .touch th.show-for-touch {
  803.   display: table-cell !important; }
  804.  
  805. /* Foundation Block Grids for below small breakpoint */
  806. @media only screen {
  807.   [class*="block-grid-"] {
  808.     display: block;
  809.     padding: 0;
  810.     margin: 0 -10px;
  811.     *zoom: 1; }
  812.     [class*="block-grid-"]:before, [class*="block-grid-"]:after {
  813.       content: " ";
  814.       display: table; }
  815.     [class*="block-grid-"]:after {
  816.       clear: both; }
  817.     [class*="block-grid-"] > li {
  818.       display: inline;
  819.       height: auto;
  820.       float: left;
  821.       padding: 0 10px 10px; }
  822.  
  823.   .small-block-grid-1 > li {
  824.     width: 100%;
  825.     padding: 0 10px 10px; }
  826.     .small-block-grid-1 > li:nth-of-type(n) {
  827.       clear: none; }
  828.     .small-block-grid-1 > li:nth-of-type(1n+1) {
  829.       clear: both; }
  830.  
  831.   .small-block-grid-2 > li {
  832.     width: 50%;
  833.     padding: 0 10px 10px; }
  834.     .small-block-grid-2 > li:nth-of-type(n) {
  835.       clear: none; }
  836.     .small-block-grid-2 > li:nth-of-type(2n+1) {
  837.       clear: both; }
  838.  
  839.   .small-block-grid-3 > li {
  840.     width: 33.33333%;
  841.     padding: 0 10px 10px; }
  842.     .small-block-grid-3 > li:nth-of-type(n) {
  843.       clear: none; }
  844.     .small-block-grid-3 > li:nth-of-type(3n+1) {
  845.       clear: both; }
  846.  
  847.   .small-block-grid-4 > li {
  848.     width: 25%;
  849.     padding: 0 10px 10px; }
  850.     .small-block-grid-4 > li:nth-of-type(n) {
  851.       clear: none; }
  852.     .small-block-grid-4 > li:nth-of-type(4n+1) {
  853.       clear: both; }
  854.  
  855.   .small-block-grid-5 > li {
  856.     width: 20%;
  857.     padding: 0 10px 10px; }
  858.     .small-block-grid-5 > li:nth-of-type(n) {
  859.       clear: none; }
  860.     .small-block-grid-5 > li:nth-of-type(5n+1) {
  861.       clear: both; }
  862.  
  863.   .small-block-grid-6 > li {
  864.     width: 16.66667%;
  865.     padding: 0 10px 10px; }
  866.     .small-block-grid-6 > li:nth-of-type(n) {
  867.       clear: none; }
  868.     .small-block-grid-6 > li:nth-of-type(6n+1) {
  869.       clear: both; }
  870.  
  871.   .small-block-grid-7 > li {
  872.     width: 14.28571%;
  873.     padding: 0 10px 10px; }
  874.     .small-block-grid-7 > li:nth-of-type(n) {
  875.       clear: none; }
  876.     .small-block-grid-7 > li:nth-of-type(7n+1) {
  877.       clear: both; }
  878.  
  879.   .small-block-grid-8 > li {
  880.     width: 12.5%;
  881.     padding: 0 10px 10px; }
  882.     .small-block-grid-8 > li:nth-of-type(n) {
  883.       clear: none; }
  884.     .small-block-grid-8 > li:nth-of-type(8n+1) {
  885.       clear: both; }
  886.  
  887.   .small-block-grid-9 > li {
  888.     width: 11.11111%;
  889.     padding: 0 10px 10px; }
  890.     .small-block-grid-9 > li:nth-of-type(n) {
  891.       clear: none; }
  892.     .small-block-grid-9 > li:nth-of-type(9n+1) {
  893.       clear: both; }
  894.  
  895.   .small-block-grid-10 > li {
  896.     width: 10%;
  897.     padding: 0 10px 10px; }
  898.     .small-block-grid-10 > li:nth-of-type(n) {
  899.       clear: none; }
  900.     .small-block-grid-10 > li:nth-of-type(10n+1) {
  901.       clear: both; }
  902.  
  903.   .small-block-grid-11 > li {
  904.     width: 9.09091%;
  905.     padding: 0 10px 10px; }
  906.     .small-block-grid-11 > li:nth-of-type(n) {
  907.       clear: none; }
  908.     .small-block-grid-11 > li:nth-of-type(11n+1) {
  909.       clear: both; }
  910.  
  911.   .small-block-grid-12 > li {
  912.     width: 8.33333%;
  913.     padding: 0 10px 10px; }
  914.     .small-block-grid-12 > li:nth-of-type(n) {
  915.       clear: none; }
  916.     .small-block-grid-12 > li:nth-of-type(12n+1) {
  917.       clear: both; } }
  918. /* Foundation Block Grids for above small breakpoint */
  919. @media only screen and (min-width: 48em) {
  920.   /* Remove small grid clearing */
  921.   .small-block-grid-1 > li:nth-of-type(1n+1) {
  922.     clear: none; }
  923.  
  924.   .small-block-grid-2 > li:nth-of-type(2n+1) {
  925.     clear: none; }
  926.  
  927.   .small-block-grid-3 > li:nth-of-type(3n+1) {
  928.     clear: none; }
  929.  
  930.   .small-block-grid-4 > li:nth-of-type(4n+1) {
  931.     clear: none; }
  932.  
  933.   .small-block-grid-5 > li:nth-of-type(5n+1) {
  934.     clear: none; }
  935.  
  936.   .small-block-grid-6 > li:nth-of-type(6n+1) {
  937.     clear: none; }
  938.  
  939.   .small-block-grid-7 > li:nth-of-type(7n+1) {
  940.     clear: none; }
  941.  
  942.   .small-block-grid-8 > li:nth-of-type(8n+1) {
  943.     clear: none; }
  944.  
  945.   .small-block-grid-9 > li:nth-of-type(9n+1) {
  946.     clear: none; }
  947.  
  948.   .small-block-grid-10 > li:nth-of-type(10n+1) {
  949.     clear: none; }
  950.  
  951.   .small-block-grid-11 > li:nth-of-type(11n+1) {
  952.     clear: none; }
  953.  
  954.   .small-block-grid-12 > li:nth-of-type(12n+1) {
  955.     clear: none; }
  956.  
  957.   .large-block-grid-1 > li {
  958.     width: 100%;
  959.     padding: 0 10px 10px; }
  960.     .large-block-grid-1 > li:nth-of-type(n) {
  961.       clear: none; }
  962.     .large-block-grid-1 > li:nth-of-type(1n+1) {
  963.       clear: both; }
  964.  
  965.   .large-block-grid-2 > li {
  966.     width: 50%;
  967.     padding: 0 10px 10px; }
  968.     .large-block-grid-2 > li:nth-of-type(n) {
  969.       clear: none; }
  970.     .large-block-grid-2 > li:nth-of-type(2n+1) {
  971.       clear: both; }
  972.  
  973.   .large-block-grid-3 > li {
  974.     width: 33.33333%;
  975.     padding: 0 10px 10px; }
  976.     .large-block-grid-3 > li:nth-of-type(n) {
  977.       clear: none; }
  978.     .large-block-grid-3 > li:nth-of-type(3n+1) {
  979.       clear: both; }
  980.  
  981.   .large-block-grid-4 > li {
  982.     width: 25%;
  983.     padding: 0 10px 10px; }
  984.     .large-block-grid-4 > li:nth-of-type(n) {
  985.       clear: none; }
  986.     .large-block-grid-4 > li:nth-of-type(4n+1) {
  987.       clear: both; }
  988.  
  989.   .large-block-grid-5 > li {
  990.     width: 20%;
  991.     padding: 0 10px 10px; }
  992.     .large-block-grid-5 > li:nth-of-type(n) {
  993.       clear: none; }
  994.     .large-block-grid-5 > li:nth-of-type(5n+1) {
  995.       clear: both; }
  996.  
  997.   .large-block-grid-6 > li {
  998.     width: 16.66667%;
  999.     padding: 0 10px 10px; }
  1000.     .large-block-grid-6 > li:nth-of-type(n) {
  1001.       clear: none; }
  1002.     .large-block-grid-6 > li:nth-of-type(6n+1) {
  1003.       clear: both; }
  1004.  
  1005.   .large-block-grid-7 > li {
  1006.     width: 14.28571%;
  1007.     padding: 0 10px 10px; }
  1008.     .large-block-grid-7 > li:nth-of-type(n) {
  1009.       clear: none; }
  1010.     .large-block-grid-7 > li:nth-of-type(7n+1) {
  1011.       clear: both; }
  1012.  
  1013.   .large-block-grid-8 > li {
  1014.     width: 12.5%;
  1015.     padding: 0 10px 10px; }
  1016.     .large-block-grid-8 > li:nth-of-type(n) {
  1017.       clear: none; }
  1018.     .large-block-grid-8 > li:nth-of-type(8n+1) {
  1019.       clear: both; }
  1020.  
  1021.   .large-block-grid-9 > li {
  1022.     width: 11.11111%;
  1023.     padding: 0 10px 10px; }
  1024.     .large-block-grid-9 > li:nth-of-type(n) {
  1025.       clear: none; }
  1026.     .large-block-grid-9 > li:nth-of-type(9n+1) {
  1027.       clear: both; }
  1028.  
  1029.   .large-block-grid-10 > li {
  1030.     width: 10%;
  1031.     padding: 0 10px 10px; }
  1032.     .large-block-grid-10 > li:nth-of-type(n) {
  1033.       clear: none; }
  1034.     .large-block-grid-10 > li:nth-of-type(10n+1) {
  1035.       clear: both; }
  1036.  
  1037.   .large-block-grid-11 > li {
  1038.     width: 9.09091%;
  1039.     padding: 0 10px 10px; }
  1040.     .large-block-grid-11 > li:nth-of-type(n) {
  1041.       clear: none; }
  1042.     .large-block-grid-11 > li:nth-of-type(11n+1) {
  1043.       clear: both; }
  1044.  
  1045.   .large-block-grid-12 > li {
  1046.     width: 8.33333%;
  1047.     padding: 0 10px 10px; }
  1048.     .large-block-grid-12 > li:nth-of-type(n) {
  1049.       clear: none; }
  1050.     .large-block-grid-12 > li:nth-of-type(12n+1) {
  1051.       clear: both; } }
  1052. p.lead {
  1053.   font-size: 1.21875em;
  1054.   line-height: 1.6; }
  1055.  
  1056. .subheader {
  1057.   line-height: 1.4;
  1058.   color: #6f6f6f;
  1059.   font-weight: 300;
  1060.   margin-top: 0.2em;
  1061.   margin-bottom: 0.5em; }
  1062.  
  1063. /* Typography resets */
  1064. div,
  1065. dl,
  1066. dt,
  1067. dd,
  1068. ul,
  1069. ol,
  1070. li,
  1071. h1,
  1072. h2,
  1073. h3,
  1074. h4,
  1075. h5,
  1076. h6,
  1077. pre,
  1078. form,
  1079. p,
  1080. blockquote,
  1081. th,
  1082. td {
  1083.   margin: 0;
  1084.   padding: 0;
  1085.   direction: ltr; }
  1086.  
  1087. /* Default Link Styles */
  1088. a {
  1089.   color: #2ba6cb;
  1090.   text-decoration: none;
  1091.   line-height: inherit; }
  1092.   a:hover, a:focus {
  1093.     color: #2795b6; }
  1094.   a img {
  1095.     border: none; }
  1096.  
  1097. /* Default paragraph styles */
  1098. p {
  1099.   font-family: inherit;
  1100.   font-weight: normal;
  1101.   font-size: 1em;
  1102.   line-height: 1.6;
  1103.   margin-bottom: 1.25em;
  1104.   text-rendering: optimizeLegibility; }
  1105.   p aside {
  1106.     font-size: 0.875em;
  1107.     line-height: 1.35;
  1108.     font-style: italic; }
  1109.  
  1110. /* Default header styles */
  1111. h1, h2, h3, h4, h5, h6 {
  1112.   font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  1113.   font-weight: bold;
  1114.   font-style: normal;
  1115.   color: #222222;
  1116.   text-rendering: optimizeLegibility;
  1117.   margin-top: 0.2em;
  1118.   margin-bottom: 0.5em;
  1119.   line-height: 1.2125em; }
  1120.   h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
  1121.     font-size: 60%;
  1122.     color: #6f6f6f;
  1123.     line-height: 0; }
  1124.  
  1125. h1 {
  1126.   font-size: 2.125em; }
  1127.  
  1128. h2 {
  1129.   font-size: 1.6875em; }
  1130.  
  1131. h3 {
  1132.   font-size: 1.375em; }
  1133.  
  1134. h4 {
  1135.   font-size: 1.125em; }
  1136.  
  1137. h5 {
  1138.   font-size: 1.125em; }
  1139.  
  1140. h6 {
  1141.   font-size: 1em; }
  1142.  
  1143. hr {
  1144.   border: solid #dddddd;
  1145.   border-width: 1px 0 0;
  1146.   clear: both;
  1147.   margin: 1.25em 0 1.1875em;
  1148.   height: 0; }
  1149.  
  1150. /* Helpful Typography Defaults */
  1151. em,
  1152. i {
  1153.   font-style: italic;
  1154.   line-height: inherit; }
  1155.  
  1156. strong,
  1157. b {
  1158.   font-weight: bold;
  1159.   line-height: inherit; }
  1160.  
  1161. small {
  1162.   font-size: 60%;
  1163.   line-height: inherit; }
  1164.  
  1165. code {
  1166.   font-family: Consolas, "Liberation Mono", Courier, monospace;
  1167.   font-weight: bold;
  1168.   color: #7f0a0c; }
  1169.  
  1170. /* Lists */
  1171. ul,
  1172. ol,
  1173. dl {
  1174.   font-size: 1em;
  1175.   line-height: 1.6;
  1176.   margin-bottom: 1.25em;
  1177.   list-style-position: outside;
  1178.   font-family: inherit; }
  1179.  
  1180. /* Unordered Lists */
  1181. ul li ul,
  1182. ul li ol {
  1183.   margin-left: 1.25em;
  1184.   margin-bottom: 0;
  1185.   font-size: 1em;
  1186.   /* Override nested font-size change */ }
  1187. ul.square li ul, ul.circle li ul, ul.disc li ul {
  1188.   list-style: inherit; }
  1189. ul.square {
  1190.   list-style-type: square; }
  1191. ul.circle {
  1192.   list-style-type: circle; }
  1193. ul.disc {
  1194.   list-style-type: disc; }
  1195. ul.no-bullet {
  1196.   list-style: none; }
  1197.  
  1198. /* Ordered Lists */
  1199. ol li ul,
  1200. ol li ol {
  1201.   margin-left: 1.25em;
  1202.   margin-bottom: 0; }
  1203.  
  1204. /* Definition Lists */
  1205. dl dt {
  1206.   margin-bottom: 0.3em;
  1207.   font-weight: bold; }
  1208. dl dd {
  1209.   margin-bottom: 0.75em; }
  1210.  
  1211. /* Abbreviations */
  1212. abbr,
  1213. acronym {
  1214.   text-transform: uppercase;
  1215.   font-size: 90%;
  1216.   color: #222222;
  1217.   border-bottom: 1px dotted #dddddd;
  1218.   cursor: help; }
  1219.  
  1220. abbr {
  1221.   text-transform: none; }
  1222.  
  1223. /* Blockquotes */
  1224. blockquote {
  1225.   margin: 0 0 1.25em;
  1226.   padding: 0.5625em 1.25em 0 1.1875em;
  1227.   border-left: 1px solid #dddddd; }
  1228.   blockquote cite {
  1229.     display: block;
  1230.     font-size: 0.8125em;
  1231.     color: #555555; }
  1232.     blockquote cite:before {
  1233.       content: "\2014 \0020"; }
  1234.     blockquote cite a,
  1235.     blockquote cite a:visited {
  1236.       color: #555555; }
  1237.  
  1238. blockquote,
  1239. blockquote p {
  1240.   line-height: 1.6;
  1241.   color: #6f6f6f; }
  1242.  
  1243. /* Microformats */
  1244. .vcard {
  1245.   display: inline-block;
  1246.   margin: 0 0 1.25em 0;
  1247.   border: 1px solid #dddddd;
  1248.   padding: 0.625em 0.75em; }
  1249.   .vcard li {
  1250.     margin: 0;
  1251.     display: block; }
  1252.   .vcard .fn {
  1253.     font-weight: bold;
  1254.     font-size: 0.9375em; }
  1255.  
  1256. .vevent .summary {
  1257.   font-weight: bold; }
  1258. .vevent abbr {
  1259.   cursor: default;
  1260.   text-decoration: none;
  1261.   font-weight: bold;
  1262.   border: none;
  1263.   padding: 0 0.0625em; }
  1264.  
  1265. @media only screen and (min-width: 48em) {
  1266.   h1, h2, h3, h4, h5, h6 {
  1267.     line-height: 1.4; }
  1268.  
  1269.   h1 {
  1270.     font-size: 2.75em; }
  1271.  
  1272.   h2 {
  1273.     font-size: 2.3125em; }
  1274.  
  1275.   h3 {
  1276.     font-size: 1.6875em; }
  1277.  
  1278.   h4 {
  1279.     font-size: 1.4375em; } }
  1280. /*
  1281.  * Print styles.
  1282.  *
  1283.  * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
  1284.  * Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)
  1285. */
  1286. .print-only {
  1287.   display: none !important; }
  1288.  
  1289. @media print {
  1290.   * {
  1291.     background: transparent !important;
  1292.     color: black !important;
  1293.     /* Black prints faster: h5bp.com/s */
  1294.     box-shadow: none !important;
  1295.     text-shadow: none !important; }
  1296.  
  1297.   a,
  1298.   a:visited {
  1299.     text-decoration: underline; }
  1300.  
  1301.   a[href]:after {
  1302.     content: " (" attr(href) ")"; }
  1303.  
  1304.   abbr[title]:after {
  1305.     content: " (" attr(title) ")"; }
  1306.  
  1307.   .ir a:after,
  1308.   a[href^="javascript:"]:after,
  1309.   a[href^="#"]:after {
  1310.     content: ""; }
  1311.  
  1312.   pre,
  1313.   blockquote {
  1314.     border: 1px solid #999999;
  1315.     page-break-inside: avoid; }
  1316.  
  1317.   thead {
  1318.     display: table-header-group;
  1319.     /* h5bp.com/t */ }
  1320.  
  1321.   tr,
  1322.   img {
  1323.     page-break-inside: avoid; }
  1324.  
  1325.   img {
  1326.     max-width: 100% !important; }
  1327.  
  1328.   @page {
  1329.     margin: 0.5cm; }
  1330.  
  1331.   p,
  1332.   h2,
  1333.   h3 {
  1334.     orphans: 3;
  1335.     widows: 3; }
  1336.  
  1337.   h2,
  1338.   h3 {
  1339.     page-break-after: avoid; }
  1340.  
  1341.   .hide-on-print {
  1342.     display: none !important; }
  1343.  
  1344.   .print-only {
  1345.     display: block !important; }
  1346.  
  1347.   .hide-for-print {
  1348.     display: none !important; }
  1349.  
  1350.   .show-for-print {
  1351.     display: inherit !important; } }
  1352. button, .button {
  1353.   border-style: solid;
  1354.   border-width: 1px;
  1355.   cursor: pointer;
  1356.   font-family: inherit;
  1357.   font-weight: bold;
  1358.   line-height: 1;
  1359.   margin: 0 0 1.25em;
  1360.   position: relative;
  1361.   text-decoration: none;
  1362.   text-align: center;
  1363.   display: inline-block;
  1364.   padding-top: 0.75em;
  1365.   padding-right: 1.5em;
  1366.   padding-bottom: 0.8125em;
  1367.   padding-left: 1.5em;
  1368.   font-size: 1em;
  1369.   background-color: #2ba6cb;
  1370.   border-color: #2284a1;
  1371.   color: white; }
  1372.   button:hover, button:focus, .button:hover, .button:focus {
  1373.     background-color: #2284a1; }
  1374.   button:hover, button:focus, .button:hover, .button:focus {
  1375.     color: white; }
  1376.   button.secondary, .button.secondary {
  1377.     background-color: #e9e9e9;
  1378.     border-color: #d0d0d0;
  1379.     color: #333333; }
  1380.     button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {
  1381.       background-color: #d0d0d0; }
  1382.     button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {
  1383.       color: #333333; }
  1384.   button.success, .button.success {
  1385.     background-color: #5da423;
  1386.     border-color: #457a1a;
  1387.     color: white; }
  1388.     button.success:hover, button.success:focus, .button.success:hover, .button.success:focus {
  1389.       background-color: #457a1a; }
  1390.     button.success:hover, button.success:focus, .button.success:hover, .button.success:focus {
  1391.       color: white; }
  1392.   button.alert, .button.alert {
  1393.     background-color: #19C810;
  1394.     border-color: #19C810;
  1395.     color: white; }
  1396.     button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus {
  1397.       background-color: #0D8D07;
  1398. border-color: #0D8D07;    }
  1399.     button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus {
  1400.       color: white; }
  1401.   button.large, .button.large {
  1402.     padding-top: 1em;
  1403.     padding-right: 2em;
  1404.     padding-bottom: 1.0625em;
  1405.     padding-left: 2em;
  1406.     font-size: 1.25em; }
  1407.   button.small, .button.small {
  1408.     padding-top: 0.5625em;
  1409.     padding-right: 1.125em;
  1410.     padding-bottom: 0.625em;
  1411.     padding-left: 1.125em;
  1412.     font-size: 0.8125em; }
  1413.   button.tiny, .button.tiny {
  1414.     padding-top: 0.4375em;
  1415.     padding-right: 0.875em;
  1416.     padding-bottom: 0.5em;
  1417.     padding-left: 0.875em;
  1418.     font-size: 0.6875em; }
  1419.   button.expand, .button.expand {
  1420.     padding-right: 0px;
  1421.     padding-left: 0px;
  1422.     width: 100%; }
  1423.   button.left-align, .button.left-align {
  1424.     text-align: left;
  1425.     text-indent: 0.75em; }
  1426.   button.right-align, .button.right-align {
  1427.     text-align: right;
  1428.     padding-right: 0.75em; }
  1429.   button.disabled, button[disabled], .button.disabled, .button[disabled] {
  1430.     background-color: #2ba6cb;
  1431.     border-color: #2284a1;
  1432.     color: white;
  1433.     cursor: default;
  1434.     opacity: 0.6;
  1435.     -webkit-box-shadow: none;
  1436.     box-shadow: none; }
  1437.     button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
  1438.       background-color: #2284a1; }
  1439.     button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
  1440.       color: white; }
  1441.     button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
  1442.       background-color: #2ba6cb; }
  1443.     button.disabled.secondary, button[disabled].secondary, .button.disabled.secondary, .button[disabled].secondary {
  1444.       background-color: #e9e9e9;
  1445.       border-color: #d0d0d0;
  1446.       color: #333333;
  1447.       cursor: default;
  1448.       opacity: 0.6;
  1449.       -webkit-box-shadow: none;
  1450.       box-shadow: none; }
  1451.       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 {
  1452.         background-color: #d0d0d0; }
  1453.       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 {
  1454.         color: #333333; }
  1455.       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 {
  1456.         background-color: #e9e9e9; }
  1457.     button.disabled.success, button[disabled].success, .button.disabled.success, .button[disabled].success {
  1458.       background-color: #5da423;
  1459.       border-color: #457a1a;
  1460.       color: white;
  1461.       cursor: default;
  1462.       opacity: 0.6;
  1463.       -webkit-box-shadow: none;
  1464.       box-shadow: none; }
  1465.       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 {
  1466.         background-color: #457a1a; }
  1467.       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 {
  1468.         color: white; }
  1469.       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 {
  1470.         background-color: #5da423; }
  1471.     button.disabled.alert, button[disabled].alert, .button.disabled.alert, .button[disabled].alert {
  1472.       background-color: #c60f13;
  1473.       border-color: #970b0e;
  1474.       color: white;
  1475.       cursor: default;
  1476.       opacity: 0.6;
  1477.       -webkit-box-shadow: none;
  1478.       box-shadow: none; }
  1479.       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 {
  1480.         background-color: #970b0e; }
  1481.       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 {
  1482.         color: white; }
  1483.       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 {
  1484.         background-color: #c60f13; }
  1485.  
  1486. button, .button {
  1487.   padding-top: 0.8125em;
  1488.   padding-bottom: 0.75em; }
  1489.   button.tiny, .button.tiny {
  1490.     padding-top: 0.5em;
  1491.     padding-bottom: 0.4375em; }
  1492.   button.small, .button.small {
  1493.     padding-top: 0.625em;
  1494.     padding-bottom: 0.5625em; }
  1495.   button.large, .button.large {
  1496.     padding-top: 1.03125em;
  1497.     padding-bottom: 1.03125em; }
  1498.  
  1499. @media only screen {
  1500.   button, .button {
  1501.     -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  1502.     box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  1503.     -webkit-transition: background-color 300ms ease-out;
  1504.     -moz-transition: background-color 300ms ease-out;
  1505.     transition: background-color 300ms ease-out; }
  1506.     button:active, .button:active {
  1507.       -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset;
  1508.       box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; }
  1509.     button.radius, .button.radius {
  1510.       -webkit-border-radius: 3px;
  1511.       border-radius: 3px; }
  1512.     button.round, .button.round {
  1513.       -webkit-border-radius: 1000px;
  1514.       border-radius: 1000px; } }
  1515. @media only screen and (min-width: 48em) {
  1516.   button, .button {
  1517.     display: inline-block; } }
  1518. /* Standard Forms */
  1519. form {
  1520.   margin: 0 0 1em; }
  1521.  
  1522. /* Using forms within rows, we need to set some defaults */
  1523. form .row .row {
  1524.   margin: 0 -0.5em; }
  1525.   form .row .row .column,
  1526.   form .row .row .columns {
  1527.     padding: 0 0.5em; }
  1528.   form .row .row.collapse {
  1529.     margin: 0; }
  1530.     form .row .row.collapse .column,
  1531.     form .row .row.collapse .columns {
  1532.       padding: 0; }
  1533. form .row input.column,
  1534. form .row input.columns,
  1535. form .row textarea.column,
  1536. form .row textarea.columns {
  1537.   padding-left: 0.5em; }
  1538.  
  1539. /* Label Styles */
  1540. label {
  1541.   font-size: 0.875em;
  1542.   color: #4d4d4d;
  1543.   cursor: pointer;
  1544.   display: block;
  1545.   font-weight: 500;
  1546.   margin-bottom: 0.1875em; }
  1547.   label.right {
  1548.     float: none;
  1549.     text-align: right; }
  1550.   label.inline {
  1551.     margin: 0 0 1em 0;
  1552.     padding: 0.625em 0; }
  1553.  
  1554. /* Attach elements to the beginning or end of an input */
  1555. .prefix,
  1556. .postfix {
  1557.   display: block;
  1558.   position: relative;
  1559.   z-index: 2;
  1560.   text-align: center;
  1561.   width: 100%;
  1562.   padding-top: 0;
  1563.   padding-bottom: 0;
  1564.   border-style: solid;
  1565.   border-width: 1px;
  1566.   overflow: hidden;
  1567.   font-size: 0.875em;
  1568.   height: 2.3125em;
  1569.   line-height: 2.3125em; }
  1570.  
  1571. /* Adjust padding, alignment and radius if pre/post element is a button */
  1572. .postfix.button {
  1573.   padding-left: 0;
  1574.   padding-right: 0;
  1575.   padding-top: 0;
  1576.   padding-bottom: 0;
  1577.   text-align: center;
  1578.   line-height: 2.125em; }
  1579.  
  1580. .prefix.button {
  1581.   padding-left: 0;
  1582.   padding-right: 0;
  1583.   padding-top: 0;
  1584.   padding-bottom: 0;
  1585.   text-align: center;
  1586.   line-height: 2.125em; }
  1587.  
  1588. .prefix.button.radius {
  1589.   -webkit-border-radius: 0;
  1590.   border-radius: 0;
  1591.   -moz-border-radius-bottomleft: 3px;
  1592.   -moz-border-radius-topleft: 3px;
  1593.   -webkit-border-bottom-left-radius: 3px;
  1594.   -webkit-border-top-left-radius: 3px;
  1595.   border-bottom-left-radius: 3px;
  1596.   border-top-left-radius: 3px; }
  1597.  
  1598. .postfix.button.radius {
  1599.   -webkit-border-radius: 0;
  1600.   border-radius: 0;
  1601.   -moz-border-radius-topright: 3px;
  1602.   -moz-border-radius-bottomright: 3px;
  1603.   -webkit-border-top-right-radius: 3px;
  1604.   -webkit-border-bottom-right-radius: 3px;
  1605.   border-top-right-radius: 3px;
  1606.   border-bottom-right-radius: 3px; }
  1607.  
  1608. .prefix.button.round {
  1609.   -webkit-border-radius: 0;
  1610.   border-radius: 0;
  1611.   -moz-border-radius-bottomleft: 1000px;
  1612.   -moz-border-radius-topleft: 1000px;
  1613.   -webkit-border-bottom-left-radius: 1000px;
  1614.   -webkit-border-top-left-radius: 1000px;
  1615.   border-bottom-left-radius: 1000px;
  1616.   border-top-left-radius: 1000px; }
  1617.  
  1618. .postfix.button.round {
  1619.   -webkit-border-radius: 0;
  1620.   border-radius: 0;
  1621.   -moz-border-radius-topright: 1000px;
  1622.   -moz-border-radius-bottomright: 1000px;
  1623.   -webkit-border-top-right-radius: 1000px;
  1624.   -webkit-border-bottom-right-radius: 1000px;
  1625.   border-top-right-radius: 1000px;
  1626.   border-bottom-right-radius: 1000px; }
  1627.  
  1628. /* Separate prefix and postfix styles when on span so buttons keep their own */
  1629. span.prefix {
  1630.   background: #f2f2f2;
  1631.   border-color: #d9d9d9;
  1632.   border-right: none;
  1633.   color: #333333; }
  1634.   span.prefix.radius {
  1635.     -webkit-border-radius: 0;
  1636.     border-radius: 0;
  1637.     -moz-border-radius-bottomleft: 3px;
  1638.     -moz-border-radius-topleft: 3px;
  1639.     -webkit-border-bottom-left-radius: 3px;
  1640.     -webkit-border-top-left-radius: 3px;
  1641.     border-bottom-left-radius: 3px;
  1642.     border-top-left-radius: 3px; }
  1643.  
  1644. span.postfix {
  1645.   background: #f2f2f2;
  1646.   border-color: #cccccc;
  1647.   border-left: none;
  1648.   color: #333333; }
  1649.   span.postfix.radius {
  1650.     -webkit-border-radius: 0;
  1651.     border-radius: 0;
  1652.     -moz-border-radius-topright: 3px;
  1653.     -moz-border-radius-bottomright: 3px;
  1654.     -webkit-border-top-right-radius: 3px;
  1655.     -webkit-border-bottom-right-radius: 3px;
  1656.     border-top-right-radius: 3px;
  1657.     border-bottom-right-radius: 3px; }
  1658.  
  1659. /* Input groups will automatically style first and last elements of the group */
  1660. .input-group.radius > *:first-child, .input-group.radius > *:first-child * {
  1661.   -moz-border-radius-bottomleft: 3px;
  1662.   -moz-border-radius-topleft: 3px;
  1663.   -webkit-border-bottom-left-radius: 3px;
  1664.   -webkit-border-top-left-radius: 3px;
  1665.   border-bottom-left-radius: 3px;
  1666.   border-top-left-radius: 3px; }
  1667. .input-group.radius > *:last-child, .input-group.radius > *:last-child * {
  1668.   -moz-border-radius-topright: 3px;
  1669.   -moz-border-radius-bottomright: 3px;
  1670.   -webkit-border-top-right-radius: 3px;
  1671.   -webkit-border-bottom-right-radius: 3px;
  1672.   border-top-right-radius: 3px;
  1673.   border-bottom-right-radius: 3px; }
  1674. .input-group.round > *:first-child, .input-group.round > *:first-child * {
  1675.   -moz-border-radius-bottomleft: 1000px;
  1676.   -moz-border-radius-topleft: 1000px;
  1677.   -webkit-border-bottom-left-radius: 1000px;
  1678.   -webkit-border-top-left-radius: 1000px;
  1679.   border-bottom-left-radius: 1000px;
  1680.   border-top-left-radius: 1000px; }
  1681. .input-group.round > *:last-child, .input-group.round > *:last-child * {
  1682.   -moz-border-radius-topright: 1000px;
  1683.   -moz-border-radius-bottomright: 1000px;
  1684.   -webkit-border-top-right-radius: 1000px;
  1685.   -webkit-border-bottom-right-radius: 1000px;
  1686.   border-top-right-radius: 1000px;
  1687.   border-bottom-right-radius: 1000px; }
  1688.  
  1689. /* We use this to get basic styling on all basic form elements */
  1690. input[type="text"],
  1691. input[type="password"],
  1692. input[type="date"],
  1693. input[type="datetime"],
  1694. input[type="datetime-local"],
  1695. input[type="month"],
  1696. input[type="week"],
  1697. input[type="email"],
  1698. input[type="number"],
  1699. input[type="search"],
  1700. input[type="tel"],
  1701. input[type="time"],
  1702. input[type="url"],
  1703. textarea {
  1704.   background-color: white;
  1705.   font-family: inherit;
  1706.   border: 1px solid #cccccc;
  1707.   -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  1708.   box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  1709.   color: rgba(0, 0, 0, 0.75);
  1710.   display: block;
  1711.   font-size: 0.875em;
  1712.   margin: 0 0 1em 0;
  1713.   padding: 0.5em;
  1714.   height: 2.3125em;
  1715.   width: 100%;
  1716.   -moz-box-sizing: border-box;
  1717.   -webkit-box-sizing: border-box;
  1718.   box-sizing: border-box;
  1719.   -webkit-transition: -webkit-box-shadow 0.45s, border-color 0.45s ease-in-out;
  1720.   -moz-transition: -moz-box-shadow 0.45s, border-color 0.45s ease-in-out;
  1721.   transition: box-shadow 0.45s, border-color 0.45s ease-in-out; }
  1722.   input[type="text"]:focus,
  1723.   input[type="password"]:focus,
  1724.   input[type="date"]:focus,
  1725.   input[type="datetime"]:focus,
  1726.   input[type="datetime-local"]:focus,
  1727.   input[type="month"]:focus,
  1728.   input[type="week"]:focus,
  1729.   input[type="email"]:focus,
  1730.   input[type="number"]:focus,
  1731.   input[type="search"]:focus,
  1732.   input[type="tel"]:focus,
  1733.   input[type="time"]:focus,
  1734.   input[type="url"]:focus,
  1735.   textarea:focus {
  1736.     -webkit-box-shadow: 0 0 5px #999999;
  1737.     -moz-box-shadow: 0 0 5px #999999;
  1738.     box-shadow: 0 0 5px #999999;
  1739.     border-color: #999999; }
  1740.   input[type="text"]:focus,
  1741.   input[type="password"]:focus,
  1742.   input[type="date"]:focus,
  1743.   input[type="datetime"]:focus,
  1744.   input[type="datetime-local"]:focus,
  1745.   input[type="month"]:focus,
  1746.   input[type="week"]:focus,
  1747.   input[type="email"]:focus,
  1748.   input[type="number"]:focus,
  1749.   input[type="search"]:focus,
  1750.   input[type="tel"]:focus,
  1751.   input[type="time"]:focus,
  1752.   input[type="url"]:focus,
  1753.   textarea:focus {
  1754.     background: #fafafa;
  1755.     border-color: #999999;
  1756.     outline: none; }
  1757.   input[type="text"][disabled],
  1758.   input[type="password"][disabled],
  1759.   input[type="date"][disabled],
  1760.   input[type="datetime"][disabled],
  1761.   input[type="datetime-local"][disabled],
  1762.   input[type="month"][disabled],
  1763.   input[type="week"][disabled],
  1764.   input[type="email"][disabled],
  1765.   input[type="number"][disabled],
  1766.   input[type="search"][disabled],
  1767.   input[type="tel"][disabled],
  1768.   input[type="time"][disabled],
  1769.   input[type="url"][disabled],
  1770.   textarea[disabled] {
  1771.     background-color: #dddddd; }
  1772.  
  1773. /* Adjust margin for form elements below */
  1774. input[type="file"],
  1775. input[type="checkbox"],
  1776. input[type="radio"],
  1777. select {
  1778.   margin: 0 0 1em 0; }
  1779.  
  1780. /* Normalize file input width */
  1781. input[type="file"] {
  1782.   width: 100%; }
  1783.  
  1784. /* We add basic fieldset styling */
  1785. fieldset {
  1786.   border: solid 1px #dddddd;
  1787.   padding: 1.25em;
  1788.   margin: 1.125em 0; }
  1789.   fieldset legend {
  1790.     font-weight: bold;
  1791.     background: white;
  1792.     padding: 0 0.1875em;
  1793.     margin: 0;
  1794.     margin-left: -0.1875em; }
  1795.  
  1796. /* Error Handling */
  1797. .error input,
  1798. input.error,
  1799. .error textarea,
  1800. textarea.error {
  1801.   border-color: #c60f13;
  1802.   background-color: rgba(198, 15, 19, 0.1); }
  1803.   .error input:focus,
  1804.   input.error:focus,
  1805.   .error textarea:focus,
  1806.   textarea.error:focus {
  1807.     background: #fafafa;
  1808.     border-color: #999999; }
  1809.  
  1810. .error label,
  1811. label.error {
  1812.   color: #c60f13; }
  1813.  
  1814. .error small,
  1815. small.error {
  1816.   display: block;
  1817.   padding: 0.375em 0.25em;
  1818.   margin-top: -1.3125em;
  1819.   margin-bottom: 1em;
  1820.   font-size: 0.75em;
  1821.   font-weight: bold;
  1822.   background: #c60f13;
  1823.   color: white; }
  1824.  
  1825. /* Custom Checkbox and Radio Inputs */
  1826. form.custom .hidden-field {
  1827.   margin-left: -99999px;
  1828.   position: absolute;
  1829.   visibility: hidden; }
  1830. form.custom .custom {
  1831.   display: inline-block;
  1832.   width: 16px;
  1833.   height: 16px;
  1834.   position: relative;
  1835.   vertical-align: middle;
  1836.   border: solid 1px #cccccc;
  1837.   background: white; }
  1838.   form.custom .custom.checkbox {
  1839.     -webkit-border-radius: 0px;
  1840.     border-radius: 0px;
  1841.     padding: -3px; }
  1842.   form.custom .custom.radio {
  1843.     -webkit-border-radius: 1000px;
  1844.     border-radius: 1000px;
  1845.     padding: 3px; }
  1846.   form.custom .custom.checkbox:before {
  1847.     content: "";
  1848.     display: block;
  1849.     font-size: 20px;
  1850.     color: white; }
  1851.   form.custom .custom.radio.checked:before {
  1852.     content: "";
  1853.     display: block;
  1854.     width: 8px;
  1855.     height: 8px;
  1856.     -webkit-border-radius: 1000px;
  1857.     border-radius: 1000px;
  1858.     background: #222222;
  1859.     position: relative; }
  1860.   form.custom .custom.checkbox.checked:before {
  1861.     content: "\2A2F";
  1862.     color: #222222;
  1863.     margin-top: -8px;
  1864.     margin-left: 2px; }
  1865.  
  1866. /* Custom Select Options and Dropdowns */
  1867. form.custom {
  1868.   /* Custom input, disabled */ }
  1869.   form.custom .custom.dropdown {
  1870.     display: block;
  1871.     position: relative;
  1872.     top: 0;
  1873.     height: 2.3125em;
  1874.     margin-bottom: 1.25em;
  1875.     margin-top: 0px;
  1876.     padding: 0px;
  1877.     width: 100%;
  1878.     background: white;
  1879.     background: -moz-linear-gradient(top, white 0%, #f3f3f3 100%);
  1880.     background: -webkit-linear-gradient(top, white 0%, #f3f3f3 100%);
  1881.     background: linear-gradient(to bottom, white 0%, #f3f3f3 100%);
  1882.     -webkit-box-shadow: none;
  1883.     box-shadow: none;
  1884.     font-size: 0.875em;
  1885.     vertical-align: top; }
  1886.     form.custom .custom.dropdown ul {
  1887.       overflow-y: auto;
  1888.       max-height: 200px; }
  1889.     form.custom .custom.dropdown .current {
  1890.       cursor: default;
  1891.       white-space: nowrap;
  1892.       line-height: 2.25em;
  1893.       color: rgba(0, 0, 0, 0.75);
  1894.       text-decoration: none;
  1895.       overflow: hidden;
  1896.       display: block;
  1897.       margin-left: 0.5em;
  1898.       margin-right: 2.3125em; }
  1899.     form.custom .custom.dropdown .selector {
  1900.       cursor: default;
  1901.       position: absolute;
  1902.       width: 2.5em;
  1903.       height: 2.3125em;
  1904.       display: block;
  1905.       right: 0;
  1906.       top: 0; }
  1907.       form.custom .custom.dropdown .selector:after {
  1908.         content: "";
  1909.         display: block;
  1910.         content: "";
  1911.         display: block;
  1912.         width: 0;
  1913.         height: 0;
  1914.         border: inset 5px;
  1915.         border-color: #aaaaaa transparent transparent transparent;
  1916.         border-top-style: solid;
  1917.         position: absolute;
  1918.         left: 0.9375em;
  1919.         top: 50%;
  1920.         margin-top: -3px; }
  1921.     form.custom .custom.dropdown:hover a.selector:after, form.custom .custom.dropdown.open a.selector:after {
  1922.       content: "";
  1923.       display: block;
  1924.       width: 0;
  1925.       height: 0;
  1926.       border: inset 5px;
  1927.       border-color: #222222 transparent transparent transparent;
  1928.       border-top-style: solid; }
  1929.     form.custom .custom.dropdown .disabled {
  1930.       color: #888888; }
  1931.       form.custom .custom.dropdown .disabled:hover {
  1932.         background: transparent;
  1933.         color: #888888; }
  1934.         form.custom .custom.dropdown .disabled:hover:after {
  1935.           display: none; }
  1936.     form.custom .custom.dropdown.open ul {
  1937.       display: block;
  1938.       z-index: 10;
  1939.       min-width: 100%;
  1940.       -moz-box-sizing: content-box;
  1941.       -webkit-box-sizing: content-box;
  1942.       box-sizing: content-box; }
  1943.     form.custom .custom.dropdown.small {
  1944.       max-width: 134px; }
  1945.     form.custom .custom.dropdown.medium {
  1946.       max-width: 254px; }
  1947.     form.custom .custom.dropdown.large {
  1948.       max-width: 434px; }
  1949.     form.custom .custom.dropdown.expand {
  1950.       width: 100% !important; }
  1951.     form.custom .custom.dropdown.open.small ul {
  1952.       min-width: 134px;
  1953.       -moz-box-sizing: border-box;
  1954.       -webkit-box-sizing: border-box;
  1955.       box-sizing: border-box; }
  1956.     form.custom .custom.dropdown.open.medium ul {
  1957.       min-width: 254px;
  1958.       -moz-box-sizing: border-box;
  1959.       -webkit-box-sizing: border-box;
  1960.       box-sizing: border-box; }
  1961.     form.custom .custom.dropdown.open.large ul {
  1962.       min-width: 434px;
  1963.       -moz-box-sizing: border-box;
  1964.       -webkit-box-sizing: border-box;
  1965.       box-sizing: border-box; }
  1966.   form.custom .custom.dropdown ul {
  1967.     position: absolute;
  1968.     width: auto;
  1969.     display: none;
  1970.     margin: 0;
  1971.     left: -1px;
  1972.     top: auto;
  1973.     -webkit-box-shadow: 0 2px 2px 0px rgba(0, 0, 0, 0.1);
  1974.     box-shadow: 0 2px 2px 0px rgba(0, 0, 0, 0.1);
  1975.     margin: 0;
  1976.     padding: 0;
  1977.     background: white;
  1978.     border: solid 1px #cccccc;
  1979.     font-size: 16px; }
  1980.     form.custom .custom.dropdown ul li {
  1981.       color: #555555;
  1982.       font-size: 0.875em;
  1983.       cursor: default;
  1984.       padding-top: 0.25em;
  1985.       padding-bottom: 0.25em;
  1986.       padding-left: 0.375em;
  1987.       padding-right: 2.375em;
  1988.       min-height: 1.5em;
  1989.       line-height: 1.5em;
  1990.       margin: 0;
  1991.       white-space: nowrap;
  1992.       list-style: none; }
  1993.       form.custom .custom.dropdown ul li.selected {
  1994.         background: #eeeeee;
  1995.         color: black; }
  1996.       form.custom .custom.dropdown ul li:hover {
  1997.         background-color: #e4e4e4;
  1998.         color: black; }
  1999.       form.custom .custom.dropdown ul li.selected:hover {
  2000.         background: #eeeeee;
  2001.         cursor: default;
  2002.         color: black; }
  2003.     form.custom .custom.dropdown ul.show {
  2004.       display: block; }
  2005.   form.custom .custom.disabled {
  2006.     background: #dddddd; }
  2007.  
  2008. /* Button Groups */
  2009. .button-group {
  2010.   list-style: none;
  2011.   margin: 0;
  2012.   *zoom: 1; }
  2013.   .button-group:before, .button-group:after {
  2014.     content: " ";
  2015.     display: table; }
  2016.   .button-group:after {
  2017.     clear: both; }
  2018.   .button-group > * {
  2019.     margin: 0 0 0 -1px;
  2020.     float: left; }
  2021.     .button-group > *:first-child {
  2022.       margin-left: 0; }
  2023.   .button-group.radius > *:first-child, .button-group.radius > *:first-child > a, .button-group.radius > *:first-child > button, .button-group.radius > *:first-child > .button {
  2024.     -moz-border-radius-bottomleft: 3px;
  2025.     -moz-border-radius-topleft: 3px;
  2026.     -webkit-border-bottom-left-radius: 3px;
  2027.     -webkit-border-top-left-radius: 3px;
  2028.     border-bottom-left-radius: 3px;
  2029.     border-top-left-radius: 3px; }
  2030.   .button-group.radius > *:last-child, .button-group.radius > *:last-child > a, .button-group.radius > *:last-child > button, .button-group.radius > *:last-child > .button {
  2031.     -moz-border-radius-topright: 3px;
  2032.     -moz-border-radius-bottomright: 3px;
  2033.     -webkit-border-top-right-radius: 3px;
  2034.     -webkit-border-bottom-right-radius: 3px;
  2035.     border-top-right-radius: 3px;
  2036.     border-bottom-right-radius: 3px; }
  2037.   .button-group.round > *:first-child, .button-group.round > *:first-child > a, .button-group.round > *:first-child > button, .button-group.round > *:first-child > .button {
  2038.     -moz-border-radius-bottomleft: 1000px;
  2039.     -moz-border-radius-topleft: 1000px;
  2040.     -webkit-border-bottom-left-radius: 1000px;
  2041.     -webkit-border-top-left-radius: 1000px;
  2042.     border-bottom-left-radius: 1000px;
  2043.     border-top-left-radius: 1000px; }
  2044.   .button-group.round > *:last-child, .button-group.round > *:last-child > a, .button-group.round > *:last-child > button, .button-group.round > *:last-child > .button {
  2045.     -moz-border-radius-topright: 1000px;
  2046.     -moz-border-radius-bottomright: 1000px;
  2047.     -webkit-border-top-right-radius: 1000px;
  2048.     -webkit-border-bottom-right-radius: 1000px;
  2049.     border-top-right-radius: 1000px;
  2050.     border-bottom-right-radius: 1000px; }
  2051.   .button-group.even-2 li {
  2052.     width: 50%; }
  2053.     .button-group.even-2 li button, .button-group.even-2 li .button {
  2054.       width: 100%; }
  2055.   .button-group.even-3 li {
  2056.     width: 33.33333%; }
  2057.     .button-group.even-3 li button, .button-group.even-3 li .button {
  2058.       width: 100%; }
  2059.   .button-group.even-4 li {
  2060.     width: 25%; }
  2061.     .button-group.even-4 li button, .button-group.even-4 li .button {
  2062.       width: 100%; }
  2063.   .button-group.even-5 li {
  2064.     width: 20%; }
  2065.     .button-group.even-5 li button, .button-group.even-5 li .button {
  2066.       width: 100%; }
  2067.   .button-group.even-6 li {
  2068.     width: 16.66667%; }
  2069.     .button-group.even-6 li button, .button-group.even-6 li .button {
  2070.       width: 100%; }
  2071.   .button-group.even-7 li {
  2072.     width: 14.28571%; }
  2073.     .button-group.even-7 li button, .button-group.even-7 li .button {
  2074.       width: 100%; }
  2075.   .button-group.even-8 li {
  2076.     width: 12.5%; }
  2077.     .button-group.even-8 li button, .button-group.even-8 li .button {
  2078.       width: 100%; }
  2079.  
  2080. .button-bar {
  2081.   *zoom: 1; }
  2082.   .button-bar:before, .button-bar:after {
  2083.     content: " ";
  2084.     display: table; }
  2085.   .button-bar:after {
  2086.     clear: both; }
  2087.   .button-bar .button-group {
  2088.     float: left;
  2089.     margin-right: 0.625em; }
  2090.     .button-bar .button-group div {
  2091.       overflow: hidden; }
  2092.  
  2093. /* Dropdown Button */
  2094. .dropdown.button {
  2095.   position: relative;
  2096.   padding-right: 3.1875em; }
  2097.   .dropdown.button:before {
  2098.     position: absolute;
  2099.     content: "";
  2100.     width: 0;
  2101.     height: 0;
  2102.     display: block;
  2103.     border-style: solid;
  2104.     border-color: white transparent transparent transparent;
  2105.     top: 50%; }
  2106.   .dropdown.button:before {
  2107.     border-width: 0.5625em;
  2108.     right: 1.5em;
  2109.     margin-top: -0.25em; }
  2110.   .dropdown.button:before {
  2111.     border-color: white transparent transparent transparent; }
  2112.   .dropdown.button.tiny {
  2113.     padding-right: 2.1875em; }
  2114.     .dropdown.button.tiny:before {
  2115.       border-width: 0.4375em;
  2116.       right: 0.875em;
  2117.       margin-top: -0.15625em; }
  2118.     .dropdown.button.tiny:before {
  2119.       border-color: white transparent transparent transparent; }
  2120.   .dropdown.button.small {
  2121.     padding-right: 2.8125em; }
  2122.     .dropdown.button.small:before {
  2123.       border-width: 0.5625em;
  2124.       right: 1.125em;
  2125.       margin-top: -0.21875em; }
  2126.     .dropdown.button.small:before {
  2127.       border-color: white transparent transparent transparent; }
  2128.   .dropdown.button.large {
  2129.     padding-right: 4em; }
  2130.     .dropdown.button.large:before {
  2131.       border-width: 0.625em;
  2132.       right: 1.75em;
  2133.       margin-top: -0.3125em; }
  2134.     .dropdown.button.large:before {
  2135.       border-color: white transparent transparent transparent; }
  2136.   .dropdown.button.secondary:before {
  2137.     border-color: #333333 transparent transparent transparent; }
  2138.  
  2139. /* Split Buttons */
  2140. .split.button {
  2141.   position: relative;
  2142.   padding-right: 4.8em; }
  2143.   .split.button span {
  2144.     display: block;
  2145.     height: 100%;
  2146.     position: absolute;
  2147.     right: 0;
  2148.     top: 0;
  2149.     border-left: solid 1px; }
  2150.     .split.button span:before {
  2151.       position: absolute;
  2152.       content: "";
  2153.       width: 0;
  2154.       height: 0;
  2155.       display: block;
  2156.       border-style: inset;
  2157.       left: 50%; }
  2158.     .split.button span:active {
  2159.       background-color: rgba(0, 0, 0, 0.1); }
  2160.   .split.button span {
  2161.     border-left-color: #1e728c; }
  2162.   .split.button span {
  2163.     width: 3em; }
  2164.     .split.button span:before {
  2165.       border-top-style: solid;
  2166.       border-width: 0.5625em;
  2167.       top: 1.125em;
  2168.       margin-left: -0.5625em; }
  2169.   .split.button span:before {
  2170.     border-color: white transparent transparent transparent; }
  2171.   .split.button.secondary span {
  2172.     border-left-color: #c3c3c3; }
  2173.   .split.button.secondary span:before {
  2174.     border-color: white transparent transparent transparent; }
  2175.   .split.button.alert span {
  2176.     border-left-color: #7f0a0c; }
  2177.   .split.button.success span {
  2178.     border-left-color: #396516; }
  2179.   .split.button.tiny {
  2180.     padding-right: 3.9375em; }
  2181.     .split.button.tiny span {
  2182.       width: 2.84375em; }
  2183.       .split.button.tiny span:before {
  2184.         border-top-style: solid;
  2185.         border-width: 0.4375em;
  2186.         top: 0.875em;
  2187.         margin-left: -0.3125em; }
  2188.   .split.button.small {
  2189.     padding-right: 3.9375em; }
  2190.     .split.button.small span {
  2191.       width: 2.8125em; }
  2192.       .split.button.small span:before {
  2193.         border-top-style: solid;
  2194.         border-width: 0.5625em;
  2195.         top: 0.84375em;
  2196.         margin-left: -0.5625em; }
  2197.   .split.button.large {
  2198.     padding-right: 6em; }
  2199.     .split.button.large span {
  2200.       width: 3.75em; }
  2201.       .split.button.large span:before {
  2202.         border-top-style: solid;
  2203.         border-width: 0.625em;
  2204.         top: 1.3125em;
  2205.         margin-left: -0.5625em; }
  2206.   .split.button.expand {
  2207.     padding-left: 2em; }
  2208.   .split.button.secondary span:before {
  2209.     border-color: #333333 transparent transparent transparent; }
  2210.   .split.button.radius span {
  2211.     -moz-border-radius-topright: 3px;
  2212.     -moz-border-radius-bottomright: 3px;
  2213.     -webkit-border-top-right-radius: 3px;
  2214.     -webkit-border-bottom-right-radius: 3px;
  2215.     border-top-right-radius: 3px;
  2216.     border-bottom-right-radius: 3px; }
  2217.   .split.button.round span {
  2218.     -moz-border-radius-topright: 1000px;
  2219.     -moz-border-radius-bottomright: 1000px;
  2220.     -webkit-border-top-right-radius: 1000px;
  2221.     -webkit-border-bottom-right-radius: 1000px;
  2222.     border-top-right-radius: 1000px;
  2223.     border-bottom-right-radius: 1000px; }
  2224.  
  2225. /* Flex Video */
  2226. .flex-video {
  2227.   position: relative;
  2228.   padding-top: 1.5625em;
  2229.   padding-bottom: 67.5%;
  2230.   height: 0;
  2231.   margin-bottom: 1em;
  2232.   overflow: hidden; }
  2233.   .flex-video.widescreen {
  2234.     padding-bottom: 57.25%; }
  2235.   .flex-video.vimeo {
  2236.     padding-top: 0; }
  2237.   .flex-video iframe,
  2238.   .flex-video object,
  2239.   .flex-video embed,
  2240.   .flex-video video {
  2241.     position: absolute;
  2242.     top: 0;
  2243.     left: 0;
  2244.     width: 100%;
  2245.     height: 100%; }
  2246.  
  2247. /* Sections */
  2248. .section-container, .section-container.auto {
  2249.   width: 100%;
  2250.   display: block;
  2251.   margin-bottom: 1.25em;
  2252.   border: 1px solid #cccccc;
  2253.   border-top: none; }
  2254.   .section-container > section, .section-container > .section, .section-container.auto > section, .section-container.auto > .section {
  2255.     position: relative; }
  2256.     .section-container > section > .title, .section-container > .section > .title, .section-container.auto > section > .title, .section-container.auto > .section > .title {
  2257.       background-color: #efefef;
  2258.       cursor: pointer;
  2259.       margin-bottom: 0; }
  2260.       .section-container > section > .title a, .section-container > .section > .title a, .section-container.auto > section > .title a, .section-container.auto > .section > .title a {
  2261.         padding: 0.9375em;
  2262.         display: inline-block;
  2263.         color: #333333;
  2264.         font-size: 0.875em;
  2265.         white-space: nowrap; }
  2266.       .section-container > section > .title:hover, .section-container > .section > .title:hover, .section-container.auto > section > .title:hover, .section-container.auto > .section > .title:hover {
  2267.         background-color: #e2e2e2; }
  2268.     .section-container > section .content, .section-container > .section .content, .section-container.auto > section .content, .section-container.auto > .section .content {
  2269.       display: none;
  2270.       padding: 0.9375em;
  2271.       background-color: white; }
  2272.       .section-container > section .content > *:last-child, .section-container > .section .content > *:last-child, .section-container.auto > section .content > *:last-child, .section-container.auto > .section .content > *:last-child {
  2273.         margin-bottom: 0; }
  2274.       .section-container > section .content > *:first-child, .section-container > .section .content > *:first-child, .section-container.auto > section .content > *:first-child, .section-container.auto > .section .content > *:first-child {
  2275.         padding-top: 0; }
  2276.       .section-container > section .content > *:last-child, .section-container > .section .content > *:last-child, .section-container.auto > section .content > *:last-child, .section-container.auto > .section .content > *:last-child {
  2277.         padding-bottom: 0; }
  2278.     .section-container > section.active > .content, .section-container > .section.active > .content, .section-container.auto > section.active > .content, .section-container.auto > .section.active > .content {
  2279.       display: block; }
  2280.     .section-container > section.active > .title, .section-container > .section.active > .title, .section-container.auto > section.active > .title, .section-container.auto > .section.active > .title {
  2281.       background: #d5d5d5; }
  2282.       .section-container > section.active > .title a, .section-container > .section.active > .title a, .section-container.auto > section.active > .title a, .section-container.auto > .section.active > .title a {
  2283.         color: #333333; }
  2284.     .section-container > section > .title, .section-container > .section > .title, .section-container.auto > section > .title, .section-container.auto > .section > .title {
  2285.       top: 0;
  2286.       width: 100%;
  2287.       margin: 0;
  2288.       border-top: solid 1px #cccccc; }
  2289.       .section-container > section > .title a, .section-container > .section > .title a, .section-container.auto > section > .title a, .section-container.auto > .section > .title a {
  2290.         width: 100%; }
  2291.  
  2292. .section-container.tabs {
  2293.   border: 0;
  2294.   position: relative; }
  2295.   .section-container.tabs > section, .section-container.tabs > .section {
  2296.     border: 0;
  2297.     position: static; }
  2298.     .section-container.tabs > section > .title, .section-container.tabs > .section > .title {
  2299.       background-color: #efefef;
  2300.       cursor: pointer;
  2301.       margin-bottom: 0; }
  2302.       .section-container.tabs > section > .title a, .section-container.tabs > .section > .title a {
  2303.         padding: 0.9375em;
  2304.         display: inline-block;
  2305.         color: #333333;
  2306.         font-size: 0.875em;
  2307.         white-space: nowrap; }
  2308.       .section-container.tabs > section > .title:hover, .section-container.tabs > .section > .title:hover {
  2309.         background-color: #e2e2e2; }
  2310.     .section-container.tabs > section .content, .section-container.tabs > .section .content {
  2311.       display: none;
  2312.       padding: 0.9375em;
  2313.       background-color: white; }
  2314.       .section-container.tabs > section .content > *:last-child, .section-container.tabs > .section .content > *:last-child {
  2315.         margin-bottom: 0; }
  2316.       .section-container.tabs > section .content > *:first-child, .section-container.tabs > .section .content > *:first-child {
  2317.         padding-top: 0; }
  2318.       .section-container.tabs > section .content > *:last-child, .section-container.tabs > .section .content > *:last-child {
  2319.         padding-bottom: 0; }
  2320.     .section-container.tabs > section.active > .content, .section-container.tabs > .section.active > .content {
  2321.       display: block; }
  2322.     .section-container.tabs > section.active > .title, .section-container.tabs > .section.active > .title {
  2323.       background: white; }
  2324.       .section-container.tabs > section.active > .title a, .section-container.tabs > .section.active > .title a {
  2325.         color: #333333; }
  2326.     .section-container.tabs > section > .title, .section-container.tabs > .section > .title {
  2327.       width: auto;
  2328.       border: solid 1px #cccccc;
  2329.       border-right: 0;
  2330.       border-bottom: 0;
  2331.       position: absolute;
  2332.       top: 0;
  2333.       z-index: 1; }
  2334.       .section-container.tabs > section > .title a, .section-container.tabs > .section > .title a {
  2335.         width: 100%; }
  2336.     .section-container.tabs > section:last-child .title, .section-container.tabs > .section:last-child .title {
  2337.       border-right: solid 1px #cccccc; }
  2338.     .section-container.tabs > section .content, .section-container.tabs > .section .content {
  2339.       border: solid 1px #cccccc;
  2340.       position: absolute;
  2341.       z-index: 10;
  2342.       display: none;
  2343.       top: -1px; }
  2344.     .section-container.tabs > section.active > .title, .section-container.tabs > .section.active > .title {
  2345.       z-index: 11;
  2346.       border-bottom: 0;
  2347.       background-color: white; }
  2348.     .section-container.tabs > section.active > .content, .section-container.tabs > .section.active > .content {
  2349.       position: relative; }
  2350.  
  2351. @media only screen and (min-width: 48em) {
  2352.   .section-container.auto {
  2353.     border: 0;
  2354.     position: relative; }
  2355.     .section-container.auto > section, .section-container.auto > .section {
  2356.       border: 0;
  2357.       position: static; }
  2358.       .section-container.auto > section > .title, .section-container.auto > .section > .title {
  2359.         background-color: #efefef;
  2360.         cursor: pointer;
  2361.         margin-bottom: 0; }
  2362.         .section-container.auto > section > .title a, .section-container.auto > .section > .title a {
  2363.           padding: 0.9375em;
  2364.           display: inline-block;
  2365.           color: #333333;
  2366.           font-size: 0.875em;
  2367.           white-space: nowrap; }
  2368.         .section-container.auto > section > .title:hover, .section-container.auto > .section > .title:hover {
  2369.           background-color: #e2e2e2; }
  2370.       .section-container.auto > section .content, .section-container.auto > .section .content {
  2371.         display: none;
  2372.         padding: 0.9375em;
  2373.         background-color: white; }
  2374.         .section-container.auto > section .content > *:last-child, .section-container.auto > .section .content > *:last-child {
  2375.           margin-bottom: 0; }
  2376.         .section-container.auto > section .content > *:first-child, .section-container.auto > .section .content > *:first-child {
  2377.           padding-top: 0; }
  2378.         .section-container.auto > section .content > *:last-child, .section-container.auto > .section .content > *:last-child {
  2379.           padding-bottom: 0; }
  2380.       .section-container.auto > section.active > .content, .section-container.auto > .section.active > .content {
  2381.         display: block; }
  2382.       .section-container.auto > section.active > .title, .section-container.auto > .section.active > .title {
  2383.         background: white; }
  2384.         .section-container.auto > section.active > .title a, .section-container.auto > .section.active > .title a {
  2385.           color: #333333; }
  2386.       .section-container.auto > section > .title, .section-container.auto > .section > .title {
  2387.         width: auto;
  2388.         border: solid 1px #cccccc;
  2389.         border-right: 0;
  2390.         border-bottom: 0;
  2391.         position: absolute;
  2392.         top: 0;
  2393.         z-index: 1; }
  2394.         .section-container.auto > section > .title a, .section-container.auto > .section > .title a {
  2395.           width: 100%; }
  2396.       .section-container.auto > section:last-child .title, .section-container.auto > .section:last-child .title {
  2397.         border-right: solid 1px #cccccc; }
  2398.       .section-container.auto > section .content, .section-container.auto > .section .content {
  2399.         border: solid 1px #cccccc;
  2400.         position: absolute;
  2401.         z-index: 10;
  2402.         display: none;
  2403.         top: -1px; }
  2404.       .section-container.auto > section.active > .title, .section-container.auto > .section.active > .title {
  2405.         z-index: 11;
  2406.         border-bottom: 0;
  2407.         background-color: white; }
  2408.       .section-container.auto > section.active > .content, .section-container.auto > .section.active > .content {
  2409.         position: relative; }
  2410.  
  2411.   .section-container.accordion .section {
  2412.     padding-top: 0 !important; }
  2413.  
  2414.   .section-container.vertical-tabs {
  2415.     border: 1px solid #cccccc;
  2416.     position: relative; }
  2417.     .section-container.vertical-tabs section,
  2418.     .section-container.vertical-tabs .section {
  2419.       padding-top: 0 !important;
  2420.       border: 0;
  2421.       position: static; }
  2422.       .section-container.vertical-tabs section > .title,
  2423.       .section-container.vertical-tabs .section > .title {
  2424.         background-color: #efefef;
  2425.         cursor: pointer;
  2426.         margin-bottom: 0; }
  2427.         .section-container.vertical-tabs section > .title a,
  2428.         .section-container.vertical-tabs .section > .title a {
  2429.           padding: 0.9375em;
  2430.           display: inline-block;
  2431.           color: #333333;
  2432.           font-size: 0.875em;
  2433.           white-space: nowrap; }
  2434.         .section-container.vertical-tabs section > .title:hover,
  2435.         .section-container.vertical-tabs .section > .title:hover {
  2436.           background-color: #e2e2e2; }
  2437.       .section-container.vertical-tabs section .content,
  2438.       .section-container.vertical-tabs .section .content {
  2439.         display: none;
  2440.         padding: 0.9375em;
  2441.         background-color: white; }
  2442.         .section-container.vertical-tabs section .content > *:last-child,
  2443.         .section-container.vertical-tabs .section .content > *:last-child {
  2444.           margin-bottom: 0; }
  2445.         .section-container.vertical-tabs section .content > *:first-child,
  2446.         .section-container.vertical-tabs .section .content > *:first-child {
  2447.           padding-top: 0; }
  2448.         .section-container.vertical-tabs section .content > *:last-child,
  2449.         .section-container.vertical-tabs .section .content > *:last-child {
  2450.           padding-bottom: 0; }
  2451.       .section-container.vertical-tabs section.active > .content,
  2452.       .section-container.vertical-tabs .section.active > .content {
  2453.         display: block; }
  2454.       .section-container.vertical-tabs section.active > .title,
  2455.       .section-container.vertical-tabs .section.active > .title {
  2456.         background: #d5d5d5; }
  2457.         .section-container.vertical-tabs section.active > .title a,
  2458.         .section-container.vertical-tabs .section.active > .title a {
  2459.           color: #333333; }
  2460.       .section-container.vertical-tabs section > .title,
  2461.       .section-container.vertical-tabs .section > .title {
  2462.         position: absolute;
  2463.         border-top: solid 1px #cccccc;
  2464.         width: 12.5em; }
  2465.       .section-container.vertical-tabs section:first-child .title,
  2466.       .section-container.vertical-tabs .section:first-child .title {
  2467.         border-top: 0; }
  2468.       .section-container.vertical-tabs section .content,
  2469.       .section-container.vertical-tabs .section .content {
  2470.         display: block;
  2471.         position: relative;
  2472.         left: 12.5em;
  2473.         border-left: solid 1px #cccccc;
  2474.         z-index: 10; }
  2475.       .section-container.vertical-tabs section.active > .title,
  2476.       .section-container.vertical-tabs .section.active > .title {
  2477.         background-color: #d5d5d5;
  2478.         width: 12.5625em;
  2479.         border-right: solid 0 transparent;
  2480.         z-index: 11; }
  2481.       .section-container.vertical-tabs section.active:last-child .title,
  2482.       .section-container.vertical-tabs .section.active:last-child .title {
  2483.         border-bottom: 0; }
  2484.  
  2485.   .section-container.vertical-nav {
  2486.     border: 0;
  2487.     position: relative; }
  2488.     .section-container.vertical-nav > section, .section-container.vertical-nav > .section {
  2489.       padding-top: 0 !important;
  2490.       position: relative; }
  2491.       .section-container.vertical-nav > section > .title, .section-container.vertical-nav > .section > .title {
  2492.         background-color: #efefef;
  2493.         cursor: pointer;
  2494.         margin-bottom: 0; }
  2495.         .section-container.vertical-nav > section > .title a, .section-container.vertical-nav > .section > .title a {
  2496.           padding: 0.9375em;
  2497.           display: inline-block;
  2498.           color: #333333;
  2499.           font-size: 0.875em;
  2500.           white-space: nowrap; }
  2501.         .section-container.vertical-nav > section > .title:hover, .section-container.vertical-nav > .section > .title:hover {
  2502.           background-color: #e2e2e2; }
  2503.       .section-container.vertical-nav > section .content, .section-container.vertical-nav > .section .content {
  2504.         display: none;
  2505.         padding: 0.9375em;
  2506.         background-color: white; }
  2507.         .section-container.vertical-nav > section .content > *:last-child, .section-container.vertical-nav > .section .content > *:last-child {
  2508.           margin-bottom: 0; }
  2509.         .section-container.vertical-nav > section .content > *:first-child, .section-container.vertical-nav > .section .content > *:first-child {
  2510.           padding-top: 0; }
  2511.         .section-container.vertical-nav > section .content > *:last-child, .section-container.vertical-nav > .section .content > *:last-child {
  2512.           padding-bottom: 0; }
  2513.       .section-container.vertical-nav > section.active > .content, .section-container.vertical-nav > .section.active > .content {
  2514.         display: block; }
  2515.       .section-container.vertical-nav > section.active > .title, .section-container.vertical-nav > .section.active > .title {
  2516.         background: #d5d5d5; }
  2517.         .section-container.vertical-nav > section.active > .title a, .section-container.vertical-nav > .section.active > .title a {
  2518.           color: #333333; }
  2519.       .section-container.vertical-nav > section > .title, .section-container.vertical-nav > .section > .title {
  2520.         border-top: none;
  2521.         border: solid 1px #cccccc; }
  2522.         .section-container.vertical-nav > section > .title a, .section-container.vertical-nav > .section > .title a {
  2523.           display: block;
  2524.           width: 100%; }
  2525.       .section-container.vertical-nav > section .content, .section-container.vertical-nav > .section .content {
  2526.         display: none; }
  2527.       .section-container.vertical-nav > section:first-child .title, .section-container.vertical-nav > .section:first-child .title {
  2528.         border-bottom: none; }
  2529.       .section-container.vertical-nav > section.active > .content, .section-container.vertical-nav > .section.active > .content {
  2530.         display: block;
  2531.         position: absolute;
  2532.         left: 100%;
  2533.         top: 0px;
  2534.         z-index: 999;
  2535.         min-width: 12.5em;
  2536.         border: solid 1px #cccccc; }
  2537.  
  2538.   .section-container.horizontal-nav {
  2539.     position: relative;
  2540.     background: #efefef;
  2541.     border: 1px solid #cccccc; }
  2542.     .section-container.horizontal-nav > section, .section-container.horizontal-nav > .section {
  2543.       padding-top: 0;
  2544.       border: 0;
  2545.       position: static; }
  2546.       .section-container.horizontal-nav > section > .title, .section-container.horizontal-nav > .section > .title {
  2547.         background-color: #efefef;
  2548.         cursor: pointer;
  2549.         margin-bottom: 0; }
  2550.         .section-container.horizontal-nav > section > .title a, .section-container.horizontal-nav > .section > .title a {
  2551.           padding: 0.9375em;
  2552.           display: inline-block;
  2553.           color: #333333;
  2554.           font-size: 0.875em;
  2555.           white-space: nowrap; }
  2556.         .section-container.horizontal-nav > section > .title:hover, .section-container.horizontal-nav > .section > .title:hover {
  2557.           background-color: #e2e2e2; }
  2558.       .section-container.horizontal-nav > section .content, .section-container.horizontal-nav > .section .content {
  2559.         display: none;
  2560.         padding: 0.9375em;
  2561.         background-color: white; }
  2562.         .section-container.horizontal-nav > section .content > *:last-child, .section-container.horizontal-nav > .section .content > *:last-child {
  2563.           margin-bottom: 0; }
  2564.         .section-container.horizontal-nav > section .content > *:first-child, .section-container.horizontal-nav > .section .content > *:first-child {
  2565.           padding-top: 0; }
  2566.         .section-container.horizontal-nav > section .content > *:last-child, .section-container.horizontal-nav > .section .content > *:last-child {
  2567.           padding-bottom: 0; }
  2568.       .section-container.horizontal-nav > section.active > .content, .section-container.horizontal-nav > .section.active > .content {
  2569.         display: block; }
  2570.       .section-container.horizontal-nav > section.active > .title, .section-container.horizontal-nav > .section.active > .title {
  2571.         background: #d5d5d5; }
  2572.         .section-container.horizontal-nav > section.active > .title a, .section-container.horizontal-nav > .section.active > .title a {
  2573.           color: #333333; }
  2574.       .section-container.horizontal-nav > section > .title, .section-container.horizontal-nav > .section > .title {
  2575.         width: auto;
  2576.         border: solid 1px #cccccc;
  2577.         border-left: 0;
  2578.         top: -1px;
  2579.         position: absolute;
  2580.         z-index: 1; }
  2581.         .section-container.horizontal-nav > section > .title a, .section-container.horizontal-nav > .section > .title a {
  2582.           width: 100%; }
  2583.       .section-container.horizontal-nav > section .content, .section-container.horizontal-nav > .section .content {
  2584.         display: none; }
  2585.       .section-container.horizontal-nav > section.active > .content, .section-container.horizontal-nav > .section.active > .content {
  2586.         display: block;
  2587.         position: absolute;
  2588.         z-index: 999;
  2589.         left: 0;
  2590.         top: -2px;
  2591.         min-width: 12.5em;
  2592.         border: solid 1px #cccccc; } }
  2593. /* Wrapped around .top-bar to contain to grid width */
  2594. .contain-to-grid {
  2595.   width: 100%;
  2596.   background: #111111; }
  2597.  
  2598. .fixed {
  2599.   width: 100%;
  2600.   left: 0;
  2601.   position: fixed;
  2602.   top: 0;
  2603.   z-index: 99; }
  2604.  
  2605. .top-bar {
  2606.   overflow: hidden;
  2607.   height: 45px;
  2608.   line-height: 45px;
  2609.   position: relative;
  2610.   background: #111111;
  2611.   margin-bottom: 1.875em; }
  2612.   .top-bar ul {
  2613.     margin-bottom: 0;
  2614.     list-style: none; }
  2615.   .top-bar .row {
  2616.     max-width: none; }
  2617.   .top-bar form,
  2618.   .top-bar input {
  2619.     margin-bottom: 0; }
  2620.   .top-bar input {
  2621.     height: 2.45em; }
  2622.   .top-bar .button {
  2623.     padding-top: .5em;
  2624.     padding-bottom: .5em;
  2625.     margin-bottom: 0; }
  2626.   .top-bar .title-area {
  2627.     position: relative; }
  2628.   .top-bar .name {
  2629.     height: 45px;
  2630.     margin: 0;
  2631.     font-size: 16px; }
  2632.     .top-bar .name h1 {
  2633.       line-height: 45px;
  2634.       font-size: 1.0625em;
  2635.       margin: 0; }
  2636.       .top-bar .name h1 a {
  2637.         font-weight: bold;
  2638.         color: white;
  2639.         width: 50%;
  2640.         display: block;
  2641.         padding: 0 15px; }
  2642.   .top-bar .toggle-topbar {
  2643.     position: absolute;
  2644.     right: 0;
  2645.     top: 0; }
  2646.     .top-bar .toggle-topbar a {
  2647.       color: white;
  2648.       text-transform: uppercase;
  2649.       font-size: 0.8125em;
  2650.       font-weight: bold;
  2651.       position: relative;
  2652.       display: block;
  2653.       padding: 0 15px;
  2654.       height: 45px;
  2655.       line-height: 45px; }
  2656.     .top-bar .toggle-topbar.menu-icon {
  2657.       right: 15px;
  2658.       top: 50%;
  2659.       margin-top: -16px;
  2660.       padding-left: 40px; }
  2661.       .top-bar .toggle-topbar.menu-icon a {
  2662.         text-indent: -48px;
  2663.         width: 34px;
  2664.         height: 34px;
  2665.         line-height: 33px;
  2666.         padding: 0;
  2667.         color: white; }
  2668.         .top-bar .toggle-topbar.menu-icon a span {
  2669.           position: absolute;
  2670.           right: 0;
  2671.           display: block;
  2672.           width: 16px;
  2673.           height: 0;
  2674.           -webkit-box-shadow: 0 10px 0 1px white, 0 16px 0 1px white, 0 22px 0 1px white;
  2675.           box-shadow: 0 10px 0 1px white, 0 16px 0 1px white, 0 22px 0 1px white; }
  2676.   .top-bar.expanded {
  2677.     height: auto;
  2678.     background: transparent; }
  2679.     .top-bar.expanded .title-area {
  2680.       background: #111111; }
  2681.     .top-bar.expanded .toggle-topbar a {
  2682.       color: #888888; }
  2683.       .top-bar.expanded .toggle-topbar a span {
  2684.         -webkit-box-shadow: 0 10px 0 1px #888888, 0 16px 0 1px #888888, 0 22px 0 1px #888888;
  2685.         box-shadow: 0 10px 0 1px #888888, 0 16px 0 1px #888888, 0 22px 0 1px #888888; }
  2686.  
  2687. .top-bar-section {
  2688.   left: 0;
  2689.   position: relative;
  2690.   width: auto;
  2691.   -webkit-transition: left 300ms ease-out;
  2692.   -moz-transition: left 300ms ease-out;
  2693.   transition: left 300ms ease-out; }
  2694.   .top-bar-section ul {
  2695.     width: 100%;
  2696.     height: auto;
  2697.     display: block;
  2698.     background: #333333;
  2699.     font-size: 16px;
  2700.     margin: 0; }
  2701.   .top-bar-section .divider,
  2702.   .top-bar-section [role="separator"] {
  2703.     border-bottom: solid 1px #4d4d4d;
  2704.     border-top: solid 1px #1a1a1a;
  2705.     clear: both;
  2706.     height: 1px;
  2707.     width: 100%; }
  2708.   .top-bar-section ul li > a {
  2709.     display: block;
  2710.     width: 100%;
  2711.     color: white;
  2712.     padding: 12px 0 12px 0;
  2713.     padding-left: 15px;
  2714.     font-size: 0.8125em;
  2715.     font-weight: bold;
  2716.     background: #333333; }
  2717.     .top-bar-section ul li > a:hover {
  2718.       background: #2b2b2b; }
  2719.     .top-bar-section ul li > a.button {
  2720.       background: #2ba6cb;
  2721.       font-size: 0.8125em; }
  2722.       .top-bar-section ul li > a.button:hover {
  2723.         background: #2284a1; }
  2724.     .top-bar-section ul li > a.button.secondary {
  2725.       background: #e9e9e9; }
  2726.       .top-bar-section ul li > a.button.secondary:hover {
  2727.         background: #d0d0d0; }
  2728.     .top-bar-section ul li > a.button.success {
  2729.       background: #5da423; }
  2730.       .top-bar-section ul li > a.button.success:hover {
  2731.         background: #457a1a; }
  2732.     .top-bar-section ul li > a.button.alert {
  2733.       background: #c60f13; }
  2734.       .top-bar-section ul li > a.button.alert:hover {
  2735.         background: #970b0e; }
  2736.   .top-bar-section ul li.active > a {
  2737.     background: #2b2b2b; }
  2738.   .top-bar-section .has-form {
  2739.     padding: 15px; }
  2740.   .top-bar-section .has-dropdown {
  2741.     position: relative; }
  2742.     .top-bar-section .has-dropdown > a:after {
  2743.       content: "";
  2744.       display: block;
  2745.       width: 0;
  2746.       height: 0;
  2747.       border: inset 5px;
  2748.       border-color: transparent transparent transparent rgba(255, 255, 255, 0.5);
  2749.       border-left-style: solid;
  2750.       margin-right: 15px;
  2751.       margin-top: -4.5px;
  2752.       position: absolute;
  2753.       top: 22px;
  2754.       right: 0; }
  2755.     .top-bar-section .has-dropdown.moved {
  2756.       position: static; }
  2757.       .top-bar-section .has-dropdown.moved > .dropdown {
  2758.         visibility: visible; }
  2759.   .top-bar-section .dropdown {
  2760.     position: absolute;
  2761.     left: 100%;
  2762.     top: 0;
  2763.     visibility: hidden;
  2764.     z-index: 99; }
  2765.     .top-bar-section .dropdown li {
  2766.       width: 100%; }
  2767.       .top-bar-section .dropdown li a {
  2768.         font-weight: normal;
  2769.         padding: 8px 15px; }
  2770.       .top-bar-section .dropdown li.title h5 {
  2771.         margin-bottom: 0; }
  2772.         .top-bar-section .dropdown li.title h5 a {
  2773.           color: white;
  2774.           line-height: 22.5px;
  2775.           display: block; }
  2776.     .top-bar-section .dropdown label {
  2777.       padding: 8px 15px 2px;
  2778.       margin-bottom: 0;
  2779.       text-transform: uppercase;
  2780.       color: #555555;
  2781.       font-weight: bold;
  2782.       font-size: 0.625em; }
  2783.  
  2784. .top-bar-js-breakpoint {
  2785.   width: 58.75em !important;
  2786.   visibility: hidden; }
  2787.  
  2788. .js-generated {
  2789.   display: block; }
  2790.  
  2791. @media only screen and (min-width: 58.75em) {
  2792.   .top-bar {
  2793.     background: #111111;
  2794.     *zoom: 1;
  2795.     overflow: visible; }
  2796.     .top-bar:before, .top-bar:after {
  2797.       content: " ";
  2798.       display: table; }
  2799.     .top-bar:after {
  2800.       clear: both; }
  2801.     .top-bar .toggle-topbar {
  2802.       display: none; }
  2803.     .top-bar .title-area {
  2804.       float: left; }
  2805.     .top-bar .name h1 a {
  2806.       width: auto; }
  2807.     .top-bar input,
  2808.     .top-bar .button {
  2809.       line-height: 2em;
  2810.       font-size: 0.875em;
  2811.       height: 2em;
  2812.       padding: 0 10px;
  2813.       position: relative;
  2814.       top: 8px; }
  2815.     .top-bar.expanded {
  2816.       background: #111111; }
  2817.  
  2818.   .contain-to-grid .top-bar {
  2819.     max-width: 62.5em;
  2820.     margin: 0 auto;
  2821.     margin-bottom: 1.875em; }
  2822.  
  2823.   .top-bar-section {
  2824.     -webkit-transition: none 0 0;
  2825.     -moz-transition: none 0 0;
  2826.     transition: none 0 0;
  2827.     left: 0 !important; }
  2828.     .top-bar-section ul {
  2829.       width: auto;
  2830.       height: auto !important;
  2831.       display: inline; }
  2832.       .top-bar-section ul li {
  2833.         float: left; }
  2834.         .top-bar-section ul li .js-generated {
  2835.           display: none; }
  2836.     .top-bar-section li a:not(.button) {
  2837.       padding: 0 15px;
  2838.       line-height: 45px;
  2839.       background: #111111; }
  2840.       .top-bar-section li a:not(.button):hover {
  2841.         background: black; }
  2842.     .top-bar-section .has-dropdown > a {
  2843.       padding-right: 35px !important; }
  2844.       .top-bar-section .has-dropdown > a:after {
  2845.         content: "";
  2846.         display: block;
  2847.         width: 0;
  2848.         height: 0;
  2849.         border: inset 5px;
  2850.         border-color: rgba(255, 255, 255, 0.5) transparent transparent transparent;
  2851.         border-top-style: solid;
  2852.         margin-top: -2.5px;
  2853.         top: 22.5px; }
  2854.     .top-bar-section .has-dropdown.moved {
  2855.       position: relative; }
  2856.       .top-bar-section .has-dropdown.moved > .dropdown {
  2857.         visibility: hidden; }
  2858.     .top-bar-section .has-dropdown:hover > .dropdown, .top-bar-section .has-dropdown:active > .dropdown {
  2859.       visibility: visible; }
  2860.     .top-bar-section .has-dropdown .dropdown li.has-dropdown > a:after {
  2861.       border: none;
  2862.       content: "\00bb";
  2863.       margin-top: -15px;
  2864.       right: 5px; }
  2865.     .top-bar-section .dropdown {
  2866.       left: 0;
  2867.       top: auto;
  2868.       background: transparent;
  2869.       min-width: 100%; }
  2870.       .top-bar-section .dropdown li a {
  2871.         color: white;
  2872.         line-height: 1;
  2873.         white-space: nowrap;
  2874.         padding: 7px 15px;
  2875.         background: #1e1e1e; }
  2876.       .top-bar-section .dropdown li label {
  2877.         white-space: nowrap;
  2878.         background: #1e1e1e; }
  2879.       .top-bar-section .dropdown li .dropdown {
  2880.         left: 100%;
  2881.         top: 0; }
  2882.     .top-bar-section > ul > .divider, .top-bar-section > ul > [role="separator"] {
  2883.       border-bottom: none;
  2884.       border-top: none;
  2885.       border-right: solid 1px #2b2b2b;
  2886.       border-left: solid 1px black;
  2887.       clear: none;
  2888.       height: 45px;
  2889.       width: 0px; }
  2890.     .top-bar-section .has-form {
  2891.       background: #111111;
  2892.       padding: 0 15px;
  2893.       height: 45px; }
  2894.     .top-bar-section ul.right li .dropdown {
  2895.       left: auto;
  2896.       right: 0; }
  2897.       .top-bar-section ul.right li .dropdown li .dropdown {
  2898.         right: 100%; } }
  2899. .orbit-container {
  2900.   overflow: hidden;
  2901.   width: 100%;
  2902.   position: relative;
  2903.   background: whitesmoke; }
  2904.   .orbit-container .orbit-slides-container {
  2905.     list-style: none;
  2906.     margin: 0;
  2907.     padding: 0;
  2908.     position: relative; }
  2909.     .orbit-container .orbit-slides-container img {
  2910.       display: block; }
  2911.     .orbit-container .orbit-slides-container > * {
  2912.       position: relative;
  2913.       float: left;
  2914.       height: 100%; }
  2915.       .orbit-container .orbit-slides-container > * .orbit-caption {
  2916.         position: absolute;
  2917.         bottom: 0;
  2918.         background-color: black;
  2919.         background-color: rgba(13, 141, 7, 1);
  2920.         color: #fff;
  2921.         width: 100%;
  2922.         padding: 10px 14px;
  2923.         font-size: 0.875em; }
  2924.         .orbit-container .orbit-slides-container > * .orbit-caption * {
  2925.           color: white; }
  2926.   .orbit-container .orbit-slide-number {
  2927.     position: absolute;
  2928.     top: 10px;
  2929.     left: 10px;
  2930.     font-size: 12px;
  2931.     color: white;
  2932.     background: rgba(0, 0, 0, 0); }
  2933.     .orbit-container .orbit-slide-number span {
  2934.       font-weight: 700;
  2935.       padding: 0.3125em; }
  2936.   .orbit-container .orbit-timer {
  2937.     position: absolute;
  2938.     top: 10px;
  2939.     right: 10px;
  2940.     height: 6px;
  2941.     width: 100px; }
  2942.     .orbit-container .orbit-timer .orbit-progress {
  2943.       height: 100%;
  2944.       background-color: black;
  2945.       background-color: rgba(0, 0, 0, 0.6);
  2946.       display: block;
  2947.       width: 0%; }
  2948.     .orbit-container .orbit-timer > span {
  2949.       display: none;
  2950.       position: absolute;
  2951.       top: 10px;
  2952.       right: 0px;
  2953.       width: 11px;
  2954.       height: 14px;
  2955.       border: solid 4px black;
  2956.       border-top: none;
  2957.       border-bottom: none; }
  2958.     .orbit-container .orbit-timer.paused > span {
  2959.       right: -6px;
  2960.       top: 9px;
  2961.       width: 11px;
  2962.       height: 14px;
  2963.       border: inset 8px;
  2964.       border-right-style: solid;
  2965.       border-color: transparent transparent transparent black; }
  2966.   .orbit-container:hover .orbit-timer > span {
  2967.     display: block; }
  2968.   .orbit-container .orbit-prev,
  2969.   .orbit-container .orbit-next {
  2970.     position: absolute;
  2971.     top: 50%;
  2972.     margin-top: -25px;
  2973.     background-color: black;
  2974.     background-color: rgba(0, 0, 0, 0.6);
  2975.     width: 50px;
  2976.     height: 60px;
  2977.     line-height: 50px;
  2978.     color: white;
  2979.     text-indent: -9999px !important; }
  2980.     .orbit-container .orbit-prev > span,
  2981.     .orbit-container .orbit-next > span {
  2982.       position: absolute;
  2983.       top: 50%;
  2984.       margin-top: -16px;
  2985.       display: block;
  2986.       width: 0;
  2987.       height: 0;
  2988.       border: inset 16px; }
  2989.   .orbit-container .orbit-prev {
  2990.     left: 0; }
  2991.     .orbit-container .orbit-prev > span {
  2992.       border-right-style: solid;
  2993.       border-color: transparent;
  2994.       border-right-color: #fff; }
  2995.     .orbit-container .orbit-prev:hover > span {
  2996.       border-right-color: #ccc; }
  2997.   .orbit-container .orbit-next {
  2998.     right: 0; }
  2999.     .orbit-container .orbit-next > span {
  3000.       border-color: transparent;
  3001.       border-left-style: solid;
  3002.       border-left-color: #fff;
  3003.       left: 50%;
  3004.       margin-left: -8px; }
  3005.     .orbit-container .orbit-next:hover > span {
  3006.       border-left-color: #ccc; }
  3007.  
  3008. .orbit-bullets {
  3009.   margin: 0 auto 30px auto;
  3010.   overflow: hidden;
  3011.   position: relative;
  3012.   top: 10px; }
  3013.   .orbit-bullets li {
  3014.     display: block;
  3015.     width: 18px;
  3016.     height: 18px;
  3017.     background: #999999;
  3018.     float: left;
  3019.     margin-right: 6px;
  3020.     border: solid 2px #222222;
  3021.     -webkit-border-radius: 1000px;
  3022.     border-radius: 1000px; }
  3023.     .orbit-bullets li.active {
  3024.       background: #222222; }
  3025.     .orbit-bullets li:last-child {
  3026.       margin-right: 0; }
  3027.  
  3028. .touch .orbit-container .orbit-prev,
  3029. .touch .orbit-container .orbit-next {
  3030.   display: none; }
  3031. .touch .orbit-bullets {
  3032.   display: none; }
  3033.  
  3034. @media only screen and (min-width: 48em) {
  3035.   .touch .orbit-container .orbit-prev,
  3036.   .touch .orbit-container .orbit-next {
  3037.     display: inherit; }
  3038.   .touch .orbit-bullets {
  3039.     display: block; } }
  3040. .reveal-modal-bg {
  3041.   position: fixed;
  3042.   height: 100%;
  3043.   width: 100%;
  3044.   background: black;
  3045.   background: rgba(0, 0, 0, 0.45);
  3046.   z-index: 98;
  3047.   display: none;
  3048.   top: 0;
  3049.   left: 0; }
  3050.  
  3051. .reveal-modal {
  3052.   visibility: hidden;
  3053.   display: none;
  3054.   position: absolute;
  3055.   left: 50%;
  3056.   z-index: 99;
  3057.   height: auto;
  3058.   background-color: #fff;
  3059.   margin-left: -40%;
  3060.   width: 80%;
  3061.   background-color: white;
  3062.   padding: 1.25em;
  3063.   border: solid 1px #666666;
  3064.   -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  3065.   box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  3066.   top: 50px; }
  3067.   .reveal-modal .column,
  3068.   .reveal-modal .columns {
  3069.     min-width: 0; }
  3070.   .reveal-modal > :first-child {
  3071.     margin-top: 0; }
  3072.   .reveal-modal > :last-child {
  3073.     margin-bottom: 0; }
  3074.   .reveal-modal .close-reveal-modal {
  3075.     font-size: 1.375em;
  3076.     line-height: 1;
  3077.     position: absolute;
  3078.     top: 0.5em;
  3079.     right: 0.6875em;
  3080.     color: #aaaaaa;
  3081.     font-weight: bold;
  3082.     cursor: pointer; }
  3083.  
  3084. @media only screen and (min-width: 48em) {
  3085.   .reveal-modal {
  3086.     padding: 1.875em;
  3087.     top: 6.25em; }
  3088.     .reveal-modal.tiny {
  3089.       margin-left: -15%;
  3090.       width: 30%; }
  3091.     .reveal-modal.small {
  3092.       margin-left: -20%;
  3093.       width: 40%; }
  3094.     .reveal-modal.medium {
  3095.       margin-left: -30%;
  3096.       width: 60%; }
  3097.     .reveal-modal.large {
  3098.       margin-left: -35%;
  3099.       width: 70%; }
  3100.     .reveal-modal.xlarge {
  3101.       margin-left: -47.5%;
  3102.       width: 95%; } }
  3103. @media print {
  3104.   .reveal-modal {
  3105.     background: white !important; } }
  3106. /* Foundation Joyride */
  3107. .joyride-list {
  3108.   display: none; }
  3109.  
  3110. /* Default styles for the container */
  3111. .joyride-tip-guide {
  3112.   display: none;
  3113.   position: absolute;
  3114.   background: black;
  3115.   color: white;
  3116.   z-index: 101;
  3117.   top: 0;
  3118.   left: 2.5%;
  3119.   font-family: inherit;
  3120.   font-weight: normal;
  3121.   width: 95%; }
  3122.  
  3123. .lt-ie9 .joyride-tip-guide {
  3124.   max-width: 800px;
  3125.   left: 50%;
  3126.   margin-left: -400px; }
  3127.  
  3128. .joyride-content-wrapper {
  3129.   width: 100%;
  3130.   padding: 1.125em 1.25em 1.5em; }
  3131.   .joyride-content-wrapper .button {
  3132.     margin-bottom: 0 !important; }
  3133.  
  3134. /* Add a little css triangle pip, older browser just miss out on the fanciness of it */
  3135. .joyride-tip-guide .joyride-nub {
  3136.   display: block;
  3137.   position: absolute;
  3138.   left: 22px;
  3139.   width: 0;
  3140.   height: 0;
  3141.   border: inset 14px; }
  3142.   .joyride-tip-guide .joyride-nub.top {
  3143.     border-top-style: solid;
  3144.     border-color: black;
  3145.     border-top-color: transparent !important;
  3146.     border-left-color: transparent !important;
  3147.     border-right-color: transparent !important;
  3148.     top: -28px; }
  3149.   .joyride-tip-guide .joyride-nub.bottom {
  3150.     border-bottom-style: solid;
  3151.     border-color: black !important;
  3152.     border-bottom-color: transparent !important;
  3153.     border-left-color: transparent !important;
  3154.     border-right-color: transparent !important;
  3155.     bottom: -28px; }
  3156.   .joyride-tip-guide .joyride-nub.right {
  3157.     right: -28px; }
  3158.   .joyride-tip-guide .joyride-nub.left {
  3159.     left: -28px; }
  3160.  
  3161. /* Typography */
  3162. .joyride-tip-guide h1,
  3163. .joyride-tip-guide h2,
  3164. .joyride-tip-guide h3,
  3165. .joyride-tip-guide h4,
  3166. .joyride-tip-guide h5,
  3167. .joyride-tip-guide h6 {
  3168.   line-height: 1.25;
  3169.   margin: 0;
  3170.   font-weight: bold;
  3171.   color: white; }
  3172.  
  3173. .joyride-tip-guide p {
  3174.   margin: 0 0 1.125em 0;
  3175.   font-size: 0.875em;
  3176.   line-height: 1.3; }
  3177.  
  3178. .joyride-timer-indicator-wrap {
  3179.   width: 50px;
  3180.   height: 3px;
  3181.   border: solid 1px #555555;
  3182.   position: absolute;
  3183.   right: 1.0625em;
  3184.   bottom: 1em; }
  3185.  
  3186. .joyride-timer-indicator {
  3187.   display: block;
  3188.   width: 0;
  3189.   height: inherit;
  3190.   background: #666666; }
  3191.  
  3192. .joyride-close-tip {
  3193.   position: absolute;
  3194.   right: 12px;
  3195.   top: 10px;
  3196.   color: #777777 !important;
  3197.   text-decoration: none;
  3198.   font-size: 30px;
  3199.   font-weight: normal;
  3200.   line-height: 0.5 !important; }
  3201.   .joyride-close-tip:hover, .joyride-close-tip:focus {
  3202.     color: #eeeeee !important; }
  3203.  
  3204. .joyride-modal-bg {
  3205.   position: fixed;
  3206.   height: 100%;
  3207.   width: 100%;
  3208.   background: transparent;
  3209.   background: rgba(0, 0, 0, 0.5);
  3210.   z-index: 100;
  3211.   display: none;
  3212.   top: 0;
  3213.   left: 0;
  3214.   cursor: pointer; }
  3215.  
  3216. .joyride-expose-wrapper {
  3217.   background-color: #ffffff;
  3218.   position: absolute;
  3219.   border-radius: 3px;
  3220.   z-index: 102;
  3221.   -moz-box-shadow: 0px 0px 30px white;
  3222.   -webkit-box-shadow: 0px 0px 15px white;
  3223.   box-shadow: 0px 0px 15px white; }
  3224.  
  3225. .joyride-expose-cover {
  3226.   background: transparent;
  3227.   border-radius: 3px;
  3228.   position: absolute;
  3229.   z-index: 9999;
  3230.   top: 0px;
  3231.   left: 0px; }
  3232.  
  3233. /* Styles for screens that are atleast 768px; */
  3234. @media only screen and (min-width: 48em) {
  3235.   .joyride-tip-guide {
  3236.     width: 300px;
  3237.     left: inherit; }
  3238.     .joyride-tip-guide .joyride-nub.bottom {
  3239.       border-color: black !important;
  3240.       border-bottom-color: transparent !important;
  3241.       border-left-color: transparent !important;
  3242.       border-right-color: transparent !important;
  3243.       bottom: -28px; }
  3244.     .joyride-tip-guide .joyride-nub.right {
  3245.       border-color: black !important;
  3246.       border-top-color: transparent !important;
  3247.       border-right-color: transparent !important;
  3248.       border-bottom-color: transparent !important;
  3249.       top: 22px;
  3250.       left: auto;
  3251.       right: -28px; }
  3252.     .joyride-tip-guide .joyride-nub.left {
  3253.       border-color: black !important;
  3254.       border-top-color: transparent !important;
  3255.       border-left-color: transparent !important;
  3256.       border-bottom-color: transparent !important;
  3257.       top: 22px;
  3258.       left: -28px;
  3259.       right: auto; } }
  3260. /* Clearing Styles */
  3261. [data-clearing] {
  3262.   *zoom: 1;
  3263.   margin-bottom: 0;
  3264.   list-style: none; }
  3265.   [data-clearing]:before, [data-clearing]:after {
  3266.     content: " ";
  3267.     display: table; }
  3268.   [data-clearing]:after {
  3269.     clear: both; }
  3270.   [data-clearing] li {
  3271.     float: left;
  3272.     margin-right: 10px; }
  3273.  
  3274. .clearing-blackout {
  3275.   background: #111111;
  3276.   position: fixed;
  3277.   width: 100%;
  3278.   height: 100%;
  3279.   top: 0;
  3280.   left: 0;
  3281.   z-index: 998; }
  3282.   .clearing-blackout .clearing-close {
  3283.     display: block; }
  3284.  
  3285. .clearing-container {
  3286.   position: relative;
  3287.   z-index: 998;
  3288.   height: 100%;
  3289.   overflow: hidden;
  3290.   margin: 0; }
  3291.  
  3292. .visible-img {
  3293.   height: 95%;
  3294.   position: relative; }
  3295.   .visible-img img {
  3296.     position: absolute;
  3297.     left: 50%;
  3298.     top: 50%;
  3299.     margin-left: -50%;
  3300.     max-height: 100%;
  3301.     max-width: 100%; }
  3302.  
  3303. .clearing-caption {
  3304.   color: white;
  3305.   line-height: 1.3;
  3306.   margin-bottom: 0;
  3307.   text-align: center;
  3308.   bottom: 0;
  3309.   background: #111111;
  3310.   width: 100%;
  3311.   padding: 10px 30px;
  3312.   position: absolute;
  3313.   left: 0; }
  3314.  
  3315. .clearing-close {
  3316.   z-index: 999;
  3317.   padding-left: 20px;
  3318.   padding-top: 10px;
  3319.   font-size: 40px;
  3320.   line-height: 1;
  3321.   color: white;
  3322.   display: none; }
  3323.   .clearing-close:hover, .clearing-close:focus {
  3324.     color: #ccc; }
  3325.  
  3326. .clearing-assembled .clearing-container {
  3327.   height: 100%; }
  3328.   .clearing-assembled .clearing-container .carousel > ul {
  3329.     display: none; }
  3330.  
  3331. @media only screen and (min-width: 48em) {
  3332.   .clearing-main-prev,
  3333.   .clearing-main-next {
  3334.     position: absolute;
  3335.     height: 100%;
  3336.     width: 40px;
  3337.     top: 0; }
  3338.     .clearing-main-prev > span,
  3339.     .clearing-main-next > span {
  3340.       position: absolute;
  3341.       top: 50%;
  3342.       display: block;
  3343.       width: 0;
  3344.       height: 0;
  3345.       border: solid 16px; }
  3346.  
  3347.   .clearing-main-prev {
  3348.     left: 0; }
  3349.     .clearing-main-prev > span {
  3350.       left: 5px;
  3351.       border-color: transparent;
  3352.       border-right-color: white; }
  3353.  
  3354.   .clearing-main-next {
  3355.     right: 0; }
  3356.     .clearing-main-next > span {
  3357.       border-color: transparent;
  3358.       border-left-color: white; }
  3359.  
  3360.   .clearing-main-prev.disabled,
  3361.   .clearing-main-next.disabled {
  3362.     opacity: 0.5; }
  3363.  
  3364.   .clearing-feature ~ li {
  3365.     display: none; }
  3366.  
  3367.   .clearing-assembled .clearing-container .carousel {
  3368.     background: #111111;
  3369.     height: 150px;
  3370.     margin-top: 5px; }
  3371.     .clearing-assembled .clearing-container .carousel > ul {
  3372.       display: block;
  3373.       z-index: 999;
  3374.       width: 200%;
  3375.       height: 100%;
  3376.       margin-left: 0;
  3377.       position: relative;
  3378.       left: 0; }
  3379.       .clearing-assembled .clearing-container .carousel > ul li {
  3380.         display: block;
  3381.         width: 175px;
  3382.         height: inherit;
  3383.         padding: 0;
  3384.         float: left;
  3385.         overflow: hidden;
  3386.         margin-right: 1px;
  3387.         position: relative;
  3388.         cursor: pointer;
  3389.         opacity: 0.4; }
  3390.         .clearing-assembled .clearing-container .carousel > ul li.fix-height img {
  3391.           min-height: 100%;
  3392.           height: 100%;
  3393.           max-width: none; }
  3394.         .clearing-assembled .clearing-container .carousel > ul li a.th {
  3395.           border: none;
  3396.           -webkit-box-shadow: none;
  3397.           box-shadow: none;
  3398.           display: block; }
  3399.         .clearing-assembled .clearing-container .carousel > ul li img {
  3400.           cursor: pointer !important;
  3401.           min-width: 100% !important; }
  3402.         .clearing-assembled .clearing-container .carousel > ul li.visible {
  3403.           opacity: 1; }
  3404.   .clearing-assembled .clearing-container .visible-img {
  3405.     background: #111111;
  3406.     overflow: hidden;
  3407.     height: 75%; }
  3408.  
  3409.   .clearing-close {
  3410.     position: absolute;
  3411.     top: 10px;
  3412.     right: 20px;
  3413.     padding-left: 0;
  3414.     padding-top: 0; } }
  3415. /* Foundation Alerts */
  3416. .alert-box {
  3417.   border-style: solid;
  3418.   border-width: 1px;
  3419.   display: block;
  3420.   font-weight: bold;
  3421.   margin-bottom: 1.25em;
  3422.   position: relative;
  3423.   padding: 0.6875em 1.3125em 0.75em 0.6875em;
  3424.   font-size: 0.875em;
  3425.   background-color: #2ba6cb;
  3426.   border-color: #2284a1;
  3427.   color: white; }
  3428.   .alert-box .close {
  3429.     font-size: 1.375em;
  3430.     padding: 5px 4px 4px;
  3431.     line-height: 0;
  3432.     position: absolute;
  3433.     top: 0.4375em;
  3434.     right: 0.3125em;
  3435.     color: #333333;
  3436.     opacity: 0.3; }
  3437.     .alert-box .close:hover, .alert-box .close:focus {
  3438.       opacity: 0.5; }
  3439.   .alert-box.radius {
  3440.     -webkit-border-radius: 3px;
  3441.     border-radius: 3px; }
  3442.   .alert-box.round {
  3443.     -webkit-border-radius: 1000px;
  3444.     border-radius: 1000px; }
  3445.   .alert-box.success {
  3446.     background-color: #5da423;
  3447.     border-color: #457a1a;
  3448.     color: white; }
  3449.   .alert-box.alert {
  3450.     background-color: #c60f13;
  3451.     border-color: #970b0e;
  3452.     color: white; }
  3453.   .alert-box.secondary {
  3454.     background-color: #e9e9e9;
  3455.     border-color: #d0d0d0;
  3456.     color: #505050; }
  3457.  
  3458. /* Breadcrumbs */
  3459. .breadcrumbs {
  3460.   display: block;
  3461.   padding: 0.5625em 0.875em 0.5625em;
  3462.   overflow: hidden;
  3463.   margin-left: 0;
  3464.   list-style: none;
  3465.   border-style: solid;
  3466.   border-width: 1px;
  3467.   background-color: #f6f6f6;
  3468.   border-color: gainsboro;
  3469.   -webkit-border-radius: 3px;
  3470.   border-radius: 3px; }
  3471.   .breadcrumbs > * {
  3472.     margin: 0;
  3473.     float: left;
  3474.     font-size: 0.6875em;
  3475.     text-transform: uppercase;
  3476.     color: #2ba6cb; }
  3477.     .breadcrumbs > *:hover a, .breadcrumbs > *:focus a {
  3478.       text-decoration: underline; }
  3479.     .breadcrumbs > * a,
  3480.     .breadcrumbs > * span {
  3481.       text-transform: uppercase;
  3482.       color: #2ba6cb; }
  3483.     .breadcrumbs > *.current {
  3484.       cursor: default;
  3485.       color: #333333; }
  3486.       .breadcrumbs > *.current a {
  3487.         cursor: default;
  3488.         color: #333333; }
  3489.       .breadcrumbs > *.current:hover, .breadcrumbs > *.current:hover a, .breadcrumbs > *.current:focus, .breadcrumbs > *.current:focus a {
  3490.         text-decoration: none; }
  3491.     .breadcrumbs > *.unavailable {
  3492.       color: #999999; }
  3493.       .breadcrumbs > *.unavailable a {
  3494.         color: #999999; }
  3495.       .breadcrumbs > *.unavailable:hover, .breadcrumbs > *.unavailable:hover a, .breadcrumbs > *.unavailable:focus,
  3496.       .breadcrumbs > *.unavailable a:focus {
  3497.         text-decoration: none;
  3498.         color: #999999;
  3499.         cursor: default; }
  3500.     .breadcrumbs > *:before {
  3501.       content: "/";
  3502.       color: #aaaaaa;
  3503.       margin: 0 0.75em;
  3504.       position: relative;
  3505.       top: 1px; }
  3506.     .breadcrumbs > *:first-child:before {
  3507.       content: " ";
  3508.       margin: 0; }
  3509.  
  3510. /* Keystroke Characters */
  3511. .keystroke,
  3512. kbd {
  3513.   background-color: #ededed;
  3514.   border-color: #dbdbdb;
  3515.   color: #222222;
  3516.   border-style: solid;
  3517.   border-width: 1px;
  3518.   margin: 0;
  3519.   font-family: "Consolas", "Menlo", "Courier", monospace;
  3520.   font-size: 0.9375em;
  3521.   padding: 0.125em 0.25em 0em;
  3522.   -webkit-border-radius: 3px;
  3523.   border-radius: 3px; }
  3524.  
  3525. /* Labels */
  3526. .label {
  3527.   font-weight: bold;
  3528.   text-align: center;
  3529.   text-decoration: none;
  3530.   line-height: 1;
  3531.   white-space: nowrap;
  3532.   display: inline-block;
  3533.   position: relative;
  3534.   padding: 0.1875em 0.625em 0.25em;
  3535.   font-size: 0.875em;
  3536.   background-color: #2ba6cb;
  3537.   color: white; }
  3538.   .label.radius {
  3539.     -webkit-border-radius: 3px;
  3540.     border-radius: 3px; }
  3541.   .label.round {
  3542.     -webkit-border-radius: 1000px;
  3543.     border-radius: 1000px; }
  3544.   .label.alert {
  3545.     background-color: #c60f13;
  3546.     color: white; }
  3547.   .label.success {
  3548.     background-color: #5da423;
  3549.     color: white; }
  3550.   .label.secondary {
  3551.     background-color: #e9e9e9;
  3552.     color: #333333; }
  3553.  
  3554. /* Inline Lists */
  3555. .inline-list {
  3556.   margin: 0 auto 1.0625em auto;
  3557.   margin-left: -1.375em;
  3558.   margin-right: 0;
  3559.   padding: 0;
  3560.   list-style: none;
  3561.   overflow: hidden; }
  3562.   .inline-list > li {
  3563.     list-style: none;
  3564.     float: left;
  3565.     margin-left: 1.375em;
  3566.     display: block; }
  3567.     .inline-list > li > * {
  3568.       display: block; }
  3569.  
  3570. /* Pagination */
  3571. .pagination {
  3572.   display: block;
  3573.   height: 1.5em;
  3574.   margin-left: -0.3125em; }
  3575.   .pagination li {
  3576.     display: block;
  3577.     float: left;
  3578.     height: 1.5em;
  3579.     color: #222222;
  3580.     font-size: 0.875em;
  3581.     margin-left: 0.3125em; }
  3582.     .pagination li a {
  3583.       display: block;
  3584.       padding: 0.0625em 0.4375em 0.0625em;
  3585.       color: #999999; }
  3586.     .pagination li:hover a,
  3587.     .pagination li a:focus {
  3588.       background: #e6e6e6; }
  3589.     .pagination li.unavailable a {
  3590.       cursor: default;
  3591.       color: #999999; }
  3592.     .pagination li.unavailable:hover a, .pagination li.unavailable a:focus {
  3593.       background: transparent; }
  3594.     .pagination li.current a {
  3595.       background: #2ba6cb;
  3596.       color: white;
  3597.       font-weight: bold;
  3598.       cursor: default; }
  3599.       .pagination li.current a:hover, .pagination li.current a:focus {
  3600.         background: #2ba6cb; }
  3601.  
  3602. .pagination-centered {
  3603.   text-align: center; }
  3604.   .pagination-centered ul > li {
  3605.     float: none;
  3606.     display: inline-block; }
  3607.  
  3608. /* Panels */
  3609. .panel {
  3610.   border-style: solid;
  3611.   border-width: 1px;
  3612.   border-color: #d9d9d9;
  3613.   margin-bottom: 1.25em;
  3614.   padding: 1.25em;
  3615.   background: #f2f2f2; }
  3616.   .panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6, .panel p {
  3617.     color: #333333; }
  3618.   .panel > :first-child {
  3619.     margin-top: 0; }
  3620.   .panel > :last-child {
  3621.     margin-bottom: 0; }
  3622.   .panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6 {
  3623.     line-height: 1;
  3624.     margin-bottom: 0.625em; }
  3625.     .panel h1.subheader, .panel h2.subheader, .panel h3.subheader, .panel h4.subheader, .panel h5.subheader, .panel h6.subheader {
  3626.       line-height: 1.4; }
  3627.   .panel.callout {
  3628.     border-style: solid;
  3629.     border-width: 1px;
  3630.     border-color: #2284a1;
  3631.     margin-bottom: 1.25em;
  3632.     padding: 1.25em;
  3633.     background: #2ba6cb;
  3634.     -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  3635.     box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; }
  3636.     .panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6, .panel.callout p {
  3637.       color: white; }
  3638.     .panel.callout > :first-child {
  3639.       margin-top: 0; }
  3640.     .panel.callout > :last-child {
  3641.       margin-bottom: 0; }
  3642.     .panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6 {
  3643.       line-height: 1;
  3644.       margin-bottom: 0.625em; }
  3645.       .panel.callout h1.subheader, .panel.callout h2.subheader, .panel.callout h3.subheader, .panel.callout h4.subheader, .panel.callout h5.subheader, .panel.callout h6.subheader {
  3646.         line-height: 1.4; }
  3647.   .panel.radius {
  3648.     -webkit-border-radius: 3px;
  3649.     border-radius: 3px; }
  3650.  
  3651. /* Pricing Tables */
  3652. .pricing-table {
  3653.   border: solid 1px #dddddd;
  3654.   margin-left: 0;
  3655.   margin-bottom: 1.25em; }
  3656.   .pricing-table * {
  3657.     list-style: none;
  3658.     line-height: 1; }
  3659.   .pricing-table .title {
  3660.     background-color: #dddddd;
  3661.     padding: 0.9375em 1.25em;
  3662.     text-align: center;
  3663.     color: #333333;
  3664.     font-weight: bold;
  3665.     font-size: 1em; }
  3666.   .pricing-table .price {
  3667.     background-color: #eeeeee;
  3668.     padding: 0.9375em 1.25em;
  3669.     text-align: center;
  3670.     color: #333333;
  3671.     font-weight: normal;
  3672.     font-size: 1.25em; }
  3673.   .pricing-table .description {
  3674.     background-color: white;
  3675.     padding: 0.9375em;
  3676.     text-align: center;
  3677.     color: #777777;
  3678.     font-size: 0.75em;
  3679.     font-weight: normal;
  3680.     line-height: 1.4;
  3681.     border-bottom: dotted 1px #dddddd; }
  3682.   .pricing-table .bullet-item {
  3683.     background-color: white;
  3684.     padding: 0.9375em;
  3685.     text-align: center;
  3686.     color: #333333;
  3687.     font-size: 0.875em;
  3688.     font-weight: normal;
  3689.     border-bottom: dotted 1px #dddddd; }
  3690.   .pricing-table .cta-button {
  3691.     background-color: whitesmoke;
  3692.     text-align: center;
  3693.     padding: 1.25em 1.25em 0; }
  3694.  
  3695. /* Progress Bar */
  3696. .progress {
  3697.   background-color: transparent;
  3698.   height: 1.5625em;
  3699.   border: 1px solid #cccccc;
  3700.   padding: 0.125em;
  3701.   margin-bottom: 0.625em; }
  3702.   .progress .meter {
  3703.     background: #2ba6cb;
  3704.     height: 100%;
  3705.     display: block; }
  3706.   .progress.secondary .meter {
  3707.     background: #e9e9e9;
  3708.     height: 100%;
  3709.     display: block; }
  3710.   .progress.success .meter {
  3711.     background: #5da423;
  3712.     height: 100%;
  3713.     display: block; }
  3714.   .progress.alert .meter {
  3715.     background: #c60f13;
  3716.     height: 100%;
  3717.     display: block; }
  3718.   .progress.radius {
  3719.     -webkit-border-radius: 3px;
  3720.     border-radius: 3px; }
  3721.     .progress.radius .meter {
  3722.       -webkit-border-radius: 2px;
  3723.       border-radius: 2px; }
  3724.   .progress.round {
  3725.     -webkit-border-radius: 1000px;
  3726.     border-radius: 1000px; }
  3727.     .progress.round .meter {
  3728.       -webkit-border-radius: 999px;
  3729.       border-radius: 999px; }
  3730.  
  3731. /* Side Nav */
  3732. .side-nav {
  3733.   display: block;
  3734.   margin: 0;
  3735.   padding: 0.875em 0;
  3736.   list-style-type: none;
  3737.   list-style-position: inside; }
  3738.   .side-nav li {
  3739.     margin: 0 0 0.4375em 0;
  3740.     font-size: 0.875em; }
  3741.     .side-nav li a {
  3742.       display: block;
  3743.       color: #2ba6cb; }
  3744.     .side-nav li.active > a:first-child {
  3745.       color: #4d4d4d;
  3746.       font-weight: bold; }
  3747.     .side-nav li.divider {
  3748.       border-top: 1px solid;
  3749.       height: 0;
  3750.       padding: 0;
  3751.       list-style: none;
  3752.       border-top-color: #e6e6e6; }
  3753.  
  3754. /* Side Nav */
  3755. .sub-nav {
  3756.   display: block;
  3757.   width: auto;
  3758.   overflow: hidden;
  3759.   margin: -0.25em 0 1.125em;
  3760.   padding-top: 0.25em;
  3761.   margin-right: 0;
  3762.   margin-left: -0.5625em; }
  3763.   .sub-nav dt,
  3764.   .sub-nav dd {
  3765.     float: left;
  3766.     display: inline;
  3767.     margin-left: 0.5625em;
  3768.     margin-bottom: 0.625em;
  3769.     font-weight: normal;
  3770.     font-size: 0.875em; }
  3771.     .sub-nav dt a,
  3772.     .sub-nav dd a {
  3773.       color: #999999;
  3774.       text-decoration: none; }
  3775.     .sub-nav dt.active a,
  3776.     .sub-nav dd.active a {
  3777.       -webkit-border-radius: 1000px;
  3778.       border-radius: 1000px;
  3779.       font-weight: bold;
  3780.       background: #2ba6cb;
  3781.       padding: 0.1875em 0.5625em;
  3782.       cursor: default;
  3783.       color: white; }
  3784.  
  3785. /* Foundation Switches */
  3786. @media only screen {
  3787.   div.switch {
  3788.     position: relative;
  3789.     width: 100%;
  3790.     padding: 0;
  3791.     display: block;
  3792.     overflow: hidden;
  3793.     border-style: solid;
  3794.     border-width: 1px;
  3795.     margin-bottom: 1.25em;
  3796.     -webkit-animation: webkitSiblingBugfix infinite 1s;
  3797.     height: 36px;
  3798.     background: white;
  3799.     border-color: #cccccc; }
  3800.     div.switch label {
  3801.       position: relative;
  3802.       left: 0;
  3803.       z-index: 2;
  3804.       float: left;
  3805.       width: 50%;
  3806.       height: 100%;
  3807.       margin: 0;
  3808.       font-weight: bold;
  3809.       text-align: left;
  3810.       -webkit-transition: all 0.1s ease-out;
  3811.       -moz-transition: all 0.1s ease-out;
  3812.       transition: all 0.1s ease-out; }
  3813.     div.switch input {
  3814.       position: absolute;
  3815.       z-index: 3;
  3816.       opacity: 0;
  3817.       width: 100%;
  3818.       height: 100%;
  3819.       -moz-appearance: none; }
  3820.       div.switch input:hover, div.switch input:focus {
  3821.         cursor: pointer; }
  3822.     div.switch > span {
  3823.       position: absolute;
  3824.       top: -1px;
  3825.       left: -1px;
  3826.       z-index: 1;
  3827.       display: block;
  3828.       padding: 0;
  3829.       border-width: 1px;
  3830.       border-style: solid;
  3831.       -webkit-transition: all 0.1s ease-out;
  3832.       -moz-transition: all 0.1s ease-out;
  3833.       transition: all 0.1s ease-out; }
  3834.     div.switch input:not(:checked) + label {
  3835.       opacity: 0; }
  3836.     div.switch input:checked {
  3837.       display: none !important; }
  3838.     div.switch input {
  3839.       left: 0;
  3840.       display: block !important; }
  3841.     div.switch input:first-of-type + label,
  3842.     div.switch input:first-of-type + span + label {
  3843.       left: -50%; }
  3844.     div.switch input:first-of-type:checked + label,
  3845.     div.switch input:first-of-type:checked + span + label {
  3846.       left: 0%; }
  3847.     div.switch input:last-of-type + label,
  3848.     div.switch input:last-of-type + span + label {
  3849.       right: -50%;
  3850.       left: auto;
  3851.       text-align: right; }
  3852.     div.switch input:last-of-type:checked + label,
  3853.     div.switch input:last-of-type:checked + span + label {
  3854.       right: 0%;
  3855.       left: auto; }
  3856.     div.switch span.custom {
  3857.       display: none !important; }
  3858.     div.switch label {
  3859.       padding: 0 0.375em;
  3860.       line-height: 2.3em;
  3861.       font-size: 0.875em; }
  3862.     div.switch input:first-of-type:checked ~ span {
  3863.       left: 100%;
  3864.       margin-left: -2.1875em; }
  3865.     div.switch > span {
  3866.       width: 2.25em;
  3867.       height: 2.25em; }
  3868.     div.switch > span {
  3869.       border-color: #b3b3b3;
  3870.       background: white;
  3871.       background: -moz-linear-gradient(top, white 0%, #f2f2f2 100%);
  3872.       background: -webkit-linear-gradient(top, white 0%, #f2f2f2 100%);
  3873.       background: linear-gradient(to bottom, white 0%, #f2f2f2 100%);
  3874.       -webkit-box-shadow: 2px 0 10px 0 rgba(0, 0, 0, 0.07), 1000px 0 0 1000px #e1f5d1, -2px 0 10px 0 rgba(0, 0, 0, 0.07), -1000px 0 0 1000px whitesmoke;
  3875.       box-shadow: 2px 0 10px 0 rgba(0, 0, 0, 0.07), 1000px 0 0 980px #e1f5d1, -2px 0 10px 0 rgba(0, 0, 0, 0.07), -1000px 0 0 1000px whitesmoke; }
  3876.     div.switch:hover > span, div.switch:focus > span {
  3877.       background: white;
  3878.       background: -moz-linear-gradient(top, white 0%, #e6e6e6 100%);
  3879.       background: -webkit-linear-gradient(top, white 0%, #e6e6e6 100%);
  3880.       background: linear-gradient(to bottom, white 0%, #e6e6e6 100%); }
  3881.     div.switch:active {
  3882.       background: transparent; }
  3883.     div.switch.large {
  3884.       height: 44px; }
  3885.       div.switch.large label {
  3886.         padding: 0 0.375em;
  3887.         line-height: 2.3em;
  3888.         font-size: 1.0625em; }
  3889.       div.switch.large input:first-of-type:checked ~ span {
  3890.         left: 100%;
  3891.         margin-left: -2.6875em; }
  3892.       div.switch.large > span {
  3893.         width: 2.75em;
  3894.         height: 2.75em; }
  3895.     div.switch.small {
  3896.       height: 28px; }
  3897.       div.switch.small label {
  3898.         padding: 0 0.375em;
  3899.         line-height: 2.1em;
  3900.         font-size: 0.75em; }
  3901.       div.switch.small input:first-of-type:checked ~ span {
  3902.         left: 100%;
  3903.         margin-left: -1.6875em; }
  3904.       div.switch.small > span {
  3905.         width: 1.75em;
  3906.         height: 1.75em; }
  3907.     div.switch.tiny {
  3908.       height: 22px; }
  3909.       div.switch.tiny label {
  3910.         padding: 0 0.375em;
  3911.         line-height: 1.9em;
  3912.         font-size: 0.6875em; }
  3913.       div.switch.tiny input:first-of-type:checked ~ span {
  3914.         left: 100%;
  3915.         margin-left: -1.3125em; }
  3916.       div.switch.tiny > span {
  3917.         width: 1.375em;
  3918.         height: 1.375em; }
  3919.     div.switch.radius {
  3920.       -webkit-border-radius: 4px;
  3921.       border-radius: 4px; }
  3922.       div.switch.radius > span {
  3923.         -webkit-border-radius: 3px;
  3924.         border-radius: 3px; }
  3925.     div.switch.round {
  3926.       -webkit-border-radius: 1000px;
  3927.       border-radius: 1000px; }
  3928.       div.switch.round > span {
  3929.         -webkit-border-radius: 999px;
  3930.         border-radius: 999px; }
  3931.       div.switch.round label {
  3932.         padding: 0 0.5625em; }
  3933.  
  3934.   @-webkit-keyframes webkitSiblingBugfix {
  3935.     from {
  3936.       position: relative; }
  3937.  
  3938.     to {
  3939.       position: relative; } } }
  3940. [data-magellan-expedition] {
  3941.   background: white;
  3942.   z-index: 50;
  3943.   min-width: 100%;
  3944.   padding: 10px; }
  3945.   [data-magellan-expedition] .sub-nav {
  3946.     margin-bottom: 0; }
  3947.     [data-magellan-expedition] .sub-nav dd {
  3948.       margin-bottom: 0; }
  3949.  
  3950. /* Tables */
  3951. table {
  3952.   background: white;
  3953.   margin-bottom: 1.25em;
  3954.   border: solid 1px #dddddd; }
  3955.   table thead,
  3956.   table tfoot {
  3957.     background: whitesmoke;
  3958.     font-weight: bold; }
  3959.     table thead tr th,
  3960.     table thead tr td,
  3961.     table tfoot tr th,
  3962.     table tfoot tr td {
  3963.       padding: 0.5em 0.625em 0.625em;
  3964.       font-size: 0.875em;
  3965.       color: #222222;
  3966.       text-align: left; }
  3967.   table tr th,
  3968.   table tr td {
  3969.     padding: 0.5625em 0.625em;
  3970.     font-size: 0.875em;
  3971.     color: #222222; }
  3972.   table tr.even, table tr.alt, table tr:nth-of-type(even) {
  3973.     background: #f9f9f9; }
  3974.   table thead tr th,
  3975.   table tfoot tr th,
  3976.   table tbody tr td,
  3977.   table tr td,
  3978.   table tfoot tr td {
  3979.     display: table-cell;
  3980.     line-height: 1.125em; }
  3981.  
  3982. /* Image Thumbnails */
  3983. .th {
  3984.   line-height: 0;
  3985.   display: inline-block;
  3986.   border: solid 4px white;
  3987.   -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
  3988.   box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
  3989.   -webkit-transition: all 200ms ease-out;
  3990.   -moz-transition: all 200ms ease-out;
  3991.   transition: all 200ms ease-out; }
  3992.   .th:hover, .th:focus {
  3993.     -webkit-box-shadow: 0 0 6px 1px rgba(43, 166, 203, 0.5);
  3994.     box-shadow: 0 0 6px 1px rgba(43, 166, 203, 0.5); }
  3995.   .th.radius {
  3996.     -webkit-border-radius: 3px;
  3997.     border-radius: 3px; }
  3998.  
  3999. a.th {
  4000.   display: block; }
  4001.  
  4002. /* Tooltips */
  4003. .has-tip {
  4004.   border-bottom: dotted 1px #cccccc;
  4005.   cursor: help;
  4006.   font-weight: bold;
  4007.   color: #333333; }
  4008.   .has-tip:hover, .has-tip:focus {
  4009.     border-bottom: dotted 1px #196177;
  4010.     color: #2ba6cb; }
  4011.   .has-tip.tip-left, .has-tip.tip-right {
  4012.     float: none !important; }
  4013.  
  4014. .tooltip {
  4015.   display: none;
  4016.   position: absolute;
  4017.   z-index: 999;
  4018.   font-weight: bold;
  4019.   font-size: 0.9375em;
  4020.   line-height: 1.3;
  4021.   padding: 0.5em;
  4022.   max-width: 85%;
  4023.   left: 50%;
  4024.   width: 100%;
  4025.   color: white;
  4026.   background: black;
  4027.   -webkit-border-radius: 3px;
  4028.   border-radius: 3px; }
  4029.   .tooltip > .nub {
  4030.     display: block;
  4031.     left: 5px;
  4032.     position: absolute;
  4033.     width: 0;
  4034.     height: 0;
  4035.     border: solid 5px;
  4036.     border-color: transparent transparent black transparent;
  4037.     top: -10px; }
  4038.   .tooltip.opened {
  4039.     color: #2ba6cb !important;
  4040.     border-bottom: dotted 1px #196177 !important; }
  4041.  
  4042. .tap-to-close {
  4043.   display: block;
  4044.   font-size: 0.625em;
  4045.   color: #888888;
  4046.   font-weight: normal; }
  4047.  
  4048. @media only screen and (min-width: 48em) {
  4049.   .tooltip > .nub {
  4050.     border-color: transparent transparent black transparent;
  4051.     top: -10px; }
  4052.   .tooltip.tip-top > .nub {
  4053.     border-color: black transparent transparent transparent;
  4054.     top: auto;
  4055.     bottom: -10px; }
  4056.   .tooltip.tip-left, .tooltip.tip-right {
  4057.     float: none !important; }
  4058.   .tooltip.tip-left > .nub {
  4059.     border-color: transparent transparent transparent black;
  4060.     right: -10px;
  4061.     left: auto;
  4062.     top: 50%;
  4063.     margin-top: -5px; }
  4064.   .tooltip.tip-right > .nub {
  4065.     border-color: transparent black transparent transparent;
  4066.     right: auto;
  4067.     left: -10px;
  4068.     top: 50%;
  4069.     margin-top: -5px; } }
  4070. @media only screen and (max-width: 767px) {
  4071.   .f-dropdown {
  4072.     max-width: 100%;
  4073.     left: 0; } }
  4074. /* Foundation Dropdowns */
  4075. .f-dropdown {
  4076.   position: absolute;
  4077.   top: -9999px;
  4078.   list-style: none;
  4079.   padding: 1.25em;
  4080.   width: 100%;
  4081.   height: auto;
  4082.   max-height: none;
  4083.   background: white;
  4084.   border: solid 1px #cccccc;
  4085.   font-size: 16px;
  4086.   z-index: 99;
  4087.   margin-top: 2px;
  4088.   max-width: 200px; }
  4089.   .f-dropdown *:first-child {
  4090.     margin-top: 0; }
  4091.   .f-dropdown *:last-child {
  4092.     margin-bottom: 0; }
  4093.   .f-dropdown:before {
  4094.     content: "";
  4095.     display: block;
  4096.     width: 0;
  4097.     height: 0;
  4098.     border: inset 6px;
  4099.     border-color: transparent transparent white transparent;
  4100.     border-bottom-style: solid;
  4101.     position: absolute;
  4102.     top: -12px;
  4103.     left: 10px;
  4104.     z-index: 99; }
  4105.   .f-dropdown:after {
  4106.     content: "";
  4107.     display: block;
  4108.     width: 0;
  4109.     height: 0;
  4110.     border: inset 7px;
  4111.     border-color: transparent transparent #cccccc transparent;
  4112.     border-bottom-style: solid;
  4113.     position: absolute;
  4114.     top: -14px;
  4115.     left: 9px;
  4116.     z-index: 98; }
  4117.   .f-dropdown.right:before {
  4118.     left: auto;
  4119.     right: 10px; }
  4120.   .f-dropdown.right:after {
  4121.     left: auto;
  4122.     right: 9px; }
  4123.   .f-dropdown li {
  4124.     font-size: 0.875em;
  4125.     cursor: pointer;
  4126.     line-height: 1.125em;
  4127.     margin: 0; }
  4128.     .f-dropdown li:hover, .f-dropdown li:focus {
  4129.       background: #eeeeee; }
  4130.     .f-dropdown li a {
  4131.       display: block;
  4132.       padding: 0.3125em 0.625em;
  4133.       color: #555555; }
  4134.   .f-dropdown.content {
  4135.     position: absolute;
  4136.     top: -9999px;
  4137.     list-style: none;
  4138.     padding: 1.25em;
  4139.     width: 100%;
  4140.     height: auto;
  4141.     max-height: none;
  4142.     background: white;
  4143.     border: solid 1px #cccccc;
  4144.     font-size: 16px;
  4145.     z-index: 99;
  4146.     max-width: 200px; }
  4147.     .f-dropdown.content *:first-child {
  4148.       margin-top: 0; }
  4149.     .f-dropdown.content *:last-child {
  4150.       margin-bottom: 0; }
  4151.   .f-dropdown.tiny {
  4152.     max-width: 200px; }
  4153.   .f-dropdown.small {
  4154.     max-width: 300px; }
  4155.   .f-dropdown.medium {
  4156.     max-width: 500px; }
  4157.   .f-dropdown.large {
  4158.     max-width: 800px; }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement